@smwb/ui-solid 0.12.0 → 0.13.0

package/dist/headless/components/dataDisplay/table/tableHeadCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableHeadCell.js","sources":["../../../../../src/components/dataDisplay/table/tableHeadCell.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SortDirection = \"asc\" | \"desc\" | false;\n\nexport interface TableHeadCellProps extends JSX.ThHTMLAttributes<HTMLTableCellElement> {\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  /** @deprecated use `sortDirection=\"desc\"`. */\n  isSortedByDesc?: boolean;\n  /** @deprecated use `sortDirection=\"asc\"`. */\n  isSortedByAsc?: boolean;\n  /**\n   * Enables the interactive sort affordance with keyboard/aria support.\n   *\n   * The children sit inside the sort control, and controls among them keep\n   * their own input: Enter and Space sort only while the sort control itself\n   * has focus, and a click sorts unless it lands in a nested control (input,\n   * button, link, label, anything focusable) or in a portal. Content that is not\n   * a control, such as click-to-edit text, keeps its click from sorting by\n   * calling `preventDefault()` on it. A nested control's name, or its value,\n   * becomes part of the sort control's accessible name.\n   */\n  sortable?: boolean;\n  /** Current sort direction for this column. */\n  sortDirection?: SortDirection;\n  /** Invoked when the user activates the sort control. */\n  onSort?: () => void;\n  ref?: Ref<HTMLTableCellElement>;\n}\n\n/**\n * Whatever takes a click of its own inside the sort control. The control\n * matches too (`role=\"button\"`), so it is the nearest match for a click on the\n * header's text or marker, and only then does the click sort.\n */\nconst INTERACTIVE = [\n  \"a[href]\",\n  \"button\",\n  \"input\",\n  \"select\",\n  \"textarea\",\n  \"label\",\n  \"summary\",\n  \"[tabindex]\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  ...[\n    \"button\",\n    \"link\",\n    \"checkbox\",\n    \"radio\",\n    \"switch\",\n    \"textbox\",\n    \"searchbox\",\n    \"combobox\",\n    \"spinbutton\",\n    \"slider\",\n    \"menuitem\",\n    \"menuitemcheckbox\",\n    \"menuitemradio\",\n    \"option\",\n    \"tab\",\n  ].map((role) => `[role='${role}']`),\n].join(\",\");\n\nexport function TableHeadCell(props: ParentProps<TableHeadCellProps>): JSX.Element {\n  const merged = mergeProps({ cellAlign: \"left\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"children\",\n    \"class\",\n    \"cellAlign\",\n    \"isSortedByAsc\",\n    \"isSortedByDesc\",\n    \"sortable\",\n    \"sortDirection\",\n    \"onSort\",\n    \"ref\",\n  ]);\n\n  const direction = (): SortDirection =>\n    local.sortDirection !== undefined ? local.sortDirection : local.isSortedByAsc ? \"asc\" : local.isSortedByDesc ? \"desc\" : false;\n\n  const ariaSort = (): \"ascending\" | \"descending\" | \"none\" | undefined =>\n    local.sortable ? (direction() === \"asc\" ? \"ascending\" : direction() === \"desc\" ? \"descending\" : \"none\") : undefined;\n\n  /**\n   * A sortable column always shows a marker: the current direction once sorted,\n   * and `unfold_more` before that — otherwise nothing tells the reader the column\n   * can be sorted at all. A cell that is not sortable shows nothing; it used to\n   * render an `<Icon name=\"\">`, which reserved a gap and warned about a missing\n   * icon under `source: \"smwb\"`.\n   */\n  const iconName = (): string =>\n    direction() === \"asc\" ? \"expand_more\" : direction() === \"desc\" ? \"expand_less\" : \"unfold_more\";\n\n  // Solid binds event handlers once, so both are always attached and check\n  // `sortable` themselves: a cell can turn sortable, or stop, after it renders.\n\n  // Keys typed into an input or pressed on a button inside bubble up here too;\n  // only the control's own keys sort.\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!local.sortable || event.target !== event.currentTarget) return;\n    if (local.onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSort();\n    }\n  };\n\n  // A click sorts only when the control is the nearest thing that takes it. A\n  // click in a Portal rendered inside fails that too: Solid delivers it here,\n  // though it landed outside the control.\n  const onClick: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (!local.sortable || event.defaultPrevented) return;\n    if ((event.target as Element | null)?.closest(INTERACTIVE) !== event.currentTarget) return;\n    local.onSort?.();\n  };\n\n  return (\n    <th\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      aria-sort={ariaSort()}\n      class={cn(\"smwb-table__cell\", \"smwb-head-cell\", local.class, {\n        [`smwb-align_${local.cellAlign}`]: !!local.cellAlign,\n        \"smwb-head-cell_sortable\": local.sortable,\n        \"smwb-head-cell_sorted\": !!local.sortable && direction() !== false,\n      })}\n    >\n      <span\n        class=\"smwb-head-cell__content\"\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        role={local.sortable ? \"button\" : undefined}\n        tabindex={local.sortable ? 0 : undefined}\n      >\n        {local.children}\n        <Show when={local.sortable}>\n          <Icon class=\"smwb-head-cell__icon\" name={iconName()} size={18} weight={800} />\n        </Show>\n      </span>\n    </th>\n  );\n}\n\nexport default TableHeadCell;\n"],"names":["INTERACTIVE","map","role","join","TableHeadCell","props","merged","mergeProps","cellAlign","local","rest","splitProps","direction","sortDirection","undefined","isSortedByAsc","isSortedByDesc","ariaSort","sortable","iconName","onKeyDown","event","target","currentTarget","onSort","key","preventDefault","onClick","defaultPrevented","closest","_el$","_tmpl$","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","$$keydown","$$click","_$insert","children","_$createComponent","Show","when","Icon","name","size","weight","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"tableHeadCell.js","sources":["../../../../../src/components/dataDisplay/table/tableHeadCell.tsx"],"sourcesContent":["import {\n  type Accessor,\n  type JSX,\n  type ParentProps,\n  Show,\n  children,\n  createComputed,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { isOwnClick } from \"../../../utils/ownClick\";\nimport { cellRowSpan, cellSpan, textOf, useInTableHead, useTableLabels, useTableRow } from \"./tableColumns\";\n\nexport type SortDirection = \"asc\" | \"desc\" | false;\n\nexport interface TableHeadCellProps extends JSX.ThHTMLAttributes<HTMLTableCellElement> {\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  /** @deprecated use `sortDirection=\"desc\"`. */\n  isSortedByDesc?: boolean;\n  /** @deprecated use `sortDirection=\"asc\"`. */\n  isSortedByAsc?: boolean;\n  /**\n   * Enables the interactive sort affordance with keyboard/aria support.\n   *\n   * The children sit inside the sort control, and controls among them keep\n   * their own input: Enter and Space sort only while the sort control itself\n   * has focus, and a click sorts unless it lands in a nested control (input,\n   * button, link, label, anything focusable) or in a portal. Content that is not\n   * a control, such as click-to-edit text, keeps its click from sorting by\n   * calling `preventDefault()` on it. A nested control's name, or its value,\n   * becomes part of the sort control's accessible name: put controls in\n   * `actions` instead.\n   */\n  sortable?: boolean;\n  /** Current sort direction for this column. */\n  sortDirection?: SortDirection;\n  /** Invoked when the user activates the sort control. */\n  onSort?: () => void;\n  /**\n   * The column's controls — a filter field, a menu button, a column resizer —\n   * drawn after the sort control, outside it. Their names and values stay out\n   * of the sort control's accessible name, and their keys and clicks never\n   * reach it. Rendered whether or not the cell is sortable.\n   *\n   * The column header is then named after the children alone: the cell's\n   * `aria-labelledby` points at the sort control, unless the cell is given\n   * `aria-label` or `aria-labelledby`. Named from its content, the header would\n   * take in the controls' names and values too.\n   */\n  actions?: JSX.Element;\n  /**\n   * The column's name for its body cells while the table stacks rows as cards\n   * (`Table stackBelow`). Without it, the text of the children is the name; give\n   * `label` where they hold no text of their own (an icon) or more than the\n   * name, or where their text changes inside markup: the text of markup is read\n   * when it is created. An empty `label` leaves the column's cells unlabelled, so\n   * they fill the card's width.\n   */\n  label?: string;\n  ref?: Ref<HTMLTableCellElement>;\n}\n\n/**\n * A head cell of a stacked table labels its column, for its own head row: the\n * lowest row's label wins. It labels as soon as it is created: the body cells,\n * created after it, read the label at once. In a body row (a row header) it\n * labels nothing, but still takes its column, as the cells after it count it.\n */\nfunction useColumnLabel(\n  element: Accessor<Element | undefined>,\n  span: Accessor<number>,\n  rowSpan: Accessor<number>,\n  text: Accessor<string>\n): void {\n  const table = useTableLabels();\n  const row = useTableRow();\n  const inHead = useInTableHead();\n  const place = row?.registerCell(element, span, rowSpan);\n  if (!table || !place || !inHead) return;\n  const owner = Symbol();\n  const label = createMemo(() => text() || undefined);\n  createComputed(() => {\n    if (!table.stacked() || span() !== 1) return;\n    const column = place.column();\n    const at = place.row();\n    if (column < 0) return;\n    table.labels.set(column, at, owner, label());\n    onCleanup(() => table.labels.remove(column, at, owner));\n  });\n}\n\nexport function TableHeadCell(props: ParentProps<TableHeadCellProps>): JSX.Element {\n  const merged = mergeProps({ cellAlign: \"left\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"children\",\n    \"class\",\n    \"cellAlign\",\n    \"isSortedByAsc\",\n    \"isSortedByDesc\",\n    \"sortable\",\n    \"sortDirection\",\n    \"onSort\",\n    \"actions\",\n    \"label\",\n    \"ref\",\n  ]);\n\n  // Read once: the content is drawn, and its text names the column.\n  const content = children(() => local.children);\n  const [element, setElement] = createSignal<HTMLTableCellElement>();\n  useColumnLabel(\n    element,\n    () => cellSpan(rest.colSpan ?? rest.colspan),\n    () => cellRowSpan(rest.rowSpan ?? rest.rowspan),\n    () => local.label ?? textOf(content())\n  );\n\n  // Read once: markup passed as a prop is created anew on every read, and\n  // during hydration a copy the server never rendered has no DOM node.\n  const actions = children(() => local.actions);\n\n  const direction = (): SortDirection =>\n    local.sortDirection !== undefined ? local.sortDirection : local.isSortedByAsc ? \"asc\" : local.isSortedByDesc ? \"desc\" : false;\n\n  const ariaSort = (): \"ascending\" | \"descending\" | \"none\" | undefined =>\n    local.sortable ? (direction() === \"asc\" ? \"ascending\" : direction() === \"desc\" ? \"descending\" : \"none\") : undefined;\n\n  /**\n   * A sortable column always shows a marker: the current direction once sorted,\n   * and `unfold_more` before that — otherwise nothing tells the reader the column\n   * can be sorted at all. A cell that is not sortable shows nothing; it used to\n   * render an `<Icon name=\"\">`, which reserved a gap and warned about a missing\n   * icon under `source: \"smwb\"`.\n   */\n  const iconName = (): string =>\n    direction() === \"asc\" ? \"expand_more\" : direction() === \"desc\" ? \"expand_less\" : \"unfold_more\";\n\n  // Solid binds event handlers once, so both are always attached and check\n  // `sortable` themselves: a cell can turn sortable, or stop, after it renders.\n\n  // Keys typed into an input or pressed on a button inside bubble up here too;\n  // only the control's own keys sort.\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!local.sortable || event.target !== event.currentTarget) return;\n    if (local.onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSort();\n    }\n  };\n\n  // A click sorts only when the control is the nearest thing that takes it. A\n  // click in a Portal rendered inside fails that too: Solid delivers it here,\n  // though it landed outside the control.\n  const onClick: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (!local.sortable || !isOwnClick(event)) return;\n    local.onSort?.();\n  };\n\n  // With actions drawn, the column header is named after the content of its\n  // sort control, not after the whole cell: the controls' names and the text\n  // typed into them would join the header's name.\n  const labelId = `${createUniqueId()}-label`;\n  const labelled = (): boolean => !!actions() && rest[\"aria-label\"] == null && rest[\"aria-labelledby\"] == null;\n\n  return (\n    <th\n      {...rest}\n      ref={mergeRefs(local.ref, setElement)}\n      aria-labelledby={labelled() ? labelId : rest[\"aria-labelledby\"]}\n      aria-sort={ariaSort()}\n      class={cn(\"smwb-table__cell\", \"smwb-head-cell\", local.class, {\n        [`smwb-align_${local.cellAlign}`]: !!local.cellAlign,\n        \"smwb-head-cell_sortable\": local.sortable,\n        \"smwb-head-cell_sorted\": !!local.sortable && direction() !== false,\n      })}\n    >\n      <span\n        id={labelled() ? labelId : undefined}\n        class=\"smwb-head-cell__content\"\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        role={local.sortable ? \"button\" : undefined}\n        tabindex={local.sortable ? 0 : undefined}\n      >\n        {content()}\n        <Show when={local.sortable}>\n          <Icon class=\"smwb-head-cell__icon\" name={iconName()} size={18} weight={800} />\n        </Show>\n      </span>\n      <Show when={actions()}>\n        <div class=\"smwb-head-cell__actions\">{actions()}</div>\n      </Show>\n    </th>\n  );\n}\n\nexport default TableHeadCell;\n"],"names":["useColumnLabel","element","span","rowSpan","text","table","useTableLabels","row","useTableRow","inHead","useInTableHead","place","registerCell","owner","Symbol","label","createMemo","undefined","createComputed","stacked","column","at","labels","set","onCleanup","remove","TableHeadCell","props","merged","mergeProps","cellAlign","local","rest","splitProps","content","children","setElement","createSignal","cellSpan","colSpan","colspan","cellRowSpan","rowspan","textOf","actions","direction","sortDirection","isSortedByAsc","isSortedByDesc","ariaSort","sortable","iconName","onKeyDown","event","target","currentTarget","onSort","key","preventDefault","onClick","isOwnClick","labelId","createUniqueId","labelled","_el$","_tmpl$2","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","_$memo","cn","class","$$keydown","$$click","_$insert","_$createComponent","Show","when","Icon","name","size","weight","_el$3","_tmpl$","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","_$delegateEvents"],"mappings":"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"}

package/dist/headless/components/dataDisplay/table/tableHtmlText.js

@@ -0,0 +1,121 @@
+import { NAMED_REFERENCES as x, LEGACY_REFERENCES as A } from "./tableEntities.js";
+let u, d;
+function S() {
+  return (!u || !d) && (u = new Map(
+    x.split(",").map((e) => {
+      const [i, n] = e.split(":");
+      return [i, String.fromCodePoint(...n.split(".").map((s) => parseInt(s, 36)))];
+    })
+  ), d = new Set(A.split(","))), { named: u, legacy: d };
+}
+const w = {
+  128: 8364,
+  130: 8218,
+  131: 402,
+  132: 8222,
+  133: 8230,
+  134: 8224,
+  135: 8225,
+  136: 710,
+  137: 8240,
+  138: 352,
+  139: 8249,
+  140: 338,
+  142: 381,
+  145: 8216,
+  146: 8217,
+  147: 8220,
+  148: 8221,
+  149: 8226,
+  150: 8211,
+  151: 8212,
+  152: 732,
+  153: 8482,
+  154: 353,
+  155: 8250,
+  156: 339,
+  158: 382,
+  159: 376
+};
+function E(e) {
+  return e === 0 || e > 1114111 || e >= 55296 && e <= 57343 ? "�" : String.fromCodePoint(w[e] ?? e);
+}
+function l(e) {
+  return e.replace(/&(?:#([0-9]+);?|#[xX]([0-9a-fA-F]+);?|([A-Za-z0-9]+)(;?))/g, (i, n, s, t, c) => {
+    if (n !== void 0) return E(Number.parseInt(n, 10));
+    if (s !== void 0) return E(Number.parseInt(s, 16));
+    const r = S(), o = t;
+    if (c) {
+      const f = r.named.get(o);
+      if (f !== void 0) return f;
+    }
+    for (let f = Math.min(o.length, 6); f > 1; f--) {
+      const a = o.slice(0, f);
+      if (r.legacy.has(a)) return r.named.get(a) + i.slice(1 + f);
+    }
+    return i;
+  });
+}
+const C = /* @__PURE__ */ new Set(["script", "style", "xmp", "iframe", "noembed", "noframes"]), N = /* @__PURE__ */ new Set(["textarea", "title"]);
+function R(e) {
+  let i = "", n = 0, s;
+  for (; n < e.length; ) {
+    const t = e.indexOf("<", n);
+    if (t < 0) break;
+    const c = e[t + 1] ?? "";
+    let r;
+    if (e.startsWith("<!--", t))
+      if (e.startsWith(">", t + 4)) r = t + 5;
+      else if (e.startsWith("->", t + 4)) r = t + 6;
+      else {
+        const o = e.indexOf("-->", t + 4);
+        r = o < 0 ? e.length : o + 3;
+      }
+    else if (/[A-Za-z]/.test(c)) {
+      r = g(e, t + 1);
+      const o = /^[A-Za-z][^\s/>]*/.exec(e.slice(t + 1, t + 10))?.[0].toLowerCase() ?? "", f = C.has(o);
+      if (f || N.has(o)) {
+        s ?? (s = e.toLowerCase());
+        const a = O(s, o, r), p = e.slice(r, a);
+        i += l(e.slice(n, t)) + (f ? p : l(p)), n = a < e.length ? g(e, a + 1) : a;
+        continue;
+      }
+    } else if (c === "/")
+      r = g(e, t + 1);
+    else if (c === "!" || c === "?") {
+      const o = e.indexOf(">", t);
+      r = o < 0 ? e.length : o + 1;
+    } else {
+      i += l(e.slice(n, t + 1)), n = t + 1;
+      continue;
+    }
+    i += l(e.slice(n, t)), n = r;
+  }
+  return i + l(e.slice(n));
+}
+function O(e, i, n) {
+  for (let s = e.indexOf(`</${i}`, n); s >= 0; s = e.indexOf(`</${i}`, s + 1)) {
+    const t = e[s + 2 + i.length];
+    if (t === void 0 || /[\s/>]/.test(t)) return s;
+  }
+  return e.length;
+}
+function g(e, i) {
+  let n = i, s = !1;
+  for (; n < e.length; ) {
+    const t = e[n];
+    if (t === ">") return n + 1;
+    if (s && (t === '"' || t === "'")) {
+      const c = e.indexOf(t, n + 1);
+      if (c < 0) return e.length;
+      n = c + 1, s = !1;
+      continue;
+    }
+    t === "=" ? s = !0 : /\s/.test(t) || (s = !1), n++;
+  }
+  return e.length;
+}
+export {
+  R as htmlText
+};
+//# sourceMappingURL=tableHtmlText.js.map

package/dist/headless/components/dataDisplay/table/tableHtmlText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableHtmlText.js","sources":["../../../../../src/components/dataDisplay/table/tableHtmlText.ts"],"sourcesContent":["import { LEGACY_REFERENCES, NAMED_REFERENCES } from \"./tableEntities\";\n\nlet named: Map<string, string> | undefined;\nlet legacy: Set<string> | undefined;\n\nfunction references(): { named: Map<string, string>; legacy: Set<string> } {\n  if (!named || !legacy) {\n    named = new Map(\n      NAMED_REFERENCES.split(\",\").map((entry) => {\n        const [name, points] = entry.split(\":\") as [string, string];\n        return [name, String.fromCodePoint(...points.split(\".\").map((point) => parseInt(point, 36)))];\n      })\n    );\n    legacy = new Set(LEGACY_REFERENCES.split(\",\"));\n  }\n  return { named, legacy };\n}\n\n// Numeric references to C1 controls that browsers read as windows-1252.\nconst WINDOWS_1252: Record<number, number> = {\n  0x80: 0x20ac,\n  0x82: 0x201a,\n  0x83: 0x0192,\n  0x84: 0x201e,\n  0x85: 0x2026,\n  0x86: 0x2020,\n  0x87: 0x2021,\n  0x88: 0x02c6,\n  0x89: 0x2030,\n  0x8a: 0x0160,\n  0x8b: 0x2039,\n  0x8c: 0x0152,\n  0x8e: 0x017d,\n  0x91: 0x2018,\n  0x92: 0x2019,\n  0x93: 0x201c,\n  0x94: 0x201d,\n  0x95: 0x2022,\n  0x96: 0x2013,\n  0x97: 0x2014,\n  0x98: 0x02dc,\n  0x99: 0x2122,\n  0x9a: 0x0161,\n  0x9b: 0x203a,\n  0x9c: 0x0153,\n  0x9e: 0x017e,\n  0x9f: 0x0178,\n};\n\nfunction fromNumber(value: number): string {\n  if (value === 0 || value > 0x10ffff || (value >= 0xd800 && value <= 0xdfff)) return \"�\";\n  return String.fromCodePoint(WINDOWS_1252[value] ?? value);\n}\n\n/** Reads the character references of HTML text as a browser does. */\nfunction decode(text: string): string {\n  return text.replace(/&(?:#([0-9]+);?|#[xX]([0-9a-fA-F]+);?|([A-Za-z0-9]+)(;?))/g, (match, dec, hex, name, semi) => {\n    if (dec !== undefined) return fromNumber(Number.parseInt(dec as string, 10));\n    if (hex !== undefined) return fromNumber(Number.parseInt(hex as string, 16));\n    const refs = references();\n    const word = name as string;\n    if (semi) {\n      const char = refs.named.get(word);\n      if (char !== undefined) return char;\n    }\n    // Without a \";\" (or with an unknown name before it), the longest name that\n    // counts without one is read, and the rest stays as written.\n    for (let length = Math.min(word.length, 6); length > 1; length--) {\n      const prefix = word.slice(0, length);\n      if (refs.legacy.has(prefix)) return refs.named.get(prefix)! + match.slice(1 + length);\n    }\n    return match;\n  });\n}\n\n// Elements whose content is text up to their end tag: kept as written (raw\n// text), or with its character references decoded (escapable raw text).\nconst RAW_TEXT = new Set([\"script\", \"style\", \"xmp\", \"iframe\", \"noembed\", \"noframes\"]);\nconst ESCAPABLE_RAW_TEXT = new Set([\"textarea\", \"title\"]);\n\n/**\n * The text of a piece of HTML, as `textContent` reads it once a browser has\n * parsed it: tags and comments dropped (`>` inside a quoted attribute value\n * included), and character references, named or numeric, decoded. The content\n * of `<script>`, `<style>`, `<textarea>`, `<title>` and the like is text up to\n * the end tag, as the browser reads it.\n */\nexport function htmlText(html: string): string {\n  let text = \"\";\n  let at = 0;\n  let lower: string | undefined;\n  while (at < html.length) {\n    const open = html.indexOf(\"<\", at);\n    if (open < 0) break;\n    const next = html[open + 1] ?? \"\";\n    let end: number;\n    if (html.startsWith(\"<!--\", open)) {\n      if (html.startsWith(\">\", open + 4)) end = open + 5;\n      else if (html.startsWith(\"->\", open + 4)) end = open + 6;\n      else {\n        const close = html.indexOf(\"-->\", open + 4);\n        end = close < 0 ? html.length : close + 3;\n      }\n    } else if (/[A-Za-z]/.test(next)) {\n      end = tagEnd(html, open + 1);\n      const name = /^[A-Za-z][^\\s/>]*/.exec(html.slice(open + 1, open + 10))?.[0].toLowerCase() ?? \"\";\n      const raw = RAW_TEXT.has(name);\n      if (raw || ESCAPABLE_RAW_TEXT.has(name)) {\n        lower ??= html.toLowerCase();\n        const close = endTag(lower, name, end);\n        const content = html.slice(end, close);\n        text += decode(html.slice(at, open)) + (raw ? content : decode(content));\n        at = close < html.length ? tagEnd(html, close + 1) : close;\n        continue;\n      }\n    } else if (next === \"/\") {\n      end = tagEnd(html, open + 1);\n    } else if (next === \"!\" || next === \"?\") {\n      const close = html.indexOf(\">\", open);\n      end = close < 0 ? html.length : close + 1;\n    } else {\n      // A \"<\" that starts no tag is text.\n      text += decode(html.slice(at, open + 1));\n      at = open + 1;\n      continue;\n    }\n    text += decode(html.slice(at, open));\n    at = end;\n  }\n  return text + decode(html.slice(at));\n}\n\n/** Where the end tag of a raw-text element starts, in the lower-cased markup; its length if there is none. */\nfunction endTag(lower: string, name: string, from: number): number {\n  for (let at = lower.indexOf(`</${name}`, from); at >= 0; at = lower.indexOf(`</${name}`, at + 1)) {\n    const after = lower[at + 2 + name.length];\n    if (after === undefined || /[\\s/>]/.test(after)) return at;\n  }\n  return lower.length;\n}\n\n/** Where a tag that starts at `from` ends: after its \">\", skipping quoted attribute values. */\nfunction tagEnd(html: string, from: number): number {\n  let at = from;\n  let afterEquals = false;\n  while (at < html.length) {\n    const char = html[at]!;\n    if (char === \">\") return at + 1;\n    if (afterEquals && (char === '\"' || char === \"'\")) {\n      const close = html.indexOf(char, at + 1);\n      if (close < 0) return html.length;\n      at = close + 1;\n      afterEquals = false;\n      continue;\n    }\n    if (char === \"=\") afterEquals = true;\n    else if (!/\\s/.test(char)) afterEquals = false;\n    at++;\n  }\n  return html.length;\n}\n"],"names":["named","legacy","references","NAMED_REFERENCES","entry","name","points","point","LEGACY_REFERENCES","WINDOWS_1252","fromNumber","value","decode","text","match","dec","hex","semi","refs","word","char","length","prefix","RAW_TEXT","ESCAPABLE_RAW_TEXT","htmlText","html","at","lower","open","next","end","close","tagEnd","raw","endTag","content","from","after","afterEquals"],"mappings":"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"}

package/dist/headless/components/dataDisplay/table/tableRow.js

@@ -1,16 +1,19 @@
-import { use as o, spread as d, mergeProps as l, insert as n, template as p } from "solid-js/web";
-import { splitProps as c } from "solid-js";
-import i from "clsx";
-import { mergeRefs as m } from "../../../primitives/mergeRefs.js";
-var f = /* @__PURE__ */ p("<tr>");
-function x(a) {
-  const [e, s] = c(a, ["children", "class", "selected", "expanded", "ref"]);
+import { use as m, spread as i, mergeProps as p, insert as u, createComponent as s, template as b } from "solid-js/web";
+import { splitProps as f, createSignal as _ } from "solid-js";
+import g from "clsx";
+import { mergeRefs as w } from "../../../primitives/mergeRefs.js";
+import { useTableLabels as v, createRowColumns as x, useTableSection as h, TableRowContext as C, ChildElements as R } from "./tableColumns.js";
+var T = /* @__PURE__ */ b("<tr>");
+function k(n) {
+  const [e, o] = f(n, ["children", "class", "selected", "expanded", "ref", "data-testid"]), l = v(), [d, c] = _(), r = x(() => !!l?.stacked(), h(), d);
   return (() => {
-    var r = f(), t = m(e.ref);
-    return typeof t == "function" && o(t, r), d(r, l(s, {
-      "data-testid": "table-row",
+    var t = T(), a = w(e.ref, c);
+    return typeof a == "function" && m(a, t), i(t, p(o, {
+      get "data-testid"() {
+        return e["data-testid"] ?? "table-row";
+      },
       get class() {
-        return i("smwb-table__row", e.class, {
+        return g("smwb-table__row", e.class, {
           "smwb-table__row_selected": e.selected,
           "smwb-table__row_expanded": e.expanded
         });
@@ -21,10 +24,22 @@ function x(a) {
       get "aria-expanded"() {
         return e.expanded ?? void 0;
       }
-    }), !1, !0), n(r, () => e.children), r;
+    }), !1, !0), u(t, s(C.Provider, {
+      value: r,
+      get children() {
+        return s(R, {
+          get onItems() {
+            return r.setItems;
+          },
+          get children() {
+            return e.children;
+          }
+        });
+      }
+    })), t;
   })();
 }
 export {
-  x as TableRow
+  k as TableRow
 };
 //# sourceMappingURL=tableRow.js.map

package/dist/headless/components/dataDisplay/table/tableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableRow.js","sources":["../../../../../src/components/dataDisplay/table/tableRow.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableRowProps extends JSX.HTMLAttributes<HTMLTableRowElement> {\n  /** Marks the row as selected (adds aria-selected + styling). */\n  selected?: boolean;\n  /** Reflects expandable-row state (adds aria-expanded + styling). */\n  expanded?: boolean;\n  ref?: Ref<HTMLTableRowElement>;\n}\n\nexport function TableRow(props: ParentProps<TableRowProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"selected\", \"expanded\", \"ref\"]);\n  return (\n    <tr\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"table-row\"\n      class={cn(\"smwb-table__row\", local.class, {\n        \"smwb-table__row_selected\": local.selected,\n        \"smwb-table__row_expanded\": local.expanded,\n      })}\n      aria-selected={local.selected ?? undefined}\n      aria-expanded={local.expanded ?? undefined}\n    >\n      {local.children}\n    </tr>\n  );\n}\n\nexport default TableRow;\n"],"names":["TableRow","props","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","selected","expanded","undefined","_$insert","children"],"mappings":";;;;;AAYO,SAASA,EAASC,GAAgD;AACvE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,YAAY,SAAS,YAAY,YAAY,KAAK,CAAC;AAC5F,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAGSC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBT,GAAI;AAAA,MAAA,eAEI;AAAA,MAAW,IAAA,QAAA;AAAA,eAChBU,EAAG,mBAAmBX,EAAMY,OAAO;AAAA,UACxC,4BAA4BZ,EAAMa;AAAAA,UAClC,4BAA4Bb,EAAMc;AAAAA,QAAAA,CACnC;AAAA,MAAC;AAAA,MAAA,IAAA,kBAAA;AAAA,eACad,EAAMa,YAAYE;AAAAA,MAAS;AAAA,MAAA,IAAA,kBAAA;AAAA,eAC3Bf,EAAMc,YAAYC;AAAAA,MAAS;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAb,GAAA,MAEzCH,EAAMiB,QAAQ,GAAAd;AAAAA,EAAA,GAAA;AAGrB;"}
+{"version":3,"file":"tableRow.js","sources":["../../../../../src/components/dataDisplay/table/tableRow.tsx"],"sourcesContent":["import { type JSX, type ParentProps, createSignal, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { ChildElements, TableRowContext, createRowColumns, useTableLabels, useTableSection } from \"./tableColumns\";\n\nexport interface TableRowProps extends JSX.HTMLAttributes<HTMLTableRowElement> {\n  /** Marks the row as selected (adds aria-selected + styling). */\n  selected?: boolean;\n  /** Reflects expandable-row state (adds aria-expanded + styling). */\n  expanded?: boolean;\n  /** Test id of the `<tr>`; `table-row` unless given. */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLTableRowElement>;\n}\n\nexport function TableRow(props: ParentProps<TableRowProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"selected\", \"expanded\", \"ref\", \"data-testid\"]);\n  // Each cell learns its column, by which a body cell of a stacked table finds\n  // its label in the head.\n  const table = useTableLabels();\n  const [element, setElement] = createSignal<HTMLTableRowElement>();\n  const columns = createRowColumns(() => !!table?.stacked(), useTableSection(), element);\n  return (\n    <tr\n      {...rest}\n      ref={mergeRefs(local.ref, setElement)}\n      data-testid={local[\"data-testid\"] ?? \"table-row\"}\n      class={cn(\"smwb-table__row\", local.class, {\n        \"smwb-table__row_selected\": local.selected,\n        \"smwb-table__row_expanded\": local.expanded,\n      })}\n      // `selected` and `expanded` win over the caller's aria-selected and\n      // aria-expanded; without them (undefined), the caller's stay.\n      aria-selected={local.selected ?? undefined}\n      aria-expanded={local.expanded ?? undefined}\n    >\n      <TableRowContext.Provider value={columns}>\n        <ChildElements onItems={columns.setItems}>{local.children}</ChildElements>\n      </TableRowContext.Provider>\n    </tr>\n  );\n}\n\nexport default TableRow;\n"],"names":["TableRow","props","local","rest","splitProps","table","useTableLabels","element","setElement","createSignal","columns","createRowColumns","stacked","useTableSection","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","selected","expanded","undefined","_$insert","_$createComponent","TableRowContext","Provider","value","children","ChildElements","onItems","setItems"],"mappings":";;;;;;AAeO,SAASA,EAASC,GAAgD;AACvE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,YAAY,SAAS,YAAY,YAAY,OAAO,aAAa,CAAC,GAGrGI,IAAQC,EAAAA,GACR,CAACC,GAASC,CAAU,IAAIC,EAAAA,GACxBC,IAAUC,EAAiB,MAAM,CAAC,CAACN,GAAOO,QAAAA,GAAWC,EAAAA,GAAmBN,CAAO;AACrF,UAAA,MAAA;AAAA,QAAAO,IAAAC,EAAAA,GAAAC,IAGSC,EAAUf,EAAMgB,KAAKV,CAAU;AAAC,kBAAAQ,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADjClB,GAAI;AAAA,MAAA,IAAA,gBAAA;AAAA,eAEKD,EAAM,aAAa,KAAK;AAAA,MAAW;AAAA,MAAA,IAAA,QAAA;AAAA,eACzCoB,EAAG,mBAAmBpB,EAAMqB,OAAO;AAAA,UACxC,4BAA4BrB,EAAMsB;AAAAA,UAClC,4BAA4BtB,EAAMuB;AAAAA,QAAAA,CACnC;AAAA,MAAC;AAAA,MAAA,IAAA,kBAAA;AAAA,eAGavB,EAAMsB,YAAYE;AAAAA,MAAS;AAAA,MAAA,IAAA,kBAAA;AAAA,eAC3BxB,EAAMuB,YAAYC;AAAAA,MAAS;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAb,GAAAc,EAEzCC,EAAgBC,UAAQ;AAAA,MAACC,OAAOrB;AAAAA,MAAO,IAAAsB,WAAA;AAAA,eAAAJ,EACrCK,GAAa;AAAA,UAAA,IAACC,UAAO;AAAA,mBAAExB,EAAQyB;AAAAA,UAAQ;AAAA,UAAA,IAAAH,WAAA;AAAA,mBAAG9B,EAAM8B;AAAAA,UAAQ;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAAlB;AAAAA,EAAA,GAAA;AAIjE;"}

package/dist/headless/components/dataDisplay/thumbCard/thumbCard.js

@@ -1,58 +1,86 @@
-import { use as w, spread as T, mergeProps as L, memo as y, insert as n, createComponent as l, Portal as x, effect as $, setAttribute as F, style as K, isServer as M, template as o } from "solid-js/web";
-import { mergeProps as O, splitProps as R, children as v, createSignal as A, onCleanup as I, Show as c } from "solid-js";
-import j from "clsx";
-import { createFloating as q } from "../../../primitives/createFloating.js";
-import { mergeRefs as B } from "../../../primitives/mergeRefs.js";
-import { LazyImage as G } from "../lazyImage/lazyImage.js";
-var H = /* @__PURE__ */ o('<div class="smwb-thumb-card__slot smwb-thumb-card__slot--start">'), J = /* @__PURE__ */ o('<div class="smwb-thumb-card__slot smwb-thumb-card__slot--end">'), N = /* @__PURE__ */ o("<div class=smwb-thumb-card__caption>"), Q = /* @__PURE__ */ o("<div class=smwb-thumb-card__preview>"), U = /* @__PURE__ */ o("<div><div class=smwb-thumb-card__media>"), V = /* @__PURE__ */ o("<img alt>");
-function re(S) {
-  const P = O({
+import { use as v, spread as P, mergeProps as C, memo as k, insert as o, createComponent as l, Portal as A, effect as D, setAttribute as H, style as I, isServer as j, template as s } from "solid-js/web";
+import { mergeProps as q, splitProps as B, children as f, createSignal as G, onCleanup as J, Show as c } from "solid-js";
+import N from "clsx";
+import { createFloating as Q } from "../../../primitives/createFloating.js";
+import { mergeRefs as U } from "../../../primitives/mergeRefs.js";
+import { callHandler as m } from "../../../primitives/callHandler.js";
+import { isOwnClick as V } from "../../../utils/ownClick.js";
+import { splitControlProps as W } from "../../../utils/controlProps.js";
+import { LazyImage as X } from "../lazyImage/lazyImage.js";
+var Y = /* @__PURE__ */ s("<div class=smwb-thumb-card__caption>"), Z = /* @__PURE__ */ s('<div class="smwb-thumb-card__slot smwb-thumb-card__slot--start">'), ee = /* @__PURE__ */ s('<div class="smwb-thumb-card__slot smwb-thumb-card__slot--end">'), te = /* @__PURE__ */ s("<div class=smwb-thumb-card__preview>"), re = /* @__PURE__ */ s("<div><div><div class=smwb-thumb-card__media>"), oe = /* @__PURE__ */ s("<img alt>");
+function pe(E) {
+  const M = q({
     lazy: !0,
     hoverDelay: 350
-  }, S), [e, k] = R(P, ["src", "caption", "selected", "onSelect", "fallback", "hoverPreview", "topStart", "topEnd", "lazy", "disabled", "hoverDelay", "class", "ref"]), p = v(() => e.topStart), b = v(() => e.topEnd), h = v(() => e.caption), d = q({
+  }, E), [e, z] = B(M, [
+    "src",
+    "caption",
+    "selected",
+    "onSelect",
+    "fallback",
+    "hoverPreview",
+    "topStart",
+    "topEnd",
+    "lazy",
+    "disabled",
+    "hoverDelay",
+    "class",
+    "ref",
+    // The card sets these on its root too; its own handlers call the caller's.
+    "onClick",
+    "onKeyDown",
+    "onMouseEnter",
+    "onMouseLeave"
+  ]), [h, L] = W(z);
+  let d;
+  const g = f(() => e.topStart), _ = f(() => e.topEnd), w = f(() => e.caption), u = Q({
     placement: () => "right"
-  }), [D, g] = A(!1);
+  }), [T, y] = G(!1);
   let i;
-  const m = () => {
+  const p = () => {
     i && (clearTimeout(i), i = void 0);
-  }, E = () => {
-    e.hoverPreview == null || e.disabled || (m(), i = setTimeout(() => g(!0), e.hoverDelay));
-  }, z = () => {
-    m(), g(!1);
+  }, x = (t) => {
+    m(e.onMouseEnter, t), !(e.hoverPreview == null || e.disabled) && (p(), i = setTimeout(() => y(!0), e.hoverDelay));
+  }, K = (t) => {
+    m(e.onMouseLeave, t), p(), y(!1);
   };
-  I(m);
-  const a = () => !!e.onSelect && !e.disabled, C = (r) => {
-    a() && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.onSelect?.());
+  J(p);
+  const b = () => !!e.onSelect && !e.disabled, O = (t) => {
+    if (e.disabled) return;
+    const n = V(t, d ?? null);
+    m(e.onClick, t), n && e.onSelect?.();
+  }, F = (t) => {
+    m(e.onKeyDown, t), !(!b() || t.target !== d) && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.onSelect?.());
   };
   return (() => {
-    var r = U(), u = r.firstChild, f = B(e.ref, (t) => d.setReference(t));
-    return typeof f == "function" && w(f, r), T(r, L(k, {
+    var t = re(), n = t.firstChild, R = n.firstChild, $ = U(e.ref, (r) => u.setReference(r));
+    return typeof $ == "function" && v($, t), P(t, C(L, {
       get class() {
-        return j("smwb-thumb-card", e.class, {
+        return N("smwb-thumb-card", e.class, {
           "smwb-thumb-card--selected": e.selected,
           "smwb-thumb-card--disabled": e.disabled,
-          "smwb-thumb-card--interactive": a()
+          "smwb-thumb-card--interactive": b()
         });
       },
+      onClick: O,
+      onKeyDown: F,
+      onMouseEnter: x,
+      onMouseLeave: K
+    }), !1, !0), v((r) => d = r, n), P(n, C(h, {
+      class: "smwb-thumb-card__content",
       get role() {
-        return a() ? "button" : void 0;
+        return e.onSelect ? "button" : void 0;
       },
       get tabindex() {
-        return a() ? 0 : void 0;
+        return h.tabindex ?? (b() ? 0 : void 0);
       },
       get "aria-pressed"() {
-        return y(() => !!e.onSelect)() ? e.selected ?? !1 : void 0;
+        return k(() => !!e.onSelect)() ? e.selected ?? !1 : void 0;
       },
       get "aria-disabled"() {
         return e.disabled || void 0;
-      },
-      get onClick() {
-        return a() ? () => e.onSelect?.() : void 0;
-      },
-      onKeyDown: C,
-      onMouseEnter: E,
-      onMouseLeave: z
-    }), !1, !0), n(u, l(G, {
+      }
+    }), !1, !0), o(R, l(X, {
       get src() {
         return e.src;
       },
@@ -62,52 +90,52 @@ function re(S) {
       get fallback() {
         return e.fallback;
       }
-    }), null), n(u, l(c, {
+    })), o(n, l(c, {
       get when() {
-        return p();
+        return w();
       },
       get children() {
-        var t = H();
-        return n(t, p), t;
+        var r = Y();
+        return o(r, w), r;
       }
-    }), null), n(u, l(c, {
+    }), null), o(t, l(c, {
       get when() {
-        return b();
+        return g();
       },
       get children() {
-        var t = J();
-        return n(t, b), t;
+        var r = Z();
+        return o(r, g), r;
       }
-    }), null), n(r, l(c, {
+    }), null), o(t, l(c, {
       get when() {
-        return h();
+        return _();
       },
       get children() {
-        var t = N();
-        return n(t, h), t;
+        var r = ee();
+        return o(r, _), r;
       }
-    }), null), n(r, l(c, {
+    }), null), o(t, l(c, {
       get when() {
-        return D() && !M;
+        return T() && !j;
       },
       get children() {
-        return l(x, {
+        return l(A, {
           get children() {
-            var t = Q();
-            return w((s) => d.setFloating(s), t), n(t, (() => {
-              var s = y(() => typeof e.hoverPreview == "string");
-              return () => s() ? (() => {
-                var _ = V();
-                return $(() => F(_, "src", e.hoverPreview)), _;
+            var r = te();
+            return v((a) => u.setFloating(a), r), o(r, (() => {
+              var a = k(() => typeof e.hoverPreview == "string");
+              return () => a() ? (() => {
+                var S = oe();
+                return D(() => H(S, "src", e.hoverPreview)), S;
               })() : e.hoverPreview;
-            })()), $((s) => K(t, d.floatingStyles(), s)), t;
+            })()), D((a) => I(r, u.floatingStyles(), a)), r;
           }
         });
       }
-    }), null), r;
+    }), null), t;
   })();
 }
 export {
-  re as ThumbCard
+  pe as ThumbCard
 };
 //# sourceMappingURL=thumbCard.js.map

package/dist/headless/components/dataDisplay/thumbCard/thumbCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"thumbCard.js","sources":["../../../../../src/components/dataDisplay/thumbCard/thumbCard.tsx"],"sourcesContent":["import { type JSX, Show, children, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { LazyImage } from \"../lazyImage\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ThumbCardProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Thumbnail URL; falls back to `fallback` when missing / failed. */\n  src?: string;\n  caption?: JSX.Element;\n  selected?: boolean;\n  /** Makes the card a selectable button (keyboard + `aria-pressed`). */\n  onSelect?: () => void;\n  /** Shown in place of the image when `src` is missing / fails. */\n  fallback?: JSX.Element;\n  /** A larger preview shown in a floating popup after a hover delay. */\n  hoverPreview?: JSX.Element | string;\n  /** Top-left overlay slot (e.g. a favourite star). */\n  topStart?: JSX.Element;\n  /** Top-right overlay slot (e.g. a kebab menu). */\n  topEnd?: JSX.Element;\n  lazy?: boolean;\n  disabled?: boolean;\n  /** Delay (ms) before the hover preview appears. Default 350. */\n  hoverDelay?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * A selectable gallery card: image with an `onError` fallback + optional lazy\n * load, keyboard/`aria-pressed` selection, corner action slots, and a delayed\n * floating hover-preview. The generic gallery-card behaviour every app rebuilds\n * on top of the primitives. SSR-safe — the hover preview is client-only.\n */\nexport function ThumbCard(props: ThumbCardProps): JSX.Element {\n  const merged = mergeProps({ lazy: true, hoverDelay: 350 }, props);\n  const [local, rest] = splitProps(merged, [\n    \"src\",\n    \"caption\",\n    \"selected\",\n    \"onSelect\",\n    \"fallback\",\n    \"hoverPreview\",\n    \"topStart\",\n    \"topEnd\",\n    \"lazy\",\n    \"disabled\",\n    \"hoverDelay\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  // Read each slot once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  // (The hover preview is read on hover only, after hydration.)\n  const topStart = children(() => local.topStart);\n  const topEnd = children(() => local.topEnd);\n  const caption = children(() => local.caption);\n\n  const floating = createFloating({ placement: () => \"right\" });\n  const [previewOpen, setPreviewOpen] = createSignal(false);\n  let hoverTimer: ReturnType<typeof setTimeout> | undefined;\n\n  const clearTimer = (): void => {\n    if (hoverTimer) {\n      clearTimeout(hoverTimer);\n      hoverTimer = undefined;\n    }\n  };\n  const onEnter = (): void => {\n    if (local.hoverPreview == null || local.disabled) return;\n    clearTimer();\n    hoverTimer = setTimeout(() => setPreviewOpen(true), local.hoverDelay);\n  };\n  const onLeave = (): void => {\n    clearTimer();\n    setPreviewOpen(false);\n  };\n  onCleanup(clearTimer);\n\n  const interactive = (): boolean => !!local.onSelect && !local.disabled;\n  const onKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    if (interactive() && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSelect?.();\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref, (el) => floating.setReference(el))}\n      class={cn(\"smwb-thumb-card\", local.class, {\n        \"smwb-thumb-card--selected\": local.selected,\n        \"smwb-thumb-card--disabled\": local.disabled,\n        \"smwb-thumb-card--interactive\": interactive(),\n      })}\n      role={interactive() ? \"button\" : undefined}\n      tabindex={interactive() ? 0 : undefined}\n      aria-pressed={local.onSelect ? (local.selected ?? false) : undefined}\n      aria-disabled={local.disabled || undefined}\n      onClick={interactive() ? () => local.onSelect?.() : undefined}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    >\n      <div class=\"smwb-thumb-card__media\">\n        <LazyImage src={local.src} lazy={local.lazy} fallback={local.fallback} />\n        <Show when={topStart()}>\n          <div class=\"smwb-thumb-card__slot smwb-thumb-card__slot--start\">{topStart()}</div>\n        </Show>\n        <Show when={topEnd()}>\n          <div class=\"smwb-thumb-card__slot smwb-thumb-card__slot--end\">{topEnd()}</div>\n        </Show>\n      </div>\n      <Show when={caption()}>\n        <div class=\"smwb-thumb-card__caption\">{caption()}</div>\n      </Show>\n      <Show when={previewOpen() && !isServer}>\n        <Portal>\n          <div class=\"smwb-thumb-card__preview\" ref={(el) => floating.setFloating(el)} style={floating.floatingStyles()}>\n            {typeof local.hoverPreview === \"string\" ? (\n              <img src={local.hoverPreview} alt=\"\" />\n            ) : (\n              (local.hoverPreview as JSX.Element)\n            )}\n          </div>\n        </Portal>\n      </Show>\n    </div>\n  );\n}\n\nexport default ThumbCard;\n"],"names":["ThumbCard","props","merged","mergeProps","lazy","hoverDelay","local","rest","splitProps","topStart","children","topEnd","caption","floating","createFloating","placement","previewOpen","setPreviewOpen","createSignal","hoverTimer","clearTimer","clearTimeout","undefined","onEnter","hoverPreview","disabled","setTimeout","onLeave","onCleanup","interactive","onSelect","onKeyDown","event","key","preventDefault","_el$","_tmpl$5","_el$2","firstChild","_ref$","mergeRefs","ref","el","setReference","_$use","_$spread","_$mergeProps","cn","class","selected","role","tabindex","_$memo","onClick","_$insert","_$createComponent","LazyImage","src","fallback","Show","when","_el$3","_tmpl$","_el$4","_tmpl$2","_el$5","_tmpl$3","isServer","Portal","_el$6","_tmpl$4","setFloating","_c$","_el$7","_tmpl$6","_$effect","_$setAttribute","_$p","_$style","floatingStyles"],"mappings":"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"}
+{"version":3,"file":"thumbCard.js","sources":["../../../../../src/components/dataDisplay/thumbCard/thumbCard.tsx"],"sourcesContent":["import { type JSX, Show, children, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { LazyImage } from \"../lazyImage\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\nimport { isOwnClick } from \"../../../utils/ownClick\";\nimport { splitControlProps } from \"../../../utils/controlProps\";\n\nexport interface ThumbCardProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /**\n   * Class name(s) for the root `<div>`, the card's box. `style`, `id`, `data-*`, `aria-hidden`, `ref` and event\n   * handlers go to the root too, but `role`, `tabindex`, `onFocus`, `onBlur` and the other `aria-*` attributes go to\n   * the card's content, `.smwb-thumb-card__content` (the image and the caption): that is the card's button when it has\n   * `onSelect`, and the element to focus.\n   */\n  class?: string | undefined;\n  /** Thumbnail URL; falls back to `fallback` when missing / failed. */\n  src?: string;\n  /**\n   * Text under the image. With `onSelect` it is part of the card's button and names it, so keep controls out of it:\n   * they go in `topStart` / `topEnd`.\n   */\n  caption?: JSX.Element;\n  /** Outlines the image; with `onSelect`, the card's button is also `aria-pressed=\"true\"`. */\n  selected?: boolean;\n  /**\n   * Makes the card selectable: its content (the image and the caption) becomes a toggle button with `aria-pressed`,\n   * selected by a click and by Enter / Space. The corner slots are not part of that button but its siblings, laid over\n   * the image, so their controls keep their own names, clicks and keys.\n   *\n   * A click selects the card unless it lands in a control in a slot (button, link, input, anything focusable) or in a\n   * portal opened from the card. Slot content that is not a control keeps its click from selecting the card by calling\n   * `preventDefault()` on it.\n   */\n  onSelect?: () => void;\n  /**\n   * Runs on each click on the card, before `onSelect`, but not while the card is `disabled`.\n   * A click on a control in a slot runs it too, without selecting the card.\n   * Enter / Space select the card without a click, so they call only `onSelect`.\n   */\n  onClick?: JSX.EventHandlerUnion<HTMLDivElement, MouseEvent> | undefined;\n  /** Shown in place of the image when `src` is missing / fails. */\n  fallback?: JSX.Element;\n  /** A larger preview shown in a floating popup after a hover delay. */\n  hoverPreview?: JSX.Element | string;\n  /**\n   * Top-left overlay slot (e.g. a favourite star). It sits over the image, outside the card's button, so controls here\n   * keep their own names, clicks and keys; see `onSelect`.\n   */\n  topStart?: JSX.Element;\n  /**\n   * Top-right overlay slot (e.g. a kebab menu). It sits over the image, outside the card's button, so controls here\n   * keep their own names, clicks and keys; see `onSelect`.\n   */\n  topEnd?: JSX.Element;\n  lazy?: boolean;\n  /**\n   * Dims the card and ignores clicks on it: neither `onClick` nor `onSelect` runs.\n   * Keys do not select it either, and there is no hover preview. With `onSelect`\n   * the card is still a button, `aria-disabled` and out of the tab order.\n   */\n  disabled?: boolean;\n  /** Delay (ms) before the hover preview appears. Default 350. */\n  hoverDelay?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * A selectable gallery card: image with an `onError` fallback + optional lazy\n * load, keyboard/`aria-pressed` selection, corner action slots, and a delayed\n * floating hover-preview. The generic gallery-card behaviour every app rebuilds\n * on top of the primitives. SSR-safe — the hover preview is client-only.\n *\n * The root is a box around the card's content (the image and the caption, the\n * card's button when it is selectable) and the corner slots, which are laid\n * over the image beside that button rather than inside it.\n */\nexport function ThumbCard(props: ThumbCardProps): JSX.Element {\n  const merged = mergeProps({ lazy: true, hoverDelay: 350 }, props);\n  const [local, rest] = splitProps(merged, [\n    \"src\",\n    \"caption\",\n    \"selected\",\n    \"onSelect\",\n    \"fallback\",\n    \"hoverPreview\",\n    \"topStart\",\n    \"topEnd\",\n    \"lazy\",\n    \"disabled\",\n    \"hoverDelay\",\n    \"class\",\n    \"ref\",\n    // The card sets these on its root too; its own handlers call the caller's.\n    \"onClick\",\n    \"onKeyDown\",\n    \"onMouseEnter\",\n    \"onMouseLeave\",\n  ]);\n  // What the card is to the keyboard and to assistive tech goes to its\n  // content, the element that is its button; the rest stays on the root.\n  const [control, box] = splitControlProps(rest);\n  let content: HTMLDivElement | undefined;\n\n  // Read each slot once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  // (The hover preview is read on hover only, after hydration.)\n  const topStart = children(() => local.topStart);\n  const topEnd = children(() => local.topEnd);\n  const caption = children(() => local.caption);\n\n  const floating = createFloating({ placement: () => \"right\" });\n  const [previewOpen, setPreviewOpen] = createSignal(false);\n  let hoverTimer: ReturnType<typeof setTimeout> | undefined;\n\n  const clearTimer = (): void => {\n    if (hoverTimer) {\n      clearTimeout(hoverTimer);\n      hoverTimer = undefined;\n    }\n  };\n  const onEnter: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    callHandler(local.onMouseEnter, event);\n    if (local.hoverPreview == null || local.disabled) return;\n    clearTimer();\n    hoverTimer = setTimeout(() => setPreviewOpen(true), local.hoverDelay);\n  };\n  const onLeave: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    callHandler(local.onMouseLeave, event);\n    clearTimer();\n    setPreviewOpen(false);\n  };\n  onCleanup(clearTimer);\n\n  const interactive = (): boolean => !!local.onSelect && !local.disabled;\n  // A disabled card ignores clicks, the caller's onClick included: it says\n  // aria-disabled, and its styles turn pointer events off. The caller's onClick\n  // sees every other click, those in the slots too, but only clicks on the\n  // card's content and on what is not a control in a slot select it: not one\n  // on a control in a slot, nor one in a Portal opened from the card. That is\n  // settled before onClick runs, so what onClick does to the event or the DOM\n  // does not change it.\n  const onClick: JSX.EventHandler<HTMLDivElement, MouseEvent> = (event) => {\n    if (local.disabled) return;\n    const selects = isOwnClick(event, content ?? null);\n    callHandler(local.onClick, event);\n    if (selects) local.onSelect?.();\n  };\n  // Keys pressed on a control in a slot bubble up here too; only the keys of\n  // the card's button select it.\n  const onKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    callHandler(local.onKeyDown, event);\n    if (!interactive() || event.target !== content) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      local.onSelect?.();\n    }\n  };\n\n  return (\n    <div\n      {...box}\n      ref={mergeRefs(local.ref, (el) => floating.setReference(el))}\n      class={cn(\"smwb-thumb-card\", local.class, {\n        \"smwb-thumb-card--selected\": local.selected,\n        \"smwb-thumb-card--disabled\": local.disabled,\n        \"smwb-thumb-card--interactive\": interactive(),\n      })}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    >\n      <div\n        {...control}\n        ref={(el) => (content = el)}\n        class=\"smwb-thumb-card__content\"\n        // With onSelect the content is the card's button and says whether it is\n        // pressed, and a disabled card says so: these win over the caller's, and\n        // where the card sets none (undefined), the caller's stay. Its tabindex\n        // is a default: the caller's wins, e.g. for roving focus.\n        role={local.onSelect ? \"button\" : undefined}\n        tabindex={control.tabindex ?? (interactive() ? 0 : undefined)}\n        aria-pressed={local.onSelect ? (local.selected ?? false) : undefined}\n        aria-disabled={local.disabled || undefined}\n      >\n        <div class=\"smwb-thumb-card__media\">\n          <LazyImage src={local.src} lazy={local.lazy} fallback={local.fallback} />\n        </div>\n        <Show when={caption()}>\n          <div class=\"smwb-thumb-card__caption\">{caption()}</div>\n        </Show>\n      </div>\n      {/* Beside the button, not in it: controls here keep their names and input. */}\n      <Show when={topStart()}>\n        <div class=\"smwb-thumb-card__slot smwb-thumb-card__slot--start\">{topStart()}</div>\n      </Show>\n      <Show when={topEnd()}>\n        <div class=\"smwb-thumb-card__slot smwb-thumb-card__slot--end\">{topEnd()}</div>\n      </Show>\n      <Show when={previewOpen() && !isServer}>\n        <Portal>\n          <div class=\"smwb-thumb-card__preview\" ref={(el) => floating.setFloating(el)} style={floating.floatingStyles()}>\n            {typeof local.hoverPreview === \"string\" ? (\n              <img src={local.hoverPreview} alt=\"\" />\n            ) : (\n              (local.hoverPreview as JSX.Element)\n            )}\n          </div>\n        </Portal>\n      </Show>\n    </div>\n  );\n}\n\nexport default ThumbCard;\n"],"names":["ThumbCard","props","merged","mergeProps","lazy","hoverDelay","local","rest","splitProps","control","box","splitControlProps","content","topStart","children","topEnd","caption","floating","createFloating","placement","previewOpen","setPreviewOpen","createSignal","hoverTimer","clearTimer","clearTimeout","undefined","onEnter","event","callHandler","onMouseEnter","hoverPreview","disabled","setTimeout","onLeave","onMouseLeave","onCleanup","interactive","onSelect","onClick","selects","isOwnClick","onKeyDown","target","key","preventDefault","_el$","_tmpl$5","_el$2","firstChild","_el$3","_ref$","mergeRefs","ref","el","setReference","_$use","_$spread","_$mergeProps","cn","class","selected","role","tabindex","_$memo","_$insert","_$createComponent","LazyImage","src","fallback","Show","when","_el$4","_tmpl$","_el$5","_tmpl$2","_el$6","_tmpl$3","isServer","Portal","_el$7","_tmpl$4","setFloating","_c$","_el$8","_tmpl$6","_$effect","_$setAttribute","_$p","_$style","floatingStyles"],"mappings":"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"}

package/dist/headless/components/dataDisplay/treeView/treeView.js

@@ -98,7 +98,7 @@ function de(o) {
     defaultSelected: [],
     selectable: !1,
     checkboxes: !1
-  }, o), [e, h] = B(n, ["class", "listIcon", "nodeIcon", "data", "expanded", "defaultExpanded", "onExpandedChange", "selected", "defaultSelected", "onSelectedChange", "selectable", "checkboxes", "renderLabel", "loadChildren", "ref"]), [$, c] = P({}), [f, m] = P([]), [I, x] = O({
+  }, o), [e, h] = B(n, ["class", "listIcon", "nodeIcon", "data", "expanded", "defaultExpanded", "onExpandedChange", "selected", "defaultSelected", "onSelectedChange", "selectable", "checkboxes", "renderLabel", "loadChildren", "ref", "data-testid"]), [$, c] = P({}), [f, m] = P([]), [I, x] = O({
     value: () => e.expanded,
     defaultValue: e.defaultExpanded,
     onChange: (t) => e.onExpandedChange?.(t)
@@ -157,7 +157,9 @@ function de(o) {
     get children() {
       var t = X(), l = J(e.ref);
       return typeof l == "function" && D(l, t), R(t, F(h, {
-        "data-testid": "tree-view",
+        get "data-testid"() {
+          return e["data-testid"] ?? "tree-view";
+        },
         role: "tree",
         get class() {
           return z("smwb-tree", e.class);