@threadlabs/looma 0.30.8 → 0.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.30.8",
+  "version": "0.31.0",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",

package/styles/ui-dialog.css

@@ -111,6 +111,11 @@
       padding: calc(var(--ui-space-3) + var(--ui-space-1) / 2) var(--ui-space-3) var(--ui-space-3) var(--ui-space-5);
     }
 
+    /* Alerts have no close target to add height above the title. */
+    :scope:where([data-component~="ui-dialog"])[data-ui-dialog-state~="alert"] header {
+      padding: var(--ui-space-5) var(--ui-space-5) var(--ui-space-3);
+    }
+
     /* :host-qualified so page heading rules that reach in cannot outrank the dialog chrome. */
     :scope:where([data-component~="ui-dialog"]) .title {
       flex: 1;
@@ -238,6 +243,8 @@
 
     /* Own the layout wrapper; nested component roots are outside these scoped rules. */
 
+    /* Alerts have no close target to add height above the title. */
+
     /* :host-qualified so page heading rules that reach in cannot outrank the dialog chrome. */
 
     /* A CSS-drawn X. */

package/vanilla/UiAffordanceScope.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, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkNumber, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkNumber, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-affordance-scope/ui-affordance-scope.js";
 import "../styles/ui-affordance-scope.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["engaged"], t: ["b"], f: import.meta.url, g: "ui-affordance-scope", b: generatedInputs, i: [false] };
+const S = { n: ["engaged"], t: ["b"], f: import.meta.url, g: "ui-affordance-scope", a: (host, I) => C(host, I), b: generatedInputs, i: [false] };
 const D = { g: "ui-affordance-scope", props: { "guide": { "required":false,"values":["dot","none"],"default":"dot", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "nearRadius": { "required":false,"default":16, c: checkNumber, t: "number", j: 0, m: "n" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiAffordanceScope(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -44,7 +44,7 @@ export function createUiAffordanceScope(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);
   return element;
 }

package/vanilla/UiAvatar.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-avatar/ui-avatar.js";
 import "../styles/ui-avatar.css";
 
 const T0 = ["",[],"\n    ",4,"\n    ",["img",["class","image","alt","","aria-hidden","true"]],"\n    ",["span",["class","fallback"],"\n      ",["span",[],0],"\n      ",["span",[],["ui-icon",["name","user-round"]]],"\n    "],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["hasImage","hasAuthoredImage","initials","showGlyph"], t: ["b","b","s","b"], f: import.meta.url, g: "ui-avatar", b: generatedInputs, i: [false, false, "?", false] };
+const S = { n: ["hasImage","hasAuthoredImage","initials","showGlyph"], t: ["b","b","s","b"], f: import.meta.url, g: "ui-avatar", a: (host, I) => C(host, I), b: generatedInputs, i: [false, false, "?", false] };
 const D = { g: "ui-avatar", props: { "active": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "alt": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "decorative": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "fallback": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "shape": { "required":false,"values":["circle","square"],"default":"circle", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "size": { "required":false,"values":["xs","sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "src": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiAvatar(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -79,7 +79,7 @@ export function createUiAvatar(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["image"] = t1;
   return element;

package/vanilla/UiAvatarGroup.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkInteger, checkNumber, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, toAttribute, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkInteger, checkNumber, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-avatar-group/ui-avatar-group.js";
 import "../styles/ui-avatar-group.css";
 
 const T0 = ["",[],"\n    ",4,"\n    ",["span",["class","overflow","role","img"],0],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["overflowCount","overflowAnnouncement"], t: ["i","s"], f: import.meta.url, g: "ui-avatar-group", b: generatedInputs, i: [0, ""] };
+const S = { n: ["overflowCount","overflowAnnouncement"], t: ["i","s"], f: import.meta.url, g: "ui-avatar-group", a: (host, I) => C(host, I), b: generatedInputs, i: [0, ""] };
 const D = { g: "ui-avatar-group", props: { "label": { "required":false,"default":"People", c: checkString, t: "string", j: 0, m: "s" }, "max": { "required":false,"default":5, c: checkNumber, t: "number", j: 0, m: "n" }, "overflowLabel": { "required":false,"default":"{count} more", c: checkString, t: "string", j: 0, m: "s" }, "size": { "required":false,"values":["xs","sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "total": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiAvatarGroup(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -65,7 +65,7 @@ export function createUiAvatarGroup(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["overflow"] = t1;
   return element;

package/vanilla/UiButton.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, truthy, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, armElement, replaceRoot, checkBoolean, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, armElement, replaceRoot, checkBoolean, checkFormat, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-button/ui-button.js";
 import "../styles/ui-button.css";
 
@@ -24,11 +24,11 @@ const T17 = ["span",["class","spinner-wrap"],["ui-spinner",["size","sm"]]];
 const T18 = ["",[]];
 const T19 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17, P18, P19;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-button", b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-button", a: (host, I) => C(host, I), b: generatedInputs };
 const A = [["a",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-as","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","href","target","rel","aria-disabled","aria-busy","tabindex"]],["button",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-as","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","type","disabled","aria-disabled","aria-busy"]],["a",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-as","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","href","target","rel","aria-disabled","aria-busy","tabindex"]],["button",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-as","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","type","disabled","aria-disabled","aria-busy"]]];
 const Q = [[],[],[],[]];
 const D = { g: "ui-button", props: { "align": { "required":false,"values":["center","start"],"default":"center", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "as": { "required":false,"values":["button","a"],"default":"button", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "href": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "pending": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "rel": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "shape": { "required":false,"values":["rounded","pill"],"default":"rounded", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "size": { "required":false,"values":["xs","sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "stretch": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "target": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["accent","neutral","danger","success","warning","info"],"default":"accent", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "type": { "required":false,"values":["button","submit","reset"],"default":"button", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "variant": { "required":false,"values":["outline","solid","danger","ghost","link","card","field"],"default":"outline", 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 createUiButton(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -461,7 +461,7 @@ export function createUiButton(options = {}, html) {
   };
   const I = { B };
   const J = project(I, children, slots);
-  attachGeneratedController(element, S, v, p, C, undefined, I);
+  attachGeneratedController(element, S, v, p, undefined, undefined, I);
   manageProps(I);
   return element;
 }

package/vanilla/UiCheckbox.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, readsChanged, rec, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, readsChanged, rec, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-checkbox/ui-checkbox.js";
 import "../styles/ui-checkbox.css";
 
@@ -7,9 +7,9 @@ const T0 = ["",[],"\n    ",["input",["type","checkbox"]],"\n    ",["span",["clas
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-checkbox", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false] };
+const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-checkbox", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false] };
 const D = { g: "ui-checkbox", props: { "checked": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "indeterminate": { "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" }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "value": { "required":false,"default":"on", c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiCheckbox(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -107,7 +107,7 @@ export function createUiCheckbox(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["input"] = t0;
   I.r["description"] = t4;

package/vanilla/UiCombobox.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, negate, NONCONFORMING, readDeclared, readIndex, readMember, readsChanged, rec, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, writeText, dispatchDeclared, detailCheck, plainObject, dispose, IndexedList, PositionalList, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, ABSENT, checkBoolean, checkConstrained, checkFormat, checkInteger, checkList, checkObject, checkString, checkUnknown, warnOnce, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, checkReference, clearRegion, KeyedList, negate, NONCONFORMING, readDeclared, readIndex, readMember, readsChanged, rec, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, writeText, dispatchDeclared, detailCheck, plainObject, dispose, IndexedList, PositionalList, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, ABSENT, checkBoolean, checkConstrained, checkFormat, checkInteger, checkList, checkObject, checkString, checkUnknown, warnOnce, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-combobox/ui-combobox.js";
 import "../styles/ui-combobox.css";
 
@@ -35,9 +35,9 @@ const K0 = (v0) => (plainObject(v0) && "id" in v0 && typeof v0["id"] == "string"
 const K1 = (v0) => (plainObject(v0) && "id" in v0 && typeof v0["id"] == "string" && "value" in v0 && typeof v0["value"] == "string" && "label" in v0 && typeof v0["label"] == "string" && (v0["group"] == null || typeof v0["group"] == "string") && (v0["disabled"] == null || typeof v0["disabled"] == "boolean") && (v0["description"] == null || typeof v0["description"] == "string") && (v0["tag"] == null || (plainObject(v0["tag"]) && "label" in v0["tag"] && typeof v0["tag"]["label"] == "string" && (v0["tag"]["tone"] == null || ((typeof v0["tag"]["tone"] == "string" && keywordFormat(v0["tag"]["tone"])) && ["neutral","accent","info","success","warning","danger"].includes(v0["tag"]["tone"]))) && (v0["tag"]["color"] == null || typeof v0["tag"]["color"] == "string") && Object.keys(v0["tag"]).every((v1) => ["label","tone","color"].includes(v1)))) && (v0["selected"] == null || typeof v0["selected"] == "boolean") && Object.keys(v0).every((v1) => ["id","value","label","group","disabled","description","tag","selected"].includes(v1)));
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17, P18, P19, P20, P21, P22, P23, P24, P25, P26, P27;
 const E = new Map();
-const S = { n: ["internalItems","raw","display","selected","expanded","rows","active","helpOpen","lookupError","validation","uid","submitted","groups","creatable","createIndex","message","statusText","validationStatus"], t: [["l",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat)],"color","s"]]]]],"s","s","s","b",["l",["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat)],"color","s"]]]]],"i","b","s",["o",["status",["p",formatOf(keywordFormat)],"touched","b","dirty","b","issues",["l",["o",["message","s"]]]],1],"s","s",["l",["o",["name","s","role",["p",formatOf(keywordFormat)],"label","s","rows",["l",["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat)],"color","s"]],"index","i","labelledBy","s","detail","s","option",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat)],"color","s"]],"selected","b"]]]]]]]],"b","i","s","s","s"], f: import.meta.url, g: "ui-combobox", d: { "query-change": [detailCheck(checkObject([["query", checkString, false], ["display", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "value-change": [detailCheck(checkObject([["value", checkString, true], ["query", checkString, false], ["option", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), true], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "items-change": [detailCheck(checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false))), true, true, false], "free-entry": [detailCheck(checkObject([["value", checkString, true], ["query", checkString, false], ["option", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), true], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "create-entry": [detailCheck(checkObject([["value", checkString, true], ["query", checkString, false], ["option", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), true], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "validation-change": [detailCheck(checkObject([["status", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["pristine","pending","valid","warning","error"]}), false], ["touched", checkBoolean, false], ["dirty", checkBoolean, false], ["issues", checkList(checkObject([["message", checkString, false], ["path", checkList(checkUnknown), true], ["severity", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["error","warning"]}), true]], false)), false], ["output", checkUnknown, true]], false)), true, true, false], "options-change": [detailCheck(checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false))), true, true, false], "add-item": [detailCheck(checkObject([["item", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), false], ["index", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "remove-item": [detailCheck(checkObject([["item", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), false], ["index", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "create-item": [detailCheck(checkObject([["query", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "selected-values-change": [detailCheck(checkObject([["selectedValues", checkList(checkString), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [[], "", "", null, false, [], null, false, "", { "status": "pristine", "touched": false, "dirty": false, "issues": [] }, "", "", [], false, 0, "", "", "pristine"] };
+const S = { n: ["internalItems","raw","display","selected","expanded","rows","active","helpOpen","lookupError","validation","uid","submitted","groups","creatable","createIndex","message","statusText","validationStatus"], t: [["l",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat)],"color","s"]]]]],"s","s","s","b",["l",["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat)],"color","s"]]]]],"i","b","s",["o",["status",["p",formatOf(keywordFormat)],"touched","b","dirty","b","issues",["l",["o",["message","s"]]]],1],"s","s",["l",["o",["name","s","role",["p",formatOf(keywordFormat)],"label","s","rows",["l",["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat)],"color","s"]],"index","i","labelledBy","s","detail","s","option",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat)],"color","s"]],"selected","b"]]]]]]]],"b","i","s","s","s"], f: import.meta.url, g: "ui-combobox", d: { "query-change": [detailCheck(checkObject([["query", checkString, false], ["display", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "value-change": [detailCheck(checkObject([["value", checkString, true], ["query", checkString, false], ["option", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), true], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "items-change": [detailCheck(checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false))), true, true, false], "free-entry": [detailCheck(checkObject([["value", checkString, true], ["query", checkString, false], ["option", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), true], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "create-entry": [detailCheck(checkObject([["value", checkString, true], ["query", checkString, false], ["option", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), true], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "validation-change": [detailCheck(checkObject([["status", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["pristine","pending","valid","warning","error"]}), false], ["touched", checkBoolean, false], ["dirty", checkBoolean, false], ["issues", checkList(checkObject([["message", checkString, false], ["path", checkList(checkUnknown), true], ["severity", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["error","warning"]}), true]], false)), false], ["output", checkUnknown, true]], false)), true, true, false], "options-change": [detailCheck(checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false))), true, true, false], "add-item": [detailCheck(checkObject([["item", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), false], ["index", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "remove-item": [detailCheck(checkObject([["item", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), false], ["index", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "create-item": [detailCheck(checkObject([["query", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "selected-values-change": [detailCheck(checkObject([["selectedValues", checkList(checkString), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [[], "", "", null, false, [], null, false, "", { "status": "pristine", "touched": false, "dirty": false, "issues": [] }, "", "", [], false, 0, "", "", "pristine"] };
 const D = { g: "ui-combobox", props: { "allowCreate": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "allowFreeText": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "autoHighlight": { "required":false,"values":["none","single"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "clearQueryOnBlur": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "clearable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disclosure": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "filter": { "required":false,"values":["label","none"],"default":"label", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "help": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "items": { "required":false, c: checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false)), j: 1, m: ["l",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat)],"color","s"]]]]] }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "labelVisibility": { "required":false,"values":["visible","sr-only"],"default":"visible", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "multiple": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "openOnFocus": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placeholder": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "query": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "readonly": { "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" }, "selectOnTab": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selectedValues": { "required":false, c: checkList(checkString), j: 1, m: ["l","s"] }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "tokenSeparators": { "required":false, c: checkList(checkString), j: 1, m: ["l","s"] }, "value": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiCombobox(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -797,7 +797,7 @@ export function createUiCombobox(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["field"] = t4;
   I.r["input"] = t8;

package/vanilla/UiContextMenu.js

@@ -1,14 +1,14 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, dispatchDeclared, detailCheck, dispose, keywordFormat, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, dispatchDeclared, detailCheck, dispose, keywordFormat, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-context-menu/ui-context-menu.js";
 import "../styles/ui-context-menu.css";
 
 const T0 = ["",[],["div",["class","menu","role","menu","aria-orientation","vertical"],4]];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-context-menu", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "select": [detailCheck(checkObject([["value", checkString, false], ["checked", checkBoolean, true], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false] };
+const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-context-menu", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "select": [detailCheck(checkObject([["value", checkString, false], ["checked", checkBoolean, true], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false] };
 const D = { g: "ui-context-menu", props: { "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "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 createUiContextMenu(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -40,7 +40,7 @@ export function createUiContextMenu(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["menu"] = t0;
   return element;

package/vanilla/UiDialog.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, clearRegion, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-dialog/ui-dialog.js";
 import "../styles/ui-dialog.css";
 
@@ -8,9 +8,9 @@ const T1 = ["h2",["class","title"],0];
 const T2 = ["",[]];
 const T3 = ["",[]];
 let P0, P1, P2, P3;
-const S = { n: ["internalOpen","accessibleLabel"], t: ["b","s"], f: import.meta.url, g: "ui-dialog", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false, "Dialog"] };
+const S = { n: ["internalOpen","accessibleLabel"], t: ["b","s"], f: import.meta.url, g: "ui-dialog", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false, "Dialog"] };
 const D = { g: "ui-dialog", props: { "alert": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "closedby": { "required":false,"values":["any","closerequest","none"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "modal": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "modeless": { "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" }, "size": { "required":false,"values":["sm","md","lg","fullscreen"],"default":"md", 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 createUiDialog(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -92,7 +92,7 @@ export function createUiDialog(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["header"] = t0;
   I.r["close"] = t2;

package/vanilla/UiDisclosure.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-disclosure/ui-disclosure.js";
 import "../styles/ui-disclosure.css";
 
@@ -9,9 +9,9 @@ const T2 = ["",[],0];
 const T3 = ["",[],["span",["class","chevron"]]];
 const T4 = ["",[]];
 let P0, P1, P2, P3, P4;
-const S = { n: ["internalOpen","contentId","headingRole","headingAriaLevel"], t: ["b","s",["p",formatOf(keywordFormat)],"i"], f: import.meta.url, g: "ui-disclosure", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false, "", null, null] };
+const S = { n: ["internalOpen","contentId","headingRole","headingAriaLevel"], t: ["b","s",["p",formatOf(keywordFormat)],"i"], f: import.meta.url, g: "ui-disclosure", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false, "", null, null] };
 const D = { g: "ui-disclosure", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "fill": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "headingLevel": { "required":false,"default":0, c: checkInteger, t: "integer", j: 0, m: "i" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "requiredOpen": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "summary": { "required":false,"default":"Details", c: checkString, t: "string", j: 0, m: "s" }, "variant": { "required":false,"values":["plain","navigation"],"default":"plain", 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 createUiDisclosure(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -121,7 +121,7 @@ export function createUiDisclosure(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["heading"] = t0;
   I.r["trigger"] = t1;

package/vanilla/UiEditable.js

@@ -1,5 +1,5 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, readsChanged, rec, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, clearRegion, readsChanged, rec, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editable/ui-editable.js";
 import "../styles/ui-editable.css";
 
@@ -7,9 +7,9 @@ const T0 = ["",[],"\n    ",["div",["class","field"],"\n      ",["button",["class
 const T1 = ["span",["class","hint","aria-hidden","true"],0];
 const T2 = ["div",["class","actions"],"\n      ",["button",["class","save","type","button"],0],"\n      ",["button",["class","cancel","type","button"],0],"\n    "];
 let P0, P1, P2;
-const S = { n: ["internalEdit","internalValue","draft"], t: ["b","s","s"], f: import.meta.url, g: "ui-editable", d: { "input": [detailCheck(checkObject([["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "change": [detailCheck(checkObject([["value", checkString, false], ["previousValue", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "edit-change": [detailCheck(checkObject([["edit", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["activate","commit","cancel","light-dismiss","escape","programmatic"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false, "", ""] };
+const S = { n: ["internalEdit","internalValue","draft"], t: ["b","s","s"], f: import.meta.url, g: "ui-editable", d: { "input": [detailCheck(checkObject([["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "change": [detailCheck(checkObject([["value", checkString, false], ["previousValue", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "edit-change": [detailCheck(checkObject([["edit", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["activate","commit","cancel","light-dismiss","escape","programmatic"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs, i: [false, "", ""] };
 const D = { g: "ui-editable", props: { "actions": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "cancelLabel": { "required":false,"default":"Cancel", c: checkString, t: "string", j: 0, m: "s" }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "edit": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "hint": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false,"default":"Edit value", c: checkString, t: "string", j: 0, m: "s" }, "maxLength": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "placeholder": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "saveLabel": { "required":false,"default":"Save", c: checkString, t: "string", j: 0, m: "s" }, "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 createUiEditable(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -118,7 +118,7 @@ export function createUiEditable(options = {}, html) {
   const R = { n: element, a0: t1, a1: t3, a3: t5, v0: null, v1: "", v2: undefined, v3: null, v4: null, v5: null, v6: null, v7: undefined, a2: t4, e0: t4.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, 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["preview"] = t1;
   I.r["input"] = t5;

package/vanilla/UiEditorBlockActions.js

@@ -1,13 +1,13 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, generatedInputs, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, generatedInputs, checkConstrained, checkFormat, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-block-actions/ui-editor-block-actions.js";
 import "../styles/ui-editor-block-actions.css";
 
 const T0 = ["",[],"\n    ",["ui-menu",["aria-label","Block actions"],["ui-menu-item",["value","insert-below"],"Insert paragraph below"],"\n      ",["ui-menu-item",["value","duplicate"],"Duplicate block"],"\n      ",["ui-menu-item",["value","delete"],"Delete block"]],"\n  "];
 let P0;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-block-actions", d: { "action": [detailCheck(checkObject([["action", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["insert-below","duplicate","delete"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-block-actions", d: { "action": [detailCheck(checkObject([["action", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["insert-below","duplicate","delete"]}), false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-editor-block-actions", props: { "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "placement": { "required":false,"values":["bottom-start","top-start"],"default":"bottom-start", 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 createUiEditorBlockActions(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -35,7 +35,7 @@ export function createUiEditorBlockActions(options = {}, html) {
   const t0 = element.firstChild.nextSibling;
   const R = { a0: t0, v0: null, v1: null };
   const I = { B };
-  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;
 }

package/vanilla/UiEditorChipEditor.js

@@ -1,13 +1,13 @@
 // Generated by HTML Next 1.0.0-alpha.67 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, 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, 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-chip-editor/ui-editor-chip-editor.js";
 import "../styles/ui-editor-chip-editor.css";
 
 const T0 = ["",[],"\n    ",["ui-stack",["gap","s"],["ui-input",["data-chip-label","","size","sm","placeholder","Set a label","aria-label","Chip text"]],"\n      ",["ui-radio-group",["label","Chip color","label-visibility","sr-only"],["ui-swatch",["tone","neutral"]],"\n        ",["ui-swatch",["tone","blue"]],"\n        ",["ui-swatch",["tone","green"]],"\n        ",["ui-swatch",["tone","yellow"]],"\n        ",["ui-swatch",["tone","red"]],"\n        ",["ui-swatch",["tone","purple"]]]],"\n  "];
 let P0;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-chip-editor", d: { "label": [detailCheck(checkObject([["label", checkString, false]], false)), true, true, false], "color": [detailCheck(checkObject([["color", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","blue","green","yellow","red","purple"]}), false]], false)), true, true, false], "done": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared, b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-chip-editor", d: { "label": [detailCheck(checkObject([["label", checkString, false]], false)), true, true, false], "color": [detailCheck(checkObject([["color", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","blue","green","yellow","red","purple"]}), false]], false)), true, true, false], "done": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-editor-chip-editor", props: { "color": { "required":false,"values":["neutral","blue","green","yellow","red","purple"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "label": { "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 createUiEditorChipEditor(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -39,7 +39,7 @@ export function createUiEditorChipEditor(options = {}, html) {
   const t2 = t1.nextSibling.nextSibling;
   const R = { a0: t1, a1: t2, v0: null, v1: null };
   const I = { B };
-  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;
 }

package/vanilla/UiEditorCodeLanguage.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, toAttribute, toText, trackContainer, writeAttribute, dispatchDeclared, detailCheck, acceptProps, manageProps, generatedInputs, checkList, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+import { attachGeneratedController, buildTemplate, KeyedList, readMember, toAttribute, toText, trackContainer, writeAttribute, dispatchDeclared, detailCheck, acceptProps, manageProps, generatedInputs, checkList, checkObject, checkString, defineComponent, activateModule } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-code-language/ui-editor-code-language.js";
 import "../styles/ui-editor-code-language.css";
 
@@ -7,9 +7,9 @@ const T0 = ["",[],"\n    ",["ui-combobox",["label","Code language","label-visibi
 const T1 = ["option",[],0];
 let P0, P1;
 const E = new Map();
-const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-code-language", d: { "language": [detailCheck(checkObject([["value", checkString, false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-code-language", d: { "language": [detailCheck(checkObject([["value", checkString, false]], false)), true, true, false] }, x: dispatchDeclared, a: (host, I) => C(host, I), b: generatedInputs };
 const D = { g: "ui-editor-code-language", props: { "languages": { "required":false, c: checkList(checkObject([["value", checkString, false], ["label", checkString, false]], false)), j: 1, m: ["l",["o",["value","s","label","s"]]] }, "value": { "required":false,"default":"auto", c: checkString, t: "string", j: 0, m: "s" } } };
-const C = (host) => controller.default(host);
+const C = (host) => activateModule(controller, host);
 
 export function createUiEditorCodeLanguage(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -53,7 +53,7 @@ export function createUiEditorCodeLanguage(options = {}, html) {
   const t1 = t0.firstChild;
   const R = { a0: t0, v0: null, L0: new KeyedList(t1, t1.nextSibling, m1, p1, (o) => readMember(o, "value"), "language") };
   const I = { B };
-  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;
 }

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;