drizzle-cube 0.2.7 → 0.2.8

package/dist/client/chunks/{chart-kpidelta-config-CnZfi_P2.js.map → chart-kpidelta-config-B-Y-LHmd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-kpidelta-config-CnZfi_P2.js","sources":["../../../src/client/components/charts/KpiDelta.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the KPI Delta chart type\n */\nexport const kpiDeltaConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('kpiDelta'),\n  description: 'Display change between latest and previous values with trend indicators',\n  useCase: 'Perfect for showing performance changes over time, such as revenue growth, user acquisition changes, or other metrics where the trend and delta are more important than the absolute value',\n  dropZones: [\n    {\n      key: 'yAxis',\n      label: 'Value',\n      description: 'Measure to track changes for',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure here'\n    },\n    {\n      key: 'xAxis',\n      label: 'Dimension (optional)',\n      description: 'Dimension for ordering data (typically time)',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop a dimension for ordering'\n    }\n  ],\n  displayOptionsConfig: [\n    {\n      key: 'prefix',\n      label: 'Prefix',\n      type: 'string',\n      placeholder: 'e.g., $, €, #',\n      description: 'Text to display before the number'\n    },\n    {\n      key: 'suffix',\n      label: 'Suffix',\n      type: 'string',\n      placeholder: 'e.g., %, units, items',\n      description: 'Text to display after the number'\n    },\n    {\n      key: 'decimals',\n      label: 'Decimal Places',\n      type: 'number',\n      defaultValue: 1,\n      min: 0,\n      max: 10,\n      step: 1,\n      description: 'Number of decimal places to display'\n    },\n    {\n      key: 'positiveColorIndex',\n      label: 'Positive Change Color',\n      type: 'paletteColor',\n      defaultValue: 2, // Typically green in most palettes\n      description: 'Color for positive changes (increases)'\n    },\n    {\n      key: 'negativeColorIndex',\n      label: 'Negative Change Color', \n      type: 'paletteColor',\n      defaultValue: 3, // Typically red in most palettes\n      description: 'Color for negative changes (decreases)'\n    },\n    {\n      key: 'showHistogram',\n      label: 'Show Variance Histogram',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Display historical variance chart below the delta'\n    },\n    {\n      key: 'useLastCompletePeriod',\n      label: 'Use Last Complete Period',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Exclude current incomplete period from delta calculation (e.g., partial week/month)'\n    },\n    {\n      key: 'skipLastPeriod',\n      label: 'Skip Last Period',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'Always exclude the last period regardless of completeness'\n    }\n  ],\n  displayOptions: ['hideHeader'],\n  validate: (config: any) => {\n    if (!config.yAxis || (Array.isArray(config.yAxis) && config.yAxis.length === 0)) {\n      return {\n        isValid: false,\n        message: 'A measure is required for KPI Delta charts'\n      }\n    }\n    \n    return { isValid: true }\n  }\n}"],"names":["kpiDeltaConfig","getChartTypeIcon","config"],"mappings":";AAMO,MAAMA,IAAkC;AAAA,EAC7C,MAAMC,EAAiB,UAAU;AAAA,EACjC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,aAAa,eAAe;AAAA,MAC1C,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,gBAAgB,CAAC,YAAY;AAAA,EAC7B,UAAU,CAACC,MACL,CAACA,EAAO,SAAU,MAAM,QAAQA,EAAO,KAAK,KAAKA,EAAO,MAAM,WAAW,IACpE;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,IAIN,EAAE,SAAS,GAAA;AAEtB;"}
+{"version":3,"file":"chart-kpidelta-config-B-Y-LHmd.js","sources":["../../../src/client/components/charts/KpiDelta.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the KPI Delta chart type\n */\nexport const kpiDeltaConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('kpiDelta'),\n  description: 'Display change between latest and previous values with trend indicators',\n  useCase: 'Perfect for showing performance changes over time, such as revenue growth, user acquisition changes, or other metrics where the trend and delta are more important than the absolute value',\n  dropZones: [\n    {\n      key: 'yAxis',\n      label: 'Value',\n      description: 'Measure to track changes for',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure here'\n    },\n    {\n      key: 'xAxis',\n      label: 'Dimension (optional)',\n      description: 'Dimension for ordering data (typically time)',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop a dimension for ordering'\n    }\n  ],\n  displayOptionsConfig: [\n    {\n      key: 'prefix',\n      label: 'Prefix',\n      type: 'string',\n      placeholder: 'e.g., $, €, #',\n      description: 'Text to display before the number'\n    },\n    {\n      key: 'suffix',\n      label: 'Suffix',\n      type: 'string',\n      placeholder: 'e.g., %, units, items',\n      description: 'Text to display after the number'\n    },\n    {\n      key: 'decimals',\n      label: 'Decimal Places',\n      type: 'number',\n      defaultValue: 1,\n      min: 0,\n      max: 10,\n      step: 1,\n      description: 'Number of decimal places to display'\n    },\n    {\n      key: 'positiveColorIndex',\n      label: 'Positive Change Color',\n      type: 'paletteColor',\n      defaultValue: 2, // Typically green in most palettes\n      description: 'Color for positive changes (increases)'\n    },\n    {\n      key: 'negativeColorIndex',\n      label: 'Negative Change Color', \n      type: 'paletteColor',\n      defaultValue: 3, // Typically red in most palettes\n      description: 'Color for negative changes (decreases)'\n    },\n    {\n      key: 'showHistogram',\n      label: 'Show Variance Histogram',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Display historical variance chart below the delta'\n    },\n    {\n      key: 'useLastCompletePeriod',\n      label: 'Use Last Complete Period',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Exclude current incomplete period from delta calculation (e.g., partial week/month)'\n    },\n    {\n      key: 'skipLastPeriod',\n      label: 'Skip Last Period',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'Always exclude the last period regardless of completeness'\n    }\n  ],\n  displayOptions: ['hideHeader'],\n  validate: (config: any) => {\n    if (!config.yAxis || (Array.isArray(config.yAxis) && config.yAxis.length === 0)) {\n      return {\n        isValid: false,\n        message: 'A measure is required for KPI Delta charts'\n      }\n    }\n    \n    return { isValid: true }\n  }\n}"],"names":["kpiDeltaConfig","getChartTypeIcon","config"],"mappings":";AAMO,MAAMA,IAAkC;AAAA,EAC7C,MAAMC,EAAiB,UAAU;AAAA,EACjC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,aAAa,eAAe;AAAA,MAC1C,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,gBAAgB,CAAC,YAAY;AAAA,EAC7B,UAAU,CAACC,MACL,CAACA,EAAO,SAAU,MAAM,QAAQA,EAAO,KAAK,KAAKA,EAAO,MAAM,WAAW,IACpE;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,IAIN,EAAE,SAAS,GAAA;AAEtB;"}

package/dist/client/chunks/{chart-kpinumber-config-CVikHojM.js → chart-kpinumber-config-BaNaJMI6.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+import { g as e } from "./chart-activitygridchart-config-BngZDVh_.js";
 const a = {
   icon: e("kpiNumber"),
   description: "Display key performance indicators as large numbers",
@@ -73,4 +73,4 @@ const a = {
 export {
   a as kpiNumberConfig
 };
-//# sourceMappingURL=chart-kpinumber-config-CVikHojM.js.map
+//# sourceMappingURL=chart-kpinumber-config-BaNaJMI6.js.map

package/dist/client/chunks/{chart-kpinumber-config-CVikHojM.js.map → chart-kpinumber-config-BaNaJMI6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-kpinumber-config-CVikHojM.js","sources":["../../../src/client/components/charts/KpiNumber.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the KPI Number chart type\n */\nexport const kpiNumberConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('kpiNumber'),\n  description: 'Display key performance indicators as large numbers',\n  useCase: 'Perfect for showing important metrics like revenue, user count, or other key business metrics in a prominent, easy-to-read format',\n  dropZones: [\n    {\n      key: 'yAxis',\n      label: 'Value',\n      description: 'Measure to display as KPI number',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure here'\n    }\n  ],\n  displayOptionsConfig: [\n    {\n      key: 'target',\n      label: 'Target Value',\n      type: 'string',\n      placeholder: 'e.g., 100',\n      description: 'Target value to compare against (first value used if multiple provided)'\n    },\n    {\n      key: 'prefix',\n      label: 'Prefix',\n      type: 'string',\n      placeholder: 'e.g., $, €, #',\n      description: 'Text to display before the number'\n    },\n    {\n      key: 'suffix',\n      label: 'Suffix',\n      type: 'string',\n      placeholder: 'e.g., %, units, items',\n      description: 'Text to display after the number'\n    },\n    {\n      key: 'decimals',\n      label: 'Decimal Places',\n      type: 'number',\n      defaultValue: 0,\n      min: 0,\n      max: 10,\n      step: 1,\n      description: 'Number of decimal places to display'\n    },\n    {\n      key: 'valueColorIndex',\n      label: 'Value Color',\n      type: 'paletteColor',\n      defaultValue: 0,\n      description: 'Color from the dashboard palette for the KPI value text'\n    },\n    {\n      key: 'useLastCompletePeriod',\n      label: 'Use Last Complete Period',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Exclude current incomplete period from aggregation (e.g., partial week/month)'\n    },\n    {\n      key: 'skipLastPeriod',\n      label: 'Skip Last Period',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'Always exclude the last period regardless of completeness'\n    }\n  ],\n  displayOptions: ['hideHeader']\n}"],"names":["kpiNumberConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAmC;AAAA,EAC9C,MAAMC,EAAiB,WAAW;AAAA,EAClC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,gBAAgB,CAAC,YAAY;AAC/B;"}
+{"version":3,"file":"chart-kpinumber-config-BaNaJMI6.js","sources":["../../../src/client/components/charts/KpiNumber.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the KPI Number chart type\n */\nexport const kpiNumberConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('kpiNumber'),\n  description: 'Display key performance indicators as large numbers',\n  useCase: 'Perfect for showing important metrics like revenue, user count, or other key business metrics in a prominent, easy-to-read format',\n  dropZones: [\n    {\n      key: 'yAxis',\n      label: 'Value',\n      description: 'Measure to display as KPI number',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure here'\n    }\n  ],\n  displayOptionsConfig: [\n    {\n      key: 'target',\n      label: 'Target Value',\n      type: 'string',\n      placeholder: 'e.g., 100',\n      description: 'Target value to compare against (first value used if multiple provided)'\n    },\n    {\n      key: 'prefix',\n      label: 'Prefix',\n      type: 'string',\n      placeholder: 'e.g., $, €, #',\n      description: 'Text to display before the number'\n    },\n    {\n      key: 'suffix',\n      label: 'Suffix',\n      type: 'string',\n      placeholder: 'e.g., %, units, items',\n      description: 'Text to display after the number'\n    },\n    {\n      key: 'decimals',\n      label: 'Decimal Places',\n      type: 'number',\n      defaultValue: 0,\n      min: 0,\n      max: 10,\n      step: 1,\n      description: 'Number of decimal places to display'\n    },\n    {\n      key: 'valueColorIndex',\n      label: 'Value Color',\n      type: 'paletteColor',\n      defaultValue: 0,\n      description: 'Color from the dashboard palette for the KPI value text'\n    },\n    {\n      key: 'useLastCompletePeriod',\n      label: 'Use Last Complete Period',\n      type: 'boolean',\n      defaultValue: true,\n      description: 'Exclude current incomplete period from aggregation (e.g., partial week/month)'\n    },\n    {\n      key: 'skipLastPeriod',\n      label: 'Skip Last Period',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'Always exclude the last period regardless of completeness'\n    }\n  ],\n  displayOptions: ['hideHeader']\n}"],"names":["kpiNumberConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAmC;AAAA,EAC9C,MAAMC,EAAiB,WAAW;AAAA,EAClC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,gBAAgB,CAAC,YAAY;AAC/B;"}

package/dist/client/chunks/{chart-kpinumber-eEMpzorv.js → chart-kpinumber-slEXt8C-.js}

@@ -1,9 +1,9 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { useState as W, useRef as E, useEffect as Z } from "react";
-import { a6 as q, k as ee } from "./icons-D6z-_9sa.js";
+import { ac as q, k as ee } from "./icons-B2XSxpVK.js";
 import { u as te } from "./chart-activitygridchart-Cz4bEf3V.js";
 import { p as se, f as ne, c as ie } from "./chart-areachart-DLdolSnU.js";
-import { f as re } from "./chart-kpidelta-Cf1JmtGF.js";
+import { f as re } from "./chart-kpidelta-CTcuIO9G.js";
 function oe({
   values: m,
   min: o,
@@ -395,4 +395,4 @@ export {
   oe as D,
   ge as K
 };
-//# sourceMappingURL=chart-kpinumber-eEMpzorv.js.map
+//# sourceMappingURL=chart-kpinumber-slEXt8C-.js.map

package/dist/client/chunks/{chart-kpinumber-eEMpzorv.js.map → chart-kpinumber-slEXt8C-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-kpinumber-eEMpzorv.js","sources":["../../../src/client/components/DataHistogram.tsx","../../../src/client/components/charts/KpiNumber.tsx"],"sourcesContent":["\ninterface DataHistogramProps {\n  /** Array of numeric values to create histogram from */\n  values: number[]\n  /** Minimum value in the dataset */\n  min: number\n  /** Maximum value in the dataset */\n  max: number\n  /** Color for the histogram bars */\n  color?: string\n  /** Number of buckets/bars to create (default: 12) */\n  bucketCount?: number\n  /** Height of the histogram in pixels (default: 32) */\n  height?: number\n  /** Format function for min/max labels */\n  formatValue?: (value: number) => string\n  /** Width of the histogram to match text above */\n  width?: number\n  /** Whether to show average indicator line (default: true) */\n  showAverageIndicator?: boolean\n  /** Target value to show as green line */\n  targetValue?: number\n}\n\n/**\n * Reusable histogram component that shows the distribution of actual data values\n */\nexport default function DataHistogram({\n  values,\n  min,\n  max,\n  color = '#1f2937',\n  bucketCount = 12,\n  height = 32,\n  formatValue = (val) => val.toString(),\n  width,\n  showAverageIndicator = true,\n  targetValue\n}: DataHistogramProps) {\n  // Create histogram buckets from actual data\n  const buckets = new Array(bucketCount).fill(0)\n  const range = max - min\n  \n  // Distribute actual values into buckets\n  values.forEach(value => {\n    if (range === 0) {\n      // All values are the same, put everything in middle bucket\n      buckets[Math.floor(bucketCount / 2)]++\n    } else {\n      // Calculate which bucket this value belongs to\n      let bucketIndex = Math.floor(((value - min) / range) * (bucketCount - 1))\n      // Clamp to valid bucket range\n      bucketIndex = Math.max(0, Math.min(bucketCount - 1, bucketIndex))\n      buckets[bucketIndex]++\n    }\n  })\n  \n  // Find max bucket count for normalization\n  const maxBucketCount = Math.max(...buckets)\n  \n  // Calculate average for indicator positioning\n  const average = values.reduce((sum, val) => sum + val, 0) / values.length\n  \n  // Calculate average position as percentage of histogram width\n  const averagePosition = range === 0 ? 50 : ((average - min) / range) * 100\n  \n  // Calculate target position if target value is provided\n  const targetPosition = targetValue !== undefined && range > 0 \n    ? ((targetValue - min) / range) * 100 \n    : null\n\n  return (\n    <div className=\"flex flex-col items-center\">\n      {/* Horizontal bars representing actual data distribution */}\n      <div \n        className=\"relative flex items-end justify-center space-x-0.5\" \n        style={{ \n          height: `${height}px`,\n          width: width ? `${width}px` : '200px',\n          minWidth: '200px'\n        }}\n      >\n        {buckets.map((count, i) => {\n          // Normalize height based on actual data frequency\n          const normalizedHeight = maxBucketCount > 0 ? count / maxBucketCount : 0\n          const minHeight = 0.1 // minimum height for empty buckets\n          const displayHeight = count > 0 ? Math.max(minHeight, normalizedHeight) : minHeight\n          \n          return (\n            <div\n              key={i}\n              className=\"flex-1 rounded-t-sm transition-all duration-300 ease-out\"\n              style={{\n                height: `${displayHeight * height}px`,\n                backgroundColor: color,\n                opacity: count > 0 ? 0.7 + (normalizedHeight * 0.3) : 0.2 // higher opacity for buckets with data\n              }}\n              title={`${count} values in this range`} // tooltip showing actual count\n            />\n          )\n        })}\n        \n        {/* Average indicator line */}\n        {showAverageIndicator && (\n          <div\n            className=\"absolute top-0 bottom-0 pointer-events-none\"\n            style={{\n              left: `${averagePosition}%`,\n              transform: 'translateX(-50%)',\n              width: '2px',\n              backgroundColor: '#ef4444',\n              opacity: 0.8,\n              zIndex: 10\n            }}\n            title={`Average: ${formatValue(average)}`}\n          >\n            {/* Small triangle at top to indicate average */}\n            <div\n              className=\"absolute -top-1\"\n              style={{\n                left: '50%',\n                transform: 'translateX(-50%)',\n                width: '0',\n                height: '0',\n                borderLeft: '4px solid transparent',\n                borderRight: '4px solid transparent',\n                borderTop: '6px solid #ef4444'\n              }}\n            />\n          </div>\n        )}\n        \n        {/* Target indicator line */}\n        {targetPosition !== null && targetValue !== undefined && (\n          <div\n            className=\"absolute top-0 bottom-0 pointer-events-none\"\n            style={{\n              left: `${Math.max(0, Math.min(100, targetPosition))}%`,\n              transform: 'translateX(-50%)',\n              width: '2px',\n              backgroundColor: '#10b981',\n              opacity: 0.8,\n              zIndex: 11\n            }}\n            title={`Target: ${formatValue(targetValue)}`}\n          >\n            {/* Small triangle at top to indicate target */}\n            <div\n              className=\"absolute -top-1\"\n              style={{\n                left: '50%',\n                transform: 'translateX(-50%)',\n                width: '0',\n                height: '0',\n                borderLeft: '4px solid transparent',\n                borderRight: '4px solid transparent',\n                borderTop: '6px solid #10b981'\n              }}\n            />\n          </div>\n        )}\n      </div>\n      \n      {/* Min/Max values aligned with histogram width */}\n      <div\n        className=\"flex justify-between mt-2 text-xs text-dc-text-muted\"\n        style={{\n          width: width ? `${width}px` : '200px',\n          minWidth: '200px'\n        }}\n      >\n        <span>{formatValue(min)}</span>\n        <span>{formatValue(max)}</span>\n      </div>\n\n      {/* Average indicator */}\n      <div className=\"text-center mt-1 text-xs text-dc-text-muted\">\n        Average of {values.length} values\n      </div>\n    </div>\n  )\n}","import { useState, useRef, useEffect } from 'react'\nimport { Icon } from '@iconify/react'\nimport infoCircleIcon from '@iconify-icons/tabler/info-circle'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport DataHistogram from '../DataHistogram'\nimport { parseTargetValues, calculateVariance, formatVariance } from '../../utils/targetUtils'\nimport { filterIncompletePeriod } from '../../utils/periodUtils'\nimport type { ChartProps } from '../../types'\n\nexport default function KpiNumber({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [fontSize, setFontSize] = useState(32)\n  const [textWidth, setTextWidth] = useState(250)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const valueRef = useRef<HTMLDivElement>(null)\n  const { getFieldLabel } = useCubeContext()\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 displays, we want the text to be large and prominent\n          // Reserve space for the label by using more conservative sizing\n          const widthBasedSize = containerWidth / 5\n          const heightBasedSize = containerHeight / 4  // More conservative to leave room for label\n          const baseFontSize = Math.min(widthBasedSize, heightBasedSize)\n          const clampedFontSize = Math.max(24, Math.min(baseFontSize, 120)) // Lower max to ensure label fits\n          setFontSize(clampedFontSize)\n          \n          // Use a timeout to measure text width after font size is applied\n          setTimeout(() => {\n            if (valueRef.current) {\n              const textRect = valueRef.current.getBoundingClientRect()\n              const measuredWidth = textRect.width\n              // Ensure we have a minimum width and use container width as fallback\n              const effectiveWidth = Math.max(measuredWidth, Math.min(containerWidth * 0.6, 300))\n              setTextWidth(effectiveWidth)\n            }\n          }, 10)\n        }\n      }\n    }\n\n    // Initial calculation - reduce delay for faster initial render\n    const timer = setTimeout(updateDimensions, 50)\n    \n    const resizeObserver = new ResizeObserver(() => {\n      // Debounce the resize updates\n      setTimeout(updateDimensions, 10)\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=\"flex items-center justify-center w-full h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        <div className=\"text-center text-dc-text-muted\">\n          <div className=\"text-sm font-semibold mb-1\">No data available</div>\n          <div className=\"text-xs text-dc-text-secondary\">No data points to display</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=\"flex items-center justify-center w-full 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=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n          <div className=\"text-xs\">No measure fields configured</div>\n        </div>\n      </div>\n    )\n  }\n\n  const valueField = valueFields[0] // Use first measure field\n\n  // Get time dimension field if present (for incomplete period filtering)\n  const timeDimensionField = queryObject?.timeDimensions?.[0]?.dimension || undefined\n\n  // Sort data by time dimension if available (for proper filtering)\n  let sortedData = [...data]\n  if (timeDimensionField) {\n    sortedData = sortedData.sort((a, b) => {\n      const aVal = a[timeDimensionField]\n      const bVal = b[timeDimensionField]\n      if (aVal < bVal) return -1\n      if (aVal > bVal) return 1\n      return 0\n    })\n  }\n\n  // Filter out incomplete or last period if enabled\n  const { useLastCompletePeriod = true, skipLastPeriod = false } = displayConfig\n  const {\n    filteredData,\n    excludedIncompletePeriod,\n    skippedLastPeriod,\n    granularity\n  } = filterIncompletePeriod(sortedData, timeDimensionField, queryObject, useLastCompletePeriod, skipLastPeriod)\n\n  // Use filtered data for calculations\n  const dataToUse = filteredData\n\n  // Extract values for the selected field\n  const rawValues = dataToUse.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 numeric field as fallback\n    const numericFields = Object.keys(row).filter(key => \n      typeof row[key] === 'number' && !isNaN(row[key])\n    )\n    \n    if (numericFields.length > 0) {\n      return row[numericFields[0]]\n    }\n    \n    return undefined\n  })\n  \n  const values = rawValues\n    .filter(val => val !== null && val !== undefined && !isNaN(Number(val)))\n    .map(val => Number(val))\n  \n\n  // Null handling: If all values are null, show placeholder instead of error\n  if (values.length === 0) {\n    return (\n      <div\n        ref={containerRef}\n        className=\"flex flex-col items-center justify-center w-full h-full p-4\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        {/* Field Label */}\n        <div\n          className=\"text-dc-text-secondary font-bold text-center mb-3\"\n          style={{\n            fontSize: '14px',\n            lineHeight: '1.2'\n          }}\n        >\n          {getFieldLabel(valueField)}\n        </div>\n\n        {/* No Data Placeholder */}\n        <div\n          className=\"font-bold leading-none text-dc-text-muted\"\n          style={{\n            fontSize: `${fontSize}px`\n          }}\n        >\n          —\n        </div>\n\n        <div className=\"text-xs text-dc-text-muted mt-2\">No data</div>\n      </div>\n    )\n  }\n\n  // Calculate statistics\n  const sum = values.reduce((acc, val) => acc + val, 0)\n  const avg = sum / values.length\n  const min = Math.min(...values)\n  const max = Math.max(...values)\n\n  // Format number with appropriate units and decimals (no prefix/suffix here, handled separately)\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 ?? 0\n    const prefix = displayConfig.prefix ?? ''\n\n    let formattedValue: string\n\n    if (Math.abs(value) >= 1e9) {\n      formattedValue = (value / 1e9).toFixed(decimals) + 'B'\n    } else if (Math.abs(value) >= 1e6) {\n      formattedValue = (value / 1e6).toFixed(decimals) + 'M'\n    } else if (Math.abs(value) >= 1e3) {\n      formattedValue = (value / 1e3).toFixed(decimals) + 'K'\n    } else {\n      formattedValue = value.toFixed(decimals)\n    }\n\n    return prefix + formattedValue\n  }\n\n  const mainValue = values.length === 1 ? values[0] : avg\n  const showStats = values.length > 1\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  // Process target values for variance calculation\n  const targetValues = parseTargetValues(displayConfig?.target || '')\n  const targetValue = targetValues.length > 0 ? targetValues[0] : null // Use first target value\n  const variance = targetValue !== null ? calculateVariance(mainValue, targetValue) : null\n  \n  // Get colors for variance display (similar to KpiDelta)\n  const getVarianceColor = (): string => {\n    if (variance === null) return '#6B7280' // Gray for no target\n    \n    if (variance >= 0) {\n      // Positive variance - use positive color from palette\n      const positiveIndex = displayConfig.positiveColorIndex ?? 1\n      return colorPalette?.colors?.[positiveIndex] || '#10B981' // Green fallback\n    } else {\n      // Negative variance - use negative color from palette  \n      const negativeIndex = displayConfig.negativeColorIndex ?? 7\n      return colorPalette?.colors?.[negativeIndex] || '#EF4444' // Red fallback\n    }\n  }\n\n  return (\n    <div \n      ref={containerRef}\n      className=\"flex flex-col items-center justify-center w-full h-full p-4\"\n      style={{ \n        height: height === \"100%\" ? \"100%\" : height,\n        minHeight: height === \"100%\" ? '200px' : undefined\n      }}\n    >\n        {/* Field Label - Bolder and bigger */}\n        <div\n          className=\"text-dc-text-secondary font-bold text-center mb-3 flex items-center justify-center gap-1\"\n          style={{\n            fontSize: '14px',\n            lineHeight: '1.2'\n          }}\n        >\n          <span>\n            {(() => {\n              const label = getFieldLabel(valueField)\n              // Temporary fix: if label seems wrong, use the field name directly\n              const displayLabel = (label && label.length > 1) ? label : valueField\n              return displayLabel\n            })()}\n          </span>\n          {(excludedIncompletePeriod || skippedLastPeriod) && (\n            <span\n              title={skippedLastPeriod\n                ? `Excludes last ${granularity || 'period'}`\n                : `Excludes current incomplete ${granularity}`}\n              className=\"cursor-help\"\n            >\n              <Icon icon={infoCircleIcon} className=\"w-4 h-4 text-dc-text-muted opacity-70\" />\n            </span>\n          )}\n        </div>\n\n        {/* Main KPI Value and Variance - Horizontal layout */}\n        <div className=\"flex items-center justify-center gap-4 mb-3\">\n          <div \n            ref={valueRef}\n            className=\"font-bold leading-none\"\n            style={{ \n              fontSize: `${fontSize}px`,\n              color: valueColor\n            }}\n          >\n            {formatNumber(mainValue)}\n          </div>\n          \n          {/* Target Variance Display - To the right of main value */}\n          {targetValue !== null && variance !== null && (\n            <div className=\"flex flex-col items-start\">\n              <div \n                className=\"font-semibold\"\n                style={{ \n                  fontSize: `${Math.max(12, fontSize * 0.3)}px`,\n                  color: getVarianceColor(),\n                  lineHeight: '1.2'\n                }}\n              >\n                {formatVariance(variance, 1)}\n              </div>\n              <div\n                className=\"text-dc-text-muted text-xs\"\n                style={{\n                  opacity: 0.7,\n                  fontSize: `${Math.max(10, fontSize * 0.2)}px`\n                }}\n              >\n                vs {formatNumber(targetValue)}\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Unit/Suffix - Larger, not bold (hidden when formatValue is provided) */}\n        {displayConfig.suffix && !displayConfig.formatValue && (\n          <div\n            className=\"text-dc-text-muted text-center\"\n            style={{\n              fontSize: '14px',\n              lineHeight: '1.2',\n              opacity: 0.8\n            }}\n          >\n            {displayConfig.suffix}\n          </div>\n        )}\n\n        {/* Data Histogram for multiple values */}\n        {showStats && (\n          <div className=\"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}\n              targetValue={targetValue || undefined}\n            />\n          </div>\n        )}\n    </div>\n  )\n}"],"names":["DataHistogram","values","min","max","color","bucketCount","height","formatValue","val","width","showAverageIndicator","targetValue","buckets","range","value","bucketIndex","maxBucketCount","average","sum","averagePosition","targetPosition","jsxs","count","i","normalizedHeight","minHeight","displayHeight","jsx","KpiNumber","data","chartConfig","displayConfig","queryObject","colorPalette","fontSize","setFontSize","useState","textWidth","setTextWidth","containerRef","useRef","valueRef","getFieldLabel","useCubeContext","useEffect","updateDimensions","rect","containerWidth","containerHeight","widthBasedSize","heightBasedSize","baseFontSize","clampedFontSize","measuredWidth","effectiveWidth","timer","resizeObserver","valueFields","valueField","timeDimensionField","sortedData","a","b","aVal","bVal","useLastCompletePeriod","skipLastPeriod","filteredData","excludedIncompletePeriod","skippedLastPeriod","granularity","filterIncompletePeriod","row","numericFields","key","avg","acc","formatNumber","decimals","prefix","formattedValue","mainValue","showStats","valueColor","colorIndex","targetValues","parseTargetValues","variance","calculateVariance","getVarianceColor","positiveIndex","negativeIndex","label","Icon","infoCircleIcon","formatVariance"],"mappings":";;;;;;AA2BA,SAAwBA,GAAc;AAAA,EACpC,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,QAAAC,IAAS;AAAA,EACT,aAAAC,IAAc,CAACC,MAAQA,EAAI,SAAA;AAAA,EAC3B,OAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,aAAAC;AACF,GAAuB;AAErB,QAAMC,IAAU,IAAI,MAAMP,CAAW,EAAE,KAAK,CAAC,GACvCQ,IAAQV,IAAMD;AAGpB,EAAAD,EAAO,QAAQ,CAAAa,MAAS;AACtB,QAAID,MAAU;AAEZ,MAAAD,EAAQ,KAAK,MAAMP,IAAc,CAAC,CAAC;AAAA,SAC9B;AAEL,UAAIU,IAAc,KAAK,OAAQD,IAAQZ,KAAOW,KAAUR,IAAc,EAAE;AAExE,MAAAU,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIV,IAAc,GAAGU,CAAW,CAAC,GAChEH,EAAQG,CAAW;AAAA,IACrB;AAAA,EACF,CAAC;AAGD,QAAMC,IAAiB,KAAK,IAAI,GAAGJ,CAAO,GAGpCK,IAAUhB,EAAO,OAAO,CAACiB,GAAKV,MAAQU,IAAMV,GAAK,CAAC,IAAIP,EAAO,QAG7DkB,IAAkBN,MAAU,IAAI,MAAOI,IAAUf,KAAOW,IAAS,KAGjEO,IAAiBT,MAAgB,UAAaE,IAAQ,KACtDF,IAAcT,KAAOW,IAAS,MAChC;AAEJ,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAU,8BAEb,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQ,GAAGf,CAAM;AAAA,UACjB,OAAOG,IAAQ,GAAGA,CAAK,OAAO;AAAA,UAC9B,UAAU;AAAA,QAAA;AAAA,QAGX,UAAA;AAAA,UAAAG,EAAQ,IAAI,CAACU,GAAOC,MAAM;AAEzB,kBAAMC,IAAmBR,IAAiB,IAAIM,IAAQN,IAAiB,GACjES,IAAY,KACZC,IAAgBJ,IAAQ,IAAI,KAAK,IAAIG,GAAWD,CAAgB,IAAIC;AAE1E,mBACE,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,QAAQ,GAAGD,IAAgBpB,CAAM;AAAA,kBACjC,iBAAiBF;AAAA,kBACjB,SAASkB,IAAQ,IAAI,MAAOE,IAAmB,MAAO;AAAA;AAAA,gBAAA;AAAA,gBAExD,OAAO,GAAGF,CAAK;AAAA,cAAA;AAAA,cAPVC;AAAA,YAAA;AAAA,UAUX,CAAC;AAAA,UAGAb,KACC,gBAAAiB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,MAAM,GAAGR,CAAe;AAAA,gBACxB,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,iBAAiB;AAAA,gBACjB,SAAS;AAAA,gBACT,QAAQ;AAAA,cAAA;AAAA,cAEV,OAAO,YAAYZ,EAAYU,CAAO,CAAC;AAAA,cAGvC,UAAA,gBAAAU;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,MAAM;AAAA,oBACN,WAAW;AAAA,oBACX,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,YAAY;AAAA,oBACZ,aAAa;AAAA,oBACb,WAAW;AAAA,kBAAA;AAAA,gBACb;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,UAKHP,MAAmB,QAAQT,MAAgB,UAC1C,gBAAAgB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,MAAM,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,KAAKP,CAAc,CAAC,CAAC;AAAA,gBACnD,WAAW;AAAA,gBACX,OAAO;AAAA,gBACP,iBAAiB;AAAA,gBACjB,SAAS;AAAA,gBACT,QAAQ;AAAA,cAAA;AAAA,cAEV,OAAO,WAAWb,EAAYI,CAAW,CAAC;AAAA,cAG1C,UAAA,gBAAAgB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,MAAM;AAAA,oBACN,WAAW;AAAA,oBACX,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,YAAY;AAAA,oBACZ,aAAa;AAAA,oBACb,WAAW;AAAA,kBAAA;AAAA,gBACb;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAKJ,gBAAAN;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,OAAOZ,IAAQ,GAAGA,CAAK,OAAO;AAAA,UAC9B,UAAU;AAAA,QAAA;AAAA,QAGZ,UAAA;AAAA,UAAA,gBAAAkB,EAAC,QAAA,EAAM,UAAApB,EAAYL,CAAG,EAAA,CAAE;AAAA,UACxB,gBAAAyB,EAAC,QAAA,EAAM,UAAApB,EAAYJ,CAAG,EAAA,CAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAI1B,gBAAAkB,EAAC,OAAA,EAAI,WAAU,+CAA8C,UAAA;AAAA,MAAA;AAAA,MAC/CpB,EAAO;AAAA,MAAO;AAAA,IAAA,EAAA,CAC5B;AAAA,EAAA,GACF;AAEJ;AC5KA,SAAwB2B,GAAU;AAAA,EAAA,MAChCC;AAAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB,CAAA;AAAA,EAChB,aAAAC;AAAA,EACA,QAAA1B,IAAS;AAAA,EACT,cAAA2B;AACF,GAAe;AACb,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAE,GACrC,CAACC,GAAWC,CAAY,IAAIF,EAAS,GAAG,GACxCG,IAAeC,EAAuB,IAAI,GAC1CC,IAAWD,EAAuB,IAAI,GACtC,EAAE,eAAAE,EAAA,IAAkBC,GAAA;AAqD1B,MAlDAC,EAAU,MAAM;AACd,UAAMC,IAAmB,MAAM;AAC7B,UAAIN,EAAa,SAAS;AAExB,cAAMO,IADYP,EAAa,QACR,sBAAA,GACjBQ,IAAiBD,EAAK,OACtBE,IAAkBF,EAAK;AAE7B,YAAIC,IAAiB,KAAKC,IAAkB,GAAG;AAI7C,gBAAMC,IAAiBF,IAAiB,GAClCG,IAAkBF,IAAkB,GACpCG,IAAe,KAAK,IAAIF,GAAgBC,CAAe,GACvDE,IAAkB,KAAK,IAAI,IAAI,KAAK,IAAID,GAAc,GAAG,CAAC;AAChE,UAAAhB,EAAYiB,CAAe,GAG3B,WAAW,MAAM;AACf,gBAAIX,EAAS,SAAS;AAEpB,oBAAMY,IADWZ,EAAS,QAAQ,sBAAA,EACH,OAEzBa,IAAiB,KAAK,IAAID,GAAe,KAAK,IAAIN,IAAiB,KAAK,GAAG,CAAC;AAClF,cAAAT,EAAagB,CAAc;AAAA,YAC7B;AAAA,UACF,GAAG,EAAE;AAAA,QACP;AAAA,MACF;AAAA,IACF,GAGMC,IAAQ,WAAWV,GAAkB,EAAE,GAEvCW,IAAiB,IAAI,eAAe,MAAM;AAE9C,iBAAWX,GAAkB,EAAE;AAAA,IACjC,CAAC;AAED,WAAIN,EAAa,WACfiB,EAAe,QAAQjB,EAAa,OAAO,GAGtC,MAAM;AACX,mBAAagB,CAAK,GAClBC,EAAe,WAAA;AAAA,IACjB;AAAA,EACF,GAAG,CAAC3B,GAAMC,CAAW,CAAC,GAElB,CAACD,KAAQA,EAAK,WAAW;AAC3B,WACE,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQrB,MAAW,SAAS,SAASA;AAAA,UACrC,WAAWA,MAAW,SAAS,UAAU;AAAA,QAAA;AAAA,QAG3C,UAAA,gBAAAe,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,qBAAiB;AAAA,UAC7D,gBAAAA,EAAC,OAAA,EAAI,WAAU,kCAAiC,UAAA,4BAAA,CAAyB;AAAA,QAAA,EAAA,CAC3E;AAAA,MAAA;AAAA,IAAA;AAMN,MAAI8B,IAAwB,CAAA;AAW5B,MAVI3B,GAAa,UAEX,OAAOA,EAAY,SAAU,WAC/B2B,IAAc,CAAC3B,EAAY,KAAK,IACvB,MAAM,QAAQA,EAAY,KAAK,MACxC2B,IAAc3B,EAAY,SAK1B2B,EAAY,WAAW;AACzB,WACE,gBAAA9B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQrB,MAAW,SAAS,SAASA;AAAA,UACrC,WAAWA,MAAW,SAAS,UAAU;AAAA,UACzC,iBAAiB;AAAA,UACjB,OAAO;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,QAGf,UAAA,gBAAAe,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,uBAAmB;AAAA,UAC/D,gBAAAA,EAAC,OAAA,EAAI,WAAU,WAAU,UAAA,+BAAA,CAA4B;AAAA,QAAA,EAAA,CACvD;AAAA,MAAA;AAAA,IAAA;AAKN,QAAM+B,IAAaD,EAAY,CAAC,GAG1BE,IAAqB3B,GAAa,iBAAiB,CAAC,GAAG,aAAa;AAG1E,MAAI4B,IAAa,CAAC,GAAG/B,CAAI;AACzB,EAAI8B,MACFC,IAAaA,EAAW,KAAK,CAACC,GAAGC,MAAM;AACrC,UAAMC,IAAOF,EAAEF,CAAkB,GAC3BK,IAAOF,EAAEH,CAAkB;AACjC,WAAII,IAAOC,IAAa,KACpBD,IAAOC,IAAa,IACjB;AAAA,EACT,CAAC;AAIH,QAAM,EAAE,uBAAAC,IAAwB,IAAM,gBAAAC,IAAiB,OAAUnC,GAC3D;AAAA,IACJ,cAAAoC;AAAA,IACA,0BAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEC,GAAuBX,GAAYD,GAAoB3B,GAAaiC,GAAuBC,CAAc,GAwBvGjE,IArBYkE,EAGU,IAAI,CAAAK,MAAO;AAErC,QAAIA,EAAId,CAAU,MAAM;AACtB,aAAOc,EAAId,CAAU;AAIvB,UAAMe,IAAgB,OAAO,KAAKD,CAAG,EAAE;AAAA,MAAO,CAAAE,MAC5C,OAAOF,EAAIE,CAAG,KAAM,YAAY,CAAC,MAAMF,EAAIE,CAAG,CAAC;AAAA,IAAA;AAGjD,QAAID,EAAc,SAAS;AACzB,aAAOD,EAAIC,EAAc,CAAC,CAAC;AAAA,EAI/B,CAAC,EAGE,OAAO,OAAOjE,KAAQ,QAA6B,CAAC,MAAM,OAAOA,CAAG,CAAC,CAAC,EACtE,IAAI,CAAAA,MAAO,OAAOA,CAAG,CAAC;AAIzB,MAAIP,EAAO,WAAW;AACpB,WACE,gBAAAoB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKkB;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQjC,MAAW,SAAS,SAASA;AAAA,UACrC,WAAWA,MAAW,SAAS,UAAU;AAAA,QAAA;AAAA,QAI3C,UAAA;AAAA,UAAA,gBAAAqB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,YAAY;AAAA,cAAA;AAAA,cAGb,YAAc+B,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAI3B,gBAAA/B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,UAAU,GAAGO,CAAQ;AAAA,cAAA;AAAA,cAExB,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAID,gBAAAP,EAAC,OAAA,EAAI,WAAU,mCAAkC,UAAA,UAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAO9D,QAAMgD,IADM1E,EAAO,OAAO,CAAC2E,GAAKpE,MAAQoE,IAAMpE,GAAK,CAAC,IAClCP,EAAO,QACnBC,IAAM,KAAK,IAAI,GAAGD,CAAM,GACxBE,IAAM,KAAK,IAAI,GAAGF,CAAM,GAGxB4E,IAAe,CAAC/D,MAA6C;AAEjE,QAAIiB,EAAc;AAChB,aAAOA,EAAc,YAAYjB,CAAK;AAIxC,QAAIA,KAAU;AACZ,aAAO;AAGT,UAAMgE,IAAW/C,EAAc,YAAY,GACrCgD,IAAShD,EAAc,UAAU;AAEvC,QAAIiD;AAEJ,WAAI,KAAK,IAAIlE,CAAK,KAAK,MACrBkE,KAAkBlE,IAAQ,KAAK,QAAQgE,CAAQ,IAAI,MAC1C,KAAK,IAAIhE,CAAK,KAAK,MAC5BkE,KAAkBlE,IAAQ,KAAK,QAAQgE,CAAQ,IAAI,MAC1C,KAAK,IAAIhE,CAAK,KAAK,MAC5BkE,KAAkBlE,IAAQ,KAAK,QAAQgE,CAAQ,IAAI,MAEnDE,IAAiBlE,EAAM,QAAQgE,CAAQ,GAGlCC,IAASC;AAAA,EAClB,GAEMC,IAAYhF,EAAO,WAAW,IAAIA,EAAO,CAAC,IAAI0E,GAC9CO,IAAYjF,EAAO,SAAS,GAc5BkF,KAXgB,MAAc;AAClC,QAAIpD,EAAc,oBAAoB,UAAaE,GAAc,QAAQ;AACvE,YAAMmD,IAAarD,EAAc;AACjC,UAAIqD,KAAc,KAAKA,IAAanD,EAAa,OAAO;AACtD,eAAOA,EAAa,OAAOmD,CAAU;AAAA,IAEzC;AAEA,WAAOnD,GAAc,SAAS,CAAC,KAAK;AAAA,EACtC,GAEmB,GAGboD,IAAeC,GAAkBvD,GAAe,UAAU,EAAE,GAC5DpB,IAAc0E,EAAa,SAAS,IAAIA,EAAa,CAAC,IAAI,MAC1DE,IAAW5E,MAAgB,OAAO6E,GAAkBP,GAAWtE,CAAW,IAAI,MAG9E8E,IAAmB,MAAc;AACrC,QAAIF,MAAa,KAAM,QAAO;AAE9B,QAAIA,KAAY,GAAG;AAEjB,YAAMG,IAAgB3D,EAAc,sBAAsB;AAC1D,aAAOE,GAAc,SAASyD,CAAa,KAAK;AAAA,IAClD,OAAO;AAEL,YAAMC,IAAgB5D,EAAc,sBAAsB;AAC1D,aAAOE,GAAc,SAAS0D,CAAa,KAAK;AAAA,IAClD;AAAA,EACF;AAEA,SACE,gBAAAtE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKkB;AAAA,MACL,WAAU;AAAA,MACV,OAAO;AAAA,QACL,QAAQjC,MAAW,SAAS,SAASA;AAAA,QACrC,WAAWA,MAAW,SAAS,UAAU;AAAA,MAAA;AAAA,MAIzC,UAAA;AAAA,QAAA,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,UAAU;AAAA,cACV,YAAY;AAAA,YAAA;AAAA,YAGd,UAAA;AAAA,cAAA,gBAAAM,EAAC,UACG,WAAA,MAAM;AACN,sBAAMiE,IAAQlD,EAAcgB,CAAU;AAGtC,uBADsBkC,KAASA,EAAM,SAAS,IAAKA,IAAQlC;AAAA,cAE7D,KAAG,CACL;AAAA,eACEU,KAA4BC,MAC5B,gBAAA1C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,OAAO0C,IACH,iBAAiBC,KAAe,QAAQ,KACxC,+BAA+BA,CAAW;AAAA,kBAC9C,WAAU;AAAA,kBAEV,UAAA,gBAAA3C,EAACkE,GAAA,EAAK,MAAMC,IAAgB,WAAU,wCAAA,CAAwC;AAAA,gBAAA;AAAA,cAAA;AAAA,YAChF;AAAA,UAAA;AAAA,QAAA;AAAA,QAKJ,gBAAAzE,EAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,UAAA,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKc;AAAA,cACL,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,UAAU,GAAGP,CAAQ;AAAA,gBACrB,OAAOiD;AAAA,cAAA;AAAA,cAGR,YAAaF,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,UAIxBtE,MAAgB,QAAQ4E,MAAa,QACpC,gBAAAlE,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,YAAA,gBAAAM;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,UAAU,GAAG,KAAK,IAAI,IAAIO,IAAW,GAAG,CAAC;AAAA,kBACzC,OAAOuD,EAAA;AAAA,kBACP,YAAY;AAAA,gBAAA;AAAA,gBAGb,UAAAM,GAAeR,GAAU,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAE7B,gBAAAlE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,SAAS;AAAA,kBACT,UAAU,GAAG,KAAK,IAAI,IAAIa,IAAW,GAAG,CAAC;AAAA,gBAAA;AAAA,gBAE5C,UAAA;AAAA,kBAAA;AAAA,kBACK2C,EAAalE,CAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAC9B,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QAGCoB,EAAc,UAAU,CAACA,EAAc,eACtC,gBAAAJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,SAAS;AAAA,YAAA;AAAA,YAGV,UAAAI,EAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAKlBmD,KACC,gBAAAvD,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA;AAAA,UAAC3B;AAAA,UAAA;AAAA,YACC,QAAAC;AAAA,YACA,KAAAC;AAAA,YACA,KAAAC;AAAA,YACA,OAAOgF;AAAA,YACP,aAAaN;AAAA,YACb,QAAQ;AAAA,YACR,OAAOxC;AAAA,YACP,aAAa1B,KAAe;AAAA,UAAA;AAAA,QAAA,EAC9B,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIV;;;;;"}
+{"version":3,"file":"chart-kpinumber-slEXt8C-.js","sources":["../../../src/client/components/DataHistogram.tsx","../../../src/client/components/charts/KpiNumber.tsx"],"sourcesContent":["\ninterface DataHistogramProps {\n  /** Array of numeric values to create histogram from */\n  values: number[]\n  /** Minimum value in the dataset */\n  min: number\n  /** Maximum value in the dataset */\n  max: number\n  /** Color for the histogram bars */\n  color?: string\n  /** Number of buckets/bars to create (default: 12) */\n  bucketCount?: number\n  /** Height of the histogram in pixels (default: 32) */\n  height?: number\n  /** Format function for min/max labels */\n  formatValue?: (value: number) => string\n  /** Width of the histogram to match text above */\n  width?: number\n  /** Whether to show average indicator line (default: true) */\n  showAverageIndicator?: boolean\n  /** Target value to show as green line */\n  targetValue?: number\n}\n\n/**\n * Reusable histogram component that shows the distribution of actual data values\n */\nexport default function DataHistogram({\n  values,\n  min,\n  max,\n  color = '#1f2937',\n  bucketCount = 12,\n  height = 32,\n  formatValue = (val) => val.toString(),\n  width,\n  showAverageIndicator = true,\n  targetValue\n}: DataHistogramProps) {\n  // Create histogram buckets from actual data\n  const buckets = new Array(bucketCount).fill(0)\n  const range = max - min\n  \n  // Distribute actual values into buckets\n  values.forEach(value => {\n    if (range === 0) {\n      // All values are the same, put everything in middle bucket\n      buckets[Math.floor(bucketCount / 2)]++\n    } else {\n      // Calculate which bucket this value belongs to\n      let bucketIndex = Math.floor(((value - min) / range) * (bucketCount - 1))\n      // Clamp to valid bucket range\n      bucketIndex = Math.max(0, Math.min(bucketCount - 1, bucketIndex))\n      buckets[bucketIndex]++\n    }\n  })\n  \n  // Find max bucket count for normalization\n  const maxBucketCount = Math.max(...buckets)\n  \n  // Calculate average for indicator positioning\n  const average = values.reduce((sum, val) => sum + val, 0) / values.length\n  \n  // Calculate average position as percentage of histogram width\n  const averagePosition = range === 0 ? 50 : ((average - min) / range) * 100\n  \n  // Calculate target position if target value is provided\n  const targetPosition = targetValue !== undefined && range > 0 \n    ? ((targetValue - min) / range) * 100 \n    : null\n\n  return (\n    <div className=\"flex flex-col items-center\">\n      {/* Horizontal bars representing actual data distribution */}\n      <div \n        className=\"relative flex items-end justify-center space-x-0.5\" \n        style={{ \n          height: `${height}px`,\n          width: width ? `${width}px` : '200px',\n          minWidth: '200px'\n        }}\n      >\n        {buckets.map((count, i) => {\n          // Normalize height based on actual data frequency\n          const normalizedHeight = maxBucketCount > 0 ? count / maxBucketCount : 0\n          const minHeight = 0.1 // minimum height for empty buckets\n          const displayHeight = count > 0 ? Math.max(minHeight, normalizedHeight) : minHeight\n          \n          return (\n            <div\n              key={i}\n              className=\"flex-1 rounded-t-sm transition-all duration-300 ease-out\"\n              style={{\n                height: `${displayHeight * height}px`,\n                backgroundColor: color,\n                opacity: count > 0 ? 0.7 + (normalizedHeight * 0.3) : 0.2 // higher opacity for buckets with data\n              }}\n              title={`${count} values in this range`} // tooltip showing actual count\n            />\n          )\n        })}\n        \n        {/* Average indicator line */}\n        {showAverageIndicator && (\n          <div\n            className=\"absolute top-0 bottom-0 pointer-events-none\"\n            style={{\n              left: `${averagePosition}%`,\n              transform: 'translateX(-50%)',\n              width: '2px',\n              backgroundColor: '#ef4444',\n              opacity: 0.8,\n              zIndex: 10\n            }}\n            title={`Average: ${formatValue(average)}`}\n          >\n            {/* Small triangle at top to indicate average */}\n            <div\n              className=\"absolute -top-1\"\n              style={{\n                left: '50%',\n                transform: 'translateX(-50%)',\n                width: '0',\n                height: '0',\n                borderLeft: '4px solid transparent',\n                borderRight: '4px solid transparent',\n                borderTop: '6px solid #ef4444'\n              }}\n            />\n          </div>\n        )}\n        \n        {/* Target indicator line */}\n        {targetPosition !== null && targetValue !== undefined && (\n          <div\n            className=\"absolute top-0 bottom-0 pointer-events-none\"\n            style={{\n              left: `${Math.max(0, Math.min(100, targetPosition))}%`,\n              transform: 'translateX(-50%)',\n              width: '2px',\n              backgroundColor: '#10b981',\n              opacity: 0.8,\n              zIndex: 11\n            }}\n            title={`Target: ${formatValue(targetValue)}`}\n          >\n            {/* Small triangle at top to indicate target */}\n            <div\n              className=\"absolute -top-1\"\n              style={{\n                left: '50%',\n                transform: 'translateX(-50%)',\n                width: '0',\n                height: '0',\n                borderLeft: '4px solid transparent',\n                borderRight: '4px solid transparent',\n                borderTop: '6px solid #10b981'\n              }}\n            />\n          </div>\n        )}\n      </div>\n      \n      {/* Min/Max values aligned with histogram width */}\n      <div\n        className=\"flex justify-between mt-2 text-xs text-dc-text-muted\"\n        style={{\n          width: width ? `${width}px` : '200px',\n          minWidth: '200px'\n        }}\n      >\n        <span>{formatValue(min)}</span>\n        <span>{formatValue(max)}</span>\n      </div>\n\n      {/* Average indicator */}\n      <div className=\"text-center mt-1 text-xs text-dc-text-muted\">\n        Average of {values.length} values\n      </div>\n    </div>\n  )\n}","import { useState, useRef, useEffect } from 'react'\nimport { Icon } from '@iconify/react'\nimport infoCircleIcon from '@iconify-icons/tabler/info-circle'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport DataHistogram from '../DataHistogram'\nimport { parseTargetValues, calculateVariance, formatVariance } from '../../utils/targetUtils'\nimport { filterIncompletePeriod } from '../../utils/periodUtils'\nimport type { ChartProps } from '../../types'\n\nexport default function KpiNumber({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [fontSize, setFontSize] = useState(32)\n  const [textWidth, setTextWidth] = useState(250)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const valueRef = useRef<HTMLDivElement>(null)\n  const { getFieldLabel } = useCubeContext()\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 displays, we want the text to be large and prominent\n          // Reserve space for the label by using more conservative sizing\n          const widthBasedSize = containerWidth / 5\n          const heightBasedSize = containerHeight / 4  // More conservative to leave room for label\n          const baseFontSize = Math.min(widthBasedSize, heightBasedSize)\n          const clampedFontSize = Math.max(24, Math.min(baseFontSize, 120)) // Lower max to ensure label fits\n          setFontSize(clampedFontSize)\n          \n          // Use a timeout to measure text width after font size is applied\n          setTimeout(() => {\n            if (valueRef.current) {\n              const textRect = valueRef.current.getBoundingClientRect()\n              const measuredWidth = textRect.width\n              // Ensure we have a minimum width and use container width as fallback\n              const effectiveWidth = Math.max(measuredWidth, Math.min(containerWidth * 0.6, 300))\n              setTextWidth(effectiveWidth)\n            }\n          }, 10)\n        }\n      }\n    }\n\n    // Initial calculation - reduce delay for faster initial render\n    const timer = setTimeout(updateDimensions, 50)\n    \n    const resizeObserver = new ResizeObserver(() => {\n      // Debounce the resize updates\n      setTimeout(updateDimensions, 10)\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=\"flex items-center justify-center w-full h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        <div className=\"text-center text-dc-text-muted\">\n          <div className=\"text-sm font-semibold mb-1\">No data available</div>\n          <div className=\"text-xs text-dc-text-secondary\">No data points to display</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=\"flex items-center justify-center w-full 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=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n          <div className=\"text-xs\">No measure fields configured</div>\n        </div>\n      </div>\n    )\n  }\n\n  const valueField = valueFields[0] // Use first measure field\n\n  // Get time dimension field if present (for incomplete period filtering)\n  const timeDimensionField = queryObject?.timeDimensions?.[0]?.dimension || undefined\n\n  // Sort data by time dimension if available (for proper filtering)\n  let sortedData = [...data]\n  if (timeDimensionField) {\n    sortedData = sortedData.sort((a, b) => {\n      const aVal = a[timeDimensionField]\n      const bVal = b[timeDimensionField]\n      if (aVal < bVal) return -1\n      if (aVal > bVal) return 1\n      return 0\n    })\n  }\n\n  // Filter out incomplete or last period if enabled\n  const { useLastCompletePeriod = true, skipLastPeriod = false } = displayConfig\n  const {\n    filteredData,\n    excludedIncompletePeriod,\n    skippedLastPeriod,\n    granularity\n  } = filterIncompletePeriod(sortedData, timeDimensionField, queryObject, useLastCompletePeriod, skipLastPeriod)\n\n  // Use filtered data for calculations\n  const dataToUse = filteredData\n\n  // Extract values for the selected field\n  const rawValues = dataToUse.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 numeric field as fallback\n    const numericFields = Object.keys(row).filter(key => \n      typeof row[key] === 'number' && !isNaN(row[key])\n    )\n    \n    if (numericFields.length > 0) {\n      return row[numericFields[0]]\n    }\n    \n    return undefined\n  })\n  \n  const values = rawValues\n    .filter(val => val !== null && val !== undefined && !isNaN(Number(val)))\n    .map(val => Number(val))\n  \n\n  // Null handling: If all values are null, show placeholder instead of error\n  if (values.length === 0) {\n    return (\n      <div\n        ref={containerRef}\n        className=\"flex flex-col items-center justify-center w-full h-full p-4\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        {/* Field Label */}\n        <div\n          className=\"text-dc-text-secondary font-bold text-center mb-3\"\n          style={{\n            fontSize: '14px',\n            lineHeight: '1.2'\n          }}\n        >\n          {getFieldLabel(valueField)}\n        </div>\n\n        {/* No Data Placeholder */}\n        <div\n          className=\"font-bold leading-none text-dc-text-muted\"\n          style={{\n            fontSize: `${fontSize}px`\n          }}\n        >\n          —\n        </div>\n\n        <div className=\"text-xs text-dc-text-muted mt-2\">No data</div>\n      </div>\n    )\n  }\n\n  // Calculate statistics\n  const sum = values.reduce((acc, val) => acc + val, 0)\n  const avg = sum / values.length\n  const min = Math.min(...values)\n  const max = Math.max(...values)\n\n  // Format number with appropriate units and decimals (no prefix/suffix here, handled separately)\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 ?? 0\n    const prefix = displayConfig.prefix ?? ''\n\n    let formattedValue: string\n\n    if (Math.abs(value) >= 1e9) {\n      formattedValue = (value / 1e9).toFixed(decimals) + 'B'\n    } else if (Math.abs(value) >= 1e6) {\n      formattedValue = (value / 1e6).toFixed(decimals) + 'M'\n    } else if (Math.abs(value) >= 1e3) {\n      formattedValue = (value / 1e3).toFixed(decimals) + 'K'\n    } else {\n      formattedValue = value.toFixed(decimals)\n    }\n\n    return prefix + formattedValue\n  }\n\n  const mainValue = values.length === 1 ? values[0] : avg\n  const showStats = values.length > 1\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  // Process target values for variance calculation\n  const targetValues = parseTargetValues(displayConfig?.target || '')\n  const targetValue = targetValues.length > 0 ? targetValues[0] : null // Use first target value\n  const variance = targetValue !== null ? calculateVariance(mainValue, targetValue) : null\n  \n  // Get colors for variance display (similar to KpiDelta)\n  const getVarianceColor = (): string => {\n    if (variance === null) return '#6B7280' // Gray for no target\n    \n    if (variance >= 0) {\n      // Positive variance - use positive color from palette\n      const positiveIndex = displayConfig.positiveColorIndex ?? 1\n      return colorPalette?.colors?.[positiveIndex] || '#10B981' // Green fallback\n    } else {\n      // Negative variance - use negative color from palette  \n      const negativeIndex = displayConfig.negativeColorIndex ?? 7\n      return colorPalette?.colors?.[negativeIndex] || '#EF4444' // Red fallback\n    }\n  }\n\n  return (\n    <div \n      ref={containerRef}\n      className=\"flex flex-col items-center justify-center w-full h-full p-4\"\n      style={{ \n        height: height === \"100%\" ? \"100%\" : height,\n        minHeight: height === \"100%\" ? '200px' : undefined\n      }}\n    >\n        {/* Field Label - Bolder and bigger */}\n        <div\n          className=\"text-dc-text-secondary font-bold text-center mb-3 flex items-center justify-center gap-1\"\n          style={{\n            fontSize: '14px',\n            lineHeight: '1.2'\n          }}\n        >\n          <span>\n            {(() => {\n              const label = getFieldLabel(valueField)\n              // Temporary fix: if label seems wrong, use the field name directly\n              const displayLabel = (label && label.length > 1) ? label : valueField\n              return displayLabel\n            })()}\n          </span>\n          {(excludedIncompletePeriod || skippedLastPeriod) && (\n            <span\n              title={skippedLastPeriod\n                ? `Excludes last ${granularity || 'period'}`\n                : `Excludes current incomplete ${granularity}`}\n              className=\"cursor-help\"\n            >\n              <Icon icon={infoCircleIcon} className=\"w-4 h-4 text-dc-text-muted opacity-70\" />\n            </span>\n          )}\n        </div>\n\n        {/* Main KPI Value and Variance - Horizontal layout */}\n        <div className=\"flex items-center justify-center gap-4 mb-3\">\n          <div \n            ref={valueRef}\n            className=\"font-bold leading-none\"\n            style={{ \n              fontSize: `${fontSize}px`,\n              color: valueColor\n            }}\n          >\n            {formatNumber(mainValue)}\n          </div>\n          \n          {/* Target Variance Display - To the right of main value */}\n          {targetValue !== null && variance !== null && (\n            <div className=\"flex flex-col items-start\">\n              <div \n                className=\"font-semibold\"\n                style={{ \n                  fontSize: `${Math.max(12, fontSize * 0.3)}px`,\n                  color: getVarianceColor(),\n                  lineHeight: '1.2'\n                }}\n              >\n                {formatVariance(variance, 1)}\n              </div>\n              <div\n                className=\"text-dc-text-muted text-xs\"\n                style={{\n                  opacity: 0.7,\n                  fontSize: `${Math.max(10, fontSize * 0.2)}px`\n                }}\n              >\n                vs {formatNumber(targetValue)}\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Unit/Suffix - Larger, not bold (hidden when formatValue is provided) */}\n        {displayConfig.suffix && !displayConfig.formatValue && (\n          <div\n            className=\"text-dc-text-muted text-center\"\n            style={{\n              fontSize: '14px',\n              lineHeight: '1.2',\n              opacity: 0.8\n            }}\n          >\n            {displayConfig.suffix}\n          </div>\n        )}\n\n        {/* Data Histogram for multiple values */}\n        {showStats && (\n          <div className=\"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}\n              targetValue={targetValue || undefined}\n            />\n          </div>\n        )}\n    </div>\n  )\n}"],"names":["DataHistogram","values","min","max","color","bucketCount","height","formatValue","val","width","showAverageIndicator","targetValue","buckets","range","value","bucketIndex","maxBucketCount","average","sum","averagePosition","targetPosition","jsxs","count","i","normalizedHeight","minHeight","displayHeight","jsx","KpiNumber","data","chartConfig","displayConfig","queryObject","colorPalette","fontSize","setFontSize","useState","textWidth","setTextWidth","containerRef","useRef","valueRef","getFieldLabel","useCubeContext","useEffect","updateDimensions","rect","containerWidth","containerHeight","widthBasedSize","heightBasedSize","baseFontSize","clampedFontSize","measuredWidth","effectiveWidth","timer","resizeObserver","valueFields","valueField","timeDimensionField","sortedData","a","b","aVal","bVal","useLastCompletePeriod","skipLastPeriod","filteredData","excludedIncompletePeriod","skippedLastPeriod","granularity","filterIncompletePeriod","row","numericFields","key","avg","acc","formatNumber","decimals","prefix","formattedValue","mainValue","showStats","valueColor","colorIndex","targetValues","parseTargetValues","variance","calculateVariance","getVarianceColor","positiveIndex","negativeIndex","label","Icon","infoCircleIcon","formatVariance"],"mappings":"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"}

package/dist/client/chunks/{chart-kpitext-config-B2MovXSw.js → chart-kpitext-config-BNywYqEW.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+import { g as e } from "./chart-activitygridchart-config-BngZDVh_.js";
 const a = {
   icon: e("kpiText"),
   description: "Display key performance indicators as customizable text",
@@ -45,4 +45,4 @@ const a = {
 export {
   a as kpiTextConfig
 };
-//# sourceMappingURL=chart-kpitext-config-B2MovXSw.js.map
+//# sourceMappingURL=chart-kpitext-config-BNywYqEW.js.map

package/dist/client/chunks/{chart-kpitext-config-B2MovXSw.js.map → chart-kpitext-config-BNywYqEW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-kpitext-config-B2MovXSw.js","sources":["../../../src/client/components/charts/KpiText.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the KPI Text chart type\n */\nexport const kpiTextConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('kpiText'),\n  description: 'Display key performance indicators as customizable text',\n  useCase: 'Perfect for showing metrics with custom formatting, combining multiple values, or displaying contextual KPI information using templates',\n  dropZones: [\n    {\n      key: 'yAxis',\n      label: 'Value',\n      description: 'Measure to display in the KPI text template',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure here'\n    }\n  ],\n  displayOptionsConfig: [\n    {\n      key: 'template',\n      label: 'Text Template',\n      type: 'string',\n      placeholder: 'e.g., Total Revenue: ${value}',\n      description: 'Template for displaying the text. Use ${value} to insert the measure value.'\n    },\n    {\n      key: 'decimals',\n      label: 'Decimal Places',\n      type: 'number',\n      defaultValue: 0,\n      min: 0,\n      max: 10,\n      step: 1,\n      description: 'Number of decimal places to display for numeric values'\n    },\n    {\n      key: 'valueColorIndex',\n      label: 'Value Color',\n      type: 'paletteColor',\n      defaultValue: 0,\n      description: 'Color from the dashboard palette for the KPI value text'\n    }\n  ],\n  displayOptions: ['hideHeader']\n}"],"names":["kpiTextConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAiC;AAAA,EAC5C,MAAMC,EAAiB,SAAS;AAAA,EAChC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,gBAAgB,CAAC,YAAY;AAC/B;"}
+{"version":3,"file":"chart-kpitext-config-BNywYqEW.js","sources":["../../../src/client/components/charts/KpiText.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the KPI Text chart type\n */\nexport const kpiTextConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('kpiText'),\n  description: 'Display key performance indicators as customizable text',\n  useCase: 'Perfect for showing metrics with custom formatting, combining multiple values, or displaying contextual KPI information using templates',\n  dropZones: [\n    {\n      key: 'yAxis',\n      label: 'Value',\n      description: 'Measure to display in the KPI text template',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure here'\n    }\n  ],\n  displayOptionsConfig: [\n    {\n      key: 'template',\n      label: 'Text Template',\n      type: 'string',\n      placeholder: 'e.g., Total Revenue: ${value}',\n      description: 'Template for displaying the text. Use ${value} to insert the measure value.'\n    },\n    {\n      key: 'decimals',\n      label: 'Decimal Places',\n      type: 'number',\n      defaultValue: 0,\n      min: 0,\n      max: 10,\n      step: 1,\n      description: 'Number of decimal places to display for numeric values'\n    },\n    {\n      key: 'valueColorIndex',\n      label: 'Value Color',\n      type: 'paletteColor',\n      defaultValue: 0,\n      description: 'Color from the dashboard palette for the KPI value text'\n    }\n  ],\n  displayOptions: ['hideHeader']\n}"],"names":["kpiTextConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAiC;AAAA,EAC5C,MAAMC,EAAiB,SAAS;AAAA,EAChC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,gBAAgB,CAAC,YAAY;AAC/B;"}

package/dist/client/chunks/{chart-kpitext-CppmccTK.js → chart-kpitext-giq03TOK.js}

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as N } from "react/jsx-runtime";
 import { useState as M, useRef as V, useEffect as O } from "react";
 import { u as W } from "./chart-activitygridchart-Cz4bEf3V.js";
-import { D as E } from "./chart-kpinumber-eEMpzorv.js";
+import { D as E } from "./chart-kpinumber-slEXt8C-.js";
 function U({
   data: x,
   chartConfig: s,
@@ -162,4 +162,4 @@ function U({
 export {
   U as default
 };
-//# sourceMappingURL=chart-kpitext-CppmccTK.js.map
+//# sourceMappingURL=chart-kpitext-giq03TOK.js.map

package/dist/client/chunks/{chart-kpitext-CppmccTK.js.map → chart-kpitext-giq03TOK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-kpitext-CppmccTK.js","sources":["../../../src/client/components/charts/KpiText.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport DataHistogram from '../DataHistogram'\nimport type { ChartProps } from '../../types'\n\nexport default function KpiText({ \n  data, \n  chartConfig, \n  displayConfig = {},\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\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  const { getFieldLabel } = useCubeContext()\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=\"flex items-center justify-center w-full h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        <div className=\"text-center text-dc-text-muted\">\n          <div className=\"text-sm font-semibold mb-1\">No data available</div>\n          <div className=\"text-xs text-dc-text-secondary\">No data points to display</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=\"flex items-center justify-center w-full 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=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n          <div className=\"text-xs\">No measure fields configured</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=\"flex items-center justify-center w-full 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=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">No valid data</div>\n          <div className=\"text-xs\">All values are null or invalid</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 (error) {\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=\"flex flex-col items-center justify-center w-full h-full 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=\"font-bold leading-tight 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=\"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}"],"names":["KpiText","data","chartConfig","displayConfig","height","colorPalette","fontSize","setFontSize","useState","textWidth","setTextWidth","containerRef","useRef","textRef","getFieldLabel","useCubeContext","useEffect","updateDimensions","rect","containerWidth","containerHeight","widthBasedSize","heightBasedSize","baseFontSize","clampedFontSize","textRect","timer","resizeObserver","jsx","jsxs","valueFields","valueField","values","row","availableFields","val","numericValues","mainValue","min","max","showStats","acc","formatNumber","value","decimals","processTemplate","template","templateVars","match","varName","displayText","valueColor","colorIndex","DataHistogram"],"mappings":";;;;AAKA,SAAwBA,EAAQ;AAAA,EAC9B,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC,IAAgB,CAAA;AAAA,EAChB,QAAAC,IAAS;AAAA,EACT,cAAAC;AACF,GAAe;AACb,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAE,GACrC,CAACC,GAAWC,CAAY,IAAIF,EAAS,CAAC,GACtCG,IAAeC,EAAuB,IAAI,GAC1CC,IAAUD,EAAuB,IAAI,GACrC,EAAE,eAAAE,EAAA,IAAkBC,EAAA;AAiD1B,MA9CAC,EAAU,MAAM;AACd,UAAMC,IAAmB,MAAM;AAC7B,UAAIN,EAAa,SAAS;AAExB,cAAMO,IADYP,EAAa,QACR,sBAAA,GACjBQ,IAAiBD,EAAK,OACtBE,IAAkBF,EAAK;AAE7B,YAAIC,IAAiB,KAAKC,IAAkB,GAAG;AAI7C,gBAAMC,IAAiBF,IAAiB,GAClCG,IAAkBF,IAAkB,GACpCG,IAAe,KAAK,IAAIF,GAAgBC,CAAe,GACvDE,IAAkB,KAAK,IAAI,IAAI,KAAK,IAAID,GAAc,EAAE,CAAC;AAC/D,UAAAhB,EAAYiB,CAAe;AAAA,QAC7B;AAAA,MACF;AAGA,UAAIX,EAAQ,SAAS;AACnB,cAAMY,IAAWZ,EAAQ,QAAQ,sBAAA;AACjC,QAAAH,EAAae,EAAS,KAAK;AAAA,MAC7B;AAAA,IACF,GAGMC,IAAQ,WAAWT,GAAkB,GAAG,GAExCU,IAAiB,IAAI,eAAe,MAAM;AAE9C,mBAAaD,CAAK,GAClB,WAAWT,GAAkB,EAAE;AAAA,IACjC,CAAC;AAED,WAAIN,EAAa,WACfgB,EAAe,QAAQhB,EAAa,OAAO,GAGtC,MAAM;AACX,mBAAae,CAAK,GAClBC,EAAe,WAAA;AAAA,IACjB;AAAA,EACF,GAAG,CAAC1B,GAAMC,CAAW,CAAC,GAElB,CAACD,KAAQA,EAAK,WAAW;AAC3B,WACE,gBAAA2B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQxB,MAAW,SAAS,SAASA;AAAA,UACrC,WAAWA,MAAW,SAAS,UAAU;AAAA,QAAA;AAAA,QAG3C,UAAA,gBAAAyB,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,qBAAiB;AAAA,UAC7D,gBAAAA,EAAC,OAAA,EAAI,WAAU,kCAAiC,UAAA,4BAAA,CAAyB;AAAA,QAAA,EAAA,CAC3E;AAAA,MAAA;AAAA,IAAA;AAMN,MAAIE,IAAwB,CAAA;AAW5B,MAVI5B,GAAa,UAEX,OAAOA,EAAY,SAAU,WAC/B4B,IAAc,CAAC5B,EAAY,KAAK,IACvB,MAAM,QAAQA,EAAY,KAAK,MACxC4B,IAAc5B,EAAY,SAK1B4B,EAAY,WAAW;AACzB,WACE,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQxB,MAAW,SAAS,SAASA;AAAA,UACrC,WAAWA,MAAW,SAAS,UAAU;AAAA,UACzC,iBAAiB;AAAA,UACjB,OAAO;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,QAGf,UAAA,gBAAAyB,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,uBAAmB;AAAA,UAC/D,gBAAAA,EAAC,OAAA,EAAI,WAAU,WAAU,UAAA,+BAAA,CAA4B;AAAA,QAAA,EAAA,CACvD;AAAA,MAAA;AAAA,IAAA;AAKN,QAAMG,IAAaD,EAAY,CAAC,GAK1BE,IAAS/B,EACZ,IAAI,CAAAgC,MAAO;AAEV,QAAIA,EAAIF,CAAU,MAAM;AACtB,aAAOE,EAAIF,CAAU;AAIvB,UAAMG,IAAkB,OAAO,KAAKD,CAAG;AACvC,QAAIC,EAAgB,SAAS;AAE3B,aAAOD,EAAIC,EAAgB,CAAC,CAAC;AAAA,EAIjC,CAAC,EACA,OAAO,OAAOC,KAAQ,IAAyB;AAGlD,MAAIH,EAAO,WAAW;AACpB,WACE,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQxB,MAAW,SAAS,SAASA;AAAA,UACrC,WAAWA,MAAW,SAAS,UAAU;AAAA,UACzC,iBAAiB;AAAA,UACjB,OAAO;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,QAGf,UAAA,gBAAAyB,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,iBAAa;AAAA,UACzD,gBAAAA,EAAC,OAAA,EAAI,WAAU,WAAU,UAAA,iCAAA,CAA8B;AAAA,QAAA,EAAA,CACzD;AAAA,MAAA;AAAA,IAAA;AAMN,QAAMQ,IAAgBJ,EACnB,IAAI,CAAAG,MAAO,OAAOA,CAAG,CAAC,EACtB,OAAO,CAAAA,MAAO,CAAC,MAAMA,CAAG,CAAC;AAE5B,MAAIE,GACAC,IAAqB,MACrBC,IAAqB,MACrBC,IAAY;AAEhB,EAAIJ,EAAc,SAAS,IACrBJ,EAAO,WAAW,IACpBK,IAAYL,EAAO,CAAC,KAKpBK,IAFYD,EAAc,OAAO,CAACK,GAAKN,MAAQM,IAAMN,GAAK,CAAC,IACzCC,EAAc,QAEhCE,IAAM,KAAK,IAAI,GAAGF,CAAa,GAC/BG,IAAM,KAAK,IAAI,GAAGH,CAAa,GAC/BI,IAAY,MAIdH,IAAYL,EAAO,WAAW,IAAIA,EAAO,CAAC,IAAIA,EAAO,KAAK,IAAI;AAIhE,QAAMU,IAAe,CAACC,MAA6C;AAEjE,QAAIxC,EAAc;AAChB,aAAOA,EAAc,YAAYwC,CAAK;AAIxC,QAAIA,KAAU;AACZ,aAAO;AAGT,UAAMC,IAAWzC,EAAc,YAAY;AAE3C,WAAI,KAAK,IAAIwC,CAAK,KAAK,OACbA,IAAQ,KAAK,QAAQC,CAAQ,IAAI,MAChC,KAAK,IAAID,CAAK,KAAK,OACpBA,IAAQ,KAAK,QAAQC,CAAQ,IAAI,MAChC,KAAK,IAAID,CAAK,KAAK,OACpBA,IAAQ,KAAK,QAAQC,CAAQ,IAAI,MAElCD,EAAM,QAAQC,CAAQ;AAAA,EAEjC,GAGMC,IAAkB,CAACC,GAAkBH,MAAuB;AAChE,QAAI;AAEF,YAAMI,IAAe;AAAA,QACnB,OAAO,OAAOJ,KAAU,WAAWD,EAAaC,CAAK,IAAI,OAAOA,CAAK;AAAA,QACrE,UAAUA;AAAA,QACV,OAAOZ;AAAA,QACP,YAAYjB,EAAciB,CAAU;AAAA,QACpC,KAAKO,MAAQ,OAAOI,EAAaJ,CAAG,IAAI;AAAA,QACxC,KAAKC,MAAQ,OAAOG,EAAaH,CAAG,IAAI;AAAA,QACxC,OAAOP,EAAO;AAAA,MAAA;AAIhB,aAAOc,EAAS,QAAQ,gBAAgB,CAACE,GAAOC,MAC1CA,KAAWF,IACN,OAAOA,EAAaE,CAAoC,CAAC,IAE3DD,CACR;AAAA,IACH,QAAgB;AAEd,aAAO,OAAOL,CAAK;AAAA,IACrB;AAAA,EACF,GAEMG,IAAW3C,EAAc,YAAY,2BACrC+C,IAAcL,EAAgBC,GAAUT,CAAS,GAcjDc,KAXgB,MAAc;AAClC,QAAIhD,EAAc,oBAAoB,UAAaE,GAAc,QAAQ;AACvE,YAAM+C,IAAajD,EAAc;AACjC,UAAIiD,KAAc,KAAKA,IAAa/C,EAAa,OAAO;AACtD,eAAOA,EAAa,OAAO+C,CAAU;AAAA,IAEzC;AAEA,WAAO/C,GAAc,SAAS,CAAC,KAAK;AAAA,EACtC,GAEmB;AAEnB,SACE,gBAAAwB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKlB;AAAA,MACL,WAAU;AAAA,MACV,OAAO;AAAA,QACL,QAAQP,MAAW,SAAS,SAASA;AAAA,QACrC,WAAWA,MAAW,SAAS,UAAU;AAAA,MAAA;AAAA,MAIzC,UAAA;AAAA,QAAA,gBAAAwB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKf;AAAA,YACL,WAAU;AAAA,YACV,OAAO;AAAA,cACL,UAAU,GAAGP,CAAQ;AAAA,cACrB,OAAO6C;AAAA,YAAA;AAAA,YAGR,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAIFV,KAAaF,MAAQ,QAAQC,MAAQ,QACpC,gBAAAX,EAAC,OAAA,EAAI,WAAU,QACb,UAAA,gBAAAA;AAAA,UAACyB;AAAA,UAAA;AAAA,YACC,QAAArB;AAAA,YACA,KAAAM;AAAA,YACA,KAAAC;AAAA,YACA,OAAOY;AAAA,YACP,aAAaT;AAAA,YACb,QAAQ;AAAA,YACR,OAAOjC,KAAa;AAAA,UAAA;AAAA,QAAA,EACtB,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIV;"}
+{"version":3,"file":"chart-kpitext-giq03TOK.js","sources":["../../../src/client/components/charts/KpiText.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport DataHistogram from '../DataHistogram'\nimport type { ChartProps } from '../../types'\n\nexport default function KpiText({ \n  data, \n  chartConfig, \n  displayConfig = {},\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\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  const { getFieldLabel } = useCubeContext()\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=\"flex items-center justify-center w-full h-full\"\n        style={{\n          height: height === \"100%\" ? \"100%\" : height,\n          minHeight: height === \"100%\" ? '200px' : undefined\n        }}\n      >\n        <div className=\"text-center text-dc-text-muted\">\n          <div className=\"text-sm font-semibold mb-1\">No data available</div>\n          <div className=\"text-xs text-dc-text-secondary\">No data points to display</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=\"flex items-center justify-center w-full 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=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n          <div className=\"text-xs\">No measure fields configured</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=\"flex items-center justify-center w-full 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=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">No valid data</div>\n          <div className=\"text-xs\">All values are null or invalid</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 (error) {\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=\"flex flex-col items-center justify-center w-full h-full 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=\"font-bold leading-tight 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=\"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}"],"names":["KpiText","data","chartConfig","displayConfig","height","colorPalette","fontSize","setFontSize","useState","textWidth","setTextWidth","containerRef","useRef","textRef","getFieldLabel","useCubeContext","useEffect","updateDimensions","rect","containerWidth","containerHeight","widthBasedSize","heightBasedSize","baseFontSize","clampedFontSize","textRect","timer","resizeObserver","jsx","jsxs","valueFields","valueField","values","row","availableFields","val","numericValues","mainValue","min","max","showStats","acc","formatNumber","value","decimals","processTemplate","template","templateVars","match","varName","displayText","valueColor","colorIndex","DataHistogram"],"mappings":"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"}

package/dist/client/chunks/{chart-linechart-config-CVBVB7nS.js → chart-linechart-config-BL_1mjHF.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+import { g as e } from "./chart-activitygridchart-config-BngZDVh_.js";
 const i = {
   icon: e("line"),
   description: "Show trends and changes over time",
@@ -50,4 +50,4 @@ const i = {
 export {
   i as lineChartConfig
 };
-//# sourceMappingURL=chart-linechart-config-CVBVB7nS.js.map
+//# sourceMappingURL=chart-linechart-config-BL_1mjHF.js.map

package/dist/client/chunks/{chart-linechart-config-CVBVB7nS.js.map → chart-linechart-config-BL_1mjHF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-linechart-config-CVBVB7nS.js","sources":["../../../src/client/components/charts/LineChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the line chart type\n */\nexport const lineChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('line'),\n  description: 'Show trends and changes over time',\n  useCase: 'Best for continuous data, trends, time series, and showing relationships between multiple series',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis (Time/Categories)',\n      description: 'Time dimensions or dimensions for X-axis',\n      mandatory: true,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop time dimensions or dimensions here'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis (Values)',\n      description: 'Measures for line values',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop measures here'\n    },\n    {\n      key: 'series',\n      label: 'Series (Multiple Lines)',\n      description: 'Dimensions to create separate lines',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions here for multiple lines'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'hideHeader'],\n  displayOptionsConfig: [\n    {\n      key: 'connectNulls',\n      label: 'Connect Nulls',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'Draw continuous line through missing data points'\n    },\n    {\n      key: 'target',\n      label: 'Target Values',\n      type: 'string',\n      placeholder: 'e.g., 100 or 50,75 for spread',\n      description: 'Single value or comma-separated values to spread across X-axis'\n    }\n  ]\n}"],"names":["lineChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAmC;AAAA,EAC9C,MAAMC,EAAiB,MAAM;AAAA,EAC7B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,aAAa,eAAe;AAAA,MAC1C,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,YAAY;AAAA,EACtE,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}
+{"version":3,"file":"chart-linechart-config-BL_1mjHF.js","sources":["../../../src/client/components/charts/LineChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the line chart type\n */\nexport const lineChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('line'),\n  description: 'Show trends and changes over time',\n  useCase: 'Best for continuous data, trends, time series, and showing relationships between multiple series',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis (Time/Categories)',\n      description: 'Time dimensions or dimensions for X-axis',\n      mandatory: true,\n      acceptTypes: ['dimension', 'timeDimension'],\n      emptyText: 'Drop time dimensions or dimensions here'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis (Values)',\n      description: 'Measures for line values',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop measures here'\n    },\n    {\n      key: 'series',\n      label: 'Series (Multiple Lines)',\n      description: 'Dimensions to create separate lines',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions here for multiple lines'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'hideHeader'],\n  displayOptionsConfig: [\n    {\n      key: 'connectNulls',\n      label: 'Connect Nulls',\n      type: 'boolean',\n      defaultValue: false,\n      description: 'Draw continuous line through missing data points'\n    },\n    {\n      key: 'target',\n      label: 'Target Values',\n      type: 'string',\n      placeholder: 'e.g., 100 or 50,75 for spread',\n      description: 'Single value or comma-separated values to spread across X-axis'\n    }\n  ]\n}"],"names":["lineChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAmC;AAAA,EAC9C,MAAMC,EAAiB,MAAM;AAAA,EAC7B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,aAAa,eAAe;AAAA,MAC1C,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,YAAY;AAAA,EACtE,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/client/chunks/{chart-markdownchart-config-Cq5Sxrgq.js → chart-markdownchart-config-DtZOfYu4.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+import { g as e } from "./chart-activitygridchart-config-BngZDVh_.js";
 const l = {
   icon: e("markdown"),
   description: "Display custom markdown content with formatting",
@@ -58,4 +58,4 @@ Add your **markdown** content here:
 export {
   l as markdownConfig
 };
-//# sourceMappingURL=chart-markdownchart-config-Cq5Sxrgq.js.map
+//# sourceMappingURL=chart-markdownchart-config-DtZOfYu4.js.map

package/dist/client/chunks/{chart-markdownchart-config-Cq5Sxrgq.js.map → chart-markdownchart-config-DtZOfYu4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-markdownchart-config-Cq5Sxrgq.js","sources":["../../../src/client/components/charts/MarkdownChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the Markdown chart type\n */\nexport const markdownConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('markdown'),\n  description: 'Display custom markdown content with formatting',\n  useCase: 'Perfect for adding documentation, notes, instructions, or formatted text to dashboards',\n  skipQuery: true, // This chart doesn't require a valid query\n  dropZones: [], // No drop zones needed for markdown content\n  displayOptionsConfig: [\n    {\n      key: 'content',\n      label: 'Markdown Content',\n      type: 'string',\n      placeholder: '# Welcome\\n\\nAdd your **markdown** content here:\\n\\n- Lists with bullets\\n- [Links](https://example.com)\\n- *Italic* and **bold** text',\n      description: 'Enter markdown text. Supports headers (#), bold (**text**), italic (*text*), links ([text](url)), and lists (- item).'\n    },\n    {\n      key: 'accentColorIndex',\n      label: 'Accent Color',\n      type: 'paletteColor',\n      defaultValue: 0,\n      description: 'Color from the dashboard palette for headers, bullets, and links'\n    },\n    {\n      key: 'fontSize',\n      label: 'Font Size',\n      type: 'select',\n      defaultValue: 'medium',\n      options: [\n        { value: 'small', label: 'Small' },\n        { value: 'medium', label: 'Medium' },\n        { value: 'large', label: 'Large' }\n      ],\n      description: 'Overall text size for the markdown content'\n    },\n    {\n      key: 'alignment',\n      label: 'Text Alignment',\n      type: 'select',\n      defaultValue: 'left',\n      options: [\n        { value: 'left', label: 'Left' },\n        { value: 'center', label: 'Center' },\n        { value: 'right', label: 'Right' }\n      ],\n      description: 'Horizontal alignment of the markdown content'\n    }\n  ],\n  displayOptions: ['hideHeader']\n}"],"names":["markdownConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAkC;AAAA,EAC7C,MAAMC,EAAiB,UAAU;AAAA,EACjC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA;AAAA,EACX,WAAW,CAAA;AAAA;AAAA,EACX,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SAAS;AAAA,QACP,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,QACzB,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,QAC1B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,MAAQ;AAAA,MAEnC,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SAAS;AAAA,QACP,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,QACxB,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,QAC1B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,MAAQ;AAAA,MAEnC,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,gBAAgB,CAAC,YAAY;AAC/B;"}
+{"version":3,"file":"chart-markdownchart-config-DtZOfYu4.js","sources":["../../../src/client/components/charts/MarkdownChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the Markdown chart type\n */\nexport const markdownConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('markdown'),\n  description: 'Display custom markdown content with formatting',\n  useCase: 'Perfect for adding documentation, notes, instructions, or formatted text to dashboards',\n  skipQuery: true, // This chart doesn't require a valid query\n  dropZones: [], // No drop zones needed for markdown content\n  displayOptionsConfig: [\n    {\n      key: 'content',\n      label: 'Markdown Content',\n      type: 'string',\n      placeholder: '# Welcome\\n\\nAdd your **markdown** content here:\\n\\n- Lists with bullets\\n- [Links](https://example.com)\\n- *Italic* and **bold** text',\n      description: 'Enter markdown text. Supports headers (#), bold (**text**), italic (*text*), links ([text](url)), and lists (- item).'\n    },\n    {\n      key: 'accentColorIndex',\n      label: 'Accent Color',\n      type: 'paletteColor',\n      defaultValue: 0,\n      description: 'Color from the dashboard palette for headers, bullets, and links'\n    },\n    {\n      key: 'fontSize',\n      label: 'Font Size',\n      type: 'select',\n      defaultValue: 'medium',\n      options: [\n        { value: 'small', label: 'Small' },\n        { value: 'medium', label: 'Medium' },\n        { value: 'large', label: 'Large' }\n      ],\n      description: 'Overall text size for the markdown content'\n    },\n    {\n      key: 'alignment',\n      label: 'Text Alignment',\n      type: 'select',\n      defaultValue: 'left',\n      options: [\n        { value: 'left', label: 'Left' },\n        { value: 'center', label: 'Center' },\n        { value: 'right', label: 'Right' }\n      ],\n      description: 'Horizontal alignment of the markdown content'\n    }\n  ],\n  displayOptions: ['hideHeader']\n}"],"names":["markdownConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAkC;AAAA,EAC7C,MAAMC,EAAiB,UAAU;AAAA,EACjC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA;AAAA,EACX,WAAW,CAAA;AAAA;AAAA,EACX,sBAAsB;AAAA,IACpB;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACb,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SAAS;AAAA,QACP,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,QACzB,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,QAC1B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,MAAQ;AAAA,MAEnC,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SAAS;AAAA,QACP,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,QACxB,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,QAC1B,EAAE,OAAO,SAAS,OAAO,QAAA;AAAA,MAAQ;AAAA,MAEnC,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,gBAAgB,CAAC,YAAY;AAC/B;"}

package/dist/client/chunks/{chart-piechart-config-Bdd31Gdi.js → chart-piechart-config-Bg4jeIFo.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+import { g as e } from "./chart-activitygridchart-config-BngZDVh_.js";
 const s = {
   icon: e("pie"),
   description: "Show proportions of a whole",
@@ -28,4 +28,4 @@ const s = {
 export {
   s as pieChartConfig
 };
-//# sourceMappingURL=chart-piechart-config-Bdd31Gdi.js.map
+//# sourceMappingURL=chart-piechart-config-Bg4jeIFo.js.map

package/dist/client/chunks/{chart-piechart-config-Bdd31Gdi.js.map → chart-piechart-config-Bg4jeIFo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-piechart-config-Bdd31Gdi.js","sources":["../../../src/client/components/charts/PieChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the pie chart type\n */\nexport const pieChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('pie'),\n  description: 'Show proportions of a whole',\n  useCase: 'Best for showing percentage distribution or composition of a total (limit to 5-7 slices)',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Categories',\n      description: 'Dimension for pie slices',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop a dimension for categories'\n    },\n    {\n      key: 'yAxis',\n      label: 'Values',\n      description: 'Measure for slice sizes',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for values'\n    }\n  ],\n  displayOptions: ['showLegend', 'showTooltip', 'hideHeader']\n}"],"names":["pieChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAkC;AAAA,EAC7C,MAAMC,EAAiB,KAAK;AAAA,EAC5B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,eAAe,YAAY;AAC5D;"}
+{"version":3,"file":"chart-piechart-config-Bg4jeIFo.js","sources":["../../../src/client/components/charts/PieChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the pie chart type\n */\nexport const pieChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('pie'),\n  description: 'Show proportions of a whole',\n  useCase: 'Best for showing percentage distribution or composition of a total (limit to 5-7 slices)',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Categories',\n      description: 'Dimension for pie slices',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop a dimension for categories'\n    },\n    {\n      key: 'yAxis',\n      label: 'Values',\n      description: 'Measure for slice sizes',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for values'\n    }\n  ],\n  displayOptions: ['showLegend', 'showTooltip', 'hideHeader']\n}"],"names":["pieChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAkC;AAAA,EAC7C,MAAMC,EAAiB,KAAK;AAAA,EAC5B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,eAAe,YAAY;AAC5D;"}

package/dist/client/chunks/{chart-radarchart-config-BWyfn0ij.js → chart-radarchart-config-d6dLkI7B.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+import { g as e } from "./chart-activitygridchart-config-BngZDVh_.js";
 const r = {
   icon: e("radar"),
   description: "Compare multiple metrics across categories",
@@ -34,4 +34,4 @@ const r = {
 export {
   r as radarChartConfig
 };
-//# sourceMappingURL=chart-radarchart-config-BWyfn0ij.js.map
+//# sourceMappingURL=chart-radarchart-config-d6dLkI7B.js.map

package/dist/client/chunks/{chart-radarchart-config-BWyfn0ij.js.map → chart-radarchart-config-d6dLkI7B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-radarchart-config-BWyfn0ij.js","sources":["../../../src/client/components/charts/RadarChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the radar chart type\n */\nexport const radarChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('radar'),\n  description: 'Compare multiple metrics across categories',\n  useCase: 'Best for multivariate comparisons, performance metrics, strengths/weaknesses analysis',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Axes (Categories)',\n      description: 'Dimensions for radar axes',\n      mandatory: true,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for radar axes'\n    },\n    {\n      key: 'yAxis',\n      label: 'Values',\n      description: 'Measures for radar values',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop measures for values'\n    },\n    {\n      key: 'series',\n      label: 'Series (Multiple Shapes)',\n      description: 'Dimensions to create multiple radar shapes',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for multiple shapes'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'hideHeader']\n}"],"names":["radarChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAoC;AAAA,EAC/C,MAAMC,EAAiB,OAAO;AAAA,EAC9B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,YAAY;AACxE;"}
+{"version":3,"file":"chart-radarchart-config-d6dLkI7B.js","sources":["../../../src/client/components/charts/RadarChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the radar chart type\n */\nexport const radarChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('radar'),\n  description: 'Compare multiple metrics across categories',\n  useCase: 'Best for multivariate comparisons, performance metrics, strengths/weaknesses analysis',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Axes (Categories)',\n      description: 'Dimensions for radar axes',\n      mandatory: true,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for radar axes'\n    },\n    {\n      key: 'yAxis',\n      label: 'Values',\n      description: 'Measures for radar values',\n      mandatory: true,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop measures for values'\n    },\n    {\n      key: 'series',\n      label: 'Series (Multiple Shapes)',\n      description: 'Dimensions to create multiple radar shapes',\n      mandatory: false,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for multiple shapes'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'hideHeader']\n}"],"names":["radarChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAoC;AAAA,EAC/C,MAAMC,EAAiB,OAAO;AAAA,EAC9B,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,YAAY;AACxE;"}

package/dist/client/chunks/{chart-radialbarchart-config-lU2_NQCD.js → chart-radialbarchart-config-BGf97-BV.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+import { g as e } from "./chart-activitygridchart-config-BngZDVh_.js";
 const r = {
   icon: e("radialBar"),
   description: "Circular progress and KPI visualization",
@@ -27,4 +27,4 @@ const r = {
 export {
   r as radialBarChartConfig
 };
-//# sourceMappingURL=chart-radialbarchart-config-lU2_NQCD.js.map
+//# sourceMappingURL=chart-radialbarchart-config-BGf97-BV.js.map

package/dist/client/chunks/{chart-radialbarchart-config-lU2_NQCD.js.map → chart-radialbarchart-config-BGf97-BV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-radialbarchart-config-lU2_NQCD.js","sources":["../../../src/client/components/charts/RadialBarChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the radial bar chart type\n */\nexport const radialBarChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('radialBar'),\n  description: 'Circular progress and KPI visualization',\n  useCase: 'Best for showing progress toward goals, KPIs, or comparing percentages in a compact form',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Categories',\n      description: 'Dimensions for radial segments',\n      mandatory: true,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for categories'\n    },\n    {\n      key: 'yAxis',\n      label: 'Values',\n      description: 'Measures for radial bar lengths',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for values'\n    }\n  ],\n  displayOptions: ['showLegend', 'showTooltip', 'hideHeader']\n}"],"names":["radialBarChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAwC;AAAA,EACnD,MAAMC,EAAiB,WAAW;AAAA,EAClC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,eAAe,YAAY;AAC5D;"}
+{"version":3,"file":"chart-radialbarchart-config-BGf97-BV.js","sources":["../../../src/client/components/charts/RadialBarChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the radial bar chart type\n */\nexport const radialBarChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('radialBar'),\n  description: 'Circular progress and KPI visualization',\n  useCase: 'Best for showing progress toward goals, KPIs, or comparing percentages in a compact form',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Categories',\n      description: 'Dimensions for radial segments',\n      mandatory: true,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for categories'\n    },\n    {\n      key: 'yAxis',\n      label: 'Values',\n      description: 'Measures for radial bar lengths',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for values'\n    }\n  ],\n  displayOptions: ['showLegend', 'showTooltip', 'hideHeader']\n}"],"names":["radialBarChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAwC;AAAA,EACnD,MAAMC,EAAiB,WAAW;AAAA,EAClC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,eAAe,YAAY;AAC5D;"}

package/dist/client/chunks/{chart-scatterchart-config-DtLnut1M.js → chart-scatterchart-config-DEIB74ot.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+import { g as e } from "./chart-activitygridchart-config-BngZDVh_.js";
 const s = {
   icon: e("scatter"),
   description: "Reveal correlations between variables",
@@ -37,4 +37,4 @@ const s = {
 export {
   s as scatterChartConfig
 };
-//# sourceMappingURL=chart-scatterchart-config-DtLnut1M.js.map
+//# sourceMappingURL=chart-scatterchart-config-DEIB74ot.js.map

package/dist/client/chunks/{chart-scatterchart-config-DtLnut1M.js.map → chart-scatterchart-config-DEIB74ot.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-scatterchart-config-DtLnut1M.js","sources":["../../../src/client/components/charts/ScatterChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the scatter chart type\n */\nexport const scatterChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('scatter'),\n  description: 'Reveal correlations between variables',\n  useCase: 'Best for identifying patterns, correlations, outliers, and relationships between two measures',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis',\n      description: 'Measure or dimension for X position',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['dimension', 'timeDimension', 'measure'],\n      emptyText: 'Drop a field for X-axis'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis',\n      description: 'Measure for Y position',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for Y-axis'\n    },\n    {\n      key: 'series',\n      label: 'Series (Color Groups)',\n      description: 'Dimension to color points by category',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop a dimension to color points'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'hideHeader']\n}"],"names":["scatterChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAsC;AAAA,EACjD,MAAMC,EAAiB,SAAS;AAAA,EAChC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,aAAa,iBAAiB,SAAS;AAAA,MACrD,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,YAAY;AACxE;"}
+{"version":3,"file":"chart-scatterchart-config-DEIB74ot.js","sources":["../../../src/client/components/charts/ScatterChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the scatter chart type\n */\nexport const scatterChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('scatter'),\n  description: 'Reveal correlations between variables',\n  useCase: 'Best for identifying patterns, correlations, outliers, and relationships between two measures',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'X-Axis',\n      description: 'Measure or dimension for X position',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['dimension', 'timeDimension', 'measure'],\n      emptyText: 'Drop a field for X-axis'\n    },\n    {\n      key: 'yAxis',\n      label: 'Y-Axis',\n      description: 'Measure for Y position',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for Y-axis'\n    },\n    {\n      key: 'series',\n      label: 'Series (Color Groups)',\n      description: 'Dimension to color points by category',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop a dimension to color points'\n    }\n  ],\n  displayOptions: ['showLegend', 'showGrid', 'showTooltip', 'hideHeader']\n}"],"names":["scatterChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAsC;AAAA,EACjD,MAAMC,EAAiB,SAAS;AAAA,EAChC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,aAAa,iBAAiB,SAAS;AAAA,MACrD,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,YAAY,eAAe,YAAY;AACxE;"}

package/dist/client/chunks/{chart-treemapchart-config-BEiIWQnR.js → chart-treemapchart-config-ppKPTB96.js}

@@ -1,4 +1,4 @@
-import { g as e } from "./chart-activitygridchart-config-48WqIofo.js";
+import { g as e } from "./chart-activitygridchart-config-BngZDVh_.js";
 const s = {
   icon: e("treemap"),
   description: "Visualize hierarchical data with nested rectangles",
@@ -36,4 +36,4 @@ const s = {
 export {
   s as treemapChartConfig
 };
-//# sourceMappingURL=chart-treemapchart-config-BEiIWQnR.js.map
+//# sourceMappingURL=chart-treemapchart-config-ppKPTB96.js.map

package/dist/client/chunks/{chart-treemapchart-config-BEiIWQnR.js.map → chart-treemapchart-config-ppKPTB96.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chart-treemapchart-config-BEiIWQnR.js","sources":["../../../src/client/components/charts/TreeMapChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the treemap chart type\n */\nexport const treemapChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('treemap'),\n  description: 'Visualize hierarchical data with nested rectangles',\n  useCase: 'Best for showing part-to-whole relationships in hierarchical data, disk usage, budget allocation',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Categories',\n      description: 'Dimensions for treemap rectangles',\n      mandatory: true,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for categories'\n    },\n    {\n      key: 'yAxis',\n      label: 'Size',\n      description: 'Measure for rectangle sizes',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for size'\n    },\n    {\n      key: 'series',\n      label: 'Color Groups',\n      description: 'Dimension to color rectangles by category',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop a dimension for color grouping'\n    }\n  ],\n  displayOptions: ['showLegend', 'showTooltip', 'hideHeader']\n}"],"names":["treemapChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAsC;AAAA,EACjD,MAAMC,EAAiB,SAAS;AAAA,EAChC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,eAAe,YAAY;AAC5D;"}
+{"version":3,"file":"chart-treemapchart-config-ppKPTB96.js","sources":["../../../src/client/components/charts/TreeMapChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { getChartTypeIcon } from '../../icons'\n\n/**\n * Configuration for the treemap chart type\n */\nexport const treemapChartConfig: ChartTypeConfig = {\n  icon: getChartTypeIcon('treemap'),\n  description: 'Visualize hierarchical data with nested rectangles',\n  useCase: 'Best for showing part-to-whole relationships in hierarchical data, disk usage, budget allocation',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Categories',\n      description: 'Dimensions for treemap rectangles',\n      mandatory: true,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop dimensions for categories'\n    },\n    {\n      key: 'yAxis',\n      label: 'Size',\n      description: 'Measure for rectangle sizes',\n      mandatory: true,\n      maxItems: 1,\n      acceptTypes: ['measure'],\n      emptyText: 'Drop a measure for size'\n    },\n    {\n      key: 'series',\n      label: 'Color Groups',\n      description: 'Dimension to color rectangles by category',\n      mandatory: false,\n      maxItems: 1,\n      acceptTypes: ['dimension'],\n      emptyText: 'Drop a dimension for color grouping'\n    }\n  ],\n  displayOptions: ['showLegend', 'showTooltip', 'hideHeader']\n}"],"names":["treemapChartConfig","getChartTypeIcon"],"mappings":";AAMO,MAAMA,IAAsC;AAAA,EACjD,MAAMC,EAAiB,SAAS;AAAA,EAChC,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,IACT;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,SAAS;AAAA,MACvB,WAAW;AAAA,IAAA;AAAA,IAEb;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,aAAa,CAAC,WAAW;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,cAAc,eAAe,YAAY;AAC5D;"}