@lostgradient/cinder 0.3.0 → 0.4.1

package/dist/server/components/bar-chart/index.js

@@ -1,1140 +1,14 @@
-import { createRequire } from "node:module";
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/components/bar-chart/bar-chart.svelte
-import * as $2 from "svelte/internal/server";
-
-// src/_internal/chart/chart-utilities.ts
-var chartPalette = [
-  "var(--cinder-chart-series-1)",
-  "var(--cinder-chart-series-2)",
-  "var(--cinder-chart-series-3)",
-  "var(--cinder-chart-series-4)",
-  "var(--cinder-chart-series-5)",
-  "var(--cinder-chart-series-6)",
-  "var(--cinder-chart-series-7)",
-  "var(--cinder-chart-series-8)"
-];
-function chartPaletteColor(index) {
-  return chartPalette[index % chartPalette.length] ?? "var(--cinder-chart-series-1)";
-}
-function assertValidChartNumber(componentId, rule, value, label) {
-  if (!Number.isFinite(value) || value <= 0) {
-    throw new Error(`[cinder/${componentId}] rule=${rule} ${label}="${value}": expected a positive finite number.`);
-  }
-}
-function assertValidTickCount(componentId, axis) {
-  if (axis?.tickCount === undefined)
-    return;
-  if (!Number.isInteger(axis.tickCount) || axis.tickCount <= 0) {
-    throw new Error(`[cinder/${componentId}] rule=invalid-tick-count tickCount="${axis.tickCount}": expected a positive integer.`);
-  }
-}
-function dataTableClass(visibility) {
-  return visibility === "screen-reader-only" ? "cinder-sr-only" : undefined;
-}
-function formatXValue(value, axis, context) {
-  return axis?.format ? axis.format(value.raw, context) : value.label;
-}
-function formatNumericValue(value, axis, formatter, context) {
-  if (formatter)
-    return formatter(value, context);
-  if (axis?.format)
-    return axis.format(value, context);
-  return new Intl.NumberFormat(undefined, { maximumFractionDigits: 2 }).format(value);
-}
-function normalizeXValue(value) {
-  if (value instanceof Date) {
-    const comparable = value.getTime();
-    return {
-      raw: value,
-      key: `date:${comparable}`,
-      label: value.toISOString(),
-      comparable,
-      kind: "date"
-    };
-  }
-  if (typeof value === "number") {
-    return {
-      raw: value,
-      key: `number:${value}`,
-      label: String(value),
-      comparable: value,
-      kind: "number"
-    };
-  }
-  return { raw: value, key: `string:${value}`, label: value, comparable: value, kind: "string" };
-}
-function assertUniqueSeriesIds(componentId, series) {
-  const seen = new Set;
-  for (const item of series) {
-    if (seen.has(item.id)) {
-      throw new Error(`[cinder/${componentId}] rule=duplicate-series-id series="${item.id}": duplicate series ids are not supported.`);
-    }
-    seen.add(item.id);
-  }
-}
-function toggleSeriesId(hiddenSeriesIds, seriesId) {
-  return hiddenSeriesIds.includes(seriesId) ? hiddenSeriesIds.filter((id) => id !== seriesId) : [...hiddenSeriesIds, seriesId];
-}
-function createCartesianModel(options) {
-  const {
-    componentId,
-    series,
-    hiddenSeriesIds,
-    width,
-    height,
-    xAxis,
-    yAxis,
-    stackedArea = false
-  } = options;
-  assertUniqueSeriesIds(componentId, series);
-  assertValidChartNumber(componentId, "invalid-height", height, "height");
-  assertValidTickCount(componentId, xAxis);
-  assertValidTickCount(componentId, yAxis);
-  const geometry = createGeometry(width, height);
-  const allKinds = new Set;
-  const xValuesByKey = new Map;
-  const normalizedSeries = series.map((item, seriesIndex) => {
-    const seenX = new Set;
-    const color = item.color ?? chartPaletteColor(seriesIndex);
-    const points = item.data.map((point, pointIndex) => {
-      const x = normalizeXValue(point.x);
-      allKinds.add(x.kind);
-      if (seenX.has(x.key)) {
-        throw new Error(`[cinder/${componentId}] rule=duplicate-x series="${item.id}" x="${x.label}": duplicate x values are not supported.`);
-      }
-      seenX.add(x.key);
-      xValuesByKey.set(x.key, x);
-      const y = normalizeNumericValue(componentId, item.id, x.label, point.y);
-      return {
-        seriesId: item.id,
-        seriesLabel: item.label,
-        color,
-        x,
-        y,
-        originalY: point.y,
-        index: pointIndex
-      };
-    });
-    return { id: item.id, label: item.label, color, points };
-  });
-  if (allKinds.size > 1) {
-    throw new Error(`[cinder/${componentId}] rule=mixed-x-domain-kind: all x values must share one domain kind.`);
-  }
-  if (stackedArea) {
-    for (const item of normalizedSeries) {
-      for (const point of item.points) {
-        if ((point.y ?? 0) < 0) {
-          throw new Error(`[cinder/${componentId}] rule=negative-stacked-area series="${item.id}" x="${point.x.label}": stacked areas do not support negative values.`);
-        }
-      }
-    }
-  }
-  const sortedXValues = sortXValues([...xValuesByKey.values()]);
-  const orderByKey = new Map(sortedXValues.map((value, index) => [value.key, index]));
-  const visibleNumericValues = [];
-  for (const item of normalizedSeries) {
-    if (hiddenSeriesIds.includes(item.id))
-      continue;
-    for (const point of item.points) {
-      if (point.y !== null)
-        visibleNumericValues.push(point.y);
-    }
-  }
-  const stackedTotalsByKey = new Map(sortedXValues.map((value) => [value.key, 0]));
-  if (stackedArea) {
-    for (const item of normalizedSeries) {
-      if (hiddenSeriesIds.includes(item.id))
-        continue;
-      for (const point of item.points) {
-        if (point.y === null)
-          continue;
-        stackedTotalsByKey.set(point.x.key, (stackedTotalsByKey.get(point.x.key) ?? 0) + point.y);
-      }
-    }
-  }
-  const domainValues = stackedArea ? [0, ...stackedTotalsByKey.values()] : visibleNumericValues;
-  const [yMinimum, yMaximum] = createPaddedDomain(domainValues);
-  const xStringScale = sortedXValues[0]?.kind === "string" ? createPointScale(sortedXValues.map((value) => value.key), [0, geometry.plotWidth], 0.5) : undefined;
-  const xNumericScale = sortedXValues[0] && sortedXValues[0].kind !== "string" ? createLinearScale(createNumericDomain(sortedXValues), [0, geometry.plotWidth]) : undefined;
-  const yScale = createLinearScale([yMinimum, yMaximum], [geometry.plotHeight, 0]);
-  function scaleX(value) {
-    if (value.kind === "string")
-      return xStringScale?.(value.key) ?? 0;
-    return xNumericScale?.(Number(value.comparable)) ?? 0;
-  }
-  const tickCount = xAxis?.tickCount ?? sortedXValues.length;
-  const xTicks = buildXAxisTicks(sortedXValues, tickCount, xAxis, scaleX);
-  const targets = [];
-  const tableRows = [];
-  const stackedOffsetsByKey = new Map(sortedXValues.map((value) => [value.key, 0]));
-  const renderedSeries = normalizedSeries.map((item) => {
-    const hidden = hiddenSeriesIds.includes(item.id);
-    const points = item.points.filter((point) => point.y !== null).toSorted((a, b) => (orderByKey.get(a.x.key) ?? 0) - (orderByKey.get(b.x.key) ?? 0));
-    const placedPoints = points.map((point) => {
-      const lowerValue = stackedArea ? stackedOffsetsByKey.get(point.x.key) ?? 0 : 0;
-      const upperValue = lowerValue + (point.y ?? 0);
-      return {
-        ...point,
-        pixelX: scaleX(point.x),
-        pixelY: yScale(stackedArea ? upperValue : point.y ?? 0)
-      };
-    });
-    const coordinates = placedPoints.map((placed) => ({
-      x: placed.pixelX,
-      y: placed.pixelY,
-      y0: yScale(stackedArea ? stackedOffsetsByKey.get(placed.x.key) ?? 0 : 0)
-    }));
-    if (!hidden) {
-      for (const placed of placedPoints) {
-        const xLabel = formatXValue(placed.x, xAxis, {
-          seriesId: item.id,
-          seriesLabel: item.label,
-          index: placed.index
-        });
-        const valueLabel = formatNumericValue(placed.y ?? 0, yAxis, series.find((entry) => entry.id === item.id)?.valueFormatter, { seriesId: item.id, seriesLabel: item.label, index: placed.index });
-        targets.push({
-          id: `${item.id}-${placed.x.key}`,
-          seriesId: item.id,
-          seriesLabel: item.label,
-          xLabel,
-          valueLabel,
-          x: placed.pixelX,
-          y: placed.pixelY,
-          color: item.color
-        });
-        tableRows.push({
-          id: `${item.id}-${placed.x.key}`,
-          seriesLabel: item.label,
-          xLabel,
-          valueLabel
-        });
-      }
-      if (stackedArea) {
-        for (const placed of placedPoints) {
-          stackedOffsetsByKey.set(placed.x.key, (stackedOffsetsByKey.get(placed.x.key) ?? 0) + (placed.y ?? 0));
-        }
-      }
-    }
-    return {
-      ...item,
-      hidden,
-      points: hidden ? [] : placedPoints,
-      path: hidden ? "" : createLinePath(coordinates),
-      areaPath: hidden ? "" : createAreaPath(coordinates, stackedArea ? undefined : geometry.plotHeight)
-    };
-  });
-  targets.sort((a, b) => a.x - b.x);
-  return {
-    geometry,
-    xTicks,
-    yTicks: yScale.ticks(yAxis?.tickCount ?? 5),
-    normalizedSeries: renderedSeries,
-    tableRows,
-    targets,
-    empty: targets.length === 0,
-    yDomain: [yMinimum, yMaximum]
-  };
-}
-function buildXAxisTicks(sortedXValues, tickCount, xAxis, scaleX) {
-  if (sortedXValues.length === 0)
-    return [];
-  const safeTickCount = Math.max(1, Math.min(tickCount, sortedXValues.length));
-  if (safeTickCount >= sortedXValues.length) {
-    return sortedXValues.map((value, index) => ({
-      label: formatXValue(value, xAxis, { index }),
-      x: scaleX(value)
-    }));
-  }
-  if (safeTickCount === 1) {
-    const value = sortedXValues[0];
-    return value ? [{ label: formatXValue(value, xAxis, { index: 0 }), x: scaleX(value) }] : [];
-  }
-  const step = (sortedXValues.length - 1) / (safeTickCount - 1);
-  const ticks = [];
-  for (let i = 0;i < safeTickCount; i++) {
-    const sourceIndex = Math.round(i * step);
-    const value = sortedXValues[sourceIndex];
-    if (!value)
-      continue;
-    ticks.push({
-      label: formatXValue(value, xAxis, { index: i }),
-      x: scaleX(value)
-    });
-  }
-  return ticks;
-}
-function createBarModel(options) {
-  const {
-    data,
-    categoryKey,
-    series,
-    hiddenSeriesIds,
-    width,
-    height,
-    orientation,
-    mode,
-    xAxis,
-    yAxis
-  } = options;
-  assertUniqueSeriesIds("bar-chart", series);
-  assertValidChartNumber("bar-chart", "invalid-height", height, "height");
-  assertValidTickCount("bar-chart", xAxis);
-  assertValidTickCount("bar-chart", yAxis);
-  const geometry = createGeometry(width, height);
-  const categories = [];
-  const seenCategories = new Set;
-  const categoryKinds = new Set;
-  const visibleSeries = series.filter((item) => !hiddenSeriesIds.includes(item.id));
-  const visibleValues = [0];
-  const datumByKey = new Map;
-  for (const datum of data) {
-    if (!(categoryKey in datum)) {
-      throw new Error(`[cinder/bar-chart] rule=invalid-bar-category key="${categoryKey}": category key is missing.`);
-    }
-    const rawCategory = datum[categoryKey];
-    if (!(typeof rawCategory === "string" || typeof rawCategory === "number" || rawCategory instanceof Date)) {
-      throw new Error(`[cinder/bar-chart] rule=invalid-bar-category key="${categoryKey}": category must be string, number, or Date.`);
-    }
-    const category = normalizeXValue(rawCategory);
-    categoryKinds.add(category.kind);
-    if (seenCategories.has(category.key)) {
-      throw new Error(`[cinder/bar-chart] rule=duplicate-category key="${categoryKey}" category="${category.label}": duplicate categories are not supported.`);
-    }
-    seenCategories.add(category.key);
-    categories.push(category);
-    datumByKey.set(category.key, datum);
-    for (const item of series) {
-      if (!(item.valueKey in datum)) {
-        throw new Error(`[cinder/bar-chart] rule=missing-bar-value-key key="${item.valueKey}": value key is missing.`);
-      }
-      const value = datum[item.valueKey];
-      if (!(typeof value === "number" || value === null || value === undefined)) {
-        throw new Error(`[cinder/bar-chart] rule=invalid-bar-value key="${item.valueKey}" category="${category.label}": value must be number, null, or undefined.`);
-      }
-      const numericValue = normalizeNumericValue("bar-chart", item.id, category.label, value);
-      if (numericValue !== null && !hiddenSeriesIds.includes(item.id))
-        visibleValues.push(numericValue);
-    }
-  }
-  if (categoryKinds.size > 1) {
-    throw new Error(`[cinder/bar-chart] rule=mixed-bar-category-kind key="${categoryKey}": category values must share one domain kind.`);
-  }
-  const sortedCategories = sortXValues(categories);
-  const valueDomain = createPaddedDomain(mode === "stacked" ? createStackedBarDomainValues(datumByKey, sortedCategories, visibleSeries) : visibleValues);
-  const valueScale = createLinearScale(valueDomain, orientation === "vertical" ? [geometry.plotHeight, 0] : [0, geometry.plotWidth]);
-  const categoryScale = createBandScale(sortedCategories.map((category) => category.key), orientation === "vertical" ? [0, geometry.plotWidth] : [0, geometry.plotHeight], 0.18);
-  const groupScale = createBandScale(visibleSeries.map((item) => item.id), [0, categoryScale.bandwidth()], 0.12);
-  const categoryTicks = sortedCategories.map((category, index) => {
-    const categoryPosition = categoryScale(category.key) ?? 0;
-    return {
-      categoryKey: category.key,
-      label: formatXValue(category, orientation === "vertical" ? xAxis : yAxis, { index }),
-      x: orientation === "vertical" ? categoryPosition + categoryScale.bandwidth() / 2 : -8,
-      y: orientation === "vertical" ? geometry.plotHeight + 20 : categoryPosition + categoryScale.bandwidth() / 2
-    };
-  });
-  const bars = [];
-  const targets = [];
-  const tableRows = [];
-  for (const [categoryIndex, category] of sortedCategories.entries()) {
-    const datum = datumByKey.get(category.key);
-    if (!datum)
-      continue;
-    let positiveOffset = 0;
-    let negativeOffset = 0;
-    const rowValues = [];
-    visibleSeries.forEach((item) => {
-      const rawValue = datum[item.valueKey];
-      if (typeof rawValue !== "number")
-        return;
-      const value = rawValue;
-      const seriesColorIndex = Math.max(0, series.findIndex((entry) => entry.id === item.id));
-      const color = item.color ?? chartPaletteColor(seriesColorIndex);
-      const categoryPosition = categoryScale(category.key) ?? 0;
-      let x = 0;
-      let y = 0;
-      let barWidth = 0;
-      let barHeight = 0;
-      if (orientation === "vertical") {
-        const groupX = mode === "grouped" ? groupScale(item.id) ?? 0 : 0;
-        const start = mode === "stacked" ? value >= 0 ? positiveOffset : negativeOffset : 0;
-        const end = start + value;
-        if (mode === "stacked") {
-          if (value >= 0)
-            positiveOffset = end;
-          else
-            negativeOffset = end;
-        }
-        const y0 = valueScale(start);
-        const y1 = valueScale(end);
-        x = categoryPosition + groupX;
-        y = Math.min(y0, y1);
-        barWidth = mode === "grouped" ? groupScale.bandwidth() : categoryScale.bandwidth();
-        barHeight = Math.abs(y1 - y0);
-      } else {
-        const groupY = mode === "grouped" ? groupScale(item.id) ?? 0 : 0;
-        const start = mode === "stacked" ? value >= 0 ? positiveOffset : negativeOffset : 0;
-        const end = start + value;
-        if (mode === "stacked") {
-          if (value >= 0)
-            positiveOffset = end;
-          else
-            negativeOffset = end;
-        }
-        const x0 = valueScale(start);
-        const x1 = valueScale(end);
-        x = Math.min(x0, x1);
-        y = categoryPosition + groupY;
-        barWidth = Math.abs(x1 - x0);
-        barHeight = mode === "grouped" ? groupScale.bandwidth() : categoryScale.bandwidth();
-      }
-      const valueLabel = formatNumericValue(value, orientation === "vertical" ? yAxis : xAxis, item.valueFormatter, { seriesId: item.id, seriesLabel: item.label, index: categoryIndex });
-      const categoryLabel = formatXValue(category, orientation === "vertical" ? xAxis : yAxis, {
-        seriesId: item.id,
-        seriesLabel: item.label,
-        index: categoryIndex
-      });
-      rowValues.push({ seriesId: item.id, seriesLabel: item.label, valueLabel });
-      const bar = {
-        id: `${item.id}-${category.key}`,
-        seriesId: item.id,
-        seriesLabel: item.label,
-        categoryLabel,
-        valueLabel,
-        x,
-        y,
-        width: barWidth,
-        height: barHeight,
-        color,
-        hidden: false
-      };
-      bars.push(bar);
-      targets.push({ ...bar, x: x + barWidth / 2, y: y + barHeight / 2, xLabel: categoryLabel });
-    });
-    if (rowValues.length > 0) {
-      tableRows.push({
-        categoryKey: category.key,
-        categoryLabel: formatXValue(category, orientation === "vertical" ? xAxis : yAxis, {
-          index: tableRows.length
-        }),
-        values: rowValues
-      });
-    }
-  }
-  targets.sort((a, b) => orientation === "vertical" ? a.x - b.x : a.y - b.y);
-  return {
-    geometry,
-    categories: sortedCategories,
-    yTicks: valueScale.ticks((orientation === "vertical" ? yAxis : xAxis)?.tickCount ?? 5),
-    categoryTicks,
-    bars,
-    tableRows,
-    targets,
-    empty: targets.length === 0,
-    valueDomain
-  };
-}
-function nearestTarget(targets, x, y, axis = "x") {
-  if (targets.length === 0)
-    return;
-  if (targets.length === 1)
-    return targets[0];
-  const pointerKey = axis === "x" ? x : y;
-  let low = 0;
-  let high = targets.length - 1;
-  while (low < high) {
-    const mid = low + high >> 1;
-    const midKey = axis === "x" ? targets[mid]?.x ?? 0 : targets[mid]?.y ?? 0;
-    if (midKey < pointerKey)
-      low = mid + 1;
-    else
-      high = mid;
-  }
-  const candidates = [];
-  function addBucket(start) {
-    const target = targets[start];
-    if (!target)
-      return;
-    const bucketKey = axis === "x" ? target.x : target.y;
-    for (let index = start;index >= 0; index--) {
-      const candidate = targets[index];
-      if (!candidate)
-        continue;
-      const candidateKey = axis === "x" ? candidate.x : candidate.y;
-      if (candidateKey !== bucketKey)
-        break;
-      candidates.push(candidate);
-    }
-    for (let index = start + 1;index < targets.length; index++) {
-      const candidate = targets[index];
-      if (!candidate)
-        continue;
-      const candidateKey = axis === "x" ? candidate.x : candidate.y;
-      if (candidateKey !== bucketKey)
-        break;
-      candidates.push(candidate);
-    }
-  }
-  addBucket(low);
-  if (low > 0) {
-    let previous = low - 1;
-    const lowTarget = targets[low];
-    const lowKey = lowTarget ? axis === "x" ? lowTarget.x : lowTarget.y : undefined;
-    while (previous > 0) {
-      const previousTarget = targets[previous];
-      if (!previousTarget)
-        break;
-      const previousKey = axis === "x" ? previousTarget.x : previousTarget.y;
-      if (previousKey !== lowKey)
-        break;
-      previous--;
-    }
-    addBucket(previous);
-  }
-  return candidates.reduce((nearest, target) => {
-    if (!nearest)
-      return target;
-    const targetDistance = Math.hypot(target.x - x, target.y - y);
-    const nearestDistance = Math.hypot(nearest.x - x, nearest.y - y);
-    return targetDistance < nearestDistance ? target : nearest;
-  }, undefined);
-}
-function legendVisible(legendPosition, seriesCount) {
-  return legendPosition !== "none" && seriesCount > 0;
-}
-function createGeometry(width, height) {
-  const marginTop = 16;
-  const marginRight = 16;
-  const marginBottom = 36;
-  const marginLeft = 48;
-  return {
-    plotWidth: Math.max(1, width - marginLeft - marginRight),
-    plotHeight: Math.max(1, height - marginTop - marginBottom),
-    marginTop,
-    marginRight,
-    marginBottom,
-    marginLeft
-  };
-}
-function normalizeNumericValue(componentId, seriesId, xLabel, value) {
-  if (value === null || value === undefined)
-    return null;
-  if (!Number.isFinite(value)) {
-    throw new Error(`[cinder/${componentId}] rule=non-finite-y series="${seriesId}" x="${xLabel}": y values must be finite numbers.`);
-  }
-  return value;
-}
-function sortXValues(values) {
-  if (values[0]?.kind === "string")
-    return values;
-  return [...values].toSorted((a, b) => Number(a.comparable) - Number(b.comparable));
-}
-function createPaddedDomain(values) {
-  if (values.length === 0)
-    return [-1, 1];
-  let minimum = values[0];
-  let maximum = values[0];
-  for (let index = 1;index < values.length; index++) {
-    const value = values[index];
-    if (value < minimum)
-      minimum = value;
-    if (value > maximum)
-      maximum = value;
-  }
-  if (minimum === maximum)
-    return [minimum - 1, maximum + 1];
-  return [Math.min(0, minimum), Math.max(0, maximum)];
-}
-function createLinearScale(domain, range) {
-  const [domainMinimum, domainMaximum] = domain[0] === domain[1] ? [domain[0] - 1, domain[1] + 1] : domain;
-  const [rangeMinimum, rangeMaximum] = range;
-  const domainSpan = domainMaximum - domainMinimum;
-  const rangeSpan = rangeMaximum - rangeMinimum;
-  const scale = Object.assign((value) => rangeMinimum + (value - domainMinimum) / domainSpan * rangeSpan, {
-    ticks: (count) => createTicks([domainMinimum, domainMaximum], count)
-  });
-  return scale;
-}
-function createPointScale(domain, range, padding) {
-  const positions = new Map;
-  if (domain.length === 0)
-    return () => {
-      return;
-    };
-  const [rangeMinimum, rangeMaximum] = range;
-  if (domain.length === 1) {
-    positions.set(domain[0] ?? "", rangeMinimum + (rangeMaximum - rangeMinimum) / 2);
-  } else {
-    const step = (rangeMaximum - rangeMinimum) / Math.max(1, domain.length - 1 + padding * 2);
-    const start = rangeMinimum + step * padding;
-    domain.forEach((value, index) => positions.set(value, start + step * index));
-  }
-  return (value) => positions.get(value);
-}
-function createBandScale(domain, range, padding) {
-  const positions = new Map;
-  const [rangeMinimum, rangeMaximum] = range;
-  const availableSize = Math.max(0, rangeMaximum - rangeMinimum);
-  const step = domain.length === 0 ? 0 : availableSize / Math.max(1, domain.length + padding * (domain.length - 1));
-  const bandWidth = Math.max(0, step * (1 - padding));
-  domain.forEach((value, index) => positions.set(value, rangeMinimum + step * index));
-  const scale = Object.assign((value) => positions.get(value), {
-    bandwidth: () => bandWidth
-  });
-  return scale;
-}
-function createNumericDomain(values) {
-  if (values.length === 0)
-    return [0, 1];
-  let minimum = Number(values[0].comparable);
-  let maximum = minimum;
-  for (let index = 1;index < values.length; index++) {
-    const numeric = Number(values[index].comparable);
-    if (numeric < minimum)
-      minimum = numeric;
-    if (numeric > maximum)
-      maximum = numeric;
-  }
-  return minimum === maximum ? [minimum - 1, maximum + 1] : [minimum, maximum];
-}
-function createTicks(domain, count) {
-  const safeCount = Math.max(1, Math.floor(count));
-  if (safeCount === 1)
-    return [domain[0]];
-  const step = (domain[1] - domain[0]) / (safeCount - 1);
-  return Array.from({ length: safeCount }, (_, index) => domain[0] + step * index);
-}
-function createLinePath(points) {
-  if (points.length === 0)
-    return "";
-  const [firstPoint, ...remainingPoints] = points;
-  return [
-    `M${formatPathNumber(firstPoint?.x ?? 0)},${formatPathNumber(firstPoint?.y ?? 0)}`,
-    ...remainingPoints.map((point) => `L${formatPathNumber(point.x)},${formatPathNumber(point.y)}`)
-  ].join("");
-}
-function createAreaPath(points, baseline) {
-  if (points.length === 0)
-    return "";
-  const firstPoint = points[0];
-  const lastPoint = points.at(-1);
-  if (!firstPoint || !lastPoint)
-    return "";
-  const lowerPoints = points.toReversed().map((point) => `L${formatPathNumber(point.x)},${formatPathNumber(point.y0 ?? baseline ?? 0)}`);
-  return [
-    `M${formatPathNumber(firstPoint.x)},${formatPathNumber(firstPoint.y0 ?? baseline ?? 0)}`,
-    `L${formatPathNumber(firstPoint.x)},${formatPathNumber(firstPoint.y)}`,
-    ...points.slice(1).map((point) => `L${formatPathNumber(point.x)},${formatPathNumber(point.y)}`),
-    ...lowerPoints,
-    "Z"
-  ].join("");
-}
-function createStackedBarDomainValues(datumByKey, categories, series) {
-  const values = [0];
-  for (const category of categories) {
-    const datum = datumByKey.get(category.key);
-    if (!datum)
-      continue;
-    let positiveTotal = 0;
-    let negativeTotal = 0;
-    for (const item of series) {
-      const value = datum[item.valueKey];
-      if (typeof value !== "number")
-        continue;
-      if (value >= 0)
-        positiveTotal += value;
-      else
-        negativeTotal += value;
-    }
-    values.push(positiveTotal, negativeTotal);
-  }
-  return values;
-}
-function formatPathNumber(value) {
-  return Number(value.toFixed(3)).toString();
-}
-
-// src/_internal/chart/chart-focus-ring.ts
-var DEFAULT_CHART_FOCUS_RING_STROKE_PADDING = 8;
-var DEFAULT_POINT_FOCUS_RING_RADIUS = 10;
-var MINIMUM_FOCUS_RING_SIZE = 2;
-var MINIMUM_BAR_FOCUS_RING_SIZE = 12;
-var FOCUS_RING_DOT_RADIUS = 2.5;
-function createPointFocusRingGeometry(options) {
-  const {
-    target,
-    plotWidth,
-    plotHeight,
-    strokePadding = DEFAULT_CHART_FOCUS_RING_STROKE_PADDING,
-    radius = DEFAULT_POINT_FOCUS_RING_RADIUS
-  } = options;
-  if (plotWidth <= 0 || plotHeight <= 0)
-    return null;
-  const drawableWidth = plotWidth - strokePadding * 2;
-  const drawableHeight = plotHeight - strokePadding * 2;
-  const largestDrawableRadius = Math.min(drawableWidth, drawableHeight) / 2;
-  if (largestDrawableRadius < MINIMUM_FOCUS_RING_SIZE || drawableWidth < FOCUS_RING_DOT_RADIUS * 2 || drawableHeight < FOCUS_RING_DOT_RADIUS * 2) {
-    return createPlotFrameFocusRingGeometry(plotWidth, plotHeight, strokePadding);
-  }
-  const resolvedRadius = Math.min(Math.max(radius, MINIMUM_FOCUS_RING_SIZE), largestDrawableRadius);
-  const minimumCenterX = strokePadding + resolvedRadius;
-  const maximumCenterX = plotWidth - strokePadding - resolvedRadius;
-  const minimumCenterY = strokePadding + resolvedRadius;
-  const maximumCenterY = plotHeight - strokePadding - resolvedRadius;
-  const cx = clamp(target.x, minimumCenterX, maximumCenterX);
-  const cy = clamp(target.y, minimumCenterY, maximumCenterY);
-  const dotInset = strokePadding + FOCUS_RING_DOT_RADIUS;
-  let targetX = clamp(target.x, dotInset, plotWidth - dotInset);
-  let targetY = clamp(target.y, dotInset, plotHeight - dotInset);
-  const initialOffsetX = targetX - cx;
-  const initialOffsetY = targetY - cy;
-  const initialOffsetDistance = Math.hypot(initialOffsetX, initialOffsetY);
-  if (initialOffsetDistance > resolvedRadius) {
-    const scale = resolvedRadius / initialOffsetDistance;
-    targetX = cx + initialOffsetX * scale;
-    targetY = cy + initialOffsetY * scale;
-  }
-  const offsetX = targetX - cx;
-  const offsetY = targetY - cy;
-  const offsetDistance = Math.hypot(offsetX, offsetY);
-  const geometry = {
-    kind: "point",
-    cx,
-    cy,
-    radius: resolvedRadius,
-    targetX,
-    targetY,
-    offsetX,
-    offsetY,
-    offsetDistance
-  };
-  if (offsetDistance <= 0)
-    return geometry;
-  return {
-    ...geometry,
-    connector: {
-      x1: targetX,
-      y1: targetY,
-      x2: cx,
-      y2: cy
-    },
-    dot: {
-      cx: targetX,
-      cy: targetY,
-      radius: FOCUS_RING_DOT_RADIUS
-    }
-  };
-}
-function createBarFocusRingGeometry(options) {
-  const {
-    target,
-    plotWidth,
-    plotHeight,
-    strokePadding = DEFAULT_CHART_FOCUS_RING_STROKE_PADDING,
-    minimumWidth = MINIMUM_BAR_FOCUS_RING_SIZE,
-    minimumHeight = MINIMUM_BAR_FOCUS_RING_SIZE
-  } = options;
-  if (plotWidth <= 0 || plotHeight <= 0)
-    return null;
-  const requestedWidth = Math.max(target.width ?? 0, minimumWidth);
-  const requestedHeight = Math.max(target.height ?? 0, minimumHeight);
-  const drawableWidth = plotWidth - strokePadding * 2;
-  const drawableHeight = plotHeight - strokePadding * 2;
-  if (drawableWidth < MINIMUM_FOCUS_RING_SIZE || drawableHeight < MINIMUM_FOCUS_RING_SIZE) {
-    return createPlotFrameFocusRingGeometry(plotWidth, plotHeight, strokePadding);
-  }
-  const width = Math.min(requestedWidth, drawableWidth);
-  const height = Math.min(requestedHeight, drawableHeight);
-  const x = clamp(target.x - width / 2, strokePadding, plotWidth - width - strokePadding);
-  const y = clamp(target.y - height / 2, strokePadding, plotHeight - height - strokePadding);
-  return {
-    kind: "bar",
-    x,
-    y,
-    width,
-    height,
-    radius: Math.min(4, width / 2, height / 2)
-  };
-}
-function createPlotFrameFocusRingGeometry(plotWidth, plotHeight, strokePadding) {
-  const inset = Math.min(strokePadding, Math.max(0, plotWidth - MINIMUM_FOCUS_RING_SIZE) / 2, Math.max(0, plotHeight - MINIMUM_FOCUS_RING_SIZE) / 2);
-  return {
-    kind: "plot-frame",
-    x: inset,
-    y: inset,
-    width: Math.max(0, plotWidth - inset * 2),
-    height: Math.max(0, plotHeight - inset * 2),
-    radius: 0
-  };
-}
-function clamp(value, minimum, maximum) {
-  if (maximum < minimum)
-    return (minimum + maximum) / 2;
-  return Math.min(Math.max(value, minimum), maximum);
-}
-
-// src/_internal/chart/chart-interaction.svelte.ts
-import * as $ from "svelte/internal/server";
-class ChartInteraction {
-  measuredWidth = 640;
-  pointerTarget;
-  focusedTarget;
-  #activeTarget = $.derived(() => this.focusedTarget ?? this.pointerTarget);
-  get activeTarget() {
-    return this.#activeTarget();
-  }
-  set activeTarget($$value) {
-    return this.#activeTarget($$value);
-  }
-  #pointerAxisSource;
-  constructor(options = {}) {
-    const axis = options.pointerAxis ?? "x";
-    this.#pointerAxisSource = typeof axis === "function" ? axis : () => axis;
-  }
-  observeResize(element) {
-    if (typeof ResizeObserver === "undefined")
-      return () => {};
-    const observer = new ResizeObserver(([entry]) => {
-      if (!entry)
-        return;
-      this.measuredWidth = Math.max(1, Math.round(entry.contentRect.width));
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-  }
-  clearStaleTargets(loading, empty, targets) {
-    if (loading || empty) {
-      this.pointerTarget = undefined;
-      this.focusedTarget = undefined;
-      return;
-    }
-    if (!this.#includesTarget(this.pointerTarget, targets))
-      this.pointerTarget = undefined;
-    if (!this.#includesTarget(this.focusedTarget, targets))
-      this.focusedTarget = undefined;
-  }
-  #includesTarget(candidate, targets) {
-    return Boolean(candidate && targets.some((target) => target.id === candidate.id));
-  }
-  activateByPointer(event, targets) {
-    if (!(event.currentTarget instanceof SVGRectElement))
-      return;
-    const bounds = event.currentTarget.getBoundingClientRect();
-    this.pointerTarget = nearestTarget(targets, event.clientX - bounds.left, event.clientY - bounds.top, this.#pointerAxisSource());
-  }
-  clearPointerTarget() {
-    this.pointerTarget = undefined;
-  }
-  focusDomTarget(rootElement, targetId) {
-    if (!rootElement || !targetId)
-      return;
-    const next = rootElement.querySelector(`[data-cinder-target-id="${CSS.escape(targetId)}"]`);
-    next?.focus();
-  }
-  activateByKeyboard(event, rootElement, targets, keyboardEnabled) {
-    if (!keyboardEnabled)
-      return;
-    const currentTargetId = event.currentTarget instanceof Element ? event.currentTarget.getAttribute("data-cinder-target-id") : undefined;
-    const currentIndex = Math.max(0, targets.findIndex((target) => target.id === (currentTargetId ?? this.focusedTarget?.id)));
-    if (event.key === "Escape") {
-      this.focusedTarget = undefined;
-      event.preventDefault();
-      return;
-    }
-    const keyOffsets = { ArrowRight: 1, ArrowDown: 1, ArrowLeft: -1, ArrowUp: -1 };
-    let next;
-    if (event.key === "Home") {
-      next = targets[0];
-    } else if (event.key === "End") {
-      next = targets.at(-1);
-    } else if (event.key in keyOffsets) {
-      const nextIndex = (currentIndex + (keyOffsets[event.key] ?? 0) + targets.length) % targets.length;
-      next = targets[nextIndex] ?? this.activeTarget;
-    } else {
-      return;
-    }
-    this.focusedTarget = next;
-    event.preventDefault();
-    this.focusDomTarget(rootElement, next?.id);
-  }
-  toggleSeries(hiddenSeriesIds, seriesId) {
-    return toggleSeriesId(hiddenSeriesIds, seriesId);
-  }
-}
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-
-// src/components/bar-chart/bar-chart.svelte
-function Bar_chart($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const generatedId = $2.props_id($$renderer2);
-    let {
-      label,
-      description,
-      data,
-      categoryKey,
-      series,
-      orientation = "vertical",
-      mode = "grouped",
-      height = 280,
-      xAxis,
-      yAxis,
-      legendPosition = "top",
-      hiddenSeriesIds = [],
-      loading = false,
-      dataTableCaption,
-      dataTableVisibility = "screen-reader-only",
-      maximumInteractivePoints = 500,
-      class: customClassName,
-      empty,
-      loadingContent,
-      id,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const rootId = $2.derived(() => id ?? generatedId);
-    const descriptionId = $2.derived(() => description ? `${rootId()}-description` : undefined);
-    const interaction = new ChartInteraction({ pointerAxis: () => orientation === "vertical" ? "x" : "y" });
-    let rootElement = undefined;
-    const model = $2.derived(() => createBarModel({
-      data,
-      categoryKey,
-      series,
-      hiddenSeriesIds,
-      width: interaction.measuredWidth,
-      height,
-      orientation,
-      mode,
-      xAxis,
-      yAxis
-    }));
-    const keyboardEnabled = $2.derived(() => model().targets.length > 0 && model().targets.length <= maximumInteractivePoints);
-    const hasDataTable = $2.derived(() => dataTableVisibility !== "hidden");
-    const guidanceId = $2.derived(() => !keyboardEnabled() && hasDataTable() && model().targets.length > 0 ? `${rootId()}-table-guidance` : undefined);
-    const focusedTarget = $2.derived(() => {
-      const currentTarget = interaction.focusedTarget;
-      if (!currentTarget)
-        return;
-      return model().targets.find((target) => target.id === currentTarget.id);
-    });
-    let keyboardFocusModality = false;
-    let focusVisibleTargetId = undefined;
-    const focusRingTarget = $2.derived(() => keyboardFocusModality && focusedTarget() && focusVisibleTargetId === focusedTarget().id ? focusedTarget() : undefined);
-    const barFocusRing = $2.derived(() => focusRingTarget() ? createBarFocusRingGeometry({
-      target: focusRingTarget(),
-      plotWidth: model().geometry.plotWidth,
-      plotHeight: model().geometry.plotHeight,
-      strokePadding: DEFAULT_CHART_FOCUS_RING_STROKE_PADDING
-    }) : null);
-    function rememberKeyboardFocusModality(event) {
-      if (event.key === "Tab" || event.key === "Home" || event.key === "End" || event.key.startsWith("Arrow")) {
-        keyboardFocusModality = true;
-      }
-    }
-    function clearKeyboardFocusModality() {
-      keyboardFocusModality = false;
-      focusVisibleTargetId = undefined;
-    }
-    function handleTargetFocus(target) {
-      interaction.focusedTarget = target;
-      focusVisibleTargetId = keyboardFocusModality ? target.id : undefined;
-    }
-    function handleTargetBlur() {
-      interaction.focusedTarget = undefined;
-      focusVisibleTargetId = undefined;
-    }
-    function handleTargetKeydown(event) {
-      rememberKeyboardFocusModality(event);
-      interaction.activateByKeyboard(event, rootElement, model().targets, keyboardEnabled());
-    }
-    $$renderer2.push(`<figure${$2.attributes({
-      ...rest,
-      id: rootId(),
-      class: $2.clsx(classNames("cinder-bar-chart", customClassName)),
-      "aria-label": label,
-      "aria-describedby": descriptionId(),
-      "data-cinder-orientation": orientation,
-      "data-cinder-mode": mode
-    })}>`);
-    if (description) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<p${$2.attr("id", descriptionId())} class="cinder-bar-chart__description">${$2.escape(description)}</p>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> `);
-    if (legendVisible(legendPosition, series.length) && legendPosition === "top") {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="cinder-bar-chart__legend" aria-label="Series"><!--[-->`);
-      const each_array = $2.ensure_array_like(series);
-      for (let index = 0, $$length = each_array.length;index < $$length; index++) {
-        let item = each_array[index];
-        $$renderer2.push(`<button type="button"${$2.attr("aria-pressed", !hiddenSeriesIds.includes(item.id))}><span${$2.attr_style("", { background: item.color ?? chartPaletteColor(index) })}></span>${$2.escape(item.label)}</button>`);
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> <div class="cinder-bar-chart__viewport"${$2.attr("data-cinder-loading", loading || undefined)}${$2.attr_style("", { height: `${$2.stringify(height)}px` })}>`);
-    if (loading) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="cinder-bar-chart__state">`);
-      if (loadingContent) {
-        $$renderer2.push("<!--[0-->");
-        loadingContent($$renderer2);
-        $$renderer2.push(`<!---->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-        $$renderer2.push(`Loading chart…`);
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else if (model().empty) {
-      $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="cinder-bar-chart__state">`);
-      if (empty) {
-        $$renderer2.push("<!--[0-->");
-        empty($$renderer2);
-        $$renderer2.push(`<!---->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-        $$renderer2.push(`No chart data`);
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> <svg${$2.attr("viewBox", `0 0 ${interaction.measuredWidth} ${height}`)}${$2.attr("aria-hidden", loading || model().empty ? "true" : undefined)}${$2.attr("aria-labelledby", !loading && !model().empty ? `${rootId()}-svg-title` : undefined)}>`);
-    if (!loading && !model().empty) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<title${$2.attr("id", `${$2.stringify(rootId())}-svg-title`)}>${$2.escape(label)}</title>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--><g${$2.attr("transform", `translate(${model().geometry.marginLeft}, ${model().geometry.marginTop})`)}><!--[-->`);
-    const each_array_1 = $2.ensure_array_like(model().yTicks);
-    for (let index = 0, $$length = each_array_1.length;index < $$length; index++) {
-      let tick = each_array_1[index];
-      $$renderer2.push(`<text class="cinder-bar-chart__tick-label"${$2.attr("x", orientation === "vertical" ? -8 : (tick - model().valueDomain[0]) / (model().valueDomain[1] - model().valueDomain[0]) * model().geometry.plotWidth)}${$2.attr("y", orientation === "vertical" ? model().geometry.plotHeight - (tick - model().valueDomain[0]) / (model().valueDomain[1] - model().valueDomain[0]) * model().geometry.plotHeight : model().geometry.plotHeight + 20)}${$2.attr("text-anchor", orientation === "vertical" ? "end" : "middle")}${$2.attr("dominant-baseline", orientation === "vertical" ? "middle" : undefined)}>${$2.escape(formatNumericValue(tick, orientation === "vertical" ? yAxis : xAxis, undefined, { index }))}</text>`);
-    }
-    $$renderer2.push(`<!--]--><!--[-->`);
-    const each_array_2 = $2.ensure_array_like(model().bars);
-    for (let $$index_2 = 0, $$length = each_array_2.length;$$index_2 < $$length; $$index_2++) {
-      let bar = each_array_2[$$index_2];
-      $$renderer2.push(`<rect class="cinder-bar-chart__bar"${$2.attr("x", bar.x)}${$2.attr("y", bar.y)}${$2.attr("width", bar.width)}${$2.attr("height", bar.height)}${$2.attr("fill", bar.color)} aria-hidden="true"${$2.attr("data-cinder-series", bar.seriesId)}${$2.attr("data-cinder-category", bar.categoryLabel)}${$2.attr("data-cinder-active", interaction.activeTarget?.seriesId === bar.seriesId && interaction.activeTarget?.xLabel === bar.categoryLabel ? "" : undefined)}></rect>`);
-    }
-    $$renderer2.push(`<!--]--><!--[-->`);
-    const each_array_3 = $2.ensure_array_like(model().categoryTicks);
-    for (let $$index_3 = 0, $$length = each_array_3.length;$$index_3 < $$length; $$index_3++) {
-      let tick = each_array_3[$$index_3];
-      $$renderer2.push(`<text class="cinder-bar-chart__tick-label"${$2.attr("x", tick.x)}${$2.attr("y", tick.y)}${$2.attr("text-anchor", orientation === "vertical" ? "middle" : "end")}${$2.attr("dominant-baseline", orientation === "vertical" ? undefined : "middle")}>${$2.escape(tick.label)}</text>`);
-    }
-    $$renderer2.push(`<!--]-->`);
-    if (interaction.activeTarget) {
-      $$renderer2.push("<!--[0-->");
-      if (orientation === "vertical") {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<line class="cinder-bar-chart__crosshair"${$2.attr("x1", interaction.activeTarget.x)}${$2.attr("x2", interaction.activeTarget.x)} y1="0"${$2.attr("y2", model().geometry.plotHeight)} aria-hidden="true"></line>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-        $$renderer2.push(`<line class="cinder-bar-chart__crosshair" x1="0"${$2.attr("x2", model().geometry.plotWidth)}${$2.attr("y1", interaction.activeTarget.y)}${$2.attr("y2", interaction.activeTarget.y)} aria-hidden="true"></line>`);
-      }
-      $$renderer2.push(`<!--]-->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-    if (model().targets.length > 0) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<rect class="cinder-bar-chart__hit-surface" role="presentation"${$2.attr("width", model().geometry.plotWidth)}${$2.attr("height", model().geometry.plotHeight)}></rect>`);
-      if (keyboardEnabled()) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<!--[-->`);
-        const each_array_4 = $2.ensure_array_like(model().targets);
-        for (let $$index_4 = 0, $$length = each_array_4.length;$$index_4 < $$length; $$index_4++) {
-          let target = each_array_4[$$index_4];
-          $$renderer2.push(`<rect class="cinder-bar-chart__focus-target"${$2.attr("x", (target.x ?? 0) - 6)}${$2.attr("y", (target.y ?? 0) - 6)} width="12" height="12" tabindex="0" role="button"${$2.attr("data-cinder-target-id", target.id)}${$2.attr("data-cinder-series-id", target.seriesId)}${$2.attr("data-cinder-focus-ring-active", barFocusRing() && focusRingTarget()?.id === target.id ? "true" : undefined)}${$2.attr("aria-label", `${target.seriesLabel}, ${target.xLabel}, ${target.valueLabel}`)}${$2.attr("aria-describedby", interaction.activeTarget?.id === target.id ? `${rootId()}-tooltip` : undefined)}></rect>`);
-        }
-        $$renderer2.push(`<!--]-->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]-->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-    if (barFocusRing()) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<g class="cinder-bar-chart__focus-ring-layer" aria-hidden="true"><rect class="cinder-bar-chart__focus-ring-halo"${$2.attr("x", barFocusRing().x)}${$2.attr("y", barFocusRing().y)}${$2.attr("width", barFocusRing().width)}${$2.attr("height", barFocusRing().height)}${$2.attr("rx", barFocusRing().radius)}></rect><rect class="cinder-bar-chart__focus-ring"${$2.attr("x", barFocusRing().x)}${$2.attr("y", barFocusRing().y)}${$2.attr("width", barFocusRing().width)}${$2.attr("height", barFocusRing().height)}${$2.attr("rx", barFocusRing().radius)}></rect></g>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></g></svg> `);
-    if (interaction.activeTarget) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div${$2.attr("id", `${$2.stringify(rootId())}-tooltip`)} role="tooltip" class="cinder-bar-chart__tooltip"${$2.attr_style("", {
-        left: `${$2.stringify(model().geometry.marginLeft + interaction.activeTarget.x)}px`,
-        top: `${$2.stringify(model().geometry.marginTop + interaction.activeTarget.y)}px`
-      })}><strong>${$2.escape(interaction.activeTarget.seriesLabel)}</strong><span>${$2.escape(interaction.activeTarget.xLabel)}: ${$2.escape(interaction.activeTarget.valueLabel)}</span></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div> `);
-    if (guidanceId()) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<p${$2.attr("id", guidanceId())} class="cinder-sr-only">Use the data table to inspect this chart with a keyboard.</p>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> `);
-    if (hasDataTable()) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<table${$2.attr_class($2.clsx(dataTableClass(dataTableVisibility)))}${$2.attr("aria-describedby", guidanceId())}><caption>${$2.escape(dataTableCaption ?? label)}</caption><thead><tr><th scope="col">Category</th><th scope="col">Series</th><th scope="col">Value</th></tr></thead><tbody><!--[-->`);
-      const each_array_5 = $2.ensure_array_like(model().tableRows);
-      for (let $$index_6 = 0, $$length = each_array_5.length;$$index_6 < $$length; $$index_6++) {
-        let row = each_array_5[$$index_6];
-        $$renderer2.push(`<!--[-->`);
-        const each_array_6 = $2.ensure_array_like(row.values);
-        for (let $$index_5 = 0, $$length2 = each_array_6.length;$$index_5 < $$length2; $$index_5++) {
-          let value = each_array_6[$$index_5];
-          $$renderer2.push(`<tr><th scope="row">${$2.escape(row.categoryLabel)}</th><td>${$2.escape(value.seriesLabel)}</td><td>${$2.escape(value.valueLabel)}</td></tr>`);
-        }
-        $$renderer2.push(`<!--]-->`);
-      }
-      $$renderer2.push(`<!--]--></tbody></table>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> `);
-    if (legendVisible(legendPosition, series.length) && legendPosition === "bottom") {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="cinder-bar-chart__legend" aria-label="Series"><!--[-->`);
-      const each_array_7 = $2.ensure_array_like(series);
-      for (let index = 0, $$length = each_array_7.length;index < $$length; index++) {
-        let item = each_array_7[index];
-        $$renderer2.push(`<button type="button"${$2.attr("aria-pressed", !hiddenSeriesIds.includes(item.id))}><span${$2.attr_style("", { background: item.color ?? chartPaletteColor(index) })}></span>${$2.escape(item.label)}</button>`);
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></figure>`);
-    $2.bind_props($$props, { hiddenSeriesIds });
-  });
-}
-
-// src/components/bar-chart/index.ts
-var bar_chart_default = Bar_chart;
+import {
+  Bar_chart,
+  bar_chart_default
+} from "../../index.server-anyk9x1r.js";
+import"../../index.server-gw4atb82.js";
+import"../../index.server-chj73na5.js";
+import"../../index.server-z7nvkz8v.js";
+import"../../index.server-37x76zdn.js";
 export {
   bar_chart_default as default,
   Bar_chart as BarChart
 };
 
-//# debugId=1BB68F536CED97A264756E2164756E21
+//# debugId=E9623341493F77A264756E2164756E21