fix(runtime): clear up detached hostRefs and rootAppliedStyles

src/runtime/disconnected-callback.ts

@@ -3,14 +3,16 @@ import { getHostRef, plt } from '@platform';
 
 import type * as d from '../declarations';
 import { PLATFORM_FLAGS } from './runtime-constants';
+import { rootAppliedStyles } from './styles';
 import { safeCall } from './update-component';
 
 const disconnectInstance = (instance: any) => {
+  const callbackResult: unknown[] = [];
   if (BUILD.lazyLoad && BUILD.disconnectedCallback) {
-    safeCall(instance, 'disconnectedCallback');
+    callbackResult.push(safeCall(instance, 'disconnectedCallback'));
   }
   if (BUILD.cmpDidUnload) {
-    safeCall(instance, 'componentDidUnload');
+    callbackResult.push(safeCall(instance, 'componentDidUnload'));
   }
 };
 
@@ -33,4 +35,18 @@ export const disconnectedCallback = async (elm: d.HostElement) => {
       hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
     }
   }
+
+  /**
+   * Remove the element from the `rootAppliedStyles` WeakMap
+   */
+  if(rootAppliedStyles.has(elm)) {
+    rootAppliedStyles.delete(elm);
+  }
+
+  /**
+   * Remove the shadow root from the `rootAppliedStyles` WeakMap
+   */
+  if(elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot as unknown as Element)) {
+    rootAppliedStyles.delete(elm.shadowRoot as unknown as Element);
+  }
 };

src/runtime/styles.ts

@@ -6,7 +6,7 @@ import type * as d from '../declarations';
 import { createTime } from './profile';
 import { HYDRATED_STYLE_ID, NODE_TYPE, SLOT_FB_CSS } from './runtime-constants';
 
-const rootAppliedStyles: d.RootAppliedStyleMap = /*@__PURE__*/ new WeakMap();
+export const rootAppliedStyles: d.RootAppliedStyleMap = /*@__PURE__*/ new WeakMap();
 
 /**
  * Register the styles for a component by creating a stylesheet and then