drizzle-cube 0.5.4 → 0.5.6

package/dist/client/chunks/{chart-kpi-text-D0plngLV.js.map → chart-kpi-text-u8FJaZDQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-kpi-text-D0plngLV.js","names":[],"sources":["../../../src/client/components/charts/KpiText.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport DataHistogram from '../DataHistogram'\nimport type { ChartProps } from '../../types'\n\nconst KpiText = React.memo(function KpiText({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [fontSize, setFontSize] = useState(28)\n  const [textWidth, setTextWidth] = useState(0)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const textRef = useRef<HTMLDivElement>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Calculate font size and text width based on container dimensions\n  useEffect(() => {\n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const container = containerRef.current\n        const rect = container.getBoundingClientRect()\n        const containerWidth = rect.width\n        const containerHeight = rect.height\n        \n        if (containerWidth > 0 && containerHeight > 0) {\n          // Calculate font size based on container dimensions\n          // For KPI Text displays, text might be longer so use more conservative sizing\n          // Also reserve space for potential statistics display\n          const widthBasedSize = containerWidth / 8\n          const heightBasedSize = containerHeight / 5\n          const baseFontSize = Math.min(widthBasedSize, heightBasedSize)\n          const clampedFontSize = Math.max(18, Math.min(baseFontSize, 80))\n          setFontSize(clampedFontSize)\n        }\n      }\n      \n      // Measure the text width after font size is set\n      if (textRef.current) {\n        const textRect = textRef.current.getBoundingClientRect()\n        setTextWidth(textRect.width)\n      }\n    }\n\n    // Initial calculation after a short delay to ensure the container is fully rendered\n    const timer = setTimeout(updateDimensions, 100)\n    \n    const resizeObserver = new ResizeObserver(() => {\n      // Debounce the resize updates\n      clearTimeout(timer)\n      setTimeout(updateDimensions, 50)\n    })\n    \n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n    }\n\n    return () => {\n      clearTimeout(timer)\n      resizeObserver.disconnect()\n    }\n  }, [data, chartConfig])\n\n  if (!data || data.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.kpi')}</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Extract value field from chart config - handle both string and array formats\n  let valueFields: string[] = []\n  if (chartConfig?.yAxis) {\n    // Handle both string and array formats\n    if (typeof chartConfig.yAxis === 'string') {\n      valueFields = [chartConfig.yAxis]\n    } else if (Array.isArray(chartConfig.yAxis)) {\n      valueFields = chartConfig.yAxis\n    }\n  }\n  \n  \n  if (valueFields.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined,\n          backgroundColor: 'var(--dc-danger-bg)',\n          color: 'var(--dc-danger)',\n          borderColor: 'var(--dc-danger-border)'\n        }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n          <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.noMeasures')}</div>\n        </div>\n      </div>\n    )\n  }\n\n  const valueField = valueFields[0] // Use first measure field\n  \n  // Debug logging (remove in production)\n  \n  // Extract values for the selected field\n  const values = data\n    .map(row => {\n      // Try direct field access first\n      if (row[valueField] !== undefined) {\n        return row[valueField]\n      }\n      \n      // If not found, try finding the first available field as fallback\n      const availableFields = Object.keys(row)\n      if (availableFields.length > 0) {\n        // Field not found, using fallback\n        return row[availableFields[0]]\n      }\n      \n      return undefined\n    })\n    .filter(val => val !== null && val !== undefined)\n  \n\n  if (values.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined,\n          backgroundColor: 'var(--dc-warning-bg)',\n          color: 'var(--dc-warning)',\n          borderColor: 'var(--dc-warning-border)'\n        }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n          <div className=\"dc:text-xs\">{t('chart.runtime.noValidDataHint.kpiText')}</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Calculate statistics for numeric values\n  const numericValues = values\n    .map(val => Number(val))\n    .filter(val => !isNaN(val))\n\n  let mainValue: any\n  let min: number | null = null\n  let max: number | null = null\n  let showStats = false\n\n  if (numericValues.length > 0) {\n    if (values.length === 1) {\n      mainValue = values[0]\n    } else {\n      // Calculate average for multiple numeric values\n      const sum = numericValues.reduce((acc, val) => acc + val, 0)\n      const avg = sum / numericValues.length\n      mainValue = avg\n      min = Math.min(...numericValues)\n      max = Math.max(...numericValues)\n      showStats = true\n    }\n  } else {\n    // Non-numeric values - just use the first one or concatenate if multiple\n    mainValue = values.length === 1 ? values[0] : values.join(', ')\n  }\n\n  // Format number with appropriate units and decimals\n  const formatNumber = (value: number | null | undefined): string => {\n    // If custom formatValue is provided, use it exclusively\n    if (displayConfig.formatValue) {\n      return displayConfig.formatValue(value)\n    }\n\n    // Null handling: Show placeholder for missing data\n    if (value === null || value === undefined) {\n      return '—'\n    }\n\n    const decimals = displayConfig.decimals ?? 2\n\n    if (Math.abs(value) >= 1e9) {\n      return (value / 1e9).toFixed(decimals) + 'B'\n    } else if (Math.abs(value) >= 1e6) {\n      return (value / 1e6).toFixed(decimals) + 'M'\n    } else if (Math.abs(value) >= 1e3) {\n      return (value / 1e3).toFixed(decimals) + 'K'\n    } else {\n      return value.toFixed(decimals)\n    }\n  }\n\n  // Process template string\n  const processTemplate = (template: string, value: any): string => {\n    try {\n      // Create template variables\n      const templateVars = {\n        value: typeof value === 'number' ? formatNumber(value) : String(value),\n        rawValue: value,\n        field: valueField,\n        fieldLabel: getFieldLabel(valueField),\n        min: min !== null ? formatNumber(min) : '',\n        max: max !== null ? formatNumber(max) : '',\n        count: values.length\n      }\n\n      // Simple template replacement using ${variable} syntax\n      return template.replace(/\\$\\{(\\w+)\\}/g, (match, varName) => {\n        if (varName in templateVars) {\n          return String(templateVars[varName as keyof typeof templateVars])\n        }\n        return match\n      })\n    } catch {\n      // Error processing template\n      return String(value)\n    }\n  }\n\n  const template = displayConfig.template || '${fieldLabel}: ${value}'\n  const displayText = processTemplate(template, mainValue)\n\n  // Get color from palette by index, default to first color in palette\n  const getValueColor = (): string => {\n    if (displayConfig.valueColorIndex !== undefined && colorPalette?.colors) {\n      const colorIndex = displayConfig.valueColorIndex\n      if (colorIndex >= 0 && colorIndex < colorPalette.colors.length) {\n        return colorPalette.colors[colorIndex]\n      }\n    }\n    // Default to first color in palette if available, otherwise fallback to dark gray\n    return colorPalette?.colors?.[0] || '#1f2937'\n  }\n\n  const valueColor = getValueColor()\n\n  return (\n    <div \n      ref={containerRef}\n      className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4\"\n      style={{ \n        height: height === \"100%\" ? \"100%\" : height,\n        minHeight: height === \"100%\" ? '200px' : undefined\n      }}\n    >\n        {/* Main KPI Text */}\n        <div \n          ref={textRef}\n          className=\"dc:font-bold dc:leading-tight dc:text-center\"\n          style={{ \n            fontSize: `${fontSize}px`,\n            color: valueColor \n          }}\n        >\n          {displayText}\n        </div>\n\n        {/* Data Histogram for multiple values */}\n        {showStats && min !== null && max !== null && (\n          <div className=\"dc:mt-4\">\n            <DataHistogram\n              values={values}\n              min={min}\n              max={max}\n              color={valueColor}\n              formatValue={formatNumber}\n              height={24}\n              width={textWidth || 200}\n            />\n          </div>\n        )}\n    </div>\n  )\n})\n\nexport default KpiText"],"mappings":"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"}
+{"version":3,"file":"chart-kpi-text-u8FJaZDQ.js","names":[],"sources":["../../../src/client/components/charts/KpiText.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport DataHistogram from '../DataHistogram'\nimport type { ChartProps } from '../../types'\n\nconst KpiText = React.memo(function KpiText({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [fontSize, setFontSize] = useState(28)\n  const [textWidth, setTextWidth] = useState(0)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const textRef = useRef<HTMLDivElement>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Calculate font size and text width based on container dimensions\n  useEffect(() => {\n    const updateDimensions = () => {\n      if (containerRef.current) {\n        const container = containerRef.current\n        const rect = container.getBoundingClientRect()\n        const containerWidth = rect.width\n        const containerHeight = rect.height\n        \n        if (containerWidth > 0 && containerHeight > 0) {\n          // Calculate font size based on container dimensions\n          // For KPI Text displays, text might be longer so use more conservative sizing\n          // Also reserve space for potential statistics display\n          const widthBasedSize = containerWidth / 8\n          const heightBasedSize = containerHeight / 5\n          const baseFontSize = Math.min(widthBasedSize, heightBasedSize)\n          const clampedFontSize = Math.max(18, Math.min(baseFontSize, 80))\n          setFontSize(clampedFontSize)\n        }\n      }\n      \n      // Measure the text width after font size is set\n      if (textRef.current) {\n        const textRect = textRef.current.getBoundingClientRect()\n        setTextWidth(textRect.width)\n      }\n    }\n\n    // Initial calculation after a short delay to ensure the container is fully rendered\n    const timer = setTimeout(updateDimensions, 100)\n    \n    const resizeObserver = new ResizeObserver(() => {\n      // Debounce the resize updates\n      clearTimeout(timer)\n      setTimeout(updateDimensions, 50)\n    })\n    \n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n    }\n\n    return () => {\n      clearTimeout(timer)\n      resizeObserver.disconnect()\n    }\n  }, [data, chartConfig])\n\n  if (!data || data.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        <div className=\"dc:text-center text-dc-text-muted\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.kpi')}</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Extract value field from chart config - handle both string and array formats\n  let valueFields: string[] = []\n  if (chartConfig?.yAxis) {\n    // Handle both string and array formats\n    if (typeof chartConfig.yAxis === 'string') {\n      valueFields = [chartConfig.yAxis]\n    } else if (Array.isArray(chartConfig.yAxis)) {\n      valueFields = chartConfig.yAxis\n    }\n  }\n  \n  \n  if (valueFields.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined,\n          backgroundColor: 'var(--dc-danger-bg)',\n          color: 'var(--dc-danger)',\n          borderColor: 'var(--dc-danger-border)'\n        }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n          <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.noMeasures')}</div>\n        </div>\n      </div>\n    )\n  }\n\n  const valueField = valueFields[0] // Use first measure field\n  \n  // Debug logging (remove in production)\n  \n  // Extract values for the selected field\n  const values = data\n    .map(row => {\n      // Try direct field access first\n      if (row[valueField] !== undefined) {\n        return row[valueField]\n      }\n      \n      // If not found, try finding the first available field as fallback\n      const availableFields = Object.keys(row)\n      if (availableFields.length > 0) {\n        // Field not found, using fallback\n        return row[availableFields[0]]\n      }\n      \n      return undefined\n    })\n    .filter(val => val !== null && val !== undefined)\n  \n\n  if (values.length === 0) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined,\n          backgroundColor: 'var(--dc-warning-bg)',\n          color: 'var(--dc-warning)',\n          borderColor: 'var(--dc-warning-border)'\n        }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n          <div className=\"dc:text-xs\">{t('chart.runtime.noValidDataHint.kpiText')}</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Calculate statistics for numeric values\n  const numericValues = values\n    .map(val => Number(val))\n    .filter(val => !isNaN(val))\n\n  let mainValue: any\n  let min: number | null = null\n  let max: number | null = null\n  let showStats = false\n\n  if (numericValues.length > 0) {\n    if (values.length === 1) {\n      mainValue = values[0]\n    } else {\n      // Calculate average for multiple numeric values\n      const sum = numericValues.reduce((acc, val) => acc + val, 0)\n      const avg = sum / numericValues.length\n      mainValue = avg\n      min = Math.min(...numericValues)\n      max = Math.max(...numericValues)\n      showStats = true\n    }\n  } else {\n    // Non-numeric values - just use the first one or concatenate if multiple\n    mainValue = values.length === 1 ? values[0] : values.join(', ')\n  }\n\n  // Format number with appropriate units and decimals\n  const formatNumber = (value: number | null | undefined): string => {\n    // If custom formatValue is provided, use it exclusively\n    if (displayConfig.formatValue) {\n      return displayConfig.formatValue(value)\n    }\n\n    // Null handling: Show placeholder for missing data\n    if (value === null || value === undefined) {\n      return '—'\n    }\n\n    const decimals = displayConfig.decimals ?? 2\n\n    if (Math.abs(value) >= 1e9) {\n      return (value / 1e9).toFixed(decimals) + 'B'\n    } else if (Math.abs(value) >= 1e6) {\n      return (value / 1e6).toFixed(decimals) + 'M'\n    } else if (Math.abs(value) >= 1e3) {\n      return (value / 1e3).toFixed(decimals) + 'K'\n    } else {\n      return value.toFixed(decimals)\n    }\n  }\n\n  // Process template string\n  const processTemplate = (template: string, value: any): string => {\n    try {\n      // Create template variables\n      const templateVars = {\n        value: typeof value === 'number' ? formatNumber(value) : String(value),\n        rawValue: value,\n        field: valueField,\n        fieldLabel: getFieldLabel(valueField),\n        min: min !== null ? formatNumber(min) : '',\n        max: max !== null ? formatNumber(max) : '',\n        count: values.length\n      }\n\n      // Simple template replacement using ${variable} syntax\n      return template.replace(/\\$\\{(\\w+)\\}/g, (match, varName) => {\n        if (varName in templateVars) {\n          return String(templateVars[varName as keyof typeof templateVars])\n        }\n        return match\n      })\n    } catch {\n      // Error processing template\n      return String(value)\n    }\n  }\n\n  const template = displayConfig.template || '${fieldLabel}: ${value}'\n  const displayText = processTemplate(template, mainValue)\n\n  // Get color from palette by index, default to first color in palette\n  const getValueColor = (): string => {\n    if (displayConfig.valueColorIndex !== undefined && colorPalette?.colors) {\n      const colorIndex = displayConfig.valueColorIndex\n      if (colorIndex >= 0 && colorIndex < colorPalette.colors.length) {\n        return colorPalette.colors[colorIndex]\n      }\n    }\n    // Default to first color in palette if available, otherwise fallback to dark gray\n    return colorPalette?.colors?.[0] || '#1f2937'\n  }\n\n  const valueColor = getValueColor()\n\n  return (\n    <div \n      ref={containerRef}\n      className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4\"\n      style={{ \n        height: height === \"100%\" ? \"100%\" : height,\n        minHeight: height === \"100%\" ? '200px' : undefined\n      }}\n    >\n        {/* Main KPI Text */}\n        <div \n          ref={textRef}\n          className=\"dc:font-bold dc:leading-tight dc:text-center\"\n          style={{ \n            fontSize: `${fontSize}px`,\n            color: valueColor \n          }}\n        >\n          {displayText}\n        </div>\n\n        {/* Data Histogram for multiple values */}\n        {showStats && min !== null && max !== null && (\n          <div className=\"dc:mt-4\">\n            <DataHistogram\n              values={values}\n              min={min}\n              max={max}\n              color={valueColor}\n              formatValue={formatNumber}\n              height={24}\n              width={textWidth || 200}\n            />\n          </div>\n        )}\n    </div>\n  )\n})\n\nexport default KpiText"],"mappings":"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"}

package/dist/client/chunks/{chart-line-DKvW32U-.js → chart-line-BZhzOjRl.js}

@@ -1,36 +1,36 @@
-import { n as e } from "./rolldown-runtime-CCl2IeXn.js";
-import { D as t, S as n, _ as r, i, k as a, n as o, x as s, y as c } from "./chart-activity-grid-VFFm85hC.js";
-import { a as l, c as u, l as d, o as f, s as p } from "./chart-area-CwwIHTmK.js";
+import { n as e } from "./rolldown-runtime-CKnJJeip.js";
+import { D as t, S as n, _ as r, i, k as a, n as o, x as s, y as c } from "./chart-activity-grid-Bdb8U_NC.js";
+import { a as l, c as u, l as d, o as f, s as p } from "./chart-area-BZEnT-tf.js";
 import m, { useMemo as h, useState as g } from "react";
-import { Fragment as ee, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { CartesianGrid as y, Legend as b, Line as x, LineChart as S, XAxis as C, YAxis as w } from "recharts";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CartesianGrid as b, Legend as ee, Line as x, LineChart as te, XAxis as S, YAxis as C } from "recharts";
 //#region src/client/utils/comparisonUtils.ts
-function T(e) {
+function w(e) {
 	return e.length > 0 && "__periodIndex" in e[0];
 }
-function E(e) {
-	if (!T(e)) return [];
+function T(e) {
+	if (!w(e)) return [];
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e) n.__period && t.add(n.__period);
 	return Array.from(t);
 }
-function D(e) {
-	if (!T(e)) return [];
+function E(e) {
+	if (!w(e)) return [];
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e) typeof n.__periodIndex == "number" && t.add(n.__periodIndex);
 	return Array.from(t).sort((e, t) => e - t);
 }
-function O(e, t) {
+function D(e, t) {
 	return t === 0 ? "Current" : "Prior";
 }
-function k(e, t, n) {
-	if (!T(e)) return {
+function O(e, t, n) {
+	if (!w(e)) return {
 		data: e,
 		seriesKeys: t
 	};
-	let r = E(e), i = [];
+	let r = T(e), i = [];
 	for (let e of t) for (let t = 0; t < r.length; t++) {
-		let n = `${e} (${O(r[t], t)})`;
+		let n = `${e} (${D(r[t], t)})`;
 		i.push(n);
 	}
 	return {
@@ -38,7 +38,7 @@ function k(e, t, n) {
 		seriesKeys: i
 	};
 }
-function A(e, t, n) {
+function k(e, t, n) {
 	if (e.length === 0) return [];
 	let r = [
 		"__period",
@@ -48,19 +48,19 @@ function A(e, t, n) {
 	for (let e of Object.keys(i)) !t.includes(e) && e !== n && !r.includes(e) && a.push(e);
 	return a;
 }
-function j(e, t) {
+function A(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let e of t) n.set(e, /* @__PURE__ */ new Set());
 	for (let r of e) for (let e of t) r[e] !== void 0 && r[e] !== null && n.get(e).add(r[e]);
 	return n;
 }
-function M(e, t, n, r) {
-	if (!T(e)) return {
+function j(e, t, n, r) {
+	if (!w(e)) return {
 		data: e,
 		seriesKeys: t,
 		xAxisKey: n
 	};
-	let i = E(e), a = D(e), o = A(e, t, n), s = o.length > 0, c = s ? j(e, o) : null, l = /* @__PURE__ */ new Map();
+	let i = T(e), a = E(e), o = k(e, t, n), s = o.length > 0, c = s ? A(e, o) : null, l = /* @__PURE__ */ new Map();
 	for (let a of e) {
 		let e = a.__periodDayIndex, c = a.__periodIndex;
 		l.has(e) || l.set(e, {
@@ -74,7 +74,7 @@ function M(e, t, n, r) {
 			let t = a[e];
 			return r ? r(String(t)) : String(t);
 		}).join(" / "));
-		let f = O(i[c] || "", c);
+		let f = D(i[c] || "", c);
 		for (let e of t) {
 			let t = r ? r(e) : e, n = d ? `${d} - ${t} (${f})` : `${t} (${f})`;
 			u[n] = a[e];
@@ -82,18 +82,18 @@ function M(e, t, n, r) {
 	}
 	let u = Array.from(l.values()).sort((e, t) => e.__periodDayIndex - t.__periodDayIndex), d = [];
 	if (s && c) {
-		let e = N(o, c, r);
+		let e = M(o, c, r);
 		for (let n of e) for (let e of t) {
 			let t = r ? r(e) : e;
 			for (let e = 0; e < a.length; e++) {
-				let r = O(i[e] || "", e);
+				let r = D(i[e] || "", e);
 				d.push(`${n} - ${t} (${r})`);
 			}
 		}
 	} else for (let e of t) {
 		let t = r ? r(e) : e;
 		for (let e = 0; e < a.length; e++) {
-			let n = O(i[e] || "", e);
+			let n = D(i[e] || "", e);
 			d.push(`${t} (${n})`);
 		}
 	}
@@ -103,7 +103,7 @@ function M(e, t, n, r) {
 		xAxisKey: "__periodDayIndex"
 	};
 }
-function N(e, t, n) {
+function M(e, t, n) {
 	if (e.length === 0) return [];
 	if (e.length === 1) return Array.from(t.get(e[0]) || []).map((e) => n ? n(String(e)) : String(e));
 	let r = [], i = e.map((e) => Array.from(t.get(e) || []));
@@ -117,7 +117,7 @@ function N(e, t, n) {
 	}
 	return a(0, []), r;
 }
-function P(e, t, n) {
+function N(e, t, n) {
 	if (n?.showDayNumber) return `Day ${e + 1}`;
 	if (t) {
 		let e = typeof t == "string" ? new Date(t) : t;
@@ -128,15 +128,15 @@ function P(e, t, n) {
 	}
 	return `${e + 1}`;
 }
-function F(e, t) {
+function P(e, t) {
 	if (t.length < 2) return !1;
 	for (let n = 1; n < t.length; n++) {
-		let r = O(t[n], n);
+		let r = D(t[n], n);
 		if (e.includes(`(${r})`)) return !0;
 	}
 	return e.includes("(Prior");
 }
-function I(e = "dashed") {
+function F(e = "dashed") {
 	switch (e) {
 		case "solid": return;
 		case "dashed": return "5 5";
@@ -146,131 +146,132 @@ function I(e = "dashed") {
 }
 //#endregion
 //#region src/client/components/charts/LineChart.tsx
-var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e, chartConfig: m, displayConfig: D = {}, queryObject: O, height: k = "100%", colorPalette: A, onDataPointClick: j, drillEnabled: N }) {
-	let { t: P } = a(), [L, R] = g(null), z = r(), B = h(() => m?.yAxis ? Array.isArray(m.yAxis) ? m.yAxis : [m.yAxis] : m?.y ? Array.isArray(m.y) ? m.y : [m.y] : [], [m?.yAxis, m?.y]), V = h(() => m?.yAxisAssignment || {}, [m?.yAxisAssignment]), H = h(() => {
+var I = /* @__PURE__ */ e({ default: () => L }), L = m.memo(function({ data: e, chartConfig: m, displayConfig: E = {}, queryObject: D, height: O = "100%", colorPalette: k, onDataPointClick: A, drillEnabled: M }) {
+	let { t: N } = a(), [I, L] = g(null), R = r(), z = h(() => m?.yAxis ? Array.isArray(m.yAxis) ? m.yAxis : [m.yAxis] : m?.y ? Array.isArray(m.y) ? m.y : [m.y] : [], [m?.yAxis, m?.y]), B = h(() => m?.yAxisAssignment || {}, [m?.yAxisAssignment]), V = h(() => {
 		let e = {};
-		return B.forEach((t) => {
-			let n = z(t);
+		return z.forEach((t) => {
+			let n = R(t);
 			e[n] = t;
 		}), e;
-	}, [B, z]);
+	}, [z, R]);
 	try {
 		let r = {
-			showLegend: D?.showLegend ?? !0,
-			showGrid: D?.showGrid ?? !0,
-			showTooltip: D?.showTooltip ?? !0,
-			connectNulls: D?.connectNulls ?? !1
-		}, a = D?.leftYAxisFormat, h = D?.rightYAxisFormat;
-		if (!e || e.length === 0) return /* @__PURE__ */ _("div", {
+			showLegend: E?.showLegend ?? !0,
+			showGrid: E?.showGrid ?? !0,
+			showTooltip: E?.showTooltip ?? !0,
+			connectNulls: E?.connectNulls ?? !1
+		}, a = E?.showAllXLabels ?? !0, h = E?.leftYAxisFormat, g = E?.rightYAxisFormat;
+		if (!e || e.length === 0) return /* @__PURE__ */ v("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: k },
-			children: /* @__PURE__ */ v("div", {
+			style: { height: O },
+			children: /* @__PURE__ */ y("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: P("chart.runtime.noData")
-				}), /* @__PURE__ */ _("div", {
+					children: N("chart.runtime.noData")
+				}), /* @__PURE__ */ v("div", {
 					className: "dc:text-xs text-dc-text-secondary",
-					children: P("chart.runtime.noDataHint.line")
+					children: N("chart.runtime.noDataHint.line")
 				})]
 			})
 		});
-		let g, U = [];
-		if (m?.xAxis && m?.yAxis) g = Array.isArray(m.xAxis) ? m.xAxis[0] : m.xAxis, U = m.series || [];
-		else if (m?.x && m?.y) g = m.x;
-		else return /* @__PURE__ */ _("div", {
+		let H, U = [];
+		if (m?.xAxis && m?.yAxis) H = Array.isArray(m.xAxis) ? m.xAxis[0] : m.xAxis, U = m.series || [];
+		else if (m?.x && m?.y) H = m.x;
+		else return /* @__PURE__ */ v("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: k },
-			children: /* @__PURE__ */ v("div", {
+			style: { height: O },
+			children: /* @__PURE__ */ y("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: P("chart.runtime.configError")
-				}), /* @__PURE__ */ _("div", {
+					children: N("chart.runtime.configError")
+				}), /* @__PURE__ */ v("div", {
 					className: "dc:text-xs",
-					children: P("chart.runtime.configErrorHint.axisInvalid")
+					children: N("chart.runtime.configErrorHint.axisInvalid")
 				})]
 			})
 		});
-		if (!g || B.length === 0) return /* @__PURE__ */ _("div", {
+		if (!H || z.length === 0) return /* @__PURE__ */ v("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: k },
-			children: /* @__PURE__ */ v("div", {
+			style: { height: O },
+			children: /* @__PURE__ */ y("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: P("chart.runtime.configError")
-				}), /* @__PURE__ */ _("div", {
+					children: N("chart.runtime.configError")
+				}), /* @__PURE__ */ v("div", {
 					className: "dc:text-xs",
-					children: P("chart.runtime.configErrorHint.axisFields")
+					children: N("chart.runtime.configErrorHint.axisFields")
 				})]
 			})
 		});
-		let W = T(e), te = D?.priorPeriodStyle || "dashed", ne = D?.priorPeriodOpacity ?? .5, re = W ? E(e) : [], G, K, q = "name";
+		let W = w(e), ne = E?.priorPeriodStyle || "dashed", re = E?.priorPeriodOpacity ?? .5, ie = W ? T(e) : [], G, K, q = "name";
 		if (W) {
-			let t = M(e, B, g, z);
+			let t = j(e, z, H, R);
 			G = t.data, K = t.seriesKeys, q = "__periodDayIndex";
 		} else {
-			let n = t(e, g, B, O, U, z);
+			let n = t(e, H, z, D, U, R);
 			G = n.data, K = n.seriesKeys;
 		}
 		let J = (e) => {
-			if (H[e]) return H[e];
+			if (V[e]) return V[e];
 			if (e.length > 1e3) return;
 			let t = e.replace(/\s*\((Current|Prior)\)$/, "").split(" - ");
-			return H[t[t.length - 1]];
-		}, Y = B.some((e) => V[e] === "right"), X = B.filter((e) => (V[e] || "left") === "left"), Z = B.filter((e) => V[e] === "right"), ie = r.showLegend, ae = {
+			return V[t[t.length - 1]];
+		}, Y = z.some((e) => B[e] === "right"), X = z.filter((e) => (B[e] || "left") === "left"), Z = z.filter((e) => B[e] === "right"), ae = r.showLegend, oe = {
 			...i,
 			left: 40,
 			right: Y ? 40 : 20
-		}, Q = f(l(D?.target || ""), G.length), $ = G;
+		}, Q = f(l(E?.target || ""), G.length), $ = G;
 		return Q.length > 0 && ($ = G.map((e, t) => ({
 			...e,
 			__target: Q[t] || null
-		}))), !G || G.length === 0 ? /* @__PURE__ */ _("div", {
+		}))), !G || G.length === 0 ? /* @__PURE__ */ v("div", {
 			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: k },
-			children: /* @__PURE__ */ v("div", {
+			style: { height: O },
+			children: /* @__PURE__ */ y("div", {
 				className: "dc:text-center",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: P("chart.runtime.noValidData")
-				}), /* @__PURE__ */ _("div", {
+					children: N("chart.runtime.noValidData")
+				}), /* @__PURE__ */ v("div", {
 					className: "dc:text-xs text-dc-text-secondary",
 					children: "No valid data points for line chart after transformation"
 				})]
 			})
-		}) : /* @__PURE__ */ _(d, {
-			height: k,
-			children: /* @__PURE__ */ v(S, {
+		}) : /* @__PURE__ */ v(d, {
+			height: O,
+			children: /* @__PURE__ */ y(te, {
 				data: $,
-				margin: ae,
+				margin: oe,
 				accessibilityLayer: !1,
 				children: [
-					r.showGrid && /* @__PURE__ */ _(y, {
+					r.showGrid && /* @__PURE__ */ v(b, {
 						strokeDasharray: "3 3",
 						style: { pointerEvents: "none" }
 					}),
-					/* @__PURE__ */ _(C, {
+					/* @__PURE__ */ v(S, {
 						dataKey: q,
 						type: "category",
-						tick: /* @__PURE__ */ _(p, { tickFormatter: W ? (e, t) => {
+						tick: /* @__PURE__ */ v(p, { tickFormatter: W ? (e, t) => {
 							let r = G[t];
 							if (r?.__displayDate) {
-								let e = n(O, g);
+								let e = n(D, H);
 								return s(r.__displayDate, e);
 							}
 							return `Period ${Number(e) + 1}`;
 						} : void 0 }),
-						height: 60
+						height: 60,
+						interval: a ? 0 : void 0
 					}),
-					/* @__PURE__ */ _(w, {
+					/* @__PURE__ */ v(C, {
 						yAxisId: "left",
 						orientation: "left",
 						tick: { fontSize: 12 },
-						tickFormatter: a ? (e) => c(e, a) : void 0,
+						tickFormatter: h ? (e) => c(e, h) : void 0,
 						label: X.length > 0 ? {
-							value: a?.label || z(X[0]),
+							value: h?.label || R(X[0]),
 							angle: -90,
 							position: "left",
 							style: {
@@ -279,13 +280,13 @@ var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e,
 							}
 						} : void 0
 					}),
-					Y && /* @__PURE__ */ _(w, {
+					Y && /* @__PURE__ */ v(C, {
 						yAxisId: "right",
 						orientation: "right",
 						tick: { fontSize: 12 },
-						tickFormatter: h ? (e) => c(e, h) : void 0,
+						tickFormatter: g ? (e) => c(e, g) : void 0,
 						label: Z.length > 0 ? {
-							value: h?.label || z(Z[0]),
+							value: g?.label || R(Z[0]),
 							angle: 90,
 							position: "right",
 							style: {
@@ -294,25 +295,25 @@ var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e,
 							}
 						} : void 0
 					}),
-					r.showTooltip && /* @__PURE__ */ _(u, {
+					r.showTooltip && /* @__PURE__ */ v(u, {
 						formatter: (e, t) => {
 							if (e == null) return ["No data", t];
-							if (t === "Target") return [c(e, a), "Target Value"];
+							if (t === "Target") return [c(e, h), "Target Value"];
 							let n = J(t);
-							return [c(e, (n && V[n] === "right" ? "right" : "left") == "right" ? h : a), t];
+							return [c(e, (n && B[n] === "right" ? "right" : "left") == "right" ? g : h), t];
 						},
 						labelFormatter: W ? (e, t) => {
 							if (t && t.length > 0) {
 								let e = t[0]?.payload;
 								if (e?.__displayDate) {
-									let t = n(O, g);
+									let t = n(D, H);
 									return s(e.__displayDate, t);
 								}
 							}
 							return `Period ${Number(e) + 1}`;
 						} : void 0
 					}),
-					ie && /* @__PURE__ */ _(b, {
+					ae && /* @__PURE__ */ v(ee, {
 						wrapperStyle: {
 							fontSize: "12px",
 							paddingTop: "25px"
@@ -322,12 +323,12 @@ var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e,
 						layout: "horizontal",
 						align: "center",
 						verticalAlign: "bottom",
-						onMouseEnter: (e) => R(String(e.dataKey || "")),
-						onMouseLeave: () => R(null)
+						onMouseEnter: (e) => L(String(e.dataKey || "")),
+						onMouseLeave: () => L(null)
 					}),
 					K.map((e, t) => {
-						let n = J(e), i = n && V[n] === "right" ? "right" : "left", a = W && F(e, re), s = a ? I(te) : void 0, c = a ? ne : 1, l = A?.colors && A.colors[t % A.colors.length] || o[t % o.length];
-						return /* @__PURE__ */ _(x, {
+						let n = J(e), i = n && B[n] === "right" ? "right" : "left", a = W && P(e, ie), s = a ? F(ne) : void 0, c = a ? re : 1, l = k?.colors && k.colors[t % k.colors.length] || o[t % o.length];
+						return /* @__PURE__ */ v(x, {
 							type: "monotone",
 							dataKey: e,
 							yAxisId: i,
@@ -338,7 +339,7 @@ var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e,
 								let { cx: r, cy: i, payload: a, key: o } = t;
 								if (r === void 0 || i === void 0) return null;
 								let s = (t) => {
-									t.stopPropagation(), t.preventDefault(), j && j({
+									t.stopPropagation(), t.preventDefault(), A && A({
 										dataPoint: a,
 										clickedField: n || e,
 										xValue: a.name,
@@ -349,13 +350,13 @@ var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e,
 										nativeEvent: t
 									});
 								};
-								return N && j ? /* @__PURE__ */ v("g", { children: [/* @__PURE__ */ _("circle", {
+								return M && A ? /* @__PURE__ */ y("g", { children: [/* @__PURE__ */ v("circle", {
 									cx: r,
 									cy: i,
 									r: 6,
 									fill: "var(--dc-surface)",
 									style: { pointerEvents: "none" }
-								}), /* @__PURE__ */ _("circle", {
+								}), /* @__PURE__ */ v("circle", {
 									cx: r,
 									cy: i,
 									r: 4,
@@ -366,7 +367,7 @@ var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e,
 									onClick: (e) => {
 										s(e);
 									}
-								})] }, o) : /* @__PURE__ */ _("circle", {
+								})] }, o) : /* @__PURE__ */ v("circle", {
 									cx: r,
 									cy: i,
 									r: 3,
@@ -374,11 +375,11 @@ var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e,
 								}, o);
 							},
 							activeDot: !1,
-							strokeOpacity: L ? L === e ? 1 : .3 : c,
+							strokeOpacity: I ? I === e ? 1 : .3 : c,
 							connectNulls: r.connectNulls
 						}, e);
 					}),
-					Q.length > 0 && /* @__PURE__ */ v(ee, { children: [/* @__PURE__ */ _(x, {
+					Q.length > 0 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(x, {
 						type: "monotone",
 						dataKey: "__target",
 						yAxisId: "left",
@@ -387,7 +388,7 @@ var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e,
 						dot: !1,
 						activeDot: !1,
 						connectNulls: !1
-					}), /* @__PURE__ */ _(x, {
+					}), /* @__PURE__ */ v(x, {
 						type: "monotone",
 						dataKey: "__target",
 						yAxisId: "left",
@@ -403,23 +404,23 @@ var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e,
 			})
 		});
 	} catch (e) {
-		return /* @__PURE__ */ _("div", {
+		return /* @__PURE__ */ v("div", {
 			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
-			style: { height: k },
-			children: /* @__PURE__ */ v("div", {
+			style: { height: O },
+			children: /* @__PURE__ */ y("div", {
 				className: "dc:text-center",
 				children: [
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ v("div", {
 						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: P("chart.runtime.chartError", { chartType: "Line Chart" })
+						children: N("chart.runtime.chartError", { chartType: "Line Chart" })
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ v("div", {
 						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : P("chart.runtime.unknownError")
+						children: e instanceof Error ? e.message : N("chart.runtime.unknownError")
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ v("div", {
 						className: "dc:text-xs text-dc-text-muted",
-						children: P("chart.runtime.checkConfig")
+						children: N("chart.runtime.checkConfig")
 					})
 				]
 			})
@@ -427,6 +428,6 @@ var L = /* @__PURE__ */ e({ default: () => R }), R = m.memo(function({ data: e,
 	}
 });
 //#endregion
-export { D as a, T as c, k as d, O as i, F as l, L as n, E as o, P as r, I as s, R as t, M as u };
+export { E as a, w as c, O as d, D as i, P as l, I as n, T as o, N as r, F as s, L as t, j as u };
 
-//# sourceMappingURL=chart-line-DKvW32U-.js.map
+//# sourceMappingURL=chart-line-BZhzOjRl.js.map