@threadlabs/looma 0.28.6 → 0.28.8

package/package.json

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

package/styles/ui-editor-block-actions.css

@@ -0,0 +1 @@
+/* Generated by HTML Next 1.0.0-alpha.51. Do not edit. */

package/styles/ui-editor-link-card.css

@@ -0,0 +1 @@
+/* Generated by HTML Next 1.0.0-alpha.51. Do not edit. */

package/styles/ui-editor-link-form.css

@@ -0,0 +1 @@
+/* Generated by HTML Next 1.0.0-alpha.51. Do not edit. */

package/vanilla/UiEditorBlockActions.d.ts

@@ -0,0 +1,16 @@
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+export interface UiEditorBlockActionsEventMap {
+  action: CustomEvent<{ readonly action: "insert-below" | "duplicate" | "delete" }>;
+}
+export interface UiEditorBlockActionsElement extends HTMLDivElement {
+  addEventListener<K extends keyof UiEditorBlockActionsEventMap>(type: K, listener: (this: UiEditorBlockActionsElement, event: UiEditorBlockActionsEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener<K extends keyof UiEditorBlockActionsEventMap>(type: K, listener: (this: UiEditorBlockActionsElement, event: UiEditorBlockActionsEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+}
+export interface UiEditorBlockActionsProps {
+  for?: string | null;
+  placement?: "bottom-start" | "top-start" | null;
+  attributes?: Readonly<Record<string, string | number | boolean | null | undefined>>;
+  children?: readonly (string | Node)[];
+  slots?: Readonly<Record<string, readonly (string | Node)[]>>;
+}
+export declare function createUiEditorBlockActions(props?: UiEditorBlockActionsProps): UiEditorBlockActionsElement;

package/vanilla/UiEditorBlockActions.js

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

package/vanilla/UiEditorImageToolbar.js

@@ -3,7 +3,7 @@ import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, tex
 import * as controller from "../components/ui-editor-image-toolbar/ui-editor-image-toolbar.js";
 import "../styles/ui-editor-image-toolbar.css";
 
-const T0 = ["",[],["ui-text",["as","div","font","sans"],["ui-editor-toolbar",["aria-label","Image actions"],["ui-icon-button",["label","Image in line","size","sm","data-image-placement","block"],["ui-icon",["name","panel-top","size","sm"]]],["ui-icon-button",["label","Center image","size","sm","data-image-placement","center"],["ui-icon",["name","align-center","size","sm"]]],["ui-icon-button",["label","Wrap text to the right","size","sm","data-image-placement","wrap-left"],["ui-icon",["name","panel-left","size","sm"]]],["ui-icon-button",["label","Wrap text to the left","size","sm","data-image-placement","wrap-right"],["ui-icon",["name","panel-right","size","sm"]]],["ui-icon-button",["label","Image description","size","sm","variant","ghost"],["ui-icon",["name","file-text","size","sm"]]],["ui-icon-button",["label","Delete image","size","sm","variant","ghost","data-image-action","delete"],["ui-icon",["name","trash","size","sm"]]]],["ui-tooltip",[],"Image in line"],["ui-tooltip",[],"Center image"],["ui-tooltip",[],"Wrap text to the right"],["ui-tooltip",[],"Wrap text to the left"],["ui-tooltip",[],"Image description"],["ui-tooltip",[],"Delete image"],["ui-popover",["data-image-description","","size","sm","aria-label","Image description"],["form",["aria-label","Image description"],["ui-stack",["gap","s"],["ui-form-field",[],["label",["slot","label"],"Alt text"],["ui-input",["data-image-alt","","size","sm"]]],["ui-text",["size","xs","tone","secondary"],"Describe the image for people using a screen reader."],["ui-cluster",["justify","end","gap","xs"],["ui-button",["type","button","variant","ghost","tone","neutral","size","sm","data-image-action","cancel"],"Cancel"],["ui-button",["type","submit","variant","solid","size","sm"],"Save"]]]]]]];
+const T0 = ["",[],["ui-text",["as","div","font","sans"],["ui-editor-toolbar",["aria-label","Image actions"],["ui-icon-button",["label","Image in line","size","sm","data-image-placement","block"],["ui-icon",["name","panel-top"]]],["ui-icon-button",["label","Center image","size","sm","data-image-placement","center"],["ui-icon",["name","align-center"]]],["ui-icon-button",["label","Wrap text to the right","size","sm","data-image-placement","wrap-left"],["ui-icon",["name","panel-left"]]],["ui-icon-button",["label","Wrap text to the left","size","sm","data-image-placement","wrap-right"],["ui-icon",["name","panel-right"]]],["ui-icon-button",["label","Image description","size","sm","variant","ghost"],["ui-icon",["name","file-text"]]],["ui-icon-button",["label","Delete image","size","sm","variant","ghost","data-image-action","delete"],["ui-icon",["name","trash"]]]],["ui-tooltip",[],"Image in line"],["ui-tooltip",[],"Center image"],["ui-tooltip",[],"Wrap text to the right"],["ui-tooltip",[],"Wrap text to the left"],["ui-tooltip",[],"Image description"],["ui-tooltip",[],"Delete image"],["ui-popover",["data-image-description","","size","sm","aria-label","Image description"],["form",["aria-label","Image description"],["ui-stack",["gap","s"],["ui-form-field",[],["label",["slot","label"],"Alt text"],["ui-input",["data-image-alt","","size","sm"]]],["ui-text",["size","xs","tone","secondary"],"Describe the image for people using a screen reader."],["ui-cluster",["justify","end","gap","xs"],["ui-button",["type","button","variant","ghost","tone","neutral","size","sm","data-image-action","cancel"],"Cancel"],["ui-button",["type","submit","variant","solid","size","sm"],"Save"]]]]]]];
 let P0;
 const S = { n: ["base","describing","draft"], t: ["s","b","s"], f: import.meta.url, g: "ui-editor-image-toolbar", d: { "placement": [detailCheck(checkObject([["placement", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["block","center","wrap-left","wrap-right"]}), false]], false)), true, true, false], "describe": [detailCheck(checkObject([["alt", checkString, false]], false)), true, true, false], "delete": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared };
 const D = { props: { "alt": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "placement": { "required":false,"values":["block","center","wrap-left","wrap-right"],"default":"block", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "target": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };

package/vanilla/UiEditorLinkCard.d.ts

@@ -0,0 +1,20 @@
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+export interface UiEditorLinkCardEventMap {
+  edit: CustomEvent<Readonly<Record<string, unknown>>>;
+  remove: CustomEvent<Readonly<Record<string, unknown>>>;
+}
+export interface UiEditorLinkCardElement extends HTMLDivElement {
+  addEventListener<K extends keyof UiEditorLinkCardEventMap>(type: K, listener: (this: UiEditorLinkCardElement, event: UiEditorLinkCardEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener<K extends keyof UiEditorLinkCardEventMap>(type: K, listener: (this: UiEditorLinkCardElement, event: UiEditorLinkCardEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+}
+export interface UiEditorLinkCardProps {
+  detail?: string | null;
+  href?: string | null;
+  label?: string | null;
+  openHref?: string | null;
+  targetLabel?: string | null;
+  attributes?: Readonly<Record<string, string | number | boolean | null | undefined>>;
+  children?: readonly (string | Node)[];
+  slots?: Readonly<Record<string, readonly (string | Node)[]>>;
+}
+export declare function createUiEditorLinkCard(props?: UiEditorLinkCardProps): UiEditorLinkCardElement;

package/vanilla/UiEditorLinkCard.js

@@ -0,0 +1,153 @@
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, toText, writeAttribute, writeUrlAttribute, computedCycle, dispatchDeclared, detailCheck, acceptProps, manageProps, readonlyView, checkRecord, checkString, checkUnknown } from "@nextwebwg/html-next/generated-runtime";
+import * as controller from "../components/ui-editor-link-card/ui-editor-link-card.js";
+import "../styles/ui-editor-link-card.css";
+
+const T0 = ["",[],["ui-card",["variant","elevated","padding","xs","size","content"],["ui-cluster",["gap","xs","wrap","nowrap","role","group","aria-label","Link actions"],["ui-icon",[]],["ui-stack",["gap","none"],["ui-text",["as","strong","size","sm","weight","medium","font","sans","wrap","anywhere"],0],1],1,["ui-icon-button",["label","Edit link","variant","ghost","size","sm","data-link-action","edit"],["ui-icon",["name","pencil"]]],["ui-tooltip",[],"Edit link"],["ui-icon-button",["label","Remove link","variant","ghost","size","sm","data-link-action","remove"],["ui-icon",["name","unlink"]]],["ui-tooltip",[],"Remove link"]]]];
+const T1 = ["ui-text",["as","small","size","xs","tone","secondary","font","sans"],0];
+const T2 = ["",[],["ui-button",["as","a","variant","ghost","tone","neutral","size","sm","target","_blank","rel","noopener noreferrer","aria-label","Open link"],["ui-cluster",["gap","xs","wrap","nowrap"],["ui-icon",["name","external-link"]],"Open link"]],["ui-tooltip",[],"Open link"]];
+let P0, P1, P2;
+const S = { n: ["base","resolved","shown"], t: ["s","?","?"], f: import.meta.url, g: "ui-editor-link-card", k: 1, d: { "edit": [detailCheck(checkRecord(checkUnknown)), true, true, false], "remove": [detailCheck(checkRecord(checkUnknown)), true, true, false] }, x: dispatchDeclared, r: readonlyView };
+const D = { props: { "detail": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "href": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "openHref": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "targetLabel": { "required":false,"default":"Item", c: checkString, t: "string", j: 0, m: "s" } } };
+const C = (host) => controller.default(host);
+
+export function createUiEditorLinkCard(options = {}, html) {
+  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-editor-link-card");
+  element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
+  const v = ["ui-editor-link-card", undefined, undefined, null, null, null, null, null];
+  const B = acceptProps(element, D, S.n, v, componentProps, [], html);
+  const X = { e: 0, g: (j) => g(j), w: new Set() };
+  const ke = [];
+  const K = [() => (v[5] !== ""), () => readIndex({ "true": v[5], "false": v[4] }, textCall("concat", [g(1)]))];
+  const g = (j) => {
+    const i = j - 1;
+    if (ke[i] === X.e) return v[j];
+    if (ke[i] === -1) computedCycle();
+    ke[i] = -1;
+    let next;
+    try { next = K[i](); } catch (error) { ke[i] = undefined; throw error; }
+    ke[i] = X.e;
+    const previous = v[j];
+    if (!Object.is(previous, next)) { v[j] = next; X.n?.(j, previous, next); }
+    return next;
+  };
+  const m1 = (d) => {
+    const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
+    const t0 = n.firstChild;
+    const r = { n, a0: t0, v0: "" };
+    p1(r, -1, d);
+    return r;
+  };
+  const p1 = (r, c, d) => {
+    if (c & 8) {
+      const x0 = v[3];
+      const s0 = toText(x0);
+      if (s0 !== r.v0) r.a0.data = r.v0 = s0;
+    }
+  };
+  const m2 = (d) => {
+    const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
+    const t0 = n.firstChild;
+    const t1 = t0.nextSibling;
+    const r = { n, a0: t0, a1: t1, v0: null, v1: null, v2: null };
+    p2(r, -1, d);
+    return r;
+  };
+  const p2 = (r, c, d) => {
+    if (c & 1) {
+      const x0 = textCall("concat", [v[0], "-open"]);
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "id");
+        if (s0 !== r.v0) writeAttribute(r.a0, "id", r.v0 = s0);
+      }
+      if (x0 !== NONCONFORMING) {
+        const s2 = toAttribute(x0, "for");
+        if (s2 !== r.v2) writeAttribute(r.a1, "for", r.v2 = s2);
+      }
+    }
+    if (c & 64) {
+      const x1 = v[6];
+      const s1 = toAttribute(x1, "href");
+      if (s1 !== r.v1) writeUrlAttribute(r.a0, "href", r.v1 = s1);
+    }
+  };
+  const p0 = (r, c, d) => {
+    if (c & 1073741856) {
+      const x0 = readIndex({ "true": "file-text", "false": "link" }, textCall("concat", [g(1)]));
+      if (x0 !== NONCONFORMING) {
+        const s0 = toAttribute(x0, "name");
+        if (s0 !== r.v0) writeAttribute(r.a0, "name", r.v0 = s0);
+      }
+    }
+    if (c & 16) {
+      const x1 = v[4];
+      const s1 = toAttribute(x1, "title");
+      if (s1 !== r.v1) writeAttribute(r.a1, "title", r.v1 = s1);
+    }
+    if (c & 1073742000) {
+      const x2 = textCall("concat", [readIndex({ "true": v[7], "false": "URL" }, textCall("concat", [g(1)])), ": ", g(2)]);
+      if (x2 !== NONCONFORMING) {
+        const s2 = toAttribute(x2, "aria-label");
+        if (s2 !== r.v2) writeAttribute(r.a1, "aria-label", r.v2 = s2);
+      }
+    }
+    if (c & 1073741872) {
+      const x3 = g(2);
+      if (x3 !== NONCONFORMING) {
+        const s3 = toText(x3);
+        if (s3 !== r.v3) r.a2.data = r.v3 = s3;
+      }
+    }
+    if (c & 1) {
+      const x4 = textCall("concat", [v[0], "-edit"]);
+      if (x4 !== NONCONFORMING) {
+        const s4 = toAttribute(x4, "id");
+        if (s4 !== r.v4) writeAttribute(r.a5, "id", r.v4 = s4);
+      }
+      if (x4 !== NONCONFORMING) {
+        const s5 = toAttribute(x4, "for");
+        if (s5 !== r.v5) writeAttribute(r.a6, "for", r.v5 = s5);
+      }
+      const x5 = textCall("concat", [v[0], "-remove"]);
+      if (x5 !== NONCONFORMING) {
+        const s6 = toAttribute(x5, "id");
+        if (s6 !== r.v6) writeAttribute(r.a7, "id", r.v6 = s6);
+      }
+      if (x5 !== NONCONFORMING) {
+        const s7 = toAttribute(x5, "for");
+        if (s7 !== r.v7) writeAttribute(r.a8, "for", r.v7 = s7);
+      }
+    }
+    if (c & 8 && !((v[3] !== "")) !== !r.b0) {
+      if (r.b0) { r.b0 = undefined; clearRegion(r.a3, r.e0); }
+      else { r.b0 = m1(d); r.e0.before(r.b0.n); }
+    } else if (r.b0 !== undefined) p1(r.b0, c, d);
+    if (c & 64 && !((v[6] !== "")) !== !r.b1) {
+      if (r.b1) { r.b1 = undefined; clearRegion(r.a4, r.e1); }
+      else { r.b1 = m2(d); r.e1.before(r.b1.n); }
+    } else if (r.b1 !== undefined) p2(r.b1, c, d);
+  };
+  const t0 = element.firstChild.firstChild;
+  const t1 = t0.firstChild;
+  const t2 = t1.nextSibling;
+  const t3 = t2.firstChild;
+  const t4 = t3.firstChild;
+  const t5 = t3.nextSibling;
+  const t6 = t2.nextSibling;
+  const t7 = t6.nextSibling.nextSibling;
+  const t8 = t7.nextSibling;
+  const t9 = t8.nextSibling;
+  const t10 = t9.nextSibling;
+  const R = { a0: t1, a1: t2, a2: t4, a5: t7, a6: t8, a7: t9, a8: t10, v0: null, v1: null, v2: null, v3: "", v4: null, v5: null, v6: null, v7: null, a3: t5, e0: t5.nextSibling, b0: undefined, a4: t6, e1: t6.nextSibling, b1: undefined };
+  const I = { B };
+  I.R = new Set();
+  attachGeneratedController(element, S, v, (c, d) => { ((c, d) => p0(R, c, d))(c, d); for (const f of I.R) f(c, d); }, C, X, I);
+  manageProps(I);
+  return element;
+}

package/vanilla/UiEditorLinkForm.d.ts

@@ -0,0 +1,32 @@
+// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+export interface UiEditorLinkFormEventMap {
+  destination: CustomEvent<{ readonly value: string }>;
+  text: CustomEvent<{ readonly text: string }>;
+  "new-tab": CustomEvent<{ readonly newTab: boolean }>;
+  choose: CustomEvent<{ readonly id: string }>;
+  clear: CustomEvent<Readonly<Record<string, unknown>>>;
+  save: CustomEvent<Readonly<Record<string, unknown>>>;
+  dismiss: CustomEvent<Readonly<Record<string, unknown>>>;
+}
+export interface UiEditorLinkFormElement extends HTMLFormElement {
+  addEventListener<K extends keyof UiEditorLinkFormEventMap>(type: K, listener: (this: UiEditorLinkFormElement, event: UiEditorLinkFormEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener<K extends keyof UiEditorLinkFormEventMap>(type: K, listener: (this: UiEditorLinkFormElement, event: UiEditorLinkFormEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+}
+export interface UiEditorLinkFormProps {
+  error?: string | null;
+  existing?: boolean | null;
+  mode?: "url" | "target" | null;
+  newTab?: boolean | null;
+  placeholder?: string | null;
+  results?: readonly ({ readonly id: string; readonly label: string; readonly detail?: string })[] | null;
+  searchable?: boolean | null;
+  selected?: string | null;
+  status?: string | null;
+  text?: string | null;
+  textEditable?: boolean | null;
+  value?: string | null;
+  attributes?: Readonly<Record<string, string | number | boolean | null | undefined>>;
+  children?: readonly (string | Node)[];
+  slots?: Readonly<Record<string, readonly (string | Node)[]>>;
+}
+export declare function createUiEditorLinkForm(props?: UiEditorLinkFormProps): UiEditorLinkFormElement;