@gunkin/uiify 0.0.24-alpha → 0.0.26-alpha

package/dist/components/line-chart/LineChart.js

@@ -1,5 +1,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { composeEventHandlers } from "@gunkin/uiify/core/compose-event-handlers";
 import { useRenderElement } from "@gunkin/uiify/core/render";
+import { mergeRepeatedSlotProps } from "../../core/slot-props.js";
+import { assignRef } from "../../hooks/utils/assign-ref.js";
 import {
   axisLabelsFor,
   axisStyle,
@@ -13,6 +16,22 @@ import {
   slotCrosshairStyle,
   valueLabelsFor
 } from "./line-chart-geometry.js";
+function getIndexedPartProps(props, index) {
+  const { byItemIndex, ...common } = props ?? {};
+  return mergeRepeatedSlotProps(common, byItemIndex?.[index]);
+}
+function withGeneratedStyle(props, generatedStyle) {
+  return { ...props, style: { ...generatedStyle, ...props.style } };
+}
+function forwardPointRef(ref) {
+  return (element) => {
+    const cleanup = assignRef(ref, element);
+    if (typeof cleanup === "function") return cleanup;
+    if (ref && typeof ref !== "function" && element !== null) {
+      return () => assignRef(ref, null);
+    }
+  };
+}
 function LineChartPoint({
   as: Tag,
   point,
@@ -27,9 +46,13 @@ function LineChartPoint({
   cursorY,
   onPointClick,
   onPointPointerLeave,
-  onPointPointerMove
+  onPointPointerMove,
+  slotProps
 }) {
   const geometry = geometryFor(point, previousPoint, index, count, min, max);
+  const pointSlotProps = getIndexedPartProps(slotProps?.point, index);
+  const { ref: pointRef, ...pointProps } = pointSlotProps;
+  const pointHitSlotProps = getIndexedPartProps(slotProps?.pointHit, index);
   const handleKeyDown = (event) => {
     if (event.key !== "Enter" && event.key !== " ") return;
     event.preventDefault();
@@ -45,7 +68,12 @@ function LineChartPoint({
       "data-point-selected": interactive && isSelected ? "" : void 0,
       "data-time": String(point.time),
       "data-trend": geometry.trend,
-      style: pointStyle(geometry, isActive ? cursorY : void 0),
+      ...pointProps,
+      ...pointRef ? { ref: forwardPointRef(pointRef) } : {},
+      style: {
+        ...pointStyle(geometry, isActive ? cursorY : void 0),
+        ...pointSlotProps.style
+      },
       children: interactive ? /* @__PURE__ */ jsx(
         "button",
         {
@@ -53,10 +81,17 @@ function LineChartPoint({
           type: "button",
           "aria-label": `Point ${String(point.time)}`,
           "aria-pressed": isSelected,
-          onClick: () => onPointClick?.(index),
-          onKeyDown: handleKeyDown,
-          onPointerLeave: onPointPointerLeave,
-          onPointerMove: (event) => onPointPointerMove?.({ index, offsetY: event.nativeEvent.offsetY })
+          ...pointHitSlotProps,
+          onClick: composeEventHandlers(pointHitSlotProps.onClick, () => onPointClick?.(index)),
+          onKeyDown: composeEventHandlers(pointHitSlotProps.onKeyDown, handleKeyDown),
+          onPointerLeave: composeEventHandlers(
+            pointHitSlotProps.onPointerLeave,
+            () => onPointPointerLeave?.()
+          ),
+          onPointerMove: composeEventHandlers(
+            pointHitSlotProps.onPointerMove,
+            (event) => onPointPointerMove?.({ index, offsetY: event.nativeEvent.offsetY })
+          )
         }
       ) : null
     }
@@ -70,7 +105,6 @@ function LineChart(props) {
     data,
     xAxis,
     yAxis,
-    "aria-label": ariaLabel,
     activePointIndex,
     cursorY,
     interactive = false,
@@ -79,6 +113,7 @@ function LineChart(props) {
     onPointPointerLeave,
     onPointPointerMove,
     selectedPointIndex,
+    slotProps,
     pointLayer,
     announceReadout = true,
     slotCount,
@@ -86,101 +121,173 @@ function LineChart(props) {
     ...consumerProps
   } = props;
   const { min, max } = getValueBounds(data);
-  const label = ariaLabel ?? "Line chart";
+  const label = consumerProps["aria-label"] ?? "Line chart";
   const timeLabels = axisLabelsFor(xAxis, monthLabelsFor(data, locale));
   const valueLabels = axisLabelsFor(yAxis, valueLabelsFor(min, max, locale));
   const readoutIndex = activePointIndex ?? selectedPointIndex ?? (data.length > 0 ? data.length - 1 : void 0);
   const readoutPoint = readoutIndex === void 0 ? void 0 : data[readoutIndex];
   const crosshairPoint = activePointIndex === void 0 ? void 0 : data[activePointIndex];
-  const points = pointLayer ?? /* @__PURE__ */ jsx("ol", { "data-part": "points", "aria-label": `${label} points`, style: pointsStyle(data.length), children: data.map((point, index) => /* @__PURE__ */ jsx(
-    LineChartPoint,
+  const points = pointLayer ?? /* @__PURE__ */ jsx(
+    "ol",
     {
-      as: "li",
-      point,
-      previousPoint: data[index - 1],
-      index,
-      count: data.length,
-      min,
-      max,
-      interactive,
-      isActive: activePointIndex === index,
-      isSelected: selectedPointIndex === index,
-      cursorY,
-      onPointClick,
-      onPointPointerLeave,
-      onPointPointerMove
-    },
-    `${point.time}-${index}`
-  )) });
+      "data-part": "points",
+      "aria-label": `${label} points`,
+      ...slotProps?.points,
+      style: { ...pointsStyle(data.length), ...slotProps?.points?.style },
+      children: data.map((point, index) => /* @__PURE__ */ jsx(
+        LineChartPoint,
+        {
+          as: "li",
+          point,
+          previousPoint: data[index - 1],
+          index,
+          count: data.length,
+          min,
+          max,
+          interactive,
+          isActive: activePointIndex === index,
+          isSelected: selectedPointIndex === index,
+          cursorY,
+          onPointClick,
+          onPointPointerLeave,
+          onPointPointerMove,
+          slotProps
+        },
+        `${point.time}-${index}`
+      ))
+    }
+  );
   const crosshairFor = (index, y) => slotCount === void 0 ? crosshairStyle(index, data.length, y) : slotCrosshairStyle(slotOffset + index, slotCount, y);
   return useRenderElement({
     as,
     defaultTag: "figure",
     props: {
-      ...consumerProps,
       "aria-label": label,
       "data-uiify-line-chart": "",
       "data-interactive": interactive ? "" : void 0,
+      ...consumerProps,
       children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("figcaption", { children: label }),
-        interactive && readoutPoint ? /* @__PURE__ */ jsxs("div", { "data-part": "readout", "aria-live": announceReadout ? "polite" : "off", children: [
-          /* @__PURE__ */ jsx("span", { "data-part": "readout-time", children: String(readoutPoint.time) }),
-          /* @__PURE__ */ jsx("span", { children: readoutPoint.value })
-        ] }) : null,
-        /* @__PURE__ */ jsxs("div", { "data-part": "plot", "aria-hidden": interactive ? void 0 : true, children: [
-          /* @__PURE__ */ jsx("div", { "data-part": "scroll-viewport", children: /* @__PURE__ */ jsxs("div", { "data-part": "canvas", children: [
-            /* @__PURE__ */ jsxs("div", { "data-part": "viewport", children: [
+        /* @__PURE__ */ jsx("figcaption", { ...slotProps?.caption, children: label }),
+        interactive && readoutPoint ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-part": "readout",
+            "aria-live": announceReadout ? "polite" : "off",
+            ...slotProps?.readout,
+            children: [
+              /* @__PURE__ */ jsx("span", { "data-part": "readout-time", ...slotProps?.readoutTime, children: String(readoutPoint.time) }),
+              /* @__PURE__ */ jsx("span", { ...slotProps?.readoutValue, children: readoutPoint.value })
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("div", { "data-part": "plot", "aria-hidden": interactive ? void 0 : true, ...slotProps?.plot, children: [
+          /* @__PURE__ */ jsx("div", { "data-part": "scroll-viewport", ...slotProps?.scrollViewport, children: /* @__PURE__ */ jsxs("div", { "data-part": "canvas", ...slotProps?.canvas, children: [
+            /* @__PURE__ */ jsxs("div", { "data-part": "viewport", ...slotProps?.viewport, children: [
               points,
               interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx(
                 "div",
                 {
                   "data-part": "crosshair",
                   "aria-hidden": "true",
-                  style: crosshairFor(activePointIndex, cursorY),
-                  children: /* @__PURE__ */ jsx("span", { "data-part": "crosshair-marker", children: "+" })
+                  ...slotProps?.crosshair,
+                  style: {
+                    ...crosshairFor(activePointIndex, cursorY),
+                    ...slotProps?.crosshair?.style
+                  },
+                  children: /* @__PURE__ */ jsx("span", { "data-part": "crosshair-marker", ...slotProps?.crosshairMarker, children: "+" })
                 }
               ) : null
             ] }),
-            /* @__PURE__ */ jsx("div", { "data-part": "time-viewport", children: /* @__PURE__ */ jsxs("ol", { "data-part": "time-axis", "data-axis": "time", "aria-label": `${label} dates`, children: [
-              timeLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
-                "li",
-                {
-                  style: axisStyle("x", axisLabel.position),
-                  children: axisLabel.label
-                },
-                `${axisLabel.position}-${index}`
-              )),
-              interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx(
-                "li",
-                {
-                  "data-part": "crosshair-time",
-                  style: crosshairFor(activePointIndex, void 0),
-                  children: String(crosshairPoint.time)
-                }
-              ) : null
-            ] }) })
-          ] }) }),
-          /* @__PURE__ */ jsxs("ol", { "data-part": "value-axis", "data-axis": "value", "aria-label": `${label} values`, children: [
-            valueLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
-              "li",
+            /* @__PURE__ */ jsx("div", { "data-part": "time-viewport", ...slotProps?.timeViewport, children: /* @__PURE__ */ jsxs(
+              "ol",
               {
-                style: axisStyle("y", axisLabel.position),
-                children: axisLabel.label
-              },
-              `${axisLabel.position}-${index}`
-            )),
-            interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx("li", { "data-part": "crosshair-value", style: cursorStyle(cursorY), children: crosshairPoint.value }) : null
-          ] })
+                "data-part": "time-axis",
+                "data-axis": "time",
+                "aria-label": `${label} dates`,
+                ...slotProps?.timeAxis,
+                children: [
+                  timeLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
+                    "li",
+                    {
+                      ...withGeneratedStyle(
+                        getIndexedPartProps(slotProps?.timeAxisLabel, index),
+                        axisStyle("x", axisLabel.position)
+                      ),
+                      children: axisLabel.label
+                    },
+                    `${axisLabel.position}-${index}`
+                  )),
+                  interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx(
+                    "li",
+                    {
+                      "data-part": "crosshair-time",
+                      ...slotProps?.crosshairTime,
+                      style: {
+                        ...crosshairFor(activePointIndex, void 0),
+                        ...slotProps?.crosshairTime?.style
+                      },
+                      children: String(crosshairPoint.time)
+                    }
+                  ) : null
+                ]
+              }
+            ) })
+          ] }) }),
+          /* @__PURE__ */ jsxs(
+            "ol",
+            {
+              "data-part": "value-axis",
+              "data-axis": "value",
+              "aria-label": `${label} values`,
+              ...slotProps?.valueAxis,
+              children: [
+                valueLabels.map((axisLabel, index) => /* @__PURE__ */ jsx(
+                  "li",
+                  {
+                    ...withGeneratedStyle(
+                      getIndexedPartProps(slotProps?.valueAxisLabel, index),
+                      axisStyle("y", axisLabel.position)
+                    ),
+                    children: axisLabel.label
+                  },
+                  `${axisLabel.position}-${index}`
+                )),
+                interactive && crosshairPoint && activePointIndex !== void 0 ? /* @__PURE__ */ jsx(
+                  "li",
+                  {
+                    "data-part": "crosshair-value",
+                    ...slotProps?.crosshairValue,
+                    style: { ...cursorStyle(cursorY), ...slotProps?.crosshairValue?.style },
+                    children: crosshairPoint.value
+                  }
+                ) : null
+              ]
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxs("table", { "data-part": "data", "aria-label": `${label} data`, children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { scope: "col", children: "Time" }),
-            /* @__PURE__ */ jsx("th", { scope: "col", children: "Value" })
+        /* @__PURE__ */ jsxs("table", { "data-part": "data", "aria-label": `${label} data`, ...slotProps?.dataTable, children: [
+          /* @__PURE__ */ jsx("thead", { ...slotProps?.dataTableHead, children: /* @__PURE__ */ jsxs("tr", { ...slotProps?.dataTableHeaderRow, children: [
+            /* @__PURE__ */ jsx("th", { scope: "col", ...slotProps?.dataTableTimeHeader, children: "Time" }),
+            /* @__PURE__ */ jsx("th", { scope: "col", ...slotProps?.dataTableValueHeader, children: "Value" })
           ] }) }),
-          /* @__PURE__ */ jsx("tbody", { children: data.map((point, index) => /* @__PURE__ */ jsxs("tr", { children: [
-            /* @__PURE__ */ jsx("th", { scope: "row", children: String(point.time) }),
-            /* @__PURE__ */ jsx("td", { children: point.value })
-          ] }, `${point.time}-${index}`)) })
+          /* @__PURE__ */ jsx("tbody", { ...slotProps?.dataTableBody, children: data.map((point, index) => /* @__PURE__ */ jsxs(
+            "tr",
+            {
+              ...getIndexedPartProps(slotProps?.dataTableRow, slotOffset + index),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "th",
+                  {
+                    scope: "row",
+                    ...getIndexedPartProps(slotProps?.dataTableTimeCell, slotOffset + index),
+                    children: String(point.time)
+                  }
+                ),
+                /* @__PURE__ */ jsx("td", { ...getIndexedPartProps(slotProps?.dataTableValueCell, slotOffset + index), children: point.value })
+              ]
+            },
+            `${point.time}-${index}`
+          )) })
         ] })
       ] })
     },

package/dist/components/line-chart/LineChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/line-chart/LineChart.tsx"],"sourcesContent":["import type { ElementType, KeyboardEvent, PointerEvent, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport {\n  axisLabelsFor,\n  axisStyle,\n  crosshairStyle,\n  cursorStyle,\n  geometryFor,\n  getValueBounds,\n  monthLabelsFor,\n  pointStyle,\n  pointsStyle,\n  slotCrosshairStyle,\n  valueLabelsFor,\n} from \"./line-chart-geometry.js\";\nimport type { LineChartPointProps, LineChartProps, LineChartViewProps } from \"./types.js\";\n\n/** One point and the segment from its predecessor; shared by the static list and virtual rows. */\nexport function LineChartPoint({\n  as: Tag,\n  point,\n  previousPoint,\n  index,\n  count,\n  min,\n  max,\n  interactive,\n  isActive,\n  isSelected,\n  cursorY,\n  onPointClick,\n  onPointPointerLeave,\n  onPointPointerMove,\n}: LineChartPointProps): ReactElement {\n  const geometry = geometryFor(point, previousPoint, index, count, min, max);\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\n    event.preventDefault();\n    onPointClick?.(index);\n  };\n\n  return (\n    <Tag\n      aria-hidden={interactive ? undefined : true}\n      data-part=\"point\"\n      data-first={previousPoint === undefined ? \"\" : undefined}\n      data-crosshair-active={interactive && isActive ? \"\" : undefined}\n      data-point-selected={interactive && isSelected ? \"\" : undefined}\n      data-time={String(point.time)}\n      data-trend={geometry.trend}\n      style={pointStyle(geometry, isActive ? cursorY : undefined)}\n    >\n      {interactive ? (\n        <button\n          data-part=\"point-hit\"\n          type=\"button\"\n          aria-label={`Point ${String(point.time)}`}\n          aria-pressed={isSelected}\n          onClick={() => onPointClick?.(index)}\n          onKeyDown={handleKeyDown}\n          onPointerLeave={onPointPointerLeave}\n          onPointerMove={(event: PointerEvent<HTMLButtonElement>) =>\n            onPointPointerMove?.({ index, offsetY: event.nativeEvent.offsetY })\n          }\n        />\n      ) : null}\n    </Tag>\n  );\n}\nLineChartPoint.displayName = \"LineChartPoint\";\n\nexport function LineChart<TAs extends ElementType = \"figure\">(\n  props: LineChartProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    data,\n    xAxis,\n    yAxis,\n    \"aria-label\": ariaLabel,\n    activePointIndex,\n    cursorY,\n    interactive = false,\n    locale = \"en-US\",\n    onPointClick,\n    onPointPointerLeave,\n    onPointPointerMove,\n    selectedPointIndex,\n    pointLayer,\n    announceReadout = true,\n    slotCount,\n    slotOffset = 0,\n    ...consumerProps\n  } = props as LineChartProps<\"figure\"> & LineChartViewProps;\n  const { min, max } = getValueBounds(data);\n  const label = ariaLabel ?? \"Line chart\";\n  const timeLabels = axisLabelsFor(xAxis, monthLabelsFor(data, locale));\n  const valueLabels = axisLabelsFor(yAxis, valueLabelsFor(min, max, locale));\n  const readoutIndex =\n    activePointIndex ?? selectedPointIndex ?? (data.length > 0 ? data.length - 1 : undefined);\n  const readoutPoint = readoutIndex === undefined ? undefined : data[readoutIndex];\n  const crosshairPoint = activePointIndex === undefined ? undefined : data[activePointIndex];\n  const points = pointLayer ?? (\n    <ol data-part=\"points\" aria-label={`${label} points`} style={pointsStyle(data.length)}>\n      {data.map((point, index) => (\n        <LineChartPoint\n          key={`${point.time}-${index}`}\n          as=\"li\"\n          point={point}\n          previousPoint={data[index - 1]}\n          index={index}\n          count={data.length}\n          min={min}\n          max={max}\n          interactive={interactive}\n          isActive={activePointIndex === index}\n          isSelected={selectedPointIndex === index}\n          cursorY={cursorY}\n          onPointClick={onPointClick}\n          onPointPointerLeave={onPointPointerLeave}\n          onPointPointerMove={onPointPointerMove}\n        />\n      ))}\n    </ol>\n  );\n  const crosshairFor = (index: number, y: number | undefined) =>\n    slotCount === undefined\n      ? crosshairStyle(index, data.length, y)\n      : slotCrosshairStyle(slotOffset + index, slotCount, y);\n\n  return useRenderElement({\n    as,\n    defaultTag: \"figure\",\n    props: {\n      ...consumerProps,\n      \"aria-label\": label,\n      \"data-uiify-line-chart\": \"\",\n      \"data-interactive\": interactive ? \"\" : undefined,\n      children: (\n        <>\n          <figcaption>{label}</figcaption>\n          {interactive && readoutPoint ? (\n            <div data-part=\"readout\" aria-live={announceReadout ? \"polite\" : \"off\"}>\n              <span data-part=\"readout-time\">{String(readoutPoint.time)}</span>\n              <span>{readoutPoint.value}</span>\n            </div>\n          ) : null}\n          <div data-part=\"plot\" aria-hidden={interactive ? undefined : true}>\n            <div data-part=\"scroll-viewport\">\n              <div data-part=\"canvas\">\n                <div data-part=\"viewport\">\n                  {points}\n                  {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                    <div\n                      data-part=\"crosshair\"\n                      aria-hidden=\"true\"\n                      style={crosshairFor(activePointIndex, cursorY)}\n                    >\n                      <span data-part=\"crosshair-marker\">+</span>\n                    </div>\n                  ) : null}\n                </div>\n                <div data-part=\"time-viewport\">\n                  <ol data-part=\"time-axis\" data-axis=\"time\" aria-label={`${label} dates`}>\n                    {timeLabels.map((axisLabel, index) => (\n                      <li\n                        key={`${axisLabel.position}-${index}`}\n                        style={axisStyle(\"x\", axisLabel.position)}\n                      >\n                        {axisLabel.label}\n                      </li>\n                    ))}\n                    {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                      <li\n                        data-part=\"crosshair-time\"\n                        style={crosshairFor(activePointIndex, undefined)}\n                      >\n                        {String(crosshairPoint.time)}\n                      </li>\n                    ) : null}\n                  </ol>\n                </div>\n              </div>\n            </div>\n            <ol data-part=\"value-axis\" data-axis=\"value\" aria-label={`${label} values`}>\n              {valueLabels.map((axisLabel, index) => (\n                <li\n                  key={`${axisLabel.position}-${index}`}\n                  style={axisStyle(\"y\", axisLabel.position)}\n                >\n                  {axisLabel.label}\n                </li>\n              ))}\n              {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                <li data-part=\"crosshair-value\" style={cursorStyle(cursorY)}>\n                  {crosshairPoint.value}\n                </li>\n              ) : null}\n            </ol>\n          </div>\n          <table data-part=\"data\" aria-label={`${label} data`}>\n            <thead>\n              <tr>\n                <th scope=\"col\">Time</th>\n                <th scope=\"col\">Value</th>\n              </tr>\n            </thead>\n            <tbody>\n              {data.map((point, index) => (\n                <tr key={`${point.time}-${index}`}>\n                  <th scope=\"row\">{String(point.time)}</th>\n                  <td>{point.value}</td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </>\n      ),\n    },\n    render,\n    state: {},\n  });\n}\nLineChart.displayName = \"LineChart\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/line-chart/LineChart.tsx"],"sourcesContent":["import type { ElementType, KeyboardEvent, PointerEvent, ReactElement, Ref } from \"react\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { mergeRepeatedSlotProps } from \"../../core/slot-props.js\";\nimport { assignRef } from \"../../hooks/utils/assign-ref.js\";\nimport {\n  axisLabelsFor,\n  axisStyle,\n  crosshairStyle,\n  cursorStyle,\n  geometryFor,\n  getValueBounds,\n  monthLabelsFor,\n  pointStyle,\n  pointsStyle,\n  slotCrosshairStyle,\n  valueLabelsFor,\n} from \"./line-chart-geometry.js\";\nimport type { LineChartPointProps, LineChartProps, LineChartViewProps } from \"./types.js\";\n\nfunction getIndexedPartProps<T extends object>(\n  props: (T & { readonly byItemIndex?: Readonly<Record<number, T>> }) | undefined,\n  index: number,\n): T {\n  const { byItemIndex, ...common } = props ?? {};\n  return mergeRepeatedSlotProps(common as T, byItemIndex?.[index]);\n}\n\nfunction withGeneratedStyle<T extends { readonly style?: object | undefined }>(\n  props: T,\n  generatedStyle: object,\n): T {\n  return { ...props, style: { ...generatedStyle, ...props.style } };\n}\n\nfunction forwardPointRef(ref: Ref<HTMLElement> | undefined) {\n  return (element: HTMLLIElement | HTMLDivElement | null): void | (() => void) => {\n    const cleanup = assignRef(ref, element);\n    if (typeof cleanup === \"function\") return cleanup;\n    if (ref && typeof ref !== \"function\" && element !== null) {\n      return () => assignRef(ref, null);\n    }\n  };\n}\n\n/** One point and the segment from its predecessor; shared by the static list and virtual rows. */\nexport function LineChartPoint({\n  as: Tag,\n  point,\n  previousPoint,\n  index,\n  count,\n  min,\n  max,\n  interactive,\n  isActive,\n  isSelected,\n  cursorY,\n  onPointClick,\n  onPointPointerLeave,\n  onPointPointerMove,\n  slotProps,\n}: LineChartPointProps): ReactElement {\n  const geometry = geometryFor(point, previousPoint, index, count, min, max);\n  const pointSlotProps = getIndexedPartProps(slotProps?.point, index);\n  const { ref: pointRef, ...pointProps } = pointSlotProps;\n  const pointHitSlotProps = getIndexedPartProps(slotProps?.pointHit, index);\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\n    event.preventDefault();\n    onPointClick?.(index);\n  };\n\n  return (\n    <Tag\n      aria-hidden={interactive ? undefined : true}\n      data-part=\"point\"\n      data-first={previousPoint === undefined ? \"\" : undefined}\n      data-crosshair-active={interactive && isActive ? \"\" : undefined}\n      data-point-selected={interactive && isSelected ? \"\" : undefined}\n      data-time={String(point.time)}\n      data-trend={geometry.trend}\n      {...pointProps}\n      {...(pointRef ? { ref: forwardPointRef(pointRef) } : {})}\n      style={{\n        ...pointStyle(geometry, isActive ? cursorY : undefined),\n        ...pointSlotProps.style,\n      }}\n    >\n      {interactive ? (\n        <button\n          data-part=\"point-hit\"\n          type=\"button\"\n          aria-label={`Point ${String(point.time)}`}\n          aria-pressed={isSelected}\n          {...pointHitSlotProps}\n          onClick={composeEventHandlers(pointHitSlotProps.onClick, () => onPointClick?.(index))}\n          onKeyDown={composeEventHandlers(pointHitSlotProps.onKeyDown, handleKeyDown)}\n          onPointerLeave={composeEventHandlers(pointHitSlotProps.onPointerLeave, () =>\n            onPointPointerLeave?.(),\n          )}\n          onPointerMove={composeEventHandlers(\n            pointHitSlotProps.onPointerMove,\n            (event: PointerEvent<HTMLButtonElement>) =>\n              onPointPointerMove?.({ index, offsetY: event.nativeEvent.offsetY }),\n          )}\n        />\n      ) : null}\n    </Tag>\n  );\n}\nLineChartPoint.displayName = \"LineChartPoint\";\n\nexport function LineChart<TAs extends ElementType = \"figure\">(\n  props: LineChartProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    data,\n    xAxis,\n    yAxis,\n    activePointIndex,\n    cursorY,\n    interactive = false,\n    locale = \"en-US\",\n    onPointClick,\n    onPointPointerLeave,\n    onPointPointerMove,\n    selectedPointIndex,\n    slotProps,\n    pointLayer,\n    announceReadout = true,\n    slotCount,\n    slotOffset = 0,\n    ...consumerProps\n  } = props as LineChartProps<\"figure\"> & LineChartViewProps;\n  const { min, max } = getValueBounds(data);\n  const label = consumerProps[\"aria-label\"] ?? \"Line chart\";\n  const timeLabels = axisLabelsFor(xAxis, monthLabelsFor(data, locale));\n  const valueLabels = axisLabelsFor(yAxis, valueLabelsFor(min, max, locale));\n  const readoutIndex =\n    activePointIndex ?? selectedPointIndex ?? (data.length > 0 ? data.length - 1 : undefined);\n  const readoutPoint = readoutIndex === undefined ? undefined : data[readoutIndex];\n  const crosshairPoint = activePointIndex === undefined ? undefined : data[activePointIndex];\n  const points = pointLayer ?? (\n    <ol\n      data-part=\"points\"\n      aria-label={`${label} points`}\n      {...slotProps?.points}\n      style={{ ...pointsStyle(data.length), ...slotProps?.points?.style }}\n    >\n      {data.map((point, index) => (\n        <LineChartPoint\n          key={`${point.time}-${index}`}\n          as=\"li\"\n          point={point}\n          previousPoint={data[index - 1]}\n          index={index}\n          count={data.length}\n          min={min}\n          max={max}\n          interactive={interactive}\n          isActive={activePointIndex === index}\n          isSelected={selectedPointIndex === index}\n          cursorY={cursorY}\n          onPointClick={onPointClick}\n          onPointPointerLeave={onPointPointerLeave}\n          onPointPointerMove={onPointPointerMove}\n          slotProps={slotProps}\n        />\n      ))}\n    </ol>\n  );\n  const crosshairFor = (index: number, y: number | undefined) =>\n    slotCount === undefined\n      ? crosshairStyle(index, data.length, y)\n      : slotCrosshairStyle(slotOffset + index, slotCount, y);\n\n  return useRenderElement({\n    as,\n    defaultTag: \"figure\",\n    props: {\n      \"aria-label\": label,\n      \"data-uiify-line-chart\": \"\",\n      \"data-interactive\": interactive ? \"\" : undefined,\n      ...consumerProps,\n      children: (\n        <>\n          <figcaption {...slotProps?.caption}>{label}</figcaption>\n          {interactive && readoutPoint ? (\n            <div\n              data-part=\"readout\"\n              aria-live={announceReadout ? \"polite\" : \"off\"}\n              {...slotProps?.readout}\n            >\n              <span data-part=\"readout-time\" {...slotProps?.readoutTime}>\n                {String(readoutPoint.time)}\n              </span>\n              <span {...slotProps?.readoutValue}>{readoutPoint.value}</span>\n            </div>\n          ) : null}\n          <div data-part=\"plot\" aria-hidden={interactive ? undefined : true} {...slotProps?.plot}>\n            <div data-part=\"scroll-viewport\" {...slotProps?.scrollViewport}>\n              <div data-part=\"canvas\" {...slotProps?.canvas}>\n                <div data-part=\"viewport\" {...slotProps?.viewport}>\n                  {points}\n                  {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                    <div\n                      data-part=\"crosshair\"\n                      aria-hidden=\"true\"\n                      {...slotProps?.crosshair}\n                      style={{\n                        ...crosshairFor(activePointIndex, cursorY),\n                        ...slotProps?.crosshair?.style,\n                      }}\n                    >\n                      <span data-part=\"crosshair-marker\" {...slotProps?.crosshairMarker}>\n                        +\n                      </span>\n                    </div>\n                  ) : null}\n                </div>\n                <div data-part=\"time-viewport\" {...slotProps?.timeViewport}>\n                  <ol\n                    data-part=\"time-axis\"\n                    data-axis=\"time\"\n                    aria-label={`${label} dates`}\n                    {...slotProps?.timeAxis}\n                  >\n                    {timeLabels.map((axisLabel, index) => (\n                      <li\n                        key={`${axisLabel.position}-${index}`}\n                        {...withGeneratedStyle(\n                          getIndexedPartProps(slotProps?.timeAxisLabel, index),\n                          axisStyle(\"x\", axisLabel.position),\n                        )}\n                      >\n                        {axisLabel.label}\n                      </li>\n                    ))}\n                    {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                      <li\n                        data-part=\"crosshair-time\"\n                        {...slotProps?.crosshairTime}\n                        style={{\n                          ...crosshairFor(activePointIndex, undefined),\n                          ...slotProps?.crosshairTime?.style,\n                        }}\n                      >\n                        {String(crosshairPoint.time)}\n                      </li>\n                    ) : null}\n                  </ol>\n                </div>\n              </div>\n            </div>\n            <ol\n              data-part=\"value-axis\"\n              data-axis=\"value\"\n              aria-label={`${label} values`}\n              {...slotProps?.valueAxis}\n            >\n              {valueLabels.map((axisLabel, index) => (\n                <li\n                  key={`${axisLabel.position}-${index}`}\n                  {...withGeneratedStyle(\n                    getIndexedPartProps(slotProps?.valueAxisLabel, index),\n                    axisStyle(\"y\", axisLabel.position),\n                  )}\n                >\n                  {axisLabel.label}\n                </li>\n              ))}\n              {interactive && crosshairPoint && activePointIndex !== undefined ? (\n                <li\n                  data-part=\"crosshair-value\"\n                  {...slotProps?.crosshairValue}\n                  style={{ ...cursorStyle(cursorY), ...slotProps?.crosshairValue?.style }}\n                >\n                  {crosshairPoint.value}\n                </li>\n              ) : null}\n            </ol>\n          </div>\n          <table data-part=\"data\" aria-label={`${label} data`} {...slotProps?.dataTable}>\n            <thead {...slotProps?.dataTableHead}>\n              <tr {...slotProps?.dataTableHeaderRow}>\n                <th scope=\"col\" {...slotProps?.dataTableTimeHeader}>\n                  Time\n                </th>\n                <th scope=\"col\" {...slotProps?.dataTableValueHeader}>\n                  Value\n                </th>\n              </tr>\n            </thead>\n            <tbody {...slotProps?.dataTableBody}>\n              {data.map((point, index) => (\n                <tr\n                  key={`${point.time}-${index}`}\n                  {...getIndexedPartProps(slotProps?.dataTableRow, slotOffset + index)}\n                >\n                  <th\n                    scope=\"row\"\n                    {...getIndexedPartProps(slotProps?.dataTableTimeCell, slotOffset + index)}\n                  >\n                    {String(point.time)}\n                  </th>\n                  <td {...getIndexedPartProps(slotProps?.dataTableValueCell, slotOffset + index)}>\n                    {point.value}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </>\n      ),\n    },\n    render,\n    state: {},\n  });\n}\nLineChart.displayName = \"LineChart\";\n"],"mappings":"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","names":[]}

package/dist/components/line-chart/client/LineChartClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartClient.d.ts","sourceRoot":"","sources":["../../../../src/components/line-chart/client/LineChartClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAY3E,OAAO,KAAK,EACV,oBAAoB,EAKrB,MAAM,aAAa,CAAC;AAwBrB,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAqJrB;yBAvJe,eAAe"}
+{"version":3,"file":"LineChartClient.d.ts","sourceRoot":"","sources":["../../../../src/components/line-chart/client/LineChartClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAO,MAAM,OAAO,CAAC;AAY3E,OAAO,KAAK,EACV,oBAAoB,EAKrB,MAAM,aAAa,CAAC;AAwBrB,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CAkKrB;yBApKe,eAAe"}

package/dist/components/line-chart/client/LineChartClient.js

@@ -23,6 +23,7 @@ function LineChartClient(props) {
     onPointClick: consumerOnPointClick,
     onPointPointerLeave: consumerOnPointPointerLeave,
     onPointPointerMove: consumerOnPointPointerMove,
+    slotProps,
     ...consumerProps
   } = props;
   const live = visibleCount !== void 0 && visibleCount > 0;
@@ -40,9 +41,10 @@ function LineChartClient(props) {
     visibleCount,
     itemWidth: viewport.itemWidth,
     figureHeight: figureSize?.height,
-    scrollVariable: "--line-scroll-x"
+    scrollVariable: "--line-scroll-x",
+    consumerStyle
   });
-  useScrollbarReserve(liveWindow.chartRef, "--line-scrollbar-size");
+  useScrollbarReserve(liveWindow.chartRef, "--line-scrollbar-size", consumerStyle);
   const [cursor, setCursor] = useState(null);
   const [selectedPointIndex, setSelectedPointIndex] = useState();
   const chartRef = useMergedRefs(viewport.ref, consumerRef, liveWindow.chartRef);
@@ -69,8 +71,8 @@ function LineChartClient(props) {
     [data, live]
   );
   const style = {
-    ...consumerStyle,
-    "--line-scale": String(viewport.scale)
+    "--line-scale": String(viewport.scale),
+    ...consumerStyle
   };
   if (!live) {
     const chartProps2 = {
@@ -83,6 +85,7 @@ function LineChartClient(props) {
       onPointClick: handlePointClick,
       onPointPointerLeave: handlePointPointerLeave,
       onPointPointerMove: handlePointPointerMove,
+      ...slotProps ? { slotProps } : {},
       ref: chartRef,
       selectedPointIndex,
       style
@@ -93,6 +96,7 @@ function LineChartClient(props) {
   const slice = data.slice(sliceStart, sliceEnd);
   const { min, max } = getValueBounds(slice);
   const toSliceIndex = (index) => index !== void 0 && index >= sliceStart && index < sliceEnd ? index - sliceStart : void 0;
+  const { ref: liveScrollportRef, ...liveScrollportProps } = slotProps?.liveScrollport ?? {};
   const pointLayer = /* @__PURE__ */ jsx(
     VirtualScroll,
     {
@@ -122,9 +126,16 @@ function LineChartClient(props) {
             cursorY: isActive ? cursor?.offsetY : void 0,
             onPointClick: handlePointClick,
             onPointPointerLeave: handlePointPointerLeave,
-            onPointPointerMove: handlePointPointerMove
+            onPointPointerMove: handlePointPointerMove,
+            slotProps
           }
         );
+      },
+      ...liveScrollportProps,
+      ...liveScrollportRef ? { ref: liveScrollportRef } : {},
+      slotProps: {
+        ...slotProps?.liveSpacer ? { spacer: slotProps.liveSpacer } : {},
+        ...slotProps?.livePointRow ? { row: slotProps.livePointRow } : {}
       }
     }
   );
@@ -133,7 +144,8 @@ function LineChartClient(props) {
     "--line-content-size": `${contentSize}px`,
     "--line-plot-height": `${plotHeight}px`,
     // One virtual row: the viewport holds `visibleCount` of them.
-    "--line-run": String(100 / visibleCount)
+    "--line-run": String(100 / visibleCount),
+    ...consumerStyle
   };
   const chartProps = {
     ...consumerProps,
@@ -144,6 +156,7 @@ function LineChartClient(props) {
     pointLayer,
     cursorY: cursor?.offsetY,
     interactive: true,
+    ...slotProps ? { slotProps } : {},
     ref: chartRef,
     selectedPointIndex: toSliceIndex(selectedPointIndex),
     slotCount: data.length,

package/dist/components/line-chart/client/LineChartClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/line-chart/client/LineChartClient.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { CSSProperties, ElementType, ReactElement, Ref } from \"react\";\nimport { useChartViewport } from \"../../../hooks/use-chart-viewport.js\";\nimport { useMergedRefs } from \"../../../hooks/use-merged-refs.js\";\nimport { useResizeObserver } from \"../../../hooks/use-resize-observer.js\";\nimport {\n  liveTimeAxis,\n  useLiveChartWindow,\n} from \"../../internal/live-chart/use-live-chart-window.js\";\nimport { useScrollbarReserve } from \"../../internal/chart-scrollbar/use-scrollbar-reserve.js\";\nimport { VirtualScroll } from \"../../virtual-scroll/VirtualScroll.js\";\nimport { LineChart, LineChartPoint } from \"../LineChart.js\";\nimport { getValueBounds } from \"../line-chart-geometry.js\";\nimport type {\n  LineChartClientProps,\n  LineChartData,\n  LineChartPointerPosition,\n  LineChartProps,\n  LineChartViewProps,\n} from \"../types.js\";\n\ninterface CursorState extends LineChartPointerPosition {}\n\ninterface InteractiveLineStyle extends CSSProperties {\n  \"--line-scale\": string;\n  \"--line-content-size\"?: string;\n  \"--line-plot-height\"?: string;\n  \"--line-run\"?: string;\n}\n\ninterface LivePoint {\n  readonly id: string;\n  readonly point: LineChartData;\n}\n\n/**\n * `[data-part=\"plot\"]`'s fixed price-axis column (4.5rem) plus its grid gap\n * (0.75rem) — see line-chart.css. `useChartViewport` measures the whole\n * `<figure>`, but points only ever get the width left over after this\n * column, so it must be subtracted before sizing `minItemWidth`.\n */\nconst Y_AXIS_COLUMN_WIDTH = 72 + 12;\n\nexport function LineChartClient<TAs extends ElementType = \"figure\">(\n  props: LineChartClientProps<TAs>,\n): ReactElement | null {\n  const {\n    data,\n    visibleCount,\n    xAxis,\n    ref: consumerRef,\n    style: consumerStyle,\n    onPointClick: consumerOnPointClick,\n    onPointPointerLeave: consumerOnPointPointerLeave,\n    onPointPointerMove: consumerOnPointPointerMove,\n    ...consumerProps\n  } = props as LineChartClientProps<\"figure\"> & {\n    ref?: Ref<HTMLElement>;\n    style?: CSSProperties;\n  };\n  const live = visibleCount !== undefined && visibleCount > 0;\n  const viewport = useChartViewport(\n    live\n      ? {\n          enabled: false,\n          initialScale: 1,\n          itemCount: visibleCount,\n          measuredWidthOffset: Y_AXIS_COLUMN_WIDTH,\n        }\n      : { itemCount: data.length, measuredWidthOffset: Y_AXIS_COLUMN_WIDTH, minItemWidth: 24 },\n  );\n  const figureSize = useResizeObserver(viewport.ref);\n  const liveWindow = useLiveChartWindow({\n    count: data.length,\n    visibleCount,\n    itemWidth: viewport.itemWidth,\n    figureHeight: figureSize?.height,\n    scrollVariable: \"--line-scroll-x\",\n  });\n  useScrollbarReserve(liveWindow.chartRef, \"--line-scrollbar-size\");\n  // Cursor and selection hold absolute indices so they survive scrolling and appends.\n  const [cursor, setCursor] = useState<CursorState | null>(null);\n  const [selectedPointIndex, setSelectedPointIndex] = useState<number | undefined>();\n  const chartRef = useMergedRefs<HTMLElement>(viewport.ref, consumerRef, liveWindow.chartRef);\n  const handlePointClick = useCallback(\n    (index: number) => {\n      setSelectedPointIndex(index);\n      consumerOnPointClick?.(index);\n    },\n    [consumerOnPointClick],\n  );\n  const handlePointPointerLeave = useCallback(() => {\n    setCursor(null);\n    consumerOnPointPointerLeave?.();\n  }, [consumerOnPointPointerLeave]);\n  const handlePointPointerMove = useCallback(\n    (position: LineChartPointerPosition) => {\n      setCursor(position);\n      consumerOnPointPointerMove?.(position);\n    },\n    [consumerOnPointPointerMove],\n  );\n  const liveItems = useMemo<readonly LivePoint[]>(\n    () => (live ? data.map((point, index) => ({ id: String(index), point })) : []),\n    [data, live],\n  );\n\n  const style: InteractiveLineStyle = {\n    ...consumerStyle,\n    \"--line-scale\": String(viewport.scale),\n  };\n\n  if (!live) {\n    const chartProps = {\n      ...consumerProps,\n      ...(xAxis ? { xAxis } : {}),\n      data,\n      activePointIndex: cursor?.index,\n      cursorY: cursor?.offsetY,\n      interactive: true,\n      onPointClick: handlePointClick,\n      onPointPointerLeave: handlePointPointerLeave,\n      onPointPointerMove: handlePointPointerMove,\n      ref: chartRef,\n      selectedPointIndex,\n      style,\n    } as LineChartProps<\"figure\">;\n    return <LineChart {...chartProps} />;\n  }\n\n  const { sliceStart, sliceEnd, contentSize, plotHeight } = liveWindow;\n  const slice = data.slice(sliceStart, sliceEnd);\n  const { min, max } = getValueBounds(slice);\n  const toSliceIndex = (index: number | undefined): number | undefined =>\n    index !== undefined && index >= sliceStart && index < sliceEnd ? index - sliceStart : undefined;\n  const pointLayer = (\n    <VirtualScroll\n      height={plotHeight}\n      items={liveItems}\n      orientation=\"horizontal\"\n      overscan={2}\n      rowHeight={viewport.itemWidth}\n      scrollRef={liveWindow.scrollRef}\n      onRangeChange={liveWindow.onRangeChange}\n      renderRow={({ point }, index) => {\n        // Overscan points stay inert, so focus never scrolls hidden points into view.\n        const inSlice = index >= sliceStart && index < sliceEnd;\n        const isActive = cursor?.index === index;\n        return (\n          <LineChartPoint\n            as=\"div\"\n            point={point}\n            previousPoint={data[index - 1]}\n            index={index}\n            count={data.length}\n            min={min}\n            max={max}\n            interactive={inSlice}\n            isActive={isActive}\n            isSelected={selectedPointIndex === index}\n            cursorY={isActive ? cursor?.offsetY : undefined}\n            onPointClick={handlePointClick}\n            onPointPointerLeave={handlePointPointerLeave}\n            onPointPointerMove={handlePointPointerMove}\n          />\n        );\n      }}\n    />\n  );\n\n  const liveStyle: InteractiveLineStyle = {\n    ...style,\n    \"--line-content-size\": `${contentSize}px`,\n    \"--line-plot-height\": `${plotHeight}px`,\n    // One virtual row: the viewport holds `visibleCount` of them.\n    \"--line-run\": String(100 / visibleCount),\n  };\n  const chartProps = {\n    ...consumerProps,\n    data: slice,\n    xAxis: xAxis ?? liveTimeAxis(data, sliceStart, sliceEnd, visibleCount),\n    activePointIndex: toSliceIndex(cursor?.index),\n    announceReadout: false,\n    pointLayer,\n    cursorY: cursor?.offsetY,\n    interactive: true,\n    ref: chartRef,\n    selectedPointIndex: toSliceIndex(selectedPointIndex),\n    slotCount: data.length,\n    slotOffset: sliceStart,\n    style: liveStyle,\n  } as LineChartProps<\"figure\"> & LineChartViewProps;\n\n  return <LineChart {...chartProps} />;\n}\nLineChartClient.displayName = \"LineChartClient\";\n"],"mappings":"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","names":["chartProps"]}
+{"version":3,"sources":["../../../../src/components/line-chart/client/LineChartClient.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { CSSProperties, ElementType, ReactElement, Ref } from \"react\";\nimport { useChartViewport } from \"../../../hooks/use-chart-viewport.js\";\nimport { useMergedRefs } from \"../../../hooks/use-merged-refs.js\";\nimport { useResizeObserver } from \"../../../hooks/use-resize-observer.js\";\nimport {\n  liveTimeAxis,\n  useLiveChartWindow,\n} from \"../../internal/live-chart/use-live-chart-window.js\";\nimport { useScrollbarReserve } from \"../../internal/chart-scrollbar/use-scrollbar-reserve.js\";\nimport { VirtualScroll } from \"../../virtual-scroll/VirtualScroll.js\";\nimport { LineChart, LineChartPoint } from \"../LineChart.js\";\nimport { getValueBounds } from \"../line-chart-geometry.js\";\nimport type {\n  LineChartClientProps,\n  LineChartData,\n  LineChartPointerPosition,\n  LineChartProps,\n  LineChartViewProps,\n} from \"../types.js\";\n\ninterface CursorState extends LineChartPointerPosition {}\n\ninterface InteractiveLineStyle extends CSSProperties {\n  \"--line-scale\": string;\n  \"--line-content-size\"?: string;\n  \"--line-plot-height\"?: string;\n  \"--line-run\"?: string;\n}\n\ninterface LivePoint {\n  readonly id: string;\n  readonly point: LineChartData;\n}\n\n/**\n * `[data-part=\"plot\"]`'s fixed price-axis column (4.5rem) plus its grid gap\n * (0.75rem) — see line-chart.css. `useChartViewport` measures the whole\n * `<figure>`, but points only ever get the width left over after this\n * column, so it must be subtracted before sizing `minItemWidth`.\n */\nconst Y_AXIS_COLUMN_WIDTH = 72 + 12;\n\nexport function LineChartClient<TAs extends ElementType = \"figure\">(\n  props: LineChartClientProps<TAs>,\n): ReactElement | null {\n  const {\n    data,\n    visibleCount,\n    xAxis,\n    ref: consumerRef,\n    style: consumerStyle,\n    onPointClick: consumerOnPointClick,\n    onPointPointerLeave: consumerOnPointPointerLeave,\n    onPointPointerMove: consumerOnPointPointerMove,\n    slotProps,\n    ...consumerProps\n  } = props as LineChartClientProps<\"figure\"> & {\n    ref?: Ref<HTMLElement>;\n    style?: CSSProperties;\n  };\n  const live = visibleCount !== undefined && visibleCount > 0;\n  const viewport = useChartViewport(\n    live\n      ? {\n          enabled: false,\n          initialScale: 1,\n          itemCount: visibleCount,\n          measuredWidthOffset: Y_AXIS_COLUMN_WIDTH,\n        }\n      : { itemCount: data.length, measuredWidthOffset: Y_AXIS_COLUMN_WIDTH, minItemWidth: 24 },\n  );\n  const figureSize = useResizeObserver(viewport.ref);\n  const liveWindow = useLiveChartWindow({\n    count: data.length,\n    visibleCount,\n    itemWidth: viewport.itemWidth,\n    figureHeight: figureSize?.height,\n    scrollVariable: \"--line-scroll-x\",\n    consumerStyle,\n  });\n  useScrollbarReserve(liveWindow.chartRef, \"--line-scrollbar-size\", consumerStyle);\n  // Cursor and selection hold absolute indices so they survive scrolling and appends.\n  const [cursor, setCursor] = useState<CursorState | null>(null);\n  const [selectedPointIndex, setSelectedPointIndex] = useState<number | undefined>();\n  const chartRef = useMergedRefs<HTMLElement>(viewport.ref, consumerRef, liveWindow.chartRef);\n  const handlePointClick = useCallback(\n    (index: number) => {\n      setSelectedPointIndex(index);\n      consumerOnPointClick?.(index);\n    },\n    [consumerOnPointClick],\n  );\n  const handlePointPointerLeave = useCallback(() => {\n    setCursor(null);\n    consumerOnPointPointerLeave?.();\n  }, [consumerOnPointPointerLeave]);\n  const handlePointPointerMove = useCallback(\n    (position: LineChartPointerPosition) => {\n      setCursor(position);\n      consumerOnPointPointerMove?.(position);\n    },\n    [consumerOnPointPointerMove],\n  );\n  const liveItems = useMemo<readonly LivePoint[]>(\n    () => (live ? data.map((point, index) => ({ id: String(index), point })) : []),\n    [data, live],\n  );\n\n  const style: InteractiveLineStyle = {\n    \"--line-scale\": String(viewport.scale),\n    ...consumerStyle,\n  };\n\n  if (!live) {\n    const chartProps = {\n      ...consumerProps,\n      ...(xAxis ? { xAxis } : {}),\n      data,\n      activePointIndex: cursor?.index,\n      cursorY: cursor?.offsetY,\n      interactive: true,\n      onPointClick: handlePointClick,\n      onPointPointerLeave: handlePointPointerLeave,\n      onPointPointerMove: handlePointPointerMove,\n      ...(slotProps ? { slotProps } : {}),\n      ref: chartRef,\n      selectedPointIndex,\n      style,\n    } as LineChartProps<\"figure\">;\n    return <LineChart {...chartProps} />;\n  }\n\n  const { sliceStart, sliceEnd, contentSize, plotHeight } = liveWindow;\n  const slice = data.slice(sliceStart, sliceEnd);\n  const { min, max } = getValueBounds(slice);\n  const toSliceIndex = (index: number | undefined): number | undefined =>\n    index !== undefined && index >= sliceStart && index < sliceEnd ? index - sliceStart : undefined;\n  const { ref: liveScrollportRef, ...liveScrollportProps } = slotProps?.liveScrollport ?? {};\n  const pointLayer = (\n    <VirtualScroll\n      height={plotHeight}\n      items={liveItems}\n      orientation=\"horizontal\"\n      overscan={2}\n      rowHeight={viewport.itemWidth}\n      scrollRef={liveWindow.scrollRef}\n      onRangeChange={liveWindow.onRangeChange}\n      renderRow={({ point }, index) => {\n        // Overscan points stay inert, so focus never scrolls hidden points into view.\n        const inSlice = index >= sliceStart && index < sliceEnd;\n        const isActive = cursor?.index === index;\n        return (\n          <LineChartPoint\n            as=\"div\"\n            point={point}\n            previousPoint={data[index - 1]}\n            index={index}\n            count={data.length}\n            min={min}\n            max={max}\n            interactive={inSlice}\n            isActive={isActive}\n            isSelected={selectedPointIndex === index}\n            cursorY={isActive ? cursor?.offsetY : undefined}\n            onPointClick={handlePointClick}\n            onPointPointerLeave={handlePointPointerLeave}\n            onPointPointerMove={handlePointPointerMove}\n            slotProps={slotProps}\n          />\n        );\n      }}\n      {...liveScrollportProps}\n      {...(liveScrollportRef ? { ref: liveScrollportRef } : {})}\n      slotProps={{\n        ...(slotProps?.liveSpacer ? { spacer: slotProps.liveSpacer } : {}),\n        ...(slotProps?.livePointRow ? { row: slotProps.livePointRow } : {}),\n      }}\n    />\n  );\n\n  const liveStyle: InteractiveLineStyle = {\n    ...style,\n    \"--line-content-size\": `${contentSize}px`,\n    \"--line-plot-height\": `${plotHeight}px`,\n    // One virtual row: the viewport holds `visibleCount` of them.\n    \"--line-run\": String(100 / visibleCount),\n    ...consumerStyle,\n  };\n  const chartProps = {\n    ...consumerProps,\n    data: slice,\n    xAxis: xAxis ?? liveTimeAxis(data, sliceStart, sliceEnd, visibleCount),\n    activePointIndex: toSliceIndex(cursor?.index),\n    announceReadout: false,\n    pointLayer,\n    cursorY: cursor?.offsetY,\n    interactive: true,\n    ...(slotProps ? { slotProps } : {}),\n    ref: chartRef,\n    selectedPointIndex: toSliceIndex(selectedPointIndex),\n    slotCount: data.length,\n    slotOffset: sliceStart,\n    style: liveStyle,\n  } as LineChartProps<\"figure\"> & LineChartViewProps;\n\n  return <LineChart {...chartProps} />;\n}\nLineChartClient.displayName = \"LineChartClient\";\n"],"mappings":"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","names":["chartProps"]}

package/dist/components/line-chart/client/index.d.ts

@@ -1,3 +1,3 @@
 export { LineChartClient } from "./LineChartClient.js";
-export type { LineChartAxisLabel, LineChartClientOwnProps, LineChartClientProps, LineChartData, LineChartOwnProps, LineChartPointerPosition, LineChartProps, } from "../types.js";
+export type { LineChartAxisLabel, LineChartClientOwnProps, LineChartClientProps, LineChartData, LineChartOwnProps, LineChartPointerPosition, LineChartProps, LineChartSlotProps, } from "../types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/line-chart/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/line-chart/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EACV,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,GACf,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/line-chart/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EACV,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,kBAAkB,GACnB,MAAM,aAAa,CAAC"}

package/dist/components/line-chart/client/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/line-chart/client/index.ts"],"sourcesContent":["export { LineChartClient } from \"./LineChartClient.js\";\nexport type {\n  LineChartAxisLabel,\n  LineChartClientOwnProps,\n  LineChartClientProps,\n  LineChartData,\n  LineChartOwnProps,\n  LineChartPointerPosition,\n  LineChartProps,\n} from \"../types.js\";\n"],"mappings":"AAAA,SAAS,uBAAuB;","names":[]}
+{"version":3,"sources":["../../../../src/components/line-chart/client/index.ts"],"sourcesContent":["export { LineChartClient } from \"./LineChartClient.js\";\nexport type {\n  LineChartAxisLabel,\n  LineChartClientOwnProps,\n  LineChartClientProps,\n  LineChartData,\n  LineChartOwnProps,\n  LineChartPointerPosition,\n  LineChartProps,\n  LineChartSlotProps,\n} from \"../types.js\";\n"],"mappings":"AAAA,SAAS,uBAAuB;","names":[]}

package/dist/components/line-chart/index.d.ts

@@ -1,3 +1,3 @@
 export { LineChart } from "./LineChart.js";
-export type { LineChartAxisLabel, LineChartData, LineChartOwnProps, LineChartPointerPosition, LineChartProps, } from "./types.js";
+export type { LineChartAxisLabel, LineChartData, LineChartOwnProps, LineChartPointerPosition, LineChartProps, LineChartSlotProps, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/line-chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/line-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,GACf,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/line-chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,kBAAkB,GACnB,MAAM,YAAY,CAAC"}

package/dist/components/line-chart/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/line-chart/index.ts"],"sourcesContent":["export { LineChart } from \"./LineChart.js\";\nexport type {\n  LineChartAxisLabel,\n  LineChartData,\n  LineChartOwnProps,\n  LineChartPointerPosition,\n  LineChartProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}
+{"version":3,"sources":["../../../src/components/line-chart/index.ts"],"sourcesContent":["export { LineChart } from \"./LineChart.js\";\nexport type {\n  LineChartAxisLabel,\n  LineChartData,\n  LineChartOwnProps,\n  LineChartPointerPosition,\n  LineChartProps,\n  LineChartSlotProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}