@threadlabs/looma 0.25.6 → 0.26.0

package/vanilla/UiText.js

@@ -1,174 +1,111 @@
-// Generated by HTML Next 1.0.0-alpha.29 for Vanilla DOM. Do not edit.
-import { componentRootIndex, manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
+// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkBoolean, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-text.css";
 
-const definition = {...{"contract":{"tag":"ui-text","props":{"align":{"type":{"kind":"terminal","name":"keyword"},"values":["start","center"],"required":false,"target":{"attribute":"align"},"default":"start"},"as":{"type":{"kind":"terminal","name":"keyword"},"values":["p","span","div","small","strong","label","h2","h3","h4","h5","h6"],"required":false,"target":{"attribute":"as"},"default":"p"},"font":{"type":{"kind":"terminal","name":"keyword"},"values":["inherit","sans"],"required":false,"target":{"attribute":"font"},"default":"inherit"},"grow":{"type":"boolean","required":false,"target":{"attribute":"grow"},"default":false},"size":{"type":{"kind":"terminal","name":"keyword"},"values":["inherit","xs","sm","md","lg"],"required":false,"target":{"attribute":"size"},"default":"inherit"},"tone":{"type":{"kind":"terminal","name":"keyword"},"values":["default","secondary","muted","accent","danger","success","info","warning"],"required":false,"target":{"attribute":"tone"},"default":"default"},"truncate":{"type":"boolean","required":false,"target":{"attribute":"truncate"},"default":false},"variant":{"type":{"kind":"terminal","name":"keyword"},"values":["body","eyebrow","code"],"required":false,"target":{"attribute":"variant"},"default":"body"},"weight":{"type":{"kind":"terminal","name":"keyword"},"values":["inherit","normal","medium","semibold"],"required":false,"target":{"attribute":"weight"},"default":"inherit"},"wrap":{"type":{"kind":"terminal","name":"keyword"},"values":["normal","anywhere"],"required":false,"target":{"attribute":"wrap"},"default":"normal"}}},"template":{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"span","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'span'","testPlan":{"source":"as = 'span'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"span"}},"dependencies":["as"]}}},{"kind":"element","name":"div","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'div'","testPlan":{"source":"as = 'div'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"div"}},"dependencies":["as"]}}},{"kind":"element","name":"small","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'small'","testPlan":{"source":"as = 'small'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"small"}},"dependencies":["as"]}}},{"kind":"element","name":"strong","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'strong'","testPlan":{"source":"as = 'strong'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"strong"}},"dependencies":["as"]}}},{"kind":"element","name":"label","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'label'","testPlan":{"source":"as = 'label'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"label"}},"dependencies":["as"]}}},{"kind":"element","name":"h2","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'h2'","testPlan":{"source":"as = 'h2'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"h2"}},"dependencies":["as"]}}},{"kind":"element","name":"h3","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'h3'","testPlan":{"source":"as = 'h3'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"h3"}},"dependencies":["as"]}}},{"kind":"element","name":"h4","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'h4'","testPlan":{"source":"as = 'h4'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"h4"}},"dependencies":["as"]}}},{"kind":"element","name":"h5","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'h5'","testPlan":{"source":"as = 'h5'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"h5"}},"dependencies":["as"]}}},{"kind":"element","name":"h6","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'h6'","testPlan":{"source":"as = 'h6'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"h6"}},"dependencies":["as"]}}},{"kind":"element","name":"p","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"else"}}],"flow":{"kind":"match"}},"declarations":[],"root":{"kind":"native","element":"p","choices":["span","div","small","strong","label","h2","h3","h4","h5","h6","p"]}},source:{file:import.meta.url},css:""};
+const T0 = ["",[],4];
+const T1 = ["",[]];
+const T2 = ["",[],4];
+const T3 = ["",[]];
+const T4 = ["",[],4];
+const T5 = ["",[]];
+const T6 = ["",[],4];
+const T7 = ["",[]];
+const T8 = ["",[],4];
+const T9 = ["",[]];
+const T10 = ["",[],4];
+const T11 = ["",[]];
+const T12 = ["",[],4];
+const T13 = ["",[]];
+const T14 = ["",[],4];
+const T15 = ["",[]];
+const T16 = ["",[],4];
+const T17 = ["",[]];
+const T18 = ["",[],4];
+const T19 = ["",[]];
+const T20 = ["",[],4];
+const T21 = ["",[]];
+let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17, P18, P19, P20, P21;
+const S = { n: [], t: [], f: import.meta.url, g: "ui-text" };
+const A = [["span",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]],["div",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]],["small",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]],["strong",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]],["label",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]],["h2",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]],["h3",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]],["h4",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]],["h5",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]],["h6",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]],["p",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-truncate","data-variant","data-weight","data-wrap"]]];
+const Q = [[],[],[],[],[],[],[],[],[],[],[]];
+const D = { props: { "align": { "required":false,"values":["start","center"],"default":"start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "as": { "required":false,"values":["p","span","div","small","strong","label","h2","h3","h4","h5","h6"],"default":"p", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "font": { "required":false,"values":["inherit","sans"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "grow": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["inherit","xs","sm","md","lg"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "tone": { "required":false,"values":["default","secondary","muted","accent","danger","success","info","warning"],"default":"default", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "truncate": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "variant": { "required":false,"values":["body","eyebrow","code"],"default":"body", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "weight": { "required":false,"values":["inherit","normal","medium","semibold"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "wrap": { "required":false,"values":["normal","anywhere"],"default":"normal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 
-export function createUiText(options = {}) {
+export function createUiText(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
-  const projected = [];
-  const root = componentRootIndex(definition, componentProps);
+  const v = [null, null, null, null, null, null, null, null, null, null];
+  acceptProps(undefined, D, S.n, v, componentProps, [], html);
+  let a = ((v[1] === "span") ? 0 : (v[1] === "div") ? 1 : (v[1] === "small") ? 2 : (v[1] === "strong") ? 3 : (v[1] === "label") ? 4 : (v[1] === "h2") ? 5 : (v[1] === "h3") ? 6 : (v[1] === "h4") ? 7 : (v[1] === "h5") ? 8 : (v[1] === "h6") ? 9 : 10);
   let element;
-  if (root === 0) {
+  if (a === 0) {
     element = document.createElement("span");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
-      }
-    } else {
-    }
-  } else if (root === 1) {
+  } else if (a === 1) {
     element = document.createElement("div");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
-      }
-    } else {
-    }
-  } else if (root === 2) {
+  } else if (a === 2) {
     element = document.createElement("small");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
-      }
-    } else {
-    }
-  } else if (root === 3) {
+  } else if (a === 3) {
     element = document.createElement("strong");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
-      }
-    } else {
-    }
-  } else if (root === 4) {
+  } else if (a === 4) {
     element = document.createElement("label");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
-      }
-    } else {
-    }
-  } else if (root === 5) {
+  } else if (a === 5) {
     element = document.createElement("h2");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
-      }
-    } else {
-    }
-  } else if (root === 6) {
+  } else if (a === 6) {
     element = document.createElement("h3");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
-      }
-    } else {
-    }
-  } else if (root === 7) {
+  } else if (a === 7) {
     element = document.createElement("h4");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
-      }
-    } else {
-    }
-  } else if (root === 8) {
+  } else if (a === 8) {
     element = document.createElement("h5");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
-      }
-    } else {
-    }
-  } else if (root === 9) {
+  } else if (a === 9) {
     element = document.createElement("h6");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
-      }
-    } else {
-    }
   } else {
     element = document.createElement("p");
     for (const [name, value] of Object.entries(attributes)) {
@@ -176,18 +113,307 @@ export function createUiText(options = {}) {
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-text");
-    if (children.length > 0) {
-      for (const child of children) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, ""]);
-        element.append(node);
+  }
+  const B = acceptProps(element, D, S.n, v, componentProps, Q[a], 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 m3 = (d) => {
+    const n = (P3 ??= buildTemplate(T3)).cloneNode(true);
+    const r = { n };
+    p3(r, -1, d);
+    return r;
+  };
+  const p3 = (r, c, d) => {
+  };
+  const m5 = (d) => {
+    const n = (P5 ??= buildTemplate(T5)).cloneNode(true);
+    const r = { n };
+    p5(r, -1, d);
+    return r;
+  };
+  const p5 = (r, c, d) => {
+  };
+  const m7 = (d) => {
+    const n = (P7 ??= buildTemplate(T7)).cloneNode(true);
+    const r = { n };
+    p7(r, -1, d);
+    return r;
+  };
+  const p7 = (r, c, d) => {
+  };
+  const m9 = (d) => {
+    const n = (P9 ??= buildTemplate(T9)).cloneNode(true);
+    const r = { n };
+    p9(r, -1, d);
+    return r;
+  };
+  const p9 = (r, c, d) => {
+  };
+  const m11 = (d) => {
+    const n = (P11 ??= buildTemplate(T11)).cloneNode(true);
+    const r = { n };
+    p11(r, -1, d);
+    return r;
+  };
+  const p11 = (r, c, d) => {
+  };
+  const m13 = (d) => {
+    const n = (P13 ??= buildTemplate(T13)).cloneNode(true);
+    const r = { n };
+    p13(r, -1, d);
+    return r;
+  };
+  const p13 = (r, c, d) => {
+  };
+  const m15 = (d) => {
+    const n = (P15 ??= buildTemplate(T15)).cloneNode(true);
+    const r = { n };
+    p15(r, -1, d);
+    return r;
+  };
+  const p15 = (r, c, d) => {
+  };
+  const m17 = (d) => {
+    const n = (P17 ??= buildTemplate(T17)).cloneNode(true);
+    const r = { n };
+    p17(r, -1, d);
+    return r;
+  };
+  const p17 = (r, c, d) => {
+  };
+  const m19 = (d) => {
+    const n = (P19 ??= buildTemplate(T19)).cloneNode(true);
+    const r = { n };
+    p19(r, -1, d);
+    return r;
+  };
+  const p19 = (r, c, d) => {
+  };
+  const m21 = (d) => {
+    const n = (P21 ??= buildTemplate(T21)).cloneNode(true);
+    const r = { n };
+    p21(r, -1, d);
+    return r;
+  };
+  const p21 = (r, c, d) => {
+  };
+  const m0 = (n, d) => {
+    n.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p0(r, -1, d);
+    return r;
+  };
+  const p0 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m1(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p1(r.b0, c, d);
+  };
+  const m2 = (n, d) => {
+    n.append((P2 ??= buildTemplate(T2)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p2(r, -1, d);
+    return r;
+  };
+  const p2 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m3(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p3(r.b0, c, d);
+  };
+  const m4 = (n, d) => {
+    n.append((P4 ??= buildTemplate(T4)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p4(r, -1, d);
+    return r;
+  };
+  const p4 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m5(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p5(r.b0, c, d);
+  };
+  const m6 = (n, d) => {
+    n.append((P6 ??= buildTemplate(T6)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p6(r, -1, d);
+    return r;
+  };
+  const p6 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m7(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p7(r.b0, c, d);
+  };
+  const m8 = (n, d) => {
+    n.append((P8 ??= buildTemplate(T8)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p8(r, -1, d);
+    return r;
+  };
+  const p8 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m9(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p9(r.b0, c, d);
+  };
+  const m10 = (n, d) => {
+    n.append((P10 ??= buildTemplate(T10)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p10(r, -1, d);
+    return r;
+  };
+  const p10 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m11(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p11(r.b0, c, d);
+  };
+  const m12 = (n, d) => {
+    n.append((P12 ??= buildTemplate(T12)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p12(r, -1, d);
+    return r;
+  };
+  const p12 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m13(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p13(r.b0, c, d);
+  };
+  const m14 = (n, d) => {
+    n.append((P14 ??= buildTemplate(T14)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p14(r, -1, d);
+    return r;
+  };
+  const p14 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m15(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p15(r.b0, c, d);
+  };
+  const m16 = (n, d) => {
+    n.append((P16 ??= buildTemplate(T16)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p16(r, -1, d);
+    return r;
+  };
+  const p16 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m17(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p17(r.b0, c, d);
+  };
+  const m18 = (n, d) => {
+    n.append((P18 ??= buildTemplate(T18)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p18(r, -1, d);
+    return r;
+  };
+  const p18 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m19(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p19(r.b0, c, d);
+  };
+  const m20 = (n, d) => {
+    n.append((P20 ??= buildTemplate(T20)).cloneNode(true));
+    const t0 = n.firstChild;
+    const r = { n, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p20(r, -1, d);
+    return r;
+  };
+  const p20 = (r, c, d) => {
+    if (c & 1021) {
+      const x0 = hostState(["grow","size","tone","weight","variant","truncate","align","font","wrap"], [v[3], v[4], v[5], v[8], v[7], v[6], v[0], v[2], v[9]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-text-state", (r.v0 = s0) === "" ? null : s0);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m21(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p21(r.b0, c, d);
+  };
+  const M = [m0, m2, m4, m6, m8, m10, m12, m14, m16, m18, m20], N = [p0, p2, p4, p6, p8, p10, p12, p14, p16, p18, p20];
+  let R;
+  const p = (c, d) => {
+    if (R === null) return;
+    if (R === undefined) { R = M[a](element, d); return; }
+    if (c & 2) {
+      const t = ((v[1] === "span") ? 0 : (v[1] === "div") ? 1 : (v[1] === "small") ? 2 : (v[1] === "strong") ? 3 : (v[1] === "label") ? 4 : (v[1] === "h2") ? 5 : (v[1] === "h3") ? 6 : (v[1] === "h4") ? 7 : (v[1] === "h5") ? 8 : (v[1] === "h6") ? 9 : 10);
+      if (t !== a) {
+        dispose(R);
+        for (const key in I.r) delete I.r[key];
+        const previous = I.e, next = armElement(previous, A[a], A[t]);
+        I.B.b = Q[t];
+        a = t;
+        R = null;
+        R = M[t](next, d);
+        replaceRoot(I, previous, next);
+        return;
       }
-    } else {
     }
-  }
-  manageComponentLifecycle(element, definition, { props: componentProps, projected,
-  });
+    N[a](R, c, d);
+  };
+  const I = { B };
+  const J = project(I, children, slots);
+  attachGeneratedController(element, S, v, p, undefined, undefined, I);
+  manageProps(I);
   return element;
 }
-

package/vanilla/UiTextarea.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.29 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
 export interface UiTextareaEventMap {
 }
 export interface UiTextareaElement extends HTMLTextAreaElement {