@threadlabs/looma 0.25.6 → 0.26.0

package/vanilla/UiButton.js

@@ -1,191 +1,479 @@
-// 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, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkBoolean, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-button/ui-button.js";
 import "../styles/ui-button.css";
 
-const definition = {...{"contract":{"tag":"ui-button","props":{"align":{"type":{"kind":"terminal","name":"keyword"},"values":["center","start"],"required":false,"target":{"attribute":"align"},"default":"center"},"as":{"type":{"kind":"terminal","name":"keyword"},"values":["button","a"],"required":false,"target":{"attribute":"as"},"default":"button"},"disabled":{"type":"boolean","required":false,"target":{"attribute":"disabled"},"default":false},"href":{"type":"string","required":false,"target":{"attribute":"href"}},"loading":{"type":"boolean","required":false,"target":{"attribute":"loading"},"default":false},"pending":{"type":"boolean","required":false,"target":{"attribute":"pending"},"default":false},"rel":{"type":"string","required":false,"target":{"attribute":"rel"}},"shape":{"type":{"kind":"terminal","name":"keyword"},"values":["rounded","pill"],"required":false,"target":{"attribute":"shape"},"default":"rounded"},"size":{"type":{"kind":"terminal","name":"keyword"},"values":["xs","sm","md","lg"],"required":false,"target":{"attribute":"size"},"default":"md"},"stretch":{"type":"boolean","required":false,"target":{"attribute":"stretch"},"default":false},"target":{"type":"string","required":false,"target":{"attribute":"target"}},"tone":{"type":{"kind":"terminal","name":"keyword"},"values":["accent","neutral","danger","success","warning","info"],"required":false,"target":{"attribute":"tone"},"default":"accent"},"type":{"type":{"kind":"terminal","name":"keyword"},"values":["button","submit","reset"],"required":false,"target":{"attribute":"type"},"default":"button"},"variant":{"type":{"kind":"terminal","name":"keyword"},"values":["outline","solid","danger","ghost","link","card"],"required":false,"target":{"attribute":"variant"},"default":"outline"}}},"template":{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"a","attributes":[{"kind":"attribute","name":"href","expression":"{ true: null, false: href }[concat(disabled or loading or pending)]","expressionPlan":{"source":"{ true: null, false: href }[concat(disabled or loading or pending)]","ast":{"kind":"index","object":{"kind":"object","pairs":[{"key":"true","value":{"kind":"literal","value":null}},{"key":"false","value":{"kind":"id","name":"href"}}]},"index":{"kind":"call","fn":"concat","args":[{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"loading"}},"right":{"kind":"id","name":"pending"}}]}},"dependencies":["disabled","href","loading","pending"]}},{"kind":"attribute","name":"target","expression":"target","expressionPlan":{"source":"target","ast":{"kind":"id","name":"target"},"dependencies":["target"]}},{"kind":"attribute","name":"rel","expression":"rel","expressionPlan":{"source":"rel","ast":{"kind":"id","name":"rel"},"dependencies":["rel"]}},{"kind":"attribute","name":"aria-disabled","expression":"{ true: 'true', false: null }[concat(disabled or loading or pending)]","expressionPlan":{"source":"{ true: 'true', false: null }[concat(disabled or loading or pending)]","ast":{"kind":"index","object":{"kind":"object","pairs":[{"key":"true","value":{"kind":"literal","value":"true"}},{"key":"false","value":{"kind":"literal","value":null}}]},"index":{"kind":"call","fn":"concat","args":[{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"loading"}},"right":{"kind":"id","name":"pending"}}]}},"dependencies":["disabled","loading","pending"]}},{"kind":"attribute","name":"aria-busy","expression":"loading or pending","expressionPlan":{"source":"loading or pending","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}},"dependencies":["loading","pending"]}},{"kind":"attribute","name":"tabindex","expression":"{ true: '0', false: null }[concat((loading or pending) and not disabled)]","expressionPlan":{"source":"{ true: '0', false: null }[concat((loading or pending) and not disabled)]","ast":{"kind":"index","object":{"kind":"object","pairs":[{"key":"true","value":{"kind":"literal","value":"0"}},{"key":"false","value":{"kind":"literal","value":null}}]},"index":{"kind":"call","fn":"concat","args":[{"kind":"binary","op":"and","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"disabled"}}}]}},"dependencies":["disabled","loading","pending"]}}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"card-icon"}],"children":[{"kind":"element","name":"ui-spinner","attributes":[{"kind":"literal","name":"size","value":"sm"}],"children":[],"flow":{"kind":"if","test":"loading or pending","testPlan":{"source":"loading or pending","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}},"dependencies":["loading","pending"]}}},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"slot","fallback":[],"name":"icon"}],"flow":{"kind":"if","test":"not (loading or pending)","testPlan":{"source":"not (loading or pending)","ast":{"kind":"unary","op":"not","operand":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}}},"dependencies":["loading","pending"]}}}]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"card-content"}],"children":[{"kind":"slot"}]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"card-action"}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"chevron-right"},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]}],"name":"action"}]}],"flow":{"kind":"when","test":"variant = 'card' and as = 'a'","testPlan":{"source":"variant = 'card' and as = 'a'","ast":{"kind":"binary","op":"and","left":{"kind":"binary","op":"=","left":{"kind":"id","name":"variant"},"right":{"kind":"literal","value":"card"}},"right":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"a"}}},"dependencies":["as","variant"]}}},{"kind":"element","name":"button","attributes":[{"kind":"attribute","name":"type","expression":"type","expressionPlan":{"source":"type","ast":{"kind":"id","name":"type"},"dependencies":["type"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}},{"kind":"attribute","name":"aria-disabled","expression":"{ true: 'true', false: null }[concat(loading or pending)]","expressionPlan":{"source":"{ true: 'true', false: null }[concat(loading or pending)]","ast":{"kind":"index","object":{"kind":"object","pairs":[{"key":"true","value":{"kind":"literal","value":"true"}},{"key":"false","value":{"kind":"literal","value":null}}]},"index":{"kind":"call","fn":"concat","args":[{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}}]}},"dependencies":["loading","pending"]}},{"kind":"attribute","name":"aria-busy","expression":"loading or pending","expressionPlan":{"source":"loading or pending","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}},"dependencies":["loading","pending"]}}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"card-icon"}],"children":[{"kind":"element","name":"ui-spinner","attributes":[{"kind":"literal","name":"size","value":"sm"}],"children":[],"flow":{"kind":"if","test":"loading or pending","testPlan":{"source":"loading or pending","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}},"dependencies":["loading","pending"]}}},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"slot","fallback":[],"name":"icon"}],"flow":{"kind":"if","test":"not (loading or pending)","testPlan":{"source":"not (loading or pending)","ast":{"kind":"unary","op":"not","operand":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}}},"dependencies":["loading","pending"]}}}]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"card-content"}],"children":[{"kind":"slot"}]},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"card-action"}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"chevron-right"},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[]}],"name":"action"}]}],"flow":{"kind":"when","test":"variant = 'card'","testPlan":{"source":"variant = 'card'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"variant"},"right":{"kind":"literal","value":"card"}},"dependencies":["variant"]}}},{"kind":"element","name":"a","attributes":[{"kind":"attribute","name":"href","expression":"{ true: null, false: href }[concat(disabled or loading or pending)]","expressionPlan":{"source":"{ true: null, false: href }[concat(disabled or loading or pending)]","ast":{"kind":"index","object":{"kind":"object","pairs":[{"key":"true","value":{"kind":"literal","value":null}},{"key":"false","value":{"kind":"id","name":"href"}}]},"index":{"kind":"call","fn":"concat","args":[{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"loading"}},"right":{"kind":"id","name":"pending"}}]}},"dependencies":["disabled","href","loading","pending"]}},{"kind":"attribute","name":"target","expression":"target","expressionPlan":{"source":"target","ast":{"kind":"id","name":"target"},"dependencies":["target"]}},{"kind":"attribute","name":"rel","expression":"rel","expressionPlan":{"source":"rel","ast":{"kind":"id","name":"rel"},"dependencies":["rel"]}},{"kind":"attribute","name":"aria-disabled","expression":"{ true: 'true', false: null }[concat(disabled or loading or pending)]","expressionPlan":{"source":"{ true: 'true', false: null }[concat(disabled or loading or pending)]","ast":{"kind":"index","object":{"kind":"object","pairs":[{"key":"true","value":{"kind":"literal","value":"true"}},{"key":"false","value":{"kind":"literal","value":null}}]},"index":{"kind":"call","fn":"concat","args":[{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"loading"}},"right":{"kind":"id","name":"pending"}}]}},"dependencies":["disabled","loading","pending"]}},{"kind":"attribute","name":"aria-busy","expression":"loading or pending","expressionPlan":{"source":"loading or pending","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}},"dependencies":["loading","pending"]}},{"kind":"attribute","name":"tabindex","expression":"{ true: '0', false: null }[concat((loading or pending) and not disabled)]","expressionPlan":{"source":"{ true: '0', false: null }[concat((loading or pending) and not disabled)]","ast":{"kind":"index","object":{"kind":"object","pairs":[{"key":"true","value":{"kind":"literal","value":"0"}},{"key":"false","value":{"kind":"literal","value":null}}]},"index":{"kind":"call","fn":"concat","args":[{"kind":"binary","op":"and","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"disabled"}}}]}},"dependencies":["disabled","loading","pending"]}}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"spinner-wrap"}],"children":[{"kind":"element","name":"ui-spinner","attributes":[{"kind":"literal","name":"size","value":"sm"}],"children":[]}],"flow":{"kind":"if","test":"loading or pending","testPlan":{"source":"loading or pending","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}},"dependencies":["loading","pending"]}}},{"kind":"slot"}],"flow":{"kind":"when","test":"as = 'a'","testPlan":{"source":"as = 'a'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"as"},"right":{"kind":"literal","value":"a"}},"dependencies":["as"]}}},{"kind":"element","name":"button","attributes":[{"kind":"attribute","name":"type","expression":"type","expressionPlan":{"source":"type","ast":{"kind":"id","name":"type"},"dependencies":["type"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}},{"kind":"attribute","name":"aria-disabled","expression":"{ true: 'true', false: null }[concat(loading or pending)]","expressionPlan":{"source":"{ true: 'true', false: null }[concat(loading or pending)]","ast":{"kind":"index","object":{"kind":"object","pairs":[{"key":"true","value":{"kind":"literal","value":"true"}},{"key":"false","value":{"kind":"literal","value":null}}]},"index":{"kind":"call","fn":"concat","args":[{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}}]}},"dependencies":["loading","pending"]}},{"kind":"attribute","name":"aria-busy","expression":"loading or pending","expressionPlan":{"source":"loading or pending","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}},"dependencies":["loading","pending"]}}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"spinner-wrap"}],"children":[{"kind":"element","name":"ui-spinner","attributes":[{"kind":"literal","name":"size","value":"sm"}],"children":[]}],"flow":{"kind":"if","test":"loading or pending","testPlan":{"source":"loading or pending","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"loading"},"right":{"kind":"id","name":"pending"}},"dependencies":["loading","pending"]}}},{"kind":"slot"}],"flow":{"kind":"else"}}],"flow":{"kind":"match"}},"declarations":[],"root":{"kind":"native","element":"button","choices":["a","button"]}},source:{file:import.meta.url},css:""};
+const T0 = ["",[],["span",["class","card-icon"],1,1],["span",["class","card-content"],4],["span",["class","card-action"],4]];
+const T1 = ["ui-spinner",["size","sm"]];
+const T2 = ["",[],4];
+const T3 = ["",[]];
+const T4 = ["",[]];
+const T5 = ["",[],["ui-icon",["name","chevron-right","aria-hidden","true"]]];
+const T6 = ["",[],["span",["class","card-icon"],1,1],["span",["class","card-content"],4],["span",["class","card-action"],4]];
+const T7 = ["ui-spinner",["size","sm"]];
+const T8 = ["",[],4];
+const T9 = ["",[]];
+const T10 = ["",[]];
+const T11 = ["",[],["ui-icon",["name","chevron-right","aria-hidden","true"]]];
+const T12 = ["",[],1,4];
+const T13 = ["span",["class","spinner-wrap"],["ui-spinner",["size","sm"]]];
+const T14 = ["",[]];
+const T15 = ["",[],1,4];
+const T16 = ["span",["class","spinner-wrap"],["ui-spinner",["size","sm"]]];
+const T17 = ["",[]];
+let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17;
+const S = { n: [], t: [], f: import.meta.url, g: "ui-button" };
+const A = [["a",{},[],"",[],["data-ui-button-state","data-align","data-as","data-disabled","data-href","data-loading","data-pending","data-rel","data-shape","data-size","data-stretch","data-target","data-tone","data-type","data-variant","href","target","rel","aria-disabled","aria-busy","tabindex"]],["button",{},[],"",[],["data-ui-button-state","data-align","data-as","data-disabled","data-href","data-loading","data-pending","data-rel","data-shape","data-size","data-stretch","data-target","data-tone","data-type","data-variant","type","disabled","aria-disabled","aria-busy"]],["a",{},[],"",[],["data-ui-button-state","data-align","data-as","data-disabled","data-href","data-loading","data-pending","data-rel","data-shape","data-size","data-stretch","data-target","data-tone","data-type","data-variant","href","target","rel","aria-disabled","aria-busy","tabindex"]],["button",{},[],"",[],["data-ui-button-state","data-align","data-as","data-disabled","data-href","data-loading","data-pending","data-rel","data-shape","data-size","data-stretch","data-target","data-tone","data-type","data-variant","type","disabled","aria-disabled","aria-busy"]]];
+const Q = [[],[],[],[]];
+const D = { props: { "align": { "required":false,"values":["center","start"],"default":"center", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "as": { "required":false,"values":["button","a"],"default":"button", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "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),false] }, "size": { "required":false,"values":["xs","sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "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),false] }, "type": { "required":false,"values":["button","submit","reset"],"default":"button", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "variant": { "required":false,"values":["outline","solid","danger","ghost","link","card"],"default":"outline", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const C = (host) => controller.default(host);
 
-export function createUiButton(options = {}) {
+export function createUiButton(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, null, null, null, null];
+  acceptProps(undefined, D, S.n, v, componentProps, [], html);
+  let a = (((v[13] === "card") && (v[1] === "a")) ? 0 : (v[13] === "card") ? 1 : (v[1] === "a") ? 2 : 3);
   let element;
-  if (root === 0) {
+  if (a === 0) {
     element = document.createElement("a");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
-    const value0 = componentProps["target"] === undefined ? null : componentProps["target"];
-    if (value0 === null || value0 === undefined) element.removeAttribute("target");
-    else element.setAttribute("target", String(value0));
-    const value1 = componentProps["rel"] === undefined ? null : componentProps["rel"];
-    if (value1 === null || value1 === undefined) element.removeAttribute("rel");
-    else element.setAttribute("rel", String(value1));
     element.setAttribute("data-component", "ui-button");
-    const element0 = document.createElement("span");
-    element0.setAttribute("class", "card-icon");
-    const element1 = document.createElement("ui-spinner");
-    element1.setAttribute("size", "sm");
-    element0.append(element1);
-    const element2 = document.createElement("template");
-    if (slots["icon"] ?? [].length > 0) {
-      for (const child of slots["icon"] ?? []) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, "icon"]);
-        element2.append(node);
-      }
-    } else {
-    }
-    element0.append(element2);
-    element.append(element0);
-    const element3 = document.createElement("span");
-    element3.setAttribute("class", "card-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, ""]);
-        element3.append(node);
-      }
-    } else {
-    }
-    element.append(element3);
-    const element4 = document.createElement("span");
-    element4.setAttribute("class", "card-action");
-    if (slots["action"] ?? [].length > 0) {
-      for (const child of slots["action"] ?? []) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, "action"]);
-        element4.append(node);
-      }
-    } else {
-    const element5 = document.createElement("ui-icon");
-    element5.setAttribute("name", "chevron-right");
-    element5.setAttribute("aria-hidden", "true");
-    element4.append(element5);
-    }
-    element.append(element4);
-  } else if (root === 1) {
+  } else if (a === 1) {
     element = document.createElement("button");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
-    const value2 = componentProps["type"] === undefined ? "button" : componentProps["type"];
-    if (value2 === null || value2 === undefined) element.removeAttribute("type");
-    else element.setAttribute("type", String(value2));
-    const value3 = componentProps["disabled"] === undefined ? false : componentProps["disabled"];
-    if (value3 === true) element.setAttribute("disabled", "");
-    else element.removeAttribute("disabled");
     element.setAttribute("data-component", "ui-button");
-    const element6 = document.createElement("span");
-    element6.setAttribute("class", "card-icon");
-    const element7 = document.createElement("ui-spinner");
-    element7.setAttribute("size", "sm");
-    element6.append(element7);
-    const element8 = document.createElement("template");
-    if (slots["icon"] ?? [].length > 0) {
-      for (const child of slots["icon"] ?? []) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, "icon"]);
-        element8.append(node);
-      }
-    } else {
-    }
-    element6.append(element8);
-    element.append(element6);
-    const element9 = document.createElement("span");
-    element9.setAttribute("class", "card-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, ""]);
-        element9.append(node);
-      }
-    } else {
-    }
-    element.append(element9);
-    const element10 = document.createElement("span");
-    element10.setAttribute("class", "card-action");
-    if (slots["action"] ?? [].length > 0) {
-      for (const child of slots["action"] ?? []) {
-        const node = typeof child === "string" ? document.createTextNode(child) : child;
-        if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-        projected.push([node, "action"]);
-        element10.append(node);
-      }
-    } else {
-    const element11 = document.createElement("ui-icon");
-    element11.setAttribute("name", "chevron-right");
-    element11.setAttribute("aria-hidden", "true");
-    element10.append(element11);
-    }
-    element.append(element10);
-  } else if (root === 2) {
+  } else if (a === 2) {
     element = document.createElement("a");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
-    const value4 = componentProps["target"] === undefined ? null : componentProps["target"];
-    if (value4 === null || value4 === undefined) element.removeAttribute("target");
-    else element.setAttribute("target", String(value4));
-    const value5 = componentProps["rel"] === undefined ? null : componentProps["rel"];
-    if (value5 === null || value5 === undefined) element.removeAttribute("rel");
-    else element.setAttribute("rel", String(value5));
     element.setAttribute("data-component", "ui-button");
-    const element12 = document.createElement("span");
-    element12.setAttribute("class", "spinner-wrap");
-    const element13 = document.createElement("ui-spinner");
-    element13.setAttribute("size", "sm");
-    element12.append(element13);
-    element.append(element12);
-    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("button");
     for (const [name, value] of Object.entries(attributes)) {
       if (value === null || value === undefined || value === false) continue;
       element.setAttribute(name, value === true ? "" : String(value));
     }
-    const value6 = componentProps["type"] === undefined ? "button" : componentProps["type"];
-    if (value6 === null || value6 === undefined) element.removeAttribute("type");
-    else element.setAttribute("type", String(value6));
-    const value7 = componentProps["disabled"] === undefined ? false : componentProps["disabled"];
-    if (value7 === true) element.setAttribute("disabled", "");
-    else element.removeAttribute("disabled");
     element.setAttribute("data-component", "ui-button");
-    const element14 = document.createElement("span");
-    element14.setAttribute("class", "spinner-wrap");
-    const element15 = document.createElement("ui-spinner");
-    element15.setAttribute("size", "sm");
-    element14.append(element15);
-    element.append(element14);
-    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 m2 = (d) => {
+    const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p2(r, -1, d);
+    return r;
+  };
+  const p2 = (r, c, d) => {
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "icon", 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 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 m7 = (d) => {
+    const n = (P7 ??= buildTemplate(T7)).cloneNode(true);
+    const r = { n };
+    p7(r, -1, d);
+    return r;
+  };
+  const p7 = (r, c, d) => {
+  };
+  const m8 = (d) => {
+    const n = (P8 ??= buildTemplate(T8)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    p8(r, -1, d);
+    return r;
+  };
+  const p8 = (r, c, d) => {
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "icon", 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 m9 = (d) => {
+    const n = (P9 ??= buildTemplate(T9)).cloneNode(true);
+    const r = { n };
+    p9(r, -1, d);
+    return r;
+  };
+  const p9 = (r, c, d) => {
+  };
+  const m10 = (d) => {
+    const n = (P10 ??= buildTemplate(T10)).cloneNode(true);
+    const r = { n };
+    p10(r, -1, d);
+    return r;
+  };
+  const p10 = (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 m14 = (d) => {
+    const n = (P14 ??= buildTemplate(T14)).cloneNode(true);
+    const r = { n };
+    p14(r, -1, d);
+    return r;
+  };
+  const p14 = (r, c, d) => {
+  };
+  const m16 = (d) => {
+    const n = (P16 ??= buildTemplate(T16)).cloneNode(true);
+    const r = { n };
+    p16(r, -1, d);
+    return r;
+  };
+  const p16 = (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 m0 = (n, d) => {
+    n.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+    const t0 = n.firstChild;
+    const t1 = t0.firstChild;
+    const t2 = t1.nextSibling.nextSibling;
+    const t3 = t0.nextSibling;
+    const t4 = t3.firstChild;
+    const t5 = t3.nextSibling.firstChild;
+    const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, v5: undefined, v6: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, a2: t2, e1: t2.nextSibling, b1: undefined, a3: t4, e2: t4.nextSibling, b2: undefined, f2: undefined, a4: t5, e3: t5.nextSibling, b3: undefined, f3: undefined };
+    r.z = [() => dispose(r.b1)];
+    p0(r, -1, d);
+    return r;
+  };
+  const p0 = (r, c, d) => {
+    if (c & 1073741884) {
+      const x0 = readIndex({ "true": null, "false": v[3] }, textCall("concat", [((truthy(v[2]) || truthy(v[4])) || truthy(v[5]))]));
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "href");
+        if (s0 !== r.v0) writeUrlAttribute(r.n, "href", r.v0 = s0);
       }
-    } else {
     }
-  }
-  manageComponentLifecycle(element, definition, { props: componentProps, projected,
-    controller,
-  });
+    if (c & 1024) {
+      const x1 = v[10];
+      const s1 = toAttribute(x1, "target");
+      if (s1 !== r.v1) writeAttribute(r.n, "target", r.v1 = s1);
+    }
+    if (c & 64) {
+      const x2 = v[6];
+      const s2 = toAttribute(x2, "rel");
+      if (s2 !== r.v2) writeAttribute(r.n, "rel", r.v2 = s2);
+    }
+    if (c & 1073741876) {
+      const x3 = readIndex({ "true": "true", "false": null }, textCall("concat", [((truthy(v[2]) || truthy(v[4])) || truthy(v[5]))]));
+      if (x3 !== NONCONFORMING) {
+        const s3 = toAttribute(x3, "aria-disabled");
+        if (s3 !== r.v3) writeAttribute(r.n, "aria-disabled", r.v3 = s3);
+      }
+    }
+    if (c & 48) {
+      const x4 = (truthy(v[4]) || truthy(v[5]));
+      const s4 = toAttribute(x4, "aria-busy");
+      if (s4 !== r.v4) writeAttribute(r.n, "aria-busy", r.v4 = s4);
+    }
+    if (c & 1073741876) {
+      const x5 = readIndex({ "true": "0", "false": null }, textCall("concat", [((truthy(v[4]) || truthy(v[5])) && !truthy(v[2]))]));
+      if (x5 !== NONCONFORMING) {
+        const s5 = toAttribute(x5, "tabindex");
+        if (s5 !== r.v5) writeAttribute(r.n, "tabindex", r.v5 = s5);
+      }
+    }
+    if (c & 11185) {
+      const x6 = hostState(["align","stretch","size","shape","variant","tone","loading","pending"], [v[0], v[9], v[8], v[7], v[13], v[11], v[4], v[5]]);
+      const s6 = x6;
+      if (s6 !== r.v6) writeAttribute(r.n, "data-ui-button-state", (r.v6 = s6) === "" ? null : s6);
+    }
+    if (c & 48) {
+      const t0 = (truthy(v[4]) || truthy(v[5]));
+      if (true) {
+        {
+          r.b0 = undefined;
+          clearRegion(r.a1, r.e0);
+          if (t0) { r.b0 = m1(d); r.e0.before(r.b0.n); }
+        }
+      } else if (r.b0 !== undefined) p1(r.b0, c, d);
+    } else if (r.b0 !== undefined) p1(r.b0, c, d);
+    if (c & 48) {
+      const t1 = !(truthy(v[4]) || truthy(v[5]));
+      if (true) {
+        {
+          dispose(r.b1);
+          r.b1 = undefined;
+          clearRegion(r.a2, r.e1);
+          if (t1) { r.b1 = m2(d); r.e1.before(r.b1.n); }
+        }
+      } else if (r.b1 !== undefined) p2(r.b1, c, d);
+    } else if (r.b1 !== undefined) p2(r.b1, c, d);
+    if (r.f2 === undefined) { r.f2 = 1; const at = fillSlot(r.a3, r.e2, "", 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.b2 = m4(d); at.before(r.b2.n); } }
+    else if (r.b2 !== undefined) p4(r.b2, c, d);
+    if (r.f3 === undefined) { r.f3 = 1; const at = fillSlot(r.a4, r.e3, "action", J, true, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b3 = m5(d); at.before(r.b3.n); } }
+    else if (r.b3 !== undefined) p5(r.b3, c, d);
+  };
+  const m6 = (n, d) => {
+    n.append((P6 ??= buildTemplate(T6)).cloneNode(true));
+    const t0 = n.firstChild;
+    const t1 = t0.firstChild;
+    const t2 = t1.nextSibling.nextSibling;
+    const t3 = t0.nextSibling;
+    const t4 = t3.firstChild;
+    const t5 = t3.nextSibling.firstChild;
+    const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, a2: t2, e1: t2.nextSibling, b1: undefined, a3: t4, e2: t4.nextSibling, b2: undefined, f2: undefined, a4: t5, e3: t5.nextSibling, b3: undefined, f3: undefined };
+    r.z = [() => dispose(r.b1)];
+    p6(r, -1, d);
+    return r;
+  };
+  const p6 = (r, c, d) => {
+    if (c & 1073745920) {
+      const x0 = v[12];
+      const s0 = toAttribute(x0, "type");
+      if (s0 !== r.v0) writeAttribute(r.n, "type", r.v0 = s0);
+    }
+    if (c & 4) {
+      const x1 = v[2];
+      const s1 = toAttribute(x1, "disabled");
+      if (s1 !== r.v1) writeAttribute(r.n, "disabled", r.v1 = s1);
+    }
+    if (c & 1073741872) {
+      const x2 = readIndex({ "true": "true", "false": null }, textCall("concat", [(truthy(v[4]) || truthy(v[5]))]));
+      if (x2 !== NONCONFORMING) {
+        const s2 = toAttribute(x2, "aria-disabled");
+        if (s2 !== r.v2) writeAttribute(r.n, "aria-disabled", r.v2 = s2);
+      }
+    }
+    if (c & 48) {
+      const x3 = (truthy(v[4]) || truthy(v[5]));
+      const s3 = toAttribute(x3, "aria-busy");
+      if (s3 !== r.v3) writeAttribute(r.n, "aria-busy", r.v3 = s3);
+    }
+    if (c & 11185) {
+      const x4 = hostState(["align","stretch","size","shape","variant","tone","loading","pending"], [v[0], v[9], v[8], v[7], v[13], v[11], v[4], v[5]]);
+      const s4 = x4;
+      if (s4 !== r.v4) writeAttribute(r.n, "data-ui-button-state", (r.v4 = s4) === "" ? null : s4);
+    }
+    if (c & 48) {
+      const t0 = (truthy(v[4]) || truthy(v[5]));
+      if (true) {
+        {
+          r.b0 = undefined;
+          clearRegion(r.a1, r.e0);
+          if (t0) { r.b0 = m7(d); r.e0.before(r.b0.n); }
+        }
+      } else if (r.b0 !== undefined) p7(r.b0, c, d);
+    } else if (r.b0 !== undefined) p7(r.b0, c, d);
+    if (c & 48) {
+      const t1 = !(truthy(v[4]) || truthy(v[5]));
+      if (true) {
+        {
+          dispose(r.b1);
+          r.b1 = undefined;
+          clearRegion(r.a2, r.e1);
+          if (t1) { r.b1 = m8(d); r.e1.before(r.b1.n); }
+        }
+      } else if (r.b1 !== undefined) p8(r.b1, c, d);
+    } else if (r.b1 !== undefined) p8(r.b1, c, d);
+    if (r.f2 === undefined) { r.f2 = 1; const at = fillSlot(r.a3, r.e2, "", 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.b2 = m10(d); at.before(r.b2.n); } }
+    else if (r.b2 !== undefined) p10(r.b2, c, d);
+    if (r.f3 === undefined) { r.f3 = 1; const at = fillSlot(r.a4, r.e3, "action", J, true, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b3 = m11(d); at.before(r.b3.n); } }
+    else if (r.b3 !== undefined) p11(r.b3, c, d);
+  };
+  const m12 = (n, d) => {
+    n.append((P12 ??= buildTemplate(T12)).cloneNode(true));
+    const t0 = n.firstChild;
+    const t1 = t0.nextSibling.nextSibling;
+    const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, v5: undefined, v6: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, a2: t1, e1: t1.nextSibling, b1: undefined, f1: undefined };
+    p12(r, -1, d);
+    return r;
+  };
+  const p12 = (r, c, d) => {
+    if (c & 1073741884) {
+      const x0 = readIndex({ "true": null, "false": v[3] }, textCall("concat", [((truthy(v[2]) || truthy(v[4])) || truthy(v[5]))]));
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "href");
+        if (s0 !== r.v0) writeUrlAttribute(r.n, "href", r.v0 = s0);
+      }
+    }
+    if (c & 1024) {
+      const x1 = v[10];
+      const s1 = toAttribute(x1, "target");
+      if (s1 !== r.v1) writeAttribute(r.n, "target", r.v1 = s1);
+    }
+    if (c & 64) {
+      const x2 = v[6];
+      const s2 = toAttribute(x2, "rel");
+      if (s2 !== r.v2) writeAttribute(r.n, "rel", r.v2 = s2);
+    }
+    if (c & 1073741876) {
+      const x3 = readIndex({ "true": "true", "false": null }, textCall("concat", [((truthy(v[2]) || truthy(v[4])) || truthy(v[5]))]));
+      if (x3 !== NONCONFORMING) {
+        const s3 = toAttribute(x3, "aria-disabled");
+        if (s3 !== r.v3) writeAttribute(r.n, "aria-disabled", r.v3 = s3);
+      }
+    }
+    if (c & 48) {
+      const x4 = (truthy(v[4]) || truthy(v[5]));
+      const s4 = toAttribute(x4, "aria-busy");
+      if (s4 !== r.v4) writeAttribute(r.n, "aria-busy", r.v4 = s4);
+    }
+    if (c & 1073741876) {
+      const x5 = readIndex({ "true": "0", "false": null }, textCall("concat", [((truthy(v[4]) || truthy(v[5])) && !truthy(v[2]))]));
+      if (x5 !== NONCONFORMING) {
+        const s5 = toAttribute(x5, "tabindex");
+        if (s5 !== r.v5) writeAttribute(r.n, "tabindex", r.v5 = s5);
+      }
+    }
+    if (c & 11185) {
+      const x6 = hostState(["align","stretch","size","shape","variant","tone","loading","pending"], [v[0], v[9], v[8], v[7], v[13], v[11], v[4], v[5]]);
+      const s6 = x6;
+      if (s6 !== r.v6) writeAttribute(r.n, "data-ui-button-state", (r.v6 = s6) === "" ? null : s6);
+    }
+    if (c & 48) {
+      const t0 = (truthy(v[4]) || truthy(v[5]));
+      if (true) {
+        {
+          r.b0 = undefined;
+          clearRegion(r.a1, r.e0);
+          if (t0) { r.b0 = m13(d); r.e0.before(r.b0.n); }
+        }
+      } else if (r.b0 !== undefined) p13(r.b0, c, d);
+    } else if (r.b0 !== undefined) p13(r.b0, c, d);
+    if (r.f1 === undefined) { r.f1 = 1; const at = fillSlot(r.a2, r.e1, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b1 = m14(d); at.before(r.b1.n); } }
+    else if (r.b1 !== undefined) p14(r.b1, c, d);
+  };
+  const m15 = (n, d) => {
+    n.append((P15 ??= buildTemplate(T15)).cloneNode(true));
+    const t0 = n.firstChild;
+    const t1 = t0.nextSibling.nextSibling;
+    const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, a2: t1, e1: t1.nextSibling, b1: undefined, f1: undefined };
+    p15(r, -1, d);
+    return r;
+  };
+  const p15 = (r, c, d) => {
+    if (c & 1073745920) {
+      const x0 = v[12];
+      const s0 = toAttribute(x0, "type");
+      if (s0 !== r.v0) writeAttribute(r.n, "type", r.v0 = s0);
+    }
+    if (c & 4) {
+      const x1 = v[2];
+      const s1 = toAttribute(x1, "disabled");
+      if (s1 !== r.v1) writeAttribute(r.n, "disabled", r.v1 = s1);
+    }
+    if (c & 1073741872) {
+      const x2 = readIndex({ "true": "true", "false": null }, textCall("concat", [(truthy(v[4]) || truthy(v[5]))]));
+      if (x2 !== NONCONFORMING) {
+        const s2 = toAttribute(x2, "aria-disabled");
+        if (s2 !== r.v2) writeAttribute(r.n, "aria-disabled", r.v2 = s2);
+      }
+    }
+    if (c & 48) {
+      const x3 = (truthy(v[4]) || truthy(v[5]));
+      const s3 = toAttribute(x3, "aria-busy");
+      if (s3 !== r.v3) writeAttribute(r.n, "aria-busy", r.v3 = s3);
+    }
+    if (c & 11185) {
+      const x4 = hostState(["align","stretch","size","shape","variant","tone","loading","pending"], [v[0], v[9], v[8], v[7], v[13], v[11], v[4], v[5]]);
+      const s4 = x4;
+      if (s4 !== r.v4) writeAttribute(r.n, "data-ui-button-state", (r.v4 = s4) === "" ? null : s4);
+    }
+    if (c & 48) {
+      const t0 = (truthy(v[4]) || truthy(v[5]));
+      if (true) {
+        {
+          r.b0 = undefined;
+          clearRegion(r.a1, r.e0);
+          if (t0) { r.b0 = m16(d); r.e0.before(r.b0.n); }
+        }
+      } else if (r.b0 !== undefined) p16(r.b0, c, d);
+    } else if (r.b0 !== undefined) p16(r.b0, c, d);
+    if (r.f1 === undefined) { r.f1 = 1; const at = fillSlot(r.a2, r.e1, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b1 = m17(d); at.before(r.b1.n); } }
+    else if (r.b1 !== undefined) p17(r.b1, c, d);
+  };
+  const M = [m0, m6, m12, m15], N = [p0, p6, p12, p15];
+  let R;
+  const p = (c, d) => {
+    if (R === null) return;
+    if (R === undefined) { R = M[a](element, d); return; }
+    if (c & 8194) {
+      const t = (((v[13] === "card") && (v[1] === "a")) ? 0 : (v[13] === "card") ? 1 : (v[1] === "a") ? 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;
+      }
+    }
+    N[a](R, c, d);
+  };
+  const I = { B };
+  const J = project(I, children, slots);
+  attachGeneratedController(element, S, v, p, C, undefined, I);
+  manageProps(I);
   return element;
 }
-