@threadlabs/looma 0.30.9 → 0.31.1

package/vanilla/UiEditorFootnoteEditor.js

@@ -0,0 +1,101 @@
+// Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, textCall, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, acceptProps, manageProps, generatedInputs, checkBoolean, checkObject, checkRecord, checkString, checkUnknown, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
+import * as controller from "../components/ui-editor-footnote-editor/ui-editor-footnote-editor.js";
+import "../styles/ui-editor-footnote-editor.css";
+
+const T0 = ["",[],"\n    ",["ui-stack",["gap","s"],["ui-form-field",[],["label",["slot","label"],"Label"],["ui-input-group",[],["span",["slot","prefix"],"[^"],["ui-input",["data-footnote-label","","size","sm","autocomplete","off"]],["span",["slot","suffix"],"]"]],["span",["slot","error"],0]],"\n      ",["ui-form-field",[],["label",["slot","label"],"Note"],["ui-input-group",["multiline",""],["ui-textarea",["data-footnote-note","","size","sm","rows","2","autosize","","placeholder","Write the note"]],["ui-button",["slot","action","size","sm","data-footnote-go",""],"Go to note"]],1]],"\n  "];
+const T1 = ["span",["slot","help"],"This note has formatting, so it is edited in the document."];
+let P0, P1;
+const S = { n: ["base"], t: ["s"], f: import.meta.url, g: "ui-editor-footnote-editor", d: { "text": [detailCheck(checkObject([["text", checkString, false]], false)), true, true, false], "label": [detailCheck(checkObject([["label", checkString, false]], false)), true, true, false], "go": [detailCheck(checkRecord(checkUnknown)), true, true, false], "done": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: ["ui-editor-footnote-editor"] };
+const D = { g: "ui-editor-footnote-editor", props: { "editable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "error": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "note": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
+const C = (host) => activateModule(controller, host);
+
+export function createUiEditorFootnoteEditor(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));
+  }
+  if (!element.hasAttribute("role")) element.setAttribute("role", "dialog");
+  if (!element.hasAttribute("aria-label")) element.setAttribute("aria-label", "Edit footnote");
+  element.setAttribute("data-component", "ui-editor-footnote-editor");
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  const v = ["ui-editor-footnote-editor", null, null, null, null];
+  const B = acceptProps(element, D, S.n, v, componentProps, [], html);
+  const m1 = (d) => {
+    const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
+    const r = { n };
+    p1(r, -1, d);
+    return r;
+  };
+  const p1 = (r, c, d) => {
+  };
+  const p0 = (r, c, d) => {
+    if (c & 4) {
+      const x0 = (v[2] !== "");
+      const s0 = toAttribute(x0, "invalid");
+      if (s0 !== r.v0) writeAttribute(r.a0, "invalid", r.v0 = s0);
+      const x1 = v[2];
+      const s4 = toText(x1);
+      if (s4 !== r.v4) r.a3.data = r.v4 = s4;
+    }
+    if (c & 1) {
+      const x2 = textCall("concat", [v[0], "-label"]);
+      if (x2 !== NONCONFORMING) {
+        const s1 = toAttribute(x2, "for");
+        if (s1 !== r.v1) writeAttribute(r.a1, "for", r.v1 = s1);
+      }
+      if (x2 !== NONCONFORMING) {
+        const s2 = toAttribute(x2, "id");
+        if (s2 !== r.v2) writeAttribute(r.a2, "id", r.v2 = s2);
+      }
+      const x3 = textCall("concat", [v[0], "-note"]);
+      if (x3 !== NONCONFORMING) {
+        const s5 = toAttribute(x3, "for");
+        if (s5 !== r.v5) writeAttribute(r.a4, "for", r.v5 = s5);
+      }
+      if (x3 !== NONCONFORMING) {
+        const s6 = toAttribute(x3, "id");
+        if (s6 !== r.v6) writeAttribute(r.a5, "id", r.v6 = s6);
+      }
+    }
+    if (c & 8) {
+      const x4 = v[3];
+      const s3 = toAttribute(x4, "value");
+      if (s3 !== r.v3) writeAttribute(r.a2, "value", r.v3 = s3);
+    }
+    if (c & 2) {
+      const x5 = !truthy(v[1]);
+      const s7 = toAttribute(x5, "readonly");
+      if (s7 !== r.v7) writeAttribute(r.a5, "readonly", r.v7 = s7);
+    }
+    if (c & 16) {
+      const x6 = v[4];
+      const s8 = toAttribute(x6, "value");
+      if (s8 !== r.v8) writeAttribute(r.a5, "value", r.v8 = s8);
+    }
+    if (c & 2 && !(!truthy(v[1])) !== !r.b0) {
+      if (r.b0) { r.b0 = undefined; clearRegion(r.a6, r.e0); }
+      else { r.b0 = m1(d); r.e0.before(r.b0.n); }
+    } else if (r.b0 !== undefined) p1(r.b0, c, d);
+  };
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.firstChild;
+  const t2 = t1.firstChild;
+  const t3 = t2.nextSibling;
+  const t4 = t3.firstChild.nextSibling;
+  const t5 = t3.nextSibling.firstChild;
+  const t6 = t1.nextSibling.nextSibling;
+  const t7 = t6.firstChild;
+  const t8 = t7.nextSibling;
+  const t9 = t8.firstChild;
+  const t10 = t8.nextSibling;
+  const R = { a0: t1, a1: t2, a2: t4, a3: t5, a4: t7, a5: t9, v0: null, v1: null, v2: null, v3: null, v4: "", v5: null, v6: null, v7: null, v8: null, a6: t10, e0: t10.nextSibling, b0: 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); }, undefined, undefined, I);
+  manageProps(I);
+  return element;
+}
+defineComponent("ui-editor-footnote-editor", createUiEditorFootnoteEditor, ["editable","error","label","note"]);

package/vanilla/UiEditorImageToolbar.js

@@ -1,13 +1,13 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, generatedInputs, checkConstrained, checkFormat, checkObject, checkRecord, checkString, checkUnknown, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, generatedInputs, checkConstrained, checkFormat, checkObject, checkRecord, checkString, checkUnknown, defineComponent, activateModule } 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 = ["",[],"\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, b: generatedInputs, i: ["ui-editor-image-toolbar", false, ""] };
+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, a: (host, I) => C(host, I), b: generatedInputs, i: ["ui-editor-image-toolbar", false, ""] };
 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)] }, "target": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorImageToolbar(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -160,7 +160,7 @@ export function createUiEditorImageToolbar(options = {}, html) {
   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);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   I.r["description"] = t14;
   I.r["alt"] = t17;

package/vanilla/UiEditorInsertTableGrid.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, KeyedList, readMember, readsChanged, rec, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, acceptProps, manageProps, generatedInputs, checkBoolean, checkInteger, checkObject, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, KeyedList, readMember, readsChanged, rec, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, acceptProps, manageProps, generatedInputs, checkBoolean, checkInteger, checkObject, defineComponent, activateModule } 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";
 
@@ -7,9 +7,9 @@ const T0 = ["",[],"\n    ",["p",["class","hint"],0],"\n    ",["div",["class","gr
 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, b: generatedInputs, i: [[], 8, 8, "", false] };
+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, a: (host, I) => C(host, I), b: generatedInputs, i: [[], 8, 8, "", false] };
 const D = { g: "ui-editor-insert-table-grid", props: { "headerRow": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "maxCols": { "required":false,"default":8, c: checkInteger, t: "integer", j: 0, m: "i" }, "maxRows": { "required":false,"default":8, c: checkInteger, t: "integer", j: 0, m: "i" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorInsertTableGrid(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -90,7 +90,7 @@ export function createUiEditorInsertTableGrid(options = {}, html) {
   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();
-  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);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   I.r["grid"] = t2;
   I.r["header"] = t4;

package/vanilla/UiEditorLinkCard.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, toText, writeAttribute, writeUrlAttribute, computedCycle, dispatchDeclared, detailCheck, acceptProps, manageProps, generatedInputs, awaitInput, evaluateInput, inputRead, READY_INPUT, UNRESOLVED_INPUT, notifyPropertySet, readonlyView, checkRecord, checkString, checkUnknown, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, toText, writeAttribute, writeUrlAttribute, computedCycle, dispatchDeclared, detailCheck, acceptProps, manageProps, generatedInputs, awaitInput, evaluateInput, inputRead, READY_INPUT, UNRESOLVED_INPUT, notifyPropertySet, readonlyView, checkRecord, checkString, checkUnknown, defineComponent, activateModule } 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";
 
@@ -7,9 +7,9 @@ const T0 = ["",[],"\n    ",["ui-card",["variant","elevated","padding","xs","size
 const T1 = ["ui-text",["as","small","size","xs","tone","secondary","font","sans","truncate",""],0];
 const T2 = ["",[],"\n          ",["ui-button",["as","a","variant","ghost","tone","neutral","size","sm","target","_blank","rel","noopener noreferrer","aria-label","Open link"],["ui-icon",["name","external-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, b: generatedInputs, i: ["ui-editor-link-card"] };
+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, a: (host, I) => C(host, I), b: generatedInputs, i: ["ui-editor-link-card"] };
 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" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorLinkCard(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -149,7 +149,7 @@ export function createUiEditorLinkCard(options = {}, html) {
   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();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, X, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, X, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiEditorLinkForm.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 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, generatedInputs, awaitInput, evaluateInput, inputRead, READY_INPUT, UNRESOLVED_INPUT, notifyPropertySet, readonlyView, checkBoolean, checkFormat, checkList, checkObject, checkRecord, checkString, checkUnknown, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, clearRegion, KeyedList, NONCONFORMING, readIndex, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, computedCycle, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, generatedInputs, awaitInput, evaluateInput, inputRead, READY_INPUT, UNRESOLVED_INPUT, notifyPropertySet, readonlyView, checkBoolean, checkFormat, checkList, checkObject, checkRecord, checkString, checkUnknown, defineComponent, activateModule } 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";
 
@@ -17,9 +17,9 @@ const T10 = ["",[],"\n        ",["ui-form-field",[],["label",["slot","label"],"T
 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();
-const S = { n: ["base","heading","fieldLabel"], t: ["s","?","?"], f: import.meta.url, g: "ui-editor-link-form", k: 1, d: { "destination": [detailCheck(checkObject([["value", checkString, false]], false)), true, true, false], "text": [detailCheck(checkObject([["text", checkString, false]], false)), true, true, false], "new-tab": [detailCheck(checkObject([["newTab", checkBoolean, false]], false)), true, true, false], "choose": [detailCheck(checkObject([["id", checkString, false]], false)), true, true, false], "clear": [detailCheck(checkRecord(checkUnknown)), true, true, false], "save": [detailCheck(checkRecord(checkUnknown)), true, true, false], "dismiss": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared, r: readonlyView, b: generatedInputs, i: ["ui-editor-link-form"] };
+const S = { n: ["base","heading","fieldLabel"], t: ["s","?","?"], f: import.meta.url, g: "ui-editor-link-form", k: 1, d: { "destination": [detailCheck(checkObject([["value", checkString, false]], false)), true, true, false], "text": [detailCheck(checkObject([["text", checkString, false]], false)), true, true, false], "new-tab": [detailCheck(checkObject([["newTab", checkBoolean, false]], false)), true, true, false], "choose": [detailCheck(checkObject([["id", checkString, false]], false)), true, true, false], "clear": [detailCheck(checkRecord(checkUnknown)), true, true, false], "save": [detailCheck(checkRecord(checkUnknown)), true, true, false], "dismiss": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared, r: readonlyView, a: (host, I) => C(host, I), b: generatedInputs, i: ["ui-editor-link-form"] };
 const D = { g: "ui-editor-link-form", props: { "error": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "existing": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "mode": { "required":false,"values":["url","target"],"default":"url", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "newTab": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placeholder": { "required":false,"default":"https://example.com", c: checkString, t: "string", j: 0, m: "s" }, "results": { "required":false, c: checkList(checkObject([["id", checkString, false], ["label", checkString, false], ["detail", checkString, true]], false)), j: 1, m: ["l",["o",["id","s","label","s","detail","s"]]] }, "searchable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selected": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "status": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "text": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "textEditable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "value": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorLinkForm(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -338,7 +338,7 @@ export function createUiEditorLinkForm(options = {}, html) {
   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();
-  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, X, I);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, X, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiEditorMentionMenu.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, IndexedList, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkInteger, checkList, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, IndexedList, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkInteger, checkList, checkNumber, checkObject, checkString, defineComponent, activateModule } 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";
 
@@ -13,9 +13,9 @@ const T6 = ["",[]];
 const T7 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7;
 const E = new Map();
-const S = { n: ["visible","rows","searching","active","prefix"], t: ["b",["l",["o",["id","s","label","s","detail","s","initials","s"]]],"b","i","s"], f: import.meta.url, g: "ui-editor-mention-menu", d: { "highlight": [detailCheck(checkObject([["index", checkInteger, false], ["value", checkString, false]], false)), true, true, false], "select": [detailCheck(checkObject([["index", checkInteger, false], ["value", checkString, false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false, [], false, 0, "ui-editor-mention-menu"] };
+const S = { n: ["visible","rows","searching","active","prefix"], t: ["b",["l",["o",["id","s","label","s","detail","s","initials","s"]]],"b","i","s"], f: import.meta.url, g: "ui-editor-mention-menu", d: { "highlight": [detailCheck(checkObject([["index", checkInteger, false], ["value", checkString, false]], false)), true, true, false], "select": [detailCheck(checkObject([["index", checkInteger, false], ["value", checkString, false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false, [], false, 0, "ui-editor-mention-menu"] };
 const D = { g: "ui-editor-mention-menu", props: { "anchorRect": { "required":false, c: checkObject([["left", checkNumber, true], ["top", checkNumber, true], ["right", checkNumber, true], ["bottom", checkNumber, true], ["x", checkNumber, true], ["y", checkNumber, true], ["width", checkNumber, true], ["height", checkNumber, true]], false), j: 1, m: ["o",["left","n","top","n","right","n","bottom","n","x","n","y","n","width","n","height","n"]] }, "items": { "required":false, c: checkList(checkObject([["id", checkString, false], ["label", checkString, false], ["detail", checkString, true], ["initials", checkString, true]], false)), j: 1, m: ["l",["o",["id","s","label","s","detail","s","initials","s"]]] }, "label": { "required":false,"default":"Mentions", c: checkString, t: "string", j: 0, m: "s" }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "loadingLabel": { "required":false,"default":"Searching…", c: checkString, t: "string", j: 0, m: "s" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "query": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "selectedIndex": { "required":false,"default":0, c: checkInteger, t: "integer", j: 0, m: "i" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorMentionMenu(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -183,7 +183,7 @@ export function createUiEditorMentionMenu(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   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);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   I.r["empty"] = t4;
   return element;

package/vanilla/UiEditorSlashMenu.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, readMember, toAttribute, toText, trackContainer, writeAttribute, dispatchDeclared, detailCheck, dispose, IndexedList, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkInteger, checkList, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, readMember, toAttribute, toText, trackContainer, writeAttribute, dispatchDeclared, detailCheck, dispose, IndexedList, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkInteger, checkList, checkNumber, checkObject, checkString, defineComponent, activateModule } 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";
 
@@ -11,9 +11,9 @@ const T4 = ["",[]];
 const T5 = ["",[]];
 let P0, P1, P2, P3, P4, P5;
 const E = new Map();
-const S = { n: ["visible","active","rows"], t: ["b","i",["l",["o",["value","s","title","s","description","s","icon","s"]]]], f: import.meta.url, g: "ui-editor-slash-menu", d: { "highlight": [detailCheck(checkObject([["index", checkInteger, false], ["value", checkString, false]], false)), true, true, false], "select": [detailCheck(checkObject([["index", checkInteger, false], ["value", checkString, false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false, 0, []] };
+const S = { n: ["visible","active","rows"], t: ["b","i",["l",["o",["value","s","title","s","description","s","icon","s"]]]], f: import.meta.url, g: "ui-editor-slash-menu", d: { "highlight": [detailCheck(checkObject([["index", checkInteger, false], ["value", checkString, false]], false)), true, true, false], "select": [detailCheck(checkObject([["index", checkInteger, false], ["value", checkString, false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false, 0, []] };
 const D = { g: "ui-editor-slash-menu", props: { "anchorRect": { "required":false, c: checkObject([["left", checkNumber, true], ["top", checkNumber, true], ["right", checkNumber, true], ["bottom", checkNumber, true], ["x", checkNumber, true], ["y", checkNumber, true], ["width", checkNumber, true], ["height", checkNumber, true]], false), j: 1, m: ["o",["left","n","top","n","right","n","bottom","n","x","n","y","n","width","n","height","n"]] }, "items": { "required":false, c: checkList(checkObject([["value", checkString, true], ["title", checkString, false], ["description", checkString, false], ["icon", checkString, false]], false)), j: 1, m: ["l",["o",["value","s","title","s","description","s","icon","s"]]] }, "label": { "required":false,"default":"Insert block", c: checkString, t: "string", j: 0, m: "s" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "query": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "selectedIndex": { "required":false,"default":0, c: checkInteger, t: "integer", j: 0, m: "i" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorSlashMenu(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -134,7 +134,7 @@ export function createUiEditorSlashMenu(options = {}, html) {
   const I = { B };
   const J = project(I, children, slots);
   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);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   I.r["empty"] = t5;
   return element;

package/vanilla/UiEditorTableContextMenu.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 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, generatedInputs, RangedKeyedList, checkBoolean, checkConstrained, checkFormat, checkList, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, clearRegion, KeyedList, NONCONFORMING, readIndex, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, generatedInputs, RangedKeyedList, checkBoolean, checkConstrained, checkFormat, checkList, checkObject, checkString, defineComponent, activateModule } 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";
 
@@ -10,9 +10,9 @@ const T3 = ["",[],"\n      ",["div",["class","sep"]],"\n      ",["div",["class",
 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, b: generatedInputs, i: [[], []] };
+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, a: (host, I) => C(host, I), b: generatedInputs, i: [[], []] };
 const D = { g: "ui-editor-table-context-menu", props: { "actions": { "required":false, c: checkList(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"]})), j: 1, m: ["l",["p",formatOf(keywordFormat)]] }, "cellBackground": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "headerColumn": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "headerRow": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "scope": { "required":false,"values":["cell","row","column"],"default":"cell", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorTableContextMenu(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -143,7 +143,7 @@ export function createUiEditorTableContextMenu(options = {}, html) {
   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);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiEditorTableOverlay.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 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, generatedInputs, checkBoolean, checkInteger, checkList, checkNumber, checkObject, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, checkReference, clearRegion, KeyedList, NONCONFORMING, readDeclared, readMember, toAttribute, toText, trackContainer, truthy, visitSelected, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, generatedInputs, checkBoolean, checkInteger, checkList, checkNumber, checkObject, defineComponent, activateModule } 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";
 
@@ -10,9 +10,9 @@ const T3 = ["",[],"\n      ",["button",["type","button","class","selector row","
 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)],"action",["p",formatOf(keywordFormat)],"label","s"]]],["l",["o",["key","s","index","i","offset","s","affordance",["p",formatOf(keywordFormat)],"action",["p",formatOf(keywordFormat)],"label","s"]]],["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i","rowOffset","s","columnOffset","s"]],["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i","menuLeft","s","menuTop","s"]],"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, b: generatedInputs, i: [[], [], null, null, ""] };
+const S = { n: ["rows","cols","hovered","active","activeKey"], t: [["l",["o",["key","s","index","i","offset","s","affordance",["p",formatOf(keywordFormat)],"action",["p",formatOf(keywordFormat)],"label","s"]]],["l",["o",["key","s","index","i","offset","s","affordance",["p",formatOf(keywordFormat)],"action",["p",formatOf(keywordFormat)],"label","s"]]],["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i","rowOffset","s","columnOffset","s"]],["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i","menuLeft","s","menuTop","s"]],"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, a: (host, I) => C(host, I), b: generatedInputs, i: [[], [], null, null, ""] };
 const D = { g: "ui-editor-table-overlay", props: { "geometry": { "required":false, c: checkObject([["rowBoundaries", checkList(checkNumber), false], ["columnBoundaries", checkList(checkNumber), false], ["activeCell", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["width", checkNumber, false], ["height", checkNumber, false], ["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false]], false), true], ["hoveredCell", checkObject([["left", checkNumber, false], ["top", checkNumber, false], ["width", checkNumber, false], ["height", checkNumber, false], ["rowIndex", checkInteger, false], ["columnIndex", checkInteger, false]], false), true]], false), j: 1, m: ["o",["rowBoundaries",["l","n"],"columnBoundaries",["l","n"],"activeCell",["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i"]],"hoveredCell",["o",["left","n","top","n","width","n","height","n","rowIndex","i","columnIndex","i"]]]] }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorTableOverlay(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -204,7 +204,7 @@ export function createUiEditorTableOverlay(options = {}, html) {
   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);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiEditorTableToolbar.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 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, generatedInputs, checkBoolean, checkConstrained, checkFormat, checkList, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, clearRegion, KeyedList, NONCONFORMING, readIndex, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, generatedInputs, checkBoolean, checkConstrained, checkFormat, checkList, checkObject, checkString, defineComponent, activateModule } 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";
 
@@ -18,9 +18,9 @@ const T11 = ["div",["class","menu-section divided","role","none"],"\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)],"label","s","active","b"]]],["l",["o",["action",["p",formatOf(keywordFormat)],"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, b: generatedInputs, i: [[], [], [], [], false, false] };
+const S = { n: ["alignments","structure","swatches","sections","hasOverflow","overflowOpen"], t: [["l",["o",["action",["p",formatOf(keywordFormat)],"label","s","active","b"]]],["l",["o",["action",["p",formatOf(keywordFormat)],"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, a: (host, I) => C(host, I), b: generatedInputs, i: [[], [], [], [], false, false] };
 const D = { g: "ui-editor-table-toolbar", props: { "actions": { "required":false, c: checkList(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"]})), j: 1, m: ["l",["p",formatOf(keywordFormat)]] }, "cellAlignment": { "required":false,"values":["left","center","right"],"default":"left", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "cellBackground": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "headerColumn": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "headerRow": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorTableToolbar(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -287,7 +287,7 @@ export function createUiEditorTableToolbar(options = {}, html) {
   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();
-  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);
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiEditorToolbar.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispose, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-toolbar/ui-editor-toolbar.js";
 import "../styles/ui-editor-toolbar.css";
 
 const T0 = ["",[],["div",["class","strip"],4]];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-toolbar", b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-toolbar", a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-editor-toolbar", props: { "floating": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorToolbar(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -46,7 +46,7 @@ export function createUiEditorToolbar(options = {}, html) {
   const R = { n: element, v0: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, f0: undefined };
   const I = { B };
   const J = project(I, children, slots);
-  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), C, undefined, I);
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
   manageProps(I);
   I.r["strip"] = t0;
   return element;

package/vanilla/UiFormField.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispose, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-form-field/ui-form-field.js";
 import "../styles/ui-form-field.css";
 
@@ -10,9 +10,9 @@ const T3 = ["",[]];
 const T4 = ["",[]];
 const T5 = ["",[]];
 let P0, P1, P2, P3, P4, P5;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-form-field", b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-form-field", a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-form-field", props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiFormField(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -97,7 +97,7 @@ export function createUiFormField(options = {}, html) {
   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);
-  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), C, undefined, I);
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
   manageProps(I);
   return element;
 }