@threadlabs/looma 0.25.7 → 0.26.1

package/vanilla/UiCallout.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 UiCalloutEventMap {
 }
 export interface UiCalloutElement extends HTMLDivElement {

package/vanilla/UiCallout.js

@@ -1,12 +1,20 @@
-// Generated by HTML Next 1.0.0-alpha.29 for Vanilla DOM. Do not edit.
-import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
+// Generated by HTML Next 1.0.0-alpha.35 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-callout.css";
 
-const definition = {...{"contract":{"tag":"ui-callout","props":{"tone":{"type":{"kind":"terminal","name":"keyword"},"values":["info","neutral","note","warning","success","danger"],"required":false,"target":{"attribute":"tone"},"default":"info"}}},"template":{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"role","value":"note"}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"icon"},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"circle","attributes":[{"kind":"literal","name":"cx","value":"12"},{"kind":"literal","name":"cy","value":"12"},{"kind":"literal","name":"r","value":"10"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M12 16v-4"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M12 8h.01"}],"children":[]}],"flow":{"kind":"if","test":"tone = 'info'","testPlan":{"source":"tone = 'info'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"tone"},"right":{"kind":"literal","value":"info"}},"dependencies":["tone"]}}},{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M13.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.5L13.5 2Z"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M13 2v7h7"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"m9.5 17.5 4-4 2 2-4 4H9.5v-2Z"}],"children":[]}],"flow":{"kind":"if","test":"tone = 'neutral' or tone = 'note'","testPlan":{"source":"tone = 'neutral' or tone = 'note'","ast":{"kind":"binary","op":"or","left":{"kind":"binary","op":"=","left":{"kind":"id","name":"tone"},"right":{"kind":"literal","value":"neutral"}},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"tone"},"right":{"kind":"literal","value":"note"}}},"dependencies":["tone"]}}},{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M12 9v4"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M12 17h.01"}],"children":[]}],"flow":{"kind":"if","test":"tone = 'warning'","testPlan":{"source":"tone = 'warning'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"tone"},"right":{"kind":"literal","value":"warning"}},"dependencies":["tone"]}}},{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"circle","attributes":[{"kind":"literal","name":"cx","value":"12"},{"kind":"literal","name":"cy","value":"12"},{"kind":"literal","name":"r","value":"10"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"m9 12 2 2 4-4"}],"children":[]}],"flow":{"kind":"if","test":"tone = 'success'","testPlan":{"source":"tone = 'success'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"tone"},"right":{"kind":"literal","value":"success"}},"dependencies":["tone"]}}},{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"circle","attributes":[{"kind":"literal","name":"cx","value":"12"},{"kind":"literal","name":"cy","value":"12"},{"kind":"literal","name":"r","value":"10"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"m15 9-6 6"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"m9 9 6 6"}],"children":[]}],"flow":{"kind":"if","test":"tone = 'danger'","testPlan":{"source":"tone = 'danger'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"tone"},"right":{"kind":"literal","value":"danger"}},"dependencies":["tone"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"content"}],"children":[{"kind":"slot"}]}]},"declarations":[],"root":{"kind":"native","element":"div","choices":["div"]}},source:{file:import.meta.url},css:""};
+const T0 = ["",[],["span",["class","icon","aria-hidden","true"],1,1,1,1,1],["div",["class","content"],4]];
+const T1 = ["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["circle",["cx","12","cy","12","r","10"]],["path",["d","M12 16v-4"]],["path",["d","M12 8h.01"]]];
+const T2 = ["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["path",["d","M13.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.5L13.5 2Z"]],["path",["d","M13 2v7h7"]],["path",["d","m9.5 17.5 4-4 2 2-4 4H9.5v-2Z"]]];
+const T3 = ["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["path",["d","m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"]],["path",["d","M12 9v4"]],["path",["d","M12 17h.01"]]];
+const T4 = ["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["circle",["cx","12","cy","12","r","10"]],["path",["d","m9 12 2 2 4-4"]]];
+const T5 = ["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["circle",["cx","12","cy","12","r","10"]],["path",["d","m15 9-6 6"]],["path",["d","m9 9 6 6"]]];
+const T6 = ["",[]];
+let P0, P1, P2, P3, P4, P5, P6;
+const S = { n: [], t: [], f: import.meta.url, g: "ui-callout" };
+const D = { props: { "tone": { "required":false,"values":["info","neutral","note","warning","success","danger"],"default":"info", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 
-export function createUiCallout(options = {}) {
+export function createUiCallout(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
-  const projected = [];
   const element = document.createElement("div");
   for (const [name, value] of Object.entries(attributes)) {
     if (value === null || value === undefined || value === false) continue;
@@ -14,112 +22,128 @@ export function createUiCallout(options = {}) {
   }
   if (!element.hasAttribute("role")) element.setAttribute("role", "note");
   element.setAttribute("data-component", "ui-callout");
-  const element0 = document.createElement("span");
-  element0.setAttribute("class", "icon");
-  element0.setAttribute("aria-hidden", "true");
-  const element1 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  element1.setAttribute("viewBox", "0 0 24 24");
-  element1.setAttribute("fill", "none");
-  element1.setAttribute("stroke", "currentColor");
-  element1.setAttribute("stroke-width", "2");
-  element1.setAttribute("stroke-linecap", "round");
-  element1.setAttribute("stroke-linejoin", "round");
-  const element2 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-  element2.setAttribute("cx", "12");
-  element2.setAttribute("cy", "12");
-  element2.setAttribute("r", "10");
-  element1.append(element2);
-  const element3 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element3.setAttribute("d", "M12 16v-4");
-  element1.append(element3);
-  const element4 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element4.setAttribute("d", "M12 8h.01");
-  element1.append(element4);
-  element0.append(element1);
-  const element5 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  element5.setAttribute("viewBox", "0 0 24 24");
-  element5.setAttribute("fill", "none");
-  element5.setAttribute("stroke", "currentColor");
-  element5.setAttribute("stroke-width", "2");
-  element5.setAttribute("stroke-linecap", "round");
-  element5.setAttribute("stroke-linejoin", "round");
-  const element6 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element6.setAttribute("d", "M13.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.5L13.5 2Z");
-  element5.append(element6);
-  const element7 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element7.setAttribute("d", "M13 2v7h7");
-  element5.append(element7);
-  const element8 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element8.setAttribute("d", "m9.5 17.5 4-4 2 2-4 4H9.5v-2Z");
-  element5.append(element8);
-  element0.append(element5);
-  const element9 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  element9.setAttribute("viewBox", "0 0 24 24");
-  element9.setAttribute("fill", "none");
-  element9.setAttribute("stroke", "currentColor");
-  element9.setAttribute("stroke-width", "2");
-  element9.setAttribute("stroke-linecap", "round");
-  element9.setAttribute("stroke-linejoin", "round");
-  const element10 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element10.setAttribute("d", "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z");
-  element9.append(element10);
-  const element11 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element11.setAttribute("d", "M12 9v4");
-  element9.append(element11);
-  const element12 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element12.setAttribute("d", "M12 17h.01");
-  element9.append(element12);
-  element0.append(element9);
-  const element13 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  element13.setAttribute("viewBox", "0 0 24 24");
-  element13.setAttribute("fill", "none");
-  element13.setAttribute("stroke", "currentColor");
-  element13.setAttribute("stroke-width", "2");
-  element13.setAttribute("stroke-linecap", "round");
-  element13.setAttribute("stroke-linejoin", "round");
-  const element14 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-  element14.setAttribute("cx", "12");
-  element14.setAttribute("cy", "12");
-  element14.setAttribute("r", "10");
-  element13.append(element14);
-  const element15 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element15.setAttribute("d", "m9 12 2 2 4-4");
-  element13.append(element15);
-  element0.append(element13);
-  const element16 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  element16.setAttribute("viewBox", "0 0 24 24");
-  element16.setAttribute("fill", "none");
-  element16.setAttribute("stroke", "currentColor");
-  element16.setAttribute("stroke-width", "2");
-  element16.setAttribute("stroke-linecap", "round");
-  element16.setAttribute("stroke-linejoin", "round");
-  const element17 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-  element17.setAttribute("cx", "12");
-  element17.setAttribute("cy", "12");
-  element17.setAttribute("r", "10");
-  element16.append(element17);
-  const element18 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element18.setAttribute("d", "m15 9-6 6");
-  element16.append(element18);
-  const element19 = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  element19.setAttribute("d", "m9 9 6 6");
-  element16.append(element19);
-  element0.append(element16);
-  element.append(element0);
-  const element20 = document.createElement("div");
-  element20.setAttribute("class", "content");
-  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, ""]);
-      element20.append(node);
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  const v = [null];
+  const B = acceptProps(element, D, S.n, v, componentProps, [], html);
+  const m1 = (d) => {
+    const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
+    const r = { n };
+    p1(r, -1, d);
+    return r;
+  };
+  const p1 = (r, c, d) => {
+  };
+  const m2 = (d) => {
+    const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
+    const r = { n };
+    p2(r, -1, d);
+    return r;
+  };
+  const p2 = (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 m4 = (d) => {
+    const n = (P4 ??= buildTemplate(T4)).cloneNode(true);
+    const r = { n };
+    p4(r, -1, d);
+    return r;
+  };
+  const p4 = (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 m6 = (d) => {
+    const n = (P6 ??= buildTemplate(T6)).cloneNode(true);
+    const r = { n };
+    p6(r, -1, d);
+    return r;
+  };
+  const p6 = (r, c, d) => {
+  };
+  const p0 = (r, c, d) => {
+    if (c & 1) {
+      const x0 = hostState(["tone"], [v[0]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-callout-state", (r.v0 = s0) === "" ? null : s0);
     }
-  } else {
-  }
-  element.append(element20);
-  manageComponentLifecycle(element, definition, { props: componentProps, projected,
-  });
+    if (c & 1) {
+      const t0 = (v[0] === "info");
+      if (true) {
+        {
+          r.b0 = undefined;
+          clearRegion(r.a0, r.e0);
+          if (t0) { r.b0 = m1(d); r.e0.before(r.b0.n); }
+        }
+      } else if (r.b0 !== undefined) p1(r.b0, c, d);
+    } else if (r.b0 !== undefined) p1(r.b0, c, d);
+    if (c & 1) {
+      const t1 = ((v[0] === "neutral") || (v[0] === "note"));
+      if (true) {
+        {
+          r.b1 = undefined;
+          clearRegion(r.a1, r.e1);
+          if (t1) { r.b1 = m2(d); r.e1.before(r.b1.n); }
+        }
+      } else if (r.b1 !== undefined) p2(r.b1, c, d);
+    } else if (r.b1 !== undefined) p2(r.b1, c, d);
+    if (c & 1) {
+      const t2 = (v[0] === "warning");
+      if (true) {
+        {
+          r.b2 = undefined;
+          clearRegion(r.a2, r.e2);
+          if (t2) { r.b2 = m3(d); r.e2.before(r.b2.n); }
+        }
+      } else if (r.b2 !== undefined) p3(r.b2, c, d);
+    } else if (r.b2 !== undefined) p3(r.b2, c, d);
+    if (c & 1) {
+      const t3 = (v[0] === "success");
+      if (true) {
+        {
+          r.b3 = undefined;
+          clearRegion(r.a3, r.e3);
+          if (t3) { r.b3 = m4(d); r.e3.before(r.b3.n); }
+        }
+      } else if (r.b3 !== undefined) p4(r.b3, c, d);
+    } else if (r.b3 !== undefined) p4(r.b3, c, d);
+    if (c & 1) {
+      const t4 = (v[0] === "danger");
+      if (true) {
+        {
+          r.b4 = undefined;
+          clearRegion(r.a4, r.e4);
+          if (t4) { r.b4 = m5(d); r.e4.before(r.b4.n); }
+        }
+      } else if (r.b4 !== undefined) p5(r.b4, c, d);
+    } else if (r.b4 !== undefined) p5(r.b4, c, d);
+    if (r.f5 === undefined) { r.f5 = 1; const at = fillSlot(r.a5, r.e5, "", 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.b5 = m6(d); at.before(r.b5.n); } }
+    else if (r.b5 !== undefined) p6(r.b5, c, d);
+  };
+  const t0 = element.firstChild;
+  const t1 = t0.firstChild;
+  const t2 = t1.nextSibling.nextSibling;
+  const t3 = t2.nextSibling.nextSibling;
+  const t4 = t3.nextSibling.nextSibling;
+  const t5 = t4.nextSibling.nextSibling;
+  const t6 = t0.nextSibling.firstChild;
+  const R = { n: element, v0: undefined, a0: t1, e0: t1.nextSibling, b0: undefined, a1: t2, e1: t2.nextSibling, b1: undefined, a2: t3, e2: t3.nextSibling, b2: undefined, a3: t4, e3: t4.nextSibling, b3: undefined, a4: t5, e4: t5.nextSibling, b4: undefined, a5: t6, e5: t6.nextSibling, b5: undefined, f5: undefined };
+  const I = { B };
+  const J = project(I, children, slots);
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
+  manageProps(I);
   return element;
 }
-

package/vanilla/UiCard.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 UiCardEventMap {
 }
 export interface UiCardElement extends HTMLElement {

package/vanilla/UiCard.js

@@ -1,62 +1,48 @@
-// 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, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-card.css";
 
-const definition = {...{"contract":{"tag":"ui-card","props":{"as":{"type":{"kind":"terminal","name":"keyword"},"values":["div","section","article","aside"],"required":false,"target":{"attribute":"as"},"default":"div"},"padding":{"type":{"kind":"terminal","name":"keyword"},"values":["xs","sm","md","lg"],"required":false,"target":{"attribute":"padding"},"default":"md"},"size":{"type":{"kind":"terminal","name":"keyword"},"values":["content","sm","md","lg"],"required":false,"target":{"attribute":"size"},"default":"content"},"tone":{"type":{"kind":"terminal","name":"keyword"},"values":["neutral","accent","info","success","warning","danger"],"required":false,"target":{"attribute":"tone"},"default":"neutral"},"variant":{"type":{"kind":"terminal","name":"keyword"},"values":["outlined","subtle","elevated"],"required":false,"target":{"attribute":"variant"},"default":"outlined"}}},"template":{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"section","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'section'","testPlan":{"source":"as = 'section'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"section"}},"dependencies":["as"]}}},{"kind":"element","name":"article","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'article'","testPlan":{"source":"as = 'article'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"article"}},"dependencies":["as"]}}},{"kind":"element","name":"aside","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'aside'","testPlan":{"source":"as = 'aside'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"aside"}},"dependencies":["as"]}}},{"kind":"element","name":"div","attributes":[],"children":[{"kind":"slot"}],"flow":{"kind":"else"}}],"flow":{"kind":"match"}},"declarations":[],"root":{"kind":"native","element":"div","choices":["section","article","aside","div"]}},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 = ["",[]];
+let P0, P1, P2, P3, P4, P5, P6, P7;
+const S = { n: [], t: [], f: import.meta.url, g: "ui-card" };
+const A = [["section",{},[],"",[],["data-ui-card-state","data-as","data-padding","data-size","data-tone","data-variant"]],["article",{},[],"",[],["data-ui-card-state","data-as","data-padding","data-size","data-tone","data-variant"]],["aside",{},[],"",[],["data-ui-card-state","data-as","data-padding","data-size","data-tone","data-variant"]],["div",{},[],"",[],["data-ui-card-state","data-as","data-padding","data-size","data-tone","data-variant"]]];
+const Q = [[],[],[],[]];
+const D = { props: { "as": { "required":false,"values":["div","section","article","aside"],"default":"div", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "padding": { "required":false,"values":["xs","sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "size": { "required":false,"values":["content","sm","md","lg"],"default":"content", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "tone": { "required":false,"values":["neutral","accent","info","success","warning","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "variant": { "required":false,"values":["outlined","subtle","elevated"],"default":"outlined", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 
-export function createUiCard(options = {}) {
+export function createUiCard(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
-  const projected = [];
-  const root = componentRootIndex(definition, componentProps);
+  const v = [null, null, null, null, null];
+  acceptProps(undefined, D, S.n, v, componentProps, [], html);
+  let a = ((v[0] === "section") ? 0 : (v[0] === "article") ? 1 : (v[0] === "aside") ? 2 : 3);
   let element;
-  if (root === 0) {
+  if (a === 0) {
     element = document.createElement("section");
     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-card");
-    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("article");
     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-card");
-    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("aside");
     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-card");
-    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("div");
     for (const [name, value] of Object.entries(attributes)) {
@@ -64,18 +50,132 @@ export function createUiCard(options = {}) {
       element.setAttribute(name, value === true ? "" : String(value));
     }
     element.setAttribute("data-component", "ui-card");
-    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 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 & 30) {
+      const x0 = hostState(["padding","variant","tone","size"], [v[1], v[4], v[3], v[2]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-card-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 & 30) {
+      const x0 = hostState(["padding","variant","tone","size"], [v[1], v[4], v[3], v[2]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-card-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 & 30) {
+      const x0 = hostState(["padding","variant","tone","size"], [v[1], v[4], v[3], v[2]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-card-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 & 30) {
+      const x0 = hostState(["padding","variant","tone","size"], [v[1], v[4], v[3], v[2]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-card-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 M = [m0, m2, m4, m6], N = [p0, p2, p4, p6];
+  let R;
+  const p = (c, d) => {
+    if (R === null) return;
+    if (R === undefined) { R = M[a](element, d); return; }
+    if (c & 1) {
+      const t = ((v[0] === "section") ? 0 : (v[0] === "article") ? 1 : (v[0] === "aside") ? 2 : 3);
+      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/UiCheckbox.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 UiCheckboxEventMap {
   change: CustomEvent<{ readonly checked: boolean; readonly value: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }