@threadlabs/looma 0.29.0 → 0.29.2

package/vanilla/UiEditorImageToolbar.js

@@ -1,9 +1,9 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, checkConstrained, checkFormat, checkObject, checkRecord, checkString, checkUnknown } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-image-toolbar/ui-editor-image-toolbar.js";
 import "../styles/ui-editor-image-toolbar.css";
 
-const T0 = ["",[],["ui-text",["as","div","font","sans"],["ui-editor-toolbar",["aria-label","Image actions"],["ui-icon-button",["label","Image in line","size","sm","data-placement","block"],["ui-icon",["name","panel-top"]]],["ui-icon-button",["label","Center image","size","sm","data-placement","center"],["ui-icon",["name","align-center"]]],["ui-icon-button",["label","Wrap text to the right","size","sm","data-placement","wrap-left"],["ui-icon",["name","panel-left"]]],["ui-icon-button",["label","Wrap text to the left","size","sm","data-placement","wrap-right"],["ui-icon",["name","panel-right"]]],["ui-icon-button",["label","Image description","size","sm","variant","ghost"],["ui-icon",["name","file-text"]]],["ui-icon-button",["label","Delete image","size","sm","variant","ghost","data-action","delete"],["ui-icon",["name","trash"]]]],["ui-tooltip",[],"Image in line"],["ui-tooltip",[],"Center image"],["ui-tooltip",[],"Wrap text to the right"],["ui-tooltip",[],"Wrap text to the left"],["ui-tooltip",[],"Image description"],["ui-tooltip",[],"Delete image"],["ui-popover",["size","sm","aria-label","Image description"],["form",["aria-label","Image description"],["ui-stack",["gap","s"],["ui-form-field",[],["label",["slot","label"],"Alt text"],["ui-input",["size","sm"]]],["ui-text",["size","xs","tone","secondary"],"Describe the image for people using a screen reader."],["ui-cluster",["justify","end","gap","xs"],["ui-button",["type","button","variant","ghost","tone","neutral","size","sm","data-action","cancel"],"Cancel"],["ui-button",["type","submit","variant","solid","size","sm"],"Save"]]]]]]];
+const T0 = ["",[],"\n    ",["ui-text",["as","div","font","sans"],["ui-editor-toolbar",["floating","","aria-label","Image actions"],["ui-icon-button",["label","Image in line","size","sm","data-placement","block"],["ui-icon",["name","panel-top"]]],"\n        ",["ui-icon-button",["label","Center image","size","sm","data-placement","center"],["ui-icon",["name","align-center"]]],"\n        ",["ui-icon-button",["label","Wrap text to the right","size","sm","data-placement","wrap-left"],["ui-icon",["name","panel-left"]]],"\n        ",["ui-icon-button",["label","Wrap text to the left","size","sm","data-placement","wrap-right"],["ui-icon",["name","panel-right"]]],"\n        ",["ui-icon-button",["label","Image description","size","sm","variant","ghost"],["ui-icon",["name","file-text"]]],"\n        ",["ui-icon-button",["label","Delete image","size","sm","variant","ghost","data-action","delete"],["ui-icon",["name","trash"]]]],"\n      ",["ui-tooltip",[],"Image in line"],"\n      ",["ui-tooltip",[],"Center image"],"\n      ",["ui-tooltip",[],"Wrap text to the right"],"\n      ",["ui-tooltip",[],"Wrap text to the left"],"\n      ",["ui-tooltip",[],"Image description"],"\n      ",["ui-tooltip",[],"Delete image"],"\n      ",["ui-popover",["size","sm","aria-label","Image description"],["form",["aria-label","Image description"],"\n          ",["ui-stack",["gap","s"],["ui-form-field",[],["label",["slot","label"],"Alt text"],["ui-input",["size","sm"]]],"\n            ",["ui-text",["size","xs","tone","secondary"],"Describe the image for people using a screen reader."],"\n            ",["ui-cluster",["justify","end","gap","xs"],["ui-button",["type","button","variant","ghost","tone","neutral","size","sm","data-action","cancel"],"Cancel"],"\n              ",["ui-button",["type","submit","variant","solid","size","sm"],"Save"]]],"\n        "]]],"\n  "];
 let P0;
 const S = { n: ["base","describing","draft"], t: ["s","b","s"], f: import.meta.url, g: "ui-editor-image-toolbar", d: { "placement": [detailCheck(checkObject([["placement", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["block","center","wrap-left","wrap-right"]}), false]], false)), true, true, false], "describe": [detailCheck(checkObject([["alt", checkString, false]], false)), true, true, false], "delete": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared };
 const D = { g: "ui-editor-image-toolbar", props: { "alt": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "placement": { "required":false,"values":["block","center","wrap-left","wrap-right"],"default":"block", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "target": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
@@ -21,39 +21,38 @@ export function createUiEditorImageToolbar(options = {}, html) {
   const v = ["ui-editor-image-toolbar", false, "", null, null, null];
   const B = acceptProps(element, D, S.n, v, componentProps, [], html);
   const p0 = (r, c, d) => {
-    if (c === -1) {
-      const x0 = true;
-      const s0 = toAttribute(x0, "floating");
-      if (s0 !== r.v0) writeAttribute(r.a0, "floating", r.v0 = s0);
-    }
     if (c & 1) {
-      const x1 = textCall("concat", [v[0], "-block"]);
+      const x0 = textCall("concat", [v[0], "-block"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "id");
+        if (s0 !== r.v0) writeAttribute(r.a0, "id", r.v0 = s0);
+      }
+      const x1 = textCall("concat", [v[0], "-center"]);
       if (x1 !== NONCONFORMING) {
-        const s1 = toAttribute(x1, "id");
-        if (s1 !== r.v1) writeAttribute(r.a1, "id", r.v1 = s1);
+        const s3 = toAttribute(x1, "id");
+        if (s3 !== r.v3) writeAttribute(r.a1, "id", r.v3 = s3);
       }
-      const x2 = textCall("concat", [v[0], "-center"]);
+      const x2 = textCall("concat", [v[0], "-wrap-left"]);
       if (x2 !== NONCONFORMING) {
-        const s4 = toAttribute(x2, "id");
-        if (s4 !== r.v4) writeAttribute(r.a2, "id", r.v4 = s4);
+        const s6 = toAttribute(x2, "id");
+        if (s6 !== r.v6) writeAttribute(r.a2, "id", r.v6 = s6);
       }
-      const x3 = textCall("concat", [v[0], "-wrap-left"]);
+      const x3 = textCall("concat", [v[0], "-wrap-right"]);
       if (x3 !== NONCONFORMING) {
-        const s7 = toAttribute(x3, "id");
-        if (s7 !== r.v7) writeAttribute(r.a3, "id", r.v7 = s7);
-      }
-      const x4 = textCall("concat", [v[0], "-wrap-right"]);
-      if (x4 !== NONCONFORMING) {
-        const s10 = toAttribute(x4, "id");
-        if (s10 !== r.v10) writeAttribute(r.a4, "id", r.v10 = s10);
-      }
-      const x5 = v[0];
-      const s13 = toAttribute(x5, "id");
-      if (s13 !== r.v13) writeAttribute(r.a5, "id", r.v13 = s13);
-      const x6 = textCall("concat", [v[0], "-delete"]);
-      if (x6 !== NONCONFORMING) {
-        const s14 = toAttribute(x6, "id");
-        if (s14 !== r.v14) writeAttribute(r.a6, "id", r.v14 = s14);
+        const s9 = toAttribute(x3, "id");
+        if (s9 !== r.v9) writeAttribute(r.a3, "id", r.v9 = s9);
+      }
+      const x4 = v[0];
+      const s12 = toAttribute(x4, "id");
+      if (s12 !== r.v12) writeAttribute(r.a4, "id", r.v12 = s12);
+      const x5 = textCall("concat", [v[0], "-delete"]);
+      if (x5 !== NONCONFORMING) {
+        const s13 = toAttribute(x5, "id");
+        if (s13 !== r.v13) writeAttribute(r.a5, "id", r.v13 = s13);
+      }
+      if (x0 !== NONCONFORMING) {
+        const s14 = toAttribute(x0, "for");
+        if (s14 !== r.v14) writeAttribute(r.a6, "for", r.v14 = s14);
       }
       if (x1 !== NONCONFORMING) {
         const s15 = toAttribute(x1, "for");
@@ -67,102 +66,98 @@ export function createUiEditorImageToolbar(options = {}, html) {
         const s17 = toAttribute(x3, "for");
         if (s17 !== r.v17) writeAttribute(r.a9, "for", r.v17 = s17);
       }
-      if (x4 !== NONCONFORMING) {
-        const s18 = toAttribute(x4, "for");
-        if (s18 !== r.v18) writeAttribute(r.a10, "for", r.v18 = s18);
+      const s18 = toAttribute(x4, "for");
+      if (s18 !== r.v18) writeAttribute(r.a10, "for", r.v18 = s18);
+      if (x5 !== NONCONFORMING) {
+        const s19 = toAttribute(x5, "for");
+        if (s19 !== r.v19) writeAttribute(r.a11, "for", r.v19 = s19);
       }
-      const s19 = toAttribute(x5, "for");
-      if (s19 !== r.v19) writeAttribute(r.a11, "for", r.v19 = s19);
+      const s20 = toAttribute(x4, "for");
+      if (s20 !== r.v20) writeAttribute(r.a12, "for", r.v20 = s20);
+      const x6 = textCall("concat", [v[0], "-alt"]);
       if (x6 !== NONCONFORMING) {
-        const s20 = toAttribute(x6, "for");
-        if (s20 !== r.v20) writeAttribute(r.a12, "for", r.v20 = s20);
-      }
-      const s21 = toAttribute(x5, "for");
-      if (s21 !== r.v21) writeAttribute(r.a13, "for", r.v21 = s21);
-      const x7 = textCall("concat", [v[0], "-alt"]);
-      if (x7 !== NONCONFORMING) {
-        const s23 = toAttribute(x7, "for");
-        if (s23 !== r.v23) writeAttribute(r.a14, "for", r.v23 = s23);
+        const s22 = toAttribute(x6, "for");
+        if (s22 !== r.v22) writeAttribute(r.a13, "for", r.v22 = s22);
       }
-      if (x7 !== NONCONFORMING) {
-        const s24 = toAttribute(x7, "id");
-        if (s24 !== r.v24) writeAttribute(r.a15, "id", r.v24 = s24);
+      if (x6 !== NONCONFORMING) {
+        const s23 = toAttribute(x6, "id");
+        if (s23 !== r.v23) writeAttribute(r.a14, "id", r.v23 = s23);
       }
     }
     if (c & 1073741840) {
-      const x8 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "block")]));
+      const x7 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "block")]));
+      if (x7 !== NONCONFORMING) {
+        const s1 = toAttribute(x7, "variant");
+        if (s1 !== r.v1) writeAttribute(r.a0, "variant", r.v1 = s1);
+      }
+      const x8 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "center")]));
       if (x8 !== NONCONFORMING) {
-        const s2 = toAttribute(x8, "variant");
-        if (s2 !== r.v2) writeAttribute(r.a1, "variant", r.v2 = s2);
+        const s4 = toAttribute(x8, "variant");
+        if (s4 !== r.v4) writeAttribute(r.a1, "variant", r.v4 = s4);
       }
-      const x9 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "center")]));
+      const x9 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "wrap-left")]));
       if (x9 !== NONCONFORMING) {
-        const s5 = toAttribute(x9, "variant");
-        if (s5 !== r.v5) writeAttribute(r.a2, "variant", r.v5 = s5);
+        const s7 = toAttribute(x9, "variant");
+        if (s7 !== r.v7) writeAttribute(r.a2, "variant", r.v7 = s7);
       }
-      const x10 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "wrap-left")]));
+      const x10 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "wrap-right")]));
       if (x10 !== NONCONFORMING) {
-        const s8 = toAttribute(x10, "variant");
-        if (s8 !== r.v8) writeAttribute(r.a3, "variant", r.v8 = s8);
-      }
-      const x11 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "wrap-right")]));
-      if (x11 !== NONCONFORMING) {
-        const s11 = toAttribute(x11, "variant");
-        if (s11 !== r.v11) writeAttribute(r.a4, "variant", r.v11 = s11);
+        const s10 = toAttribute(x10, "variant");
+        if (s10 !== r.v10) writeAttribute(r.a3, "variant", r.v10 = s10);
       }
     }
     if (c & 16) {
-      const x12 = textCall("concat", [(v[4] === "block")]);
+      const x11 = textCall("concat", [(v[4] === "block")]);
+      if (x11 !== NONCONFORMING) {
+        const s2 = toAttribute(x11, "aria-pressed");
+        if (s2 !== r.v2) writeAttribute(r.a0, "aria-pressed", r.v2 = s2);
+      }
+      const x12 = textCall("concat", [(v[4] === "center")]);
       if (x12 !== NONCONFORMING) {
-        const s3 = toAttribute(x12, "aria-pressed");
-        if (s3 !== r.v3) writeAttribute(r.a1, "aria-pressed", r.v3 = s3);
+        const s5 = toAttribute(x12, "aria-pressed");
+        if (s5 !== r.v5) writeAttribute(r.a1, "aria-pressed", r.v5 = s5);
       }
-      const x13 = textCall("concat", [(v[4] === "center")]);
+      const x13 = textCall("concat", [(v[4] === "wrap-left")]);
       if (x13 !== NONCONFORMING) {
-        const s6 = toAttribute(x13, "aria-pressed");
-        if (s6 !== r.v6) writeAttribute(r.a2, "aria-pressed", r.v6 = s6);
+        const s8 = toAttribute(x13, "aria-pressed");
+        if (s8 !== r.v8) writeAttribute(r.a2, "aria-pressed", r.v8 = s8);
       }
-      const x14 = textCall("concat", [(v[4] === "wrap-left")]);
+      const x14 = textCall("concat", [(v[4] === "wrap-right")]);
       if (x14 !== NONCONFORMING) {
-        const s9 = toAttribute(x14, "aria-pressed");
-        if (s9 !== r.v9) writeAttribute(r.a3, "aria-pressed", r.v9 = s9);
-      }
-      const x15 = textCall("concat", [(v[4] === "wrap-right")]);
-      if (x15 !== NONCONFORMING) {
-        const s12 = toAttribute(x15, "aria-pressed");
-        if (s12 !== r.v12) writeAttribute(r.a4, "aria-pressed", r.v12 = s12);
+        const s11 = toAttribute(x14, "aria-pressed");
+        if (s11 !== r.v11) writeAttribute(r.a3, "aria-pressed", r.v11 = s11);
       }
     }
     if (c & 2) {
-      const x16 = v[1];
-      const s22 = toAttribute(x16, "open");
-      if (s22 !== r.v22) writeAttribute(r.a13, "open", r.v22 = s22);
+      const x15 = v[1];
+      const s21 = toAttribute(x15, "open");
+      if (s21 !== r.v21) writeAttribute(r.a12, "open", r.v21 = s21);
     }
     if (c & 4) {
-      const x17 = v[2];
-      const s25 = toAttribute(x17, "value");
-      if (s25 !== r.v25) writeAttribute(r.a15, "value", r.v25 = s25);
+      const x16 = v[2];
+      const s24 = toAttribute(x16, "value");
+      if (s24 !== r.v24) writeAttribute(r.a14, "value", r.v24 = s24);
     }
   };
-  const t0 = element.firstChild;
+  const t0 = element.firstChild.nextSibling;
   const t1 = t0.firstChild;
   const t2 = t1.firstChild;
-  const t3 = t2.nextSibling;
-  const t4 = t3.nextSibling;
-  const t5 = t4.nextSibling;
-  const t6 = t5.nextSibling;
-  const t7 = t6.nextSibling;
-  const t8 = t1.nextSibling;
-  const t9 = t8.nextSibling;
-  const t10 = t9.nextSibling;
-  const t11 = t10.nextSibling;
-  const t12 = t11.nextSibling;
-  const t13 = t12.nextSibling;
-  const t14 = t13.nextSibling;
-  const t15 = t14.firstChild.firstChild.firstChild;
+  const t3 = t2.nextSibling.nextSibling;
+  const t4 = t3.nextSibling.nextSibling;
+  const t5 = t4.nextSibling.nextSibling;
+  const t6 = t5.nextSibling.nextSibling;
+  const t7 = t6.nextSibling.nextSibling;
+  const t8 = t1.nextSibling.nextSibling;
+  const t9 = t8.nextSibling.nextSibling;
+  const t10 = t9.nextSibling.nextSibling;
+  const t11 = t10.nextSibling.nextSibling;
+  const t12 = t11.nextSibling.nextSibling;
+  const t13 = t12.nextSibling.nextSibling;
+  const t14 = t13.nextSibling.nextSibling;
+  const t15 = t14.firstChild.firstChild.nextSibling.firstChild;
   const t16 = t15.firstChild;
   const t17 = t16.nextSibling;
-  const R = { a0: t1, a1: t2, a2: t3, a3: t4, a4: t5, a5: t6, a6: t7, a7: t8, a8: t9, a9: t10, a10: t11, a11: t12, a12: t13, a13: t14, a14: t16, a15: t17, v0: null, v1: null, v2: null, v3: null, v4: null, v5: null, v6: null, v7: null, v8: null, v9: null, v10: null, v11: null, v12: null, v13: null, v14: null, v15: null, v16: null, v17: null, v18: null, v19: null, v20: null, v21: null, v22: null, v23: null, v24: null, v25: null };
+  const R = { a0: t2, a1: t3, a2: t4, a3: t5, a4: t6, a5: t7, a6: t8, a7: t9, a8: t10, a9: t11, a10: t12, a11: t13, a12: t14, a13: t16, a14: t17, v0: null, v1: null, v2: null, v3: null, v4: null, v5: null, v6: null, v7: null, v8: null, v9: null, v10: null, v11: null, v12: null, v13: null, v14: null, v15: null, v16: null, v17: null, v18: null, v19: null, v20: null, v21: null, v22: null, v23: null, v24: null };
   const I = { B };
   I.R = new Set();
   attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);

package/vanilla/UiEditorInsertTableGrid.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 export interface UiEditorInsertTableGridEventMap {
   insert: CustomEvent<{ readonly rows: number; readonly cols: number; readonly withHeaderRow: boolean }>;
 }

package/vanilla/UiEditorInsertTableGrid.js

@@ -1,10 +1,10 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, KeyedList, readMember, readsChanged, rec, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, acceptProps, manageProps, checkBoolean, checkInteger, checkObject } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js";
 import "../styles/ui-editor-insert-table-grid.css";
 
-const T0 = ["",[],["p",["class","hint"],0],["div",["class","grid","role","group","aria-label","Table dimensions"],2],["label",["class","header"],["input",["type","checkbox"]]," Header row"]];
-const T1 = ["button",["type","button","class","cell"]];
+const T0 = ["",[],"\n    ",["p",["class","hint"],0],"\n    ",["div",["class","grid","role","group","aria-label","Table dimensions"],"\n      ",2,"\n    "],"\n    ",["label",["class","header"],["input",["type","checkbox"]]," Header row"],"\n  "];
+const T1 = ["button",["type","button","class","cell"],"\n      "];
 let P0, P1;
 const E = new Map();
 const S = { n: ["cells","rows","cols","hint","withHeaderRow"], t: [["l",["o",["key","s","row","i","col","i","label","s","selected","b","tabIndex","i"]]],"i","i","s","b"], f: import.meta.url, g: "ui-editor-insert-table-grid", d: { "insert": [detailCheck(checkObject([["rows", checkInteger, false], ["cols", checkInteger, false], ["withHeaderRow", checkBoolean, false]], false)), true, true, false] }, x: dispatchDeclared };
@@ -82,11 +82,11 @@ export function createUiEditorInsertTableGrid(options = {}, html) {
     }
     if (c & 1073741825) r.L0.update(v[0], d, c);
   };
-  const t0 = element.firstChild;
+  const t0 = element.firstChild.nextSibling;
   const t1 = t0.firstChild;
-  const t2 = t0.nextSibling;
-  const t3 = t2.firstChild;
-  const t4 = t2.nextSibling.firstChild;
+  const t2 = t0.nextSibling.nextSibling;
+  const t3 = t2.firstChild.nextSibling;
+  const t4 = t2.nextSibling.nextSibling.firstChild;
   const R = { n: element, a1: t1, a2: t2, a4: t4, v0: undefined, v1: "", v2: undefined, v3: undefined, v4: undefined, L0: new KeyedList(t3, t3.nextSibling, m1, p1, (o) => readMember(o, "key"), "cell") };
   const I = { B };
   I.R = new Set();

package/vanilla/UiEditorLinkCard.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 export interface UiEditorLinkCardEventMap {
   edit: CustomEvent<Readonly<Record<string, unknown>>>;
   remove: CustomEvent<Readonly<Record<string, unknown>>>;

package/vanilla/UiEditorLinkCard.js

@@ -1,11 +1,11 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, toText, writeAttribute, writeUrlAttribute, computedCycle, dispatchDeclared, detailCheck, acceptProps, manageProps, readonlyView, checkRecord, checkString, checkUnknown } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-link-card/ui-editor-link-card.js";
 import "../styles/ui-editor-link-card.css";
 
-const T0 = ["",[],["ui-card",["variant","elevated","padding","xs","size","content"],["ui-cluster",["gap","xs","wrap","nowrap","role","group","aria-label","Link actions"],["ui-icon",[]],["ui-stack",["gap","none"],["ui-text",["as","strong","size","sm","weight","medium","font","sans","wrap","anywhere"],0],1],1,["ui-icon-button",["label","Edit link","variant","ghost","size","sm","data-link-action","edit"],["ui-icon",["name","pencil"]]],["ui-tooltip",[],"Edit link"],["ui-icon-button",["label","Remove link","variant","ghost","size","sm","data-link-action","remove"],["ui-icon",["name","unlink"]]],["ui-tooltip",[],"Remove link"]]]];
+const T0 = ["",[],"\n    ",["ui-card",["variant","elevated","padding","xs","size","content"],["ui-cluster",["gap","xs","wrap","nowrap","role","group","aria-label","Link actions"],["ui-icon",[]],"\n        ",["ui-stack",["gap","none"],["ui-text",["as","strong","size","sm","weight","medium","font","sans","wrap","anywhere"],0],"\n          ",1],"\n        ",1,"\n        ",["ui-icon-button",["label","Edit link","variant","ghost","size","sm","data-link-action","edit"],["ui-icon",["name","pencil"]]],"\n        ",["ui-tooltip",[],"Edit link"],"\n        ",["ui-icon-button",["label","Remove link","variant","ghost","size","sm","data-link-action","remove"],["ui-icon",["name","unlink"]]],"\n        ",["ui-tooltip",[],"Remove link"]]],"\n  "];
 const T1 = ["ui-text",["as","small","size","xs","tone","secondary","font","sans"],0];
-const T2 = ["",[],["ui-button",["as","a","variant","ghost","tone","neutral","size","sm","target","_blank","rel","noopener noreferrer","aria-label","Open link"],["ui-cluster",["gap","xs","wrap","nowrap"],["ui-icon",["name","external-link"]],"Open link"]],["ui-tooltip",[],"Open link"]];
+const T2 = ["",[],"\n          ",["ui-button",["as","a","variant","ghost","tone","neutral","size","sm","target","_blank","rel","noopener noreferrer","aria-label","Open link"],["ui-cluster",["gap","xs","wrap","nowrap"],["ui-icon",["name","external-link"]],"Open link"]],"\n          ",["ui-tooltip",[],"Open link"],"\n        "];
 let P0, P1, P2;
 const S = { n: ["base","resolved","shown"], t: ["s","?","?"], f: import.meta.url, g: "ui-editor-link-card", k: 1, d: { "edit": [detailCheck(checkRecord(checkUnknown)), true, true, false], "remove": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared, r: readonlyView };
 const D = { g: "ui-editor-link-card", props: { "detail": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "href": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "openHref": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "targetLabel": { "required":false,"default":"Item", c: checkString, t: "string", j: 0, m: "s" } } };
@@ -53,8 +53,8 @@ export function createUiEditorLinkCard(options = {}, html) {
   };
   const m2 = (d) => {
     const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
-    const t0 = n.firstChild;
-    const t1 = t0.nextSibling;
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.nextSibling.nextSibling;
     const r = { n, a0: t0, a1: t1, v0: null, v1: null, v2: null };
     p2(r, -1, d);
     return r;
@@ -133,17 +133,17 @@ export function createUiEditorLinkCard(options = {}, html) {
       else { r.b1 = m2(d); r.e1.before(r.b1.n); }
     } else if (r.b1 !== undefined) p2(r.b1, c, d);
   };
-  const t0 = element.firstChild.firstChild;
+  const t0 = element.firstChild.nextSibling.firstChild;
   const t1 = t0.firstChild;
-  const t2 = t1.nextSibling;
+  const t2 = t1.nextSibling.nextSibling;
   const t3 = t2.firstChild;
   const t4 = t3.firstChild;
-  const t5 = t3.nextSibling;
-  const t6 = t2.nextSibling;
-  const t7 = t6.nextSibling.nextSibling;
-  const t8 = t7.nextSibling;
-  const t9 = t8.nextSibling;
-  const t10 = t9.nextSibling;
+  const t5 = t3.nextSibling.nextSibling;
+  const t6 = t2.nextSibling.nextSibling;
+  const t7 = t6.nextSibling.nextSibling.nextSibling;
+  const t8 = t7.nextSibling.nextSibling;
+  const t9 = t8.nextSibling.nextSibling;
+  const t10 = t9.nextSibling.nextSibling;
   const R = { a0: t1, a1: t2, a2: t4, a5: t7, a6: t8, a7: t9, a8: t10, v0: null, v1: null, v2: null, v3: "", v4: null, v5: null, v6: null, v7: null, a3: t5, e0: t5.nextSibling, b0: undefined, a4: t6, e1: t6.nextSibling, b1: undefined };
   const I = { B };
   I.R = new Set();

package/vanilla/UiEditorLinkForm.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 export interface UiEditorLinkFormEventMap {
   destination: CustomEvent<{ readonly value: string }>;
   text: CustomEvent<{ readonly text: string }>;

package/vanilla/UiEditorLinkForm.js

@@ -1,19 +1,19 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, KeyedList, NONCONFORMING, readIndex, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, computedCycle, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, readonlyView, checkBoolean, checkFormat, checkList, checkObject, checkRecord, checkString, checkUnknown } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-link-form/ui-editor-link-form.js";
 import "../styles/ui-editor-link-form.css";
 
-const T0 = ["",[],["ui-stack",["gap","s"],["ui-text",["as","h3","size","sm","weight","semibold"],0],["ui-stack",["gap","s"],["ui-form-field",[],["label",["slot","label"],0],1,1],1,1],1,1]];
+const T0 = ["",[],"\n    ",["ui-stack",["gap","s"],["ui-text",["as","h3","size","sm","weight","semibold"],0],"\n      ",["ui-stack",["gap","s"],["ui-form-field",[],["label",["slot","label"],0],1,"\n          ",1],"\n        ",1,"\n        ",1],"\n      ",1,"\n      ",1],"\n  "];
 const T1 = ["ui-input-group",["prefix-kind","icon"],["ui-icon",["slot","prefix"]],["ui-input",["data-link-destination","","data-link-search","","type","text","role","searchbox","autocomplete","off"]],1];
 const T2 = ["ui-icon-button",["slot","action","label","Clear search","variant","ghost","size","sm","data-link-clear",""],["ui-icon",["name","x"]]];
-const T3 = ["",[],["ui-input",["data-link-destination","","type","text","inputmode","url","size","sm"]]];
-const T4 = ["ui-scroll-area",["size","sm","aria-label","Destination search results"],1,2];
+const T3 = ["",[],"\n            ",["ui-input",["data-link-destination","","type","text","inputmode","url","size","sm"]],"\n          "];
+const T4 = ["ui-scroll-area",["size","sm","aria-label","Destination search results"],1,"\n          ",2];
 const T5 = ["ui-text",["size","sm","tone","secondary","role","status"],0];
-const T6 = ["ui-search-result-row",["density","compact","data-link-result",""],["ui-icon",["slot","leading","name","file-text"]],["ui-text",["slot","title","as","strong","size","sm","weight","medium"],0],1,1];
-const T7 = ["ui-text",["slot","meta","as","span","size","xs","tone","secondary"],0];
+const T6 = ["ui-search-result-row",["density","compact","data-link-result",""],["ui-icon",["slot","leading","name","file-text"]],["ui-text",["slot","title","as","strong","size","sm","weight","medium","truncate",""],0],1,1];
+const T7 = ["ui-text",["slot","meta","as","span","size","xs","tone","secondary","truncate",""],0];
 const T8 = ["ui-icon",["slot","trailing","name","check"]];
-const T9 = ["",[],["ui-checkbox",["size","sm","data-link-new-tab",""],"Open in new tab"]];
-const T10 = ["",[],["ui-form-field",[],["label",["slot","label"],"Text"],["ui-input",["data-link-text","","size","sm"]]]];
+const T9 = ["",[],"\n          ",["ui-checkbox",["size","sm","data-link-new-tab",""],"Open in new tab"],"\n        "];
+const T10 = ["",[],"\n        ",["ui-form-field",[],["label",["slot","label"],"Text"],["ui-input",["data-link-text","","size","sm"]]],"\n      "];
 const T11 = ["ui-text",["size","sm","tone","danger","role","alert"],0];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11;
 const E = new Map();
@@ -97,7 +97,7 @@ export function createUiEditorLinkForm(options = {}, html) {
   };
   const m3 = (d) => {
     const n = (P3 ??= buildTemplate(T3)).cloneNode(true);
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const r = { n, a0: t0, v0: null, v1: null, v2: null };
     p3(r, -1, d);
     return r;
@@ -124,7 +124,7 @@ export function createUiEditorLinkForm(options = {}, html) {
   const m4 = (d) => {
     const n = (P4 ??= buildTemplate(T4)).cloneNode(true);
     const t0 = n.firstChild;
-    const t1 = t0.nextSibling.nextSibling;
+    const t1 = t0.nextSibling.nextSibling.nextSibling;
     const r = { n, a0: t0, e0: t0.nextSibling, b0: undefined, L1: new KeyedList(t1, t1.nextSibling, m6, p6, (o) => readMember(o, "id"), "result") };
     p4(r, -1, d);
     return r;
@@ -157,7 +157,7 @@ export function createUiEditorLinkForm(options = {}, html) {
     const t1 = t0.firstChild;
     const t2 = t0.nextSibling;
     const t3 = t2.nextSibling.nextSibling;
-    const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, a2: t1, w: 0, v0: null, v1: null, v2: null, v3: null, v4: "", a3: t2, e0: t2.nextSibling, b0: undefined, a4: t3, e1: t3.nextSibling, b1: undefined };
+    const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, a2: t1, w: 0, v0: null, v1: null, v2: null, v3: "", a3: t2, e0: t2.nextSibling, b0: undefined, a4: t3, e1: t3.nextSibling, b1: undefined };
     p6(r, -1, E);
     return r;
   };
@@ -173,18 +173,11 @@ export function createUiEditorLinkForm(options = {}, html) {
       const x1 = trackContainer(r, readMember(o, "id"));
       const s1 = toAttribute(x1, "data-link-id");
       if (s1 !== r.v1) writeAttribute(r.n, "data-link-id", r.v1 = s1);
-    }
-    if (c === -1) {
-      const x2 = true;
-      const s2 = toAttribute(x2, "truncate");
-      if (s2 !== r.v2) writeAttribute(r.a1, "truncate", r.v2 = s2);
-    }
-    if (c & 1073741824) {
-      const x3 = trackContainer(r, readMember(o, "label"));
-      const s3 = toAttribute(x3, "title");
-      if (s3 !== r.v3) writeAttribute(r.a1, "title", r.v3 = s3);
-      const s4 = toText(x3);
-      if (s4 !== r.v4) r.a2.data = r.v4 = s4;
+      const x2 = trackContainer(r, readMember(o, "label"));
+      const s2 = toAttribute(x2, "title");
+      if (s2 !== r.v2) writeAttribute(r.a1, "title", r.v2 = s2);
+      const s3 = toText(x2);
+      if (s3 !== r.v3) r.a2.data = r.v3 = s3;
     }
     if (c & 1073741824 && !(truthy(trackContainer(r, readMember(o, "detail")))) !== !r.b0) {
       if (r.b0) { r.b0 = undefined; clearRegion(r.a3, r.e0); }
@@ -198,23 +191,18 @@ export function createUiEditorLinkForm(options = {}, html) {
   const m7 = (d, o, u) => {
     const n = (P7 ??= buildTemplate(T7)).cloneNode(true);
     const t0 = n.firstChild;
-    const r = { n, u, a1: t0, w: 0, v0: null, v1: null, v2: "" };
+    const r = { n, u, a1: t0, w: 0, v0: null, v1: "" };
     p7(r, -1, d);
     return r;
   };
   const p7 = (r, c, d) => {
-    if (c & 1073741824) r.w = 0;
-    if (c === -1) {
-      const x0 = true;
-      const s0 = toAttribute(x0, "truncate");
-      if (s0 !== r.v0) writeAttribute(r.n, "truncate", r.v0 = s0);
-    }
     if (c & 1073741824) {
-      const x1 = trackContainer(r, readMember(r.u.i, "detail"));
-      const s1 = toAttribute(x1, "title");
-      if (s1 !== r.v1) writeAttribute(r.n, "title", r.v1 = s1);
-      const s2 = toText(x1);
-      if (s2 !== r.v2) r.a1.data = r.v2 = s2;
+      r.w = 0;
+      const x0 = trackContainer(r, readMember(r.u.i, "detail"));
+      const s0 = toAttribute(x0, "title");
+      if (s0 !== r.v0) writeAttribute(r.n, "title", r.v0 = s0);
+      const s1 = toText(x0);
+      if (s1 !== r.v1) r.a1.data = r.v1 = s1;
     }
   };
   const m8 = (d) => {
@@ -227,7 +215,7 @@ export function createUiEditorLinkForm(options = {}, html) {
   };
   const m9 = (d) => {
     const n = (P9 ??= buildTemplate(T9)).cloneNode(true);
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const r = { n, a0: t0, v0: null };
     p9(r, -1, d);
     return r;
@@ -241,7 +229,7 @@ export function createUiEditorLinkForm(options = {}, html) {
   };
   const m10 = (d) => {
     const n = (P10 ??= buildTemplate(T10)).cloneNode(true);
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const t1 = t0.firstChild;
     const t2 = t1.nextSibling;
     const r = { n, a0: t1, a1: t2, v0: null, v1: null, v2: null };
@@ -332,19 +320,19 @@ export function createUiEditorLinkForm(options = {}, html) {
       else { r.b5 = m11(d); r.e5.before(r.b5.n); }
     } else if (r.b5 !== undefined) p11(r.b5, c, d);
   };
-  const t0 = element.firstChild;
+  const t0 = element.firstChild.nextSibling;
   const t1 = t0.firstChild;
   const t2 = t1.firstChild;
-  const t3 = t1.nextSibling;
+  const t3 = t1.nextSibling.nextSibling;
   const t4 = t3.firstChild;
   const t5 = t4.firstChild;
   const t6 = t5.firstChild;
   const t7 = t5.nextSibling;
-  const t8 = t7.nextSibling.nextSibling;
-  const t9 = t4.nextSibling;
-  const t10 = t9.nextSibling.nextSibling;
-  const t11 = t3.nextSibling;
-  const t12 = t11.nextSibling.nextSibling;
+  const t8 = t7.nextSibling.nextSibling.nextSibling;
+  const t9 = t4.nextSibling.nextSibling;
+  const t10 = t9.nextSibling.nextSibling.nextSibling;
+  const t11 = t3.nextSibling.nextSibling;
+  const t12 = t11.nextSibling.nextSibling.nextSibling;
   const R = { a0: t2, a1: t4, a2: t5, a3: t6, v0: "", v1: null, v2: null, v3: "", a4: t7, e0: t7.nextSibling, b0: undefined, a5: t8, e1: t8.nextSibling, b1: undefined, a6: t9, e2: t9.nextSibling, b2: undefined, a7: t10, e3: t10.nextSibling, b3: undefined, a8: t11, e4: t11.nextSibling, b4: undefined, a9: t12, e5: t12.nextSibling, b5: undefined };
   const I = { B };
   I.R = new Set();

package/vanilla/UiEditorMentionMenu.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 export interface UiEditorMentionMenuEventMap {
   highlight: CustomEvent<{ readonly index: number; readonly value: string }>;
   select: CustomEvent<{ readonly index: number; readonly value: string }>;

package/vanilla/UiEditorMentionMenu.js

@@ -1,13 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, IndexedList, acceptProps, manageProps, project, fillSlot, checkBoolean, checkInteger, checkList, checkNumber, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-mention-menu/ui-editor-mention-menu.js";
 import "../styles/ui-editor-mention-menu.css";
 
-const T0 = ["",[],["div",["class","header"],4],1,1,["div",["class","empty"],4]];
+const T0 = ["",[],"\n    ",["div",["class","header"],4],"\n    ",1,"\n    ",1,"\n    ",["div",["class","empty"],4],"\n  "];
 const T1 = ["",[]];
 const T2 = ["div",["class","loading","role","status"],0];
-const T3 = ["ul",["class","list","role","presentation"],2,4];
-const T4 = ["li",["class","item","role","option"],["span",["class","avatar","aria-hidden","true"],0],["span",["class","body"],["span",["class","label"],0],1]];
+const T3 = ["ul",["class","list","role","presentation"],"\n      ",2,"\n      ",4,"\n    "];
+const T4 = ["li",["class","item","role","option"],"\n        ",["span",["class","avatar","aria-hidden","true"],0],"\n        ",["span",["class","body"],["span",["class","label"],0],1],"\n      "];
 const T5 = ["span",["class","detail"],0];
 const T6 = ["",[]];
 const T7 = ["",[]];
@@ -53,8 +53,8 @@ export function createUiEditorMentionMenu(options = {}, html) {
   };
   const m3 = (d) => {
     const n = (P3 ??= buildTemplate(T3)).cloneNode(true);
-    const t0 = n.firstChild;
-    const t1 = t0.nextSibling.nextSibling;
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.nextSibling.nextSibling.nextSibling;
     const r = { n, L0: new IndexedList(t0, t0.nextSibling, m4, p4, undefined, "row"), a1: t1, e1: t1.nextSibling, b1: undefined, f1: undefined };
     p3(r, -1, d);
     return r;
@@ -68,9 +68,9 @@ export function createUiEditorMentionMenu(options = {}, html) {
   };
   const m4 = (o, j, l) => {
     const n = (P4 ??= buildTemplate(T4)).cloneNode(true);
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const t1 = t0.firstChild;
-    const t2 = t0.nextSibling;
+    const t2 = t0.nextSibling.nextSibling;
     const t3 = t2.firstChild;
     const t4 = t3.firstChild;
     const t5 = t3.nextSibling;
@@ -173,11 +173,11 @@ export function createUiEditorMentionMenu(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b3 = m7(d); at.before(r.b3.n); } }
     else if (r.b3 !== undefined) p7(r.b3, c, d);
   };
-  const t0 = element.firstChild;
+  const t0 = element.firstChild.nextSibling;
   const t1 = t0.firstChild;
-  const t2 = t0.nextSibling;
-  const t3 = t2.nextSibling.nextSibling;
-  const t4 = t3.nextSibling.nextSibling;
+  const t2 = t0.nextSibling.nextSibling;
+  const t3 = t2.nextSibling.nextSibling.nextSibling;
+  const t4 = t3.nextSibling.nextSibling.nextSibling;
   const t5 = t4.firstChild;
   const R = { n: element, v0: undefined, v1: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a2: t2, e1: t2.nextSibling, b1: undefined, a3: t3, e2: t3.nextSibling, b2: undefined, a5: t5, e3: t5.nextSibling, b3: undefined, f3: undefined };
   const I = { B };

package/vanilla/UiEditorMentionMenuItem.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 export interface UiEditorMentionMenuItemEventMap {
 }
 export interface UiEditorMentionMenuItemElement extends HTMLLIElement {