@k2b/ui 0.48.0 → 0.50.0

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, 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 BarChartOptions, barChartLayout, renderBarChartSvg } from \"./chart-bar\";\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\"\n      ? StateTimelineChartOptions\n      : K extends \"bar\"\n        ? BarChartOptions\n        : 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 === \"bar\") return barChartLayout(props).height;\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  if (kind === \"bar\") return responsiveChartSvg(renderBarChartSvg({ ...(opts as BarChartOptions), width, height, inspect: true }));\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":[]}
+{"version":3,"names":[],"sources":["content/Chart.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  mergeProps,\n  onCleanup,\n  onMount,\n  Show,\n  splitProps,\n  untrack,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { IconButton } from \"../actions/Button\";\nimport type { MapViewport } from \"../charts/core\";\nimport { calendarLayout } from \"../charts/core/calendar\";\nimport { chartKinds } from \"../charts/core/registry\";\nimport { type ChartDrawingOptions, chartRenderHeight, preservesAspectRatio, renderChartSvg } from \"../charts/core/render\";\nimport { suppressTextSelection } from \"../internal/text-selection\";\nimport { useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { calendarInspectionNavigation, mountCalendarScroll } from \"./chart-calendar\";\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 { DEFAULT_MAP_VIEWPORT, normalizeMapViewport, panMapViewport, zoomMapViewport } from \"./chart-map-viewport\";\nimport { resolveChartMessages, useChartMessages } from \"./chart-messages\";\nimport {\n  panStateTimelineViewport,\n  type StateTimelineDomain,\n  stateTimelineDomain,\n  stateTimelineHeight,\n  zoomStateTimelineViewport,\n} from \"./chart-state-timeline\";\nimport { selectedChartSvg } from \"./chart-svg\";\nimport { useViewportMessages } from \"./viewport-messages\";\n\n/**\n * Chart — Solid interaction and sizing around the portable UI chart core.\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 * registered core chart renderer — `kind: \"line\"` brings in exactly the params\n * `charts.line` expects, `kind: \"bar\"` brings in `charts.bar`'s, etc.\n * Options stay aligned with the core renderer 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 * When a core renderer gains an option, it is automatically available at every\n * callsite.\n *\n * **Theming.** The core renderers 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 registered chart kinds. */\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]: Extract<ChartDrawingOptions, { 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  };\n}[ChartKind];\nexport { type ChartRenderOptions, chartRenderHeight, renderChartSvg } from \"../charts/core/render\";\n\n/** Empty-data short-circuit. Kept per-kind because each renderer'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 the core handles the gaps. */\nconst isEmpty = (props: ChartProps): boolean => {\n  if (props.kind === \"area\")\n    return (\n      !props.x.length ||\n      !props.series.length ||\n      props.x.every(\n        (_, i) => props.series.some((s) => s.data[i] === null) || (props.normalize && props.series.every((s) => s.data[i] === 0)),\n      )\n    );\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 ChartRoot = (props: ChartProps): JSX.Element => {\n  const [, drawingProps] = splitProps(props, [\"class\", \"style\", \"labels\", \"interactive\", \"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 calendar = () =>\n    props.kind === \"heatmap\" && props.layout === \"calendar\" ? calendarLayout({ ...props, locale: props.locale ?? locale() }) : undefined;\n  const size = () => ({\n    width: calendar()?.width ?? 480,\n    height: chartRenderHeight(props),\n  });\n  const topLegend = () =>\n    props.kind === \"area\"\n      ? props.legend !== false\n      : props.kind === \"line\" && props.legend === true && props.legendPlacement === \"top-start\";\n  const legendSeries = () => (props.kind === \"line\" || props.kind === \"area\" ? props.series : []);\n  const legendValue = (index: number) => {\n    if (props.kind !== \"area\") return \"\";\n    const last = props.x.length - 1;\n    const amount = props.series[index]?.data[last];\n    const values = props.series.map((s) => s.data[last]);\n    const total = values.reduce<number>((sum, value) => sum + (value ?? 0), 0);\n    if (amount == null || values.some((v) => v == null) || (props.normalize && total === 0)) return \"—\";\n    return props.normalize\n      ? new Intl.NumberFormat(locale(), { style: \"percent\", minimumFractionDigits: 1, maximumFractionDigits: 1 }).format(amount / total)\n      : (props.format?.(amount) ?? new Intl.NumberFormat(locale(), { maximumFractionDigits: 2 }).format(amount));\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    inspection.up();\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    locale,\n    cursor: () => props.cursor,\n    tooltip: () => chartTooltipRef,\n    anchor: () => lineAnchorRef,\n    kind: () => props.kind,\n    nav: () => (props.kind === \"heatmap\" && props.layout === \"calendar\" ? calendarInspectionNavigation : undefined),\n    enabled: () => !isEmpty(props),\n    select: (selection) => props.onSelect?.(selection),\n    format: (selection) => {\n      if (props.tooltip) return props.tooltip(selection);\n      const fields =\n        props.kind === \"heatmap\" && props.layout === \"calendar\"\n          ? resolveChartMessages(props.locale ?? locale()).chartFields\n          : chartMessages().chartFields;\n      if (selection.kind === \"area\" && props.kind === \"area\") {\n        const amount = selection.datum.values.find((f) => f.key === \"value\")!;\n        const share = selection.datum.values.find((f) => f.key === \"percent\");\n        return {\n          title: selection.datum.values.find((f) => f.key === \"x\")?.formatted ?? \"\",\n          rows: [\n            { label: selection.datum.label ?? chartMessages().series, value: `${share ? `${share.formatted} · ` : \"\"}${amount.formatted}` },\n          ],\n        };\n      }\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            props.kind === \"heatmap\" && props.layout === \"calendar\" && field.key === \"value\" && props.label\n              ? props.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      props.kind === \"heatmap\" && props.layout === \"calendar\" ? { ...props, locale: props.locale ?? locale() } : drawingProps,\n      size().width,\n      size().height,\n      interactiveMap() ? mapViewport() : undefined,\n      interactiveTimeline() ? timelineViewport() : undefined,\n      locale(),\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    if (props.kind === \"heatmap\" && props.layout === \"calendar\") onCleanup(mountCalendarScroll(containerRef));\n    onCleanup(\n      closeChartInspectionOnOutside({\n        container: () => containerRef,\n        tooltip: () => chartTooltipRef,\n        close: closeChartTooltip,\n        keepScroll: () => props.kind === \"heatmap\" && props.layout === \"calendar\",\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\n                      x=\"1\"\n                      y=\"1\"\n                      width=\"8\"\n                      height=\"8\"\n                      rx=\"2\"\n                      class={`stdlib-chart-series-${index() % 8}`}\n                      fill={`var(--stdlib-chart-c${(index() % 8) + 1}, ${[\"#2563eb\", \"#16a34a\", \"#d97706\", \"#dc2626\", \"#a855f7\", \"#0891b2\", \"#db2777\", \"#65a30d\"][index() % 8]})`}\n                      stroke=\"none\"\n                    />\n                  </svg>\n                  <span>{series.label && series.label.length > 0 ? series.label : `${chartMessages().series} ${index() + 1}`}</span>\n                  <Show when={props.kind === \"area\"}>\n                    <b\n                      data-chart-legend-value\n                      data-series-index={index()}\n                      data-field={props.kind === \"area\" && props.normalize ? \"percent\" : \"value\"}\n                      data-default={legendValue(index())}\n                    >\n                      {legendValue(index())}\n                    </b>\n                  </Show>\n                </span>\n              )}\n            </For>\n          </div>\n        </Show>\n        <div\n          class=\"k2b-chart__svg\"\n          data-stretch={!calendar() && !preservesAspectRatio(props.kind) ? \"true\" : undefined}\n          style={{\n            \"min-width\": calendar() ? `${calendar()!.minWidth}px` : undefined,\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\ntype KindProps<T> = T extends unknown ? Omit<T, \"kind\"> : never;\nexport type ChartKindProps<K extends ChartKind> = KindProps<Extract<ChartProps, { kind: K }>>;\n\ntype ChartComponents = {\n  [Name in keyof typeof chartKinds]: (props: ChartKindProps<(typeof chartKinds)[Name]>) => JSX.Element;\n};\n\n// Add a renderer to charts/core/registry.ts; its key defines the namespace member and discriminator.\n// Both entry styles share ChartRoot, preserving the same owner, markup and reactive props.\nconst chartComponent =\n  (kind: ChartKind) =>\n  (props: Omit<ChartProps, \"kind\">): JSX.Element =>\n    // Public namespace types correlate each discriminator with its options.\n    ChartRoot(mergeProps(props, { kind }) as ChartProps);\nconst components = Object.fromEntries(\n  Object.entries(chartKinds).map(([name, kind]) => [name, chartComponent(kind)]),\n) as unknown as ChartComponents;\nconst Chart = Object.assign(ChartRoot, components, {\n  Calendar: (props: Omit<Extract<ChartProps, { kind: \"heatmap\"; layout: \"calendar\" }>, \"kind\" | \"layout\">) =>\n    ChartRoot(mergeProps(props, { kind: \"heatmap\" as const, layout: \"calendar\" as const })),\n});\nexport default Chart;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/ChartExplorer.js

@@ -1,20 +1,31 @@
-import { memo as _$memo } from "solid-js/web";
 import { ssrStyleProperty as _$ssrStyleProperty } from "solid-js/web";
-import { ssr as _$ssr } from "solid-js/web";
-import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { ssrStyle as _$ssrStyle } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
-var _tmpl$ = ["<div>", "</div>"],
-  _tmpl$2 = ["<span role=\"alert\">", "</span>"],
-  _tmpl$3 = ["<ul class=\"k2b-chart-legend\"", ">", "</ul>"],
-  _tmpl$4 = ["<div class=\"k2b-chart-explorer__details\" aria-live=\"polite\">", "</div>"],
-  _tmpl$5 = ["<section class=\"", "\"", "><header class=\"k2b-chart-explorer__header\"><div>", "", "</div><div class=\"k2b-chart-explorer__actions\">", "", "</div></header>", "", "<div class=\"k2b-chart-explorer__viewport\"", " style=\"", "\">", "</div>", "</section>"],
-  _tmpl$6 = ["<div class=\"k2b-chart__empty\">", "</div>"],
-  _tmpl$7 = ["<p class=\"k2b-chart-explorer__note\">", "</p>"],
-  _tmpl$8 = ["<i class=\"", "\"", " aria-hidden=\"true\"></i>"],
-  _tmpl$9 = ["<li><span class=\"k2b-chart-legend__swatch\"", " style=\"", "\" aria-hidden=\"true\"></span>", "</li>"],
-  _tmpl$0 = "<i class=\"ti ti-x\" aria-hidden=\"true\"></i>",
-  _tmpl$1 = ["<div class=\"k2b-chart-explorer__detail-header\"><span>", "</span>", "</div>"];
+import { ssr as _$ssr } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = "<i class=\"ti ti-refresh\" aria-hidden=\"true\"></i>",
+  _tmpl$2 = "<i class=\"ti ti-clock-exclamation\" aria-hidden=\"true\"></i>",
+  _tmpl$3 = ["<span>", "", "</span>"],
+  _tmpl$4 = ["<div class=\"", "\"", ">", "</div>"],
+  _tmpl$5 = ["<span role=\"alert\">", "</span>"],
+  _tmpl$6 = ["<ul class=\"k2b-chart-legend\"", ">", "</ul>"],
+  _tmpl$7 = ["<div class=\"k2b-chart-explorer__details\" aria-live=\"polite\">", "</div>"],
+  _tmpl$8 = ["<section class=\"", "\"", " style=\"", "\"><header class=\"k2b-chart-explorer__header\"><div>", "", "</div><div class=\"k2b-chart-explorer__actions\">", "<span class=\"k2b-chart-explorer__views\"", ">", "", "</span></div></header>", "", "<div class=\"k2b-chart-explorer__viewport\"", " style=\"", "\">", "</div>", "</section>"],
+  _tmpl$9 = ["<span>", "</span>"],
+  _tmpl$0 = ["<div class=\"k2b-chart-explorer__skeleton\" role=\"status\"", ">", "</div>"],
+  _tmpl$1 = ["<div class=\"k2b-chart-explorer__state\" data-state=\"error\" role=\"alert\"><span class=\"k2b-chart-explorer__state-icon\" aria-hidden=\"true\"><i class=\"ti ti-alert-circle\"></i></span><p>", "<br>", "</p>", "</div>"],
+  _tmpl$10 = ["<div class=\"k2b-chart-explorer__state\" data-state=\"empty\"><span class=\"k2b-chart-explorer__state-icon\" aria-hidden=\"true\"><i class=\"ti ti-chart-bar-off\"></i></span><p>", "</p></div>"],
+  _tmpl$11 = ["<div class=\"k2b-chart__empty\">", "</div>"],
+  _tmpl$12 = ["<span style=\"", "\"></span>"],
+  _tmpl$13 = ["<p class=\"k2b-chart-explorer__note\">", "</p>"],
+  _tmpl$14 = ["<i class=\"", "\"", " aria-hidden=\"true\"></i>"],
+  _tmpl$15 = ["<div class=\"k2b-chart-explorer__chart\">", "</div>"],
+  _tmpl$16 = ["<b data-chart-legend-value", ">", "</b>"],
+  _tmpl$17 = ["<li><span class=\"k2b-chart-legend__swatch\"", " style=\"", "\" aria-hidden=\"true\"></span>", "", "</li>"],
+  _tmpl$18 = "<i class=\"ti ti-x\" aria-hidden=\"true\"></i>",
+  _tmpl$19 = ["<div class=\"k2b-chart-explorer__detail-header\"><span>", "</span>", "</div>"];
 import { createEffect, createMemo, createSignal, createUniqueId, For, Show } from "solid-js";
 import { Dynamic } from "solid-js/web";
 import { Button, IconButton } from "../actions/Button";
@@ -31,6 +42,11 @@ import DataTable from "./DataTable";
 
 /** One legend entry; `color` is the palette index the renderer gave the series (0 is `--stdlib-chart-c1`). */
 
+/**
+ * The latest read of an explorer's rows, kept apart from the rows on screen. Loading and a failure keep shown rows;
+ * without rows they take the viewport's place at its height.
+ */
+
 // Only the copied text can prove that a cell is a number; a numeric sort key cannot.
 const plainNumber = /^[-+]?\p{Sc}?\s?\d[\d.,\s]*(?:\s?(?:%|\p{Sc}))?$/u;
 const tsvCell = value => {
@@ -41,8 +57,28 @@ export function ChartExplorer(props) {
   const messages = useUiMessages();
   const chartMessages = useChartMessages();
   const locale = useLocale();
+  let legendHost;
   const id = `k2b-chart-explorer-${createUniqueId()}`;
   const data = () => props.data;
+  const snapshot = () => "chart" in props.data ? props.data.chart : undefined;
+  /** Without `request` the explorer behaves as before: rows or the empty slot. */
+  const state = () => {
+    if (!props.request) return undefined;
+    const status = props.request.status;
+    if (data().rows.length) return status === "error" ? "stale" : status === "loading" ? "refreshing" : "data";
+    return status === "idle" ? "empty" : status;
+  };
+  const switching = () => state() === "refreshing" && props.request?.requestedRange !== undefined && props.request.requestedRange !== props.range;
+  const legendValue = index => {
+    const marks = snapshot()?.marks ?? [];
+    let latest = -Infinity;
+    for (const mark of marks) latest = Math.max(latest, mark.datum.anchor[0]);
+    const valueField = snapshot()?.kind === "area" ? marks.some(mark => mark.datum.values.some(field => field.key === "percent")) ? "percent" : "value" : "y";
+    const field = marks.find(mark => mark.datum.seriesIndex === index && mark.datum.anchor[0] === latest)?.datum.values.find(field => field.key === valueField);
+    return field ? field.formatted ?? (typeof field.value === "number" ? new Intl.NumberFormat(locale(), {
+      maximumFractionDigits: 6
+    }).format(field.value) : field.value) : "—";
+  };
   const [copyFailed, setCopyFailed] = createSignal(false);
   const [localSelection, setLocalSelection] = createSignal(null);
   const [localView, setLocalView] = createSignal(props.defaultView ?? "chart");
@@ -69,8 +105,15 @@ export function ChartExplorer(props) {
   if (!props.columns.length || props.columns.some(column => !column.id) || new Set(props.columns.map(column => column.id)).size !== props.columns.length) {
     throw new Error("Chart columns require unique nonempty IDs and at least one column");
   }
-  validateChartExplorerData(data());
-  createEffect(() => validateChartExplorerData(data()));
+  const validate = () => {
+    const chart = snapshot();
+    if (chart) validateChartExplorerData({
+      chart,
+      rows: data().rows
+    });else if (new Set(data().rows.map(row => row.key)).size !== data().rows.length || data().rows.some(row => !row.key)) throw new Error("Chart data requires unique row/mark keys and a row for every mark.rowKey");
+  };
+  validate();
+  createEffect(validate);
   createEffect(() => {
     if (props.selectedKey === undefined && rawSelected() !== null && selected() === null) select(null);
   });
@@ -114,7 +157,32 @@ export function ChartExplorer(props) {
     props.onChartChange?.(value.slice("chart:".length));
   };
   const copyText = () => [props.columns.map(c => tsvCell(c.label)).join("\t"), ...rows().map(row => props.columns.map(c => tsvCell(c.value(row))).join("\t"))].join("\n");
-  return _$ssr(_tmpl$5, `k2b-chart-explorer ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-labelledby", _$escape(id, true), false), _$escape(_$createComponent(Dynamic, {
+  const tableView = () => view() === "table" && data().rows.length > 0 && state() !== "loading" && state() !== "error";
+  const retryButton = variant => _$createComponent(Show, {
+    get when() {
+      return props.onRetry;
+    },
+    children: retry => _$createComponent(Button, {
+      variant: variant,
+      size: "sm",
+      onClick: () => retry()(),
+      get children() {
+        return [_$createComponent(Show, {
+          when: variant === "secondary",
+          get children() {
+            return _$ssr(_tmpl$);
+          }
+        }), messages().tryAgain];
+      }
+    })
+  });
+  // "14px 16px" reads like CSS padding: block first, then inline; one value is both.
+  const insetBlock = () => props.inset?.trim().split(/\s+/)[0] ?? "";
+  const insetInline = () => props.inset?.trim().split(/\s+/)[1] ?? insetBlock();
+  return _$ssr(_tmpl$8, `k2b-chart-explorer ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-labelledby", _$escape(id, true), false) + _$ssrAttribute("aria-busy", state() === "loading" || state() === "refreshing" ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-state", _$escape(state(), true), false) + _$ssrAttribute("data-inset", props.inset ? "true" : _$escape(undefined, true), false), _$ssrStyle(props.inset ? {
+    "--k2b-chart-explorer-inset": insetInline(),
+    "--k2b-chart-explorer-inset-block": insetBlock()
+  } : undefined), _$escape(_$createComponent(Dynamic, {
     get component() {
       return `h${props.headingLevel ?? 3}`;
     },
@@ -125,12 +193,36 @@ export function ChartExplorer(props) {
     }
   })), _$escape(_$createComponent(Show, {
     get when() {
-      return props.description;
+      return props.description || state();
     },
     get children() {
-      return _$ssr(_tmpl$, _$escape(props.description));
+      return _$ssr(_tmpl$4, `k2b-chart-explorer__description ${state() === "stale" || state() === "loading" || switching() ? "k2b-chart-explorer__status-line" : ""}`, _$ssrAttribute("data-tone", state() === "stale" ? "warning" : _$escape(undefined, true), false) + _$ssrAttribute("role", state() ? "status" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
+        get when() {
+          return state() === "stale" || state() === "loading" || switching();
+        },
+        get fallback() {
+          return props.description;
+        },
+        get children() {
+          return _$createComponent(Show, {
+            get when() {
+              return state() === "stale";
+            },
+            get fallback() {
+              return _$ssr(_tmpl$9, switching() ? _$escape(chartMessages().chartLoadingRange({
+                range: props.request.requestedRange
+              })) : _$escape(chartMessages().chartLoading));
+            },
+            get children() {
+              return [_$ssr(_tmpl$2), _$ssr(_tmpl$3, _$escape([props.asOf ? chartMessages().chartAsOf({
+                time: props.asOf
+              }) : undefined, chartMessages().chartRefreshFailed].filter(Boolean).join(" · ")), props.onRetry ? " · " : ""), retryButton("text")];
+            }
+          });
+        }
+      })));
     }
-  })), _$escape(_$createComponent(CopyButton, {
+  })), _$escape(props.actions), _$ssrAttribute("inert", state() && !data().rows.length ? true : undefined, true), _$escape(_$createComponent(CopyButton, {
     get text() {
       return copyText();
     },
@@ -146,6 +238,7 @@ export function ChartExplorer(props) {
     onCopyError: () => setCopyFailed(true),
     onCopied: () => setCopyFailed(false)
   })), _$escape(_$createComponent(SelectChip, {
+    stableWidth: true,
     get value() {
       return switcherValue();
     },
@@ -161,14 +254,47 @@ export function ChartExplorer(props) {
       return copyFailed();
     },
     get children() {
-      return _$ssr(_tmpl$2, _$escape(chartMessages().chartCopyFailed));
+      return _$ssr(_tmpl$5, _$escape(chartMessages().chartCopyFailed));
     }
-  })), _$escape(props.controls), _$ssrAttribute("data-legend", view() === "chart" && props.legend?.length && data().rows.length > 0 ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-capped", view() === "table" && shownRows().length < rows().length ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("height:", _$escape(props.height ?? "18rem", true)), _$escape(_$createComponent(Show, {
+  })), _$escape(props.controls), _$ssrAttribute("data-view", tableView() ? "table" : _$escape(undefined, true), false) + _$ssrAttribute("data-legend", view() === "chart" && props.legend?.length && data().rows.length > 0 ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-capped", tableView() && shownRows().length < rows().length ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("height:", tableView() && props.inset ? `calc(${_$escape(props.height ?? "18rem", true)} + ${_$escape(insetBlock(), true)})` : _$escape(props.height ?? "18rem", true)), _$escape(_$createComponent(Show, {
     get when() {
-      return data().rows.length > 0;
+      return _$memo(() => !!(state() !== "loading" && state() !== "error"))() && data().rows.length > 0;
     },
     get fallback() {
-      return _$ssr(_tmpl$6, _$escape(props.empty ?? messages().noData));
+      return _$createComponent(Show, {
+        get when() {
+          return state() === "loading";
+        },
+        get fallback() {
+          return _$createComponent(Show, {
+            get when() {
+              return state() === "error";
+            },
+            get fallback() {
+              return _$createComponent(Show, {
+                get when() {
+                  return state() === "empty";
+                },
+                get fallback() {
+                  return _$ssr(_tmpl$11, _$escape(props.empty ?? messages().noData));
+                },
+                get children() {
+                  return _$ssr(_tmpl$10, _$escape(props.empty ?? messages().noData));
+                }
+              });
+            },
+            get children() {
+              return _$ssr(_tmpl$1, _$escape(chartMessages().chartLoadFailed), _$escape(props.request?.reason ?? chartMessages().chartLoadFailedKept), _$escape(retryButton("secondary")));
+            }
+          });
+        },
+        get children() {
+          return _$ssr(_tmpl$0, _$ssrAttribute("aria-label", _$escape(chartMessages().chartLoading, true), false), _$escape(_$createComponent(For, {
+            each: [0.45, 0.62, 0.55, 0.72, 0.6, 0.8, 0.66, 0.88, 0.63, 0.78, 0.7, 0.95],
+            children: height => _$ssr(_tmpl$12, _$ssrStyleProperty("height:", `${_$escape(height, true) * 100}%`))
+          })));
+        }
+      });
     },
     get children() {
       return _$createComponent(Show, {
@@ -198,7 +324,9 @@ export function ChartExplorer(props) {
               return sort();
             },
             fillHeight: true,
-            surface: "paper",
+            get surface() {
+              return props.inset ? "plain" : "paper";
+            },
             onRowClick: row => select(row.key),
             renderCell: ({
               row,
@@ -228,7 +356,7 @@ export function ChartExplorer(props) {
                 direction: sort()?.key === col.id && sort()?.direction === "asc" ? "desc" : "asc"
               }),
               get children() {
-                return [props.columns.find(column => column.id === col.id)?.label, _$ssr(_tmpl$8, `k2b-data-table__sort-icon ti ${sort()?.key === col.id && sort()?.direction === "asc" ? "ti-arrow-up" : "ti-arrow-down"}`, _$ssrAttribute("data-active", sort()?.key === col.id ? "true" : _$escape(undefined, true), false))];
+                return [props.columns.find(column => column.id === col.id)?.label, _$ssr(_tmpl$14, `k2b-data-table__sort-icon ti ${sort()?.key === col.id && sort()?.direction === "asc" ? "ti-arrow-up" : "ti-arrow-down"}`, _$ssrAttribute("data-active", sort()?.key === col.id ? "true" : _$escape(undefined, true), false))];
               }
             }) : render()
           }), _$createComponent(Show, {
@@ -236,7 +364,7 @@ export function ChartExplorer(props) {
               return shownRows().length < rows().length;
             },
             get children() {
-              return _$ssr(_tmpl$7, _$escape(chartMessages().chartRowsShown({
+              return _$ssr(_tmpl$13, _$escape(chartMessages().chartRowsShown({
                 shown: new Intl.NumberFormat(locale()).format(shownRows().length),
                 total: new Intl.NumberFormat(locale()).format(rows().length)
               })));
@@ -244,32 +372,48 @@ export function ChartExplorer(props) {
           })];
         },
         get children() {
-          return [_$createComponent(ChartSnapshotView, {
-            get cursor() {
-              return props.cursor;
+          return [_$createComponent(Show, {
+            get when() {
+              return snapshot();
             },
-            get snapshot() {
-              return data().chart;
+            get fallback() {
+              return _$ssr(_tmpl$15, _$escape(props.children));
             },
-            get selectedKey() {
-              return selected();
-            },
-            onSelect: select,
-            get style() {
-              return props.legend?.length ? undefined : {
-                height: "100%"
-              };
-            }
+            children: chart => _$createComponent(ChartSnapshotView, {
+              get cursor() {
+                return props.cursor;
+              },
+              legend: () => legendHost,
+              get snapshot() {
+                return chart();
+              },
+              get selectedKey() {
+                return selected();
+              },
+              onSelect: select,
+              get style() {
+                return props.legend?.length ? undefined : {
+                  height: "100%"
+                };
+              }
+            })
           }), _$createComponent(Show, {
             get when() {
               return props.legend?.length;
             },
             get children() {
-              return _$ssr(_tmpl$3, _$ssrAttribute("aria-label", _$escape(chartMessages().chartLegend, true), false), _$escape(_$createComponent(For, {
+              return _$ssr(_tmpl$6, _$ssrAttribute("aria-label", _$escape(chartMessages().chartLegend, true), false), _$escape(_$createComponent(For, {
                 get each() {
                   return props.legend;
                 },
-                children: entry => _$ssr(_tmpl$9, _$ssrAttribute("data-style", entry.style && entry.style !== "solid" ? _$escape(entry.style, true) : _$escape(undefined, true), false) + _$ssrAttribute("data-reference", entry.reference ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-chart-legend-color:", `var(--stdlib-chart-c${_$escape(Math.abs(Math.trunc(entry.color)), true) % 8 + 1})`), _$escape(entry.label))
+                children: (entry, index) => _$ssr(_tmpl$17, _$ssrAttribute("data-style", entry.style && entry.style !== "solid" ? _$escape(entry.style, true) : _$escape(undefined, true), false) + _$ssrAttribute("data-reference", entry.reference ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-chart-legend-color:", `var(--stdlib-chart-c${_$escape(Math.abs(Math.trunc(entry.color)), true) % 8 + 1})`), _$escape(entry.label), _$escape(_$createComponent(Show, {
+                  get when() {
+                    return snapshot()?.kind === "area";
+                  },
+                  get children() {
+                    return _$ssr(_tmpl$16, _$ssrAttribute("data-series-index", _$escape(index(), true), false) + _$ssrAttribute("data-field", snapshot()?.kind === "area" ? snapshot()?.marks.some(mark => mark.datum.values.some(field => field.key === "percent")) ? "percent" : "value" : "y", false) + _$ssrAttribute("data-default", _$escape(legendValue(index()), true), false), _$escape(legendValue(index())));
+                  }
+                })))
               })));
             }
           })];
@@ -281,14 +425,14 @@ export function ChartExplorer(props) {
       return props.renderDetails !== false;
     },
     get children() {
-      return _$ssr(_tmpl$4, _$escape(_$createComponent(Show, {
+      return _$ssr(_tmpl$7, _$escape(_$createComponent(Show, {
         get when() {
           return selectedRow();
         },
         children: row => _$createComponent(Paper, {
           "class": "k2b-chart-explorer__detail-paper",
           get children() {
-            return [_$ssr(_tmpl$1, _$escape(chartMessages().chartSelectedDatum), _$escape(_$createComponent(IconButton, {
+            return [_$ssr(_tmpl$19, _$escape(chartMessages().chartSelectedDatum), _$escape(_$createComponent(IconButton, {
               variant: "text",
               size: "sm",
               get label() {
@@ -296,7 +440,7 @@ export function ChartExplorer(props) {
               },
               onClick: () => select(null),
               get children() {
-                return _$ssr(_tmpl$0);
+                return _$ssr(_tmpl$18);
               }
             }))), props.renderDetails ? props.renderDetails(row()) : _$createComponent(DescriptionList, {
               columns: 3,