@ledgerhq/lumen-ui-react-visualization 0.1.18 → 0.1.20

package/dist/lib/Components/Line/types.d.ts

@@ -1,3 +1,5 @@
+import { CurveType } from '../../utils/types';
+export type { CurveType };
 export type LineProps = {
     /**
      * The ID of the series to render.
@@ -20,5 +22,18 @@ export type LineProps = {
      * @default 'gradient'
      */
     areaType?: 'gradient';
+    /**
+     * Override interpolation used to draw the line between data points.
+     * When omitted, falls back to the `curve` defined on the series.
+     * @default 'bump'
+     */
+    curve?: CurveType;
+    /**
+     * When true, skips null values and draws a continuous line across gaps.
+     * When false, null values create gaps in the line.
+     * When omitted, falls back to the `connectNulls` defined on the series.
+     * @default false
+     */
+    connectNulls?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/Line/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC"}

package/dist/lib/Components/Line/utils.d.ts

@@ -1,7 +1,7 @@
-import { ChartScaleFunction, DrawingArea, NumericScale } from '../../utils/types';
-type Point = [x: number, y: number];
+import { ChartScaleFunction, CurveType, DrawingArea, NumericScale } from '../../utils/types';
+type Point = [x: number, y: number | null];
 /**
- * Project series data into scaled [x, y] pixel coordinates, skipping nulls.
+ * Project series data into scaled [x, y] pixel coordinates.
  *
  * When `xData` contains numeric values, those values are fed into the scale
  * instead of the array index so the points honour a numeric X domain.
@@ -9,15 +9,20 @@ type Point = [x: number, y: number];
  * When `xData` is provided, iteration is capped at `xData.length` so a series
  * with more points than the axis has labels does not overflow past the right
  * edge of the chart. The axis is treated as authoritative for the X domain.
+ *
+ * Null values (and other non-finite numbers) are handled according to `connectNulls`:
+ * - `false` (default): kept as `[x, null]` holes so the line/area break into
+ *   gaps via the generators' `.defined()` check.
+ * - `true`: skipped entirely so the line is drawn continuously across gaps.
  */
-export declare const toScaledPoints: (data: (number | null)[], xScale: ChartScaleFunction, yScale: NumericScale, xData?: readonly (string | number)[]) => Point[] | null;
+export declare const toScaledPoints: (data: (number | null)[], xScale: ChartScaleFunction, yScale: NumericScale, xData?: readonly (string | number)[], connectNulls?: boolean) => Point[] | null;
 /**
  * Build the SVG `d` attribute for the line stroke.
  */
-export declare const buildLinePath: (points: Point[]) => string | null;
+export declare const buildLinePath: (points: Point[], curve?: CurveType) => string | null;
 /**
  * Build the SVG `d` attribute for the filled area beneath the line.
  */
-export declare const buildAreaPath: (points: Point[], drawingArea: DrawingArea) => string | null;
+export declare const buildAreaPath: (points: Point[], drawingArea: DrawingArea, curve?: CurveType) => string | null;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/Line/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAEpC;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,GACzB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EACvB,QAAQ,kBAAkB,EAC1B,QAAQ,YAAY,EACpB,QAAQ,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KACnC,KAAK,EAAE,GAAG,IAoBZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK,EAAE,KAAG,MAAM,GAAG,IAOxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,aAAa,WAAW,KACvB,MAAM,GAAG,IAUX,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Line/utils.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B,KAAK,KAAK,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;AAoB3C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,GACzB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EACvB,QAAQ,kBAAkB,EAC1B,QAAQ,YAAY,EACpB,QAAQ,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EACpC,sBAAoB,KACnB,KAAK,EAAE,GAAG,IA4BZ,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,QAAQ,SAAS,KAChB,MAAM,GAAG,IAQX,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,KAAK,EAAE,EACf,aAAa,WAAW,EACxB,QAAQ,SAAS,KAChB,MAAM,GAAG,IAWX,CAAC"}

package/dist/lib/Components/Line/utils.js

@@ -1,22 +1,40 @@
-import { isCategoricalScale as p } from "../../utils/scales/scales.js";
-import f from "../../../node_modules/d3-shape/src/line.js";
-import { bumpX as s } from "../../../node_modules/d3-shape/src/curve/bump.js";
-import y from "../../../node_modules/d3-shape/src/area.js";
-const d = (o, t, e, n) => {
-  const i = [], c = n ? Math.min(o.length, n.length) : o.length;
-  for (let r = 0; r < c; r++) {
-    const l = o[r];
-    if (l === null) continue;
-    const u = n && typeof n[r] == "number" ? n[r] : r, m = p(t) ? (t(u) ?? 0) + t.bandwidth() / 2 : t(u), h = e(l);
-    i.push([m, h]);
+import { isFiniteNumber as y } from "../../utils/numbers.js";
+import { isCategoricalScale as d } from "../../utils/scales/scales.js";
+import C from "../../../node_modules/d3-shape/src/line.js";
+import g, { stepBefore as F, stepAfter as a } from "../../../node_modules/d3-shape/src/curve/step.js";
+import A from "../../../node_modules/d3-shape/src/curve/natural.js";
+import { monotoneX as E } from "../../../node_modules/d3-shape/src/curve/monotone.js";
+import B from "../../../node_modules/d3-shape/src/curve/linear.js";
+import { bumpX as L } from "../../../node_modules/d3-shape/src/curve/bump.js";
+import P from "../../../node_modules/d3-shape/src/area.js";
+const f = {
+  bump: L,
+  linear: B,
+  monotone: E,
+  natural: A,
+  step: g,
+  stepAfter: a,
+  stepBefore: F
+}, h = "bump", b = (t = h) => f[t] ?? f[h], O = (t, e, o, n, r = !1) => {
+  const u = [], v = n ? Math.min(t.length, n.length) : t.length;
+  let m = 0;
+  for (let i = 0; i < v; i++) {
+    const l = t[i], s = y(l);
+    if (!s && r) continue;
+    const p = n && typeof n[i] == "number" ? n[i] : i, c = d(e) ? (e(p) ?? 0) + e.bandwidth() / 2 : e(p);
+    if (!s) {
+      u.push([c, null]);
+      continue;
+    }
+    u.push([c, o(l)]), m++;
   }
-  return i.length >= 2 ? i : null;
-}, B = (o) => f().x((t) => t[0]).y((t) => t[1]).curve(s)(o) ?? null, C = (o, t) => {
-  const e = t.y + t.height;
-  return y().x((n) => n[0]).y0(e).y1((n) => n[1]).curve(s)(o) ?? null;
+  return m >= 2 ? u : null;
+}, S = (t, e) => C().defined((o) => o[1] !== null).x((o) => o[0]).y((o) => o[1]).curve(b(e))(t) ?? null, j = (t, e, o) => {
+  const n = e.y + e.height;
+  return P().defined((r) => r[1] !== null).x((r) => r[0]).y0(n).y1((r) => r[1]).curve(b(o))(t) ?? null;
 };
 export {
-  C as buildAreaPath,
-  B as buildLinePath,
-  d as toScaledPoints
+  j as buildAreaPath,
+  S as buildLinePath,
+  O as toScaledPoints
 };

package/dist/lib/Components/LineChart/LineChart.d.ts

@@ -1,3 +1,3 @@
 import { LineChartProps } from './types';
-export declare function LineChart({ series, showArea, areaType, showXAxis, showYAxis, xAxis, yAxis, width, height, inset, enableScrubbing, onScrubberPositionChange, animate, magnetRadius, children, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function LineChart({ series, showArea, areaType, connectNulls, showXAxis, showYAxis, xAxis, yAxis, width, height, inset, enableScrubbing, onScrubberPositionChange, animate, magnetRadius, loading, emptyLabel, children, }: Readonly<LineChartProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LineChart.d.ts.map

package/dist/lib/Components/LineChart/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/LineChart/LineChart.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAgB,EAChB,QAAqB,EACrB,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAY,EACZ,KAAK,EACL,eAAe,EACf,wBAAwB,EACxB,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,EAAE,cAAc,2CA8DhB"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/LineChart/LineChart.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,SAAS,CAAC;AA0FjB,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAgB,EAChB,QAAqB,EACrB,YAAY,EACZ,SAAiB,EACjB,SAAiB,EACjB,KAAK,EACL,KAAK,EACL,KAAc,EACd,MAAY,EACZ,KAAK,EACL,eAAe,EACf,wBAAwB,EACxB,OAAO,EACP,YAAY,EACZ,OAAe,EACf,UAAsB,EACtB,QAAQ,GACT,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAgF1B"}

package/dist/lib/Components/LineChart/LineChart.js

@@ -1,79 +1,162 @@
-import { jsxs as b, jsx as n } from "react/jsx-runtime";
-import { useMemo as j } from "react";
-import { defaultYAxisProps as y, DEFAULT_AXIS_HEIGHT as m, defaultXAxisProps as A } from "../Axis/Axis.constants.js";
-import { CartesianChart as E } from "../CartesianChart/CartesianChart.js";
+import { jsx as i, jsxs as A, Fragment as g } from "react/jsx-runtime";
+import { useMemo as I } from "react";
+import { ChartEmptyLabel as M } from "../CartesianChart/ChartEmptyLabel/ChartEmptyLabel.js";
+import { useShimmerAnimation as R } from "../CartesianChart/hooks/useShimmerAnimation.js";
+import { computeAxisPadding as V, canRenderLine as W, getChartDisplayState as q } from "./utils.js";
+import { defaultXAxisProps as P, defaultYAxisProps as h } from "../Axis/Axis.constants.js";
+import { CartesianChart as z } from "../CartesianChart/CartesianChart.js";
+import { LineChartEmptyState as G } from "./LineChartEmptyState/LineChartEmptyState.js";
 import { XAxis as H } from "../Axis/XAxis/XAxis.js";
-import { YAxis as T } from "../Axis/YAxis/YAxis.js";
-import { Line as _ } from "../Line/Line.js";
-function k({
-  series: e,
-  showArea: f = !1,
+import { YAxis as J } from "../Axis/YAxis/YAxis.js";
+import { Line as K } from "../Line/Line.js";
+import { cssVar as N } from "../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+const k = ({
+  series: o,
+  showArea: r,
+  areaType: a,
+  connectNulls: s,
+  stroke: n
+}) => /* @__PURE__ */ i(g, { children: o.map((t) => /* @__PURE__ */ i(
+  K,
+  {
+    seriesId: t.id,
+    stroke: n ?? t.stroke,
+    showArea: r,
+    areaType: a,
+    connectNulls: s
+  },
+  t.id
+)) }), O = ({
+  series: o,
+  showArea: r,
+  areaType: a,
+  connectNulls: s
+}) => {
+  const { animationStyle: n, keyframe: t } = R();
+  return /* @__PURE__ */ A(g, { children: [
+    /* @__PURE__ */ i("style", { children: t }),
+    /* @__PURE__ */ i("g", { style: { animation: n }, children: /* @__PURE__ */ i(
+      k,
+      {
+        series: o,
+        showArea: r,
+        areaType: a,
+        connectNulls: s,
+        stroke: N("var(--border-muted-subtle)")
+      }
+    ) })
+  ] });
+}, Q = ({
+  series: o,
+  showArea: r,
+  areaType: a,
+  connectNulls: s,
+  showXAxis: n,
+  showYAxis: t,
+  xAxisConfig: d,
+  yAxisConfig: e,
+  isTransitionLoading: c,
+  children: f
+}) => /* @__PURE__ */ A(g, { children: [
+  n && /* @__PURE__ */ i(H, { ...d }),
+  t && /* @__PURE__ */ i(J, { ...e }),
+  c ? /* @__PURE__ */ i(
+    O,
+    {
+      series: o,
+      showArea: r,
+      areaType: a,
+      connectNulls: s
+    }
+  ) : /* @__PURE__ */ i(
+    k,
+    {
+      series: o,
+      showArea: r,
+      areaType: a,
+      connectNulls: s
+    }
+  ),
+  f
+] });
+function ei({
+  series: o,
+  showArea: r = !1,
   areaType: a = "gradient",
-  showXAxis: i = !1,
-  showYAxis: o = !1,
+  connectNulls: s,
+  showXAxis: n = !1,
+  showYAxis: t = !1,
   xAxis: d,
-  yAxis: s,
-  width: l = "100%",
-  height: u = 160,
-  inset: x,
-  enableScrubbing: c,
-  onScrubberPositionChange: g,
-  animate: C,
-  magnetRadius: I,
-  children: L
+  yAxis: e,
+  width: c = "100%",
+  height: f = 240,
+  inset: S,
+  enableScrubbing: b,
+  onScrubberPositionChange: v,
+  animate: j,
+  magnetRadius: D,
+  loading: u = !1,
+  emptyLabel: C = "No data",
+  children: E
 }) {
-  const r = {
-    ...A,
-    ...d
-  }, t = {
-    ...y,
-    ...s
-  }, P = j(() => {
-    if (!(!i && !o))
-      return {
-        top: i && r.position === "top" ? m : 0,
-        bottom: i && r.position === "bottom" ? m : 0,
-        left: o && t.position === "start" ? t.width : 0,
-        right: o && t.position === "end" ? t.width : 0
-      };
-  }, [
-    i,
-    o,
-    r?.position,
-    t?.position,
-    t?.width
-  ]);
-  return /* @__PURE__ */ b(
-    E,
+  const p = {
+    ...P,
+    ...d,
+    position: d?.position ?? P.position
+  }, l = {
+    ...h,
+    ...e,
+    position: e?.position ?? h.position,
+    width: e?.width ?? h.width
+  }, L = p.position, x = l.position, y = l.width, T = I(
+    () => V({
+      showXAxis: n,
+      showYAxis: t,
+      xAxisPosition: L,
+      yAxisPosition: x,
+      yAxisWidth: y
+    }),
+    [n, t, L, x, y]
+  ), B = W(o, p.data), { status: m, ariaLabel: F } = q({
+    loading: u,
+    hasData: B,
+    emptyLabel: C
+  });
+  return /* @__PURE__ */ i(
+    z,
     {
-      series: e ?? [],
-      xAxis: r,
-      yAxis: t,
-      width: l,
-      height: u,
-      inset: x,
-      axisPadding: P,
-      enableScrubbing: c,
-      onScrubberPositionChange: g,
-      animate: C,
-      magnetRadius: I,
-      children: [
-        i && /* @__PURE__ */ n(H, { ...r }),
-        o && /* @__PURE__ */ n(T, { ...t }),
-        e?.map((p) => /* @__PURE__ */ n(
-          _,
-          {
-            seriesId: p.id,
-            showArea: f,
-            areaType: a
-          },
-          p.id
-        )),
-        L
-      ]
+      series: o ?? [],
+      xAxis: p,
+      yAxis: l,
+      width: c,
+      height: f,
+      inset: S,
+      axisPadding: T,
+      enableScrubbing: b,
+      onScrubberPositionChange: v,
+      animate: j,
+      magnetRadius: D,
+      ariaLabel: F,
+      ariaBusy: u,
+      overlay: m === "empty" ? /* @__PURE__ */ i(M, { children: C }) : void 0,
+      children: m === "initial-loading" || m === "empty" ? /* @__PURE__ */ i(G, { loading: m === "initial-loading" }) : /* @__PURE__ */ i(
+        Q,
+        {
+          series: o ?? [],
+          showArea: r,
+          areaType: a,
+          connectNulls: s,
+          showXAxis: n,
+          showYAxis: t,
+          xAxisConfig: p,
+          yAxisConfig: l,
+          isTransitionLoading: m === "transition-loading",
+          children: E
+        }
+      )
     }
   );
 }
 export {
-  k as LineChart
+  ei as LineChart
 };

package/dist/lib/Components/LineChart/LineChartEmptyState/LineChartEmptyState.d.ts

@@ -0,0 +1,9 @@
+import { LineChartEmptyStateProps } from './types';
+/**
+ * SVG placeholder line shown when a LineChart is loading with no data yet (with
+ * a shimmer) or has no data to display (static). Uses a fixed line shape scaled
+ * into the chart's reserved drawing area, plus static horizontal grid lines, so
+ * axes are not needed.
+ */
+export declare function LineChartEmptyState({ loading, }: Readonly<LineChartEmptyStateProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=LineChartEmptyState.d.ts.map

package/dist/lib/Components/LineChart/LineChartEmptyState/LineChartEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartEmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/LineChart/LineChartEmptyState/LineChartEmptyState.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAKxD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAe,GAChB,EAAE,QAAQ,CAAC,wBAAwB,CAAC,kDAkDpC"}

package/dist/lib/Components/LineChart/LineChartEmptyState/LineChartEmptyState.js

@@ -0,0 +1,51 @@
+import { jsxs as o, Fragment as h, jsx as e } from "react/jsx-runtime";
+import { useShimmerAnimation as l } from "../../CartesianChart/hooks/useShimmerAnimation.js";
+import { buildPlaceholderTransform as c, PLACEHOLDER_LINE_PATH as p } from "./utils.js";
+import { useCartesianChartContext as f } from "../../CartesianChart/context/cartesianChartContext.js";
+import { usePathReveal as u } from "../../CartesianChart/RevealAnimation/context.js";
+import { cssVar as r } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
+const y = [0.3, 0.5, 0.7];
+function b({
+  loading: n = !1
+}) {
+  const { drawingArea: t } = f(), { animationStyle: s, keyframe: m } = l(), d = u();
+  return t.width <= 0 || t.height <= 0 ? null : /* @__PURE__ */ o(h, { children: [
+    n && /* @__PURE__ */ e("style", { children: m }),
+    /* @__PURE__ */ o("g", { "data-testid": "chart-empty-state", children: [
+      /* @__PURE__ */ e("g", { "data-testid": "chart-empty-state-grid", children: y.map((a) => {
+        const i = t.y + t.height * a;
+        return /* @__PURE__ */ e(
+          "line",
+          {
+            x1: t.x,
+            y1: i,
+            x2: t.x + t.width,
+            y2: i,
+            style: {
+              stroke: r("var(--border-muted-subtle-transparent)")
+            },
+            strokeWidth: r("var(--stroke-1)")
+          },
+          a
+        );
+      }) }),
+      /* @__PURE__ */ e("g", { clipPath: d, children: /* @__PURE__ */ e("g", { style: n ? { animation: s } : void 0, children: /* @__PURE__ */ e(
+        "path",
+        {
+          "data-testid": "chart-empty-state-line",
+          d: p,
+          transform: c(t),
+          vectorEffect: "non-scaling-stroke",
+          fill: "none",
+          stroke: r("var(--border-muted-subtle)"),
+          strokeWidth: r("var(--stroke-2)"),
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }) })
+    ] })
+  ] });
+}
+export {
+  b as LineChartEmptyState
+};

package/dist/lib/Components/LineChart/LineChartEmptyState/index.d.ts

@@ -0,0 +1,3 @@
+export { LineChartEmptyState } from './LineChartEmptyState';
+export type { LineChartEmptyStateProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/LineChart/LineChartEmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/LineChart/LineChartEmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}

package/dist/lib/Components/LineChart/LineChartEmptyState/types.d.ts

@@ -0,0 +1,3 @@
+import { LineChartProps } from '../types';
+export type LineChartEmptyStateProps = Pick<LineChartProps, 'loading'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/LineChart/LineChartEmptyState/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/LineChart/LineChartEmptyState/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}

package/dist/lib/Components/LineChart/LineChartEmptyState/utils.d.ts

@@ -0,0 +1,14 @@
+import { DrawingArea } from '../../../utils/types';
+/**
+ * Fixed placeholder line shape, authored against a {@link PLACEHOLDER_VIEW_WIDTH}
+ * x {@link PLACEHOLDER_VIEW_HEIGHT} viewBox. Reused for every empty/loading
+ * state so the placeholder always reads the same.
+ */
+export declare const PLACEHOLDER_LINE_PATH = "M1.00 128.27 C4.02 127.46 13.09 125.96 19.13 123.47 C25.19 120.97 31.23 116.53 37.28 113.31 C43.33 110.10 49.38 106.15 55.42 104.20 C61.48 102.24 67.52 102.53 73.57 101.61 C79.61 100.69 85.65 99.89 91.71 98.70 C97.75 97.51 103.80 95.67 109.84 94.47 C115.90 93.27 121.94 91.71 127.99 91.49 C134.03 91.26 140.09 91.53 146.13 93.16 C152.19 94.79 158.23 98.37 164.27 101.25 C170.32 104.13 176.36 108.16 182.42 110.45 C188.46 112.74 194.51 114.41 200.55 115.00 C206.61 115.60 212.65 114.56 218.70 114.03 C224.75 113.50 230.80 112.56 236.84 111.86 C242.88 111.17 248.94 110.27 254.98 109.87 C261.03 109.48 267.07 109.14 273.13 109.49 C279.17 109.82 285.22 110.90 291.26 111.90 C297.32 112.90 303.36 114.47 309.41 115.50 C315.46 116.54 321.50 118.12 327.55 118.11 C333.59 118.10 339.65 118.08 345.69 115.45 C351.74 112.81 357.78 107.02 363.84 102.29 C369.88 97.54 375.93 90.87 381.97 87.01 C388.03 83.16 394.07 79.81 400.11 79.12 C406.17 78.43 412.21 80.79 418.26 82.88 C424.30 84.99 430.36 88.88 436.40 91.74 C442.45 94.59 448.49 98.24 454.55 100.02 C460.59 101.80 466.64 102.08 472.68 102.44 C478.72 102.81 484.78 102.31 490.82 102.21 C496.87 102.11 502.92 101.95 508.97 101.84 C515.01 101.74 521.07 101.47 527.11 101.58 C533.16 101.68 539.20 101.57 545.26 102.48 C551.30 103.39 557.34 105.37 563.39 107.02 C569.43 108.68 575.49 111.02 581.53 112.40 C587.59 113.79 593.63 114.62 599.68 115.30 C605.72 115.98 611.78 115.81 617.82 116.48 C623.87 117.16 629.91 118.39 635.95 119.32 C642.01 120.25 648.05 121.51 654.10 122.04 C660.15 122.57 666.20 123.89 672.24 122.47 C678.30 121.07 684.34 117.39 690.39 113.54 C696.43 109.69 702.49 103.53 708.53 99.38 C714.57 95.23 722.31 90.65 726.66 88.61";
+/**
+ * Transform that fits {@link PLACEHOLDER_LINE_PATH} into the drawing area. Pair
+ * with `vector-effect: non-scaling-stroke` on the path so the stroke keeps a
+ * constant width despite the (potentially non-uniform) scale.
+ */
+export declare const buildPlaceholderTransform: (drawingArea: DrawingArea) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/Components/LineChart/LineChartEmptyState/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/LineChart/LineChartEmptyState/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,ypDACsnD,CAAC;AAKzpD;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,aAAa,WAAW,KAAG,MAKpE,CAAC"}

package/dist/lib/Components/LineChart/LineChartEmptyState/utils.js

@@ -0,0 +1,9 @@
+const H = "M1.00 128.27 C4.02 127.46 13.09 125.96 19.13 123.47 C25.19 120.97 31.23 116.53 37.28 113.31 C43.33 110.10 49.38 106.15 55.42 104.20 C61.48 102.24 67.52 102.53 73.57 101.61 C79.61 100.69 85.65 99.89 91.71 98.70 C97.75 97.51 103.80 95.67 109.84 94.47 C115.90 93.27 121.94 91.71 127.99 91.49 C134.03 91.26 140.09 91.53 146.13 93.16 C152.19 94.79 158.23 98.37 164.27 101.25 C170.32 104.13 176.36 108.16 182.42 110.45 C188.46 112.74 194.51 114.41 200.55 115.00 C206.61 115.60 212.65 114.56 218.70 114.03 C224.75 113.50 230.80 112.56 236.84 111.86 C242.88 111.17 248.94 110.27 254.98 109.87 C261.03 109.48 267.07 109.14 273.13 109.49 C279.17 109.82 285.22 110.90 291.26 111.90 C297.32 112.90 303.36 114.47 309.41 115.50 C315.46 116.54 321.50 118.12 327.55 118.11 C333.59 118.10 339.65 118.08 345.69 115.45 C351.74 112.81 357.78 107.02 363.84 102.29 C369.88 97.54 375.93 90.87 381.97 87.01 C388.03 83.16 394.07 79.81 400.11 79.12 C406.17 78.43 412.21 80.79 418.26 82.88 C424.30 84.99 430.36 88.88 436.40 91.74 C442.45 94.59 448.49 98.24 454.55 100.02 C460.59 101.80 466.64 102.08 472.68 102.44 C478.72 102.81 484.78 102.31 490.82 102.21 C496.87 102.11 502.92 101.95 508.97 101.84 C515.01 101.74 521.07 101.47 527.11 101.58 C533.16 101.68 539.20 101.57 545.26 102.48 C551.30 103.39 557.34 105.37 563.39 107.02 C569.43 108.68 575.49 111.02 581.53 112.40 C587.59 113.79 593.63 114.62 599.68 115.30 C605.72 115.98 611.78 115.81 617.82 116.48 C623.87 117.16 629.91 118.39 635.95 119.32 C642.01 120.25 648.05 121.51 654.10 122.04 C660.15 122.57 666.20 123.89 672.24 122.47 C678.30 121.07 684.34 117.39 690.39 113.54 C696.43 109.69 702.49 103.53 708.53 99.38 C714.57 95.23 722.31 90.65 726.66 88.61";
+const s = (C) => {
+  const E = C.width / 728, t = C.height / 208;
+  return `translate(${C.x}, ${C.y}) scale(${E}, ${t})`;
+};
+export {
+  H as PLACEHOLDER_LINE_PATH,
+  s as buildPlaceholderTransform
+};