@smwb/ui-solid 0.12.1 → 0.14.0

package/dist/components/dataDisplay/swimlanes/swimlanes.js

@@ -0,0 +1,361 @@
+import { isServer as ie, use as k, spread as Ee, mergeProps as Ie, memo as ce, insert as C, createComponent as Ae, effect as P, setStyleProperty as U, setAttribute as L, className as Le, template as F } from "solid-js/web";
+import '../../../assets/styles/less/components/swimlanes/swimlanes.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
+import { mergeProps as Me, splitProps as He, createSignal as ae, createMemo as y, untrack as T, createSelector as Ce, onMount as ue, createEffect as de, on as Te, onCleanup as R, mapArray as Ke, Show as De, createRenderEffect as $e, batch as Re } from "solid-js";
+import fe from "clsx";
+import { callHandler as W } from "../../../primitives/callHandler.js";
+import { createControllableState as We } from "../../../primitives/createControllableState.js";
+import { createVirtualList as Fe } from "../../../primitives/createVirtualList.js";
+import { mergeRefs as ze } from "../../../primitives/mergeRefs.js";
+import { mergeStyle as Oe } from "../../../primitives/mergeStyle.js";
+import { isOwnClick as Ne } from "../../../utils/ownClick.js";
+var ke = /* @__PURE__ */ F("<div role=row><div class=smwb-swimlanes__header role=rowheader></div><div class=smwb-swimlanes__content role=gridcell>"), Pe = /* @__PURE__ */ F("<div>"), Ue = /* @__PURE__ */ F("<div class=smwb-swimlanes__empty>"), me = /* @__PURE__ */ F("<div class=smwb-swimlanes__sizer role=presentation>");
+const Be = 64, Ve = 480, qe = 4, Ge = 'a[href], button, input, select, textarea, iframe, summary, audio[controls], video[controls], [tabindex], [contenteditable]:not([contenteditable="false"])', B = ".smwb-swimlanes__header, .smwb-swimlanes__content", V = (g) => typeof g == "number" ? `${g}px` : g;
+function je(g, m, r, S) {
+  const p = S.count - 1;
+  if (p < 0) return null;
+  const b = (f) => Math.min(p, Math.max(0, f)), h = (f) => f === r.index ? null : {
+    index: f,
+    col: r.col
+  }, c = (f) => f === r.col ? null : {
+    index: r.index,
+    col: f
+  };
+  if (m.ctrlKey || m.metaKey || m.altKey)
+    return !m.ctrlKey || m.metaKey || m.altKey ? null : g === "Home" ? h(0) : g === "End" ? h(p) : null;
+  switch (g) {
+    case "ArrowDown":
+      return h(b(r.index + 1));
+    case "ArrowUp":
+      return h(b(r.index - 1));
+    case "ArrowRight":
+      return c(1);
+    case "ArrowLeft":
+      return c(0);
+    case "Home":
+      return c(0);
+    case "End":
+      return c(1);
+    case "PageDown":
+      return h(b(r.index + S.pageSize));
+    case "PageUp":
+      return h(b(r.index - S.pageSize));
+    default:
+      return null;
+  }
+}
+function Je(g, m) {
+  const r = new Set(m);
+  for (const i of Array.from(g.children)) r.has(i) || i.remove();
+  const S = /* @__PURE__ */ new Map();
+  Array.from(g.children).forEach((i, d) => S.set(i, d));
+  const p = g.ownerDocument.activeElement, b = p === null ? -1 : m.findIndex((i) => i.contains(p)), h = b < 0 ? void 0 : S.get(m[b]), c = [];
+  m.forEach((i, d) => {
+    const w = S.get(i);
+    w !== void 0 && (h !== void 0 && d !== b && d < b != w < h || c.push(w));
+  });
+  const f = c.map(() => 1), K = c.map(() => -1);
+  let x = -1;
+  c.forEach((i, d) => {
+    for (let w = 0; w < d; w++)
+      c[w] < i && f[w] + 1 > f[d] && (f[d] = f[w] + 1, K[d] = w);
+    (x < 0 || f[d] > f[x]) && (x = d);
+  });
+  const v = /* @__PURE__ */ new Set();
+  for (let i = x; i >= 0; i = K[i]) v.add(c[i]);
+  let _ = null;
+  for (let i = m.length - 1; i >= 0; i--) {
+    const d = m[i], w = S.get(d);
+    (w === void 0 || !v.has(w)) && g.insertBefore(d, _), _ = d;
+  }
+}
+function ct(g) {
+  const m = Me({
+    selectable: !0,
+    rowHeight: Be,
+    overscan: qe
+  }, g), [r, S] = He(m, ["class", "style", "lanes", "label", "selectedId", "defaultSelectedId", "onSelectedChange", "selectable", "rowHeight", "headerWidth", "contentMinWidth", "height", "overscan", "emptyLabel", "ref", "data-testid", "onScroll", "onKeyDown", "onClick", "onFocusIn"]);
+  let p, b;
+  const h = /* @__PURE__ */ new Map(), c = () => r.rowHeight, [f, K] = ae(0), x = () => f() || (typeof r.height == "number" ? r.height : Ve), v = y(() => r.lanes), _ = Fe({
+    itemCount: () => v().length,
+    itemHeight: c,
+    viewportHeight: x,
+    overscan: r.overscan
+  }), i = y(() => {
+    const e = /* @__PURE__ */ new Map();
+    return v().forEach((n, t) => {
+      e.has(n.id) || e.set(n.id, t);
+    }), e;
+  }), d = y(() => v().map((e) => e.id)), w = y(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const n of v()) e.has(n.id) || e.set(n.id, n);
+    return e;
+  }), A = () => v().length === 0, [he, z] = We({
+    value: () => r.selectedId,
+    defaultValue: T(() => r.defaultSelectedId) ?? null,
+    onChange: (e) => r.onSelectedChange?.(e)
+  }), M = () => r.selectable ? he() : null, q = Ce(M), G = (e) => {
+    if (!r.selectable || M() === e) return;
+    const n = i().get(e);
+    n === void 0 || v()[n]?.disabled || z(e);
+  }, [j, D] = ae(null), H = y(() => {
+    const e = i(), n = j();
+    if (n !== null && e.has(n.laneId)) return n;
+    const t = M();
+    if (t !== null && e.has(t)) return {
+      laneId: t,
+      col: 0
+    };
+    const o = v()[0];
+    return o === void 0 ? null : {
+      laneId: o.id,
+      col: 0
+    };
+  }), we = y(() => {
+    const e = d(), n = /* @__PURE__ */ new Set();
+    for (let l = _.startIndex(); l < _.endIndex(); l++)
+      l >= 0 && l < e.length && n.add(l);
+    const t = H(), o = t === null ? void 0 : i().get(t.laneId);
+    o !== void 0 && n.add(o);
+    const s = i();
+    return [...n].sort((l, E) => l - E).filter((l) => s.get(e[l]) === l).map((l) => e[l]);
+  }, [], {
+    equals: (e, n) => e.length === n.length && e.every((t, o) => t === n[o])
+  }), J = (e, n) => {
+    const t = h.get(e)?.children[n];
+    return t instanceof HTMLElement ? t : null;
+  }, O = (e) => {
+    if (e === null) return null;
+    const n = e.classList.contains("smwb-swimlanes__header");
+    if (!n && !e.classList.contains("smwb-swimlanes__content")) return null;
+    const t = e.parentElement;
+    if (t === null || t.parentElement !== b) return null;
+    const o = t.dataset.laneId;
+    return o === void 0 ? null : {
+      laneId: o,
+      col: n ? 0 : 1
+    };
+  }, ge = (e) => {
+    const n = p;
+    if (!n) return;
+    const t = e * c(), o = n.clientHeight || x(), s = n.scrollTop, l = t < s ? t : t + c() > s + o ? t + c() - o : s;
+    l !== s && (n.scrollTop = l, _.onScroll({
+      currentTarget: {
+        scrollTop: l
+      }
+    }));
+  }, pe = (e) => {
+    const n = v()[e.index];
+    n && (Re(() => {
+      ge(e.index), D({
+        laneId: n.id,
+        col: e.col
+      });
+    }), J(n.id, e.col)?.focus({
+      preventScroll: !0
+    }));
+  }, be = () => Math.max(1, Math.floor((p?.clientHeight || x()) / c()) - 1), ve = (e) => {
+    const n = O(e.target instanceof Element ? e.target : null);
+    if (n === null) return;
+    const t = i().get(n.laneId);
+    if (t === void 0) return;
+    const o = e.key;
+    if (!e.ctrlKey && !e.metaKey && !e.altKey) {
+      if (o === "Enter" || o === " ") {
+        e.preventDefault(), G(n.laneId);
+        return;
+      }
+      if (o === "Escape") {
+        if (M() === null) return;
+        e.preventDefault(), z(null);
+        return;
+      }
+    }
+    const s = je(o, e, {
+      index: t,
+      col: n.col
+    }, {
+      count: v().length,
+      pageSize: be()
+    });
+    s !== null && (e.preventDefault(), pe(s));
+  }, ye = (e) => {
+    const n = e.target;
+    if (!(n instanceof Element)) return;
+    const t = n.closest(B), o = O(t);
+    o === null || t === null || Ne(e, t) && (D(o), G(o.laneId));
+  }, Se = (e) => {
+    for (let n = e.target instanceof Element ? e.target.closest(B) : null; n !== null; n = n.parentElement?.closest(B) ?? null) {
+      const t = O(n);
+      if (t !== null) {
+        D(t);
+        return;
+      }
+    }
+  }, $ = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), Q = (e, n) => {
+    const t = e === T(H)?.laneId;
+    for (const o of Array.from(n.children))
+      for (const s of o.querySelectorAll(Ge)) {
+        $.has(s) || $.set(s, s.getAttribute("tabindex"));
+        const l = t ? $.get(s) ?? null : "-1";
+        s.getAttribute("tabindex") !== l && (l === null ? s.removeAttribute("tabindex") : s.setAttribute("tabindex", l), N.set(s, l));
+      }
+  }, X = () => {
+    for (const [e, n] of h) Q(e, n);
+  };
+  ue(() => {
+    if (ie) return;
+    if (de(Te(H, X)), typeof ResizeObserver == "function") {
+      const n = new ResizeObserver(() => K(p.clientHeight));
+      n.observe(p), R(() => n.disconnect());
+    }
+    if (typeof MutationObserver != "function") return;
+    const e = new MutationObserver((n) => {
+      let t = !1;
+      for (const o of n) {
+        if (o.type !== "attributes") {
+          t = !0;
+          continue;
+        }
+        const s = o.target;
+        if (s.classList.contains("smwb-swimlanes__header") || s.classList.contains("smwb-swimlanes__content")) continue;
+        const l = s.getAttribute("tabindex");
+        N.has(s) && N.get(s) === l || ($.set(s, l), t = !0);
+      }
+      t && X();
+    });
+    e.observe(p, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["tabindex"]
+    }), R(() => e.disconnect());
+  }), de((e) => {
+    const n = d();
+    return e !== void 0 && T(() => {
+      const t = new Set(n), o = M();
+      o !== null && !t.has(o) && e.includes(o) && z(null);
+      const s = j();
+      if (s === null || t.has(s.laneId)) return;
+      D(null);
+      const l = H(), E = p?.ownerDocument;
+      l !== null && E && (E.activeElement === null || E.activeElement === E.body) && J(l.laneId, l.col)?.focus({
+        preventScroll: !0
+      });
+    }), n;
+  });
+  const Y = y(Ke(we, (e) => {
+    const n = y((a) => w().get(e) ?? a), t = y(() => n()?.header), o = y(() => n()?.content), s = () => i().get(e) ?? 0, l = (a) => {
+      const I = H();
+      return I !== null && I.laneId === e && I.col === a;
+    }, E = y(() => {
+      const a = t();
+      return a === void 0 ? void 0 : T(a);
+    }), xe = y(() => {
+      const a = o();
+      return a === void 0 ? void 0 : T(a);
+    });
+    return (() => {
+      var a = ke(), I = a.firstChild, Z = I.nextSibling;
+      return k((u) => {
+        h.set(e, u), ue(() => Q(e, u)), R(() => {
+          h.get(e) === u && h.delete(e);
+        });
+      }, a), L(a, "data-lane-id", e), C(I, E), C(Z, xe), P((u) => {
+        var ee = fe("smwb-swimlanes__row", {
+          "smwb-swimlanes__row_selected": q(e),
+          "smwb-swimlanes__row_disabled": n()?.disabled
+        }), te = s() + 1, ne = r.selectable ? q(e) ? "true" : "false" : void 0, oe = n()?.disabled ? "true" : void 0, re = `${s() * c()}px`, se = l(0) ? 0 : -1, le = l(1) ? 0 : -1;
+        return ee !== u.e && Le(a, u.e = ee), te !== u.t && L(a, "aria-rowindex", u.t = te), ne !== u.a && L(a, "aria-selected", u.a = ne), oe !== u.o && L(a, "aria-disabled", u.o = oe), re !== u.i && U(a, "top", u.i = re), se !== u.n && L(I, "tabindex", u.n = se), le !== u.s && L(Z, "tabindex", u.s = le), u;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0,
+        n: void 0,
+        s: void 0
+      }), a;
+    })();
+  })), _e = () => {
+    const e = {
+      "--smwb-swimlanes-row-height": `${c()}px`
+    };
+    return r.height !== void 0 && (e.height = V(r.height)), r.headerWidth !== void 0 && (e["--smwb-swimlanes-header-width"] = V(r.headerWidth)), r.contentMinWidth !== void 0 && (e["--smwb-swimlanes-content-min-width"] = V(r.contentMinWidth)), Oe(e, r.style);
+  };
+  return (() => {
+    var e = Pe(), n = ze(r.ref, (t) => p = t);
+    return typeof n == "function" && k(n, e), Ee(e, Ie({
+      get "data-testid"() {
+        return r["data-testid"] ?? "swimlanes";
+      }
+    }, S, {
+      get class() {
+        return fe("smwb-swimlanes", {
+          "smwb-swimlanes_empty": A()
+        }, r.class);
+      },
+      get style() {
+        return _e();
+      },
+      get role() {
+        return A() ? void 0 : "grid";
+      },
+      get "aria-label"() {
+        return ce(() => !!A())() ? void 0 : r.label;
+      },
+      get "aria-rowcount"() {
+        return ce(() => !!A())() ? void 0 : v().length;
+      },
+      get "aria-colcount"() {
+        return A() ? void 0 : 2;
+      },
+      onScroll: (t) => {
+        W(r.onScroll, t), _.onScroll({
+          currentTarget: {
+            scrollTop: t.currentTarget.scrollTop
+          }
+        });
+      },
+      onKeyDown: (t) => {
+        W(r.onKeyDown, t), ve(t);
+      },
+      onClick: (t) => {
+        W(r.onClick, t), ye(t);
+      },
+      onFocusIn: (t) => {
+        W(r.onFocusIn, t), Se(t);
+      }
+    }), !1, !0), C(e, Ae(De, {
+      get when() {
+        return !A();
+      },
+      get fallback() {
+        return (() => {
+          var t = Ue();
+          return C(t, () => r.emptyLabel), t;
+        })();
+      },
+      get children() {
+        return ie ? (() => {
+          var t = me();
+          return C(t, Y), P((o) => U(t, "height", `${_.totalHeight()}px`)), t;
+        })() : (() => {
+          var t = me();
+          return k((o) => {
+            b = o, $e(() => Je(o, Y())), R(() => {
+              b === o && (b = void 0);
+            });
+          }, t), P((o) => U(t, "height", `${_.totalHeight()}px`)), t;
+        })();
+      }
+    })), e;
+  })();
+}
+export {
+  Ve as SWIMLANES_DEFAULT_HEIGHT,
+  qe as SWIMLANES_DEFAULT_OVERSCAN,
+  Be as SWIMLANES_DEFAULT_ROW_HEIGHT,
+  ct as Swimlanes
+};
+//# sourceMappingURL=swimlanes.js.map

package/dist/components/dataDisplay/swimlanes/swimlanes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swimlanes.js","sources":["../../../../src/components/dataDisplay/swimlanes/swimlanes.tsx"],"sourcesContent":["import {\n  type JSX,\n  Show,\n  batch,\n  createEffect,\n  createMemo,\n  createRenderEffect,\n  createSelector,\n  createSignal,\n  mapArray,\n  mergeProps,\n  on,\n  onCleanup,\n  onMount,\n  splitProps,\n  untrack,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { callHandler } from \"../../../primitives/callHandler\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createVirtualList } from \"../../../primitives/createVirtualList\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { mergeStyle } from \"../../../primitives/mergeStyle\";\nimport { isOwnClick } from \"../../../utils/ownClick\";\n\n/** Every lane is this tall; the window maths needs a fixed height. */\nexport const SWIMLANES_DEFAULT_ROW_HEIGHT = 64;\n/** The grid's height in pixels when neither the prop nor the caller's CSS sets one. */\nexport const SWIMLANES_DEFAULT_HEIGHT = 480;\n/** Lanes rendered above and below the visible ones. */\nexport const SWIMLANES_DEFAULT_OVERSCAN = 4;\n\nexport interface SwimlanesLane {\n  /** Stable, unique id: keys the row, the selection and the Tab stop. */\n  id: string;\n  /**\n   * The lane's header (avatar, name, role); drawn in the fixed left column,\n   * `role=\"rowheader\"`. Called when the row mounts, and again on each remount,\n   * so the rows that scrolling brings back are built then and not up front;\n   * called again, too, when a refreshed lane brings a new function.\n   */\n  header: () => JSX.Element;\n  /**\n   * The lane's content (current item, progress, last signal, budget);\n   * `role=\"gridcell\"`. Called when the row mounts, and again on each remount.\n   * A refreshed lane that brings a new function rebuilds the content, and focus\n   * on a control inside it goes to the page: keep the function stable per id.\n   */\n  content: () => JSX.Element;\n  /** A disabled lane can be focused but not selected (`aria-disabled`). */\n  disabled?: boolean | undefined;\n}\n\nexport interface SwimlanesProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onSelect\" | \"role\" | \"children\"> {\n  /** The lanes, one row each, in the order they are shown. */\n  lanes: readonly SwimlanesLane[];\n  /** Accessible name of the grid (`aria-label`); `aria-labelledby` wins when given. */\n  label?: string | undefined;\n  /** The selected lane's id (controlled); `null` selects nothing. */\n  selectedId?: string | null | undefined;\n  /** The lane selected at first (uncontrolled). */\n  defaultSelectedId?: string | null | undefined;\n  /** A lane was selected (its id) or the selection was cleared (`null`). */\n  onSelectedChange?: ((id: string | null) => void) | undefined;\n  /**\n   * Whether lanes can be selected; true by default. False: no `aria-selected`, no selected look,\n   * and Enter, Space, Escape and a click select nothing; a `selectedId` given anyway is ignored.\n   */\n  selectable?: boolean | undefined;\n  /** Row height in px (every lane is this tall; virtualisation needs a fixed height). 64 by default. */\n  rowHeight?: number | undefined;\n  /** Width of the fixed header column: px or any CSS length; 240px by default from the stylesheet. */\n  headerWidth?: number | string | undefined;\n  /** Narrowest width of the content column; when the grid is narrower, it scrolls sideways. 0 by default. */\n  contentMinWidth?: number | string | undefined;\n  /**\n   * Height of the grid (the scroller): a number of pixels or any CSS length;\n   * 480 by default, from the stylesheet, so a height in `style` works too.\n   */\n  height?: number | string | undefined;\n  /** Lanes rendered above and below the visible ones. 4 by default. Read once, when the grid mounts. */\n  overscan?: number | undefined;\n  /** Shown instead of the grid when `lanes` is empty. */\n  emptyLabel?: JSX.Element;\n  /** Test id of the root `<div>`; `swimlanes` unless given. */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** The cell that is the grid's one Tab stop: its lane and its column. */\ninterface ActiveCell {\n  readonly laneId: string;\n  readonly col: 0 | 1;\n}\n\n/** Where the focus is, or is about to go: a lane's index and column. */\ninterface SwimlanesPosition {\n  index: number;\n  /** 0 is the rowheader, 1 the gridcell. */\n  col: 0 | 1;\n}\n\n/** What can take focus inside a lane's own content. */\nconst INNER_FOCUSABLE =\n  'a[href], button, input, select, textarea, iframe, summary, audio[controls], video[controls], [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\nconst CELLS = \".smwb-swimlanes__header, .smwb-swimlanes__content\";\n\nconst cssLength = (value: number | string): string => (typeof value === \"number\" ? `${value}px` : value);\n\n/**\n * Where a key moves the focus, or null when the grid leaves the key alone.\n *\n * The arrows walk the lanes and the columns without wrapping, so at an edge\n * there is nothing to do and the key is not prevented; Home and End stay in the\n * row and Ctrl+Home and Ctrl+End go to the first and last lane (the APG grid\n * model); the page keys move by the rows that fit, less one so a row of context\n * stays on screen. Any other key, and any combination with Ctrl, Cmd or Alt\n * apart from those two, belongs to the browser or to the lane's own content.\n */\nfunction swimlanesKeyTarget(\n  key: string,\n  mods: { ctrlKey: boolean; metaKey: boolean; altKey: boolean },\n  from: SwimlanesPosition,\n  context: { count: number; pageSize: number }\n): SwimlanesPosition | null {\n  const last = context.count - 1;\n  if (last < 0) return null;\n  const clamp = (index: number): number => Math.min(last, Math.max(0, index));\n  // Nothing to do when the move lands where the focus already is.\n  const lane = (index: number): SwimlanesPosition | null => (index === from.index ? null : { index, col: from.col });\n  const column = (col: 0 | 1): SwimlanesPosition | null => (col === from.col ? null : { index: from.index, col });\n\n  if (mods.ctrlKey || mods.metaKey || mods.altKey) {\n    // Ctrl+Home and Ctrl+End are the grid's; the rest are the browser's.\n    if (!mods.ctrlKey || mods.metaKey || mods.altKey) return null;\n    if (key === \"Home\") return lane(0);\n    if (key === \"End\") return lane(last);\n    return null;\n  }\n\n  switch (key) {\n    case \"ArrowDown\":\n      return lane(clamp(from.index + 1));\n    case \"ArrowUp\":\n      return lane(clamp(from.index - 1));\n    case \"ArrowRight\":\n      return column(1);\n    case \"ArrowLeft\":\n      return column(0);\n    case \"Home\":\n      return column(0);\n    case \"End\":\n      return column(1);\n    case \"PageDown\":\n      return lane(clamp(from.index + context.pageSize));\n    case \"PageUp\":\n      return lane(clamp(from.index - context.pageSize));\n    default:\n      return null;\n  }\n}\n\n/**\n * Puts the rows into the sizer in the given order, moving no row that can stay.\n *\n * Solid's list diff may take a kept node out and put it back (a pinned lane\n * that the window reaches again is one), and a browser treats that as a\n * removal: focus inside the row blurs to nowhere, a focused field fires\n * `change`, inner scroll offsets reset. React moves no row there. So the rows\n * already in the right order among themselves stay where they are (the longest\n * such run, and always the row that holds focus), and only the others are\n * inserted, or on a reorder moved, around them. A scroll keeps the order of the\n * rows it keeps, so it moves none.\n */\nfunction placeRows(parent: HTMLElement, next: readonly HTMLElement[]): void {\n  const wanted = new Set<Element>(next);\n  for (const child of Array.from(parent.children)) if (!wanted.has(child)) child.remove();\n  const position = new Map<Element, number>();\n  Array.from(parent.children).forEach((child, at) => position.set(child, at));\n\n  const active = parent.ownerDocument.activeElement;\n  const focused = active === null ? -1 : next.findIndex((row) => row.contains(active));\n  const focusedAt = focused < 0 ? undefined : position.get(next[focused]!);\n  // The rows already in the sizer, in their new order; with a focused row, only\n  // those that can stay on the same side of it as before.\n  const kept: number[] = [];\n  next.forEach((row, i) => {\n    const at = position.get(row);\n    if (at === undefined) return;\n    if (focusedAt !== undefined && i !== focused && i < focused !== at < focusedAt) return;\n    kept.push(at);\n  });\n  // The longest run of them in ascending place stays put (a few dozen rows, so quadratic is fine).\n  const length = kept.map(() => 1);\n  const previous = kept.map(() => -1);\n  let best = -1;\n  kept.forEach((at, k) => {\n    for (let j = 0; j < k; j++) {\n      if (kept[j]! < at && length[j]! + 1 > length[k]!) {\n        length[k] = length[j]! + 1;\n        previous[k] = j;\n      }\n    }\n    if (best < 0 || length[k]! > length[best]!) best = k;\n  });\n  const stays = new Set<number>();\n  for (let k = best; k >= 0; k = previous[k]!) stays.add(kept[k]!);\n\n  let anchor: HTMLElement | null = null;\n  for (let i = next.length - 1; i >= 0; i--) {\n    const row = next[i]!;\n    const at = position.get(row);\n    if (at === undefined || !stays.has(at)) parent.insertBefore(row, anchor);\n    anchor = row;\n  }\n}\n\n/**\n * Participant lanes: one row per participant, with the header (avatar, name,\n * role) in a column that stays put while the content beside it (the current\n * item, progress, the last signal, the budget) scrolls sideways under it. The\n * rows are virtualised, so 200 lanes cost a window of about twenty rows, and\n * the lane that holds the Tab stop is always among them, so focus survives\n * scrolling. Lanes are selected by a click or the keyboard, under the library's\n * controlled-state rule; the grid is one Tab stop, and a lane's own links and\n * buttons are reachable from it.\n */\nexport function Swimlanes(props: SwimlanesProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      selectable: true,\n      rowHeight: SWIMLANES_DEFAULT_ROW_HEIGHT,\n      overscan: SWIMLANES_DEFAULT_OVERSCAN,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"style\",\n    \"lanes\",\n    \"label\",\n    \"selectedId\",\n    \"defaultSelectedId\",\n    \"onSelectedChange\",\n    \"selectable\",\n    \"rowHeight\",\n    \"headerWidth\",\n    \"contentMinWidth\",\n    \"height\",\n    \"overscan\",\n    \"emptyLabel\",\n    \"ref\",\n    \"data-testid\",\n    \"onScroll\",\n    \"onKeyDown\",\n    \"onClick\",\n    \"onFocusIn\",\n  ]);\n\n  let root!: HTMLDivElement;\n  let sizer: HTMLDivElement | undefined;\n  /** The mounted rows by lane id: the roving Tab stop and the inner-focusable sync need them. */\n  const rows = new Map<string, HTMLElement>();\n\n  const rowHeight = (): number => local.rowHeight;\n  const [measured, setMeasured] = createSignal(0);\n  // Until it can measure (on the server and at the first paint) the window comes\n  // from the height prop, so the server's HTML and the first client render agree.\n  // A measured 0 (jsdom, a hidden parent) keeps that estimate.\n  const viewportHeight = (): number =>\n    measured() || (typeof local.height === \"number\" ? local.height : SWIMLANES_DEFAULT_HEIGHT);\n\n  // The lanes as one snapshot. A caller's `lanes={make(200)}` reaches the\n  // component as a getter that allocates on every read, so without this the\n  // rows below would be remade — losing focus and calling the slots again — on\n  // every move of the window or the Tab stop.\n  const laneList = createMemo((): readonly SwimlanesLane[] => local.lanes);\n\n  const virtual = createVirtualList({\n    itemCount: () => laneList().length,\n    itemHeight: rowHeight,\n    viewportHeight,\n    overscan: local.overscan,\n  });\n\n  const indexById = createMemo(() => {\n    const map = new Map<string, number>();\n    laneList().forEach((lane, index) => {\n      if (!map.has(lane.id)) map.set(lane.id, index);\n    });\n    return map;\n  });\n  const laneIds = createMemo((): readonly string[] => laneList().map((lane) => lane.id));\n  const laneById = createMemo(() => {\n    const map = new Map<string, SwimlanesLane>();\n    for (const lane of laneList()) if (!map.has(lane.id)) map.set(lane.id, lane);\n    return map;\n  });\n  const isEmpty = (): boolean => laneList().length === 0;\n\n  // ---- Selection ----\n\n  const [chosen, setSelected] = createControllableState<string | null>({\n    value: () => local.selectedId,\n    defaultValue: untrack(() => local.defaultSelectedId) ?? null,\n    onChange: (id) => local.onSelectedChange?.(id),\n  });\n  // `selectable={false}` turns the selection off: a `selectedId` given anyway\n  // paints nothing, is not the Tab stop, and Escape has nothing to clear.\n  const selected = (): string | null => (local.selectable ? chosen() : null);\n  const isSelected = createSelector(selected);\n\n  /** Selects a lane: the selected one keeps it and calls nothing, and a disabled one is never selected. */\n  const choose = (laneId: string): void => {\n    if (!local.selectable || selected() === laneId) return;\n    const index = indexById().get(laneId);\n    if (index === undefined || laneList()[index]?.disabled) return;\n    setSelected(laneId);\n  };\n\n  // ---- Focus: one Tab stop, on the last focused cell, else the selected lane, else the first ----\n\n  const [activeCell, setActiveCell] = createSignal<ActiveCell | null>(null);\n  const tabStop = createMemo((): ActiveCell | null => {\n    const indexes = indexById();\n    const last = activeCell();\n    if (last !== null && indexes.has(last.laneId)) return last;\n    const chosen = selected();\n    if (chosen !== null && indexes.has(chosen)) return { laneId: chosen, col: 0 };\n    const first = laneList()[0];\n    return first === undefined ? null : { laneId: first.id, col: 0 };\n  });\n\n  // The ids of the window, plus the Tab-stop lane when it lies outside it: the\n  // cell that holds or will receive focus always exists in the DOM, so a lane\n  // focused and then scrolled away with the wheel stays mounted, and keeps\n  // focus, at its own place. Ascending index order, as the rows are read by\n  // assistive technology. Rows are keyed by id, as in React, so a lanes array\n  // rebuilt with the same ids keeps its rows, and an unchanged list is no\n  // update at all.\n  const renderedIds = createMemo(\n    (): readonly string[] => {\n      const ids = laneIds();\n      const indexes = new Set<number>();\n      for (let index = virtual.startIndex(); index < virtual.endIndex(); index++) {\n        if (index >= 0 && index < ids.length) indexes.add(index);\n      }\n      const stop = tabStop();\n      const stopIndex = stop === null ? undefined : indexById().get(stop.laneId);\n      if (stopIndex !== undefined) indexes.add(stopIndex);\n      // Ids are unique; a repeated one is drawn once, at its first place.\n      const first = indexById();\n      return [...indexes]\n        .sort((a, b) => a - b)\n        .filter((index) => first.get(ids[index]!) === index)\n        .map((index) => ids[index]!);\n    },\n    [],\n    { equals: (a, b) => a.length === b.length && a.every((id, i) => id === b[i]) }\n  );\n\n  /** The cell of a lane, once its row is in the DOM. */\n  const cellOf = (laneId: string, col: 0 | 1): HTMLElement | null => {\n    const cell = rows.get(laneId)?.children[col];\n    return cell instanceof HTMLElement ? cell : null;\n  };\n\n  /** The lane and column of a cell of this grid, or null when the element is not one. */\n  const cellInfo = (element: Element | null): ActiveCell | null => {\n    if (element === null) return null;\n    const header = element.classList.contains(\"smwb-swimlanes__header\");\n    if (!header && !element.classList.contains(\"smwb-swimlanes__content\")) return null;\n    // The cell is the row's child and the row the sizer's, so a grid nested in a\n    // lane's own content is not this grid's cell.\n    const row = element.parentElement;\n    if (row === null || row.parentElement !== sizer) return null;\n    const laneId = row.dataset[\"laneId\"];\n    return laneId === undefined ? null : { laneId, col: header ? 0 : 1 };\n  };\n\n  /** The least scroll that shows the row at `index`, aligning the nearer edge, as in SelectField's menu. */\n  const scrollRowIntoView = (index: number): void => {\n    const scroller = root;\n    if (!scroller) return;\n    const top = index * rowHeight();\n    const height = scroller.clientHeight || viewportHeight();\n    const current = scroller.scrollTop;\n    const next = top < current ? top : top + rowHeight() > current + height ? top + rowHeight() - height : current;\n    if (next === current) return;\n    // The window has to move with the scroll, in the same update: the row the\n    // keyboard asked for is not in the DOM yet otherwise.\n    scroller.scrollTop = next;\n    virtual.onScroll({ currentTarget: { scrollTop: next } });\n  };\n\n  /** Moves the Tab stop to a cell, scrolls its row into view, and focuses it once the DOM has it. */\n  const moveFocus = (target: SwimlanesPosition): void => {\n    const lane = laneList()[target.index];\n    if (!lane) return;\n    batch(() => {\n      scrollRowIntoView(target.index);\n      setActiveCell({ laneId: lane.id, col: target.col });\n    });\n    cellOf(lane.id, target.col)?.focus({ preventScroll: true });\n  };\n\n  /** The rows that fit, minus one row of context, for the page keys. */\n  const pageSize = (): number => Math.max(1, Math.floor((root?.clientHeight || viewportHeight()) / rowHeight()) - 1);\n\n  const handleKey = (event: KeyboardEvent): void => {\n    // Keys pressed in a lane's own content (a link, a field) are that content's.\n    const cell = cellInfo(event.target instanceof Element ? event.target : null);\n    if (cell === null) return;\n    const index = indexById().get(cell.laneId);\n    if (index === undefined) return;\n    const key = event.key;\n    if (!event.ctrlKey && !event.metaKey && !event.altKey) {\n      if (key === \"Enter\" || key === \" \") {\n        event.preventDefault();\n        choose(cell.laneId);\n        return;\n      }\n      if (key === \"Escape\") {\n        // Handled only with a selection, so an enclosing dialog still gets the key otherwise.\n        if (selected() === null) return;\n        event.preventDefault();\n        setSelected(null);\n        return;\n      }\n    }\n    const target = swimlanesKeyTarget(\n      key,\n      event,\n      { index, col: cell.col },\n      { count: laneList().length, pageSize: pageSize() }\n    );\n    if (target === null) return;\n    event.preventDefault();\n    moveFocus(target);\n  };\n\n  const handleClick = (event: MouseEvent): void => {\n    const target = event.target;\n    if (!(target instanceof Element)) return;\n    const element = target.closest(CELLS);\n    const cell = cellInfo(element);\n    if (cell === null || element === null) return;\n    // A click on a control inside a lane (a button, a link) is that control's.\n    if (!isOwnClick(event, element)) return;\n    setActiveCell(cell);\n    choose(cell.laneId);\n  };\n\n  const handleFocusIn = (event: FocusEvent): void => {\n    // Focus on a cell, or on a control inside one (a button the pointer focused),\n    // moves the Tab stop to that cell: its lane is then kept in the DOM, and its\n    // controls get their Tab order back, wherever the window scrolls to.\n    for (\n      let element = event.target instanceof Element ? event.target.closest(CELLS) : null;\n      element !== null;\n      element = element.parentElement?.closest(CELLS) ?? null\n    ) {\n      // A cell of a grid nested in the lane's content is not this grid's: go on up.\n      const cell = cellInfo(element);\n      if (cell === null) continue;\n      setActiveCell(cell);\n      return;\n    }\n  };\n\n  // ---- One Tab stop inside the lanes ----\n\n  const ownTabIndex = new WeakMap<Element, string | null>();\n  // The value the component wrote last, so its own writes can be told apart from\n  // the caller's in the attribute records below.\n  const writtenTabIndex = new WeakMap<Element, string | null>();\n\n  /** Gives one lane's own controls the Tab order back, or takes it from them. */\n  const syncLane = (laneId: string, row: HTMLElement): void => {\n    const keep = laneId === untrack(tabStop)?.laneId;\n    for (const cell of Array.from(row.children)) {\n      for (const inner of cell.querySelectorAll(INNER_FOCUSABLE)) {\n        if (!ownTabIndex.has(inner)) ownTabIndex.set(inner, inner.getAttribute(\"tabindex\"));\n        const next = keep ? (ownTabIndex.get(inner) ?? null) : \"-1\";\n        if (inner.getAttribute(\"tabindex\") === next) continue;\n        if (next === null) inner.removeAttribute(\"tabindex\");\n        else inner.setAttribute(\"tabindex\", next);\n        writtenTabIndex.set(inner, next);\n      }\n    }\n  };\n  const syncInnerTabStops = (): void => {\n    for (const [laneId, row] of rows) syncLane(laneId, row);\n  };\n\n  onMount(() => {\n    if (isServer) return;\n    createEffect(on(tabStop, syncInnerTabStops));\n    if (typeof ResizeObserver === \"function\") {\n      const resize = new ResizeObserver(() => setMeasured(root.clientHeight));\n      resize.observe(root);\n      onCleanup(() => resize.disconnect());\n    }\n    if (typeof MutationObserver !== \"function\") return;\n    // Content that changes later (a button that shows up with a status) is caught\n    // too, and so is a tabindex the caller writes from a signal: that write is\n    // taken as the content's own value, then the Tab order is restored over it.\n    const observer = new MutationObserver((records) => {\n      let sync = false;\n      for (const record of records) {\n        if (record.type !== \"attributes\") {\n          sync = true;\n          continue;\n        }\n        const target = record.target as Element;\n        // A cell's own roving tabindex is the component's, not the content's.\n        if (target.classList.contains(\"smwb-swimlanes__header\") || target.classList.contains(\"smwb-swimlanes__content\"))\n          continue;\n        const now = target.getAttribute(\"tabindex\");\n        if (writtenTabIndex.has(target) && writtenTabIndex.get(target) === now) continue;\n        ownTabIndex.set(target, now);\n        sync = true;\n      }\n      if (sync) syncInnerTabStops();\n    });\n    observer.observe(root, { childList: true, subtree: true, attributes: true, attributeFilter: [\"tabindex\"] });\n    onCleanup(() => observer.disconnect());\n  });\n\n  // A lane that goes away takes its selection with it, and focus moves to the Tab\n  // stop rather than dropping to the page. Only a lane that was there counts: a\n  // selection given before the lanes load is kept.\n  createEffect<readonly string[] | undefined>((before) => {\n    const now = laneIds();\n    if (before !== undefined) {\n      untrack(() => {\n        const present = new Set(now);\n        const chosen = selected();\n        if (chosen !== null && !present.has(chosen) && before.includes(chosen)) setSelected(null);\n        const stop = activeCell();\n        if (stop === null || present.has(stop.laneId)) return;\n        setActiveCell(null);\n        const next = tabStop();\n        const doc = root?.ownerDocument;\n        if (next !== null && doc && (doc.activeElement === null || doc.activeElement === doc.body))\n          cellOf(next.laneId, next.col)?.focus({ preventScroll: true });\n      });\n    }\n    return now;\n  });\n\n  const renderRow = (laneId: string): JSX.Element => {\n    // The lane behind the id. A rebuilt `lanes` array brings new lane objects\n    // with the same ids: the row, its cells and focus on a cell stay, and a slot\n    // is read again only when its lane brings a new one (focus inside the old\n    // content then goes with it, as documented). Once the id has left\n    // `lanes` the last lane stays until the list drops the row.\n    const lane = createMemo<SwimlanesLane | undefined>((last) => laneById().get(laneId) ?? last);\n    const headerSlot = createMemo(() => lane()?.header);\n    const contentSlot = createMemo(() => lane()?.content);\n    // The place follows the caller's array without the row being rebuilt, so a\n    // reorder moves the rows instead of remaking them.\n    const index = (): number => indexById().get(laneId) ?? 0;\n    const isStop = (col: 0 | 1): boolean => {\n      const stop = tabStop();\n      return stop !== null && stop.laneId === laneId && stop.col === col;\n    };\n    // The slots are read untracked, where the row is drawn: an eager read would\n    // build the subtrees of every lane up front, and a tracked one would build\n    // them again whenever a signal the caller's thunk reads changes.\n    const header = createMemo(() => {\n      const slot = headerSlot();\n      return slot === undefined ? undefined : untrack(slot);\n    });\n    const content = createMemo(() => {\n      const slot = contentSlot();\n      return slot === undefined ? undefined : untrack(slot);\n    });\n    return (\n      <div\n        class={cn(\"smwb-swimlanes__row\", {\n          \"smwb-swimlanes__row_selected\": isSelected(laneId),\n          \"smwb-swimlanes__row_disabled\": lane()?.disabled,\n        })}\n        role=\"row\"\n        aria-rowindex={index() + 1}\n        aria-selected={local.selectable ? (isSelected(laneId) ? \"true\" : \"false\") : undefined}\n        aria-disabled={lane()?.disabled ? \"true\" : undefined}\n        data-lane-id={laneId}\n        style={{ top: `${index() * rowHeight()}px` }}\n        ref={(element) => {\n          rows.set(laneId, element);\n          // A row mounted later, by scrolling, gets the Tab order at once rather\n          // than at the observer's next microtask.\n          onMount(() => syncLane(laneId, element));\n          onCleanup(() => {\n            if (rows.get(laneId) === element) rows.delete(laneId);\n          });\n        }}\n      >\n        <div class=\"smwb-swimlanes__header\" role=\"rowheader\" tabIndex={isStop(0) ? 0 : -1}>\n          {header()}\n        </div>\n        <div class=\"smwb-swimlanes__content\" role=\"gridcell\" tabIndex={isStop(1) ? 0 : -1}>\n          {content()}\n        </div>\n      </div>\n    );\n  };\n\n  // One row per rendered id, made when the id enters and disposed when it\n  // leaves; the client places them itself (placeRows), the server prints them.\n  const rowNodes = createMemo(mapArray(renderedIds, renderRow));\n\n  // The default height is the stylesheet's, so a height in the caller's style or\n  // CSS is not overridden. The custom properties are written only when given,\n  // and the caller's own style comes last, so it wins over them.\n  const rootStyle = (): JSX.CSSProperties | string | undefined => {\n    const own: JSX.CSSProperties = { \"--smwb-swimlanes-row-height\": `${rowHeight()}px` };\n    if (local.height !== undefined) own.height = cssLength(local.height);\n    if (local.headerWidth !== undefined) own[\"--smwb-swimlanes-header-width\"] = cssLength(local.headerWidth);\n    if (local.contentMinWidth !== undefined)\n      own[\"--smwb-swimlanes-content-min-width\"] = cssLength(local.contentMinWidth);\n    return mergeStyle(own, local.style);\n  };\n\n  return (\n    <div\n      data-testid={local[\"data-testid\"] ?? \"swimlanes\"}\n      {...rest}\n      ref={mergeRefs(local.ref, (element) => (root = element))}\n      class={cn(\"smwb-swimlanes\", { \"smwb-swimlanes_empty\": isEmpty() }, local.class)}\n      style={rootStyle()}\n      role={isEmpty() ? undefined : \"grid\"}\n      aria-label={isEmpty() ? undefined : local.label}\n      aria-rowcount={isEmpty() ? undefined : laneList().length}\n      aria-colcount={isEmpty() ? undefined : 2}\n      onScroll={(event) => {\n        callHandler(local.onScroll, event);\n        virtual.onScroll({ currentTarget: { scrollTop: event.currentTarget.scrollTop } });\n      }}\n      onKeyDown={(event) => {\n        callHandler(local.onKeyDown, event);\n        handleKey(event);\n      }}\n      onClick={(event) => {\n        callHandler(local.onClick, event);\n        handleClick(event);\n      }}\n      onFocusIn={(event) => {\n        callHandler(local.onFocusIn, event);\n        handleFocusIn(event);\n      }}\n    >\n      <Show when={!isEmpty()} fallback={<div class=\"smwb-swimlanes__empty\">{local.emptyLabel}</div>}>\n        {isServer ? (\n          <div class=\"smwb-swimlanes__sizer\" role=\"presentation\" style={{ height: `${virtual.totalHeight()}px` }}>\n            {rowNodes()}\n          </div>\n        ) : (\n          <div\n            class=\"smwb-swimlanes__sizer\"\n            role=\"presentation\"\n            ref={(element) => {\n              sizer = element;\n              // Hydration finds the server's rows already in place, so nothing moves.\n              createRenderEffect(() => placeRows(element, rowNodes() as HTMLElement[]));\n              onCleanup(() => {\n                if (sizer === element) sizer = undefined;\n              });\n            }}\n            style={{ height: `${virtual.totalHeight()}px` }}\n          />\n        )}\n      </Show>\n    </div>\n  );\n}\n\nexport default Swimlanes;\n"],"names":["SWIMLANES_DEFAULT_ROW_HEIGHT","SWIMLANES_DEFAULT_HEIGHT","SWIMLANES_DEFAULT_OVERSCAN","INNER_FOCUSABLE","CELLS","cssLength","value","swimlanesKeyTarget","key","mods","from","context","last","count","clamp","index","Math","min","max","lane","col","column","ctrlKey","metaKey","altKey","pageSize","placeRows","parent","next","wanted","Set","child","Array","children","has","remove","position","Map","forEach","at","set","active","ownerDocument","activeElement","focused","findIndex","row","contains","focusedAt","undefined","get","kept","i","push","length","map","previous","best","k","j","stays","add","anchor","insertBefore","Swimlanes","props","merged","mergeProps","selectable","rowHeight","overscan","local","rest","splitProps","root","sizer","rows","measured","setMeasured","createSignal","viewportHeight","height","laneList","createMemo","lanes","virtual","createVirtualList","itemCount","itemHeight","indexById","id","laneIds","laneById","isEmpty","chosen","setSelected","createControllableState","selectedId","defaultValue","untrack","defaultSelectedId","onChange","onSelectedChange","selected","isSelected","createSelector","choose","laneId","disabled","activeCell","setActiveCell","tabStop","indexes","first","renderedIds","ids","startIndex","endIndex","stop","stopIndex","sort","a","b","filter","equals","every","cellOf","cell","HTMLElement","cellInfo","element","header","classList","parentElement","dataset","scrollRowIntoView","scroller","top","clientHeight","current","scrollTop","onScroll","currentTarget","moveFocus","target","batch","focus","preventScroll","floor","handleKey","event","Element","preventDefault","handleClick","closest","isOwnClick","handleFocusIn","ownTabIndex","WeakMap","writtenTabIndex","syncLane","keep","inner","querySelectorAll","getAttribute","removeAttribute","setAttribute","syncInnerTabStops","onMount","isServer","createEffect","on","ResizeObserver","resize","observe","onCleanup","disconnect","MutationObserver","observer","records","sync","record","type","now","childList","subtree","attributes","attributeFilter","before","present","includes","doc","body","rowNodes","mapArray","renderRow","headerSlot","contentSlot","content","isStop","slot","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_$use","delete","_$setAttribute","_$insert","_$effect","_p$","_v$","cn","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","e","_$className","t","o","_$setStyleProperty","n","s","rootStyle","own","headerWidth","contentMinWidth","mergeStyle","style","_el$4","_tmpl$2","_ref$","mergeRefs","ref","_$spread","_$mergeProps","class","role","_$memo","label","callHandler","onKeyDown","onClick","onFocusIn","_$createComponent","Show","when","fallback","_el$5","_tmpl$3","emptyLabel","_el$6","_tmpl$4","_$p","totalHeight","_el$7","createRenderEffect"],"mappings":"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"}

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

@@ -13,7 +13,16 @@ export interface TableProps extends JSX.HTMLAttributes<HTMLDivElement> {
      * Show each row as a card — cells one under another, each with its column's
      * label — while the table's container is narrower than this breakpoint:
      * `sm` (420px), `md` (768px) or `lg` (1024px). A container query: the space
-     * the table has decides, not the window. Labels come from `TableCell label`.
+     * the table has decides, not the window.
+     *
+     * A cell's label is its `TableCell label`, or else the label of the head cell
+     * of its column: the head cell's `label`, or the text of its content. Columns
+     * count as in HTML: by position in the row, with `colSpan`, after the columns
+     * that `rowSpan` cells of the rows above take in the same head or body. A cell
+     * spanning several columns takes no label from the head and fills the card's
+     * width, and a head cell spanning several columns labels none of them. With
+     * several head rows, the lowest head cell over a column names it. The cells
+     * and rows count as they are drawn, the ones a component renders included.
      */
     stackBelow?: "sm" | "md" | "lg";
     paginationSettings?: TablePaginationProps;

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

@@ -1,50 +1,74 @@
-import { use as h, spread as u, mergeProps as d, insert as a, createComponent as i, effect as v, className as b, template as _ } from "solid-js/web";
+import { use as h, spread as _, mergeProps as b, insert as n, createComponent as r, effect as k, className as p, template as v } from "solid-js/web";
 import '../../../assets/styles/less/components/table/table.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                     */
-import { splitProps as k, children as $, Show as w } from "solid-js";
-import s from "clsx";
-import { TablePagination as y } from "./tablePagination/tablePagination.js";
-import { mergeRefs as P } from "../../../primitives/mergeRefs.js";
-var S = /* @__PURE__ */ _("<caption class=smwb-table__caption>"), B = /* @__PURE__ */ _("<div><div><table>");
-function j(f) {
-  const [e, g] = k(f, ["class", "dense", "hovered", "children", "paginationSettings", "isLoading", "stickyHeader", "caption", "stackBelow", "ref"]), o = $(() => e.caption);
+import { splitProps as C, children as P, Show as u } from "solid-js";
+import i from "clsx";
+import { TablePagination as T } from "./tablePagination/tablePagination.js";
+import { mergeRefs as $ } from "../../../primitives/mergeRefs.js";
+import { TableLabelsContext as x, TableHeadContext as S, TableSectionContext as y, TableRowContext as B, createColumnLabels as L } from "./tableColumns.js";
+var H = /* @__PURE__ */ v("<caption class=smwb-table__caption>"), R = /* @__PURE__ */ v("<div><div><table>");
+function G(w) {
+  const [e, g] = C(w, ["class", "dense", "hovered", "children", "paginationSettings", "isLoading", "stickyHeader", "caption", "stackBelow", "ref"]), o = P(() => e.caption), f = {
+    stacked: () => !!e.stackBelow,
+    labels: L()
+  };
   return (() => {
-    var r = B(), l = r.firstChild, n = l.firstChild, c = P(e.ref);
-    return typeof c == "function" && h(c, r), u(r, d(g, {
+    var a = R(), s = a.firstChild, l = s.firstChild, c = $(e.ref);
+    return typeof c == "function" && h(c, a), _(a, b(g, {
       get class() {
-        return s("smwb-table__wrapper", e.class, {
+        return i("smwb-table__wrapper", e.class, {
           "smwb-table__wrapper_loading": e.isLoading
         }, e.stackBelow && `smwb-table__wrapper_stack-${e.stackBelow}`);
       }
-    }), !1, !0), a(n, i(w, {
+    }), !1, !0), n(l, r(u, {
       get when() {
         return o() != null;
       },
       get children() {
-        var t = S();
-        return a(t, o), t;
+        var t = H();
+        return n(t, o), t;
       }
-    }), null), a(n, () => e.children, null), a(r, i(w, {
+    }), null), n(l, r(x.Provider, {
+      value: f,
+      get children() {
+        return r(S.Provider, {
+          value: !1,
+          get children() {
+            return r(y.Provider, {
+              value: void 0,
+              get children() {
+                return r(B.Provider, {
+                  value: void 0,
+                  get children() {
+                    return e.children;
+                  }
+                });
+              }
+            });
+          }
+        });
+      }
+    }), null), n(a, r(u, {
       get when() {
         return e.paginationSettings;
       },
-      children: (t) => i(y, d(t))
-    }), null), v((t) => {
-      var m = s("smwb-table__container", {
+      children: (t) => r(T, b(t))
+    }), null), k((t) => {
+      var d = i("smwb-table__container", {
         "smwb-withPagination": !!e.paginationSettings
-      }), p = s("smwb-table", {
+      }), m = i("smwb-table", {
         "smwb-dense": e.dense,
         "smwb-hovered": e.hovered,
         "smwb-table_sticky-header": e.stickyHeader
       });
-      return m !== t.e && b(l, t.e = m), p !== t.t && b(n, t.t = p), t;
+      return d !== t.e && p(s, t.e = d), m !== t.t && p(l, t.t = m), t;
     }, {
       e: void 0,
       t: void 0
-    }), r;
+    }), a;
   })();
 }
 export {
-  j as Table
+  G as Table
 };
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../src/components/dataDisplay/table/table.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TablePagination, type TablePaginationProps } from \"./tablePagination/tablePagination\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  dense?: boolean;\n  isLoading?: boolean;\n  hovered?: boolean;\n  /** Pins the table header while the body scrolls. */\n  stickyHeader?: boolean;\n  /** Optional accessible caption rendered for screen readers. */\n  caption?: JSX.Element;\n  /**\n   * Show each row as a card — cells one under another, each with its column's\n   * label — while the table's container is narrower than this breakpoint:\n   * `sm` (420px), `md` (768px) or `lg` (1024px). A container query: the space\n   * the table has decides, not the window. Labels come from `TableCell label`.\n   */\n  stackBelow?: \"sm\" | \"md\" | \"lg\";\n  paginationSettings?: TablePaginationProps;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Table(props: ParentProps<TableProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"dense\",\n    \"hovered\",\n    \"children\",\n    \"paginationSettings\",\n    \"isLoading\",\n    \"stickyHeader\",\n    \"caption\",\n    \"stackBelow\",\n    \"ref\",\n  ]);\n\n  // Read the caption once: markup is created anew on every read, and during\n  // hydration the copy made for the <Show> test has no server DOM node.\n  const caption = children(() => local.caption);\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\n        \"smwb-table__wrapper\",\n        local.class,\n        { \"smwb-table__wrapper_loading\": local.isLoading },\n        local.stackBelow && `smwb-table__wrapper_stack-${local.stackBelow}`\n      )}\n    >\n      <div class={cn(\"smwb-table__container\", { \"smwb-withPagination\": !!local.paginationSettings })}>\n        <table\n          class={cn(\"smwb-table\", {\n            \"smwb-dense\": local.dense,\n            \"smwb-hovered\": local.hovered,\n            \"smwb-table_sticky-header\": local.stickyHeader,\n          })}\n        >\n          <Show when={caption() != null}>\n            <caption class=\"smwb-table__caption\">{caption()}</caption>\n          </Show>\n          {local.children}\n        </table>\n      </div>\n      <Show when={local.paginationSettings}>\n        {(settings) => <TablePagination {...settings()} />}\n      </Show>\n    </div>\n  );\n}\n\nexport default Table;\n"],"names":["Table","props","local","rest","splitProps","caption","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","isLoading","stackBelow","_$insert","_$createComponent","Show","when","_el$4","_tmpl$","paginationSettings","settings","TablePagination","_$effect","_p$","_v$","_v$2","dense","hovered","stickyHeader","e","_$className","t","undefined"],"mappings":";;;;;;;;AA0BO,SAASA,EAAMC,GAA6C;AACjE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,SACA,WACA,YACA,sBACA,aACA,gBACA,WACA,cACA,KAAK,CACN,GAIKI,IAAUC,EAAS,MAAMJ,EAAMG,OAAO;AAE5C,UAAA,MAAA;AAAA,QAAAE,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAGSC,EAAUX,EAAMY,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAL,CAAA,GAAAS,EAAAT,GAAAU,EADrBd,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDe,EACL,uBACAhB,EAAMiB,OACN;AAAA,UAAE,+BAA+BjB,EAAMkB;AAAAA,QAAAA,GACvClB,EAAMmB,cAAc,6BAA6BnB,EAAMmB,UAAU,EACnE;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAX,GAAAY,EAUIC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEpB,OAAa;AAAA,MAAI;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAoB,IAAAC,EAAAA;AAAAL,eAAAA,EAAAI,GACWrB,CAAO,GAAAqB;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAJ,EAAAX,GAAA,MAE9CT,EAAMI,UAAQ,IAAA,GAAAgB,EAAAf,GAAAgB,EAGlBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEvB,EAAM0B;AAAAA,MAAkB;AAAA,MAAAtB,UAChCuB,CAAAA,MAAQN,EAAMO,GAAeb,EAAKY,CAAQ,CAAA;AAAA,IAAA,CAAM,GAAA,IAAA,GAAAE,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IAfxCf,EAAG,yBAAyB;AAAA,QAAE,uBAAuB,CAAC,CAAChB,EAAM0B;AAAAA,MAAAA,CAAoB,GAACM,IAEnFhB,EAAG,cAAc;AAAA,QACtB,cAAchB,EAAMiC;AAAAA,QACpB,gBAAgBjC,EAAMkC;AAAAA,QACtB,4BAA4BlC,EAAMmC;AAAAA,MAAAA,CACnC;AAACJ,aAAAA,MAAAD,EAAAM,KAAAC,EAAA9B,GAAAuB,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAA5B,GAAAqB,EAAAQ,IAAAN,CAAA,GAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAM,GAAAG;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA,GAAAlC;AAAAA,EAAA,GAAA;AAaZ;"}
+{"version":3,"file":"table.js","sources":["../../../../src/components/dataDisplay/table/table.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TablePagination, type TablePaginationProps } from \"./tablePagination/tablePagination\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport {\n  TableHeadContext,\n  TableLabelsContext,\n  TableRowContext,\n  TableSectionContext,\n  createColumnLabels,\n} from \"./tableColumns\";\n\nexport interface TableProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  dense?: boolean;\n  isLoading?: boolean;\n  hovered?: boolean;\n  /** Pins the table header while the body scrolls. */\n  stickyHeader?: boolean;\n  /** Optional accessible caption rendered for screen readers. */\n  caption?: JSX.Element;\n  /**\n   * Show each row as a card — cells one under another, each with its column's\n   * label — while the table's container is narrower than this breakpoint:\n   * `sm` (420px), `md` (768px) or `lg` (1024px). A container query: the space\n   * the table has decides, not the window.\n   *\n   * A cell's label is its `TableCell label`, or else the label of the head cell\n   * of its column: the head cell's `label`, or the text of its content. Columns\n   * count as in HTML: by position in the row, with `colSpan`, after the columns\n   * that `rowSpan` cells of the rows above take in the same head or body. A cell\n   * spanning several columns takes no label from the head and fills the card's\n   * width, and a head cell spanning several columns labels none of them. With\n   * several head rows, the lowest head cell over a column names it. The cells\n   * and rows count as they are drawn, the ones a component renders included.\n   */\n  stackBelow?: \"sm\" | \"md\" | \"lg\";\n  paginationSettings?: TablePaginationProps;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Table(props: ParentProps<TableProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"dense\",\n    \"hovered\",\n    \"children\",\n    \"paginationSettings\",\n    \"isLoading\",\n    \"stickyHeader\",\n    \"caption\",\n    \"stackBelow\",\n    \"ref\",\n  ]);\n\n  // Read the caption once: markup is created anew on every read, and during\n  // hydration the copy made for the <Show> test has no server DOM node.\n  const caption = children(() => local.caption);\n\n  // The head cells' labels, for the body cells of their columns.\n  const labels = { stacked: () => !!local.stackBelow, labels: createColumnLabels() };\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\n        \"smwb-table__wrapper\",\n        local.class,\n        { \"smwb-table__wrapper_loading\": local.isLoading },\n        local.stackBelow && `smwb-table__wrapper_stack-${local.stackBelow}`\n      )}\n    >\n      <div class={cn(\"smwb-table__container\", { \"smwb-withPagination\": !!local.paginationSettings })}>\n        <table\n          class={cn(\"smwb-table\", {\n            \"smwb-dense\": local.dense,\n            \"smwb-hovered\": local.hovered,\n            \"smwb-table_sticky-header\": local.stickyHeader,\n          })}\n        >\n          <Show when={caption() != null}>\n            <caption class=\"smwb-table__caption\">{caption()}</caption>\n          </Show>\n          {/* A table inside a cell of another counts its own rows and cells. */}\n          <TableLabelsContext.Provider value={labels}>\n            <TableHeadContext.Provider value={false}>\n              <TableSectionContext.Provider value={undefined}>\n                <TableRowContext.Provider value={undefined}>{local.children}</TableRowContext.Provider>\n              </TableSectionContext.Provider>\n            </TableHeadContext.Provider>\n          </TableLabelsContext.Provider>\n        </table>\n      </div>\n      <Show when={local.paginationSettings}>\n        {(settings) => <TablePagination {...settings()} />}\n      </Show>\n    </div>\n  );\n}\n\nexport default Table;\n"],"names":["Table","props","local","rest","splitProps","caption","children","labels","stacked","stackBelow","createColumnLabels","_el$","_tmpl$2","_el$2","firstChild","_el$3","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","isLoading","_$insert","_$createComponent","Show","when","_el$4","_tmpl$","TableLabelsContext","Provider","value","TableHeadContext","TableSectionContext","undefined","TableRowContext","paginationSettings","settings","TablePagination","_$effect","_p$","_v$","_v$2","dense","hovered","stickyHeader","e","_$className","t"],"mappings":";;;;;;;;;AA0CO,SAASA,EAAMC,GAA6C;AACjE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,SACA,WACA,YACA,sBACA,aACA,gBACA,WACA,cACA,KAAK,CACN,GAIKI,IAAUC,EAAS,MAAMJ,EAAMG,OAAO,GAGtCE,IAAS;AAAA,IAAEC,SAASA,MAAM,CAAC,CAACN,EAAMO;AAAAA,IAAYF,QAAQG,EAAAA;AAAAA,EAAmB;AAE/E,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAGSC,EAAUf,EAAMgB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAL,CAAA,GAAAS,EAAAT,GAAAU,EADrBlB,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDmB,EACL,uBACApB,EAAMqB,OACN;AAAA,UAAE,+BAA+BrB,EAAMsB;AAAAA,QAAAA,GACvCtB,EAAMO,cAAc,6BAA6BP,EAAMO,UAAU,EACnE;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAgB,EAAAV,GAAAW,EAUIC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEvB,OAAa;AAAA,MAAI;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAuB,IAAAC,EAAAA;AAAAL,eAAAA,EAAAI,GACWxB,CAAO,GAAAwB;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAJ,EAAAV,GAAAW,EAG9CK,EAAmBC,UAAQ;AAAA,MAACC,OAAO1B;AAAAA,MAAM,IAAAD,WAAA;AAAA,eAAAoB,EACvCQ,EAAiBF,UAAQ;AAAA,UAACC,OAAO;AAAA,UAAK,IAAA3B,WAAA;AAAA,mBAAAoB,EACpCS,EAAoBH,UAAQ;AAAA,cAACC,OAAOG;AAAAA,cAAS,IAAA9B,WAAA;AAAA,uBAAAoB,EAC3CW,EAAgBL,UAAQ;AAAA,kBAACC,OAAOG;AAAAA,kBAAS,IAAA9B,WAAA;AAAA,2BAAGJ,EAAMI;AAAAA,kBAAQ;AAAA,gBAAA,CAAA;AAAA,cAAA;AAAA,YAAA,CAAA;AAAA,UAAA;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAmB,EAAAd,GAAAe,EAMpEC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE1B,EAAMoC;AAAAA,MAAkB;AAAA,MAAAhC,UAChCiC,CAAAA,MAAQb,EAAMc,GAAenB,EAAKkB,CAAQ,CAAA;AAAA,IAAA,CAAM,GAAA,IAAA,GAAAE,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IAtBxCrB,EAAG,yBAAyB;AAAA,QAAE,uBAAuB,CAAC,CAACpB,EAAMoC;AAAAA,MAAAA,CAAoB,GAACM,IAEnFtB,EAAG,cAAc;AAAA,QACtB,cAAcpB,EAAM2C;AAAAA,QACpB,gBAAgB3C,EAAM4C;AAAAA,QACtB,4BAA4B5C,EAAM6C;AAAAA,MAAAA,CACnC;AAACJ,aAAAA,MAAAD,EAAAM,KAAAC,EAAApC,GAAA6B,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAAlC,GAAA2B,EAAAQ,IAAAN,CAAA,GAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAM,GAAAZ;AAAAA,MAAAc,GAAAd;AAAAA,IAAAA,CAAA,GAAAzB;AAAAA,EAAA,GAAA;AAoBZ;"}