drizzle-cube 0.10.0 → 0.11.0

package/dist/client/chunks/{chart-kpi-text-D3HqxXzU.js.map → chart-kpi-text-D8oQgpxL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-kpi-text-D3HqxXzU.js","names":["__exportAll","useTranslation","useCubeFieldLabel","DataHistogram","React","extractValueFields","yAxis","extractValues","data","row","valueField","availableFields","val","computeKpiStats","numericValues","values","acc","formatKpiNumber","options","value","decimals","abs","processKpiTemplate","ctx","templateVars","formatNumber","min","max","template","varName","match","resolveValueColor","valueColorIndex","colorPalette","KpiText_exports","KpiText","fontSize","setFontSize","useState","textWidth","setTextWidth","containerRef","useRef","textRef","getFieldLabel","useEffect","updateDimensions","rect","containerWidth","containerHeight","widthBasedSize","heightBasedSize","textRect","timer","resizeObserver","chartConfig","height","t","valueFields","displayConfig","displayText","mainValue","valueColor","showStats"],"sources":["../../../src/client/components/charts/kpiTextHelpers.ts","../../../src/client/components/charts/KpiText.tsx"],"sourcesContent":["import type { ColorPalette } from '../../types.js'\n\n/**\n * Co-located pure helpers for KpiText: value extraction, statistics, number\n * formatting, template processing, and colour resolution. Extracted so the\n * component body stays focused on dimensioning + render. Pure extraction — no\n * behaviour change.\n */\n\n/** Extract the configured measure fields from a chart config (string or array). */\nexport function extractValueFields(yAxis: string | string[] | undefined): string[] {\n  if (!yAxis) return []\n  if (typeof yAxis === 'string') return [yAxis]\n  if (Array.isArray(yAxis)) return yAxis\n  return []\n}\n\n/**\n * Extract the values for a field from each row, falling back to the first\n * available field when the configured field is absent. Null/undefined dropped.\n */\nexport function extractValues(data: Record<string, any>[], valueField: string): any[] {\n  return data\n    .map(row => {\n      if (row[valueField] !== undefined) return row[valueField]\n      const availableFields = Object.keys(row)\n      if (availableFields.length > 0) return row[availableFields[0]]\n      return undefined\n    })\n    .filter(val => val !== null && val !== undefined)\n}\n\nexport interface KpiStats {\n  mainValue: any\n  min: number | null\n  max: number | null\n  showStats: boolean\n}\n\n/**\n * Reduce extracted values to the displayed main value plus optional min/max\n * statistics. Numeric multi-value sets average and expose min/max; non-numeric\n * sets concatenate.\n */\nexport function computeKpiStats(values: any[]): KpiStats {\n  const numericValues = values.map(val => Number(val)).filter(val => !isNaN(val))\n\n  if (numericValues.length > 0) {\n    if (values.length === 1) {\n      return { mainValue: values[0], min: null, max: null, showStats: false }\n    }\n    const sum = numericValues.reduce((acc, val) => acc + val, 0)\n    return {\n      mainValue: sum / numericValues.length,\n      min: Math.min(...numericValues),\n      max: Math.max(...numericValues),\n      showStats: true\n    }\n  }\n\n  return {\n    mainValue: values.length === 1 ? values[0] : values.join(', '),\n    min: null,\n    max: null,\n    showStats: false\n  }\n}\n\ninterface NumberFormatOptions {\n  formatValue?: (value: any) => string\n  decimals?: number\n}\n\n/** Format a number with K/M/B abbreviation, honouring a custom formatter. */\nexport function formatKpiNumber(value: number | null | undefined, options: NumberFormatOptions): string {\n  if (options.formatValue) {\n    return options.formatValue(value)\n  }\n  if (value === null || value === undefined) {\n    return '—'\n  }\n\n  const decimals = options.decimals ?? 2\n  const abs = Math.abs(value)\n  if (abs >= 1e9) return (value / 1e9).toFixed(decimals) + 'B'\n  if (abs >= 1e6) return (value / 1e6).toFixed(decimals) + 'M'\n  if (abs >= 1e3) return (value / 1e3).toFixed(decimals) + 'K'\n  return value.toFixed(decimals)\n}\n\ninterface TemplateContext {\n  value: any\n  valueField: string\n  fieldLabel: string\n  min: number | null\n  max: number | null\n  count: number\n  formatNumber: (value: number | null | undefined) => string\n}\n\n/** Replace `${var}` tokens in a KPI template, falling back to the raw value. */\nexport function processKpiTemplate(template: string, ctx: TemplateContext): string {\n  const { value, valueField, fieldLabel, min, max, count, formatNumber } = ctx\n  try {\n    const templateVars = {\n      value: typeof value === 'number' ? formatNumber(value) : String(value),\n      rawValue: value,\n      field: valueField,\n      fieldLabel,\n      min: min !== null ? formatNumber(min) : '',\n      max: max !== null ? formatNumber(max) : '',\n      count\n    }\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    return String(value)\n  }\n}\n\n/** Resolve the KPI text colour from the palette by index, with a fallback. */\nexport function resolveValueColor(\n  valueColorIndex: number | undefined,\n  colorPalette: ColorPalette | undefined\n): string {\n  if (valueColorIndex !== undefined && colorPalette?.colors) {\n    if (valueColorIndex >= 0 && valueColorIndex < colorPalette.colors.length) {\n      return colorPalette.colors[valueColorIndex]\n    }\n  }\n  return colorPalette?.colors?.[0] || '#1f2937'\n}\n","import React, { useState, useRef, useEffect } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport DataHistogram from '../DataHistogram.js'\nimport {\n  extractValueFields,\n  extractValues,\n  computeKpiStats,\n  formatKpiNumber,\n  processKpiTemplate,\n  resolveValueColor\n} from './kpiTextHelpers.js'\nimport type { ChartProps } from '../../types.js'\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  const valueFields = extractValueFields(chartConfig?.yAxis)\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  // Extract values for the selected field\n  const values = extractValues(data as Record<string, any>[], valueField)\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 { mainValue, min, max, showStats } = computeKpiStats(values)\n\n  // Format number with appropriate units and decimals\n  const formatNumber = (value: number | null | undefined): string =>\n    formatKpiNumber(value, { formatValue: displayConfig.formatValue, decimals: displayConfig.decimals })\n\n  const template = displayConfig.template || '${fieldLabel}: ${value}'\n  const displayText = processKpiTemplate(template, {\n    value: mainValue,\n    valueField,\n    fieldLabel: getFieldLabel(valueField),\n    min,\n    max,\n    count: values.length,\n    formatNumber\n  })\n\n  // Get color from palette by index, default to first color in palette\n  const valueColor = resolveValueColor(displayConfig.valueColorIndex, colorPalette)\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-D8oQgpxL.js","names":["__exportAll","useTranslation","useCubeFieldLabel","DataHistogram","React","extractValueFields","yAxis","extractValues","data","row","valueField","availableFields","val","computeKpiStats","numericValues","values","acc","formatKpiNumber","options","value","decimals","abs","processKpiTemplate","ctx","templateVars","formatNumber","min","max","template","varName","match","resolveValueColor","valueColorIndex","colorPalette","KpiText_exports","KpiText","fontSize","setFontSize","useState","textWidth","setTextWidth","containerRef","useRef","textRef","getFieldLabel","useEffect","updateDimensions","rect","containerWidth","containerHeight","widthBasedSize","heightBasedSize","textRect","timer","resizeObserver","chartConfig","height","t","valueFields","displayConfig","displayText","mainValue","valueColor","showStats"],"sources":["../../../src/client/components/charts/kpiTextHelpers.ts","../../../src/client/components/charts/KpiText.tsx"],"sourcesContent":["import type { ColorPalette } from '../../types.js'\n\n/**\n * Co-located pure helpers for KpiText: value extraction, statistics, number\n * formatting, template processing, and colour resolution. Extracted so the\n * component body stays focused on dimensioning + render. Pure extraction — no\n * behaviour change.\n */\n\n/** Extract the configured measure fields from a chart config (string or array). */\nexport function extractValueFields(yAxis: string | string[] | undefined): string[] {\n  if (!yAxis) return []\n  if (typeof yAxis === 'string') return [yAxis]\n  if (Array.isArray(yAxis)) return yAxis\n  return []\n}\n\n/**\n * Extract the values for a field from each row, falling back to the first\n * available field when the configured field is absent. Null/undefined dropped.\n */\nexport function extractValues(data: Record<string, any>[], valueField: string): any[] {\n  return data\n    .map(row => {\n      if (row[valueField] !== undefined) return row[valueField]\n      const availableFields = Object.keys(row)\n      if (availableFields.length > 0) return row[availableFields[0]]\n      return undefined\n    })\n    .filter(val => val !== null && val !== undefined)\n}\n\nexport interface KpiStats {\n  mainValue: any\n  min: number | null\n  max: number | null\n  showStats: boolean\n}\n\n/**\n * Reduce extracted values to the displayed main value plus optional min/max\n * statistics. Numeric multi-value sets average and expose min/max; non-numeric\n * sets concatenate.\n */\nexport function computeKpiStats(values: any[]): KpiStats {\n  const numericValues = values.map(val => Number(val)).filter(val => !isNaN(val))\n\n  if (numericValues.length > 0) {\n    if (values.length === 1) {\n      return { mainValue: values[0], min: null, max: null, showStats: false }\n    }\n    const sum = numericValues.reduce((acc, val) => acc + val, 0)\n    return {\n      mainValue: sum / numericValues.length,\n      min: Math.min(...numericValues),\n      max: Math.max(...numericValues),\n      showStats: true\n    }\n  }\n\n  return {\n    mainValue: values.length === 1 ? values[0] : values.join(', '),\n    min: null,\n    max: null,\n    showStats: false\n  }\n}\n\ninterface NumberFormatOptions {\n  formatValue?: (value: any) => string\n  decimals?: number\n}\n\n/** Format a number with K/M/B abbreviation, honouring a custom formatter. */\nexport function formatKpiNumber(value: number | null | undefined, options: NumberFormatOptions): string {\n  if (options.formatValue) {\n    return options.formatValue(value)\n  }\n  if (value === null || value === undefined) {\n    return '—'\n  }\n\n  const decimals = options.decimals ?? 2\n  const abs = Math.abs(value)\n  if (abs >= 1e9) return (value / 1e9).toFixed(decimals) + 'B'\n  if (abs >= 1e6) return (value / 1e6).toFixed(decimals) + 'M'\n  if (abs >= 1e3) return (value / 1e3).toFixed(decimals) + 'K'\n  return value.toFixed(decimals)\n}\n\ninterface TemplateContext {\n  value: any\n  valueField: string\n  fieldLabel: string\n  min: number | null\n  max: number | null\n  count: number\n  formatNumber: (value: number | null | undefined) => string\n}\n\n/** Replace `${var}` tokens in a KPI template, falling back to the raw value. */\nexport function processKpiTemplate(template: string, ctx: TemplateContext): string {\n  const { value, valueField, fieldLabel, min, max, count, formatNumber } = ctx\n  try {\n    const templateVars = {\n      value: typeof value === 'number' ? formatNumber(value) : String(value),\n      rawValue: value,\n      field: valueField,\n      fieldLabel,\n      min: min !== null ? formatNumber(min) : '',\n      max: max !== null ? formatNumber(max) : '',\n      count\n    }\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    return String(value)\n  }\n}\n\n/** Resolve the KPI text colour from the palette by index, with a fallback. */\nexport function resolveValueColor(\n  valueColorIndex: number | undefined,\n  colorPalette: ColorPalette | undefined\n): string {\n  if (valueColorIndex !== undefined && colorPalette?.colors) {\n    if (valueColorIndex >= 0 && valueColorIndex < colorPalette.colors.length) {\n      return colorPalette.colors[valueColorIndex]\n    }\n  }\n  return colorPalette?.colors?.[0] || '#1f2937'\n}\n","import React, { useState, useRef, useEffect } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport DataHistogram from '../DataHistogram.js'\nimport {\n  extractValueFields,\n  extractValues,\n  computeKpiStats,\n  formatKpiNumber,\n  processKpiTemplate,\n  resolveValueColor\n} from './kpiTextHelpers.js'\nimport type { ChartProps } from '../../types.js'\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  const valueFields = extractValueFields(chartConfig?.yAxis)\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  // Extract values for the selected field\n  const values = extractValues(data as Record<string, any>[], valueField)\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 { mainValue, min, max, showStats } = computeKpiStats(values)\n\n  // Format number with appropriate units and decimals\n  const formatNumber = (value: number | null | undefined): string =>\n    formatKpiNumber(value, { formatValue: displayConfig.formatValue, decimals: displayConfig.decimals })\n\n  const template = displayConfig.template || '${fieldLabel}: ${value}'\n  const displayText = processKpiTemplate(template, {\n    value: mainValue,\n    valueField,\n    fieldLabel: getFieldLabel(valueField),\n    min,\n    max,\n    count: values.length,\n    formatNumber\n  })\n\n  // Get color from palette by index, default to first color in palette\n  const valueColor = resolveValueColor(displayConfig.valueColorIndex, colorPalette)\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-IEgiF8Nv.js → chart-line-BNqjUowg.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-DArdT4gl.js";
-import { F as t, S as n } from "./chart-activity-grid-DGazwi4C.js";
-import { A as ee, D as r, E as i, M as te, O as a, S as ne, _ as o, a as s, b as c, c as l, d as u, f as d, g as f, h as p, i as m, j as re, k as h, l as ie, m as g, o as _, p as v, r as y, u as b, v as x, x as S, y as ae } from "./chart-area-zyLGD-ym.js";
+import { F as t, S as n } from "./chart-activity-grid-Ly_-2B-f.js";
+import { A as ee, D as r, E as i, M as te, O as a, S as ne, _ as o, a as s, b as c, c as l, d as u, f as d, g as f, h as p, i as m, j as re, k as h, l as ie, m as g, o as _, p as v, r as y, u as b, v as x, x as S, y as ae } from "./chart-area-D3l-71Wy.js";
 import C, { useMemo as w, useState as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 import { CartesianGrid as O, LineChart as k, XAxis as A } from "recharts";
@@ -114,4 +114,4 @@ var j = /* @__PURE__ */ e({ default: () => M }), M = C.memo(function({ data: e,
 //#endregion
 export { j as n, M as t };
 
-//# sourceMappingURL=chart-line-IEgiF8Nv.js.map
+//# sourceMappingURL=chart-line-BNqjUowg.js.map

package/dist/client/chunks/{chart-line-IEgiF8Nv.js.map → chart-line-BNqjUowg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-line-IEgiF8Nv.js","names":["LineChart","RechartsLineChart","__exportAll","useTranslation","useCubeFieldLabel","AngledXAxisTick","ChartConfigError","resolveChartAxisFields","ChartContainer","ChartEmptyState","withTargetData","makeCartesianTooltipFormatter","buildTimeSeriesData","renderHoverLegend","isTimeOrderedXAxis","makeComparisonTickFormatter","makeSeriesKeyResolver","getYAxisChartMargins","getPlotLeftOffset","buildSeriesKeyToFieldMap","ChartTooltip","ChartRenderError","makeAxisResolver","getDualAxisInfo","computeSeriesSummaries","renderLineSeries","ChartSummaryHeader","makeComparisonLabelFormatter","renderChartTargetLines","resolveAngledAxisHeight","renderDualYAxes","React","LineChart_exports","LineChart$1","hoveredLegend","setHoveredLegend","useState","getFieldLabel","resolvedXAxisField","useMemo","chartConfig","yAxisAssignment","seriesKeyToField","yAxisFields","safeDisplayConfig","displayConfig","showAllXLabels","leftYAxisFormat","rightYAxisFormat","data","t","errorCode","xAxisField","priorPeriodStyle","priorPeriodOpacity","findFieldFromSeriesKey","axisInfo","showSummary","seriesKeys","summaries","chartData","colorPalette","hasComparisonData","effectiveXAxisKey","showLegend","chartMargins","hasRightAxis","seriesKey","queryObject","height","LineChart","enhancedChartData","CartesianGrid","XAxis","row","spreadTargets","error"],"sources":["../../../src/client/components/charts/LineChart.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { LineChart as RechartsLineChart, XAxis, CartesianGrid } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport AngledXAxisTick from './AngledXAxisTick.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { resolveChartAxisFields } from './chartAxisResolution.js'\nimport {\n  getDualAxisInfo,\n  getYAxisChartMargins,\n  resolveAngledAxisHeight,\n  getPlotLeftOffset,\n  withTargetData,\n  renderDualYAxes,\n  renderChartTargetLines,\n  makeCartesianTooltipFormatter,\n  renderHoverLegend\n} from './chartScaffolding.js'\nimport {\n  makeComparisonTickFormatter,\n  makeComparisonLabelFormatter,\n  buildSeriesKeyToFieldMap,\n  makeSeriesKeyResolver,\n  buildTimeSeriesData,\n  computeSeriesSummaries,\n  makeAxisResolver,\n  isTimeOrderedXAxis,\n  renderLineSeries\n} from './cartesianChartHelpers.js'\nimport ChartSummaryHeader from './ChartSummaryHeader.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport type { ChartProps } from '../../types.js'\n\nconst LineChart = React.memo(function LineChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Resolve + validate axis fields (hooks-first to satisfy React rules).\n  // xAxisField is aliased; it is narrowed to a definite string after the\n  // errorCode guard inside the render body below.\n  const { xAxisField: resolvedXAxisField, yAxisFields, seriesFields, errorCode } = useMemo(\n    () => resolveChartAxisFields(chartConfig),\n    [chartConfig]\n  )\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  // MUST be called before any early returns to satisfy React hooks rules\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\n\n  // Build mapping from series key (label) to original field name (memoized to prevent object recreation)\n  // This is needed because seriesKeys use display labels, not field names\n  // MUST be called before any early returns to satisfy React hooks rules\n  const seriesKeyToField = useMemo(\n    () => buildSeriesKeyToFieldMap(yAxisFields, getFieldLabel),\n    [yAxisFields, getFieldLabel]\n  )\n\n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      connectNulls: displayConfig?.connectNulls ?? false\n    }\n\n    const showAllXLabels = displayConfig?.showAllXLabels ?? false\n\n    // Extract axis format configs\n    const leftYAxisFormat = displayConfig?.leftYAxisFormat\n    const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n    if (!data || data.length === 0) {\n      return <ChartEmptyState height={height} hint={t('chart.runtime.noDataHint.line')} />\n    }\n\n    if (errorCode) {\n      return <ChartConfigError height={height} hint={t(`chart.runtime.configErrorHint.${errorCode}`)} />\n    }\n\n    // The errorCode guard above guarantees xAxisField is defined here\n    const xAxisField = resolvedXAxisField as string\n\n    const priorPeriodStyle = displayConfig?.priorPeriodStyle || 'dashed'\n    const priorPeriodOpacity = displayConfig?.priorPeriodOpacity ?? 0.5\n\n    // Shape data (comparison overlay vs standard transform) via shared helper.\n    const { chartData, seriesKeys, effectiveXAxisKey, hasComparisonData, periodLabels } =\n      buildTimeSeriesData({ data, xAxisField, yAxisFields, seriesFields, queryObject, getFieldLabel })\n\n    // Resolve series key → measure field, handling comparison suffixes\n    // (\"(Current)\"/\"(Prior)\") and dimension prefixes (\"DimValue - Label\").\n    const findFieldFromSeriesKey = makeSeriesKeyResolver(seriesKeyToField)\n\n    // Dual Y-axis derivation + margins (shared scaffolding)\n    const axisInfo = getDualAxisInfo(yAxisFields, yAxisAssignment)\n    const { hasRightAxis } = axisInfo\n\n    // Summary header: per-series current value + change since the start of the\n    // window, derived from the data already fetched for the plot.\n    const showSummary = displayConfig?.showSummary === true && seriesKeys.length > 0\n    const summaries = showSummary\n      ? computeSeriesSummaries(\n          chartData,\n          seriesKeys,\n          colorPalette,\n          makeAxisResolver(findFieldFromSeriesKey, yAxisAssignment),\n          // In comparison mode the x key is a day index, which would read as\n          // \"since 0\"; fall back to the generic wording there.\n          hasComparisonData ? undefined : effectiveXAxisKey\n        )\n      : []\n\n    // The summary carries the colour dots, so the bottom legend becomes redundant.\n    const showLegend = safeDisplayConfig.showLegend && !showSummary\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = getYAxisChartMargins(hasRightAxis)\n\n    // Process target values and add to chart data\n    const { spreadTargets, enhancedChartData } = withTargetData(chartData, displayConfig?.target)\n\n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <ChartEmptyState\n          height={height}\n          titleKey=\"chart.runtime.noValidData\"\n          hint=\"No valid data points for line chart after transformation\"\n        />\n      )\n    }\n\n    return (\n      <div className=\"dc:relative dc:w-full dc:flex dc:flex-col\" style={{ height }}>\n        {showSummary && (\n          <ChartSummaryHeader\n            summaries={summaries}\n            getSeriesLabel={(seriesKey) => seriesKey}\n            valueFormat={leftYAxisFormat}\n            rightValueFormat={rightYAxisFormat}\n            showChange={isTimeOrderedXAxis(queryObject, xAxisField)}\n            leftOffset={getPlotLeftOffset(hasRightAxis)}\n          />\n        )}\n        {/* The header wraps, so its height is not knowable up front. Give the\n            plot the remaining flex space rather than subtracting a constant\n            that silently drifts out of sync once the header wraps. */}\n        <div className={showSummary ? 'dc:flex-1 dc:min-h-0' : 'dc:contents'}>\n        <ChartContainer height={showSummary ? '100%' : height} minHeight={showSummary ? 0 : undefined}>\n        <RechartsLineChart data={enhancedChartData} margin={chartMargins} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey={effectiveXAxisKey}\n            type=\"category\"\n            tick={<AngledXAxisTick tickFormatter={\n              makeComparisonTickFormatter(hasComparisonData, chartData, queryObject, xAxisField)\n            } />}\n            height={resolveAngledAxisHeight(enhancedChartData.map((row: any) => row?.[effectiveXAxisKey]))}\n            interval={showAllXLabels ? 0 : undefined}\n          />\n          {renderDualYAxes(axisInfo, getFieldLabel, leftYAxisFormat, rightYAxisFormat)}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={makeCartesianTooltipFormatter({\n                leftYAxisFormat,\n                rightYAxisFormat,\n                yAxisAssignment,\n                resolveField: findFieldFromSeriesKey\n              })}\n              labelFormatter={\n                makeComparisonLabelFormatter(hasComparisonData, queryObject, xAxisField)\n              }\n            />\n          )}\n          {renderHoverLegend({\n            show: showLegend,\n            iconType: 'line',\n            paddingTop: 25,\n            onHover: setHoveredLegend,\n            onLeave: () => setHoveredLegend(null)\n          })}\n          {renderLineSeries({\n            seriesKeys,\n            colorPalette,\n            resolveField: findFieldFromSeriesKey,\n            yAxisAssignment,\n            hoveredLegend,\n            connectNulls: safeDisplayConfig.connectNulls,\n            showPoints: displayConfig?.showPoints ?? true,\n            drillEnabled,\n            onDataPointClick,\n            hasComparisonData,\n            periodLabels,\n            priorPeriodStyle,\n            priorPeriodOpacity\n          })}\n          {renderChartTargetLines(spreadTargets)}\n        </RechartsLineChart>\n        </ChartContainer>\n        </div>\n      </div>\n    )\n  } catch (error) {\n    return <ChartRenderError height={height} chartType=\"Line Chart\" error={error} />\n  }\n})\n\nexport default LineChart\n"],"mappings":"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"}
+{"version":3,"file":"chart-line-BNqjUowg.js","names":["LineChart","RechartsLineChart","__exportAll","useTranslation","useCubeFieldLabel","AngledXAxisTick","ChartConfigError","resolveChartAxisFields","ChartContainer","ChartEmptyState","withTargetData","makeCartesianTooltipFormatter","buildTimeSeriesData","renderHoverLegend","isTimeOrderedXAxis","makeComparisonTickFormatter","makeSeriesKeyResolver","getYAxisChartMargins","getPlotLeftOffset","buildSeriesKeyToFieldMap","ChartTooltip","ChartRenderError","makeAxisResolver","getDualAxisInfo","computeSeriesSummaries","renderLineSeries","ChartSummaryHeader","makeComparisonLabelFormatter","renderChartTargetLines","resolveAngledAxisHeight","renderDualYAxes","React","LineChart_exports","LineChart$1","hoveredLegend","setHoveredLegend","useState","getFieldLabel","resolvedXAxisField","useMemo","chartConfig","yAxisAssignment","seriesKeyToField","yAxisFields","safeDisplayConfig","displayConfig","showAllXLabels","leftYAxisFormat","rightYAxisFormat","data","t","errorCode","xAxisField","priorPeriodStyle","priorPeriodOpacity","findFieldFromSeriesKey","axisInfo","showSummary","seriesKeys","summaries","chartData","colorPalette","hasComparisonData","effectiveXAxisKey","showLegend","chartMargins","hasRightAxis","seriesKey","queryObject","height","LineChart","enhancedChartData","CartesianGrid","XAxis","row","spreadTargets","error"],"sources":["../../../src/client/components/charts/LineChart.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport { LineChart as RechartsLineChart, XAxis, CartesianGrid } from 'recharts'\nimport ChartContainer from './ChartContainer.js'\nimport ChartTooltip from './ChartTooltip.js'\nimport AngledXAxisTick from './AngledXAxisTick.js'\nimport { ChartEmptyState, ChartConfigError, ChartRenderError } from './ChartStates.js'\nimport { resolveChartAxisFields } from './chartAxisResolution.js'\nimport {\n  getDualAxisInfo,\n  getYAxisChartMargins,\n  resolveAngledAxisHeight,\n  getPlotLeftOffset,\n  withTargetData,\n  renderDualYAxes,\n  renderChartTargetLines,\n  makeCartesianTooltipFormatter,\n  renderHoverLegend\n} from './chartScaffolding.js'\nimport {\n  makeComparisonTickFormatter,\n  makeComparisonLabelFormatter,\n  buildSeriesKeyToFieldMap,\n  makeSeriesKeyResolver,\n  buildTimeSeriesData,\n  computeSeriesSummaries,\n  makeAxisResolver,\n  isTimeOrderedXAxis,\n  renderLineSeries\n} from './cartesianChartHelpers.js'\nimport ChartSummaryHeader from './ChartSummaryHeader.js'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel.js'\nimport type { ChartProps } from '../../types.js'\n\nconst LineChart = React.memo(function LineChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n\n  // Resolve + validate axis fields (hooks-first to satisfy React rules).\n  // xAxisField is aliased; it is narrowed to a definite string after the\n  // errorCode guard inside the render body below.\n  const { xAxisField: resolvedXAxisField, yAxisFields, seriesFields, errorCode } = useMemo(\n    () => resolveChartAxisFields(chartConfig),\n    [chartConfig]\n  )\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  // MUST be called before any early returns to satisfy React hooks rules\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\n\n  // Build mapping from series key (label) to original field name (memoized to prevent object recreation)\n  // This is needed because seriesKeys use display labels, not field names\n  // MUST be called before any early returns to satisfy React hooks rules\n  const seriesKeyToField = useMemo(\n    () => buildSeriesKeyToFieldMap(yAxisFields, getFieldLabel),\n    [yAxisFields, getFieldLabel]\n  )\n\n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      connectNulls: displayConfig?.connectNulls ?? false\n    }\n\n    const showAllXLabels = displayConfig?.showAllXLabels ?? false\n\n    // Extract axis format configs\n    const leftYAxisFormat = displayConfig?.leftYAxisFormat\n    const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n    if (!data || data.length === 0) {\n      return <ChartEmptyState height={height} hint={t('chart.runtime.noDataHint.line')} />\n    }\n\n    if (errorCode) {\n      return <ChartConfigError height={height} hint={t(`chart.runtime.configErrorHint.${errorCode}`)} />\n    }\n\n    // The errorCode guard above guarantees xAxisField is defined here\n    const xAxisField = resolvedXAxisField as string\n\n    const priorPeriodStyle = displayConfig?.priorPeriodStyle || 'dashed'\n    const priorPeriodOpacity = displayConfig?.priorPeriodOpacity ?? 0.5\n\n    // Shape data (comparison overlay vs standard transform) via shared helper.\n    const { chartData, seriesKeys, effectiveXAxisKey, hasComparisonData, periodLabels } =\n      buildTimeSeriesData({ data, xAxisField, yAxisFields, seriesFields, queryObject, getFieldLabel })\n\n    // Resolve series key → measure field, handling comparison suffixes\n    // (\"(Current)\"/\"(Prior)\") and dimension prefixes (\"DimValue - Label\").\n    const findFieldFromSeriesKey = makeSeriesKeyResolver(seriesKeyToField)\n\n    // Dual Y-axis derivation + margins (shared scaffolding)\n    const axisInfo = getDualAxisInfo(yAxisFields, yAxisAssignment)\n    const { hasRightAxis } = axisInfo\n\n    // Summary header: per-series current value + change since the start of the\n    // window, derived from the data already fetched for the plot.\n    const showSummary = displayConfig?.showSummary === true && seriesKeys.length > 0\n    const summaries = showSummary\n      ? computeSeriesSummaries(\n          chartData,\n          seriesKeys,\n          colorPalette,\n          makeAxisResolver(findFieldFromSeriesKey, yAxisAssignment),\n          // In comparison mode the x key is a day index, which would read as\n          // \"since 0\"; fall back to the generic wording there.\n          hasComparisonData ? undefined : effectiveXAxisKey\n        )\n      : []\n\n    // The summary carries the colour dots, so the bottom legend becomes redundant.\n    const showLegend = safeDisplayConfig.showLegend && !showSummary\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = getYAxisChartMargins(hasRightAxis)\n\n    // Process target values and add to chart data\n    const { spreadTargets, enhancedChartData } = withTargetData(chartData, displayConfig?.target)\n\n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <ChartEmptyState\n          height={height}\n          titleKey=\"chart.runtime.noValidData\"\n          hint=\"No valid data points for line chart after transformation\"\n        />\n      )\n    }\n\n    return (\n      <div className=\"dc:relative dc:w-full dc:flex dc:flex-col\" style={{ height }}>\n        {showSummary && (\n          <ChartSummaryHeader\n            summaries={summaries}\n            getSeriesLabel={(seriesKey) => seriesKey}\n            valueFormat={leftYAxisFormat}\n            rightValueFormat={rightYAxisFormat}\n            showChange={isTimeOrderedXAxis(queryObject, xAxisField)}\n            leftOffset={getPlotLeftOffset(hasRightAxis)}\n          />\n        )}\n        {/* The header wraps, so its height is not knowable up front. Give the\n            plot the remaining flex space rather than subtracting a constant\n            that silently drifts out of sync once the header wraps. */}\n        <div className={showSummary ? 'dc:flex-1 dc:min-h-0' : 'dc:contents'}>\n        <ChartContainer height={showSummary ? '100%' : height} minHeight={showSummary ? 0 : undefined}>\n        <RechartsLineChart data={enhancedChartData} margin={chartMargins} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey={effectiveXAxisKey}\n            type=\"category\"\n            tick={<AngledXAxisTick tickFormatter={\n              makeComparisonTickFormatter(hasComparisonData, chartData, queryObject, xAxisField)\n            } />}\n            height={resolveAngledAxisHeight(enhancedChartData.map((row: any) => row?.[effectiveXAxisKey]))}\n            interval={showAllXLabels ? 0 : undefined}\n          />\n          {renderDualYAxes(axisInfo, getFieldLabel, leftYAxisFormat, rightYAxisFormat)}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={makeCartesianTooltipFormatter({\n                leftYAxisFormat,\n                rightYAxisFormat,\n                yAxisAssignment,\n                resolveField: findFieldFromSeriesKey\n              })}\n              labelFormatter={\n                makeComparisonLabelFormatter(hasComparisonData, queryObject, xAxisField)\n              }\n            />\n          )}\n          {renderHoverLegend({\n            show: showLegend,\n            iconType: 'line',\n            paddingTop: 25,\n            onHover: setHoveredLegend,\n            onLeave: () => setHoveredLegend(null)\n          })}\n          {renderLineSeries({\n            seriesKeys,\n            colorPalette,\n            resolveField: findFieldFromSeriesKey,\n            yAxisAssignment,\n            hoveredLegend,\n            connectNulls: safeDisplayConfig.connectNulls,\n            showPoints: displayConfig?.showPoints ?? true,\n            drillEnabled,\n            onDataPointClick,\n            hasComparisonData,\n            periodLabels,\n            priorPeriodStyle,\n            priorPeriodOpacity\n          })}\n          {renderChartTargetLines(spreadTargets)}\n        </RechartsLineChart>\n        </ChartContainer>\n        </div>\n      </div>\n    )\n  } catch (error) {\n    return <ChartRenderError height={height} chartType=\"Line Chart\" error={error} />\n  }\n})\n\nexport default LineChart\n"],"mappings":";;;;;;;iDAkCMA,IAAY+B,EAAM,KAAK,SAAmB,EAC9C,SACA,gBACA,mBAAgB,CAAC,GACjB,gBACA,YAAS,QACT,iBACA,qBACA,mBACa;CACb,IAAM,EAAE,SAAM5B,EAAe,GACvB,CAAC+B,GAAeC,KAAoBC,EAAwB,IAAI,GAEhEC,IAAgBjC,EAAkB,GAKlC,EAAE,YAAYkC,IAAoB,gBAAa,iBAAc,iBAAcC,QACzEhC,EAAuBiC,CAAW,GACxC,CAACA,CAAW,CACd,GAIMC,IAAkBF,QACtBC,GAAa,mBAAmB,CAAC,GACjC,CAACA,GAAa,eAAe,CAC/B,GAKME,IAAmBH,QACjBpB,EAAyBwB,GAAaN,CAAa,GACzD,CAACM,GAAaN,CAAa,CAC7B;CAEA,IAAI;EACF,IAAMO,IAAoB;GACxB,YAAYC,GAAe,cAAc;GACzC,UAAUA,GAAe,YAAY;GACrC,aAAaA,GAAe,eAAe;GAC3C,cAAcA,GAAe,gBAAgB;EAC/C,GAEMC,IAAiBD,GAAe,kBAAkB,IAGlDE,IAAkBF,GAAe,iBACjCG,IAAmBH,GAAe;EAExC,IAAI,CAACI,KAAQA,EAAK,WAAW,GAC3B,OAAO,kBAACxC,GAAD;GAAyB;GAAQ,MAAMyC,EAAE,+BAA+B;EAAI,CAAA;EAGrF,IAAIC,GACF,OAAO,kBAAC7C,GAAD;GAA0B;GAAQ,MAAM4C,EAAE,iCAAiCC,GAAW;EAAI,CAAA;EAInG,IAAMC,IAAad,IAEbe,IAAmBR,GAAe,oBAAoB,UACtDS,IAAqBT,GAAe,sBAAsB,IAG1D,EAAE,cAAW,eAAY,sBAAmB,sBAAmB,qBACnEjC,EAAoB;GAAE;GAAM;GAAY;GAAa;GAAc;GAAa;EAAc,CAAC,GAI3F2C,IAAyBvC,EAAsB0B,CAAgB,GAG/Dc,IAAWjC,EAAgBoB,GAAaF,CAAe,GACvD,EAAE,oBAAiBe,GAInBC,IAAcZ,GAAe,gBAAgB,MAAQa,EAAW,SAAS,GACzEC,KAAYF,IACdjC,EACEoC,GACAF,GACAG,GACAvC,GAAiBiC,GAAwBd,CAAe,GAGxDqB,IAAoB,KAAA,IAAYC,CAClC,IACA,CAAC,GAGCC,KAAapB,EAAkB,cAAc,CAACa,GAG9CQ,KAAehD,EAAqBiD,CAAY,GAGhD,EAAE,mBAAe,yBAAsBxD,GAAekD,GAAWf,GAAe,MAAM;EAa5F,OAVI,CAACe,KAAaA,EAAU,WAAW,IAEnC,kBAACnD,GAAD;GACU;GACR,UAAS;GACT,MAAK;EACN,CAAA,IAKH,kBAAC,OAAD;GAAK,WAAU;GAA4C,OAAO,EAAE,UAAO;GAA3E,UAAA,CACGgD,KACC,kBAAC/B,GAAD;IACa;IACX,iBAAiB,MAAcyC;IAC/B,aAAapB;IACb,kBAAkBC;IAClB,YAAYlC,EAAmBsD,GAAahB,CAAU;IACtD,YAAYlC,EAAkBgD,CAAY;GAC3C,CAAA,GAKH,kBAAC,OAAD;IAAK,WAAWT,IAAc,yBAAyB;IACvD,UAAA,kBAACjD,IAAD;KAAgB,QAAQiD,IAAc,SAASY;KAAQ,WAAWZ,IAAc,IAAI,KAAA;KACpF,UAAA,kBAACxD,GAAD;MAAmB,MAAMsE;MAAmB,QAAQN;MAAc,oBAAoB;MAAtF,UAAA;OACGrB,EAAkB,YACjB,kBAAC4B,GAAD;QAAe,iBAAgB;QAAM,OAAO,EAAE,eAAe,OAAO;OAAI,CAAA;OAE1E,kBAACC,GAAD;QACE,SAASV;QACT,MAAK;QACL,MAAM,kBAAC1D,IAAD,EAAiB,eACrBU,EAA4B+C,GAAmBF,GAAWQ,GAAahB,CAAU,EAChF,CAAA;QACH,QAAQvB,EAAwB0C,EAAkB,KAAK,MAAaG,IAAMX,EAAkB,CAAC;QAC7F,UAAUjB,IAAiB,IAAI,KAAA;OAChC,CAAA;OACAhB,GAAgB0B,GAAUnB,GAAeU,GAAiBC,CAAgB;OAC1EJ,EAAkB,eACjB,kBAACxB,IAAD;QACE,WAAWT,EAA8B;SACvC;SACA;SACA;SACA,cAAc4C;QAChB,CAAC;QACD,gBACE5B,EAA6BmC,GAAmBM,GAAahB,CAAU;OAE1E,CAAA;OAEFvC,EAAkB;QACjB,MAAMmD;QACN,UAAU;QACV,YAAY;QACZ,SAAS7B;QACT,eAAeA,EAAiB,IAAI;OACtC,CAAC;OACAV,EAAiB;QAChB;QACA;QACA,cAAc8B;QACd;QACA;QACA,cAAcX,EAAkB;QAChC,YAAYC,GAAe,cAAc;QACzC;QACA;QACA;QACA;QACA;QACA;OACF,CAAC;OACAjB,EAAuB+C,EAAa;MACpB;;IACH,CAAA;GACX,CAAA,CACF;;CAET,SAASC,GAAO;EACd,OAAO,kBAACvD,GAAD;GAA0B;GAAQ,WAAU;GAAoB;EAAQ,CAAA;CACjF;AACF,CAAC"}

package/dist/client/chunks/{chart-markdown-B_2Ed7FJ.js → chart-markdown-DtgpU3xd.js}

@@ -1,5 +1,5 @@
 import { i as e, n as t, t as n } from "./rolldown-runtime-DArdT4gl.js";
-import { F as r, z as i } from "./chart-activity-grid-DGazwi4C.js";
+import { F as r, z as i } from "./chart-activity-grid-Ly_-2B-f.js";
 import * as a from "react";
 import o, { useContext as s, useEffect as c, useMemo as l, useState as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -8699,4 +8699,4 @@ var hu = o.memo(function({ data: e, displayConfig: t = {}, queryObject: n, heigh
 //#endregion
 export { m as i, pu as n, Gr as r, hu as t };
 
-//# sourceMappingURL=chart-markdown-B_2Ed7FJ.js.map
+//# sourceMappingURL=chart-markdown-DtgpU3xd.js.map