@threadlabs/looma 0.28.4 → 0.28.6

package/vanilla/UiEditorImageToolbar.js

@@ -0,0 +1,171 @@
+// Generated by HTML Next 1.0.0-alpha.51 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-image-placement","block"],["ui-icon",["name","panel-top","size","sm"]]],["ui-icon-button",["label","Center image","size","sm","data-image-placement","center"],["ui-icon",["name","align-center","size","sm"]]],["ui-icon-button",["label","Wrap text to the right","size","sm","data-image-placement","wrap-left"],["ui-icon",["name","panel-left","size","sm"]]],["ui-icon-button",["label","Wrap text to the left","size","sm","data-image-placement","wrap-right"],["ui-icon",["name","panel-right","size","sm"]]],["ui-icon-button",["label","Image description","size","sm","variant","ghost"],["ui-icon",["name","file-text","size","sm"]]],["ui-icon-button",["label","Delete image","size","sm","variant","ghost","data-image-action","delete"],["ui-icon",["name","trash","size","sm"]]]],["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",["data-image-description","","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",["data-image-alt","","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-image-action","cancel"],"Cancel"],["ui-button",["type","submit","variant","solid","size","sm"],"Save"]]]]]]];
+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 = { 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" } } };
+const C = (host) => controller.default(host);
+
+export function createUiEditorImageToolbar(options = {}, html) {
+  const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
+  const element = document.createElement("div");
+  for (const [name, value] of Object.entries(attributes)) {
+    if (value === null || value === undefined || value === false) continue;
+    element.setAttribute(name, value === true ? "" : String(value));
+  }
+  element.setAttribute("data-component", "ui-editor-image-toolbar");
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  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"]);
+      if (x1 !== NONCONFORMING) {
+        const s1 = toAttribute(x1, "id");
+        if (s1 !== r.v1) writeAttribute(r.a1, "id", r.v1 = s1);
+      }
+      const x2 = textCall("concat", [v[0], "-center"]);
+      if (x2 !== NONCONFORMING) {
+        const s4 = toAttribute(x2, "id");
+        if (s4 !== r.v4) writeAttribute(r.a2, "id", r.v4 = s4);
+      }
+      const x3 = textCall("concat", [v[0], "-wrap-left"]);
+      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);
+      }
+      if (x1 !== NONCONFORMING) {
+        const s15 = toAttribute(x1, "for");
+        if (s15 !== r.v15) writeAttribute(r.a7, "for", r.v15 = s15);
+      }
+      if (x2 !== NONCONFORMING) {
+        const s16 = toAttribute(x2, "for");
+        if (s16 !== r.v16) writeAttribute(r.a8, "for", r.v16 = s16);
+      }
+      if (x3 !== NONCONFORMING) {
+        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 s19 = toAttribute(x5, "for");
+      if (s19 !== r.v19) writeAttribute(r.a11, "for", r.v19 = s19);
+      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);
+      }
+      if (x7 !== NONCONFORMING) {
+        const s24 = toAttribute(x7, "id");
+        if (s24 !== r.v24) writeAttribute(r.a15, "id", r.v24 = s24);
+      }
+    }
+    if (c & 1073741840) {
+      const x8 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "block")]));
+      if (x8 !== NONCONFORMING) {
+        const s2 = toAttribute(x8, "variant");
+        if (s2 !== r.v2) writeAttribute(r.a1, "variant", r.v2 = s2);
+      }
+      const x9 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "center")]));
+      if (x9 !== NONCONFORMING) {
+        const s5 = toAttribute(x9, "variant");
+        if (s5 !== r.v5) writeAttribute(r.a2, "variant", r.v5 = s5);
+      }
+      const x10 = readIndex({ "true": "outline", "false": "ghost" }, textCall("concat", [(v[4] === "wrap-left")]));
+      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);
+      }
+    }
+    if (c & 16) {
+      const x12 = textCall("concat", [(v[4] === "block")]);
+      if (x12 !== NONCONFORMING) {
+        const s3 = toAttribute(x12, "aria-pressed");
+        if (s3 !== r.v3) writeAttribute(r.a1, "aria-pressed", r.v3 = s3);
+      }
+      const x13 = textCall("concat", [(v[4] === "center")]);
+      if (x13 !== NONCONFORMING) {
+        const s6 = toAttribute(x13, "aria-pressed");
+        if (s6 !== r.v6) writeAttribute(r.a2, "aria-pressed", r.v6 = s6);
+      }
+      const x14 = textCall("concat", [(v[4] === "wrap-left")]);
+      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);
+      }
+    }
+    if (c & 2) {
+      const x16 = v[1];
+      const s22 = toAttribute(x16, "open");
+      if (s22 !== r.v22) writeAttribute(r.a13, "open", r.v22 = s22);
+    }
+    if (c & 4) {
+      const x17 = v[2];
+      const s25 = toAttribute(x17, "value");
+      if (s25 !== r.v25) writeAttribute(r.a15, "value", r.v25 = s25);
+    }
+  };
+  const t0 = element.firstChild;
+  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 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 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);
+  manageProps(I);
+  return element;
+}

package/vanilla/UiEditorInsertTableGrid.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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";

package/vanilla/UiEditorMentionMenu.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readMember, readsChanged, rec, recLength, 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";
+// Generated by HTML Next 1.0.0-alpha.51 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";
 
@@ -56,7 +56,6 @@ export function createUiEditorMentionMenu(options = {}, html) {
     const t0 = n.firstChild;
     const t1 = t0.nextSibling.nextSibling;
     const r = { n, L0: new IndexedList(t0, t0.nextSibling, m4, p4, undefined, "row"), a1: t1, e1: t1.nextSibling, b1: undefined, f1: undefined };
-    r.L0.q = true;
     p3(r, -1, d);
     return r;
   };
@@ -75,31 +74,33 @@ export function createUiEditorMentionMenu(options = {}, html) {
     const t3 = t2.firstChild;
     const t4 = t3.firstChild;
     const t5 = t3.nextSibling;
-    const r = { k: undefined, i: o, n, x: 0, y: 0, j, l, a1: t1, a2: t4, w: 0, v0: null, v1: false, v2: null, v3: null, v4: null, v5: "", v6: "", a3: t5, e0: t5.nextSibling, b0: undefined, q0: undefined };
+    const r = { k: undefined, i: o, n, x: 0, y: 0, j, l, a1: t1, a2: t4, w: 0, v0: null, v1: false, v2: null, v3: null, v4: null, v5: "", v6: "", a3: t5, e0: t5.nextSibling, b0: undefined };
     p4(r, -1, E);
     return r;
   };
   const p4 = (r, c, d) => {
     const o = r.i;
     if (c & 1073741824) r.w = 0;
-    if (c & 1073741840) {
+    if (c & -1073741808) {
       const x0 = textCall("concat", [v[4], "-option-", r.j]);
       if (x0 !== NONCONFORMING) {
         const s0 = toAttribute(x0, "id");
         if (s0 !== r.v0) writeAttribute(r.n, "id", r.v0 = s0);
       }
     }
-    if (c & 1073741832) {
+    if (c & -1073741816) {
       const x1 = (r.j === v[3]);
       const s1 = x1;
       if (s1 !== r.v1) r.n.classList.toggle("active", r.v1 = s1);
       const s2 = toAttribute(x1, "aria-selected");
       if (s2 !== r.v2) writeAttribute(r.n, "aria-selected", r.v2 = s2);
     }
-    if (c & 1073741824) {
+    if (c & -1073741824) {
       const x2 = r.j;
       const s3 = toAttribute(x2, "data-index");
       if (s3 !== r.v3) writeAttribute(r.n, "data-index", r.v3 = s3);
+    }
+    if (c & 1073741824) {
       const x3 = trackContainer(r, readMember(o, "id"));
       const s4 = toAttribute(x3, "data-value");
       if (s4 !== r.v4) writeAttribute(r.n, "data-value", r.v4 = s4);
@@ -110,17 +111,9 @@ export function createUiEditorMentionMenu(options = {}, html) {
       const s6 = toText(x5);
       if (s6 !== r.v6) r.a2.data = r.v6 = s6;
     }
-    if (c & 1073741824) {
-      const f0 = [];
-      const t0 = truthy(recLength(f0, trackContainer(r, rec(f0, readMember(rec(f0, o), "detail")))));
-      if (c === -1 || readsChanged(r.q0, f0)) {
-        r.q0 = f0;
-        {
-          r.b0 = undefined;
-          clearRegion(r.a3, r.e0);
-          if (t0) { r.b0 = m5(d, undefined, r); r.e0.before(r.b0.n); }
-        }
-      } else if (r.b0 !== undefined) p5(r.b0, c, d);
+    if (c & 1073741824 && !(truthy(trackContainer(r, readMember(o, "detail")))) !== !r.b0) {
+      if (r.b0) { r.b0 = undefined; clearRegion(r.a3, r.e0); }
+      else { r.b0 = m5(d, undefined, r); r.e0.before(r.b0.n); }
     } else if (r.b0 !== undefined) p5(r.b0, c, d);
   };
   const m5 = (d, o, u) => {
@@ -165,26 +158,13 @@ export function createUiEditorMentionMenu(options = {}, html) {
       const s1 = toAttribute(x1, "hidden");
       if (s1 !== r.v1) writeAttribute(r.n, "hidden", r.v1 = s1);
     }
-    if (c & 4) {
-      const t1 = v[2];
-      if (true) {
-        {
-          r.b1 = undefined;
-          clearRegion(r.a2, r.e1);
-          if (t1) { r.b1 = m2(d); r.e1.before(r.b1.n); }
-        }
-      } else if (r.b1 !== undefined) p2(r.b1, c, d);
+    if (c & 4 && !(v[2]) !== !r.b1) {
+      if (r.b1) { r.b1 = undefined; clearRegion(r.a2, r.e1); }
+      else { r.b1 = m2(d); r.e1.before(r.b1.n); }
     } else if (r.b1 !== undefined) p2(r.b1, c, d);
-    if (c & 4) {
-      const t2 = !v[2];
-      if (true) {
-        {
-          dispose(r.b2);
-          r.b2 = undefined;
-          clearRegion(r.a3, r.e2);
-          if (t2) { r.b2 = m3(d); r.e2.before(r.b2.n); }
-        }
-      } else if (r.b2 !== undefined) p3(r.b2, c, d);
+    if (c & 4 && !(!v[2]) !== !r.b2) {
+      if (r.b2) { dispose(r.b2); r.b2 = undefined; clearRegion(r.a3, r.e2); }
+      else { r.b2 = m3(d); r.e2.before(r.b2.n); }
     } else if (r.b2 !== undefined) p3(r.b2, c, d);
     if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a1, r.e0, "header", J, false, undefined, d);
       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); } }

package/vanilla/UiEditorMentionMenuItem.d.ts

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

package/vanilla/UiEditorMentionMenuItem.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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";
 
@@ -65,15 +65,9 @@ export function createUiEditorMentionMenuItem(options = {}, html) {
       const s0 = toAttribute(x0, "data-value");
       if (s0 !== r.v0) writeAttribute(r.n, "data-value", r.v0 = s0);
     }
-    if (c & 1) {
-      const t2 = truthy(v[0]);
-      if (true) {
-        {
-          r.b2 = undefined;
-          clearRegion(r.a3, r.e2);
-          if (t2) { r.b2 = m3(d); r.e2.before(r.b2.n); }
-        }
-      } else if (r.b2 !== undefined) p3(r.b2, c, d);
+    if (c & 1 && !(truthy(v[0])) !== !r.b2) {
+      if (r.b2) { r.b2 = undefined; clearRegion(r.a3, r.e2); }
+      else { r.b2 = m3(d); r.e2.before(r.b2.n); }
     } else if (r.b2 !== undefined) p3(r.b2, c, d);
     if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a1, r.e0, "start", J, true, undefined, d);
       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); } }

package/vanilla/UiEditorSlashMenu.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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";
@@ -50,17 +50,19 @@ export function createUiEditorSlashMenu(options = {}, html) {
   const p2 = (r, c, d) => {
     const o = r.i;
     if (c & 1073741824) r.w = 0;
-    if (c & 1073741826) {
+    if (c & -1073741822) {
       const x0 = (r.j === v[1]);
       const s0 = x0;
       if (s0 !== r.v0) r.n.classList.toggle("active", r.v0 = s0);
       const s1 = toAttribute(x0, "aria-selected");
       if (s1 !== r.v1) writeAttribute(r.n, "aria-selected", r.v1 = s1);
     }
-    if (c & 1073741824) {
+    if (c & -1073741824) {
       const x1 = r.j;
       const s2 = toAttribute(x1, "data-index");
       if (s2 !== r.v2) writeAttribute(r.n, "data-index", r.v2 = s2);
+    }
+    if (c & 1073741824) {
       const x2 = trackContainer(r, readMember(o, "value"));
       const s3 = toAttribute(x2, "data-value");
       if (s3 !== r.v3) writeAttribute(r.n, "data-value", r.v3 = s3);
@@ -129,7 +131,6 @@ export function createUiEditorSlashMenu(options = {}, html) {
   const t6 = t5.firstChild;
   const t7 = t5.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 };
-  R.L1.q = true;
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();

package/vanilla/UiEditorSlashMenuGroup.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
 export interface UiEditorSlashMenuGroupEventMap {
 }
 export interface UiEditorSlashMenuGroupElement extends HTMLLIElement {

package/vanilla/UiEditorSlashMenuGroup.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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";
 

package/vanilla/UiEditorSlashMenuItem.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
 export interface UiEditorSlashMenuItemEventMap {
 }
 export interface UiEditorSlashMenuItemElement extends HTMLLIElement {

package/vanilla/UiEditorSlashMenuItem.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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";
 
@@ -75,25 +75,13 @@ export function createUiEditorSlashMenuItem(options = {}, html) {
       const s2 = toAttribute(x2, "data-keywords");
       if (s2 !== r.v2) writeAttribute(r.n, "data-keywords", r.v2 = s2);
     }
-    if (c & 4) {
-      const t0 = truthy(v[2]);
-      if (true) {
-        {
-          r.b0 = undefined;
-          clearRegion(r.a1, r.e0);
-          if (t0) { r.b0 = m1(d); r.e0.before(r.b0.n); }
-        }
-      } else if (r.b0 !== undefined) p1(r.b0, c, d);
+    if (c & 4 && !(truthy(v[2])) !== !r.b0) {
+      if (r.b0) { r.b0 = undefined; clearRegion(r.a1, r.e0); }
+      else { r.b0 = m1(d); r.e0.before(r.b0.n); }
     } else if (r.b0 !== undefined) p1(r.b0, c, d);
-    if (c & 1) {
-      const t2 = truthy(v[0]);
-      if (true) {
-        {
-          r.b2 = undefined;
-          clearRegion(r.a3, r.e2);
-          if (t2) { r.b2 = m3(d); r.e2.before(r.b2.n); }
-        }
-      } else if (r.b2 !== undefined) p3(r.b2, c, d);
+    if (c & 1 && !(truthy(v[0])) !== !r.b2) {
+      if (r.b2) { r.b2 = undefined; clearRegion(r.a3, r.e2); }
+      else { r.b2 = m3(d); r.e2.before(r.b2.n); }
     } else if (r.b2 !== undefined) p3(r.b2, c, d);
     if (r.f1 === undefined) { r.f1 = 1; const at = fillSlot(r.a2, r.e1, "", J, false, undefined, d);
       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); } }

package/vanilla/UiEditorSurface.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, KeyedList, NONCONFORMING, readIndex, readMember, readsChanged, rec, recLength, 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";
+// Generated by HTML Next 1.0.0-alpha.51 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";
 
@@ -132,23 +132,15 @@ export function createUiEditorTableContextMenu(options = {}, html) {
       const s0 = toAttribute(x0, "hidden");
       if (s0 !== r.v0) writeAttribute(r.n, "hidden", r.v0 = s0);
     }
-    if (c & 1073741825) {
-      const f0 = [];
-      const t0 = truthy(recLength(f0, rec(f0, v[0])));
-      if (c === -1 || c & 1 || readsChanged(r.q0, f0)) {
-        r.q0 = f0;
-        {
-          r.b0 = undefined;
-          clearRegion(r.a1, r.e0);
-          if (t0) { r.b0 = m1(d); r.e0.before(r.b0.n); }
-        }
-      } else if (r.b0 !== undefined) p1(r.b0, c, d);
+    if (c & 1073741825 && !(truthy(v[0])) !== !r.b0) {
+      if (r.b0) { r.b0 = undefined; clearRegion(r.a1, r.e0); }
+      else { r.b0 = m1(d); r.e0.before(r.b0.n); }
     } 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 R = { n: element, v0: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, q0: undefined, L1: new RangedKeyedList(t1, t1.nextSibling, m3, p3, (o) => readMember(o, "heading"), "section") };
+  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();
   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/UiEditorTableOverlay.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, checkReference, clearRegion, KeyedList, NONCONFORMING, readDeclared, readMember, readsChanged, rec, recLength, 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";
+// Generated by HTML Next 1.0.0-alpha.51 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";
 
@@ -185,29 +185,13 @@ export function createUiEditorTableOverlay(options = {}, html) {
     if (c !== -1 && c & 16) visitSelected(r.L0.m, s4, v[4], p1, c);
     if (c & 1073741826) r.L1.update(v[1], d, c);
     if (c !== -1 && c & 16) visitSelected(r.L1.m, s4, v[4], p2, c);
-    if (c & 1073741828) {
-      const f0 = [];
-      const t2 = truthy(recLength(f0, rec(f0, v[2])));
-      if (c === -1 || c & 4 || readsChanged(r.q2, f0)) {
-        r.q2 = f0;
-        {
-          r.b2 = undefined;
-          clearRegion(r.a3, r.e2);
-          if (t2) { r.b2 = m3(d); r.e2.before(r.b2.n); }
-        }
-      } else if (r.b2 !== undefined) p3(r.b2, c, d);
+    if (c & 1073741828 && !(truthy(v[2])) !== !r.b2) {
+      if (r.b2) { r.b2 = undefined; clearRegion(r.a3, r.e2); }
+      else { r.b2 = m3(d); r.e2.before(r.b2.n); }
     } else if (r.b2 !== undefined) p3(r.b2, c, d);
-    if (c & 1073741832) {
-      const f1 = [];
-      const t3 = truthy(recLength(f1, rec(f1, v[3])));
-      if (c === -1 || c & 8 || readsChanged(r.q3, f1)) {
-        r.q3 = f1;
-        {
-          r.b3 = undefined;
-          clearRegion(r.a4, r.e3);
-          if (t3) { r.b3 = m4(d); r.e3.before(r.b3.n); }
-        }
-      } else if (r.b3 !== undefined) p4(r.b3, c, d);
+    if (c & 1073741832 && !(truthy(v[3])) !== !r.b3) {
+      if (r.b3) { r.b3 = undefined; clearRegion(r.a4, r.e3); }
+      else { r.b3 = m4(d); r.e3.before(r.b3.n); }
     } else if (r.b3 !== undefined) p4(r.b3, c, d);
     s4 = v[4];
   };
@@ -217,7 +201,7 @@ export function createUiEditorTableOverlay(options = {}, html) {
   const t3 = t2.firstChild;
   const t4 = t2.nextSibling;
   const t5 = t4.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, q2: undefined, a4: t5, e3: t5.nextSibling, b3: undefined, q3: undefined };
+  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();
   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/UiEditorTableToolbar.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.51 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" }>;
 }