mount-observer 0.0.30 → 0.0.31

package/MountObserver.js

@@ -48,15 +48,15 @@ export class MountObserver extends EventTarget {
         this.#calculatedSelector = calculatedSelector;
         return this.#calculatedSelector;
     }
-    async birtualizeFragment(fragment, level) {
+    async composeFragment(fragment, level) {
         const bis = fragment.querySelectorAll(inclTemplQry);
         for (const bi of bis) {
-            await this.#birtalizeMatch(bi, level);
+            await this.#compose(bi, level);
         }
     }
-    async #birtalizeMatch(el, level) {
-        const { birtualizeMatch } = await import('./birtualizeMatch.js');
-        await birtualizeMatch(this, el, level);
+    async #compose(el, level) {
+        const { compose } = await import('./compose.js');
+        await compose(this, el, level);
     }
     #templLookUp = new Map();
     findByID(id, fragment) {
@@ -348,13 +348,13 @@ export class MountObserver extends EventTarget {
         });
         for (const elToMount of elsToMount) {
             if (elToMount.matches(inclTemplQry)) {
-                await this.#birtalizeMatch(elToMount, 0);
+                await this.#compose(elToMount, 0);
             }
         }
         this.#mount(elsToMount, initializing);
     }
     async #inspectWithin(within, initializing) {
-        await this.birtualizeFragment(within, 0);
+        await this.composeFragment(within, 0);
         const els = Array.from(within.querySelectorAll(await this.#selector()));
         this.#filterAndMount(els, false, initializing);
     }

package/{birtualizeMatch.js → compose.js}

@@ -1,5 +1,6 @@
 import { inclTemplQry } from './MountObserver.js';
-export async function birtualizeMatch(self, el, level) {
+export const guid = Symbol.for('Wr0WPVh84k+O93miuENdMA');
+export async function compose(self, el, level) {
     const src = el.getAttribute('src');
     el.removeAttribute('src');
     const templID = src.substring(1);
@@ -28,7 +29,7 @@ export async function birtualizeMatch(self, el, level) {
             target.remove();
         }
     }
-    await self.birtualizeFragment(clone, level + 1);
+    await self.composeFragment(clone, level + 1);
     const shadowRootModeOnLoad = el.getAttribute('shadowRootModeOnLoad');
     if (shadowRootModeOnLoad === null && level === 0) {
         const slotMap = el.getAttribute('slotmap');
@@ -67,6 +68,13 @@ export async function birtualizeMatch(self, el, level) {
         }
         el.dispatchEvent(new LoadEvent(clone));
     }
+    if (level === 0) {
+        const childRefs = [];
+        for (const child of clone.children) {
+            childRefs.push(new WeakRef(child));
+        }
+        el[guid] = childRefs;
+    }
     if (shadowRootModeOnLoad !== null) {
         const parent = el.parentElement;
         if (parent === null)
@@ -78,7 +86,7 @@ export async function birtualizeMatch(self, el, level) {
     else {
         el.after(clone);
     }
-    if (level !== 0 || slots.length === 0)
+    if (level !== 0 || (slots.length === 0 && !el.hasAttribute('itemscope')))
         el.remove();
 }
 export class LoadEvent extends Event {

package/package.json

@@ -1,20 +1,29 @@
 {
   "name": "mount-observer",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",
   "devDependencies": {
-    "@playwright/test": "1.44.1",
-    "may-it-serve": "0.0.6"
+    "@playwright/test": "1.46.0",
+    "may-it-serve": "0.0.8"
   },
   "exports": {
-    ".": "./MountObserver.js",
-    "./MountObserver.js": "./MountObserver.js",
-    "./Synthesizer.js": "./Synthesizer.js",
-    "./types.d.ts": {
+    ".": {
       "default": "./MountObserver.js",
-      "types": "./types.d.ts"
+      "types": "./MountObserver.ts"
+    },
+    "./MountObserver.js": {
+      "default": "./MountObserver.js",
+      "types": "./MountObserver.ts"
+    },
+    "./Synthesizer.js": {
+      "default": "./Synthesizer.js",
+      "types": "./Synthesizer.ts"
+    },
+    "./compose.js": {
+      "default": "./compose.js",
+      "types": "./compose.ts"
     }
   },
   "files": [