@threadlabs/looma 0.2.9 → 0.2.11

package/dist/{chunk-FAEZV4LT.js → chunk-A5MSXQ7Y.js}

@@ -4445,6 +4445,10 @@ button:disabled,
   pointer-events: none;
 }
 
+:scope[hidden] {
+  display: none;
+}
+
 :scope[popover] {
   right: auto;
   bottom: auto;

package/dist/{chunk-3HMMDK27.js → chunk-ZR4QVFFS.js}

@@ -2436,6 +2436,7 @@ ${o}
       m.push(...h), f += h.length;
     }
     if (d) {
+      m = m.flatMap((p) => p.nodeType === 11 ? Array.from(p.childNodes) : [p]);
       for (let p = 0; p < m.length; p += 1) {
         let h = m[p];
         u.childNodes[p] !== h && u.insertBefore(h, u.childNodes[p] ?? null);
@@ -2450,7 +2451,7 @@ ${o}
     return i;
   }
   function Ei(e) {
-    return e instanceof Element ? e.getAttribute("slot") ?? "" : "";
+    return e.__loomaFrameworkSlot ?? (e instanceof Element ? e.getAttribute("slot") ?? "" : "");
   }
   function xi(e, t, n, r) {
     let i = e.nameExpression === void 0 ? e.name ?? "" : L(W(e.nameExpression, t)), o = r.projectedNodes.filter((s) => Ei(s) === i);
@@ -2673,10 +2674,10 @@ ${o}
     let r = e.ownerDocument, i = ke(r), o = i.definitions.get(t.contract.tag);
     if (o === void 0 ? ze(i, t.contract.tag, { definition: t, style: void 0 }) : JSON.stringify(o.definition) !== JSON.stringify(t) && y("HR001", `More than one definition declares <${t.contract.tag}>.`), J(e) === void 0) {
       let c = [], l = (m, f) => {
-        let p = f.children.filter((w) => w.kind === "text").map((w) => w.value), h = 0, v = f.children.filter((w) => w.kind === "element"), S = 0;
+        let k2 = f.children.find((w) => w.kind === "slot")?.name ?? "", p = f.children.filter((w) => w.kind === "text").map((w) => w.value), h = 0, v = f.children.filter((w) => w.kind === "element"), S = 0;
         for (let w of Array.from(m.childNodes)) {
           if (w instanceof Element) {
-            if (!(w.getAttribute("data-component")?.split(/\s+/) ?? []).includes(t.contract.tag)) Ve(w), c.push(w);
+            if (!(w.getAttribute("data-component")?.split(/\s+/) ?? []).includes(t.contract.tag)) w.__loomaFrameworkSlot = k2, Ve(w), c.push(w);
             else {
               for (; S < v.length && v[S].name !== w.localName; ) S += 1;
               let b = v[S++];
@@ -2684,6 +2685,10 @@ ${o}
             }
             continue;
           }
+          if (w instanceof Comment) {
+            w.__loomaFrameworkSlot = k2, c.push(w);
+            continue;
+          }
           if (w instanceof Text && w.data.trim() !== "") {
             for (; h < p.length && p[h] !== w.data; ) h += 1;
             h < p.length ? h += 1 : c.push(w);

package/dist/declarative.cjs

@@ -2464,6 +2464,7 @@ ${o}
       m.push(...h), f += h.length;
     }
     if (d) {
+      m = m.flatMap((p) => p.nodeType === 11 ? Array.from(p.childNodes) : [p]);
       for (let p = 0; p < m.length; p += 1) {
         let h = m[p];
         u.childNodes[p] !== h && u.insertBefore(h, u.childNodes[p] ?? null);
@@ -2478,7 +2479,7 @@ ${o}
     return i;
   }
   function Ei(e) {
-    return e instanceof Element ? e.getAttribute("slot") ?? "" : "";
+    return e.__loomaFrameworkSlot ?? (e instanceof Element ? e.getAttribute("slot") ?? "" : "");
   }
   function xi(e, t, n, r) {
     let i = e.nameExpression === void 0 ? e.name ?? "" : L(W(e.nameExpression, t)), o = r.projectedNodes.filter((s) => Ei(s) === i);
@@ -2701,10 +2702,10 @@ ${o}
     let r = e.ownerDocument, i = ke(r), o = i.definitions.get(t.contract.tag);
     if (o === void 0 ? ze(i, t.contract.tag, { definition: t, style: void 0 }) : JSON.stringify(o.definition) !== JSON.stringify(t) && y("HR001", `More than one definition declares <${t.contract.tag}>.`), J(e) === void 0) {
       let c = [], l = (m, f) => {
-        let p = f.children.filter((w) => w.kind === "text").map((w) => w.value), h = 0, v = f.children.filter((w) => w.kind === "element"), S = 0;
+        let k2 = f.children.find((w) => w.kind === "slot")?.name ?? "", p = f.children.filter((w) => w.kind === "text").map((w) => w.value), h = 0, v = f.children.filter((w) => w.kind === "element"), S = 0;
         for (let w of Array.from(m.childNodes)) {
           if (w instanceof Element) {
-            if (!(w.getAttribute("data-component")?.split(/\s+/) ?? []).includes(t.contract.tag)) Ve(w), c.push(w);
+            if (!(w.getAttribute("data-component")?.split(/\s+/) ?? []).includes(t.contract.tag)) w.__loomaFrameworkSlot = k2, Ve(w), c.push(w);
             else {
               for (; S < v.length && v[S].name !== w.localName; ) S += 1;
               let b = v[S++];
@@ -2712,6 +2713,10 @@ ${o}
             }
             continue;
           }
+          if (w instanceof Comment) {
+            w.__loomaFrameworkSlot = k2, c.push(w);
+            continue;
+          }
           if (w instanceof Text && w.data.trim() !== "") {
             for (; h < p.length && p[h] !== w.data; ) h += 1;
             h < p.length ? h += 1 : c.push(w);

package/dist/declarative.js

@@ -3,7 +3,7 @@ import {
   controllerFor,
   manageComponentLifecycle,
   registerLoomaPackage
-} from "./chunk-3HMMDK27.js";
+} from "./chunk-ZR4QVFFS.js";
 import "./chunk-MLKGABMK.js";
 export {
   attachLoomaComponent,

package/dist/index.cjs

@@ -4490,6 +4490,10 @@ button:disabled,
   pointer-events: none;
 }
 
+:scope[hidden] {
+  display: none;
+}
+
 :scope[popover] {
   right: auto;
   bottom: auto;
@@ -7224,6 +7228,7 @@ ${o}
       m.push(...h), f += h.length;
     }
     if (d) {
+      m = m.flatMap((p) => p.nodeType === 11 ? Array.from(p.childNodes) : [p]);
       for (let p = 0; p < m.length; p += 1) {
         let h = m[p];
         u.childNodes[p] !== h && u.insertBefore(h, u.childNodes[p] ?? null);
@@ -7238,7 +7243,7 @@ ${o}
     return i;
   }
   function Ei(e) {
-    return e instanceof Element ? e.getAttribute("slot") ?? "" : "";
+    return e.__loomaFrameworkSlot ?? (e instanceof Element ? e.getAttribute("slot") ?? "" : "");
   }
   function xi(e, t, n, r) {
     let i = e.nameExpression === void 0 ? e.name ?? "" : L(W(e.nameExpression, t)), o = r.projectedNodes.filter((s) => Ei(s) === i);
@@ -7461,10 +7466,10 @@ ${o}
     let r = e.ownerDocument, i = ke(r), o = i.definitions.get(t.contract.tag);
     if (o === void 0 ? ze(i, t.contract.tag, { definition: t, style: void 0 }) : JSON.stringify(o.definition) !== JSON.stringify(t) && y("HR001", `More than one definition declares <${t.contract.tag}>.`), J(e) === void 0) {
       let c = [], l = (m, f) => {
-        let p = f.children.filter((w) => w.kind === "text").map((w) => w.value), h = 0, v = f.children.filter((w) => w.kind === "element"), S = 0;
+        let k2 = f.children.find((w) => w.kind === "slot")?.name ?? "", p = f.children.filter((w) => w.kind === "text").map((w) => w.value), h = 0, v = f.children.filter((w) => w.kind === "element"), S = 0;
         for (let w of Array.from(m.childNodes)) {
           if (w instanceof Element) {
-            if (!(w.getAttribute("data-component")?.split(/\s+/) ?? []).includes(t.contract.tag)) Ve(w), c.push(w);
+            if (!(w.getAttribute("data-component")?.split(/\s+/) ?? []).includes(t.contract.tag)) w.__loomaFrameworkSlot = k2, Ve(w), c.push(w);
             else {
               for (; S < v.length && v[S].name !== w.localName; ) S += 1;
               let b = v[S++];
@@ -7472,6 +7477,10 @@ ${o}
             }
             continue;
           }
+          if (w instanceof Comment) {
+            w.__loomaFrameworkSlot = k2, c.push(w);
+            continue;
+          }
           if (w instanceof Text && w.data.trim() !== "") {
             for (; h < p.length && p[h] !== w.data; ) h += 1;
             h < p.length ? h += 1 : c.push(w);

package/dist/index.js

@@ -1,13 +1,13 @@
 import {
   records,
   styles
-} from "./chunk-FAEZV4LT.js";
+} from "./chunk-A5MSXQ7Y.js";
 import {
   attachLoomaComponent,
   controllerFor,
   manageComponentLifecycle,
   registerLoomaPackage
-} from "./chunk-3HMMDK27.js";
+} from "./chunk-ZR4QVFFS.js";
 import "./chunk-MLKGABMK.js";
 
 // src/input-modality.ts

package/dist/loader.cjs

@@ -4466,6 +4466,10 @@ button:disabled,
   pointer-events: none;
 }
 
+:scope[hidden] {
+  display: none;
+}
+
 :scope[popover] {
   right: auto;
   bottom: auto;
@@ -7200,6 +7204,7 @@ ${o}
       m.push(...h), f += h.length;
     }
     if (d) {
+      m = m.flatMap((p) => p.nodeType === 11 ? Array.from(p.childNodes) : [p]);
       for (let p = 0; p < m.length; p += 1) {
         let h = m[p];
         u.childNodes[p] !== h && u.insertBefore(h, u.childNodes[p] ?? null);
@@ -7214,7 +7219,7 @@ ${o}
     return i;
   }
   function Ei(e) {
-    return e instanceof Element ? e.getAttribute("slot") ?? "" : "";
+    return e.__loomaFrameworkSlot ?? (e instanceof Element ? e.getAttribute("slot") ?? "" : "");
   }
   function xi(e, t, n, r) {
     let i = e.nameExpression === void 0 ? e.name ?? "" : L(W(e.nameExpression, t)), o = r.projectedNodes.filter((s) => Ei(s) === i);
@@ -7437,10 +7442,10 @@ ${o}
     let r = e.ownerDocument, i = ke(r), o = i.definitions.get(t.contract.tag);
     if (o === void 0 ? ze(i, t.contract.tag, { definition: t, style: void 0 }) : JSON.stringify(o.definition) !== JSON.stringify(t) && y("HR001", `More than one definition declares <${t.contract.tag}>.`), J(e) === void 0) {
       let c = [], l = (m, f) => {
-        let p = f.children.filter((w) => w.kind === "text").map((w) => w.value), h = 0, v = f.children.filter((w) => w.kind === "element"), S = 0;
+        let k2 = f.children.find((w) => w.kind === "slot")?.name ?? "", p = f.children.filter((w) => w.kind === "text").map((w) => w.value), h = 0, v = f.children.filter((w) => w.kind === "element"), S = 0;
         for (let w of Array.from(m.childNodes)) {
           if (w instanceof Element) {
-            if (!(w.getAttribute("data-component")?.split(/\s+/) ?? []).includes(t.contract.tag)) Ve(w), c.push(w);
+            if (!(w.getAttribute("data-component")?.split(/\s+/) ?? []).includes(t.contract.tag)) w.__loomaFrameworkSlot = k2, Ve(w), c.push(w);
             else {
               for (; S < v.length && v[S].name !== w.localName; ) S += 1;
               let b = v[S++];
@@ -7448,6 +7453,10 @@ ${o}
             }
             continue;
           }
+          if (w instanceof Comment) {
+            w.__loomaFrameworkSlot = k2, c.push(w);
+            continue;
+          }
           if (w instanceof Text && w.data.trim() !== "") {
             for (; h < p.length && p[h] !== w.data; ) h += 1;
             h < p.length ? h += 1 : c.push(w);

package/dist/loader.js

@@ -1,10 +1,10 @@
 import {
   records,
   styles
-} from "./chunk-FAEZV4LT.js";
+} from "./chunk-A5MSXQ7Y.js";
 import {
   registerLoomaPackage
-} from "./chunk-3HMMDK27.js";
+} from "./chunk-ZR4QVFFS.js";
 import "./chunk-MLKGABMK.js";
 
 // src/loader.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "type": "module",
   "description": "Looma declarative components, responsive layout primitives, a complete editor, and supported Vue adapters.",
   "license": "MIT",

package/vue/{chunk-KQTGO5WQ.js → chunk-Q7P562HU.js}

@@ -739,7 +739,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
           /* CACHED */
         )),
         _createElementVNode6("div", _hoisted_25, [
-          _renderSlot9(_ctx.$slots, "start"),
+          _createElementVNode6("span", { slot: "start", "data-looma-framework-slot": "start", style: { display: "contents" } }, [_renderSlot9(_ctx.$slots, "start")]),
           _cache[1] || (_cache[1] = _createElementVNode6(
             "div",
             {
@@ -844,7 +844,7 @@ var UiCombobox_default = /* @__PURE__ */ _defineComponent10({
             -1
             /* CACHED */
           )),
-          _renderSlot9(_ctx.$slots, "footer")
+          _createElementVNode6("span", { slot: "footer", "data-looma-framework-slot": "footer", style: { display: "contents" } }, [_renderSlot9(_ctx.$slots, "footer")])
         ]),
         _cache[7] || (_cache[7] = _createElementVNode6(
           "div",
@@ -1003,7 +1003,7 @@ var UiContextMenu_default = /* @__PURE__ */ _defineComponent12({
           ref: root
         }),
         [
-          _renderSlot11(_ctx.$slots, "trigger"),
+          _createElementVNode8("span", { slot: "trigger", "data-looma-framework-slot": "trigger", style: { display: "contents" } }, [_renderSlot11(_ctx.$slots, "trigger")]),
           _createElementVNode8("div", _hoisted_111, [
             _createVNode2(_unref2(UiMenu_default), { "data-component": "ui-context-menu" }, {
               default: _withCtx2(() => [
@@ -1196,10 +1196,10 @@ var UiEditable_default = /* @__PURE__ */ _defineComponent15({
         ref: root
       }), [
         _createElementVNode10("div", _hoisted_26, [
-          _renderSlot14(_ctx.$slots, "preview")
+          _createElementVNode10("span", { slot: "preview", "data-looma-framework-slot": "preview", style: { display: "contents" } }, [_renderSlot14(_ctx.$slots, "preview")])
         ]),
         _createElementVNode10("div", _hoisted_34, [
-          _renderSlot14(_ctx.$slots, "edit")
+          _createElementVNode10("span", { slot: "edit", "data-looma-framework-slot": "edit", style: { display: "contents" } }, [_renderSlot14(_ctx.$slots, "edit")])
         ])
       ], 16, _hoisted_113);
     };
@@ -1728,21 +1728,21 @@ var UiSearchResultRow_default = /* @__PURE__ */ _defineComponent24({
             "data-component": "ui-search-result-row"
           }, [
             _createElementVNode15("span", _hoisted_210, [
-              _renderSlot23(_ctx.$slots, "leading")
+              _createElementVNode15("span", { slot: "leading", "data-looma-framework-slot": "leading", style: { display: "contents" } }, [_renderSlot23(_ctx.$slots, "leading")])
             ]),
             _createElementVNode15("span", _hoisted_35, [
               _createElementVNode15("span", _hoisted_42, [
-                _renderSlot23(_ctx.$slots, "title")
+                _createElementVNode15("span", { slot: "title", "data-looma-framework-slot": "title", style: { display: "contents" } }, [_renderSlot23(_ctx.$slots, "title")])
               ]),
               _createElementVNode15("span", _hoisted_52, [
-                _renderSlot23(_ctx.$slots, "meta")
+                _createElementVNode15("span", { slot: "meta", "data-looma-framework-slot": "meta", style: { display: "contents" } }, [_renderSlot23(_ctx.$slots, "meta")])
               ]),
               _createElementVNode15("span", _hoisted_6, [
-                _renderSlot23(_ctx.$slots, "excerpt")
+                _createElementVNode15("span", { slot: "excerpt", "data-looma-framework-slot": "excerpt", style: { display: "contents" } }, [_renderSlot23(_ctx.$slots, "excerpt")])
               ])
             ]),
             _createElementVNode15("span", _hoisted_7, [
-              _renderSlot23(_ctx.$slots, "trailing")
+              _createElementVNode15("span", { slot: "trailing", "data-looma-framework-slot": "trailing", style: { display: "contents" } }, [_renderSlot23(_ctx.$slots, "trailing")])
             ])
           ], 8, _hoisted_122)
         ],
@@ -1821,19 +1821,19 @@ var UiSearchShell_default = /* @__PURE__ */ _defineComponent25({
         }),
         [
           _createElementVNode16("div", _hoisted_123, [
-            _renderSlot24(_ctx.$slots, "backdrop"),
+            _createElementVNode16("span", { slot: "backdrop", "data-looma-framework-slot": "backdrop", style: { display: "contents" } }, [_renderSlot24(_ctx.$slots, "backdrop")]),
             _createElementVNode16("div", _hoisted_211, [
               _createElementVNode16("div", _hoisted_36, [
-                _renderSlot24(_ctx.$slots, "search")
+                _createElementVNode16("span", { slot: "search", "data-looma-framework-slot": "search", style: { display: "contents" } }, [_renderSlot24(_ctx.$slots, "search")])
               ]),
               _createElementVNode16("div", _hoisted_43, [
-                _renderSlot24(_ctx.$slots, "status")
+                _createElementVNode16("span", { slot: "status", "data-looma-framework-slot": "status", style: { display: "contents" } }, [_renderSlot24(_ctx.$slots, "status")])
               ]),
               _createElementVNode16("div", _hoisted_53, [
-                _renderSlot24(_ctx.$slots, "body")
+                _createElementVNode16("span", { slot: "body", "data-looma-framework-slot": "body", style: { display: "contents" } }, [_renderSlot24(_ctx.$slots, "body")])
               ]),
               _createElementVNode16("div", _hoisted_62, [
-                _renderSlot24(_ctx.$slots, "footer")
+                _createElementVNode16("span", { slot: "footer", "data-looma-framework-slot": "footer", style: { display: "contents" } }, [_renderSlot24(_ctx.$slots, "footer")])
               ])
             ])
           ])
@@ -2188,16 +2188,16 @@ var UiTopBar_default = /* @__PURE__ */ _defineComponent31({
         [
           _createElementVNode18("header", _hoisted_128, [
             _createElementVNode18("div", _hoisted_213, [
-              _renderSlot30(_ctx.$slots, "leading")
+              _createElementVNode18("span", { slot: "leading", "data-looma-framework-slot": "leading", style: { display: "contents" } }, [_renderSlot30(_ctx.$slots, "leading")])
             ]),
             _createElementVNode18("div", _hoisted_37, [
               _renderSlot30(_ctx.$slots, "default")
             ]),
             _createElementVNode18("div", _hoisted_44, [
-              _renderSlot30(_ctx.$slots, "search")
+              _createElementVNode18("span", { slot: "search", "data-looma-framework-slot": "search", style: { display: "contents" } }, [_renderSlot30(_ctx.$slots, "search")])
             ]),
             _createElementVNode18("div", _hoisted_54, [
-              _renderSlot30(_ctx.$slots, "actions")
+              _createElementVNode18("span", { slot: "actions", "data-looma-framework-slot": "actions", style: { display: "contents" } }, [_renderSlot30(_ctx.$slots, "actions")])
             ])
           ])
         ],
@@ -2334,13 +2334,13 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent32({
             /* CACHED */
           )),
           _createElementVNode19("span", _hoisted_38, [
-            _renderSlot31(_ctx.$slots, "leading")
+            _createElementVNode19("span", { slot: "leading", "data-looma-framework-slot": "leading", style: { display: "contents" } }, [_renderSlot31(_ctx.$slots, "leading")])
           ]),
           _createElementVNode19("span", _hoisted_45, [
             _renderSlot31(_ctx.$slots, "default")
           ]),
           _createElementVNode19("span", _hoisted_55, [
-            _renderSlot31(_ctx.$slots, "actions")
+            _createElementVNode19("span", { slot: "actions", "data-looma-framework-slot": "actions", style: { display: "contents" } }, [_renderSlot31(_ctx.$slots, "actions")])
           ]),
           _cache[2] || (_cache[2] = _createElementVNode19(
             "span",
@@ -2356,7 +2356,7 @@ var UiTreeItem_default = /* @__PURE__ */ _defineComponent32({
           ))
         ]),
         props.container ? _createElementVNode19("div", _hoisted_63, [
-          _renderSlot31(_ctx.$slots, "children")
+          _createElementVNode19("span", { slot: "children", "data-looma-framework-slot": "children", style: { display: "contents" } }, [_renderSlot31(_ctx.$slots, "children")])
         ]) : _createCommentVNode("v-if", true),
         _cache[3] || (_cache[3] = _createElementVNode19(
           "span",

package/vue/editor/index.js

@@ -10,7 +10,7 @@ import {
   UiEditorToolbar_default,
   createAdapterComponent,
   toHTMLElement
-} from "../chunk-KQTGO5WQ.js";
+} from "../chunk-Q7P562HU.js";
 
 // src/editor/index.ts
 import "@threadlabs/looma/editor";

package/vue/index.js

@@ -43,7 +43,7 @@ import {
   Tree,
   TreeItem,
   VUE_ADAPTER_NOTE
-} from "./chunk-KQTGO5WQ.js";
+} from "./chunk-Q7P562HU.js";
 export {
   ADAPTER_COMPONENT_TAG_MAP,
   AffordanceScope,