@threadlabs/looma 0.28.22 → 0.29.1

package/vanilla/UiEditorMentionMenuItem.js

@@ -1,8 +1,8 @@
-// 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, toAttribute, toText, truthy, writeAttribute, dispose, acceptProps, manageProps, project, fillSlot, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-editor-mention-menu-item.css";
 
-const T0 = ["",[],["span",["class","avatar","aria-hidden","true"],4],["span",["class","body"],["span",["class","label"],4],1]];
+const T0 = ["",[],"\n    ",["span",["class","avatar","aria-hidden","true"],4],"\n    ",["span",["class","body"],["span",["class","label"],4],1],"\n  "];
 const T1 = ["",[],0];
 const T2 = ["",[]];
 const T3 = ["span",["class","detail"],0];
@@ -76,9 +76,9 @@ export function createUiEditorMentionMenuItem(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b1 = m2(d); at.before(r.b1.n); } }
     else if (r.b1 !== undefined) p2(r.b1, c, d);
   };
-  const t0 = element.firstChild;
+  const t0 = element.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;

package/vanilla/UiEditorSlashMenu.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 UiEditorSlashMenuEventMap {
   highlight: CustomEvent<{ readonly index: number; readonly value: string }>;
   select: CustomEvent<{ readonly index: number; readonly value: string }>;

package/vanilla/UiEditorSlashMenu.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, readMember, toAttribute, toText, trackContainer, 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-slash-menu/ui-editor-slash-menu.js";
 import "../styles/ui-editor-slash-menu.css";
 
-const T0 = ["",[],["div",["class","header"],4],["ul",["class","list","role","presentation"],2,4],["div",["class","empty"],4],["div",["class","footer"],4]];
+const T0 = ["",[],"\n    ",["div",["class","header"],4],"\n    ",["ul",["class","list","role","presentation"],"\n      ",2,"\n      ",4,"\n    "],"\n    ",["div",["class","empty"],4],"\n    ",["div",["class","footer"],4],"\n  "];
 const T1 = ["",[]];
-const T2 = ["li",["class","item","role","option"],["span",["class","icon","aria-hidden","true"],["ui-icon",[]]],["span",["class","body"],["span",["class","title"],0],["span",["class","description"],0]]];
+const T2 = ["li",["class","item","role","option"],"\n        ",["span",["class","icon","aria-hidden","true"],["ui-icon",[]]],"\n        ",["span",["class","body"],["span",["class","title"],0],["span",["class","description"],0]],"\n      "];
 const T3 = ["",[]];
 const T4 = ["",[]];
 const T5 = ["",[]];
@@ -37,9 +37,9 @@ export function createUiEditorSlashMenu(options = {}, html) {
   };
   const m2 = (o, j, l) => {
     const n = (P2 ??= buildTemplate(T2)).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.firstChild;
@@ -122,14 +122,14 @@ export function createUiEditorSlashMenu(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b4 = m5(d); at.before(r.b4.n); } }
     else if (r.b4 !== undefined) p5(r.b4, c, d);
   };
-  const t0 = element.firstChild;
+  const t0 = element.firstChild.nextSibling;
   const t1 = t0.firstChild;
-  const t2 = t0.nextSibling;
-  const t3 = t2.firstChild;
-  const t4 = t3.nextSibling.nextSibling;
-  const t5 = t2.nextSibling;
+  const t2 = t0.nextSibling.nextSibling;
+  const t3 = t2.firstChild.nextSibling;
+  const t4 = t3.nextSibling.nextSibling.nextSibling;
+  const t5 = t2.nextSibling.nextSibling;
   const t6 = t5.firstChild;
-  const t7 = t5.nextSibling.firstChild;
+  const t7 = t5.nextSibling.nextSibling.firstChild;
   const R = { n: element, v0: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, L1: new IndexedList(t3, t3.nextSibling, m2, p2, undefined, "item"), a3: t4, e2: t4.nextSibling, b2: undefined, f2: undefined, a5: t6, e3: t6.nextSibling, b3: undefined, f3: undefined, a6: t7, e4: t7.nextSibling, b4: undefined, f4: undefined };
   const I = { B };
   const J = project(I, children, slots);

package/vanilla/UiEditorSlashMenuGroup.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 UiEditorSlashMenuGroupEventMap {
 }
 export interface UiEditorSlashMenuGroupElement extends HTMLLIElement {

package/vanilla/UiEditorSlashMenuGroup.js

@@ -1,8 +1,8 @@
-// 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, toAttribute, toText, writeAttribute, dispose, acceptProps, manageProps, project, fillSlot, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-editor-slash-menu-group.css";
 
-const T0 = ["",[],["div",["role","group"],["div",["class","heading"],0],["ul",["role","presentation"],4]]];
+const T0 = ["",[],"\n    ",["div",["role","group"],"\n      ",["div",["class","heading"],0],"\n      ",["ul",["role","presentation"],4],"\n    "],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-slash-menu-group" };
@@ -40,10 +40,10 @@ export function createUiEditorSlashMenuGroup(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m1(d); at.before(r.b0.n); } }
     else if (r.b0 !== undefined) p1(r.b0, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.firstChild;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.firstChild.nextSibling;
   const t2 = t1.firstChild;
-  const t3 = t1.nextSibling.firstChild;
+  const t3 = t1.nextSibling.nextSibling.firstChild;
   const R = { a0: t0, a1: t2, v0: null, v1: "", a2: t3, e0: t3.nextSibling, b0: undefined, f0: undefined };
   const I = { B };
   const J = project(I, children, slots);

package/vanilla/UiEditorSlashMenuItem.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 UiEditorSlashMenuItemEventMap {
 }
 export interface UiEditorSlashMenuItemElement extends HTMLLIElement {

package/vanilla/UiEditorSlashMenuItem.js

@@ -1,8 +1,8 @@
-// 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, toAttribute, toText, truthy, writeAttribute, dispose, acceptProps, manageProps, project, fillSlot, checkBoolean, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-editor-slash-menu-item.css";
 
-const T0 = ["",[],1,["span",["class","body"],["span",["class","title"],4],1]];
+const T0 = ["",[],"\n    ",1,"\n    ",["span",["class","body"],["span",["class","title"],4],1],"\n  "];
 const T1 = ["span",["class","icon","aria-hidden","true"],["ui-icon",[]]];
 const T2 = ["",[]];
 const T3 = ["span",["class","description"],0];
@@ -87,8 +87,8 @@ export function createUiEditorSlashMenuItem(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b1 = m2(d); at.before(r.b1.n); } }
     else if (r.b1 !== undefined) p2(r.b1, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.nextSibling.nextSibling;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.nextSibling.nextSibling.nextSibling;
   const t2 = t1.firstChild;
   const t3 = t2.firstChild;
   const t4 = t2.nextSibling;

package/vanilla/UiEditorSurface.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 UiEditorSurfaceEventMap {
 }
 export interface UiEditorSurfaceElement extends HTMLDivElement {

package/vanilla/UiEditorSurface.js

@@ -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.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-editor-surface.css";
 

package/vanilla/UiEditorTableContextMenu.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 UiEditorTableContextMenuEventMap {
   action: CustomEvent<{ readonly action: "align-left" | "align-center" | "align-right" | "background-none" | "background-gray" | "background-yellow" | "background-blue" | "background-green" | "background-red" | "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after" | "toggle-header-row" | "toggle-header-column" | "move-row-up" | "move-row-down" | "move-column-left" | "move-column-right" | "clear-cells" | "merge-cells" | "split-cell" | "delete-row" | "delete-column" | "delete-table" }>;
 }

package/vanilla/UiEditorTableContextMenu.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, KeyedList, NONCONFORMING, readIndex, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, RangedKeyedList, checkBoolean, checkConstrained, checkFormat, checkList, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-table-context-menu/ui-editor-table-context-menu.js";
 import "../styles/ui-editor-table-context-menu.css";
 
-const T0 = ["",[],1,2];
-const T1 = ["div",["class","section","role","none"],["div",["class","heading","role","presentation"],"Cell background"],["div",["class","swatches","role","group","aria-label","Cell background"],2]];
-const T2 = ["button",["type","button","class","swatch-button","role","menuitemradio"],["span",["class","swatch"]],["span",["class","swatch-label"],0]];
-const T3 = ["",[],["div",["class","sep"]],["div",["class","section","role","none"],["div",["class","heading","role","presentation"],0],2]];
-const T4 = ["button",["type","button"],["ui-icon",[]],["span",[],0]];
+const T0 = ["",[],"\n    ",1,"\n    ",2,"\n  "];
+const T1 = ["div",["class","section","role","none"],"\n      ",["div",["class","heading","role","presentation"],"Cell background"],"\n      ",["div",["class","swatches","role","group","aria-label","Cell background"],"\n        ",2,"\n      "],"\n    "];
+const T2 = ["button",["type","button","class","swatch-button","role","menuitemradio"],"\n          ",["span",["class","swatch"]],"\n          ",["span",["class","swatch-label"],0],"\n        "];
+const T3 = ["",[],"\n      ",["div",["class","sep"]],"\n      ",["div",["class","section","role","none"],"\n        ",["div",["class","heading","role","presentation"],0],"\n        ",2,"\n      "],"\n    "];
+const T4 = ["button",["type","button"],"\n          ",["ui-icon",[]],"\n          ",["span",[],0],"\n        "];
 let P0, P1, P2, P3, P4;
 const E = new Map();
 const S = { n: ["swatches","sections"], t: [["l",["o",["action","s","label","s","color","s","selected","b"]]],["l",["o",["heading","s","items",["l",["o",["action","s","label","s","icon","s","danger","b","checkable","b","checked","b"]]]]]]], f: import.meta.url, g: "ui-editor-table-context-menu", d: { "action": [detailCheck(checkObject([["action", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["align-left","align-center","align-right","background-none","background-gray","background-yellow","background-blue","background-green","background-red","add-row-before","add-row-after","add-column-before","add-column-after","toggle-header-row","toggle-header-column","move-row-up","move-row-down","move-column-left","move-column-right","clear-cells","merge-cells","split-cell","delete-row","delete-column","delete-table"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
@@ -28,7 +28,7 @@ export function createUiEditorTableContextMenu(options = {}, html) {
   const B = acceptProps(element, D, S.n, v, componentProps, [], html);
   const m1 = (d) => {
     const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
-    const t0 = n.firstChild.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling.nextSibling.nextSibling.firstChild.nextSibling;
     const r = { n, L0: new KeyedList(t0, t0.nextSibling, m2, p2, (o) => readMember(o, "action"), "swatch") };
     p1(r, -1, d);
     return r;
@@ -38,8 +38,8 @@ export function createUiEditorTableContextMenu(options = {}, html) {
   };
   const m2 = (o, j, l) => {
     const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
-    const t0 = n.firstChild;
-    const t1 = t0.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.nextSibling.nextSibling.firstChild;
     const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, a2: t1, w: 0, v0: false, v1: null, v2: null, v3: false, v4: undefined, v5: "" };
     p2(r, -1, E);
     return r;
@@ -69,10 +69,10 @@ export function createUiEditorTableContextMenu(options = {}, html) {
   };
   const m3 = (o, j, l) => {
     const n = (P3 ??= buildTemplate(T3)).cloneNode(true);
-    const t0 = n.firstChild.nextSibling;
-    const t1 = t0.firstChild;
+    const t0 = n.firstChild.nextSibling.nextSibling.nextSibling;
+    const t1 = t0.firstChild.nextSibling;
     const t2 = t1.firstChild;
-    const t3 = t1.nextSibling;
+    const t3 = t1.nextSibling.nextSibling;
     const s = document.createComment("html-next:item-start"), t = document.createComment("html-next:item-end");
     n.prepend(s);
     n.append(t);
@@ -92,8 +92,8 @@ export function createUiEditorTableContextMenu(options = {}, html) {
   };
   const m4 = (o, j, l) => {
     const n = (P4 ??= buildTemplate(T4)).cloneNode(true);
-    const t0 = n.firstChild;
-    const t1 = t0.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.nextSibling.nextSibling.firstChild;
     const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, a2: t1, w: 0, v0: null, v1: null, v2: false, v3: null, v4: null, v5: "" };
     p4(r, -1, E);
     return r;
@@ -138,8 +138,8 @@ export function createUiEditorTableContextMenu(options = {}, html) {
     } else if (r.b0 !== undefined) p1(r.b0, c, d);
     if (c & 1073741826) r.L1.update(v[1], d, c);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.nextSibling.nextSibling;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.nextSibling.nextSibling.nextSibling;
   const R = { n: element, v0: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, L1: new RangedKeyedList(t1, t1.nextSibling, m3, p3, (o) => readMember(o, "heading"), "section") };
   const I = { B };
   I.R = new Set();

package/vanilla/UiEditorTableOverlay.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 UiEditorTableOverlayEventMap {
   "add-row-before": CustomEvent<{ readonly boundaryIndex: number }>;
   "add-row-after": CustomEvent<{ readonly boundaryIndex: number }>;

package/vanilla/UiEditorTableOverlay.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, checkReference, clearRegion, KeyedList, NONCONFORMING, readDeclared, readMember, toAttribute, toText, trackContainer, truthy, visitSelected, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, checkBoolean, checkInteger, checkList, checkNull, checkNumber, checkObject, checkUnion } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-table-overlay/ui-editor-table-overlay.js";
 import "../styles/ui-editor-table-overlay.css";
 
-const T0 = ["",[],["div",["class","rows"],2],["div",["class","cols"],2],1,1,["span",["class","drop-indicator","data-drop-indicator","","hidden","","aria-hidden","true"]]];
-const T1 = ["div",["class","control row"],["span",["class","line","aria-hidden","true"]],["span",["class","guide","data-ui-guide","","aria-hidden","true"]],["button",["type","button","class","handle"],["ui-icon",["name","plus"]],["span",["class","tooltip","role","tooltip"],0]]];
-const T2 = ["div",["class","control col"],["span",["class","line","aria-hidden","true"]],["span",["class","guide","data-ui-guide","","aria-hidden","true"]],["button",["type","button","class","handle"],["ui-icon",["name","plus"]],["span",["class","tooltip","role","tooltip"],0]]];
-const T3 = ["",[],["button",["type","button","class","selector row","data-action","select-row","title","Drag row to reorder; click for actions","aria-label","Row actions"],["span",["class","glyph"],["ui-icon",["name","grip-vertical"]]]],["button",["type","button","class","selector column","data-action","select-column","title","Drag column to reorder; click for actions","aria-label","Column actions"],["span",["class","glyph"],["ui-icon",["name","grip-horizontal"]]]]];
-const T4 = ["button",["type","button","class","cell-menu","data-action","open-cell-menu","title","Cell actions","aria-label","Cell actions"],["ui-icon",["name","chevron-down"]]];
+const T0 = ["",[],"\n    ",["div",["class","rows"],"\n      ",2,"\n    "],"\n    ",["div",["class","cols"],"\n      ",2,"\n    "],"\n    ",1,"\n    ",1,"\n    ",["span",["class","drop-indicator","data-drop-indicator","","hidden","","aria-hidden","true"]],"\n  "];
+const T1 = ["div",["class","control row"],"\n        ",["span",["class","line","aria-hidden","true"]],"\n        ",["span",["class","guide","data-ui-guide","","aria-hidden","true"]],"\n        ",["button",["type","button","class","handle"],"\n          ",["ui-icon",["name","plus"]],"\n          ",["span",["class","tooltip","role","tooltip"],0],"\n        "],"\n      "];
+const T2 = ["div",["class","control col"],"\n        ",["span",["class","line","aria-hidden","true"]],"\n        ",["span",["class","guide","data-ui-guide","","aria-hidden","true"]],"\n        ",["button",["type","button","class","handle"],"\n          ",["ui-icon",["name","plus"]],"\n          ",["span",["class","tooltip","role","tooltip"],0],"\n        "],"\n      "];
+const T3 = ["",[],"\n      ",["button",["type","button","class","selector row","data-action","select-row","title","Drag row to reorder; click for actions","aria-label","Row actions"],"\n        ",["span",["class","glyph"],["ui-icon",["name","grip-vertical"]]],"\n      "],"\n      ",["button",["type","button","class","selector column","data-action","select-column","title","Drag column to reorder; click for actions","aria-label","Column actions"],"\n        ",["span",["class","glyph"],["ui-icon",["name","grip-horizontal"]]],"\n      "],"\n    "];
+const T4 = ["button",["type","button","class","cell-menu","data-action","open-cell-menu","title","Cell actions","aria-label","Cell actions"],"\n      ",["ui-icon",["name","chevron-down"]],"\n    "];
 let P0, P1, P2, P3, P4;
 const E = new Map();
 const S = { n: ["rows","cols","hovered","active","activeKey"], t: [["l",["o",["key","s","index","i","offset","s","affordance",["p",formatOf(keywordFormat),false],"action",["p",formatOf(keywordFormat),false],"label","s"]]],["l",["o",["key","s","index","i","offset","s","affordance",["p",formatOf(keywordFormat),false],"action",["p",formatOf(keywordFormat),false],"label","s"]]],["u",["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i","rowOffset","s","columnOffset","s"]],"z"],["u",["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i","menuLeft","s","menuTop","s"]],"z"],"s"], f: import.meta.url, g: "ui-editor-table-overlay", d: { "add-row-before": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "add-row-after": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "add-column-before": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "add-column-after": [detailCheck(checkObject([["boundaryIndex", checkInteger, false]], false)), true, true, false], "select-row": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false]], false)), true, true, false], "select-column": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false]], false)), true, true, false], "reorder-row": [detailCheck(checkObject([["fromIndex", checkInteger, false], ["toIndex", checkInteger, false]], false)), true, true, false], "reorder-column": [detailCheck(checkObject([["fromIndex", checkInteger, false], ["toIndex", checkInteger, false]], false)), true, true, false], "open-cell-menu": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false], ["anchor", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["right", checkNumber, false], ["bottom", checkNumber, false]], false), false]], false)), true, true, false], "open-row-menu": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false], ["anchor", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["right", checkNumber, false], ["bottom", checkNumber, false]], false), false]], false)), true, true, false], "open-column-menu": [detailCheck(checkObject([["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false], ["anchor", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["right", checkNumber, false], ["bottom", checkNumber, false]], false), false]], false)), true, true, false] }, x: dispatchDeclared };
@@ -29,8 +29,8 @@ export function createUiEditorTableOverlay(options = {}, html) {
   let s4 = v[4];
   const m1 = (o, j, l) => {
     const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
-    const t0 = n.firstChild.nextSibling.nextSibling;
-    const t1 = t0.firstChild.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling;
+    const t1 = t0.firstChild.nextSibling.nextSibling.nextSibling.firstChild;
     const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, a2: t1, w: 0, v0: false, v1: undefined, v2: null, v3: null, v4: null, v5: null, v6: null, v7: "" };
     p1(r, -1, E);
     return r;
@@ -68,8 +68,8 @@ export function createUiEditorTableOverlay(options = {}, html) {
   };
   const m2 = (o, j, l) => {
     const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
-    const t0 = n.firstChild.nextSibling.nextSibling;
-    const t1 = t0.firstChild.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling;
+    const t1 = t0.firstChild.nextSibling.nextSibling.nextSibling.firstChild;
     const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, a2: t1, w: 0, v0: false, v1: undefined, v2: null, v3: null, v4: null, v5: null, v6: null, v7: "" };
     p2(r, -1, E);
     return r;
@@ -107,8 +107,8 @@ export function createUiEditorTableOverlay(options = {}, html) {
   };
   const m3 = (d) => {
     const n = (P3 ??= buildTemplate(T3)).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: undefined, v1: null, v2: null, v3: undefined, v4: null, v5: null };
     p3(r, -1, d);
     return r;
@@ -195,12 +195,12 @@ export function createUiEditorTableOverlay(options = {}, html) {
     } else if (r.b3 !== undefined) p4(r.b3, c, d);
     s4 = v[4];
   };
-  const t0 = element.firstChild;
-  const t1 = t0.firstChild;
-  const t2 = t0.nextSibling;
-  const t3 = t2.firstChild;
-  const t4 = t2.nextSibling;
-  const t5 = t4.nextSibling.nextSibling;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.firstChild.nextSibling;
+  const t2 = t0.nextSibling.nextSibling;
+  const t3 = t2.firstChild.nextSibling;
+  const t4 = t2.nextSibling.nextSibling;
+  const t5 = t4.nextSibling.nextSibling.nextSibling;
   const R = { n: element, v0: undefined, L0: new KeyedList(t1, t1.nextSibling, m1, p1, (o) => readMember(o, "key"), "control"), L1: new KeyedList(t3, t3.nextSibling, m2, p2, (o) => readMember(o, "key"), "control"), a3: t4, e2: t4.nextSibling, b2: undefined, a4: t5, e3: t5.nextSibling, b3: undefined };
   const I = { B };
   I.R = new Set();

package/vanilla/UiEditorTableToolbar.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 UiEditorTableToolbarEventMap {
   action: CustomEvent<{ readonly action: "align-left" | "align-center" | "align-right" | "background-none" | "background-gray" | "background-yellow" | "background-blue" | "background-green" | "background-red" | "add-row-before" | "add-row-after" | "add-column-before" | "add-column-after" | "toggle-header-row" | "toggle-header-column" | "move-row-up" | "move-row-down" | "move-column-left" | "move-column-right" | "clear-cells" | "merge-cells" | "split-cell" | "delete-row" | "delete-column" | "delete-table" }>;
 }

package/vanilla/UiEditorTableToolbar.js

@@ -1,21 +1,21 @@
-// 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, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, checkBoolean, checkConstrained, checkFormat, checkList, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-table-toolbar/ui-editor-table-toolbar.js";
 import "../styles/ui-editor-table-toolbar.css";
 
-const T0 = ["",[],1,1,1,1,1];
-const T1 = ["div",["class","group","role","group","aria-label","Cell alignment"],2];
-const T2 = ["button",["type","button","class","icon-button"],["ui-icon",[]]];
+const T0 = ["",[],"\n    ",1,"\n    ",1,"\n    ",1,"\n    ",1,"\n    ",1,"\n  "];
+const T1 = ["div",["class","group","role","group","aria-label","Cell alignment"],"\n      ",2,"\n    "];
+const T2 = ["button",["type","button","class","icon-button"],"\n        ",["ui-icon",[]],"\n      "];
 const T3 = ["div",["class","sep","aria-hidden","true"]];
-const T4 = ["div",["class","group","role","group","aria-label","Table structure"],2];
-const T5 = ["button",["type","button"],["ui-icon",[]],["span",[],0]];
+const T4 = ["div",["class","group","role","group","aria-label","Table structure"],"\n      ",2,"\n    "];
+const T5 = ["button",["type","button"],"\n        ",["ui-icon",[]],"\n        ",["span",[],0],"\n      "];
 const T6 = ["div",["class","sep","aria-hidden","true"]];
-const T7 = ["div",["class","overflow"],["button",["type","button","class","more","data-action","toggle-overflow","aria-haspopup","menu"],["ui-icon",["name","table"]],["span",[],"Table options"],["span",["class","chevron"],["ui-icon",["name","chevron-down"]]]],1];
-const T8 = ["div",["class","menu","role","menu","aria-label","More table actions"],1,2];
-const T9 = ["div",["class","menu-section","role","none"],["div",["class","menu-heading","role","presentation"],"Background"],["div",["class","swatches","role","group","aria-label","Cell background"],2]];
-const T10 = ["button",["type","button","class","swatch-button","role","menuitemradio"],["span",["class","swatch"]],["span",[],0]];
-const T11 = ["div",["class","menu-section divided","role","none"],["div",["class","menu-heading","role","presentation"],0],2];
-const T12 = ["button",["type","button"],["ui-icon",[]],["span",[],0]];
+const T7 = ["div",["class","overflow"],"\n      ",["button",["type","button","class","more","data-action","toggle-overflow","aria-haspopup","menu"],"\n        ",["ui-icon",["name","table"]],"\n        ",["span",[],"Table options"],"\n        ",["span",["class","chevron"],["ui-icon",["name","chevron-down"]]],"\n      "],"\n      ",1,"\n    "];
+const T8 = ["div",["class","menu","role","menu","aria-label","More table actions"],"\n        ",1,"\n        ",2,"\n      "];
+const T9 = ["div",["class","menu-section","role","none"],"\n          ",["div",["class","menu-heading","role","presentation"],"Background"],"\n          ",["div",["class","swatches","role","group","aria-label","Cell background"],"\n            ",2,"\n          "],"\n        "];
+const T10 = ["button",["type","button","class","swatch-button","role","menuitemradio"],"\n              ",["span",["class","swatch"]],"\n              ",["span",[],0],"\n            "];
+const T11 = ["div",["class","menu-section divided","role","none"],"\n          ",["div",["class","menu-heading","role","presentation"],0],"\n          ",2,"\n        "];
+const T12 = ["button",["type","button"],"\n            ",["ui-icon",[]],"\n            ",["span",[],0],"\n          "];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12;
 const E = new Map();
 const S = { n: ["alignments","structure","swatches","sections","hasOverflow","overflowOpen"], t: [["l",["o",["action",["p",formatOf(keywordFormat),false],"label","s","active","b"]]],["l",["o",["action",["p",formatOf(keywordFormat),false],"label","s","icon","s"]]],["l",["o",["action","s","label","s","color","s","selected","b"]]],["l",["o",["heading","s","items",["l",["o",["action","s","label","s","icon","s","danger","b","checkable","b","checked","b"]]]]]],"b","b"], f: import.meta.url, g: "ui-editor-table-toolbar", d: { "action": [detailCheck(checkObject([["action", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["align-left","align-center","align-right","background-none","background-gray","background-yellow","background-blue","background-green","background-red","add-row-before","add-row-after","add-column-before","add-column-after","toggle-header-row","toggle-header-column","move-row-up","move-row-down","move-column-left","move-column-right","clear-cells","merge-cells","split-cell","delete-row","delete-column","delete-table"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
@@ -37,7 +37,7 @@ export function createUiEditorTableToolbar(options = {}, html) {
   const B = acceptProps(element, D, S.n, v, componentProps, [], html);
   const m1 = (d) => {
     const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const r = { n, L0: new KeyedList(t0, t0.nextSibling, m2, p2, (o) => readMember(o, "action"), "item") };
     p1(r, -1, d);
     return r;
@@ -47,7 +47,7 @@ export function createUiEditorTableToolbar(options = {}, html) {
   };
   const m2 = (o, j, l) => {
     const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, w: 0, v0: false, v1: null, v2: null, v3: null, v4: null, v5: null };
     p2(r, -1, E);
     return r;
@@ -83,7 +83,7 @@ export function createUiEditorTableToolbar(options = {}, html) {
   };
   const m4 = (d) => {
     const n = (P4 ??= buildTemplate(T4)).cloneNode(true);
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const r = { n, L0: new KeyedList(t0, t0.nextSibling, m5, p5, (o) => readMember(o, "action"), "item") };
     p4(r, -1, d);
     return r;
@@ -93,8 +93,8 @@ export function createUiEditorTableToolbar(options = {}, html) {
   };
   const m5 = (o, j, l) => {
     const n = (P5 ??= buildTemplate(T5)).cloneNode(true);
-    const t0 = n.firstChild;
-    const t1 = t0.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.nextSibling.nextSibling.firstChild;
     const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, a2: t1, w: 0, v0: null, v1: null, v2: "" };
     p5(r, -1, E);
     return r;
@@ -124,8 +124,8 @@ export function createUiEditorTableToolbar(options = {}, html) {
   };
   const m7 = (d) => {
     const n = (P7 ??= buildTemplate(T7)).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, v0: null, a1: t1, e0: t1.nextSibling, b0: undefined };
     p7(r, -1, d);
     return r;
@@ -143,8 +143,8 @@ export function createUiEditorTableToolbar(options = {}, html) {
   };
   const m8 = (d) => {
     const n = (P8 ??= buildTemplate(T8)).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, a0: t0, e0: t0.nextSibling, b0: undefined, L1: new KeyedList(t1, t1.nextSibling, m11, p11, (o) => readMember(o, "heading"), "section") };
     p8(r, -1, d);
     return r;
@@ -158,7 +158,7 @@ export function createUiEditorTableToolbar(options = {}, html) {
   };
   const m9 = (d) => {
     const n = (P9 ??= buildTemplate(T9)).cloneNode(true);
-    const t0 = n.firstChild.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling.nextSibling.nextSibling.firstChild.nextSibling;
     const r = { n, L0: new KeyedList(t0, t0.nextSibling, m10, p10, (o) => readMember(o, "action"), "swatch") };
     p9(r, -1, d);
     return r;
@@ -168,8 +168,8 @@ export function createUiEditorTableToolbar(options = {}, html) {
   };
   const m10 = (o, j, l) => {
     const n = (P10 ??= buildTemplate(T10)).cloneNode(true);
-    const t0 = n.firstChild;
-    const t1 = t0.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.nextSibling.nextSibling.firstChild;
     const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, a2: t1, w: 0, v0: false, v1: null, v2: null, v3: false, v4: undefined, v5: "" };
     p10(r, -1, E);
     return r;
@@ -199,9 +199,9 @@ export function createUiEditorTableToolbar(options = {}, html) {
   };
   const m11 = (o, j, l) => {
     const n = (P11 ??= buildTemplate(T11)).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 r = { k: undefined, i: o, n, x: 0, y: 0, a0: t1, w: 0, v0: "", L0: new KeyedList(t2, t2.nextSibling, m12, p12, (o) => readMember(o, "action"), "item") };
     p11(r, -1, E);
     return r;
@@ -218,8 +218,8 @@ export function createUiEditorTableToolbar(options = {}, html) {
   };
   const m12 = (o, j, l) => {
     const n = (P12 ??= buildTemplate(T12)).cloneNode(true);
-    const t0 = n.firstChild;
-    const t1 = t0.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.nextSibling.nextSibling.firstChild;
     const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, a2: t1, w: 0, v0: null, v1: null, v2: false, v3: null, v4: null, v5: "" };
     p12(r, -1, E);
     return r;
@@ -279,11 +279,11 @@ export function createUiEditorTableToolbar(options = {}, html) {
       else { r.b4 = m7(d); r.e4.before(r.b4.n); }
     } else if (r.b4 !== undefined) p7(r.b4, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.nextSibling.nextSibling;
-  const t2 = t1.nextSibling.nextSibling;
-  const t3 = t2.nextSibling.nextSibling;
-  const t4 = t3.nextSibling.nextSibling;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.nextSibling.nextSibling.nextSibling;
+  const t2 = t1.nextSibling.nextSibling.nextSibling;
+  const t3 = t2.nextSibling.nextSibling.nextSibling;
+  const t4 = t3.nextSibling.nextSibling.nextSibling;
   const R = { n: element, v0: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, a2: t1, e1: t1.nextSibling, b1: undefined, a3: t2, e2: t2.nextSibling, b2: undefined, a4: t3, e3: t3.nextSibling, b3: undefined, a5: t4, e4: t4.nextSibling, b4: undefined };
   const I = { B };
   I.R = new Set();

package/vanilla/UiEditorToolbar.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 UiEditorToolbarEventMap {
 }
 export interface UiEditorToolbarElement extends HTMLDivElement {

package/vanilla/UiEditorToolbar.js

@@ -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.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-toolbar/ui-editor-toolbar.js";
 import "../styles/ui-editor-toolbar.css";

package/vanilla/UiFloatingActionButton.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 UiFloatingActionButtonEventMap {
 }
 export interface UiFloatingActionButtonElement extends HTMLButtonElement {

package/vanilla/UiFloatingActionButton.js

@@ -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.
 import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-floating-action-button.css";
 

package/vanilla/UiFormField.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 UiFormFieldEventMap {
 }
 export interface UiFormFieldElement extends HTMLDivElement {

package/vanilla/UiFormField.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, writeAttribute, dispose, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-form-field/ui-form-field.js";
 import "../styles/ui-form-field.css";
 
-const T0 = ["",[],["div",["class","label"],4,["span",["class","label-action"],4]],4,["div",["class","help"],4],["div",["class","error"],4]];
+const T0 = ["",[],"\n    ",["div",["class","label"],"\n      ",4,"\n      ",["span",["class","label-action"],4],"\n    "],"\n    ",4,"\n    ",["div",["class","help"],4],"\n    ",["div",["class","error"],4],"\n  "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 const T3 = ["",[]];
@@ -87,13 +87,13 @@ export function createUiFormField(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b2 = m3(d); at.before(r.b2.n); } }
     else if (r.b2 !== undefined) p3(r.b2, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.firstChild;
-  const t2 = t1.nextSibling.nextSibling.firstChild;
-  const t3 = t0.nextSibling;
-  const t4 = t3.nextSibling.nextSibling;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.firstChild.nextSibling;
+  const t2 = t1.nextSibling.nextSibling.nextSibling.firstChild;
+  const t3 = t0.nextSibling.nextSibling;
+  const t4 = t3.nextSibling.nextSibling.nextSibling;
   const t5 = t4.firstChild;
-  const t6 = t4.nextSibling.firstChild;
+  const t6 = t4.nextSibling.nextSibling.firstChild;
   const R = { n: element, v0: undefined, a0: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a1: t2, e1: t2.nextSibling, b1: undefined, f1: undefined, a2: t3, e2: t3.nextSibling, b2: undefined, f2: undefined, a3: t5, e3: t5.nextSibling, b3: undefined, f3: undefined, a4: t6, e4: t6.nextSibling, b4: undefined, f4: undefined };
   const I = { B };
   const J = project(I, children, slots);

package/vanilla/UiGrid.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 UiGridEventMap {
 }
 export interface UiGridElement extends HTMLDivElement {

package/vanilla/UiGrid.js

@@ -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.
 import { attachGeneratedController, buildTemplate, toText, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkInteger } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-grid.css";
 

package/vanilla/UiIcon.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 UiIconEventMap {
 }
 export interface UiIconElement extends HTMLSpanElement {