@smwb/ui-solid 0.13.0 → 0.14.0

package/dist/headless/source/components/dataDisplay/swimlanes/swimlanes.jsx

@@ -0,0 +1,450 @@
+import {
+  Show,
+  batch,
+  createEffect,
+  createMemo,
+  createRenderEffect,
+  createSelector,
+  createSignal,
+  mapArray,
+  mergeProps,
+  on,
+  onCleanup,
+  onMount,
+  splitProps,
+  untrack
+} from "solid-js";
+import { isServer } from "solid-js/web";
+import cn from "clsx";
+import { callHandler } from "../../../primitives/callHandler";
+import { createControllableState } from "../../../primitives/createControllableState";
+import { createVirtualList } from "../../../primitives/createVirtualList";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+import { mergeStyle } from "../../../primitives/mergeStyle";
+import { isOwnClick } from "../../../utils/ownClick";
+const SWIMLANES_DEFAULT_ROW_HEIGHT = 64;
+const SWIMLANES_DEFAULT_HEIGHT = 480;
+const SWIMLANES_DEFAULT_OVERSCAN = 4;
+const INNER_FOCUSABLE = 'a[href], button, input, select, textarea, iframe, summary, audio[controls], video[controls], [tabindex], [contenteditable]:not([contenteditable="false"])';
+const CELLS = ".smwb-swimlanes__header, .smwb-swimlanes__content";
+const cssLength = (value) => typeof value === "number" ? `${value}px` : value;
+function swimlanesKeyTarget(key, mods, from, context) {
+  const last = context.count - 1;
+  if (last < 0) return null;
+  const clamp = (index) => Math.min(last, Math.max(0, index));
+  const lane = (index) => index === from.index ? null : { index, col: from.col };
+  const column = (col) => col === from.col ? null : { index: from.index, col };
+  if (mods.ctrlKey || mods.metaKey || mods.altKey) {
+    if (!mods.ctrlKey || mods.metaKey || mods.altKey) return null;
+    if (key === "Home") return lane(0);
+    if (key === "End") return lane(last);
+    return null;
+  }
+  switch (key) {
+    case "ArrowDown":
+      return lane(clamp(from.index + 1));
+    case "ArrowUp":
+      return lane(clamp(from.index - 1));
+    case "ArrowRight":
+      return column(1);
+    case "ArrowLeft":
+      return column(0);
+    case "Home":
+      return column(0);
+    case "End":
+      return column(1);
+    case "PageDown":
+      return lane(clamp(from.index + context.pageSize));
+    case "PageUp":
+      return lane(clamp(from.index - context.pageSize));
+    default:
+      return null;
+  }
+}
+function placeRows(parent, next) {
+  const wanted = new Set(next);
+  for (const child of Array.from(parent.children)) if (!wanted.has(child)) child.remove();
+  const position = /* @__PURE__ */ new Map();
+  Array.from(parent.children).forEach((child, at) => position.set(child, at));
+  const active = parent.ownerDocument.activeElement;
+  const focused = active === null ? -1 : next.findIndex((row) => row.contains(active));
+  const focusedAt = focused < 0 ? void 0 : position.get(next[focused]);
+  const kept = [];
+  next.forEach((row, i) => {
+    const at = position.get(row);
+    if (at === void 0) return;
+    if (focusedAt !== void 0 && i !== focused && i < focused !== at < focusedAt) return;
+    kept.push(at);
+  });
+  const length = kept.map(() => 1);
+  const previous = kept.map(() => -1);
+  let best = -1;
+  kept.forEach((at, k) => {
+    for (let j = 0; j < k; j++) {
+      if (kept[j] < at && length[j] + 1 > length[k]) {
+        length[k] = length[j] + 1;
+        previous[k] = j;
+      }
+    }
+    if (best < 0 || length[k] > length[best]) best = k;
+  });
+  const stays = /* @__PURE__ */ new Set();
+  for (let k = best; k >= 0; k = previous[k]) stays.add(kept[k]);
+  let anchor = null;
+  for (let i = next.length - 1; i >= 0; i--) {
+    const row = next[i];
+    const at = position.get(row);
+    if (at === void 0 || !stays.has(at)) parent.insertBefore(row, anchor);
+    anchor = row;
+  }
+}
+function Swimlanes(props) {
+  const merged = mergeProps(
+    {
+      selectable: true,
+      rowHeight: SWIMLANES_DEFAULT_ROW_HEIGHT,
+      overscan: SWIMLANES_DEFAULT_OVERSCAN
+    },
+    props
+  );
+  const [local, rest] = splitProps(merged, [
+    "class",
+    "style",
+    "lanes",
+    "label",
+    "selectedId",
+    "defaultSelectedId",
+    "onSelectedChange",
+    "selectable",
+    "rowHeight",
+    "headerWidth",
+    "contentMinWidth",
+    "height",
+    "overscan",
+    "emptyLabel",
+    "ref",
+    "data-testid",
+    "onScroll",
+    "onKeyDown",
+    "onClick",
+    "onFocusIn"
+  ]);
+  let root;
+  let sizer;
+  const rows = /* @__PURE__ */ new Map();
+  const rowHeight = () => local.rowHeight;
+  const [measured, setMeasured] = createSignal(0);
+  const viewportHeight = () => measured() || (typeof local.height === "number" ? local.height : SWIMLANES_DEFAULT_HEIGHT);
+  const laneList = createMemo(() => local.lanes);
+  const virtual = createVirtualList({
+    itemCount: () => laneList().length,
+    itemHeight: rowHeight,
+    viewportHeight,
+    overscan: local.overscan
+  });
+  const indexById = createMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    laneList().forEach((lane, index) => {
+      if (!map.has(lane.id)) map.set(lane.id, index);
+    });
+    return map;
+  });
+  const laneIds = createMemo(() => laneList().map((lane) => lane.id));
+  const laneById = createMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const lane of laneList()) if (!map.has(lane.id)) map.set(lane.id, lane);
+    return map;
+  });
+  const isEmpty = () => laneList().length === 0;
+  const [chosen, setSelected] = createControllableState({
+    value: () => local.selectedId,
+    defaultValue: untrack(() => local.defaultSelectedId) ?? null,
+    onChange: (id) => local.onSelectedChange?.(id)
+  });
+  const selected = () => local.selectable ? chosen() : null;
+  const isSelected = createSelector(selected);
+  const choose = (laneId) => {
+    if (!local.selectable || selected() === laneId) return;
+    const index = indexById().get(laneId);
+    if (index === void 0 || laneList()[index]?.disabled) return;
+    setSelected(laneId);
+  };
+  const [activeCell, setActiveCell] = createSignal(null);
+  const tabStop = createMemo(() => {
+    const indexes = indexById();
+    const last = activeCell();
+    if (last !== null && indexes.has(last.laneId)) return last;
+    const chosen2 = selected();
+    if (chosen2 !== null && indexes.has(chosen2)) return { laneId: chosen2, col: 0 };
+    const first = laneList()[0];
+    return first === void 0 ? null : { laneId: first.id, col: 0 };
+  });
+  const renderedIds = createMemo(
+    () => {
+      const ids = laneIds();
+      const indexes = /* @__PURE__ */ new Set();
+      for (let index = virtual.startIndex(); index < virtual.endIndex(); index++) {
+        if (index >= 0 && index < ids.length) indexes.add(index);
+      }
+      const stop = tabStop();
+      const stopIndex = stop === null ? void 0 : indexById().get(stop.laneId);
+      if (stopIndex !== void 0) indexes.add(stopIndex);
+      const first = indexById();
+      return [...indexes].sort((a, b) => a - b).filter((index) => first.get(ids[index]) === index).map((index) => ids[index]);
+    },
+    [],
+    { equals: (a, b) => a.length === b.length && a.every((id, i) => id === b[i]) }
+  );
+  const cellOf = (laneId, col) => {
+    const cell = rows.get(laneId)?.children[col];
+    return cell instanceof HTMLElement ? cell : null;
+  };
+  const cellInfo = (element) => {
+    if (element === null) return null;
+    const header = element.classList.contains("smwb-swimlanes__header");
+    if (!header && !element.classList.contains("smwb-swimlanes__content")) return null;
+    const row = element.parentElement;
+    if (row === null || row.parentElement !== sizer) return null;
+    const laneId = row.dataset["laneId"];
+    return laneId === void 0 ? null : { laneId, col: header ? 0 : 1 };
+  };
+  const scrollRowIntoView = (index) => {
+    const scroller = root;
+    if (!scroller) return;
+    const top = index * rowHeight();
+    const height = scroller.clientHeight || viewportHeight();
+    const current = scroller.scrollTop;
+    const next = top < current ? top : top + rowHeight() > current + height ? top + rowHeight() - height : current;
+    if (next === current) return;
+    scroller.scrollTop = next;
+    virtual.onScroll({ currentTarget: { scrollTop: next } });
+  };
+  const moveFocus = (target) => {
+    const lane = laneList()[target.index];
+    if (!lane) return;
+    batch(() => {
+      scrollRowIntoView(target.index);
+      setActiveCell({ laneId: lane.id, col: target.col });
+    });
+    cellOf(lane.id, target.col)?.focus({ preventScroll: true });
+  };
+  const pageSize = () => Math.max(1, Math.floor((root?.clientHeight || viewportHeight()) / rowHeight()) - 1);
+  const handleKey = (event) => {
+    const cell = cellInfo(event.target instanceof Element ? event.target : null);
+    if (cell === null) return;
+    const index = indexById().get(cell.laneId);
+    if (index === void 0) return;
+    const key = event.key;
+    if (!event.ctrlKey && !event.metaKey && !event.altKey) {
+      if (key === "Enter" || key === " ") {
+        event.preventDefault();
+        choose(cell.laneId);
+        return;
+      }
+      if (key === "Escape") {
+        if (selected() === null) return;
+        event.preventDefault();
+        setSelected(null);
+        return;
+      }
+    }
+    const target = swimlanesKeyTarget(
+      key,
+      event,
+      { index, col: cell.col },
+      { count: laneList().length, pageSize: pageSize() }
+    );
+    if (target === null) return;
+    event.preventDefault();
+    moveFocus(target);
+  };
+  const handleClick = (event) => {
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    const element = target.closest(CELLS);
+    const cell = cellInfo(element);
+    if (cell === null || element === null) return;
+    if (!isOwnClick(event, element)) return;
+    setActiveCell(cell);
+    choose(cell.laneId);
+  };
+  const handleFocusIn = (event) => {
+    for (let element = event.target instanceof Element ? event.target.closest(CELLS) : null; element !== null; element = element.parentElement?.closest(CELLS) ?? null) {
+      const cell = cellInfo(element);
+      if (cell === null) continue;
+      setActiveCell(cell);
+      return;
+    }
+  };
+  const ownTabIndex = /* @__PURE__ */ new WeakMap();
+  const writtenTabIndex = /* @__PURE__ */ new WeakMap();
+  const syncLane = (laneId, row) => {
+    const keep = laneId === untrack(tabStop)?.laneId;
+    for (const cell of Array.from(row.children)) {
+      for (const inner of cell.querySelectorAll(INNER_FOCUSABLE)) {
+        if (!ownTabIndex.has(inner)) ownTabIndex.set(inner, inner.getAttribute("tabindex"));
+        const next = keep ? ownTabIndex.get(inner) ?? null : "-1";
+        if (inner.getAttribute("tabindex") === next) continue;
+        if (next === null) inner.removeAttribute("tabindex");
+        else inner.setAttribute("tabindex", next);
+        writtenTabIndex.set(inner, next);
+      }
+    }
+  };
+  const syncInnerTabStops = () => {
+    for (const [laneId, row] of rows) syncLane(laneId, row);
+  };
+  onMount(() => {
+    if (isServer) return;
+    createEffect(on(tabStop, syncInnerTabStops));
+    if (typeof ResizeObserver === "function") {
+      const resize = new ResizeObserver(() => setMeasured(root.clientHeight));
+      resize.observe(root);
+      onCleanup(() => resize.disconnect());
+    }
+    if (typeof MutationObserver !== "function") return;
+    const observer = new MutationObserver((records) => {
+      let sync = false;
+      for (const record of records) {
+        if (record.type !== "attributes") {
+          sync = true;
+          continue;
+        }
+        const target = record.target;
+        if (target.classList.contains("smwb-swimlanes__header") || target.classList.contains("smwb-swimlanes__content"))
+          continue;
+        const now = target.getAttribute("tabindex");
+        if (writtenTabIndex.has(target) && writtenTabIndex.get(target) === now) continue;
+        ownTabIndex.set(target, now);
+        sync = true;
+      }
+      if (sync) syncInnerTabStops();
+    });
+    observer.observe(root, { childList: true, subtree: true, attributes: true, attributeFilter: ["tabindex"] });
+    onCleanup(() => observer.disconnect());
+  });
+  createEffect((before) => {
+    const now = laneIds();
+    if (before !== void 0) {
+      untrack(() => {
+        const present = new Set(now);
+        const chosen2 = selected();
+        if (chosen2 !== null && !present.has(chosen2) && before.includes(chosen2)) setSelected(null);
+        const stop = activeCell();
+        if (stop === null || present.has(stop.laneId)) return;
+        setActiveCell(null);
+        const next = tabStop();
+        const doc = root?.ownerDocument;
+        if (next !== null && doc && (doc.activeElement === null || doc.activeElement === doc.body))
+          cellOf(next.laneId, next.col)?.focus({ preventScroll: true });
+      });
+    }
+    return now;
+  });
+  const renderRow = (laneId) => {
+    const lane = createMemo((last) => laneById().get(laneId) ?? last);
+    const headerSlot = createMemo(() => lane()?.header);
+    const contentSlot = createMemo(() => lane()?.content);
+    const index = () => indexById().get(laneId) ?? 0;
+    const isStop = (col) => {
+      const stop = tabStop();
+      return stop !== null && stop.laneId === laneId && stop.col === col;
+    };
+    const header = createMemo(() => {
+      const slot = headerSlot();
+      return slot === void 0 ? void 0 : untrack(slot);
+    });
+    const content = createMemo(() => {
+      const slot = contentSlot();
+      return slot === void 0 ? void 0 : untrack(slot);
+    });
+    return <div
+      class={cn("smwb-swimlanes__row", {
+        "smwb-swimlanes__row_selected": isSelected(laneId),
+        "smwb-swimlanes__row_disabled": lane()?.disabled
+      })}
+      role="row"
+      aria-rowindex={index() + 1}
+      aria-selected={local.selectable ? isSelected(laneId) ? "true" : "false" : void 0}
+      aria-disabled={lane()?.disabled ? "true" : void 0}
+      data-lane-id={laneId}
+      style={{ top: `${index() * rowHeight()}px` }}
+      ref={(element) => {
+        rows.set(laneId, element);
+        onMount(() => syncLane(laneId, element));
+        onCleanup(() => {
+          if (rows.get(laneId) === element) rows.delete(laneId);
+        });
+      }}
+    >
+        <div class="smwb-swimlanes__header" role="rowheader" tabIndex={isStop(0) ? 0 : -1}>
+          {header()}
+        </div>
+        <div class="smwb-swimlanes__content" role="gridcell" tabIndex={isStop(1) ? 0 : -1}>
+          {content()}
+        </div>
+      </div>;
+  };
+  const rowNodes = createMemo(mapArray(renderedIds, renderRow));
+  const rootStyle = () => {
+    const own = { "--smwb-swimlanes-row-height": `${rowHeight()}px` };
+    if (local.height !== void 0) own.height = cssLength(local.height);
+    if (local.headerWidth !== void 0) own["--smwb-swimlanes-header-width"] = cssLength(local.headerWidth);
+    if (local.contentMinWidth !== void 0)
+      own["--smwb-swimlanes-content-min-width"] = cssLength(local.contentMinWidth);
+    return mergeStyle(own, local.style);
+  };
+  return <div
+    data-testid={local["data-testid"] ?? "swimlanes"}
+    {...rest}
+    ref={mergeRefs(local.ref, (element) => root = element)}
+    class={cn("smwb-swimlanes", { "smwb-swimlanes_empty": isEmpty() }, local.class)}
+    style={rootStyle()}
+    role={isEmpty() ? void 0 : "grid"}
+    aria-label={isEmpty() ? void 0 : local.label}
+    aria-rowcount={isEmpty() ? void 0 : laneList().length}
+    aria-colcount={isEmpty() ? void 0 : 2}
+    onScroll={(event) => {
+      callHandler(local.onScroll, event);
+      virtual.onScroll({ currentTarget: { scrollTop: event.currentTarget.scrollTop } });
+    }}
+    onKeyDown={(event) => {
+      callHandler(local.onKeyDown, event);
+      handleKey(event);
+    }}
+    onClick={(event) => {
+      callHandler(local.onClick, event);
+      handleClick(event);
+    }}
+    onFocusIn={(event) => {
+      callHandler(local.onFocusIn, event);
+      handleFocusIn(event);
+    }}
+  >
+      <Show when={!isEmpty()} fallback={<div class="smwb-swimlanes__empty">{local.emptyLabel}</div>}>
+        {isServer ? <div class="smwb-swimlanes__sizer" role="presentation" style={{ height: `${virtual.totalHeight()}px` }}>
+            {rowNodes()}
+          </div> : <div
+    class="smwb-swimlanes__sizer"
+    role="presentation"
+    ref={(element) => {
+      sizer = element;
+      createRenderEffect(() => placeRows(element, rowNodes()));
+      onCleanup(() => {
+        if (sizer === element) sizer = void 0;
+      });
+    }}
+    style={{ height: `${virtual.totalHeight()}px` }}
+  />}
+      </Show>
+    </div>;
+}
+var swimlanes_default = Swimlanes;
+export {
+  SWIMLANES_DEFAULT_HEIGHT,
+  SWIMLANES_DEFAULT_OVERSCAN,
+  SWIMLANES_DEFAULT_ROW_HEIGHT,
+  Swimlanes,
+  swimlanes_default as default
+};
+//# sourceMappingURL=swimlanes.jsx.map

package/dist/headless/source/components/dataDisplay/swimlanes/swimlanes.jsx.map

@@ -0,0 +1 @@
+{"version":3,"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"],"mappings":"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","names":["chosen"],"file":"swimlanes.jsx"}