@smwb/ui-solid 0.12.1 → 0.14.0

package/dist/components/dataDisplay/table/tableHead.js

@@ -1,20 +1,38 @@
-import { use as a, spread as l, mergeProps as m, insert as f, template as n } from "solid-js/web";
+import { use as c, spread as i, mergeProps as m, insert as u, createComponent as t, template as d } from "solid-js/web";
 import { splitProps as p } from "solid-js";
-import c from "clsx";
-import { mergeRefs as i } from "../../../primitives/mergeRefs.js";
-var u = /* @__PURE__ */ n("<thead>");
-function g(s) {
-  const [e, o] = p(s, ["children", "class", "ref"]);
+import f from "clsx";
+import { mergeRefs as b } from "../../../primitives/mergeRefs.js";
+import { useTableLabels as h, createSectionRows as g, TableHeadContext as v, TableSectionContext as _, ChildElements as C } from "./tableColumns.js";
+var P = /* @__PURE__ */ d("<thead>");
+function I(s) {
+  const [r, a] = p(s, ["children", "class", "ref"]), l = h(), o = g(() => !!l?.stacked());
   return (() => {
-    var r = u(), t = i(e.ref);
-    return typeof t == "function" && a(t, r), l(r, m(o, {
+    var e = P(), n = b(r.ref);
+    return typeof n == "function" && c(n, e), i(e, m(a, {
       get class() {
-        return c("smwb-table__head", e.class);
+        return f("smwb-table__head", r.class);
       }
-    }), !1, !0), f(r, () => e.children), r;
+    }), !1, !0), u(e, t(v.Provider, {
+      value: !0,
+      get children() {
+        return t(_.Provider, {
+          value: o,
+          get children() {
+            return t(C, {
+              get onItems() {
+                return o.setItems;
+              },
+              get children() {
+                return r.children;
+              }
+            });
+          }
+        });
+      }
+    })), e;
   })();
 }
 export {
-  g as TableHead
+  I as TableHead
 };
 //# sourceMappingURL=tableHead.js.map

package/dist/components/dataDisplay/table/tableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableHead.js","sources":["../../../../src/components/dataDisplay/table/tableHead.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 TableHeadProps extends JSX.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: Ref<HTMLTableSectionElement>;\n}\n\nexport function TableHead(props: ParentProps<TableHeadProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"ref\"]);\n  return (\n    <thead {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-table__head\", local.class)}>\n      {local.children}\n    </thead>\n  );\n}\n\nexport default TableHead;\n"],"names":["TableHead","props","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","children"],"mappings":";;;;;AAQO,SAASA,EAAUC,GAAiD;AACzE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,YAAY,SAAS,KAAK,CAAC;AACpE,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IACwBC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EAA/BT,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAAoCU,EAAG,oBAAoBX,EAAMY,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAV,GAAA,MACnFH,EAAMc,QAAQ,GAAAX;AAAAA,EAAA,GAAA;AAGrB;"}
+{"version":3,"file":"tableHead.js","sources":["../../../../src/components/dataDisplay/table/tableHead.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport {\n  ChildElements,\n  TableHeadContext,\n  TableSectionContext,\n  createSectionRows,\n  useTableLabels,\n} from \"./tableColumns\";\n\nexport interface TableHeadProps extends JSX.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: Ref<HTMLTableSectionElement>;\n}\n\nexport function TableHead(props: ParentProps<TableHeadProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"ref\"]);\n  // The head's rows, so that each head cell labels the column it stands over,\n  // after the columns that `rowSpan` cells above it take.\n  const table = useTableLabels();\n  const rows = createSectionRows(() => !!table?.stacked());\n  return (\n    <thead {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-table__head\", local.class)}>\n      <TableHeadContext.Provider value={true}>\n        <TableSectionContext.Provider value={rows}>\n          <ChildElements onItems={rows.setItems}>{local.children}</ChildElements>\n        </TableSectionContext.Provider>\n      </TableHeadContext.Provider>\n    </thead>\n  );\n}\n\nexport default TableHead;\n"],"names":["TableHead","props","local","rest","splitProps","table","useTableLabels","rows","createSectionRows","stacked","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","_$createComponent","TableHeadContext","Provider","value","children","TableSectionContext","ChildElements","onItems","setItems"],"mappings":";;;;;;AAeO,SAASA,EAAUC,GAAiD;AACzE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,YAAY,SAAS,KAAK,CAAC,GAG9DI,IAAQC,EAAAA,GACRC,IAAOC,EAAkB,MAAM,CAAC,CAACH,GAAOI,SAAS;AACvD,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IACwBC,EAAUX,EAAMY,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EAA/Bd,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAAoCe,EAAG,oBAAoBhB,EAAMiB,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAV,GAAAW,EACnFC,EAAiBC,UAAQ;AAAA,MAACC,OAAO;AAAA,MAAI,IAAAC,WAAA;AAAA,eAAAJ,EACnCK,EAAoBH,UAAQ;AAAA,UAACC,OAAOjB;AAAAA,UAAI,IAAAkB,WAAA;AAAA,mBAAAJ,EACtCM,GAAa;AAAA,cAAA,IAACC,UAAO;AAAA,uBAAErB,EAAKsB;AAAAA,cAAQ;AAAA,cAAA,IAAAJ,WAAA;AAAA,uBAAGvB,EAAMuB;AAAAA,cAAQ;AAAA,YAAA,CAAA;AAAA,UAAA;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAAf;AAAAA,EAAA,GAAA;AAKhE;"}

package/dist/components/dataDisplay/table/tableHeadCell.d.ts

@@ -16,13 +16,35 @@ export interface TableHeadCellProps extends JSX.ThHTMLAttributes<HTMLTableCellEl
      * button, link, label, anything focusable) or in a portal. Content that is not
      * a control, such as click-to-edit text, keeps its click from sorting by
      * calling `preventDefault()` on it. A nested control's name, or its value,
-     * becomes part of the sort control's accessible name.
+     * becomes part of the sort control's accessible name: put controls in
+     * `actions` instead.
      */
     sortable?: boolean;
     /** Current sort direction for this column. */
     sortDirection?: SortDirection;
     /** Invoked when the user activates the sort control. */
     onSort?: () => void;
+    /**
+     * The column's controls — a filter field, a menu button, a column resizer —
+     * drawn after the sort control, outside it. Their names and values stay out
+     * of the sort control's accessible name, and their keys and clicks never
+     * reach it. Rendered whether or not the cell is sortable.
+     *
+     * The column header is then named after the children alone: the cell's
+     * `aria-labelledby` points at the sort control, unless the cell is given
+     * `aria-label` or `aria-labelledby`. Named from its content, the header would
+     * take in the controls' names and values too.
+     */
+    actions?: JSX.Element;
+    /**
+     * The column's name for its body cells while the table stacks rows as cards
+     * (`Table stackBelow`). Without it, the text of the children is the name; give
+     * `label` where they hold no text of their own (an icon) or more than the
+     * name, or where their text changes inside markup: the text of markup is read
+     * when it is created. An empty `label` leaves the column's cells unlabelled, so
+     * they fill the card's width.
+     */
+    label?: string;
     ref?: Ref<HTMLTableCellElement>;
 }
 export declare function TableHeadCell(props: ParentProps<TableHeadCellProps>): JSX.Element;

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

@@ -1,56 +1,81 @@
-import { use as w, spread as _, mergeProps as x, insert as i, createComponent as d, effect as y, setAttribute as m, template as k, delegateEvents as S } from "solid-js/web";
-import { mergeProps as v, splitProps as $, Show as A } from "solid-js";
-import D from "clsx";
-import { mergeRefs as C } from "../../../primitives/mergeRefs.js";
-import { Icon as P } from "../../base/icon/icon.js";
-var T = /* @__PURE__ */ k("<th><span class=smwb-head-cell__content>");
-const B = ["a[href]", "button", "input", "select", "textarea", "label", "summary", "[tabindex]", "[contenteditable]:not([contenteditable='false'])", ...["button", "link", "checkbox", "radio", "switch", "textbox", "searchbox", "combobox", "spinbutton", "slider", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "tab"].map((s) => `[role='${s}']`)].join(",");
-function z(s) {
-  const b = v({
+import { use as x, spread as T, mergeProps as B, memo as I, insert as m, createComponent as p, effect as P, setAttribute as w, template as A, delegateEvents as E } from "solid-js/web";
+import { mergeProps as H, splitProps as R, children as k, createSignal as L, createUniqueId as O, Show as C, createMemo as q, createComputed as z, onCleanup as K } from "solid-js";
+import M from "clsx";
+import { mergeRefs as N } from "../../../primitives/mergeRefs.js";
+import { isOwnClick as U } from "../../../utils/ownClick.js";
+import { useTableLabels as j, useTableRow as F, useInTableHead as G, textOf as J, cellRowSpan as Q, cellSpan as V } from "./tableColumns.js";
+import { Icon as W } from "../../base/icon/icon.js";
+var X = /* @__PURE__ */ A("<div class=smwb-head-cell__actions>"), Y = /* @__PURE__ */ A("<th><span class=smwb-head-cell__content>");
+function Z(b, i, e, l) {
+  const n = j(), u = F(), f = G(), s = u?.registerCell(b, i, e);
+  if (!n || !s || !f) return;
+  const o = Symbol(), g = q(() => l() || void 0);
+  z(() => {
+    if (!n.stacked() || i() !== 1) return;
+    const c = s.column(), d = s.row();
+    c < 0 || (n.labels.set(c, d, o, g()), K(() => n.labels.remove(c, d, o)));
+  });
+}
+function ae(b) {
+  const i = H({
     cellAlign: "left"
-  }, s), [e, u] = $(b, ["children", "class", "cellAlign", "isSortedByAsc", "isSortedByDesc", "sortable", "sortDirection", "onSort", "ref"]), o = () => e.sortDirection !== void 0 ? e.sortDirection : e.isSortedByAsc ? "asc" : e.isSortedByDesc ? "desc" : !1, f = () => e.sortable ? o() === "asc" ? "ascending" : o() === "desc" ? "descending" : "none" : void 0, g = () => o() === "asc" ? "expand_more" : o() === "desc" ? "expand_less" : "unfold_more", p = (t) => {
+  }, b), [e, l] = R(i, ["children", "class", "cellAlign", "isSortedByAsc", "isSortedByDesc", "sortable", "sortDirection", "onSort", "actions", "label", "ref"]), n = k(() => e.children), [u, f] = L();
+  Z(u, () => V(l.colSpan ?? l.colspan), () => Q(l.rowSpan ?? l.rowspan), () => e.label ?? J(n()));
+  const s = k(() => e.actions), o = () => e.sortDirection !== void 0 ? e.sortDirection : e.isSortedByAsc ? "asc" : e.isSortedByDesc ? "desc" : !1, g = () => e.sortable ? o() === "asc" ? "ascending" : o() === "desc" ? "descending" : "none" : void 0, c = () => o() === "asc" ? "expand_more" : o() === "desc" ? "expand_less" : "unfold_more", d = (t) => {
     !e.sortable || t.target !== t.currentTarget || e.onSort && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.onSort());
-  }, h = (t) => {
-    !e.sortable || t.defaultPrevented || t.target?.closest(B) === t.currentTarget && e.onSort?.();
-  };
+  }, D = (t) => {
+    !e.sortable || !U(t) || e.onSort?.();
+  }, h = `${O()}-label`, v = () => !!s() && l["aria-label"] == null && l["aria-labelledby"] == null;
   return (() => {
-    var t = T(), r = t.firstChild, l = C(e.ref);
-    return typeof l == "function" && w(l, t), _(t, x(u, {
+    var t = Y(), a = t.firstChild, _ = N(e.ref, f);
+    return typeof _ == "function" && x(_, t), T(t, B(l, {
+      get "aria-labelledby"() {
+        return I(() => !!v())() ? h : l["aria-labelledby"];
+      },
       get "aria-sort"() {
-        return f();
+        return g();
       },
       get class() {
-        return D("smwb-table__cell", "smwb-head-cell", e.class, {
+        return M("smwb-table__cell", "smwb-head-cell", e.class, {
           [`smwb-align_${e.cellAlign}`]: !!e.cellAlign,
           "smwb-head-cell_sortable": e.sortable,
           "smwb-head-cell_sorted": !!e.sortable && o() !== !1
         });
       }
-    }), !1, !0), r.$$keydown = p, r.$$click = h, i(r, () => e.children, null), i(r, d(A, {
+    }), !1, !0), a.$$keydown = d, a.$$click = D, m(a, n, null), m(a, p(C, {
       get when() {
         return e.sortable;
       },
       get children() {
-        return d(P, {
+        return p(W, {
           class: "smwb-head-cell__icon",
           get name() {
-            return g();
+            return c();
           },
           size: 18,
           weight: 800
         });
       }
-    }), null), y((n) => {
-      var a = e.sortable ? "button" : void 0, c = e.sortable ? 0 : void 0;
-      return a !== n.e && m(r, "role", n.e = a), c !== n.t && m(r, "tabindex", n.t = c), n;
+    }), null), m(t, p(C, {
+      get when() {
+        return s();
+      },
+      get children() {
+        var r = X();
+        return m(r, s), r;
+      }
+    }), null), P((r) => {
+      var S = v() ? h : void 0, y = e.sortable ? "button" : void 0, $ = e.sortable ? 0 : void 0;
+      return S !== r.e && w(a, "id", r.e = S), y !== r.t && w(a, "role", r.t = y), $ !== r.a && w(a, "tabindex", r.a = $), r;
     }, {
       e: void 0,
-      t: void 0
+      t: void 0,
+      a: void 0
     }), t;
   })();
 }
-S(["click", "keydown"]);
+E(["click", "keydown"]);
 export {
-  z as TableHeadCell
+  ae as TableHeadCell
 };
 //# sourceMappingURL=tableHeadCell.js.map

package/dist/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":";;;;;;;;AA2EA,SAASA,EACPC,GACAC,GACAC,GACAC,GACM;AACN,QAAMC,IAAQC,EAAAA,GACRC,IAAMC,EAAAA,GACNC,IAASC,EAAAA,GACTC,IAAQJ,GAAKK,aAAaX,GAASC,GAAMC,CAAO;AACtD,MAAI,CAACE,KAAS,CAACM,KAAS,CAACF,EAAQ;AACjC,QAAMI,IAAQC,OAAAA,GACRC,IAAQC,EAAW,MAAMZ,EAAAA,KAAUa,MAAS;AAClDC,EAAAA,EAAe,MAAM;AACnB,QAAI,CAACb,EAAMc,QAAAA,KAAajB,EAAAA,MAAW,EAAG;AACtC,UAAMkB,IAAST,EAAMS,OAAAA,GACfC,IAAKV,EAAMJ,IAAAA;AACjB,IAAIa,IAAS,MACbf,EAAMiB,OAAOC,IAAIH,GAAQC,GAAIR,GAAOE,GAAO,GAC3CS,EAAU,MAAMnB,EAAMiB,OAAOG,OAAOL,GAAQC,GAAIR,CAAK,CAAC;AAAA,EACxD,CAAC;AACH;AAEO,SAASa,GAAcC,GAAqD;AACjF,QAAMC,IAASC,EAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,GAAmBH,CAAK,GACzD,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CACvC,YACA,SACA,aACA,iBACA,kBACA,YACA,iBACA,UACA,WACA,SACA,KAAK,CACN,GAGKM,IAAUC,EAAS,MAAMJ,EAAMI,QAAQ,GACvC,CAAClC,GAASmC,CAAU,IAAIC,EAAAA;AAC9BrC,EAAAA,EACEC,GACA,MAAMqC,EAASN,EAAKO,WAAWP,EAAKQ,OAAO,GAC3C,MAAMC,EAAYT,EAAK7B,WAAW6B,EAAKU,OAAO,GAC9C,MAAMX,EAAMhB,SAAS4B,EAAOT,EAAAA,CAAS,CACvC;AAIA,QAAMU,IAAUT,EAAS,MAAMJ,EAAMa,OAAO,GAEtCC,IAAYA,MAChBd,EAAMe,kBAAkB7B,SAAYc,EAAMe,gBAAgBf,EAAMgB,gBAAgB,QAAQhB,EAAMiB,iBAAiB,SAAS,IAEpHC,IAAWA,MACflB,EAAMmB,WAAYL,EAAAA,MAAgB,QAAQ,cAAcA,EAAAA,MAAgB,SAAS,eAAe,SAAU5B,QAStGkC,IAAWA,MACfN,EAAAA,MAAgB,QAAQ,gBAAgBA,EAAAA,MAAgB,SAAS,gBAAgB,eAO7EO,IAA+DC,CAAAA,MAAU;AAC7E,IAAI,CAACtB,EAAMmB,YAAYG,EAAMC,WAAWD,EAAME,iBAC1CxB,EAAMyB,WAAWH,EAAMI,QAAQ,WAAWJ,EAAMI,QAAQ,SAC1DJ,EAAMK,eAAAA,GACN3B,EAAMyB,OAAAA;AAAAA,EAEV,GAKMG,IAA0DN,CAAAA,MAAU;AACxE,IAAI,CAACtB,EAAMmB,YAAY,CAACU,EAAWP,CAAK,KACxCtB,EAAMyB,SAAAA;AAAAA,EACR,GAKMK,IAAU,GAAGC,EAAAA,CAAgB,UAC7BC,IAAWA,MAAe,CAAC,CAACnB,OAAaZ,EAAK,YAAY,KAAK,QAAQA,EAAK,iBAAiB,KAAK;AAExG,UAAA,MAAA;AAAA,QAAAgC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAGSC,EAAUtC,EAAMuC,KAAKlC,CAAU;AAAC,kBAAAgC,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EADjCzC,GAAI;AAAA,MAAA,IAAA,oBAAA;AAAA,eAES0C,EAAA,MAAA,CAAA,CAAAX,EAAAA,CAAU,EAAA,IAAGF,IAAU7B,EAAK,iBAAiB;AAAA,MAAC;AAAA,MAAA,IAAA,cAAA;AAAA,eACpDiB,EAAAA;AAAAA,MAAU;AAAA,MAAA,IAAA,QAAA;AAAA,eACd0B,EAAG,oBAAoB,kBAAkB5C,EAAM6C,OAAO;AAAA,UAC3D,CAAC,cAAc7C,EAAMD,SAAS,EAAE,GAAG,CAAC,CAACC,EAAMD;AAAAA,UAC3C,2BAA2BC,EAAMmB;AAAAA,UACjC,yBAAyB,CAAC,CAACnB,EAAMmB,YAAYL,QAAgB;AAAA,QAAA,CAC9D;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAqB,EAAAW,YAMWzB,GAASc,EAAAY,UADXnB,GAAOoB,EAAAb,GAKfhC,GAAO,IAAA,GAAA6C,EAAAb,GAAAc,EACPC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEnD,EAAMmB;AAAAA,MAAQ;AAAA,MAAA,IAAAf,WAAA;AAAA,eAAA6C,EACvBG,GAAI;AAAA,UAAA,OAAA;AAAA,UAAA,IAA8BC,OAAI;AAAA,mBAAEjC,EAAAA;AAAAA,UAAU;AAAA,UAAEkC,MAAM;AAAA,UAAIC,QAAQ;AAAA,QAAA,CAAG;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAP,EAAAf,GAAAgB,EAG7EC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEtC,EAAAA;AAAAA,MAAS;AAAA,MAAA,IAAAT,WAAA;AAAA,YAAAoD,IAAAC,EAAAA;AAAAT,eAAAA,EAAAQ,GACmB3C,CAAO,GAAA2C;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAE,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IAbzC5B,EAAAA,IAAaF,IAAU5C,QAAS2E,IAI9B7D,EAAMmB,WAAW,WAAWjC,QAAS4E,IACjC9D,EAAMmB,WAAW,IAAIjC;AAAS0E,aAAAA,MAAAD,EAAAI,KAAAC,EAAA7B,GAAA,MAAAwB,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAD,EAAA7B,GAAA,QAAAwB,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAO,KAAAF,EAAA7B,GAAA,YAAAwB,EAAAO,IAAAJ,CAAA,GAAAH;AAAAA,IAAA,GAAA;AAAA,MAAAI,GAAA7E;AAAAA,MAAA+E,GAAA/E;AAAAA,MAAAgF,GAAAhF;AAAAA,IAAAA,CAAA,GAAA+C;AAAAA,EAAA,GAAA;AAYhD;AAE6BkC,EAAA,CAAA,SAAA,SAAA,CAAA;"}

package/dist/components/dataDisplay/table/tableHtmlText.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The text of a piece of HTML, as `textContent` reads it once a browser has
+ * parsed it: tags and comments dropped (`>` inside a quoted attribute value
+ * included), and character references, named or numeric, decoded. The content
+ * of `<script>`, `<style>`, `<textarea>`, `<title>` and the like is text up to
+ * the end tag, as the browser reads it.
+ */
+export declare function htmlText(html: string): string;

package/dist/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/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/components/dataDisplay/table/tableRow.d.ts

@@ -5,6 +5,8 @@ export interface TableRowProps extends JSX.HTMLAttributes<HTMLTableRowElement> {
     selected?: boolean;
     /** Reflects expandable-row state (adds aria-expanded + styling). */
     expanded?: boolean;
+    /** Test id of the `<tr>`; `table-row` unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLTableRowElement>;
 }
 export declare function TableRow(props: ParentProps<TableRowProps>): JSX.Element;

package/dist/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/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/components/dataDisplay/thumbCard/thumbCard.d.ts

@@ -1,21 +1,58 @@
 import { type JSX } from "solid-js";
 import { type Ref } from "../../../primitives/mergeRefs";
 export interface ThumbCardProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /**
+     * Class name(s) for the root `<div>`, the card's box. `style`, `id`, `data-*`, `aria-hidden`, `ref` and event
+     * handlers go to the root too, but `role`, `tabindex`, `onFocus`, `onBlur` and the other `aria-*` attributes go to
+     * the card's content, `.smwb-thumb-card__content` (the image and the caption): that is the card's button when it has
+     * `onSelect`, and the element to focus.
+     */
+    class?: string | undefined;
     /** Thumbnail URL; falls back to `fallback` when missing / failed. */
     src?: string;
+    /**
+     * Text under the image. With `onSelect` it is part of the card's button and names it, so keep controls out of it:
+     * they go in `topStart` / `topEnd`.
+     */
     caption?: JSX.Element;
+    /** Outlines the image; with `onSelect`, the card's button is also `aria-pressed="true"`. */
     selected?: boolean;
-    /** Makes the card a selectable button (keyboard + `aria-pressed`). */
+    /**
+     * Makes the card selectable: its content (the image and the caption) becomes a toggle button with `aria-pressed`,
+     * selected by a click and by Enter / Space. The corner slots are not part of that button but its siblings, laid over
+     * the image, so their controls keep their own names, clicks and keys.
+     *
+     * A click selects the card unless it lands in a control in a slot (button, link, input, anything focusable) or in a
+     * portal opened from the card. Slot content that is not a control keeps its click from selecting the card by calling
+     * `preventDefault()` on it.
+     */
     onSelect?: () => void;
+    /**
+     * Runs on each click on the card, before `onSelect`, but not while the card is `disabled`.
+     * A click on a control in a slot runs it too, without selecting the card.
+     * Enter / Space select the card without a click, so they call only `onSelect`.
+     */
+    onClick?: JSX.EventHandlerUnion<HTMLDivElement, MouseEvent> | undefined;
     /** Shown in place of the image when `src` is missing / fails. */
     fallback?: JSX.Element;
     /** A larger preview shown in a floating popup after a hover delay. */
     hoverPreview?: JSX.Element | string;
-    /** Top-left overlay slot (e.g. a favourite star). */
+    /**
+     * Top-left overlay slot (e.g. a favourite star). It sits over the image, outside the card's button, so controls here
+     * keep their own names, clicks and keys; see `onSelect`.
+     */
     topStart?: JSX.Element;
-    /** Top-right overlay slot (e.g. a kebab menu). */
+    /**
+     * Top-right overlay slot (e.g. a kebab menu). It sits over the image, outside the card's button, so controls here
+     * keep their own names, clicks and keys; see `onSelect`.
+     */
     topEnd?: JSX.Element;
     lazy?: boolean;
+    /**
+     * Dims the card and ignores clicks on it: neither `onClick` nor `onSelect` runs.
+     * Keys do not select it either, and there is no hover preview. With `onSelect`
+     * the card is still a button, `aria-disabled` and out of the tab order.
+     */
     disabled?: boolean;
     /** Delay (ms) before the hover preview appears. Default 350. */
     hoverDelay?: number;
@@ -26,6 +63,10 @@ export interface ThumbCardProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>,
  * load, keyboard/`aria-pressed` selection, corner action slots, and a delayed
  * floating hover-preview. The generic gallery-card behaviour every app rebuilds
  * on top of the primitives. SSR-safe — the hover preview is client-only.
+ *
+ * The root is a box around the card's content (the image and the caption, the
+ * card's button when it is selectable) and the corner slots, which are laid
+ * over the image beside that button rather than inside it.
  */
 export declare function ThumbCard(props: ThumbCardProps): JSX.Element;
 export default ThumbCard;