@k2b/ui 0.30.0 → 0.32.0

package/dist/ssr/actions/ViewTabs.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/ViewTabs.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, on, onCleanup, onMount, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { createScrollFade, scrollFadeEdges } from \"../layout/scroll-fade\";\nimport Dropdown, { type DropdownItem } from \"./Dropdown\";\n\nexport type ViewTab = { id: string; label: string; href: string; icon?: string; count?: number | string };\nexport type ViewTabsProps = {\n  /** Accessible name of the navigation landmark, e.g. \"Views\". */\n  label: string;\n  items: readonly ViewTab[];\n  /** Id of the open view; the server reads it from `?view=`. Unknown ids select nothing. */\n  current: string | undefined;\n  /** Tabs shown before More (default 5). */\n  max?: number;\n  class?: string;\n};\n\n/** Two deterministic strip levels; only opening the menu reads CSS visibility. */\nexport function viewTabsLayout(items: readonly ViewTab[], current: string | undefined, max = 5) {\n  // At least one slot keeps the current view visible, including for an invalid limit.\n  const limit = Number.isFinite(max) ? Math.max(1, Math.floor(max)) : 5;\n  const currentIndex = items.findIndex((item) => item.id === current);\n  const visible = (size: number) => {\n    const indices = items.slice(0, size).map((_, index) => index);\n    if (currentIndex >= size) indices[indices.length - 1] = currentIndex;\n    return indices;\n  };\n  const wide = visible(limit);\n  const compact = visible(Math.min(limit, 3));\n  return { wide, compact, wideHidden: items.length - wide.length, compactHidden: items.length - compact.length };\n}\n\n/** Self-contained: the server script embeds this before hydration. */\nfunction settleViewTabs(list: Element | null, edges: (element: HTMLElement) => string | undefined, focused?: HTMLElement) {\n  if (!(list instanceof HTMLElement)) return;\n  const current = focused ?? list.querySelector(\".k2b-view-tabs__tab[aria-current=page]\");\n  if (current && current.getClientRects().length > 0 && list.scrollWidth - list.clientWidth > 1) {\n    const bounds = list.getBoundingClientRect();\n    const item = current.getBoundingClientRect();\n    const fade = edges(list);\n    const style = getComputedStyle(list);\n    const left = fade === \"top\" || fade === \"both\" ? parseFloat(style.scrollPaddingLeft) || 0 : 0;\n    const right = fade === \"bottom\" || fade === \"both\" ? parseFloat(style.scrollPaddingRight) || 0 : 0;\n    if (item.left < bounds.left + left || item.right > bounds.right - right) {\n      let offset = item.left - bounds.left - (bounds.width - item.width) / 2;\n      if (focused) {\n        // Reserve padding at the destination edge; native clamping drops it when that end is reached.\n        offset =\n          item.left < bounds.left + left\n            ? item.left - bounds.left - (parseFloat(style.scrollPaddingLeft) || 0)\n            : item.right - bounds.right + (parseFloat(style.scrollPaddingRight) || 0);\n      }\n      // Only the strip moves: scrollIntoView would also scroll the page. Instant keeps the first frame free of animation.\n      list.scrollTo({ left: list.scrollLeft + offset, behavior: \"instant\" });\n    }\n  }\n  const fade = edges(list);\n  if (fade) list.setAttribute(\"data-scroll-fade\", fade);\n  else list.removeAttribute(\"data-scroll-fade\");\n}\n\ntype WatchedViewTabs = HTMLElement & {\n  __k2bViewTabsWatch?: { resize: ResizeObserver; focus: (event: FocusEvent) => void; preferCurrent: boolean };\n};\n\n/** Also embedded, so it must not close over module state. */\nfunction watchViewTabs(list: WatchedViewTabs | null, settle: typeof settleViewTabs, edges: (element: HTMLElement) => string | undefined) {\n  if (!(list instanceof HTMLElement)) return;\n  // A DOM property survives hydration: one observer and focus listener per reused list.\n  let watch = list.__k2bViewTabsWatch;\n  if (!watch) {\n    const focus = (event: FocusEvent) => {\n      // Pointer focus must not move the target under the pointer.\n      if (watch && event.target instanceof HTMLElement && event.target.matches(\".k2b-view-tabs__tab:focus-visible\")) {\n        watch.preferCurrent = false;\n        settle(list, edges, event.target);\n      }\n    };\n    watch = {\n      resize: new ResizeObserver(() => {\n        const focused = document.activeElement;\n        if (\n          watch?.preferCurrent === false &&\n          focused instanceof HTMLElement &&\n          list.contains(focused) &&\n          focused.matches(\".k2b-view-tabs__tab:focus-visible\")\n        )\n          settle(list, edges, focused);\n        else settle(list, edges);\n      }),\n      focus,\n      preferCurrent: true,\n    };\n    Object.defineProperty(list, \"__k2bViewTabsWatch\", { value: watch, configurable: true });\n    list.addEventListener(\"focusin\", focus);\n  }\n  watch.preferCurrent = true;\n  const { resize } = watch;\n  resize.disconnect();\n  // Head actions parse after the views; settle again after their layout, before paint, and on later resizes.\n  resize.observe(list);\n  for (const child of Array.from(list.children)) resize.observe(child);\n  settle(list, edges);\n  return watch;\n}\nconst VIEW_TABS_SCRIPT = `(${watchViewTabs})(document.currentScript&&document.currentScript.previousElementSibling,${settleViewTabs},${scrollFadeEdges})`;\n\n/**\n * URL-backed object views. Every view is an ordinary document link, in the strip and under More, so reload, back,\n * and forward keep the view the URL names.\n */\nexport function ViewTabs(props: ViewTabsProps): JSX.Element {\n  const messages = useUiMessages();\n  const layout = createMemo(() => viewTabsLayout(props.items, props.current, props.max));\n  const stripItems = new Map<number, HTMLLIElement>();\n  let list: HTMLUListElement | undefined;\n  createScrollFade(\n    () => list,\n    () => true,\n  );\n  onMount(() => {\n    const watch = watchViewTabs(list ?? null, settleViewTabs, scrollFadeEdges);\n    onCleanup(() => {\n      watch?.resize.disconnect();\n      if (list && watch) {\n        list.removeEventListener(\"focusin\", watch.focus);\n        Reflect.deleteProperty(list, \"__k2bViewTabsWatch\");\n      }\n    });\n  });\n  // User effects run after Solid's render effects, including For and aria-current, in the same task.\n  createEffect(\n    on(\n      () => props.current,\n      () => watchViewTabs(list ?? null, settleViewTabs, scrollFadeEdges),\n      { defer: true },\n    ),\n  );\n  const [open, setOpen] = createSignal(false);\n  const [menuItems, setMenuItems] = createSignal<DropdownItem[]>([]);\n  const onOpenChange = (next: boolean) => {\n    if (next) {\n      setMenuItems(\n        props.items\n          .filter(\n            (item, index) =>\n              item.id !== props.current && (!layout().wide.includes(index) || stripItems.get(index)?.getClientRects().length === 0),\n          )\n          .map((item) => ({\n            href: item.href,\n            label: item.label,\n            icon: item.icon,\n            trailing: item.count !== undefined ? <span class=\"k2b-view-tabs__count\">{item.count}</span> : undefined,\n          })),\n      );\n    }\n    setOpen(next);\n  };\n  const tabContent = (item: ViewTab) => (\n    <>\n      <Show when={item.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <span class=\"k2b-view-tabs__label k2b-truncate-fade\">{item.label}</span>\n      <Show when={item.count !== undefined}>\n        <span class=\"k2b-view-tabs__count\">{item.count}</span>\n      </Show>\n    </>\n  );\n  return (\n    <nav class={`k2b-view-tabs ${props.class ?? \"\"}`} aria-label={props.label}>\n      <ul ref={list} class=\"k2b-view-tabs__list\" data-scroll-fade-mode=\"both\" data-scroll-fade-axis=\"horizontal\">\n        <For each={layout().wide}>\n          {(index) => {\n            const item = () => props.items[index]!;\n            onCleanup(() => stripItems.delete(index));\n            return (\n              <li\n                ref={(element) => stripItems.set(index, element)}\n                class=\"k2b-view-tabs__item\"\n                data-view-tab={item().id}\n                data-compact-hidden={!layout().compact.includes(index) ? \"\" : undefined}\n              >\n                <a class=\"k2b-view-tabs__tab\" href={item().href} aria-current={item().id === props.current ? \"page\" : undefined}>\n                  {tabContent(item())}\n                </a>\n              </li>\n            );\n          }}\n        </For>\n        <Show when={layout().compactHidden + layout().wideHidden > 0}>\n          <li class=\"k2b-view-tabs__more\" data-wide={layout().wideHidden > 0 ? \"\" : undefined}>\n            <Dropdown.Root items={menuItems()} open={open()} onOpenChange={onOpenChange} label={messages().moreViews}>\n              <Dropdown.Trigger appearance=\"plain\" class=\"k2b-view-tabs__tab k2b-view-tabs__more-trigger\" label={messages().moreViews}>\n                <span class=\"k2b-view-tabs__label\">{messages().more}</span>\n                <Show when={layout().wideHidden > 0}>\n                  <span class=\"k2b-view-tabs__more-count\" data-level=\"wide\">\n                    +{layout().wideHidden}\n                  </span>\n                </Show>\n                <Show when={layout().compactHidden > 0}>\n                  <span class=\"k2b-view-tabs__more-count\" data-level=\"compact\">\n                    +{layout().compactHidden}\n                  </span>\n                </Show>\n                <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n              </Dropdown.Trigger>\n            </Dropdown.Root>\n          </li>\n        </Show>\n      </ul>\n      <script innerHTML={VIEW_TABS_SCRIPT} />\n    </nav>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/ViewTabs.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, on, onCleanup, onMount, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { createScrollFade, scrollFadeEdges } from \"../layout/scroll-fade\";\nimport Dropdown, { type DropdownItem } from \"./Dropdown\";\n\nexport type ViewTab = { id: string; label: string; href: string; icon?: string; count?: number | string };\nexport type ViewTabsProps = {\n  /** Accessible name of the navigation landmark, e.g. \"Views\". */\n  label: string;\n  items: readonly ViewTab[];\n  /** Id of the open view; the server reads it from `?view=`. Unknown ids select nothing. */\n  current: string | undefined;\n  /** Tabs shown before More (default 5). */\n  max?: number;\n  class?: string;\n};\n\n/** Two deterministic strip levels; only opening the menu reads CSS visibility. */\nexport function viewTabsLayout(items: readonly ViewTab[], current: string | undefined, max = 5) {\n  // At least one slot keeps the current view visible, including for an invalid limit.\n  const limit = Number.isFinite(max) ? Math.max(1, Math.floor(max)) : 5;\n  const currentIndex = items.findIndex((item) => item.id === current);\n  const visible = (size: number) => {\n    const indices = items.slice(0, size).map((_, index) => index);\n    if (currentIndex >= size) indices[indices.length - 1] = currentIndex;\n    return indices;\n  };\n  const wide = visible(limit);\n  const compact = visible(Math.min(limit, 3));\n  return { wide, compact, wideHidden: items.length - wide.length, compactHidden: items.length - compact.length };\n}\n\n/** Self-contained: the server script embeds this before hydration. */\nfunction settleViewTabs(list: Element | null, edges: (element: HTMLElement) => string | undefined, focused?: HTMLElement) {\n  if (!(list instanceof HTMLElement)) return;\n  const current = focused ?? list.querySelector(\".k2b-view-tabs__tab[aria-current=page]\");\n  if (current && current.getClientRects().length > 0 && list.scrollWidth - list.clientWidth > 1) {\n    const bounds = list.getBoundingClientRect();\n    const item = current.getBoundingClientRect();\n    const fade = edges(list);\n    const style = getComputedStyle(list);\n    const left = fade === \"top\" || fade === \"both\" ? parseFloat(style.scrollPaddingLeft) || 0 : 0;\n    const right = fade === \"bottom\" || fade === \"both\" ? parseFloat(style.scrollPaddingRight) || 0 : 0;\n    if (item.left < bounds.left + left || item.right > bounds.right - right) {\n      let offset = item.left - bounds.left - (bounds.width - item.width) / 2;\n      if (focused) {\n        // Reserve padding at the destination edge; native clamping drops it when that end is reached.\n        offset =\n          item.left < bounds.left + left\n            ? item.left - bounds.left - (parseFloat(style.scrollPaddingLeft) || 0)\n            : item.right - bounds.right + (parseFloat(style.scrollPaddingRight) || 0);\n      }\n      // Only the strip moves: scrollIntoView would also scroll the page. Instant keeps the first frame free of animation.\n      list.scrollTo({ left: list.scrollLeft + offset, behavior: \"instant\" });\n    }\n  }\n  const fade = edges(list);\n  if (fade) list.setAttribute(\"data-scroll-fade\", fade);\n  else list.removeAttribute(\"data-scroll-fade\");\n}\n\ntype WatchedViewTabs = HTMLElement & {\n  __k2bViewTabsWatch?: { resize: ResizeObserver; focus: (event: FocusEvent) => void; preferCurrent: boolean };\n};\n\n/** Also embedded, so it must not close over module state. */\nfunction watchViewTabs(list: WatchedViewTabs | null, settle: typeof settleViewTabs, edges: (element: HTMLElement) => string | undefined) {\n  if (!(list instanceof HTMLElement)) return;\n  // A DOM property survives hydration: one observer and focus listener per reused list.\n  let watch = list.__k2bViewTabsWatch;\n  if (!watch) {\n    const focus = (event: FocusEvent) => {\n      // Pointer focus must not move the target under the pointer.\n      if (watch && event.target instanceof HTMLElement && event.target.matches(\".k2b-view-tabs__tab:focus-visible\")) {\n        watch.preferCurrent = false;\n        settle(list, edges, event.target);\n      }\n    };\n    watch = {\n      resize: new ResizeObserver(() => {\n        const focused = document.activeElement;\n        if (\n          watch?.preferCurrent === false &&\n          focused instanceof HTMLElement &&\n          list.contains(focused) &&\n          focused.matches(\".k2b-view-tabs__tab:focus-visible\")\n        )\n          settle(list, edges, focused);\n        else settle(list, edges);\n      }),\n      focus,\n      preferCurrent: true,\n    };\n    Object.defineProperty(list, \"__k2bViewTabsWatch\", { value: watch, configurable: true });\n    list.addEventListener(\"focusin\", focus);\n  }\n  watch.preferCurrent = true;\n  const { resize } = watch;\n  resize.disconnect();\n  // Head actions parse after the views; settle again after their layout, before paint, and on later resizes.\n  resize.observe(list);\n  for (const child of Array.from(list.children)) resize.observe(child);\n  settle(list, edges);\n  return watch;\n}\nconst VIEW_TABS_SCRIPT = `(${watchViewTabs})(document.currentScript&&document.currentScript.previousElementSibling,${settleViewTabs},${scrollFadeEdges})`;\n\n/**\n * URL-backed object views. Every view is an ordinary document link, in the strip and under More, so reload, back,\n * and forward keep the view the URL names.\n */\nexport function ViewTabs(props: ViewTabsProps): JSX.Element {\n  const messages = useUiMessages();\n  const layout = createMemo(() => viewTabsLayout(props.items, props.current, props.max));\n  const stripItems = new Map<number, HTMLLIElement>();\n  let list: HTMLUListElement | undefined;\n  createScrollFade(\n    () => list,\n    () => true,\n  );\n  onMount(() => {\n    const watch = watchViewTabs(list ?? null, settleViewTabs, scrollFadeEdges);\n    let disposed = false;\n    // Later mount effects can invalidate WebKit's scroll layout after this\n    // initial settle. Finish once the mount task is complete, before its first\n    // frame; ResizeObserver alone runs too late for that frame.\n    queueMicrotask(() => {\n      if (!disposed && watch?.preferCurrent) settleViewTabs(list ?? null, scrollFadeEdges);\n    });\n    onCleanup(() => {\n      disposed = true;\n      watch?.resize.disconnect();\n      if (list && watch) {\n        list.removeEventListener(\"focusin\", watch.focus);\n        Reflect.deleteProperty(list, \"__k2bViewTabsWatch\");\n      }\n    });\n  });\n  // User effects run after Solid's render effects, including For and aria-current, in the same task.\n  createEffect(\n    on(\n      () => props.current,\n      () => watchViewTabs(list ?? null, settleViewTabs, scrollFadeEdges),\n      { defer: true },\n    ),\n  );\n  const [open, setOpen] = createSignal(false);\n  const [menuItems, setMenuItems] = createSignal<DropdownItem[]>([]);\n  const onOpenChange = (next: boolean) => {\n    if (next) {\n      setMenuItems(\n        props.items\n          .filter(\n            (item, index) =>\n              item.id !== props.current && (!layout().wide.includes(index) || stripItems.get(index)?.getClientRects().length === 0),\n          )\n          .map((item) => ({\n            href: item.href,\n            label: item.label,\n            icon: item.icon,\n            trailing: item.count !== undefined ? <span class=\"k2b-view-tabs__count\">{item.count}</span> : undefined,\n          })),\n      );\n    }\n    setOpen(next);\n  };\n  const tabContent = (item: ViewTab) => (\n    <>\n      <Show when={item.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <span class=\"k2b-view-tabs__label k2b-truncate-fade\">{item.label}</span>\n      <Show when={item.count !== undefined}>\n        <span class=\"k2b-view-tabs__count\">{item.count}</span>\n      </Show>\n    </>\n  );\n  return (\n    <nav class={`k2b-view-tabs ${props.class ?? \"\"}`} aria-label={props.label}>\n      <ul ref={list} class=\"k2b-view-tabs__list\" data-scroll-fade-mode=\"both\" data-scroll-fade-axis=\"horizontal\">\n        <For each={layout().wide}>\n          {(index) => {\n            const item = () => props.items[index]!;\n            onCleanup(() => stripItems.delete(index));\n            return (\n              <li\n                ref={(element) => stripItems.set(index, element)}\n                class=\"k2b-view-tabs__item\"\n                data-view-tab={item().id}\n                data-compact-hidden={!layout().compact.includes(index) ? \"\" : undefined}\n              >\n                <a class=\"k2b-view-tabs__tab\" href={item().href} aria-current={item().id === props.current ? \"page\" : undefined}>\n                  {tabContent(item())}\n                </a>\n              </li>\n            );\n          }}\n        </For>\n        <Show when={layout().compactHidden + layout().wideHidden > 0}>\n          <li class=\"k2b-view-tabs__more\" data-wide={layout().wideHidden > 0 ? \"\" : undefined}>\n            <Dropdown.Root items={menuItems()} open={open()} onOpenChange={onOpenChange} label={messages().moreViews}>\n              <Dropdown.Trigger appearance=\"plain\" class=\"k2b-view-tabs__tab k2b-view-tabs__more-trigger\" label={messages().moreViews}>\n                <span class=\"k2b-view-tabs__label\">{messages().more}</span>\n                <Show when={layout().wideHidden > 0}>\n                  <span class=\"k2b-view-tabs__more-count\" data-level=\"wide\">\n                    +{layout().wideHidden}\n                  </span>\n                </Show>\n                <Show when={layout().compactHidden > 0}>\n                  <span class=\"k2b-view-tabs__more-count\" data-level=\"compact\">\n                    +{layout().compactHidden}\n                  </span>\n                </Show>\n                <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n              </Dropdown.Trigger>\n            </Dropdown.Root>\n          </li>\n        </Show>\n      </ul>\n      <script innerHTML={VIEW_TABS_SCRIPT} />\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,EAAY,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,QAAQ,UAAU;AAC9G,SAAS,aAAa,QAAQ,kBAAkB;AAChD,SAAS,gBAAgB,EAAE,eAAe,QAAQ,uBAAuB;AACzE,OAAO,QAAQ,MAA6B,YAAY;AAcxD;AACA,OAAO,SAAS,cAAc,CAAC,KAAyB,EAAE,OAA2B,EAAE,GAAG,GAAG,CAAC,EAAE;EAC9F;EACA,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;EACrE,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAE,IAAI,IAAK,IAAI,CAAC,EAAE,KAAK,OAAO,CAAC;EACnE,MAAM,OAAO,GAAI,IAAY,IAAK;IAChC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC;IAC7D,IAAI,YAAY,IAAI,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,YAAY;IACpE,OAAO,OAAO;EAChB,CAAC;EACD,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC;EAC3B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;EAC3C,OAAO;IAAE,IAAI;IAAE,OAAO;IAAE,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;IAAE,aAAa,EAAE,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;EAAO,CAAC;AAChH;;AAEA;AACA,SAAS,cAAc,CAAC,IAAoB,EAAE,KAAmD,EAAE,OAAqB,EAAE;EACxH,IAAI,EAAE,IAAI,YAAY,WAAW,CAAC,EAAE;EACpC,MAAM,OAAO,GAAG,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,wCAAwC,CAAC;EACvF,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;IAC7F,MAAM,MAAM,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC;IACpC,MAAM,IAAI,GAAG,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC;IAC7F,MAAM,KAAK,GAAG,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC;IAClG,IAAI,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,EAAE;MACvE,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;MACtE,IAAI,OAAO,EAAE;QACX;QACA,MAAM,GACJ,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,GAC1B,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,GACpE,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;MAC/E;MACA;MACA,IAAI,CAAC,QAAQ,CAAC;QAAE,IAAI,EAAE,IAAI,CAAC,UAAU,GAAG,MAAM;QAAE,QAAQ,EAAE;MAAU,CAAC,CAAC;IACxE;EACF;EACA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;EACxB,IAAI,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,KACjD,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC;AAC/C;AAMA;AACA,SAAS,aAAa,CAAC,IAA4B,EAAE,MAA6B,EAAE,KAAmD,EAAE;EACvI,IAAI,EAAE,IAAI,YAAY,WAAW,CAAC,EAAE;EACpC;EACA,IAAI,KAAK,GAAG,IAAI,CAAC,kBAAkB;EACnC,IAAI,CAAC,KAAK,EAAE;IACV,MAAM,KAAK,GAAI,KAAiB,IAAK;MACnC;MACA,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,mCAAmC,CAAC,EAAE;QAC7G,KAAK,CAAC,aAAa,GAAG,KAAK;QAC3B,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC;MACnC;IACF,CAAC;IACD,KAAK,GAAG;MACN,MAAM,EAAE,IAAI,cAAc,CAAC,MAAM;QAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa;QACtC,IACE,KAAK,EAAE,aAAa,KAAK,KAAK,IAC9B,OAAO,YAAY,WAAW,IAC9B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IACtB,OAAO,CAAC,OAAO,CAAC,mCAAmC,CAAC,EAEpD,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,KAC1B,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC;MAC1B,CAAC,CAAC;MACF,KAAK;MACL,aAAa,EAAE;IACjB,CAAC;IACD,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,oBAAoB,EAAE;MAAE,KAAK,EAAE,KAAK;MAAE,YAAY,EAAE;IAAK,CAAC,CAAC;IACvF,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC;EACzC;EACA,KAAK,CAAC,aAAa,GAAG,IAAI;EAC1B,MAAM;IAAE;EAAO,CAAC,GAAG,KAAK;EACxB,MAAM,CAAC,UAAU,CAAC,CAAC;EACnB;EACA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;EACpB,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;EACpE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC;EACnB,OAAO,KAAK;AACd;AACA,MAAM,gBAAgB,GAAG,IAAI,aAAa,2EAA2E,cAAc,IAAI,eAAe,GAAG;;AAEzJ;AACA;AACA;AACA;AACA,OAAO,SAAS,QAAQ,CAAC,KAAoB,EAAe;EAC1D,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,cAAc,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;EACtF,MAAM,UAAU,GAAG,IAAI,GAAG,CAAwB,CAAC;EACnD,IAAI,IAAkC;EACtC,gBAAgB,CACd,MAAM,IAAI,EACV,MAAM,IACR,CAAC;EACD,OAAO,CAAC,MAAM;IACZ,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,IAAI,IAAI,EAAE,cAAc,EAAE,eAAe,CAAC;IAC1E,IAAI,QAAQ,GAAG,KAAK;IACpB;IACA;IACA;IACA,cAAc,CAAC,MAAM;MACnB,IAAI,CAAC,QAAQ,IAAI,KAAK,EAAE,aAAa,EAAE,cAAc,CAAC,IAAI,IAAI,IAAI,EAAE,eAAe,CAAC;IACtF,CAAC,CAAC;IACF,SAAS,CAAC,MAAM;MACd,QAAQ,GAAG,IAAI;MACf,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;MAC1B,IAAI,IAAI,IAAI,KAAK,EAAE;QACjB,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;QAChD,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,oBAAoB,CAAC;MACpD;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EACF;EACA,YAAY,CACV,EAAE,CACA,MAAM,KAAK,CAAC,OAAO,EACnB,MAAM,aAAa,CAAC,IAAI,IAAI,IAAI,EAAE,cAAc,EAAE,eAAe,CAAC,EAClE;IAAE,KAAK,EAAE;EAAK,CAChB,CACF,CAAC;EACD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EAC3C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,YAAY,CAAiB,EAAE,CAAC;EAClE,MAAM,YAAY,GAAI,IAAa,IAAK;IACtC,IAAI,IAAI,EAAE;MACR,YAAY,CACV,KAAK,CAAC,KAAK,CACR,MAAM,CACL,CAAC,IAAI,EAAE,KAAK,KACV,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CACxH,CAAC,CACA,GAAG,CAAE,IAAI,KAAM;QACd,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS,0BAAuC,IAAI,CAAC,KAAK,KAAW;MAChG,CAAC,CAAC,CACN,CAAC;IACH;IACA,OAAO,CAAC,IAAI,CAAC;EACf,CAAC;EACD,MAAM,UAAU,GAAI,IAAa,uBAE5B,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,IAAI,CAAC,IAAI;IAAA;IAAA,UAAI,IAAI,oDAAe,IAAI,CAAC,CAAC;EAAuB,4BACnB,IAAI,CAAC,KAAK,sBAC/D,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,IAAI,CAAC,KAAK,KAAK,SAAS;IAAA;IAAA;MAAA,8BACE,IAAI,CAAC,KAAK;IAAA;EAAA,GAGnD;EACD,sBACc,0BAAiB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,wCAAc,KAAK,CAAC,KAAK,4CAEpE,GAAG;IAAA,IAAC,IAAI;MAAA,OAAE,MAAM,CAAC,CAAC,CAAC,IAAI;IAAA;IAAA,UACpB,KAAK,IAAK;MACV,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,KAAK,CAAC,KAAK,CAAE;MACtC,SAAS,CAAC,MAAM,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;MACzC,+DAImB,IAAI,CAAC,CAAC,CAAC,EAAE,wDACH,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,YAAG,SAAS,iDAEnC,IAAI,CAAC,CAAC,CAAC,IAAI,iDAAgB,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,OAAO,GAAG,MAAM,YAAG,SAAS,0BAC5G,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IAI3B;EAAC,gCAEF,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,MAAM,CAAC,CAAC,CAAC,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC;IAAA;IAAA;MAAA,kDACf,MAAM,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,GAAG,EAAE,YAAG,SAAS,4CAChF,QAAQ,CAAC,IAAI;QAAA,IAAC,KAAK;UAAA,OAAE,SAAS,CAAC,CAAC;QAAA;QAAA,IAAE,IAAI;UAAA,OAAE,IAAI,CAAC,CAAC;QAAA;QAAE,YAAY,EAAE,YAAY;QAAA,IAAE,KAAK;UAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,SAAS;QAAA;QAAA;UAAA,yBACrG,QAAQ,CAAC,OAAO;YAAC,UAAU;YAAA;YAAA,IAAgE,KAAK;cAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,SAAS;YAAA;YAAA;cAAA,gCACjF,QAAQ,CAAC,CAAC,CAAC,IAAI,sBAClD,IAAI;gBAAA,IAAC,IAAI;kBAAA,OAAE,MAAM,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC;gBAAA;gBAAA;kBAAA,+BAE7B,MAAM,CAAC,CAAC,CAAC,UAAU;gBAAA;cAAA,sBAGxB,IAAI;gBAAA,IAAC,IAAI;kBAAA,OAAE,MAAM,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC;gBAAA;gBAAA;kBAAA,+BAEhC,MAAM,CAAC,CAAC,CAAC,aAAa;gBAAA;cAAA;YAAA;UAAA;QAAA;MAAA;IAAA;EAAA,KASnB,gBAAgB;AAGzC","ignoreList":[]}

package/dist/ssr/chat/ChatDecision.js

@@ -61,6 +61,17 @@ export function ChatDecision(props) {
   const [answeredHere, setAnsweredHere] = createSignal(false);
   const [arrive, setArrive] = createSignal(false);
   let reopenedHere = false;
+  // A press on the sentence focuses it too; only a focus moved there from elsewhere, such as a jump, lights it up.
+  // The browser also focuses the sentence again when its window comes back; that is no arrival either.
+  let sentencePressed = false;
+  let sentenceHeldAcrossWindow = false;
+  const windowLeft = () => {
+    if (sentence && document.activeElement === sentence) sentenceHeldAcrossWindow = true;
+  };
+  onMount(() => {
+    window.addEventListener("blur", windowLeft);
+    onCleanup(() => window.removeEventListener("blur", windowLeft));
+  });
   // A press counts only while its action runs: a reopen from elsewhere later must not take the focus.
   const scope = {
     answered: answeredHere,

package/dist/ssr/chat/ChatDecision.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["chat/ChatDecision.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  type JSX,\n  on,\n  onCleanup,\n  onMount,\n  Show,\n  untrack,\n  useContext,\n} from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { Avatar } from \"../surfaces/Avatar\";\nimport { useChatMessages } from \"./chat-messages\";\nimport type {\n  ChatDecisionAnswer,\n  ChatDecisionReason,\n  ChatDecisionState,\n  ChatOutcomeLine,\n  ChatOutcomeTone,\n  ChatPreviewHeaderRow,\n  ChatPreviewPerson,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Decision\n// ---------------------------------------------------------------------------\n\nexport type ChatDecisionProps = {\n  /** `open` shows the question; every other state shows `outcome` in its place. */\n  state: ChatDecisionState;\n  /** The question as one sentence, usually with `ReferenceChip`s. */\n  sentence: JSX.Element;\n  /** Why this question is asked, in the platform's words. */\n  reason: ChatDecisionReason;\n  /** The thing itself, usually `Chat.Preview`. */\n  preview?: JSX.Element;\n  /** The main answer, named by verb and target (\"Send to Lea\"). `danger` for deletions, `primary` for requests. */\n  confirm: ChatDecisionAnswer & { variant?: \"ai\" | \"primary\" | \"danger\" };\n  /** The other answer (\"Don't send\"). */\n  decline: ChatDecisionAnswer;\n  /** An optional quiet third answer after the buttons, such as \"Yes, and don't ask again in this chat\". */\n  remember?: ChatDecisionAnswer;\n  /** Turns `confirm` and `remember` off; this reason replaces `reason` in the same place. */\n  unavailable?: ChatDecisionReason;\n  /** The result line shown in every state but `open`, usually `Chat.Outcome`. */\n  outcome?: JSX.Element;\n  /** Receives a rejected promise from an answer's `onSelect`. */\n  onAnswerError?: (error: unknown) => void;\n  anchorId?: string | number;\n  class?: string;\n};\n\n/** What an outcome inside a question needs from it: whether it was just answered here, and a link press inside it. */\nconst DecisionScope = createContext<{ answered: () => boolean; pressed: () => void; released: () => void }>();\n\nconst reasonIcon = (reason: ChatDecisionReason) => reason.icon ?? \"ti ti-info-circle\";\n\n/**\n * A question the person answers in the conversation: one sentence, why it is asked, the thing itself, and two answers.\n * An answer collapses it at once to its outcome line, which takes the focus and is announced.\n */\nexport function ChatDecision(props: ChatDecisionProps): JSX.Element {\n  const id = createUniqueId();\n  const sentenceId = `k2b-chat-decision-${id}-sentence`;\n  const reasonId = `k2b-chat-decision-${id}-reason`;\n  let root: HTMLDivElement | undefined;\n  let sentence: HTMLParagraphElement | undefined;\n  // An answer given here moves the focus to the outcome; a click in the outcome that reopens the question moves it\n  // back to the sentence. A state change from elsewhere moves no focus.\n  const [answeredHere, setAnsweredHere] = createSignal(false);\n  const [arrive, setArrive] = createSignal(false);\n  let reopenedHere = false;\n  // A press counts only while its action runs: a reopen from elsewhere later must not take the focus.\n  const scope = {\n    answered: answeredHere,\n    pressed: () => {\n      reopenedHere = true;\n    },\n    released: () => {\n      reopenedHere = false;\n    },\n  };\n\n  // Read once: an object literal from the host builds its JSX again on every read.\n  const reason = createMemo(() => props.unavailable ?? props.reason);\n  const open = () => props.state === \"open\";\n\n  const answer = (choice: ChatDecisionAnswer, enabled: boolean) => {\n    if (!enabled || !open() || answeredHere()) return;\n    setAnsweredHere(true);\n    try {\n      const result = choice.onSelect();\n      if (result instanceof Promise) result.catch((error: unknown) => props.onAnswerError?.(error));\n    } catch (error) {\n      props.onAnswerError?.(error);\n    }\n    // A host that keeps the question open (it could not take the answer) gets working buttons back.\n    queueMicrotask(() => {\n      if (open()) setAnsweredHere(false);\n    });\n  };\n\n  createEffect(\n    on(\n      () => props.state,\n      (state, previous) => {\n        if (state !== \"open\" && previous === \"open\" && answeredHere()) {\n          root?.querySelector<HTMLElement>(\".k2b-chat-outcome\")?.focus({ preventScroll: true });\n        }\n        if (state === \"open\" && previous !== undefined && previous !== \"open\") {\n          // A host that could not take an answer given here returns the question from `sending`; the outcome that held\n          // the focus is gone, so the focus goes back to the sentence instead of the page.\n          const active = document.activeElement;\n          const failedHere = answeredHere() && previous === \"sending\" && (!active || active === document.body);\n          setAnsweredHere(false);\n          if (reopenedHere || failedHere) {\n            sentence?.focus({ preventScroll: true });\n            setArrive(true);\n          }\n          // Handled. Until then the marker holds through states in between, such as `sending` while a reopen loads.\n          reopenedHere = false;\n        }\n      },\n    ),\n  );\n\n  return (\n    <div\n      ref={root}\n      class={`k2b-chat-decision ${props.class ?? \"\"}`}\n      data-state={props.state}\n      data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n    >\n      <Show when={open()} fallback={<DecisionScope.Provider value={scope}>{props.outcome}</DecisionScope.Provider>}>\n        <section class=\"k2b-chat-decision__card\" aria-labelledby={sentenceId} aria-describedby={reasonId}>\n          <p\n            ref={sentence}\n            id={sentenceId}\n            class=\"k2b-chat-decision__sentence\"\n            tabindex=\"-1\"\n            data-arrive={arrive() ? \"true\" : undefined}\n            onAnimationEnd={() => setArrive(false)}\n          >\n            {props.sentence}\n          </p>\n          <p id={reasonId} class=\"k2b-chat-line k2b-chat-decision__reason\" data-tone={reason().tone ?? \"neutral\"}>\n            <i class={`k2b-chat-line__icon ${reasonIcon(reason())}`} aria-hidden=\"true\" />\n            <span class=\"k2b-chat-line__text\">{reason().text}</span>\n          </p>\n          {props.preview}\n          <div class=\"k2b-chat-decision__answers\">\n            <Button\n              class=\"k2b-chat-decision__answer\"\n              wrap\n              variant={props.confirm.variant ?? \"ai\"}\n              disabled={Boolean(props.unavailable)}\n              onClick={() => answer(props.confirm, !props.unavailable)}\n            >\n              <Show when={props.confirm.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n              {props.confirm.label}\n            </Button>\n            <Button class=\"k2b-chat-decision__answer\" wrap variant=\"subtle\" onClick={() => answer(props.decline, true)}>\n              <Show when={props.decline.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n              {props.decline.label}\n            </Button>\n            <Show when={props.remember}>\n              {(remember) => (\n                <Button\n                  class=\"k2b-chat-decision__remember\"\n                  wrap\n                  variant=\"text\"\n                  disabled={Boolean(props.unavailable)}\n                  onClick={() => answer(remember(), !props.unavailable)}\n                >\n                  {remember().label}\n                </Button>\n              )}\n            </Show>\n          </div>\n        </section>\n      </Show>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Outcome\n// ---------------------------------------------------------------------------\n\nexport type ChatOutcomeProps = {\n  /**\n   * Every line one flow can show, such as running and done. All of them share one cell, so the line is as high as\n   * the longest and switching between them moves nothing.\n   */\n  lines: Readonly<Record<string, ChatOutcomeLine>>;\n  /** The key of the visible line. */\n  current: string;\n  /** Receives an error thrown or rejected by a line's `action`. */\n  onActionError?: (error: unknown) => void;\n  anchorId?: string | number;\n  class?: string;\n};\n\nconst OUTCOME_ICONS: Record<ChatOutcomeTone, string> = {\n  running: \"ti ti-loader-2 k2b-spin\",\n  done: \"ti ti-check\",\n  off: \"ti ti-circle-off\",\n  waiting: \"ti ti-clock\",\n  warning: \"ti ti-alert-triangle\",\n  error: \"ti ti-alert-circle\",\n};\n\n/** The visible words of a line, without what screen readers do not hear. */\nconst spokenText = (element: Element): string => {\n  const copy = element.cloneNode(true) as Element;\n  // Buttons under the line are controls, not part of what happened.\n  for (const hidden of copy.querySelectorAll('[aria-hidden=\"true\"], .k2b-chat-outcome__actions')) hidden.remove();\n  // The time and the link stand apart by margin only; spoken, they need a space.\n  for (const part of copy.querySelectorAll(\".k2b-chat-outcome__time, .k2b-chat-outcome__link\")) part.before(\" \");\n  return (copy.textContent ?? \"\").replace(/\\s+/g, \" \").trim();\n};\n\n/**\n * One line that says what happened: running, done, off, waiting, warning, or error. Changes are announced through a\n * polite live region; the line itself can take the focus.\n */\nexport function ChatOutcome(props: ChatOutcomeProps): JSX.Element {\n  const scope = useContext(DecisionScope);\n  // Only a line that replaces a question just answered here fades in; history renders final.\n  const entering = untrack(() => scope?.answered() ?? false);\n  const [live, setLive] = createSignal(\"\");\n  let root: HTMLDivElement | undefined;\n  let cell: HTMLDivElement | undefined;\n  let pending = false;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  // Read once: an object literal from the host builds its JSX again on every read.\n  const lines = createMemo(() => props.lines);\n  const line = () => lines()[props.current];\n  const tone = () => line()?.tone ?? \"off\";\n  const keys = () => {\n    const all = Object.keys(lines());\n    return all.includes(props.current) ? all : [props.current, ...all];\n  };\n\n  // Empty the region first, so the same words spoken again are a change too.\n  const announce = () => {\n    setLive(\"\");\n    if (timer) clearTimeout(timer);\n    timer = setTimeout(() => {\n      const current = cell?.querySelector('[data-current=\"true\"]');\n      setLive(current ? spokenText(current) : \"\");\n    }, 40);\n  };\n\n  onMount(() => {\n    if (untrack(() => scope?.answered())) announce();\n  });\n  createEffect(\n    on(\n      () => props.current,\n      () => {\n        // A link pressed in a line that is now hidden would leave the focus on an invisible button, which the browser\n        // then drops to the page. The line itself keeps it instead.\n        const active = document.activeElement;\n        const hidden = active && cell?.contains(active) && !active.closest('[data-current=\"true\"]');\n        if (hidden || (pending && active === document.body)) root?.focus({ preventScroll: true });\n        announce();\n      },\n      { defer: true },\n    ),\n  );\n  onCleanup(() => {\n    if (timer) clearTimeout(timer);\n  });\n\n  return (\n    <div\n      ref={root}\n      class={`k2b-chat-outcome ${props.class ?? \"\"}`}\n      data-tone={tone()}\n      data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n      data-enter={entering ? \"true\" : undefined}\n      tabindex=\"-1\"\n    >\n      <span class=\"k2b-chat-outcome__icon\" aria-hidden=\"true\">\n        <i class={line()?.icon ?? OUTCOME_ICONS[tone()]} />\n      </span>\n      {/* Busy is set on the words only: a live region inside a busy subtree would be held back. */}\n      <div ref={cell} class=\"k2b-chat-outcome__cell\" aria-busy={tone() === \"running\" ? \"true\" : undefined}>\n        <For each={keys()}>\n          {(key) => {\n            const entry = () => lines()[key];\n            const current = () => key === props.current;\n            return (\n              <Show when={entry()}>\n                {(item) => (\n                  <div\n                    class=\"k2b-chat-outcome__text\"\n                    data-current={current() ? \"true\" : undefined}\n                    aria-hidden={current() ? undefined : \"true\"}\n                  >\n                    {item().text}\n                    <Show when={item().detail}>\n                      {(detail) => (\n                        <>\n                          {\" \"}\n                          <span class=\"k2b-chat-outcome__detail\">{detail()}</span>\n                        </>\n                      )}\n                    </Show>\n                    <Show when={item().time}>{(time) => <span class=\"k2b-chat-outcome__time\">{time()}</span>}</Show>\n                    <Show when={item().action}>\n                      {(action) => (\n                        <Button\n                          class=\"k2b-chat-outcome__link\"\n                          wrap\n                          variant=\"text\"\n                          tabIndex={current() ? undefined : -1}\n                          onClick={() => {\n                            // A second press while the first is still running would repeat its work.\n                            if (pending) return;\n                            scope?.pressed();\n                            try {\n                              const result = action().onSelect();\n                              if (result instanceof Promise) {\n                                pending = true;\n                                result\n                                  .catch((error: unknown) => props.onActionError?.(error))\n                                  .finally(() => {\n                                    pending = false;\n                                    scope?.released();\n                                  });\n                                return;\n                              }\n                            } catch (error) {\n                              props.onActionError?.(error);\n                            }\n                            scope?.released();\n                          }}\n                        >\n                          {action().label}\n                        </Button>\n                      )}\n                    </Show>\n                    {/* Every line keeps its buttons, hidden with its text, so the cell also reserves their row. */}\n                    <Show when={item().actions}>{(actions) => <div class=\"k2b-chat-outcome__actions\">{actions()}</div>}</Show>\n                  </div>\n                )}\n              </Show>\n            );\n          }}\n        </For>\n      </div>\n      <span class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\">\n        {live()}\n      </span>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Preview\n// ---------------------------------------------------------------------------\n\nexport type ChatPreviewProps = { children: JSX.Element; class?: string };\n\n/** The thing a question is about, as calm text on the sentence's edge: no surface, no column. */\nfunction ChatPreviewRoot(props: ChatPreviewProps): JSX.Element {\n  return <div class={`k2b-chat-preview ${props.class ?? \"\"}`}>{props.children}</div>;\n}\n\nexport type ChatPreviewHeaderProps = {\n  /** One row per field, such as From, To, Cc, and Bcc; the label stands right before its value. */\n  rows: readonly ChatPreviewHeaderRow[];\n  /** A last line, such as when the message goes out. */\n  note?: JSX.Element;\n};\n\nconst PreviewPeople = (props: { people: readonly ChatPreviewPerson[] }) => (\n  <For each={props.people}>\n    {(person, index) => (\n      <>\n        {index() > 0 ? \", \" : \"\"}\n        <span class=\"k2b-chat-preview__person\">\n          <Show when={person.name}>{(name) => <b>{name()}</b>}</Show>\n          <Show when={person.address}>\n            {(address) => (\n              <span class=\"k2b-chat-preview__address\" data-alone={person.name ? undefined : \"true\"}>\n                {address()}\n              </span>\n            )}\n          </Show>\n        </span>\n      </>\n    )}\n  </For>\n);\n\nfunction ChatPreviewHeader(props: ChatPreviewHeaderProps): JSX.Element {\n  return (\n    <div class=\"k2b-chat-preview__header\">\n      <dl>\n        <For each={props.rows}>\n          {(row) => (\n            <div data-emphasis={row.emphasis ? \"true\" : undefined}>\n              <dt>{row.label}</dt>\n              <dd>\n                <Show when={row.people}>{(people) => <PreviewPeople people={people()} />}</Show>\n                {row.value}\n              </dd>\n            </div>\n          )}\n        </For>\n      </dl>\n      <Show when={props.note}>{(note) => <p>{note()}</p>}</Show>\n    </div>\n  );\n}\n\nexport type ChatPreviewTitleProps = { children: JSX.Element; meta?: JSX.Element };\n\n/** The thing's name in the text's own face, with optional quiet facts after it. */\nfunction ChatPreviewTitle(props: ChatPreviewTitleProps): JSX.Element {\n  return (\n    <p class=\"k2b-chat-preview__title-line\">\n      <span class=\"k2b-chat-preview__title\">{props.children}</span>\n      <Show when={props.meta}>\n        {(meta) => (\n          <>\n            {\" \"}\n            <span class=\"k2b-chat-preview__meta\">{meta()}</span>\n          </>\n        )}\n      </Show>\n    </p>\n  );\n}\n\n/** A rule or instruction as one sentence, such as what a routine does; chips and marks may stand inside. */\nfunction ChatPreviewSentence(props: { children: JSX.Element }): JSX.Element {\n  return <p class=\"k2b-chat-preview__sentence\">{props.children}</p>;\n}\n\nexport type ChatPreviewExcerptProps = {\n  children: JSX.Element;\n  /** Shows the whole text in place instead of the first lines, such as after `Chat.Preview.ShowAll`. */\n  expanded?: boolean;\n  id?: string;\n};\n\n/** The first lines of a longer text. It keeps its line breaks, shows about three lines, and fades out. */\nfunction ChatPreviewExcerpt(props: ChatPreviewExcerptProps): JSX.Element {\n  return (\n    <p\n      class=\"k2b-chat-preview__excerpt\"\n      id={props.id}\n      data-expanded={props.expanded ? \"true\" : undefined}\n      tabindex={props.expanded ? -1 : undefined}\n    >\n      {props.children}\n    </p>\n  );\n}\n\nexport type ChatPreviewShowAllProps = {\n  /** The id of the `Chat.Preview.Excerpt` this button opens. */\n  controls: string;\n  onShow: () => void;\n  children: JSX.Element;\n};\n\n/**\n * Shows the rest of an excerpt in place, for a text with no page of its own to open. It looks like `ReadMore`; the\n * caller removes it once the text is shown, and the focus moves to the text, so reading goes on where it was.\n */\nfunction ChatPreviewShowAll(props: ChatPreviewShowAllProps): JSX.Element {\n  const show = () => {\n    props.onShow();\n    queueMicrotask(() => document.getElementById(props.controls)?.focus({ preventScroll: true }));\n  };\n  return (\n    <button type=\"button\" class=\"k2b-chat-preview__more\" aria-controls={props.controls} aria-expanded=\"false\" onClick={show}>\n      {props.children}\n    </button>\n  );\n}\n\nexport type ChatPreviewReadMoreProps = {\n  href: string;\n  children: JSX.Element;\n  /** Tooltip, such as \"Opens exactly this version of the draft\". */\n  title?: string;\n};\n\n/** Opens the whole thing at exactly the version the question shows. */\nfunction ChatPreviewReadMore(props: ChatPreviewReadMoreProps): JSX.Element {\n  return (\n    <a class=\"k2b-chat-preview__more\" href={props.href} title={props.title}>\n      {props.children}\n    </a>\n  );\n}\n\nconst InList = createContext(false);\n\n/** A list of lines with a name, such as \"What the routine may do\". */\nfunction ChatPreviewLines(props: { label?: string; children: JSX.Element }): JSX.Element {\n  return (\n    <ul class=\"k2b-chat-preview__lines\" aria-label={props.label}>\n      <InList.Provider value={true}>{props.children}</InList.Provider>\n    </ul>\n  );\n}\n\nexport type ChatPreviewLineProps = {\n  /** Icon class; the text after it starts 1.5rem from the edge. */\n  icon: string;\n  /** Icon colour, such as the PDF colour of an attachment. */\n  accent?: string;\n  /** `muted` for limits and notes, `warning` for an application's own warning. */\n  tone?: \"default\" | \"muted\" | \"warning\";\n  /** Marks the whole line as new or removed. */\n  mark?: \"added\" | \"removed\";\n  /** Quiet facts after the text, such as a file size. */\n  meta?: JSX.Element;\n  children: JSX.Element;\n};\n\n/** One line led by an icon: a consequence, a right, an attachment, or a warning. */\nfunction ChatPreviewLine(props: ChatPreviewLineProps): JSX.Element {\n  const inList = useContext(InList);\n  const messages = useChatMessages();\n  const content = () => (\n    <>\n      <i class={`k2b-chat-line__icon ${props.icon}`} style={props.accent ? { color: props.accent } : undefined} aria-hidden=\"true\" />\n      <span class=\"k2b-chat-line__text\">\n        {/* One stable wrapper, so marking a line later never moves its mounted children. */}\n        <span class=\"k2b-chat-mark\" data-change={props.mark}>\n          <Show when={props.mark}>\n            {(mark) => <span class=\"k2b-sr-only\">{mark() === \"added\" ? messages().markAdded : messages().markRemoved} </span>}\n          </Show>\n          {props.children}\n        </span>\n        <Show when={props.meta}>\n          {(meta) => (\n            <>\n              {\" \"}\n              <span class=\"k2b-chat-preview__meta\">{meta()}</span>\n            </>\n          )}\n        </Show>\n      </span>\n    </>\n  );\n  const attributes = () => ({\n    class: \"k2b-chat-line k2b-chat-preview__line\",\n    \"data-tone\": props.tone && props.tone !== \"default\" ? props.tone : undefined,\n  });\n  return inList ? <li {...attributes()}>{content()}</li> : <p {...attributes()}>{content()}</p>;\n}\n\nexport type ChatPreviewPeopleProps = {\n  /** The first few people; their avatars overlap at the start of the line. */\n  people: readonly { name: string; src?: string | null }[];\n  /** The names as text, such as \"Lea Berg, Tom Weber and 3 others\". */\n  children: JSX.Element;\n};\n\nfunction ChatPreviewPeople(props: ChatPreviewPeopleProps): JSX.Element {\n  return (\n    <p class=\"k2b-chat-preview__people\">\n      <span class=\"k2b-chat-preview__faces\" aria-hidden=\"true\">\n        <For each={props.people}>{(person) => <Avatar name={person.name} src={person.src} size=\"xs\" />}</For>\n      </span>\n      <span>{props.children}</span>\n    </p>\n  );\n}\n\nexport const ChatPreview = Object.assign(ChatPreviewRoot, {\n  Header: ChatPreviewHeader,\n  Title: ChatPreviewTitle,\n  Sentence: ChatPreviewSentence,\n  Excerpt: ChatPreviewExcerpt,\n  ReadMore: ChatPreviewReadMore,\n  ShowAll: ChatPreviewShowAll,\n  Lines: ChatPreviewLines,\n  Line: ChatPreviewLine,\n  People: ChatPreviewPeople,\n});\n\n// ---------------------------------------------------------------------------\n// Mark\n// ---------------------------------------------------------------------------\n\nexport type ChatMarkProps = { change: \"added\" | \"removed\"; children: JSX.Element };\n\n/** Marks new or removed words; screen readers hear \"new:\" or \"removed:\" first. */\nexport function ChatMark(props: ChatMarkProps): JSX.Element {\n  const messages = useChatMessages();\n  return (\n    <Show\n      when={props.change === \"removed\"}\n      fallback={\n        <mark class=\"k2b-chat-mark\" data-change=\"added\">\n          <span class=\"k2b-sr-only\">{messages().markAdded} </span>\n          {props.children}\n        </mark>\n      }\n    >\n      <del class=\"k2b-chat-mark\" data-change=\"removed\">\n        <span class=\"k2b-sr-only\">{messages().markRemoved} </span>\n        {props.children}\n      </del>\n    </Show>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["chat/ChatDecision.tsx"],"sourcesContent":["import {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  type JSX,\n  on,\n  onCleanup,\n  onMount,\n  Show,\n  untrack,\n  useContext,\n} from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { Avatar } from \"../surfaces/Avatar\";\nimport { useChatMessages } from \"./chat-messages\";\nimport type {\n  ChatDecisionAnswer,\n  ChatDecisionReason,\n  ChatDecisionState,\n  ChatOutcomeLine,\n  ChatOutcomeTone,\n  ChatPreviewHeaderRow,\n  ChatPreviewPerson,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Decision\n// ---------------------------------------------------------------------------\n\nexport type ChatDecisionProps = {\n  /** `open` shows the question; every other state shows `outcome` in its place. */\n  state: ChatDecisionState;\n  /** The question as one sentence, usually with `ReferenceChip`s. */\n  sentence: JSX.Element;\n  /** Why this question is asked, in the platform's words. */\n  reason: ChatDecisionReason;\n  /** The thing itself, usually `Chat.Preview`. */\n  preview?: JSX.Element;\n  /** The main answer, named by verb and target (\"Send to Lea\"). `danger` for deletions, `primary` for requests. */\n  confirm: ChatDecisionAnswer & { variant?: \"ai\" | \"primary\" | \"danger\" };\n  /** The other answer (\"Don't send\"). */\n  decline: ChatDecisionAnswer;\n  /** An optional quiet third answer after the buttons, such as \"Yes, and don't ask again in this chat\". */\n  remember?: ChatDecisionAnswer;\n  /** Turns `confirm` and `remember` off; this reason replaces `reason` in the same place. */\n  unavailable?: ChatDecisionReason;\n  /** The result line shown in every state but `open`, usually `Chat.Outcome`. */\n  outcome?: JSX.Element;\n  /** Receives a rejected promise from an answer's `onSelect`. */\n  onAnswerError?: (error: unknown) => void;\n  anchorId?: string | number;\n  class?: string;\n};\n\n/** What an outcome inside a question needs from it: whether it was just answered here, and a link press inside it. */\nconst DecisionScope = createContext<{ answered: () => boolean; pressed: () => void; released: () => void }>();\n\nconst reasonIcon = (reason: ChatDecisionReason) => reason.icon ?? \"ti ti-info-circle\";\n\n/**\n * A question the person answers in the conversation: one sentence, why it is asked, the thing itself, and two answers.\n * An answer collapses it at once to its outcome line, which takes the focus and is announced.\n */\nexport function ChatDecision(props: ChatDecisionProps): JSX.Element {\n  const id = createUniqueId();\n  const sentenceId = `k2b-chat-decision-${id}-sentence`;\n  const reasonId = `k2b-chat-decision-${id}-reason`;\n  let root: HTMLDivElement | undefined;\n  let sentence: HTMLParagraphElement | undefined;\n  // An answer given here moves the focus to the outcome; a click in the outcome that reopens the question moves it\n  // back to the sentence. A state change from elsewhere moves no focus.\n  const [answeredHere, setAnsweredHere] = createSignal(false);\n  const [arrive, setArrive] = createSignal(false);\n  let reopenedHere = false;\n  // A press on the sentence focuses it too; only a focus moved there from elsewhere, such as a jump, lights it up.\n  // The browser also focuses the sentence again when its window comes back; that is no arrival either.\n  let sentencePressed = false;\n  let sentenceHeldAcrossWindow = false;\n  const windowLeft = () => {\n    if (sentence && document.activeElement === sentence) sentenceHeldAcrossWindow = true;\n  };\n  onMount(() => {\n    window.addEventListener(\"blur\", windowLeft);\n    onCleanup(() => window.removeEventListener(\"blur\", windowLeft));\n  });\n  // A press counts only while its action runs: a reopen from elsewhere later must not take the focus.\n  const scope = {\n    answered: answeredHere,\n    pressed: () => {\n      reopenedHere = true;\n    },\n    released: () => {\n      reopenedHere = false;\n    },\n  };\n\n  // Read once: an object literal from the host builds its JSX again on every read.\n  const reason = createMemo(() => props.unavailable ?? props.reason);\n  const open = () => props.state === \"open\";\n\n  const answer = (choice: ChatDecisionAnswer, enabled: boolean) => {\n    if (!enabled || !open() || answeredHere()) return;\n    setAnsweredHere(true);\n    try {\n      const result = choice.onSelect();\n      if (result instanceof Promise) result.catch((error: unknown) => props.onAnswerError?.(error));\n    } catch (error) {\n      props.onAnswerError?.(error);\n    }\n    // A host that keeps the question open (it could not take the answer) gets working buttons back.\n    queueMicrotask(() => {\n      if (open()) setAnsweredHere(false);\n    });\n  };\n\n  createEffect(\n    on(\n      () => props.state,\n      (state, previous) => {\n        if (state !== \"open\" && previous === \"open\" && answeredHere()) {\n          root?.querySelector<HTMLElement>(\".k2b-chat-outcome\")?.focus({ preventScroll: true });\n        }\n        if (state === \"open\" && previous !== undefined && previous !== \"open\") {\n          // A host that could not take an answer given here returns the question from `sending`; the outcome that held\n          // the focus is gone, so the focus goes back to the sentence instead of the page.\n          const active = document.activeElement;\n          const failedHere = answeredHere() && previous === \"sending\" && (!active || active === document.body);\n          setAnsweredHere(false);\n          if (reopenedHere || failedHere) {\n            sentence?.focus({ preventScroll: true });\n            setArrive(true);\n          }\n          // Handled. Until then the marker holds through states in between, such as `sending` while a reopen loads.\n          reopenedHere = false;\n        }\n      },\n    ),\n  );\n\n  return (\n    <div\n      ref={root}\n      class={`k2b-chat-decision ${props.class ?? \"\"}`}\n      data-state={props.state}\n      data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n    >\n      <Show when={open()} fallback={<DecisionScope.Provider value={scope}>{props.outcome}</DecisionScope.Provider>}>\n        <section class=\"k2b-chat-decision__card\" aria-labelledby={sentenceId} aria-describedby={reasonId}>\n          <p\n            ref={sentence}\n            id={sentenceId}\n            class=\"k2b-chat-decision__sentence\"\n            tabindex=\"-1\"\n            data-arrive={arrive() ? \"true\" : undefined}\n            onPointerDown={() => {\n              sentencePressed = true;\n            }}\n            onPointerUp={() => {\n              sentencePressed = false;\n            }}\n            onPointerCancel={() => {\n              sentencePressed = false;\n            }}\n            onFocus={() => {\n              if (!sentencePressed && !sentenceHeldAcrossWindow) setArrive(true);\n              sentencePressed = false;\n              sentenceHeldAcrossWindow = false;\n            }}\n            onAnimationEnd={() => setArrive(false)}\n          >\n            {props.sentence}\n          </p>\n          <p id={reasonId} class=\"k2b-chat-line k2b-chat-decision__reason\" data-tone={reason().tone ?? \"neutral\"}>\n            <i class={`k2b-chat-line__icon ${reasonIcon(reason())}`} aria-hidden=\"true\" />\n            <span class=\"k2b-chat-line__text\">{reason().text}</span>\n          </p>\n          {props.preview}\n          <div class=\"k2b-chat-decision__answers\">\n            <Button\n              class=\"k2b-chat-decision__answer\"\n              wrap\n              variant={props.confirm.variant ?? \"ai\"}\n              disabled={Boolean(props.unavailable)}\n              onClick={() => answer(props.confirm, !props.unavailable)}\n            >\n              <Show when={props.confirm.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n              {props.confirm.label}\n            </Button>\n            <Button class=\"k2b-chat-decision__answer\" wrap variant=\"subtle\" onClick={() => answer(props.decline, true)}>\n              <Show when={props.decline.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n              {props.decline.label}\n            </Button>\n            <Show when={props.remember}>\n              {(remember) => (\n                <Button\n                  class=\"k2b-chat-decision__remember\"\n                  wrap\n                  variant=\"text\"\n                  disabled={Boolean(props.unavailable)}\n                  onClick={() => answer(remember(), !props.unavailable)}\n                >\n                  {remember().label}\n                </Button>\n              )}\n            </Show>\n          </div>\n        </section>\n      </Show>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Outcome\n// ---------------------------------------------------------------------------\n\nexport type ChatOutcomeProps = {\n  /**\n   * Every line one flow can show, such as running and done. All of them share one cell, so the line is as high as\n   * the longest and switching between them moves nothing.\n   */\n  lines: Readonly<Record<string, ChatOutcomeLine>>;\n  /** The key of the visible line. */\n  current: string;\n  /** Receives an error thrown or rejected by a line's `action`. */\n  onActionError?: (error: unknown) => void;\n  anchorId?: string | number;\n  class?: string;\n};\n\nconst OUTCOME_ICONS: Record<ChatOutcomeTone, string> = {\n  running: \"ti ti-loader-2 k2b-spin\",\n  done: \"ti ti-check\",\n  off: \"ti ti-circle-off\",\n  waiting: \"ti ti-clock\",\n  warning: \"ti ti-alert-triangle\",\n  error: \"ti ti-alert-circle\",\n};\n\n/** The visible words of a line, without what screen readers do not hear. */\nconst spokenText = (element: Element): string => {\n  const copy = element.cloneNode(true) as Element;\n  // Buttons under the line are controls, not part of what happened.\n  for (const hidden of copy.querySelectorAll('[aria-hidden=\"true\"], .k2b-chat-outcome__actions')) hidden.remove();\n  // The time and the link stand apart by margin only; spoken, they need a space.\n  for (const part of copy.querySelectorAll(\".k2b-chat-outcome__time, .k2b-chat-outcome__link\")) part.before(\" \");\n  return (copy.textContent ?? \"\").replace(/\\s+/g, \" \").trim();\n};\n\n/**\n * One line that says what happened: running, done, off, waiting, warning, or error. Changes are announced through a\n * polite live region; the line itself can take the focus.\n */\nexport function ChatOutcome(props: ChatOutcomeProps): JSX.Element {\n  const scope = useContext(DecisionScope);\n  // Only a line that replaces a question just answered here fades in; history renders final.\n  const entering = untrack(() => scope?.answered() ?? false);\n  const [live, setLive] = createSignal(\"\");\n  let root: HTMLDivElement | undefined;\n  let cell: HTMLDivElement | undefined;\n  let pending = false;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  // Read once: an object literal from the host builds its JSX again on every read.\n  const lines = createMemo(() => props.lines);\n  const line = () => lines()[props.current];\n  const tone = () => line()?.tone ?? \"off\";\n  const keys = () => {\n    const all = Object.keys(lines());\n    return all.includes(props.current) ? all : [props.current, ...all];\n  };\n\n  // Empty the region first, so the same words spoken again are a change too.\n  const announce = () => {\n    setLive(\"\");\n    if (timer) clearTimeout(timer);\n    timer = setTimeout(() => {\n      const current = cell?.querySelector('[data-current=\"true\"]');\n      setLive(current ? spokenText(current) : \"\");\n    }, 40);\n  };\n\n  onMount(() => {\n    if (untrack(() => scope?.answered())) announce();\n  });\n  createEffect(\n    on(\n      () => props.current,\n      () => {\n        // A link pressed in a line that is now hidden would leave the focus on an invisible button, which the browser\n        // then drops to the page. The line itself keeps it instead.\n        const active = document.activeElement;\n        const hidden = active && cell?.contains(active) && !active.closest('[data-current=\"true\"]');\n        if (hidden || (pending && active === document.body)) root?.focus({ preventScroll: true });\n        announce();\n      },\n      { defer: true },\n    ),\n  );\n  onCleanup(() => {\n    if (timer) clearTimeout(timer);\n  });\n\n  return (\n    <div\n      ref={root}\n      class={`k2b-chat-outcome ${props.class ?? \"\"}`}\n      data-tone={tone()}\n      data-chat-anchor={props.anchorId !== undefined ? String(props.anchorId) : undefined}\n      data-enter={entering ? \"true\" : undefined}\n      tabindex=\"-1\"\n    >\n      <span class=\"k2b-chat-outcome__icon\" aria-hidden=\"true\">\n        <i class={line()?.icon ?? OUTCOME_ICONS[tone()]} />\n      </span>\n      {/* Busy is set on the words only: a live region inside a busy subtree would be held back. */}\n      <div ref={cell} class=\"k2b-chat-outcome__cell\" aria-busy={tone() === \"running\" ? \"true\" : undefined}>\n        <For each={keys()}>\n          {(key) => {\n            const entry = () => lines()[key];\n            const current = () => key === props.current;\n            return (\n              <Show when={entry()}>\n                {(item) => (\n                  <div\n                    class=\"k2b-chat-outcome__text\"\n                    data-current={current() ? \"true\" : undefined}\n                    aria-hidden={current() ? undefined : \"true\"}\n                  >\n                    {item().text}\n                    <Show when={item().detail}>\n                      {(detail) => (\n                        <>\n                          {\" \"}\n                          <span class=\"k2b-chat-outcome__detail\">{detail()}</span>\n                        </>\n                      )}\n                    </Show>\n                    <Show when={item().time}>{(time) => <span class=\"k2b-chat-outcome__time\">{time()}</span>}</Show>\n                    <Show when={item().action}>\n                      {(action) => (\n                        <Button\n                          class=\"k2b-chat-outcome__link\"\n                          wrap\n                          variant=\"text\"\n                          tabIndex={current() ? undefined : -1}\n                          onClick={() => {\n                            // A second press while the first is still running would repeat its work.\n                            if (pending) return;\n                            scope?.pressed();\n                            try {\n                              const result = action().onSelect();\n                              if (result instanceof Promise) {\n                                pending = true;\n                                result\n                                  .catch((error: unknown) => props.onActionError?.(error))\n                                  .finally(() => {\n                                    pending = false;\n                                    scope?.released();\n                                  });\n                                return;\n                              }\n                            } catch (error) {\n                              props.onActionError?.(error);\n                            }\n                            scope?.released();\n                          }}\n                        >\n                          {action().label}\n                        </Button>\n                      )}\n                    </Show>\n                    {/* Every line keeps its buttons, hidden with its text, so the cell also reserves their row. */}\n                    <Show when={item().actions}>{(actions) => <div class=\"k2b-chat-outcome__actions\">{actions()}</div>}</Show>\n                  </div>\n                )}\n              </Show>\n            );\n          }}\n        </For>\n      </div>\n      <span class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\">\n        {live()}\n      </span>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Preview\n// ---------------------------------------------------------------------------\n\nexport type ChatPreviewProps = { children: JSX.Element; class?: string };\n\n/** The thing a question is about, as calm text on the sentence's edge: no surface, no column. */\nfunction ChatPreviewRoot(props: ChatPreviewProps): JSX.Element {\n  return <div class={`k2b-chat-preview ${props.class ?? \"\"}`}>{props.children}</div>;\n}\n\nexport type ChatPreviewHeaderProps = {\n  /** One row per field, such as From, To, Cc, and Bcc; the label stands right before its value. */\n  rows: readonly ChatPreviewHeaderRow[];\n  /** A last line, such as when the message goes out. */\n  note?: JSX.Element;\n};\n\nconst PreviewPeople = (props: { people: readonly ChatPreviewPerson[] }) => (\n  <For each={props.people}>\n    {(person, index) => (\n      <>\n        {index() > 0 ? \", \" : \"\"}\n        <span class=\"k2b-chat-preview__person\">\n          <Show when={person.name}>{(name) => <b>{name()}</b>}</Show>\n          <Show when={person.address}>\n            {(address) => (\n              <span class=\"k2b-chat-preview__address\" data-alone={person.name ? undefined : \"true\"}>\n                {address()}\n              </span>\n            )}\n          </Show>\n        </span>\n      </>\n    )}\n  </For>\n);\n\nfunction ChatPreviewHeader(props: ChatPreviewHeaderProps): JSX.Element {\n  return (\n    <div class=\"k2b-chat-preview__header\">\n      <dl>\n        <For each={props.rows}>\n          {(row) => (\n            <div data-emphasis={row.emphasis ? \"true\" : undefined}>\n              <dt>{row.label}</dt>\n              <dd>\n                <Show when={row.people}>{(people) => <PreviewPeople people={people()} />}</Show>\n                {row.value}\n              </dd>\n            </div>\n          )}\n        </For>\n      </dl>\n      <Show when={props.note}>{(note) => <p>{note()}</p>}</Show>\n    </div>\n  );\n}\n\nexport type ChatPreviewTitleProps = { children: JSX.Element; meta?: JSX.Element };\n\n/** The thing's name in the text's own face, with optional quiet facts after it. */\nfunction ChatPreviewTitle(props: ChatPreviewTitleProps): JSX.Element {\n  return (\n    <p class=\"k2b-chat-preview__title-line\">\n      <span class=\"k2b-chat-preview__title\">{props.children}</span>\n      <Show when={props.meta}>\n        {(meta) => (\n          <>\n            {\" \"}\n            <span class=\"k2b-chat-preview__meta\">{meta()}</span>\n          </>\n        )}\n      </Show>\n    </p>\n  );\n}\n\n/** A rule or instruction as one sentence, such as what a routine does; chips and marks may stand inside. */\nfunction ChatPreviewSentence(props: { children: JSX.Element }): JSX.Element {\n  return <p class=\"k2b-chat-preview__sentence\">{props.children}</p>;\n}\n\nexport type ChatPreviewExcerptProps = {\n  children: JSX.Element;\n  /** Shows the whole text in place instead of the first lines, such as after `Chat.Preview.ShowAll`. */\n  expanded?: boolean;\n  id?: string;\n};\n\n/** The first lines of a longer text. It keeps its line breaks, shows about three lines, and fades out. */\nfunction ChatPreviewExcerpt(props: ChatPreviewExcerptProps): JSX.Element {\n  return (\n    <p\n      class=\"k2b-chat-preview__excerpt\"\n      id={props.id}\n      data-expanded={props.expanded ? \"true\" : undefined}\n      tabindex={props.expanded ? -1 : undefined}\n    >\n      {props.children}\n    </p>\n  );\n}\n\nexport type ChatPreviewShowAllProps = {\n  /** The id of the `Chat.Preview.Excerpt` this button opens. */\n  controls: string;\n  onShow: () => void;\n  children: JSX.Element;\n};\n\n/**\n * Shows the rest of an excerpt in place, for a text with no page of its own to open. It looks like `ReadMore`; the\n * caller removes it once the text is shown, and the focus moves to the text, so reading goes on where it was.\n */\nfunction ChatPreviewShowAll(props: ChatPreviewShowAllProps): JSX.Element {\n  const show = () => {\n    props.onShow();\n    queueMicrotask(() => document.getElementById(props.controls)?.focus({ preventScroll: true }));\n  };\n  return (\n    <button type=\"button\" class=\"k2b-chat-preview__more\" aria-controls={props.controls} aria-expanded=\"false\" onClick={show}>\n      {props.children}\n    </button>\n  );\n}\n\nexport type ChatPreviewReadMoreProps = {\n  href: string;\n  children: JSX.Element;\n  /** Tooltip, such as \"Opens exactly this version of the draft\". */\n  title?: string;\n};\n\n/** Opens the whole thing at exactly the version the question shows. */\nfunction ChatPreviewReadMore(props: ChatPreviewReadMoreProps): JSX.Element {\n  return (\n    <a class=\"k2b-chat-preview__more\" href={props.href} title={props.title}>\n      {props.children}\n    </a>\n  );\n}\n\nconst InList = createContext(false);\n\n/** A list of lines with a name, such as \"What the routine may do\". */\nfunction ChatPreviewLines(props: { label?: string; children: JSX.Element }): JSX.Element {\n  return (\n    <ul class=\"k2b-chat-preview__lines\" aria-label={props.label}>\n      <InList.Provider value={true}>{props.children}</InList.Provider>\n    </ul>\n  );\n}\n\nexport type ChatPreviewLineProps = {\n  /** Icon class; the text after it starts 1.5rem from the edge. */\n  icon: string;\n  /** Icon colour, such as the PDF colour of an attachment. */\n  accent?: string;\n  /** `muted` for limits and notes, `warning` for an application's own warning. */\n  tone?: \"default\" | \"muted\" | \"warning\";\n  /** Marks the whole line as new or removed. */\n  mark?: \"added\" | \"removed\";\n  /** Quiet facts after the text, such as a file size. */\n  meta?: JSX.Element;\n  children: JSX.Element;\n};\n\n/** One line led by an icon: a consequence, a right, an attachment, or a warning. */\nfunction ChatPreviewLine(props: ChatPreviewLineProps): JSX.Element {\n  const inList = useContext(InList);\n  const messages = useChatMessages();\n  const content = () => (\n    <>\n      <i class={`k2b-chat-line__icon ${props.icon}`} style={props.accent ? { color: props.accent } : undefined} aria-hidden=\"true\" />\n      <span class=\"k2b-chat-line__text\">\n        {/* One stable wrapper, so marking a line later never moves its mounted children. */}\n        <span class=\"k2b-chat-mark\" data-change={props.mark}>\n          <Show when={props.mark}>\n            {(mark) => <span class=\"k2b-sr-only\">{mark() === \"added\" ? messages().markAdded : messages().markRemoved} </span>}\n          </Show>\n          {props.children}\n        </span>\n        <Show when={props.meta}>\n          {(meta) => (\n            <>\n              {\" \"}\n              <span class=\"k2b-chat-preview__meta\">{meta()}</span>\n            </>\n          )}\n        </Show>\n      </span>\n    </>\n  );\n  const attributes = () => ({\n    class: \"k2b-chat-line k2b-chat-preview__line\",\n    \"data-tone\": props.tone && props.tone !== \"default\" ? props.tone : undefined,\n  });\n  return inList ? <li {...attributes()}>{content()}</li> : <p {...attributes()}>{content()}</p>;\n}\n\nexport type ChatPreviewPeopleProps = {\n  /** The first few people; their avatars overlap at the start of the line. */\n  people: readonly { name: string; src?: string | null }[];\n  /** The names as text, such as \"Lea Berg, Tom Weber and 3 others\". */\n  children: JSX.Element;\n};\n\nfunction ChatPreviewPeople(props: ChatPreviewPeopleProps): JSX.Element {\n  return (\n    <p class=\"k2b-chat-preview__people\">\n      <span class=\"k2b-chat-preview__faces\" aria-hidden=\"true\">\n        <For each={props.people}>{(person) => <Avatar name={person.name} src={person.src} size=\"xs\" />}</For>\n      </span>\n      <span>{props.children}</span>\n    </p>\n  );\n}\n\nexport const ChatPreview = Object.assign(ChatPreviewRoot, {\n  Header: ChatPreviewHeader,\n  Title: ChatPreviewTitle,\n  Sentence: ChatPreviewSentence,\n  Excerpt: ChatPreviewExcerpt,\n  ReadMore: ChatPreviewReadMore,\n  ShowAll: ChatPreviewShowAll,\n  Lines: ChatPreviewLines,\n  Line: ChatPreviewLine,\n  People: ChatPreviewPeople,\n});\n\n// ---------------------------------------------------------------------------\n// Mark\n// ---------------------------------------------------------------------------\n\nexport type ChatMarkProps = { change: \"added\" | \"removed\"; children: JSX.Element };\n\n/** Marks new or removed words; screen readers hear \"new:\" or \"removed:\" first. */\nexport function ChatMark(props: ChatMarkProps): JSX.Element {\n  const messages = useChatMessages();\n  return (\n    <Show\n      when={props.change === \"removed\"}\n      fallback={\n        <mark class=\"k2b-chat-mark\" data-change=\"added\">\n          <span class=\"k2b-sr-only\">{messages().markAdded} </span>\n          {props.children}\n        </mark>\n      }\n    >\n      <del class=\"k2b-chat-mark\" data-change=\"removed\">\n        <span class=\"k2b-sr-only\">{messages().markRemoved} </span>\n        {props.children}\n      </del>\n    </Show>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/Chart.js

@@ -5,11 +5,13 @@ import { createComponent as _$createComponent } from "solid-js/web";
 import { ssr as _$ssr } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
 var _tmpl$ = ["<i class=\"", "\" aria-hidden=\"true\"></i>"],
-  _tmpl$2 = ["<div class=\"k2b-chart__controls\">", "", "", "</div>"],
-  _tmpl$3 = ["<div class=\"", "\"", " data-interactive=\"true\" style=\"", "\" role=\"group\"", " tabindex=\"0\"><div class=\"k2b-chart__svg\"", " style=\"", "\">", "</div><span class=\"k2b-chart__anchor\" aria-hidden=\"true\"></span><span", " role=\"tooltip\" popover=\"manual\" data-instant=\"true\" class=\"k2b-tooltip k2b-chart__tooltip\"></span>", "</div>"],
-  _tmpl$4 = ["<div class=\"", "\" style=\"", "\">", "</div>"];
+  _tmpl$2 = ["<div class=\"k2b-chart__legend\" role=\"group\"", " tabindex=\"0\">", "</div>"],
+  _tmpl$3 = ["<div class=\"k2b-chart__controls\">", "", "", "</div>"],
+  _tmpl$4 = ["<div class=\"", "\"", " data-interactive=\"true\" style=\"", "\" role=\"group\"", " tabindex=\"0\">", "<div class=\"k2b-chart__svg\"", " style=\"", "\">", "</div><span class=\"k2b-chart__anchor\" aria-hidden=\"true\"></span><span", " role=\"tooltip\" popover=\"manual\" data-instant=\"true\" class=\"k2b-tooltip k2b-chart__tooltip\"></span>", "</div>"],
+  _tmpl$5 = ["<div class=\"", "\" style=\"", "\">", "</div>"],
+  _tmpl$6 = ["<span class=\"k2b-chart__legend-item\"><svg class=\"", "\" viewBox=\"0 0 10 10\" width=\"10\" height=\"10\" aria-hidden=\"true\"><rect x=\"1\" y=\"1\" width=\"8\" height=\"8\" rx=\"2\" class=\"", "\"></rect></svg><span>", "</span></span>"];
 import { charts } from "@k2b/stdlib";
-import { createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, Show, splitProps, untrack } from "solid-js";
+import { createEffect, createMemo, createSignal, createUniqueId, For, onCleanup, onMount, Show, splitProps, untrack } from "solid-js";
 import { isServer } from "solid-js/web";
 import { IconButton } from "../actions/Button";
 import { suppressTextSelection } from "../internal/text-selection";
@@ -107,6 +109,7 @@ export const renderChartSvg = (props, width, height, mapViewport, timelineViewpo
     tooltip: _tooltip,
     cursor: _cursor,
     zoomFocus: _zoomFocus,
+    legendPlacement: _legendPlacement,
     ...opts
   } = props;
   if (kind === "stateTimeline") {
@@ -121,6 +124,9 @@ export const renderChartSvg = (props, width, height, mapViewport, timelineViewpo
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let svg = charts[kind]({
     ...opts,
+    ...(props.kind === "line" && props.legend && props.legendPlacement === "top-start" ? {
+      legend: false
+    } : {}),
     ...(kind === "map" ? {
       viewport: DEFAULT_MAP_VIEWPORT
     } : {}),
@@ -174,6 +180,8 @@ const Chart = props => {
     width: 480,
     height: chartRenderHeight(props)
   });
+  const topLegend = () => props.kind === "line" && props.legend === true && props.legendPlacement === "top-start";
+  const legendSeries = () => props.kind === "line" ? props.series : [];
   const dimensions = () => containerRef?.getBoundingClientRect() ?? size();
   const initialMapViewport = props.kind === "map" ? normalizeMapViewport(props.viewport) : DEFAULT_MAP_VIEWPORT;
   const [mapViewport, setMapViewport] = createSignal(initialMapViewport);
@@ -441,15 +449,27 @@ const Chart = props => {
       return !isEmpty(props);
     },
     get fallback() {
-      return _$ssr(_tmpl$4, `k2b-chart k2b-chart__empty ${_$escape(props.class ?? "", true)}`, _$ssrStyle(chartStyle()), _$escape(labels().empty ?? messages().noData));
+      return _$ssr(_tmpl$5, `k2b-chart k2b-chart__empty ${_$escape(props.class ?? "", true)}`, _$ssrStyle(chartStyle()), _$escape(labels().empty ?? messages().noData));
     },
     get children() {
-      return _$ssr(_tmpl$3, `k2b-chart ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-chart-kind", _$escape(props.kind, true), false) + _$ssrAttribute("data-drag", draggable() ? dragging() ? "active" : "idle" : _$escape(undefined, true), false) + _$ssrAttribute("data-crosshair", !draggable() && props.kind === "line" ? "true" : _$escape(undefined, true), false), _$ssrStyle(chartStyle()), _$ssrAttribute("aria-label", _$escape(accessibleName(), true), false) + _$ssrAttribute("aria-description", accessibleName() !== chartMessages().interactiveChart ? _$escape(chartMessages().interactiveChart, true) : _$escape(undefined, true), false), _$ssrAttribute("data-stretch", !preservesAspectRatio(props.kind) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-chart-width:", `${_$escape(size().width, true)}px`) + _$ssrStyleProperty(";--k2b-chart-height:", `${_$escape(size().height, true)}px`) + _$ssrStyleProperty(";aspect-ratio:", `${_$escape(size().width, true)} / ${_$escape(size().height, true)}`), isServer ? selectedChartSvg(svgMarkup(), props.selected) : svgMarkup(), _$ssrAttribute("id", _$escape(chartTooltipId, true), false), _$escape(_$createComponent(Show, {
+      return _$ssr(_tmpl$4, `k2b-chart ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-chart-kind", _$escape(props.kind, true), false) + _$ssrAttribute("data-legend-placement", topLegend() ? "top-start" : _$escape(undefined, true), false) + _$ssrAttribute("data-drag", draggable() ? dragging() ? "active" : "idle" : _$escape(undefined, true), false) + _$ssrAttribute("data-crosshair", !draggable() && props.kind === "line" ? "true" : _$escape(undefined, true), false), _$ssrStyle(chartStyle()), _$ssrAttribute("aria-label", _$escape(accessibleName(), true), false) + _$ssrAttribute("aria-description", accessibleName() !== chartMessages().interactiveChart ? _$escape(chartMessages().interactiveChart, true) : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
+        get when() {
+          return topLegend();
+        },
+        get children() {
+          return _$ssr(_tmpl$2, _$ssrAttribute("aria-label", _$escape(chartMessages().chartLegend, true), false), _$escape(_$createComponent(For, {
+            get each() {
+              return legendSeries();
+            },
+            children: (series, index) => _$ssr(_tmpl$6, `stdlib-chart k2b-chart__legend-swatch ${props.kind === "line" ? _$escape(props.className ?? "", true) : ""}`, `stdlib-chart-series-${_$escape(index(), true) % 8}`, series.label && series.label.length > 0 ? _$escape(series.label) : `Series ${_$escape(index()) + 1}`)
+          })));
+        }
+      })), _$ssrAttribute("data-stretch", !preservesAspectRatio(props.kind) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-chart-width:", `${_$escape(size().width, true)}px`) + _$ssrStyleProperty(";--k2b-chart-height:", `${_$escape(size().height, true)}px`) + _$ssrStyleProperty(";aspect-ratio:", `${_$escape(size().width, true)} / ${_$escape(size().height, true)}`), isServer ? selectedChartSvg(svgMarkup(), props.selected) : svgMarkup(), _$ssrAttribute("id", _$escape(chartTooltipId, true), false), _$escape(_$createComponent(Show, {
         get when() {
           return draggable();
         },
         get children() {
-          return _$ssr(_tmpl$2, _$escape(control(labels().zoomIn ?? viewportMessages().zoomIn, "+", "ti-plus", () => zoom(1))), _$escape(control(labels().zoomOut ?? viewportMessages().zoomOut, "-", "ti-minus", () => zoom(-1))), _$escape(control(interactiveMap() ? labels().resetMap ?? chartMessages().resetMapView : labels().resetTimeline ?? chartMessages().resetTimelineView, "0", "ti-focus-centered", reset)));
+          return _$ssr(_tmpl$3, _$escape(control(labels().zoomIn ?? viewportMessages().zoomIn, "+", "ti-plus", () => zoom(1))), _$escape(control(labels().zoomOut ?? viewportMessages().zoomOut, "-", "ti-minus", () => zoom(-1))), _$escape(control(interactiveMap() ? labels().resetMap ?? chartMessages().resetMapView : labels().resetTimeline ?? chartMessages().resetTimelineView, "0", "ti-focus-centered", reset)));
         }
       })));
     }

package/dist/ssr/content/Chart.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/Chart.tsx"],"sourcesContent":["import type { MapViewport } from \"@k2b/stdlib\";\nimport { charts } from \"@k2b/stdlib\";\nimport type { JSX } from \"solid-js\";\nimport { createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, Show, splitProps, untrack } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { IconButton } from \"../actions/Button\";\nimport { suppressTextSelection } from \"../internal/text-selection\";\nimport { useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ChartCursor } from \"./chart-cursor\";\nimport { createChartInspection } from \"./chart-inspection\";\nimport {\n  type ChartDatumRef,\n  type ChartKind,\n  type ChartSelection,\n  type ChartTooltipFormatter,\n  closeChartInspectionOnOutside,\n} from \"./chart-inspection-core\";\nimport { lineGapsSvg } from \"./chart-line-gaps\";\nimport { DEFAULT_MAP_VIEWPORT, normalizeMapViewport, panMapViewport, zoomMapViewport } from \"./chart-map-viewport\";\nimport { useChartMessages } from \"./chart-messages\";\nimport {\n  panStateTimelineViewport,\n  renderStateTimelineSvg,\n  type StateTimelineChartOptions,\n  type StateTimelineDomain,\n  stateTimelineDomain,\n  stateTimelineHeight,\n  zoomStateTimelineViewport,\n} from \"./chart-state-timeline\";\nimport { responsiveChartSvg, responsiveMapSvg, selectedChartSvg } from \"./chart-svg\";\nimport { useViewportMessages } from \"./viewport-messages\";\n\n/**\n * Chart — minimal Solid wrapper around `stdlib.charts`.\n *\n * **Live-update story.** `charts.<kind>(opts)` returns an SVG string;\n * Solid's `innerHTML` is reactive, so any time a prop (signal, store\n * slice, derived value) changes, the SVG re-renders. No manual\n * subscription, no imperative DOM patching. Trade-off: every change\n * is a full SVG re-build, not a diff — fine for dashboard cadences\n * (poll, websocket, store updates). Don't use this for 60fps streaming.\n *\n * **Sizing.** The server and browser render the same logical viewBox. CSS\n * fits Cartesian plots to the container and preserves text/marker sizes;\n * maps fit the whole world and zoom uniformly across the full plot; pies, donuts and gauges retain\n * their aspect ratio. No measurement\n * or hydration redraw is needed. The caller sizes the wrapper, for example\n * `style={{ height: \"14rem\" }}`. State timelines derive their default height\n * from the row count and legend via `stateTimelineHeight()`.\n *\n * **Why so thin.** The props are a discriminated union over each\n * stdlib chart function — `kind: \"line\"` brings in exactly the params\n * `charts.line` expects, `kind: \"bar\"` brings in `charts.bar`'s, etc.\n * Options stay aligned with stdlib without renaming. Every chart provides\n * renderer-owned inspection, tooltips and optional selection by default.\n * `interactive` adds bounded pan / zoom and reset controls to maps and state timelines.\n * If stdlib gains a new option, it's automatically available at every\n * callsite.\n *\n * **Theming.** stdlib charts use `currentColor` for axes / ticks /\n * tick labels — set the wrapping element's `color` and everything\n * inherits. Series colors come from `--stdlib-chart-c1..c8` CSS\n * custom properties; override on the parent for per-chart palettes.\n *\n * ```tsx\n * <Chart kind=\"line\" style={{ height: \"12rem\" }}\n *        series={[{ data: points() }]}\n *        yAxis={{ format: v => `€${v}k` }} />\n *\n * <Chart kind=\"donut\" style={{ height: \"12rem\" }} data={slices()} />\n *\n * <Chart kind=\"sparkline\" style={{ width: \"6rem\", height: \"1.5rem\" }} data={trend()} />\n *\n * <Chart kind=\"map\" style={{ height: \"16rem\" }} series={locations()} interactive />\n * ```\n */\n\n/** All chart kinds shipped by `stdlib.charts`. */\nexport type { ChartKind } from \"./chart-inspection-core\";\n\nexport type ChartLabels = Partial<{\n  empty: string;\n  series: string;\n  interactiveMap: string;\n  interactiveTimeline: string;\n  interactiveLine: string;\n  interactiveChart: string;\n  zoomIn: string;\n  zoomOut: string;\n  resetMap: string;\n  resetTimeline: string;\n}>;\n\n/**\n * Per-kind props: `kind` discriminator + the exact options that\n * `charts.<kind>` accepts, **minus** `width` / `height` (the wrapper\n * owns those — CSS fits a stable coordinate space to the box). Solid's\n * component model handles discriminated unions natively, so callsites\n * get full type safety.\n */\nexport type ChartProps = {\n  [K in ChartKind]: {\n    kind: K;\n    class?: string;\n    style?: JSX.CSSProperties | string;\n    labels?: ChartLabels;\n    /**\n     * Navigation for maps and state timelines: pan, zoom and reset controls.\n     * Arrows pan; Alt+arrows inspect. Every chart shows tooltips and keyboard\n     * inspection without this prop.\n     */\n    interactive?: boolean;\n    onSelect?: (selection: ChartSelection) => void;\n    /** Controlled highlight; indices belong to this exact input snapshot. */\n    selected?: ChartDatumRef | null;\n    /** Customize the always-on tooltip with a title and labeled text rows. */\n    tooltip?: ChartTooltipFormatter;\n    /** Optional shared X cursor for line charts. */\n    cursor?: ChartCursor;\n  } & (K extends \"map\"\n    ? {\n        /** Target when zooming in from the world view. Defaults to Europe (50, 10). */\n        zoomFocus?: Pick<MapViewport, \"latitude\" | \"longitude\">;\n      }\n    : {}) &\n    (K extends \"line\" ? { /** Largest connected X distance; positive, finite, without area/errorBand fills. */ maxGap?: number } : {}) &\n    (K extends \"stateTimeline\" ? StateTimelineChartOptions : Omit<Parameters<(typeof charts)[K]>[0], \"width\" | \"height\" | \"inspect\">);\n}[ChartKind];\n\n/** Pure renderer options: component layout, events and inspection are configured elsewhere. */\nexport type ChartRenderOptions = {\n  [K in ChartKind]: Omit<\n    Extract<ChartProps, { kind: K }>,\n    \"class\" | \"style\" | \"labels\" | \"interactive\" | \"onSelect\" | \"selected\" | \"tooltip\" | \"cursor\"\n  >;\n}[ChartKind];\n\n/** Keep the fixed 28-unit bar-gauge rows inside the shared SSR/browser coordinate space. */\nexport const chartRenderHeight = (props: ChartRenderOptions): number => {\n  if (props.kind === \"stateTimeline\") return stateTimelineHeight(props.rows.length, props.legend !== false);\n  if (props.kind === \"barGauge\") return Math.max(280, (props.title || props.subtitle ? 42 : 16) + props.data.length * 28 + 14);\n  return 280;\n};\n\n/**\n * Internal — strips wrapper-only keys from props and forwards the\n * rest (plus logical size) to `charts[kind]`. The `any` is the\n * price for dispatching one function call across 14 different option\n * types; an explicit per-kind switch would type it but balloon the\n * component for no runtime benefit.\n */\nexport const renderChartSvg = (\n  props: ChartProps,\n  width: number,\n  height: number,\n  mapViewport?: MapViewport,\n  timelineViewport?: StateTimelineDomain,\n): string => {\n  const {\n    kind,\n    class: _class,\n    style: _style,\n    labels: _labels,\n    interactive: _interactive,\n    onSelect: _onSelect,\n    selected: _selected,\n    tooltip: _tooltip,\n    cursor: _cursor,\n    zoomFocus: _zoomFocus,\n    ...opts\n  } = props as ChartProps & { interactive?: boolean; zoomFocus?: Pick<MapViewport, \"latitude\" | \"longitude\"> };\n  if (kind === \"stateTimeline\") {\n    return responsiveChartSvg(\n      renderStateTimelineSvg({\n        ...(opts as StateTimelineChartOptions),\n        width,\n        height,\n        viewport: timelineViewport,\n        interactive: true,\n      }),\n    );\n  }\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let svg = (charts[kind] as (o: unknown) => string)({\n    ...(opts as any),\n    ...(kind === \"map\" ? { viewport: DEFAULT_MAP_VIEWPORT } : {}),\n    width,\n    height,\n    inspect: true,\n  });\n  if (props.kind === \"line\" && props.maxGap !== undefined) {\n    if (props.area || props.errorBand) throw new Error(\"Chart maxGap does not support area or errorBand fills\");\n    svg = lineGapsSvg(svg, props.maxGap, props);\n  }\n  if (props.kind === \"map\") return responsiveMapSvg(svg, width, height, normalizeMapViewport(mapViewport ?? props.viewport));\n  return preservesAspectRatio(kind) ? svg : responsiveChartSvg(svg);\n};\n\nconst preservesAspectRatio = (kind: ChartKind) => kind === \"map\" || kind === \"pie\" || kind === \"donut\" || kind === \"gauge\";\n\n/** Empty-data short-circuit. Kept per-kind because stdlib's payload\n *  key differs (series vs data vs groups). We're conservative: only\n *  block on truly empty inputs; partially-filled series get rendered\n *  as-is and stdlib handles the gaps. */\nconst isEmpty = (props: ChartProps): boolean => {\n  if (props.kind === \"line\" || props.kind === \"scatter\") {\n    return !props.series?.length || props.series.every((s) => !s.data.length);\n  }\n  if (props.kind === \"bar\" || props.kind === \"donut\" || props.kind === \"pie\") {\n    return !props.data?.length;\n  }\n  if (props.kind === \"histogram\" || props.kind === \"sparkline\") {\n    return !props.data?.length;\n  }\n  if (props.kind === \"boxplot\") {\n    return !props.groups?.length;\n  }\n  if (props.kind === \"stateTimeline\") {\n    return !props.rows?.length || props.rows.every((row) => !row.intervals.length);\n  }\n  return false;\n};\n\nconst Chart = (props: ChartProps): JSX.Element => {\n  const [, drawingProps] = splitProps(props, [\"selected\", \"onSelect\", \"tooltip\", \"cursor\"]);\n  const messages = useUiMessages();\n  const chartMessages = useChartMessages();\n  const viewportMessages = useViewportMessages();\n  const locale = useLocale();\n  let containerRef: HTMLDivElement | undefined;\n  let chartTooltipRef: HTMLSpanElement | undefined;\n  let lineAnchorRef: HTMLSpanElement | undefined;\n  // One deterministic coordinate space on the server and client. CSS fits the\n  // SVG to its box; hydration must never replace it with measured geometry.\n  const size = () => ({\n    width: 480,\n    height: chartRenderHeight(props),\n  });\n  const dimensions = () => containerRef?.getBoundingClientRect() ?? size();\n  const initialMapViewport = props.kind === \"map\" ? normalizeMapViewport(props.viewport) : DEFAULT_MAP_VIEWPORT;\n  const [mapViewport, setMapViewport] = createSignal<MapViewport>(initialMapViewport);\n  const initialTimelineViewport =\n    props.kind === \"stateTimeline\" ? stateTimelineDomain(props.rows, props.domain) : ([0, 1] as StateTimelineDomain);\n  const [timelineViewport, setTimelineViewport] = createSignal<StateTimelineDomain>(initialTimelineViewport);\n  const [dragging, setDragging] = createSignal(false);\n  const chartTooltipId = `k2b-chart-tooltip-${createUniqueId()}`;\n  let timelineViewportLocallyChanged = false;\n  let drag:\n    | {\n        pointerId: number;\n        x: number;\n        y: number;\n        width: number;\n        height: number;\n        viewport: MapViewport;\n      }\n    | undefined;\n  let timelineDrag:\n    | {\n        pointerId: number;\n        x: number;\n        width: number;\n        viewport: StateTimelineDomain;\n      }\n    | undefined;\n  let pointerFrame: number | undefined;\n  let pendingPointer: { pointerId: number; clientX: number; clientY: number } | undefined;\n\n  const interactiveMap = () => props.kind === \"map\" && props.interactive === true;\n  const interactiveTimeline = () => props.kind === \"stateTimeline\" && props.interactive === true;\n  const draggable = () => interactiveMap() || interactiveTimeline();\n  const labels = () => props.labels ?? {};\n  const accessibleName = () => {\n    const override =\n      props.kind === \"map\"\n        ? labels().interactiveMap\n        : props.kind === \"stateTimeline\"\n          ? labels().interactiveTimeline\n          : props.kind === \"line\"\n            ? labels().interactiveLine\n            : labels().interactiveChart;\n    const title = \"title\" in props && typeof props.title === \"string\" && props.title.trim() ? props.title : undefined;\n    const valueLabel = (props.kind === \"stat\" || props.kind === \"gauge\") && props.label?.trim() ? props.label : undefined;\n    const fallback =\n      props.kind === \"map\"\n        ? chartMessages().interactiveMap\n        : props.kind === \"stateTimeline\"\n          ? chartMessages().interactiveTimeline\n          : props.kind === \"line\"\n            ? chartMessages().interactiveLineChart\n            : chartMessages().interactiveChart;\n    return override ?? title ?? valueLabel ?? fallback;\n  };\n  const timelineFullDomain = (): StateTimelineDomain =>\n    props.kind === \"stateTimeline\" ? stateTimelineDomain(props.rows, props.domain) : [0, 1];\n\n  createEffect(() => {\n    if (props.kind === \"map\") {\n      setMapViewport(normalizeMapViewport(props.viewport));\n    }\n  });\n\n  createEffect(() => {\n    if (props.kind === \"stateTimeline\" && !timelineViewportLocallyChanged) {\n      setTimelineViewport(timelineFullDomain());\n    }\n  });\n\n  const updateTimelineViewport = (update: (current: StateTimelineDomain) => StateTimelineDomain) => {\n    timelineViewportLocallyChanged = true;\n    setTimelineViewport(update);\n  };\n\n  const mapDimensions = () => {\n    const viewportElement = containerRef?.querySelector<SVGSVGElement>(\".stdlib-chart-map-viewport\");\n    const matrix = viewportElement?.getScreenCTM?.();\n    const box = viewportElement?.viewBox?.baseVal;\n    if (matrix && box?.width && box.height) {\n      return { width: box.width * Math.hypot(matrix.a, matrix.b), height: box.height * Math.hypot(matrix.c, matrix.d) };\n    }\n    const rect = viewportElement?.getBoundingClientRect();\n    if (rect && rect.width > 0 && rect.height > 0) {\n      return { width: rect.width, height: rect.height };\n    }\n    return dimensions();\n  };\n\n  const zoom = (delta: number) => {\n    closeChartTooltip();\n    if (interactiveMap()) {\n      setMapViewport((current) => zoomMapViewport(current, delta, props.kind === \"map\" ? props.zoomFocus : undefined));\n    } else if (interactiveTimeline()) {\n      updateTimelineViewport((current) => zoomStateTimelineViewport(current, timelineFullDomain(), delta));\n    }\n  };\n\n  const reset = () => {\n    closeChartTooltip();\n    if (interactiveMap() && props.kind === \"map\") {\n      setMapViewport(normalizeMapViewport(props.viewport));\n    }\n    if (interactiveTimeline()) {\n      timelineViewportLocallyChanged = false;\n      setTimelineViewport(timelineFullDomain());\n    }\n  };\n\n  const handlePointerDown: JSX.EventHandlerUnion<HTMLDivElement, PointerEvent> = (event) => {\n    inspection.down(event);\n    if (!draggable() || event.button !== 0 || (event.target as Element).closest(\"button, a\")) {\n      return;\n    }\n    closeChartTooltip();\n    // The pointer's own pointerup or pointercancel ends the hold.\n    suppressTextSelection(event.pointerId);\n    if (interactiveTimeline()) {\n      timelineDrag = {\n        pointerId: event.pointerId,\n        x: event.clientX,\n        width: Math.max(1, event.currentTarget.getBoundingClientRect().width),\n        viewport: timelineViewport(),\n      };\n      event.currentTarget.setPointerCapture(event.pointerId);\n      setDragging(true);\n      return;\n    }\n    const dimensions = mapDimensions();\n    drag = {\n      pointerId: event.pointerId,\n      x: event.clientX,\n      y: event.clientY,\n      width: dimensions.width,\n      height: dimensions.height,\n      viewport: mapViewport(),\n    };\n    event.currentTarget.setPointerCapture(event.pointerId);\n    setDragging(true);\n  };\n\n  const flushPointerMove = () => {\n    if (pointerFrame !== undefined) {\n      cancelAnimationFrame(pointerFrame);\n      pointerFrame = undefined;\n    }\n    const sample = pendingPointer;\n    pendingPointer = undefined;\n    if (!sample) return;\n    const start = timelineDrag ?? drag;\n    if (start && Math.hypot(sample.clientX - start.x, sample.clientY - (\"y\" in start ? start.y : sample.clientY)) <= 6) return;\n    const activeTimelineDrag = timelineDrag;\n    if (activeTimelineDrag?.pointerId === sample.pointerId) {\n      updateTimelineViewport(() =>\n        panStateTimelineViewport(\n          activeTimelineDrag.viewport,\n          timelineFullDomain(),\n          sample.clientX - activeTimelineDrag.x,\n          activeTimelineDrag.width,\n        ),\n      );\n      return;\n    }\n    if (!drag || drag.pointerId !== sample.pointerId) return;\n    setMapViewport(panMapViewport(drag.viewport, sample.clientX - drag.x, sample.clientY - drag.y, drag.width, drag.height));\n  };\n\n  const handlePointerMove: JSX.EventHandlerUnion<HTMLDivElement, PointerEvent> = (event) => {\n    inspection.move(event);\n    if (timelineDrag?.pointerId !== event.pointerId && drag?.pointerId !== event.pointerId) return;\n    pendingPointer = { pointerId: event.pointerId, clientX: event.clientX, clientY: event.clientY };\n    if (pointerFrame !== undefined) return;\n    pointerFrame = requestAnimationFrame(flushPointerMove);\n  };\n\n  const stopDragging: JSX.EventHandlerUnion<HTMLDivElement, PointerEvent> = (event) => {\n    if (pendingPointer?.pointerId === event.pointerId) flushPointerMove();\n    if (timelineDrag?.pointerId === event.pointerId) {\n      if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n        event.currentTarget.releasePointerCapture(event.pointerId);\n      }\n      timelineDrag = undefined;\n      setDragging(false);\n      return;\n    }\n    if (!drag || drag.pointerId !== event.pointerId) return;\n    if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n      event.currentTarget.releasePointerCapture(event.pointerId);\n    }\n    drag = undefined;\n    setDragging(false);\n  };\n\n  const handleWheel: JSX.EventHandlerUnion<HTMLDivElement, WheelEvent> = (event) => {\n    if (interactiveMap() && (event.ctrlKey || event.metaKey)) {\n      event.preventDefault();\n      zoom(event.deltaY < 0 ? 1 : -1);\n      return;\n    }\n    if (!interactiveTimeline()) return;\n    if (event.ctrlKey || event.metaKey) {\n      event.preventDefault();\n      const rect = event.currentTarget.getBoundingClientRect();\n      const anchor = rect.width > 0 ? (event.clientX - rect.left) / rect.width : 0.5;\n      updateTimelineViewport((current) => zoomStateTimelineViewport(current, timelineFullDomain(), event.deltaY < 0 ? 1 : -1, anchor));\n    } else if (event.shiftKey) {\n      event.preventDefault();\n      updateTimelineViewport((current) =>\n        panStateTimelineViewport(current, timelineFullDomain(), -event.deltaY, event.currentTarget.getBoundingClientRect().width),\n      );\n    }\n  };\n\n  const handleKeyDown: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent> = (event) => {\n    if (inspection.key(event)) return;\n    if (!draggable() || event.target !== containerRef) return;\n    if (event.key === \"+\" || event.key === \"=\") {\n      event.preventDefault();\n      zoom(1);\n      return;\n    }\n    if (event.key === \"-\" || event.key === \"_\") {\n      event.preventDefault();\n      zoom(-1);\n      return;\n    }\n    if (event.key === \"0\" || event.key === \"Home\") {\n      event.preventDefault();\n      reset();\n      return;\n    }\n    if (interactiveTimeline() && (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\")) {\n      event.preventDefault();\n      updateTimelineViewport((current) =>\n        panStateTimelineViewport(\n          current,\n          timelineFullDomain(),\n          event.key === \"ArrowLeft\" ? 80 : -80,\n          event.currentTarget.getBoundingClientRect().width,\n        ),\n      );\n      return;\n    }\n    const delta: readonly [number, number] | undefined = {\n      ArrowLeft: [40, 0],\n      ArrowRight: [-40, 0],\n      ArrowUp: [0, 40],\n      ArrowDown: [0, -40],\n    }[event.key] as readonly [number, number] | undefined;\n    if (!delta) return;\n    event.preventDefault();\n    const dimensions = mapDimensions();\n    setMapViewport((current) => panMapViewport(current, delta[0], delta[1], dimensions.width, dimensions.height));\n  };\n\n  const inspection = createChartInspection({\n    container: () => containerRef,\n    cursor: () => props.cursor,\n    tooltip: () => chartTooltipRef,\n    anchor: () => lineAnchorRef,\n    kind: () => props.kind,\n    enabled: () => !isEmpty(props),\n    select: (selection) => props.onSelect?.(selection),\n    format: (selection) => {\n      if (props.tooltip) return props.tooltip(selection);\n      const fields = chartMessages().chartFields;\n      const format = new Intl.NumberFormat(locale(), { maximumFractionDigits: 6 });\n      return {\n        title:\n          selection.datum.label ??\n          (selection.datum.seriesIndex !== undefined\n            ? `${labels().series ?? chartMessages().series} ${selection.datum.seriesIndex + 1}`\n            : undefined),\n        rows: selection.datum.values.map((field) => ({\n          label:\n            selection.kind === \"line\" && field.key === \"y\"\n              ? (selection.datum.label ?? labels().series ?? chartMessages().series)\n              : fields({ key: field.key }),\n          value:\n            field.formatted ??\n            (field.key === \"upperInclusive\"\n              ? field.value === \"true\"\n                ? messages().yes\n                : messages().no\n              : typeof field.value === \"number\"\n                ? `${format.format(field.value)}${field.key === \"percent\" ? \"%\" : \"\"}`\n                : field.value),\n        })),\n      };\n    },\n  });\n  const closeChartTooltip = () => inspection.close();\n  const svgMarkup = createMemo(() =>\n    renderChartSvg(\n      drawingProps,\n      size().width,\n      size().height,\n      interactiveMap() ? mapViewport() : undefined,\n      interactiveTimeline() ? timelineViewport() : undefined,\n    ),\n  );\n  createEffect(() => {\n    svgMarkup();\n    inspection.invalidate();\n    untrack(() => inspection.selectDatum(props.selected));\n  });\n\n  createEffect(() => inspection.selectDatum(props.selected));\n\n  onCleanup(() => {\n    inspection.close();\n    if (pointerFrame !== undefined) cancelAnimationFrame(pointerFrame);\n    pointerFrame = undefined;\n    pendingPointer = undefined;\n  });\n\n  onMount(() => {\n    if (!containerRef) return;\n    onCleanup(\n      closeChartInspectionOnOutside({\n        container: () => containerRef,\n        tooltip: () => chartTooltipRef,\n        close: closeChartTooltip,\n      }),\n    );\n  });\n\n  const chartStyle = () =>\n    props.style ??\n    (props.kind === \"stateTimeline\"\n      ? {\n          height: `${stateTimelineHeight(props.rows.length, props.legend !== false)}px`,\n        }\n      : undefined);\n\n  const control = (label: string, shortcut: string, icon: string, action: () => void) => (\n    <IconButton variant=\"secondary\" label={label} tooltip={`${label} (${shortcut})`} onClick={action}>\n      <i class={`ti ${icon}`} aria-hidden=\"true\" />\n    </IconButton>\n  );\n\n  return (\n    <Show\n      when={!isEmpty(props)}\n      fallback={\n        <div ref={containerRef} class={`k2b-chart k2b-chart__empty ${props.class ?? \"\"}`} style={chartStyle()}>\n          {labels().empty ?? messages().noData}\n        </div>\n      }\n    >\n      {/* CSS fits the server-rendered SVG to the caller's box. Only changes\n          to chart data/options rebuild the SVG; resizing does not. */}\n      <div\n        ref={containerRef}\n        class={`k2b-chart ${props.class ?? \"\"}`}\n        data-chart-kind={props.kind}\n        data-drag={draggable() ? (dragging() ? \"active\" : \"idle\") : undefined}\n        data-crosshair={!draggable() && props.kind === \"line\" ? \"true\" : undefined}\n        data-interactive=\"true\"\n        style={chartStyle()}\n        role=\"group\"\n        aria-label={accessibleName()}\n        aria-description={accessibleName() !== chartMessages().interactiveChart ? chartMessages().interactiveChart : undefined}\n        tabIndex={0}\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={stopDragging}\n        onPointerCancel={stopDragging}\n        onClick={inspection.click}\n        onPointerLeave={inspection.leave}\n        onFocusIn={inspection.focus}\n        onFocusOut={closeChartTooltip}\n        onWheel={handleWheel}\n        onKeyDown={handleKeyDown}\n      >\n        <div\n          class=\"k2b-chart__svg\"\n          data-stretch={!preservesAspectRatio(props.kind) ? \"true\" : undefined}\n          style={{\n            \"--k2b-chart-width\": `${size().width}px`,\n            \"--k2b-chart-height\": `${size().height}px`,\n            \"aspect-ratio\": `${size().width} / ${size().height}`,\n          }}\n          innerHTML={isServer ? selectedChartSvg(svgMarkup(), props.selected) : svgMarkup()}\n        />\n        <span ref={lineAnchorRef} class=\"k2b-chart__anchor\" aria-hidden=\"true\" />\n        <span\n          id={chartTooltipId}\n          ref={chartTooltipRef}\n          role=\"tooltip\"\n          popover=\"manual\"\n          data-instant=\"true\"\n          class=\"k2b-tooltip k2b-chart__tooltip\"\n        />\n        <Show when={draggable()}>\n          <div class=\"k2b-chart__controls\">\n            {control(labels().zoomIn ?? viewportMessages().zoomIn, \"+\", \"ti-plus\", () => zoom(1))}\n            {control(labels().zoomOut ?? viewportMessages().zoomOut, \"-\", \"ti-minus\", () => zoom(-1))}\n            {control(\n              interactiveMap()\n                ? (labels().resetMap ?? chartMessages().resetMapView)\n                : (labels().resetTimeline ?? chartMessages().resetTimelineView),\n              \"0\",\n              \"ti-focus-centered\",\n              reset,\n            )}\n          </div>\n        </Show>\n      </div>\n    </Show>\n  );\n};\n\nexport default Chart;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/Chart.tsx"],"sourcesContent":["import type { MapViewport } from \"@k2b/stdlib\";\nimport { charts } from \"@k2b/stdlib\";\nimport type { JSX } from \"solid-js\";\nimport { createEffect, createMemo, createSignal, createUniqueId, For, onCleanup, onMount, Show, splitProps, untrack } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { IconButton } from \"../actions/Button\";\nimport { suppressTextSelection } from \"../internal/text-selection\";\nimport { useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { ChartCursor } from \"./chart-cursor\";\nimport { createChartInspection } from \"./chart-inspection\";\nimport {\n  type ChartDatumRef,\n  type ChartKind,\n  type ChartSelection,\n  type ChartTooltipFormatter,\n  closeChartInspectionOnOutside,\n} from \"./chart-inspection-core\";\nimport { lineGapsSvg } from \"./chart-line-gaps\";\nimport { DEFAULT_MAP_VIEWPORT, normalizeMapViewport, panMapViewport, zoomMapViewport } from \"./chart-map-viewport\";\nimport { useChartMessages } from \"./chart-messages\";\nimport {\n  panStateTimelineViewport,\n  renderStateTimelineSvg,\n  type StateTimelineChartOptions,\n  type StateTimelineDomain,\n  stateTimelineDomain,\n  stateTimelineHeight,\n  zoomStateTimelineViewport,\n} from \"./chart-state-timeline\";\nimport { responsiveChartSvg, responsiveMapSvg, selectedChartSvg } from \"./chart-svg\";\nimport { useViewportMessages } from \"./viewport-messages\";\n\n/**\n * Chart — minimal Solid wrapper around `stdlib.charts`.\n *\n * **Live-update story.** `charts.<kind>(opts)` returns an SVG string;\n * Solid's `innerHTML` is reactive, so any time a prop (signal, store\n * slice, derived value) changes, the SVG re-renders. No manual\n * subscription, no imperative DOM patching. Trade-off: every change\n * is a full SVG re-build, not a diff — fine for dashboard cadences\n * (poll, websocket, store updates). Don't use this for 60fps streaming.\n *\n * **Sizing.** The server and browser render the same logical viewBox. CSS\n * fits Cartesian plots to the container and preserves text/marker sizes;\n * maps fit the whole world and zoom uniformly across the full plot; pies, donuts and gauges retain\n * their aspect ratio. No measurement\n * or hydration redraw is needed. The caller sizes the wrapper, for example\n * `style={{ height: \"14rem\" }}`. State timelines derive their default height\n * from the row count and legend via `stateTimelineHeight()`.\n *\n * **Why so thin.** The props are a discriminated union over each\n * stdlib chart function — `kind: \"line\"` brings in exactly the params\n * `charts.line` expects, `kind: \"bar\"` brings in `charts.bar`'s, etc.\n * Options stay aligned with stdlib without renaming. Every chart provides\n * renderer-owned inspection, tooltips and optional selection by default.\n * `interactive` adds bounded pan / zoom and reset controls to maps and state timelines.\n * If stdlib gains a new option, it's automatically available at every\n * callsite.\n *\n * **Theming.** stdlib charts use `currentColor` for axes / ticks /\n * tick labels — set the wrapping element's `color` and everything\n * inherits. Series colors come from `--stdlib-chart-c1..c8` CSS\n * custom properties; override on the parent for per-chart palettes.\n *\n * ```tsx\n * <Chart kind=\"line\" style={{ height: \"12rem\" }}\n *        series={[{ data: points() }]}\n *        yAxis={{ format: v => `€${v}k` }} />\n *\n * <Chart kind=\"donut\" style={{ height: \"12rem\" }} data={slices()} />\n *\n * <Chart kind=\"sparkline\" style={{ width: \"6rem\", height: \"1.5rem\" }} data={trend()} />\n *\n * <Chart kind=\"map\" style={{ height: \"16rem\" }} series={locations()} interactive />\n * ```\n */\n\n/** All chart kinds shipped by `stdlib.charts`. */\nexport type { ChartKind } from \"./chart-inspection-core\";\n\nexport type ChartLabels = Partial<{\n  empty: string;\n  series: string;\n  interactiveMap: string;\n  interactiveTimeline: string;\n  interactiveLine: string;\n  interactiveChart: string;\n  zoomIn: string;\n  zoomOut: string;\n  resetMap: string;\n  resetTimeline: string;\n}>;\n\n/**\n * Per-kind props: `kind` discriminator + the exact options that\n * `charts.<kind>` accepts, **minus** `width` / `height` (the wrapper\n * owns those — CSS fits a stable coordinate space to the box). Solid's\n * component model handles discriminated unions natively, so callsites\n * get full type safety.\n */\nexport type ChartProps = {\n  [K in ChartKind]: {\n    kind: K;\n    class?: string;\n    style?: JSX.CSSProperties | string;\n    labels?: ChartLabels;\n    /**\n     * Navigation for maps and state timelines: pan, zoom and reset controls.\n     * Arrows pan; Alt+arrows inspect. Every chart shows tooltips and keyboard\n     * inspection without this prop.\n     */\n    interactive?: boolean;\n    onSelect?: (selection: ChartSelection) => void;\n    /** Controlled highlight; indices belong to this exact input snapshot. */\n    selected?: ChartDatumRef | null;\n    /** Customize the always-on tooltip with a title and labeled text rows. */\n    tooltip?: ChartTooltipFormatter;\n    /** Optional shared X cursor for line charts. */\n    cursor?: ChartCursor;\n  } & (K extends \"map\"\n    ? {\n        /** Target when zooming in from the world view. Defaults to Europe (50, 10). */\n        zoomFocus?: Pick<MapViewport, \"latitude\" | \"longitude\">;\n      }\n    : {}) &\n    (K extends \"line\"\n      ? {\n          /** Largest connected X distance; positive, finite, without area/errorBand fills. */ maxGap?: number;\n          /** Wrap the legend above the plot inside the caller's total chart height. Requires legend=true. */\n          legendPlacement?: \"top-start\";\n        }\n      : {}) &\n    (K extends \"stateTimeline\" ? StateTimelineChartOptions : Omit<Parameters<(typeof charts)[K]>[0], \"width\" | \"height\" | \"inspect\">);\n}[ChartKind];\n\n/** Pure renderer options: component layout, events and inspection are configured elsewhere. */\nexport type ChartRenderOptions = {\n  [K in ChartKind]: Omit<\n    Extract<ChartProps, { kind: K }>,\n    \"class\" | \"style\" | \"labels\" | \"interactive\" | \"onSelect\" | \"selected\" | \"tooltip\" | \"cursor\" | \"legendPlacement\"\n  >;\n}[ChartKind];\n\n/** Keep the fixed 28-unit bar-gauge rows inside the shared SSR/browser coordinate space. */\nexport const chartRenderHeight = (props: ChartRenderOptions): number => {\n  if (props.kind === \"stateTimeline\") return stateTimelineHeight(props.rows.length, props.legend !== false);\n  if (props.kind === \"barGauge\") return Math.max(280, (props.title || props.subtitle ? 42 : 16) + props.data.length * 28 + 14);\n  return 280;\n};\n\n/**\n * Internal — strips wrapper-only keys from props and forwards the\n * rest (plus logical size) to `charts[kind]`. The `any` is the\n * price for dispatching one function call across 14 different option\n * types; an explicit per-kind switch would type it but balloon the\n * component for no runtime benefit.\n */\nexport const renderChartSvg = (\n  props: ChartProps,\n  width: number,\n  height: number,\n  mapViewport?: MapViewport,\n  timelineViewport?: StateTimelineDomain,\n): string => {\n  const {\n    kind,\n    class: _class,\n    style: _style,\n    labels: _labels,\n    interactive: _interactive,\n    onSelect: _onSelect,\n    selected: _selected,\n    tooltip: _tooltip,\n    cursor: _cursor,\n    zoomFocus: _zoomFocus,\n    legendPlacement: _legendPlacement,\n    ...opts\n  } = props as ChartProps & {\n    legendPlacement?: \"top-start\";\n    interactive?: boolean;\n    zoomFocus?: Pick<MapViewport, \"latitude\" | \"longitude\">;\n  };\n  if (kind === \"stateTimeline\") {\n    return responsiveChartSvg(\n      renderStateTimelineSvg({\n        ...(opts as StateTimelineChartOptions),\n        width,\n        height,\n        viewport: timelineViewport,\n        interactive: true,\n      }),\n    );\n  }\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let svg = (charts[kind] as (o: unknown) => string)({\n    ...(opts as any),\n    ...(props.kind === \"line\" && props.legend && props.legendPlacement === \"top-start\" ? { legend: false } : {}),\n    ...(kind === \"map\" ? { viewport: DEFAULT_MAP_VIEWPORT } : {}),\n    width,\n    height,\n    inspect: true,\n  });\n  if (props.kind === \"line\" && props.maxGap !== undefined) {\n    if (props.area || props.errorBand) throw new Error(\"Chart maxGap does not support area or errorBand fills\");\n    svg = lineGapsSvg(svg, props.maxGap, props);\n  }\n  if (props.kind === \"map\") return responsiveMapSvg(svg, width, height, normalizeMapViewport(mapViewport ?? props.viewport));\n  return preservesAspectRatio(kind) ? svg : responsiveChartSvg(svg);\n};\n\nconst preservesAspectRatio = (kind: ChartKind) => kind === \"map\" || kind === \"pie\" || kind === \"donut\" || kind === \"gauge\";\n\n/** Empty-data short-circuit. Kept per-kind because stdlib's payload\n *  key differs (series vs data vs groups). We're conservative: only\n *  block on truly empty inputs; partially-filled series get rendered\n *  as-is and stdlib handles the gaps. */\nconst isEmpty = (props: ChartProps): boolean => {\n  if (props.kind === \"line\" || props.kind === \"scatter\") {\n    return !props.series?.length || props.series.every((s) => !s.data.length);\n  }\n  if (props.kind === \"bar\" || props.kind === \"donut\" || props.kind === \"pie\") {\n    return !props.data?.length;\n  }\n  if (props.kind === \"histogram\" || props.kind === \"sparkline\") {\n    return !props.data?.length;\n  }\n  if (props.kind === \"boxplot\") {\n    return !props.groups?.length;\n  }\n  if (props.kind === \"stateTimeline\") {\n    return !props.rows?.length || props.rows.every((row) => !row.intervals.length);\n  }\n  return false;\n};\n\nconst Chart = (props: ChartProps): JSX.Element => {\n  const [, drawingProps] = splitProps(props, [\"selected\", \"onSelect\", \"tooltip\", \"cursor\"]);\n  const messages = useUiMessages();\n  const chartMessages = useChartMessages();\n  const viewportMessages = useViewportMessages();\n  const locale = useLocale();\n  let containerRef: HTMLDivElement | undefined;\n  let chartTooltipRef: HTMLSpanElement | undefined;\n  let lineAnchorRef: HTMLSpanElement | undefined;\n  // One deterministic coordinate space on the server and client. CSS fits the\n  // SVG to its box; hydration must never replace it with measured geometry.\n  const size = () => ({\n    width: 480,\n    height: chartRenderHeight(props),\n  });\n  const topLegend = () => props.kind === \"line\" && props.legend === true && props.legendPlacement === \"top-start\";\n  const legendSeries = () => (props.kind === \"line\" ? props.series : []);\n  const dimensions = () => containerRef?.getBoundingClientRect() ?? size();\n  const initialMapViewport = props.kind === \"map\" ? normalizeMapViewport(props.viewport) : DEFAULT_MAP_VIEWPORT;\n  const [mapViewport, setMapViewport] = createSignal<MapViewport>(initialMapViewport);\n  const initialTimelineViewport =\n    props.kind === \"stateTimeline\" ? stateTimelineDomain(props.rows, props.domain) : ([0, 1] as StateTimelineDomain);\n  const [timelineViewport, setTimelineViewport] = createSignal<StateTimelineDomain>(initialTimelineViewport);\n  const [dragging, setDragging] = createSignal(false);\n  const chartTooltipId = `k2b-chart-tooltip-${createUniqueId()}`;\n  let timelineViewportLocallyChanged = false;\n  let drag:\n    | {\n        pointerId: number;\n        x: number;\n        y: number;\n        width: number;\n        height: number;\n        viewport: MapViewport;\n      }\n    | undefined;\n  let timelineDrag:\n    | {\n        pointerId: number;\n        x: number;\n        width: number;\n        viewport: StateTimelineDomain;\n      }\n    | undefined;\n  let pointerFrame: number | undefined;\n  let pendingPointer: { pointerId: number; clientX: number; clientY: number } | undefined;\n\n  const interactiveMap = () => props.kind === \"map\" && props.interactive === true;\n  const interactiveTimeline = () => props.kind === \"stateTimeline\" && props.interactive === true;\n  const draggable = () => interactiveMap() || interactiveTimeline();\n  const labels = () => props.labels ?? {};\n  const accessibleName = () => {\n    const override =\n      props.kind === \"map\"\n        ? labels().interactiveMap\n        : props.kind === \"stateTimeline\"\n          ? labels().interactiveTimeline\n          : props.kind === \"line\"\n            ? labels().interactiveLine\n            : labels().interactiveChart;\n    const title = \"title\" in props && typeof props.title === \"string\" && props.title.trim() ? props.title : undefined;\n    const valueLabel = (props.kind === \"stat\" || props.kind === \"gauge\") && props.label?.trim() ? props.label : undefined;\n    const fallback =\n      props.kind === \"map\"\n        ? chartMessages().interactiveMap\n        : props.kind === \"stateTimeline\"\n          ? chartMessages().interactiveTimeline\n          : props.kind === \"line\"\n            ? chartMessages().interactiveLineChart\n            : chartMessages().interactiveChart;\n    return override ?? title ?? valueLabel ?? fallback;\n  };\n  const timelineFullDomain = (): StateTimelineDomain =>\n    props.kind === \"stateTimeline\" ? stateTimelineDomain(props.rows, props.domain) : [0, 1];\n\n  createEffect(() => {\n    if (props.kind === \"map\") {\n      setMapViewport(normalizeMapViewport(props.viewport));\n    }\n  });\n\n  createEffect(() => {\n    if (props.kind === \"stateTimeline\" && !timelineViewportLocallyChanged) {\n      setTimelineViewport(timelineFullDomain());\n    }\n  });\n\n  const updateTimelineViewport = (update: (current: StateTimelineDomain) => StateTimelineDomain) => {\n    timelineViewportLocallyChanged = true;\n    setTimelineViewport(update);\n  };\n\n  const mapDimensions = () => {\n    const viewportElement = containerRef?.querySelector<SVGSVGElement>(\".stdlib-chart-map-viewport\");\n    const matrix = viewportElement?.getScreenCTM?.();\n    const box = viewportElement?.viewBox?.baseVal;\n    if (matrix && box?.width && box.height) {\n      return { width: box.width * Math.hypot(matrix.a, matrix.b), height: box.height * Math.hypot(matrix.c, matrix.d) };\n    }\n    const rect = viewportElement?.getBoundingClientRect();\n    if (rect && rect.width > 0 && rect.height > 0) {\n      return { width: rect.width, height: rect.height };\n    }\n    return dimensions();\n  };\n\n  const zoom = (delta: number) => {\n    closeChartTooltip();\n    if (interactiveMap()) {\n      setMapViewport((current) => zoomMapViewport(current, delta, props.kind === \"map\" ? props.zoomFocus : undefined));\n    } else if (interactiveTimeline()) {\n      updateTimelineViewport((current) => zoomStateTimelineViewport(current, timelineFullDomain(), delta));\n    }\n  };\n\n  const reset = () => {\n    closeChartTooltip();\n    if (interactiveMap() && props.kind === \"map\") {\n      setMapViewport(normalizeMapViewport(props.viewport));\n    }\n    if (interactiveTimeline()) {\n      timelineViewportLocallyChanged = false;\n      setTimelineViewport(timelineFullDomain());\n    }\n  };\n\n  const handlePointerDown: JSX.EventHandlerUnion<HTMLDivElement, PointerEvent> = (event) => {\n    inspection.down(event);\n    if (!draggable() || event.button !== 0 || (event.target as Element).closest(\"button, a\")) {\n      return;\n    }\n    closeChartTooltip();\n    // The pointer's own pointerup or pointercancel ends the hold.\n    suppressTextSelection(event.pointerId);\n    if (interactiveTimeline()) {\n      timelineDrag = {\n        pointerId: event.pointerId,\n        x: event.clientX,\n        width: Math.max(1, event.currentTarget.getBoundingClientRect().width),\n        viewport: timelineViewport(),\n      };\n      event.currentTarget.setPointerCapture(event.pointerId);\n      setDragging(true);\n      return;\n    }\n    const dimensions = mapDimensions();\n    drag = {\n      pointerId: event.pointerId,\n      x: event.clientX,\n      y: event.clientY,\n      width: dimensions.width,\n      height: dimensions.height,\n      viewport: mapViewport(),\n    };\n    event.currentTarget.setPointerCapture(event.pointerId);\n    setDragging(true);\n  };\n\n  const flushPointerMove = () => {\n    if (pointerFrame !== undefined) {\n      cancelAnimationFrame(pointerFrame);\n      pointerFrame = undefined;\n    }\n    const sample = pendingPointer;\n    pendingPointer = undefined;\n    if (!sample) return;\n    const start = timelineDrag ?? drag;\n    if (start && Math.hypot(sample.clientX - start.x, sample.clientY - (\"y\" in start ? start.y : sample.clientY)) <= 6) return;\n    const activeTimelineDrag = timelineDrag;\n    if (activeTimelineDrag?.pointerId === sample.pointerId) {\n      updateTimelineViewport(() =>\n        panStateTimelineViewport(\n          activeTimelineDrag.viewport,\n          timelineFullDomain(),\n          sample.clientX - activeTimelineDrag.x,\n          activeTimelineDrag.width,\n        ),\n      );\n      return;\n    }\n    if (!drag || drag.pointerId !== sample.pointerId) return;\n    setMapViewport(panMapViewport(drag.viewport, sample.clientX - drag.x, sample.clientY - drag.y, drag.width, drag.height));\n  };\n\n  const handlePointerMove: JSX.EventHandlerUnion<HTMLDivElement, PointerEvent> = (event) => {\n    inspection.move(event);\n    if (timelineDrag?.pointerId !== event.pointerId && drag?.pointerId !== event.pointerId) return;\n    pendingPointer = { pointerId: event.pointerId, clientX: event.clientX, clientY: event.clientY };\n    if (pointerFrame !== undefined) return;\n    pointerFrame = requestAnimationFrame(flushPointerMove);\n  };\n\n  const stopDragging: JSX.EventHandlerUnion<HTMLDivElement, PointerEvent> = (event) => {\n    if (pendingPointer?.pointerId === event.pointerId) flushPointerMove();\n    if (timelineDrag?.pointerId === event.pointerId) {\n      if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n        event.currentTarget.releasePointerCapture(event.pointerId);\n      }\n      timelineDrag = undefined;\n      setDragging(false);\n      return;\n    }\n    if (!drag || drag.pointerId !== event.pointerId) return;\n    if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n      event.currentTarget.releasePointerCapture(event.pointerId);\n    }\n    drag = undefined;\n    setDragging(false);\n  };\n\n  const handleWheel: JSX.EventHandlerUnion<HTMLDivElement, WheelEvent> = (event) => {\n    if (interactiveMap() && (event.ctrlKey || event.metaKey)) {\n      event.preventDefault();\n      zoom(event.deltaY < 0 ? 1 : -1);\n      return;\n    }\n    if (!interactiveTimeline()) return;\n    if (event.ctrlKey || event.metaKey) {\n      event.preventDefault();\n      const rect = event.currentTarget.getBoundingClientRect();\n      const anchor = rect.width > 0 ? (event.clientX - rect.left) / rect.width : 0.5;\n      updateTimelineViewport((current) => zoomStateTimelineViewport(current, timelineFullDomain(), event.deltaY < 0 ? 1 : -1, anchor));\n    } else if (event.shiftKey) {\n      event.preventDefault();\n      updateTimelineViewport((current) =>\n        panStateTimelineViewport(current, timelineFullDomain(), -event.deltaY, event.currentTarget.getBoundingClientRect().width),\n      );\n    }\n  };\n\n  const handleKeyDown: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent> = (event) => {\n    if (inspection.key(event)) return;\n    if (!draggable() || event.target !== containerRef) return;\n    if (event.key === \"+\" || event.key === \"=\") {\n      event.preventDefault();\n      zoom(1);\n      return;\n    }\n    if (event.key === \"-\" || event.key === \"_\") {\n      event.preventDefault();\n      zoom(-1);\n      return;\n    }\n    if (event.key === \"0\" || event.key === \"Home\") {\n      event.preventDefault();\n      reset();\n      return;\n    }\n    if (interactiveTimeline() && (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\")) {\n      event.preventDefault();\n      updateTimelineViewport((current) =>\n        panStateTimelineViewport(\n          current,\n          timelineFullDomain(),\n          event.key === \"ArrowLeft\" ? 80 : -80,\n          event.currentTarget.getBoundingClientRect().width,\n        ),\n      );\n      return;\n    }\n    const delta: readonly [number, number] | undefined = {\n      ArrowLeft: [40, 0],\n      ArrowRight: [-40, 0],\n      ArrowUp: [0, 40],\n      ArrowDown: [0, -40],\n    }[event.key] as readonly [number, number] | undefined;\n    if (!delta) return;\n    event.preventDefault();\n    const dimensions = mapDimensions();\n    setMapViewport((current) => panMapViewport(current, delta[0], delta[1], dimensions.width, dimensions.height));\n  };\n\n  const inspection = createChartInspection({\n    container: () => containerRef,\n    cursor: () => props.cursor,\n    tooltip: () => chartTooltipRef,\n    anchor: () => lineAnchorRef,\n    kind: () => props.kind,\n    enabled: () => !isEmpty(props),\n    select: (selection) => props.onSelect?.(selection),\n    format: (selection) => {\n      if (props.tooltip) return props.tooltip(selection);\n      const fields = chartMessages().chartFields;\n      const format = new Intl.NumberFormat(locale(), { maximumFractionDigits: 6 });\n      return {\n        title:\n          selection.datum.label ??\n          (selection.datum.seriesIndex !== undefined\n            ? `${labels().series ?? chartMessages().series} ${selection.datum.seriesIndex + 1}`\n            : undefined),\n        rows: selection.datum.values.map((field) => ({\n          label:\n            selection.kind === \"line\" && field.key === \"y\"\n              ? (selection.datum.label ?? labels().series ?? chartMessages().series)\n              : fields({ key: field.key }),\n          value:\n            field.formatted ??\n            (field.key === \"upperInclusive\"\n              ? field.value === \"true\"\n                ? messages().yes\n                : messages().no\n              : typeof field.value === \"number\"\n                ? `${format.format(field.value)}${field.key === \"percent\" ? \"%\" : \"\"}`\n                : field.value),\n        })),\n      };\n    },\n  });\n  const closeChartTooltip = () => inspection.close();\n  const svgMarkup = createMemo(() =>\n    renderChartSvg(\n      drawingProps,\n      size().width,\n      size().height,\n      interactiveMap() ? mapViewport() : undefined,\n      interactiveTimeline() ? timelineViewport() : undefined,\n    ),\n  );\n  createEffect(() => {\n    svgMarkup();\n    inspection.invalidate();\n    untrack(() => inspection.selectDatum(props.selected));\n  });\n\n  createEffect(() => inspection.selectDatum(props.selected));\n\n  onCleanup(() => {\n    inspection.close();\n    if (pointerFrame !== undefined) cancelAnimationFrame(pointerFrame);\n    pointerFrame = undefined;\n    pendingPointer = undefined;\n  });\n\n  onMount(() => {\n    if (!containerRef) return;\n    onCleanup(\n      closeChartInspectionOnOutside({\n        container: () => containerRef,\n        tooltip: () => chartTooltipRef,\n        close: closeChartTooltip,\n      }),\n    );\n  });\n\n  const chartStyle = () =>\n    props.style ??\n    (props.kind === \"stateTimeline\"\n      ? {\n          height: `${stateTimelineHeight(props.rows.length, props.legend !== false)}px`,\n        }\n      : undefined);\n\n  const control = (label: string, shortcut: string, icon: string, action: () => void) => (\n    <IconButton variant=\"secondary\" label={label} tooltip={`${label} (${shortcut})`} onClick={action}>\n      <i class={`ti ${icon}`} aria-hidden=\"true\" />\n    </IconButton>\n  );\n\n  return (\n    <Show\n      when={!isEmpty(props)}\n      fallback={\n        <div ref={containerRef} class={`k2b-chart k2b-chart__empty ${props.class ?? \"\"}`} style={chartStyle()}>\n          {labels().empty ?? messages().noData}\n        </div>\n      }\n    >\n      {/* CSS fits the server-rendered SVG to the caller's box. Only changes\n          to chart data/options rebuild the SVG; resizing does not. */}\n      <div\n        ref={containerRef}\n        class={`k2b-chart ${props.class ?? \"\"}`}\n        data-chart-kind={props.kind}\n        data-legend-placement={topLegend() ? \"top-start\" : undefined}\n        data-drag={draggable() ? (dragging() ? \"active\" : \"idle\") : undefined}\n        data-crosshair={!draggable() && props.kind === \"line\" ? \"true\" : undefined}\n        data-interactive=\"true\"\n        style={chartStyle()}\n        role=\"group\"\n        aria-label={accessibleName()}\n        aria-description={accessibleName() !== chartMessages().interactiveChart ? chartMessages().interactiveChart : undefined}\n        tabIndex={0}\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={stopDragging}\n        onPointerCancel={stopDragging}\n        onClick={inspection.click}\n        onPointerLeave={inspection.leave}\n        onFocusIn={inspection.focus}\n        onFocusOut={closeChartTooltip}\n        onWheel={handleWheel}\n        onKeyDown={handleKeyDown}\n      >\n        <Show when={topLegend()}>\n          <div class=\"k2b-chart__legend\" role=\"group\" aria-label={chartMessages().chartLegend} tabIndex={0}>\n            <For each={legendSeries()}>\n              {(series, index) => (\n                <span class=\"k2b-chart__legend-item\">\n                  {/* Use the renderer's actual series classes/defaults, including consumer palette overrides. */}\n                  <svg\n                    class={`stdlib-chart k2b-chart__legend-swatch ${props.kind === \"line\" ? (props.className ?? \"\") : \"\"}`}\n                    viewBox=\"0 0 10 10\"\n                    width=\"10\"\n                    height=\"10\"\n                    aria-hidden=\"true\"\n                  >\n                    <rect x=\"1\" y=\"1\" width=\"8\" height=\"8\" rx=\"2\" class={`stdlib-chart-series-${index() % 8}`} />\n                  </svg>\n                  <span>{series.label && series.label.length > 0 ? series.label : `Series ${index() + 1}`}</span>\n                </span>\n              )}\n            </For>\n          </div>\n        </Show>\n        <div\n          class=\"k2b-chart__svg\"\n          data-stretch={!preservesAspectRatio(props.kind) ? \"true\" : undefined}\n          style={{\n            \"--k2b-chart-width\": `${size().width}px`,\n            \"--k2b-chart-height\": `${size().height}px`,\n            \"aspect-ratio\": `${size().width} / ${size().height}`,\n          }}\n          innerHTML={isServer ? selectedChartSvg(svgMarkup(), props.selected) : svgMarkup()}\n        />\n        <span ref={lineAnchorRef} class=\"k2b-chart__anchor\" aria-hidden=\"true\" />\n        <span\n          id={chartTooltipId}\n          ref={chartTooltipRef}\n          role=\"tooltip\"\n          popover=\"manual\"\n          data-instant=\"true\"\n          class=\"k2b-tooltip k2b-chart__tooltip\"\n        />\n        <Show when={draggable()}>\n          <div class=\"k2b-chart__controls\">\n            {control(labels().zoomIn ?? viewportMessages().zoomIn, \"+\", \"ti-plus\", () => zoom(1))}\n            {control(labels().zoomOut ?? viewportMessages().zoomOut, \"-\", \"ti-minus\", () => zoom(-1))}\n            {control(\n              interactiveMap()\n                ? (labels().resetMap ?? chartMessages().resetMapView)\n                : (labels().resetTimeline ?? chartMessages().resetTimelineView),\n              \"0\",\n              \"ti-focus-centered\",\n              reset,\n            )}\n          </div>\n        </Show>\n      </div>\n    </Show>\n  );\n};\n\nexport default Chart;\n"],"mappings":"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","ignoreList":[]}