@threadlabs/looma 0.25.7 → 0.26.1

package/styles/ui-top-bar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-top-bar-actions-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-tree-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-tree-item-depth {
       syntax: "*";
       inherits: false;

package/styles/ui-tree.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-tree-drop-color {
       syntax: "*";
       inherits: false;

package/vanilla/UiActionBar.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 UiActionBarEventMap {
 }
 export interface UiActionBarElement extends HTMLDivElement {

package/vanilla/UiActionBar.js

@@ -1,63 +1,81 @@
-// 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.
+import { attachGeneratedController, buildTemplate, dispose, project, fillSlot } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-action-bar.css";
 
+const T0 = ["",[],["div",["class","bar"],["span",["class","tertiary"],4],["span",["class","secondary"],4,4],["span",["class","primary"],4]]];
+const T1 = ["",[]];
+const T2 = ["",[]];
+const T3 = ["",[]];
+const T4 = ["",[]];
+let P0, P1, P2, P3, P4;
+const S = { n: [], t: [], f: import.meta.url, g: "ui-action-bar" };
+
 export function createUiActionBar(options = {}) {
-  const { attributes = {}, children = [], slots = {} } = options;
-  const projected = [];
+  const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
   const element = document.createElement("div");
   for (const [name, value] of Object.entries(attributes)) {
     if (value === null || value === undefined || value === false) continue;
     element.setAttribute(name, value === true ? "" : String(value));
   }
   element.setAttribute("data-component", "ui-action-bar");
-  const element0 = document.createElement("div");
-  element0.setAttribute("class", "bar");
-  const element1 = document.createElement("span");
-  element1.setAttribute("class", "tertiary");
-  if (slots["tertiary"] ?? [].length > 0) {
-    for (const child of slots["tertiary"] ?? []) {
-      const node = typeof child === "string" ? document.createTextNode(child) : child;
-      if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-      projected.push([node, "tertiary"]);
-      element1.append(node);
-    }
-  } else {
-  }
-  element0.append(element1);
-  const element2 = document.createElement("span");
-  element2.setAttribute("class", "secondary");
-  if (slots["secondary"] ?? [].length > 0) {
-    for (const child of slots["secondary"] ?? []) {
-      const node = typeof child === "string" ? document.createTextNode(child) : child;
-      if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-      projected.push([node, "secondary"]);
-      element2.append(node);
-    }
-  } else {
-  }
-  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, ""]);
-      element2.append(node);
-    }
-  } else {
-  }
-  element0.append(element2);
-  const element3 = document.createElement("span");
-  element3.setAttribute("class", "primary");
-  if (slots["primary"] ?? [].length > 0) {
-    for (const child of slots["primary"] ?? []) {
-      const node = typeof child === "string" ? document.createTextNode(child) : child;
-      if (node.nodeType === 1) node.setAttribute("data-slotted", "");
-      projected.push([node, "primary"]);
-      element3.append(node);
-    }
-  } else {
-  }
-  element0.append(element3);
-  element.append(element0);
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  const v = [];
+  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 p0 = (r, c, d) => {
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "tertiary", 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);
+    if (r.f1 === undefined) { r.f1 = 1; const at = fillSlot(r.a1, r.e1, "secondary", 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 = m2(d); at.before(r.b1.n); } }
+    else if (r.b1 !== undefined) p2(r.b1, c, d);
+    if (r.f2 === undefined) { r.f2 = 1; const at = fillSlot(r.a2, 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 = m3(d); at.before(r.b2.n); } }
+    else if (r.b2 !== undefined) p3(r.b2, c, d);
+    if (r.f3 === undefined) { r.f3 = 1; const at = fillSlot(r.a3, r.e3, "primary", 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.b3 = m4(d); at.before(r.b3.n); } }
+    else if (r.b3 !== undefined) p4(r.b3, c, d);
+  };
+  const t0 = element.firstChild;
+  const t1 = t0.firstChild;
+  const t2 = t1.firstChild;
+  const t3 = t1.nextSibling;
+  const t4 = t3.firstChild;
+  const t5 = t4.nextSibling.nextSibling;
+  const t6 = t3.nextSibling.firstChild;
+  const R = { a0: t2, e0: t2.nextSibling, b0: undefined, f0: undefined, a1: t4, e1: t4.nextSibling, b1: undefined, f1: undefined, a2: t5, e2: t5.nextSibling, b2: undefined, f2: undefined, a3: t6, e3: t6.nextSibling, b3: undefined, f3: undefined };
+  const I = {};
+  const J = project(I, children, slots);
+  attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
   return element;
 }
-

package/vanilla/UiAffordanceScope.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 UiAffordanceScopeEventMap {
 }
 export interface UiAffordanceScopeElement extends HTMLSpanElement {

package/vanilla/UiAffordanceScope.js

@@ -1,31 +1,50 @@
-// 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, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkNumber } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-affordance-scope/ui-affordance-scope.js";
 import "../styles/ui-affordance-scope.css";
 
-const definition = {...{"contract":{"tag":"ui-affordance-scope","props":{"guide":{"type":{"kind":"terminal","name":"keyword"},"values":["dot","none"],"required":false,"target":{"attribute":"guide"},"default":"dot"},"nearRadius":{"type":"number","required":false,"target":{"attribute":"nearradius"},"default":16}}},"template":{"kind":"element","name":"span","attributes":[],"children":[{"kind":"slot"}]},"declarations":[{"kind":"state","name":"engaged","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}}],"root":{"kind":"native","element":"span","choices":["span"]}},source:{file:import.meta.url},css:""};
+const T0 = ["",[],4];
+const T1 = ["",[]];
+let P0, P1;
+const S = { n: ["engaged"], t: ["b"], f: import.meta.url, g: "ui-affordance-scope" };
+const D = { props: { "guide": { "required":false,"values":["dot","none"],"default":"dot", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "nearRadius": { "required":false,"default":16, c: checkNumber, t: "number", j: 0, m: "n" } } };
+const C = (host) => controller.default(host);
 
-export function createUiAffordanceScope(options = {}) {
+export function createUiAffordanceScope(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
-  const projected = [];
   const 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-affordance-scope");
-  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);
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  const v = [false, null, null];
+  const B = acceptProps(element, D, S.n, v, componentProps, [], html);
+  const m1 = (d) => {
+    const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
+    const r = { n };
+    p1(r, -1, d);
+    return r;
+  };
+  const p1 = (r, c, d) => {
+  };
+  const p0 = (r, c, d) => {
+    if (c & 3) {
+      const x0 = hostState(["engaged","guide"], [v[0], v[1]]);
+      const s0 = x0;
+      if (s0 !== r.v0) writeAttribute(r.n, "data-ui-affordance-scope-state", (r.v0 = s0) === "" ? null : s0);
     }
-  } else {
-  }
-  manageComponentLifecycle(element, definition, { props: componentProps, projected,
-    controller,
-  });
+    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 t0 = element.firstChild;
+  const R = { n: element, v0: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+  const I = { B };
+  const J = project(I, children, slots);
+  I.R = new Set();
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  manageProps(I);
   return element;
 }
-

package/vanilla/UiAvatar.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 UiAvatarEventMap {
 }
 export interface UiAvatarElement extends HTMLSpanElement {

package/vanilla/UiAvatar.js

@@ -1,51 +1,86 @@
-// 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, toAttribute, toText, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-avatar/ui-avatar.js";
 import "../styles/ui-avatar.css";
 
-const definition = {...{"contract":{"tag":"ui-avatar","props":{"active":{"type":"boolean","required":false,"target":{"attribute":"active"},"default":false},"alt":{"type":"string","required":false,"target":{"attribute":"alt"},"default":""},"decorative":{"type":"boolean","required":false,"target":{"attribute":"decorative"},"default":false},"fallback":{"type":"string","required":false,"target":{"attribute":"fallback"},"default":""},"name":{"type":"string","required":false,"target":{"attribute":"name"},"default":""},"shape":{"type":{"kind":"terminal","name":"keyword"},"values":["circle","square"],"required":false,"target":{"attribute":"shape"},"default":"circle"},"size":{"type":{"kind":"terminal","name":"keyword"},"values":["xs","sm","md"],"required":false,"target":{"attribute":"size"},"default":"md"},"src":{"type":"string","required":false,"target":{"attribute":"src"}}}},"template":{"kind":"element","name":"span","attributes":[],"children":[{"kind":"slot"},{"kind":"element","name":"img","attributes":[{"kind":"literal","name":"class","value":"image"},{"kind":"attribute","name":"src","expression":"src","expressionPlan":{"source":"src","ast":{"kind":"id","name":"src"},"dependencies":["src"]}},{"kind":"literal","name":"alt","value":""},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"attribute","name":"hidden","expression":"hasAuthoredImage or not hasImage","expressionPlan":{"source":"hasAuthoredImage or not hasImage","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"hasAuthoredImage"},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"hasImage"}}},"dependencies":["hasAuthoredImage","hasImage"]}}],"children":[],"ref":"image"},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"fallback"},{"kind":"attribute","name":"aria-hidden","expression":"hasImage","expressionPlan":{"source":"hasImage","ast":{"kind":"id","name":"hasImage"},"dependencies":["hasImage"]}},{"kind":"attribute","name":"hidden","expression":"hasImage","expressionPlan":{"source":"hasImage","ast":{"kind":"id","name":"hasImage"},"dependencies":["hasImage"]}}],"children":[{"kind":"element","name":"span","attributes":[{"kind":"attribute","name":"hidden","expression":"showGlyph","expressionPlan":{"source":"showGlyph","ast":{"kind":"id","name":"showGlyph"},"dependencies":["showGlyph"]}}],"children":[{"kind":"text","value":"$initials","expressionPlan":{"source":"$initials","ast":{"kind":"id","name":"initials"},"dependencies":["initials"]}}]},{"kind":"element","name":"span","attributes":[{"kind":"attribute","name":"hidden","expression":"not showGlyph","expressionPlan":{"source":"not showGlyph","ast":{"kind":"unary","op":"not","operand":{"kind":"id","name":"showGlyph"}},"dependencies":["showGlyph"]}}],"children":[{"kind":"element","name":"ui-icon","attributes":[{"kind":"literal","name":"name","value":"user-round"}],"children":[]}]}]}]},"declarations":[{"kind":"state","name":"hasImage","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"hasAuthoredImage","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"initials","type":"string","value":"?","expression":{"source":"\"?\"","ast":{"kind":"literal","value":"?"},"dependencies":[]}},{"kind":"state","name":"showGlyph","type":"boolean","value":"false","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}}],"root":{"kind":"native","element":"span","choices":["span"]}},source:{file:import.meta.url},css:""};
+const T0 = ["",[],4,["img",["class","image","alt","","aria-hidden","true"]],["span",["class","fallback"],["span",[],0],["span",[],["ui-icon",["name","user-round"]]]]];
+const T1 = ["",[]];
+let P0, P1;
+const S = { n: ["hasImage","hasAuthoredImage","initials","showGlyph"], t: ["b","b","s","b"], f: import.meta.url, g: "ui-avatar" };
+const D = { props: { "active": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "alt": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "decorative": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "fallback": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "shape": { "required":false,"values":["circle","square"],"default":"circle", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "size": { "required":false,"values":["xs","sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "src": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
+const C = (host) => controller.default(host);
 
-export function createUiAvatar(options = {}) {
+export function createUiAvatar(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
-  const projected = [];
   const 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-avatar");
-  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);
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  const v = [false, false, "?", false, null, null, null, null, null, null, null, null];
+  const B = acceptProps(element, D, S.n, v, componentProps, [], html);
+  const m1 = (d) => {
+    const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
+    const r = { n };
+    p1(r, -1, d);
+    return r;
+  };
+  const p1 = (r, c, d) => {
+  };
+  const p0 = (r, c, d) => {
+    if (c & 2048) {
+      const x0 = v[11];
+      const s0 = toAttribute(x0, "src");
+      if (s0 !== r.v0) writeUrlAttribute(r.a1, "src", r.v0 = s0);
     }
-  } else {
-  }
-  const element0 = document.createElement("img");
-  element0.setAttribute("class", "image");
-  const value0 = componentProps["src"] === undefined ? null : componentProps["src"];
-  if (value0 === null || value0 === undefined) element0.removeAttribute("src");
-  else element0.setAttribute("src", String(value0));
-  element0.setAttribute("alt", "");
-  element0.setAttribute("aria-hidden", "true");
-  element.append(element0);
-  const element1 = document.createElement("span");
-  element1.setAttribute("class", "fallback");
-  const element2 = document.createElement("span");
-  const text3 = document.createTextNode("");
-  element2.append(text3);
-  element1.append(element2);
-  const element4 = document.createElement("span");
-  const element5 = document.createElement("ui-icon");
-  element5.setAttribute("name", "user-round");
-  element4.append(element5);
-  element1.append(element4);
-  element.append(element1);
-  manageComponentLifecycle(element, definition, { props: componentProps, projected,
-    controller,
-  });
+    if (c & 3) {
+      const x1 = (v[1] || !v[0]);
+      const s1 = toAttribute(x1, "hidden");
+      if (s1 !== r.v1) writeAttribute(r.a1, "hidden", r.v1 = s1);
+    }
+    if (c & 1) {
+      const x2 = v[0];
+      const s2 = toAttribute(x2, "aria-hidden");
+      if (s2 !== r.v2) writeAttribute(r.a2, "aria-hidden", r.v2 = s2);
+      const s3 = toAttribute(x2, "hidden");
+      if (s3 !== r.v3) writeAttribute(r.a2, "hidden", r.v3 = s3);
+    }
+    if (c & 8) {
+      const x3 = v[3];
+      const s4 = toAttribute(x3, "hidden");
+      if (s4 !== r.v4) writeAttribute(r.a3, "hidden", r.v4 = s4);
+      const x4 = !v[3];
+      const s6 = toAttribute(x4, "hidden");
+      if (s6 !== r.v6) writeAttribute(r.a5, "hidden", r.v6 = s6);
+    }
+    if (c & 4) {
+      const x5 = v[2];
+      const s5 = toText(x5);
+      if (s5 !== r.v5) r.a4.data = r.v5 = s5;
+    }
+    if (c & 1553) {
+      const x6 = hostState(["size","hasImage","shape","active"], [v[10], v[0], v[9], v[4]]);
+      const s7 = x6;
+      if (s7 !== r.v7) writeAttribute(r.n, "data-ui-avatar-state", (r.v7 = s7) === "" ? null : s7);
+    }
+    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 t0 = element.firstChild;
+  const t1 = t0.nextSibling.nextSibling;
+  const t2 = t1.nextSibling;
+  const t3 = t2.firstChild;
+  const t4 = t3.firstChild;
+  const t5 = t3.nextSibling;
+  const R = { n: element, a1: t1, a2: t2, a3: t3, a4: t4, a5: t5, v0: null, v1: null, v2: null, v3: null, v4: null, v5: "", v6: null, v7: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+  const I = { B };
+  const J = project(I, children, slots);
+  I.R = new Set();
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  manageProps(I);
+  I.r["image"] = t1;
   return element;
 }
-

package/vanilla/UiAvatarGroup.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 UiAvatarGroupEventMap {
 }
 export interface UiAvatarGroupElement extends HTMLDivElement {

package/vanilla/UiAvatarGroup.js

@@ -1,41 +1,72 @@
-// 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, toAttribute, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkInteger, checkNumber, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-avatar-group/ui-avatar-group.js";
 import "../styles/ui-avatar-group.css";
 
-const definition = {...{"contract":{"tag":"ui-avatar-group","props":{"label":{"type":"string","required":false,"target":{"attribute":"aria-label"},"default":"People"},"max":{"type":"number","required":false,"target":{"attribute":"max"},"default":5},"overflowLabel":{"type":"string","required":false,"target":{"attribute":"overflowlabel"},"default":"{count} more"},"size":{"type":{"kind":"terminal","name":"keyword"},"values":["xs","sm","md"],"required":false,"target":{"attribute":"size"},"default":"md"},"total":{"type":{"kind":"terminal","name":"integer"},"required":false,"target":{"attribute":"total"}}}},"template":{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"role","value":"group"},{"kind":"attribute","name":"aria-label","expression":"label","expressionPlan":{"source":"label","ast":{"kind":"id","name":"label"},"dependencies":["label"]}}],"children":[{"kind":"slot"},{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"overflow"},{"kind":"literal","name":"role","value":"img"},{"kind":"attribute","name":"hidden","expression":"not overflowCount","expressionPlan":{"source":"not overflowCount","ast":{"kind":"unary","op":"not","operand":{"kind":"id","name":"overflowCount"}},"dependencies":["overflowCount"]}},{"kind":"attribute","name":"aria-label","expression":"overflowAnnouncement","expressionPlan":{"source":"overflowAnnouncement","ast":{"kind":"id","name":"overflowAnnouncement"},"dependencies":["overflowAnnouncement"]}}],"children":[{"kind":"text","value":"+{$overflowCount}","segments":[{"kind":"text","value":"+"},{"kind":"text","value":"$overflowCount","expressionPlan":{"source":"$overflowCount","ast":{"kind":"id","name":"overflowCount"},"dependencies":["overflowCount"]}}]}],"ref":"overflow"}]},"declarations":[{"kind":"state","name":"overflowCount","type":"integer","value":"0","expression":{"source":"0","ast":{"kind":"literal","value":0},"dependencies":[]}},{"kind":"state","name":"overflowAnnouncement","type":"string","value":"","expression":{"source":"\"\"","ast":{"kind":"literal","value":""},"dependencies":[]}}],"root":{"kind":"native","element":"div","choices":["div"]}},source:{file:import.meta.url},css:""};
+const T0 = ["",[],4,["span",["class","overflow","role","img"],0]];
+const T1 = ["",[]];
+let P0, P1;
+const S = { n: ["overflowCount","overflowAnnouncement"], t: ["i","s"], f: import.meta.url, g: "ui-avatar-group" };
+const D = { props: { "label": { "required":false,"default":"People", c: checkString, t: "string", j: 0, m: "s" }, "max": { "required":false,"default":5, c: checkNumber, t: "number", j: 0, m: "n" }, "overflowLabel": { "required":false,"default":"{count} more", c: checkString, t: "string", j: 0, m: "s" }, "size": { "required":false,"values":["xs","sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "total": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" } } };
+const C = (host) => controller.default(host);
 
-export function createUiAvatarGroup(options = {}) {
+export function createUiAvatarGroup(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;
     element.setAttribute(name, value === true ? "" : String(value));
   }
   if (!element.hasAttribute("role")) element.setAttribute("role", "group");
-  const value0 = componentProps["label"] === undefined ? "People" : componentProps["label"];
-  if (value0 === null || value0 === undefined) element.removeAttribute("aria-label");
-  else element.setAttribute("aria-label", String(value0));
   element.setAttribute("data-component", "ui-avatar-group");
-  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);
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  const v = [0, "", null, null, null, null, null];
+  const B = acceptProps(element, D, S.n, v, componentProps, [], html);
+  const m1 = (d) => {
+    const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
+    const r = { n };
+    p1(r, -1, d);
+    return r;
+  };
+  const p1 = (r, c, d) => {
+  };
+  const p0 = (r, c, d) => {
+    if (c & 4) {
+      const x0 = v[2];
+      const s0 = toAttribute(x0, "aria-label");
+      if (s0 !== r.v0) writeAttribute(r.n, "aria-label", r.v0 = s0);
     }
-  } else {
-  }
-  const element0 = document.createElement("span");
-  element0.setAttribute("class", "overflow");
-  element0.setAttribute("role", "img");
-  const text1 = document.createTextNode("");
-  element0.append(text1);
-  element.append(element0);
-  manageComponentLifecycle(element, definition, { props: componentProps, projected,
-    controller,
-  });
+    if (c & 1) {
+      const x1 = !truthy(v[0]);
+      const s1 = toAttribute(x1, "hidden");
+      if (s1 !== r.v1) writeAttribute(r.a2, "hidden", r.v1 = s1);
+      const x2 = v[0];
+      const s3 = "+" + toText(x2);
+      if (s3 !== r.v3) r.a3.data = r.v3 = s3;
+    }
+    if (c & 2) {
+      const x3 = v[1];
+      const s2 = toAttribute(x3, "aria-label");
+      if (s2 !== r.v2) writeAttribute(r.a2, "aria-label", r.v2 = s2);
+    }
+    if (c & 32) {
+      const x4 = hostState(["size"], [v[5]]);
+      const s4 = x4;
+      if (s4 !== r.v4) writeAttribute(r.n, "data-ui-avatar-group-state", (r.v4 = s4) === "" ? null : s4);
+    }
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a1, 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 t0 = element.firstChild;
+  const t1 = t0.nextSibling.nextSibling;
+  const t2 = t1.firstChild;
+  const R = { n: element, a2: t1, a3: t2, v0: undefined, v1: null, v2: null, v3: "", v4: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+  const I = { B };
+  const J = project(I, children, slots);
+  I.R = new Set();
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, undefined, I);
+  manageProps(I);
+  I.r["overflow"] = t1;
   return element;
 }
-

package/vanilla/UiBadge.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 UiBadgeEventMap {
 }
 export interface UiBadgeElement extends HTMLSpanElement {