drizzle-cube 0.1.68 → 0.2.0

package/dist/client/chunks/chart-datatable-BvV7gLPZ.js

@@ -0,0 +1,57 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { u as m } from "./chart-activitygridchart-BRk9BNnp.js";
+function b({
+  data: t,
+  chartConfig: l,
+  height: r = 300
+}) {
+  const { getFieldLabel: n } = m();
+  if (!t || t.length === 0)
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        className: "flex items-center justify-center w-full",
+        style: { height: r },
+        children: /* @__PURE__ */ d("div", { className: "text-center text-dc-text-muted", children: [
+          /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+          /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No data to display in table" })
+        ] })
+      }
+    );
+  const a = Object.keys(t[0] || {}), c = l?.xAxis && l.xAxis.length > 0 ? l.xAxis.filter((s) => a.includes(s)) : a;
+  return c.length === 0 ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex items-center justify-center w-full",
+      style: { height: r },
+      children: /* @__PURE__ */ d("div", { className: "text-center text-dc-text-muted", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No columns available" }),
+        /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "Data structure is invalid" })
+      ] })
+    }
+  ) : /* @__PURE__ */ e("div", { className: "w-full overflow-auto", style: { height: r }, children: /* @__PURE__ */ d("table", { className: "min-w-full divide-y border-dc-border", children: [
+    /* @__PURE__ */ e("thead", { className: "bg-dc-surface-secondary sticky top-0", children: /* @__PURE__ */ e("tr", { children: c.map((s) => /* @__PURE__ */ e(
+      "th",
+      {
+        className: "px-3 py-2 text-left text-xs font-medium text-dc-text-muted uppercase tracking-wider",
+        children: n(s)
+      },
+      s
+    )) }) }),
+    /* @__PURE__ */ e("tbody", { className: "bg-dc-surface divide-y border-dc-border", children: t.map((s, o) => /* @__PURE__ */ e("tr", { className: "hover:bg-dc-surface-secondary", children: c.map((i) => /* @__PURE__ */ e(
+      "td",
+      {
+        className: "px-3 py-2 whitespace-nowrap text-sm text-dc-text",
+        children: x(s[i])
+      },
+      i
+    )) }, o)) })
+  ] }) });
+}
+function x(t) {
+  return t == null ? "" : typeof t == "number" ? t.toLocaleString() : typeof t == "boolean" ? t ? "Yes" : "No" : String(t);
+}
+export {
+  b as default
+};
+//# sourceMappingURL=chart-datatable-BvV7gLPZ.js.map

package/dist/client/chunks/chart-datatable-BvV7gLPZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-datatable-BvV7gLPZ.js","sources":["../../../src/client/components/charts/DataTable.tsx"],"sourcesContent":["/**\n * Simple Data Table component\n * Minimal styling with Tailwind\n */\n\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport type { ChartProps } from '../../types'\n\nexport default function DataTable({ \n  data, \n  chartConfig,\n  height = 300 \n}: ChartProps) {\n  const { getFieldLabel } = useCubeContext()\n  \n  if (!data || data.length === 0) {\n    return (\n      <div\n        className=\"flex items-center justify-center w-full\"\n        style={{ height }}\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 to display in table</div>\n        </div>\n      </div>\n    )\n  }\n\n  // Use chartConfig.xAxis to filter columns, or show all if not specified\n  const allColumns = Object.keys(data[0] || {})\n  const columns = chartConfig?.xAxis && chartConfig.xAxis.length > 0 \n    ? chartConfig.xAxis.filter(col => allColumns.includes(col))\n    : allColumns\n\n  if (columns.length === 0) {\n    return (\n      <div\n        className=\"flex items-center justify-center w-full\"\n        style={{ height }}\n      >\n        <div className=\"text-center text-dc-text-muted\">\n          <div className=\"text-sm font-semibold mb-1\">No columns available</div>\n          <div className=\"text-xs text-dc-text-secondary\">Data structure is invalid</div>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"w-full overflow-auto\" style={{ height }}>\n      <table className=\"min-w-full divide-y border-dc-border\">\n        <thead className=\"bg-dc-surface-secondary sticky top-0\">\n          <tr>\n            {columns.map((column) => (\n              <th\n                key={column}\n                className=\"px-3 py-2 text-left text-xs font-medium text-dc-text-muted uppercase tracking-wider\"\n              >\n                {getFieldLabel(column)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody className=\"bg-dc-surface divide-y border-dc-border\">\n          {data.map((row, index) => (\n            <tr key={index} className=\"hover:bg-dc-surface-secondary\">\n              {columns.map((column) => (\n                <td\n                  key={column}\n                  className=\"px-3 py-2 whitespace-nowrap text-sm text-dc-text\"\n                >\n                  {formatCellValue(row[column])}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n\nfunction formatCellValue(value: any): string {\n  if (value == null) return ''\n  if (typeof value === 'number') {\n    return value.toLocaleString()\n  }\n  if (typeof value === 'boolean') {\n    return value ? 'Yes' : 'No'\n  }\n  return String(value)\n}"],"names":["DataTable","data","chartConfig","height","getFieldLabel","useCubeContext","jsx","jsxs","allColumns","columns","col","column","row","index","formatCellValue","value"],"mappings":";;AAQA,SAAwBA,EAAU;AAAA,EAChC,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,GAAe;AACb,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA;AAE1B,MAAI,CAACJ,KAAQA,EAAK,WAAW;AAC3B,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,QAAAH,EAAA;AAAA,QAET,UAAA,gBAAAI,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,8BAAA,CAA2B;AAAA,QAAA,EAAA,CAC7E;AAAA,MAAA;AAAA,IAAA;AAMN,QAAME,IAAa,OAAO,KAAKP,EAAK,CAAC,KAAK,EAAE,GACtCQ,IAAUP,GAAa,SAASA,EAAY,MAAM,SAAS,IAC7DA,EAAY,MAAM,OAAO,CAAAQ,MAAOF,EAAW,SAASE,CAAG,CAAC,IACxDF;AAEJ,SAAIC,EAAQ,WAAW,IAEnB,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAAH,EAAA;AAAA,MAET,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,wBAAoB;AAAA,QAChE,gBAAAA,EAAC,OAAA,EAAI,WAAU,kCAAiC,UAAA,4BAAA,CAAyB;AAAA,MAAA,EAAA,CAC3E;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAA,EAAC,OAAA,EAAI,WAAU,wBAAuB,OAAO,EAAE,QAAAH,EAAA,GAC7C,UAAA,gBAAAI,EAAC,SAAA,EAAM,WAAU,wCACf,UAAA;AAAA,IAAA,gBAAAD,EAAC,SAAA,EAAM,WAAU,wCACf,UAAA,gBAAAA,EAAC,QACE,UAAAG,EAAQ,IAAI,CAACE,MACZ,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAET,YAAcK,CAAM;AAAA,MAAA;AAAA,MAHhBA;AAAA,IAAA,CAKR,GACH,EAAA,CACF;AAAA,sBACC,SAAA,EAAM,WAAU,2CACd,UAAAV,EAAK,IAAI,CAACW,GAAKC,MACd,gBAAAP,EAAC,QAAe,WAAU,iCACvB,UAAAG,EAAQ,IAAI,CAACE,MACZ,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAET,UAAAQ,EAAgBF,EAAID,CAAM,CAAC;AAAA,MAAA;AAAA,MAHvBA;AAAA,IAAA,CAKR,EAAA,GARME,CAST,CACD,EAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,SAASC,EAAgBC,GAAoB;AAC3C,SAAIA,KAAS,OAAa,KACtB,OAAOA,KAAU,WACZA,EAAM,eAAA,IAEX,OAAOA,KAAU,YACZA,IAAQ,QAAQ,OAElB,OAAOA,CAAK;AACrB;"}

package/dist/client/chunks/chart-datatable-config-D7mojhYA.js

@@ -0,0 +1,22 @@
+import { jsx as a } from "react/jsx-runtime";
+import { I as s, e as o } from "./icons-D-n_woAP.js";
+const t = {
+  icon: ({ className: e }) => /* @__PURE__ */ a(s, { icon: o, className: e }),
+  description: "Display detailed tabular data",
+  useCase: "Best for precise values, detailed analysis, sortable/filterable data exploration",
+  dropZones: [
+    {
+      key: "xAxis",
+      label: "Columns",
+      description: "All fields to display as columns",
+      mandatory: !1,
+      acceptTypes: ["dimension", "timeDimension", "measure"],
+      emptyText: "Drop fields to display as columns (or leave empty for all)"
+    }
+  ],
+  displayOptions: ["hideHeader"]
+};
+export {
+  t as dataTableConfig
+};
+//# sourceMappingURL=chart-datatable-config-D7mojhYA.js.map

package/dist/client/chunks/chart-datatable-config-D7mojhYA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-datatable-config-D7mojhYA.js","sources":["../../../src/client/components/charts/DataTable.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport tableIcon from '@iconify-icons/tabler/table'\n\n/**\n * Configuration for the data table type\n */\nexport const dataTableConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={tableIcon} className={className} />,\n  description: 'Display detailed tabular data',\n  useCase: 'Best for precise values, detailed analysis, sortable/filterable data exploration',\n  dropZones: [\n    {\n      key: 'xAxis',\n      label: 'Columns',\n      description: 'All fields to display as columns',\n      mandatory: false,\n      acceptTypes: ['dimension', 'timeDimension', 'measure'],\n      emptyText: 'Drop fields to display as columns (or leave empty for all)'\n    }\n  ],\n  displayOptions: ['hideHeader']\n}"],"names":["dataTableConfig","className","jsx","Icon","tableIcon"],"mappings":";;AAOO,MAAMA,IAAmC;AAAA,EAC9C,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAW,WAAAH,GAAsB;AAAA,EACtE,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,iBAAiB,SAAS;AAAA,MACrD,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB,CAAC,YAAY;AAC/B;"}

package/dist/client/chunks/chart-kpidelta-config-icJXuFxe.js

@@ -0,0 +1,99 @@
+import { jsx as a } from "react/jsx-runtime";
+import { I as t, g as i } from "./icons-D-n_woAP.js";
+const s = {
+  icon: ({ className: e }) => /* @__PURE__ */ a(t, { icon: i, className: e }),
+  description: "Display change between latest and previous values with trend indicators",
+  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",
+  dropZones: [
+    {
+      key: "yAxis",
+      label: "Value",
+      description: "Measure to track changes for",
+      mandatory: !0,
+      maxItems: 1,
+      acceptTypes: ["measure"],
+      emptyText: "Drop a measure here"
+    },
+    {
+      key: "xAxis",
+      label: "Dimension (optional)",
+      description: "Dimension for ordering data (typically time)",
+      mandatory: !1,
+      maxItems: 1,
+      acceptTypes: ["dimension", "timeDimension"],
+      emptyText: "Drop a dimension for ordering"
+    }
+  ],
+  displayOptionsConfig: [
+    {
+      key: "prefix",
+      label: "Prefix",
+      type: "string",
+      placeholder: "e.g., $, €, #",
+      description: "Text to display before the number"
+    },
+    {
+      key: "suffix",
+      label: "Suffix",
+      type: "string",
+      placeholder: "e.g., %, units, items",
+      description: "Text to display after the number"
+    },
+    {
+      key: "decimals",
+      label: "Decimal Places",
+      type: "number",
+      defaultValue: 1,
+      min: 0,
+      max: 10,
+      step: 1,
+      description: "Number of decimal places to display"
+    },
+    {
+      key: "positiveColorIndex",
+      label: "Positive Change Color",
+      type: "paletteColor",
+      defaultValue: 2,
+      // Typically green in most palettes
+      description: "Color for positive changes (increases)"
+    },
+    {
+      key: "negativeColorIndex",
+      label: "Negative Change Color",
+      type: "paletteColor",
+      defaultValue: 3,
+      // Typically red in most palettes
+      description: "Color for negative changes (decreases)"
+    },
+    {
+      key: "showHistogram",
+      label: "Show Variance Histogram",
+      type: "boolean",
+      defaultValue: !0,
+      description: "Display historical variance chart below the delta"
+    },
+    {
+      key: "useLastCompletePeriod",
+      label: "Use Last Complete Period",
+      type: "boolean",
+      defaultValue: !0,
+      description: "Exclude current incomplete period from delta calculation (e.g., partial week/month)"
+    },
+    {
+      key: "skipLastPeriod",
+      label: "Skip Last Period",
+      type: "boolean",
+      defaultValue: !1,
+      description: "Always exclude the last period regardless of completeness"
+    }
+  ],
+  displayOptions: ["hideHeader"],
+  validate: (e) => !e.yAxis || Array.isArray(e.yAxis) && e.yAxis.length === 0 ? {
+    isValid: !1,
+    message: "A measure is required for KPI Delta charts"
+  } : { isValid: !0 }
+};
+export {
+  s as kpiDeltaConfig
+};
+//# sourceMappingURL=chart-kpidelta-config-icJXuFxe.js.map

package/dist/client/chunks/chart-kpidelta-config-icJXuFxe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-kpidelta-config-icJXuFxe.js","sources":["../../../src/client/components/charts/KpiDelta.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport trendingUpIcon from '@iconify-icons/tabler/trending-up'\n\n/**\n * Configuration for the KPI Delta chart type\n */\nexport const kpiDeltaConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={trendingUpIcon} className={className} />,\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","className","jsx","Icon","trendingUpIcon","config"],"mappings":";;AAOO,MAAMA,IAAkC;AAAA,EAC7C,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAgB,WAAAH,GAAsB;AAAA,EAC3E,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,CAACI,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-kpidelta-p1lVVG5v.js

@@ -0,0 +1,434 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { useState as K, useRef as _, useEffect as te } from "react";
+import { I as ne, f as se } from "./icons-D-n_woAP.js";
+import { u as re } from "./chart-activitygridchart-BRk9BNnp.js";
+function ie(s, r) {
+  const e = new Date(s);
+  switch (r.toLowerCase()) {
+    case "day":
+      e.setHours(23, 59, 59, 999);
+      break;
+    case "week":
+      const n = 6 - e.getDay();
+      e.setDate(e.getDate() + n), e.setHours(23, 59, 59, 999);
+      break;
+    case "month":
+      e.setMonth(e.getMonth() + 1, 0), e.setHours(23, 59, 59, 999);
+      break;
+    case "quarter":
+      const i = e.getMonth(), o = Math.floor(i / 3) * 3 + 2;
+      e.setMonth(o + 1, 0), e.setHours(23, 59, 59, 999);
+      break;
+    case "year":
+      e.setMonth(11, 31), e.setHours(23, 59, 59, 999);
+      break;
+    default:
+      e.setHours(23, 59, 59, 999);
+  }
+  return e;
+}
+function oe(s, r, e) {
+  if (!s || !r || !e)
+    return !0;
+  const l = s[r];
+  if (!l)
+    return !0;
+  const n = new Date(l);
+  return isNaN(n.getTime()) ? !0 : ie(n, e) <= /* @__PURE__ */ new Date();
+}
+function ae(s, r) {
+  if (!s?.timeDimensions || s.timeDimensions.length === 0)
+    return null;
+  if (r) {
+    const l = s.timeDimensions.find(
+      (n) => n.dimension === r || n.dimension?.includes(r) || r?.includes(n.dimension)
+    );
+    if (l?.granularity)
+      return l.granularity;
+  }
+  return s.timeDimensions[0]?.granularity || null;
+}
+function ce(s, r, e, l, n = !1) {
+  const i = {
+    filteredData: s,
+    excludedIncompletePeriod: !1,
+    skippedLastPeriod: !1,
+    granularity: null
+  };
+  if (s.length < 2)
+    return i;
+  const o = ae(e, r);
+  if (n)
+    return {
+      filteredData: s.slice(0, -1),
+      excludedIncompletePeriod: !1,
+      skippedLastPeriod: !0,
+      granularity: o
+    };
+  if (!l)
+    return { ...i, granularity: o };
+  if (!r)
+    return { ...i, granularity: o };
+  if (!e?.timeDimensions || e.timeDimensions.length === 0)
+    return { ...i, granularity: o };
+  if (!o)
+    return i;
+  const N = s[s.length - 1];
+  return oe(N, r, o) ? { ...i, granularity: o } : {
+    filteredData: s.slice(0, -1),
+    excludedIncompletePeriod: !0,
+    skippedLastPeriod: !1,
+    granularity: o
+  };
+}
+function le({
+  values: s,
+  lastValue: r,
+  positiveColor: e,
+  negativeColor: l,
+  formatValue: n,
+  width: i,
+  height: o
+}) {
+  const N = Math.max(10, Math.floor(i / 10)), g = s.length > N ? s.slice(-N) : s, y = g.map((h) => h - r), d = Math.min(...y, 0), f = Math.max(...y, 0);
+  if (Math.max(Math.abs(d), Math.abs(f)) === 0 || y.length === 0)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: "flex items-center justify-center bg-gray-50 rounded-sm border",
+        style: { width: `${i}px`, height: `${o}px` },
+        children: /* @__PURE__ */ a("span", { className: "text-xs text-gray-500", children: "No variance data" })
+      }
+    );
+  const M = 2, H = i - (g.length - 1) * M, w = Math.max(4, H / g.length), x = f - d, b = x > 0 ? f / x * 100 : 50;
+  return /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: "relative",
+        style: {
+          width: `${i}px`,
+          height: `${o}px`
+        },
+        children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: "absolute left-0 right-0",
+              style: {
+                height: "1px",
+                top: `${b}%`,
+                backgroundColor: "var(--dc-border)",
+                zIndex: 1
+              }
+            }
+          ),
+          y.map((h, D) => {
+            const S = Math.abs(h) / x, P = Math.max(2, S * (o - 4)), z = h >= 0, $ = D === g.length - 1, j = z ? e : l, u = D * (w + M);
+            return /* @__PURE__ */ a(
+              "div",
+              {
+                className: "absolute rounded-xs",
+                style: {
+                  left: `${u}px`,
+                  width: `${w}px`,
+                  height: `${P}px`,
+                  backgroundColor: j,
+                  opacity: $ ? 1 : 0.6,
+                  // Position bar relative to zero line
+                  ...z ? { bottom: `${100 - b}%` } : { top: `${b}%` },
+                  zIndex: 2
+                },
+                title: `${n(g[D])}: ${h >= 0 ? "+" : ""}${n(h)} vs current`
+              },
+              D
+            );
+          })
+        ]
+      }
+    ),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: "flex flex-col justify-between text-xs text-dc-text-muted",
+        style: { height: `${o}px` },
+        children: [
+          /* @__PURE__ */ c("span", { children: [
+            "+",
+            n(f)
+          ] }),
+          /* @__PURE__ */ c("span", { children: [
+            (d < 0, ""),
+            n(d)
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function de({
+  data: s,
+  chartConfig: r,
+  displayConfig: e = {},
+  queryObject: l,
+  height: n = "100%",
+  colorPalette: i
+}) {
+  const [o, N] = K(32), [g, y] = K(250), d = _(null), f = _(null), { getFieldLabel: W } = re();
+  if (te(() => {
+    const t = () => {
+      if (d.current) {
+        const C = d.current.getBoundingClientRect(), I = C.width, B = C.height;
+        if (I > 0 && B > 0) {
+          const Q = I / 4, J = B / 4, X = Math.min(Q, J), Y = Math.max(28, Math.min(X, 140));
+          N(Y), setTimeout(() => {
+            if (f.current) {
+              const Z = f.current.getBoundingClientRect().width, q = I - 100, ee = Math.max(
+                Z,
+                Math.min(q, I * 0.7)
+              );
+              y(Math.max(100, ee));
+            }
+          }, 10);
+        }
+      }
+    }, p = setTimeout(t, 50), v = new ResizeObserver(() => {
+      setTimeout(t, 10);
+    });
+    return d.current && v.observe(d.current), () => {
+      clearTimeout(p), v.disconnect();
+    };
+  }, [s, r]), !s || s.length === 0)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: "flex items-center justify-center w-full h-full",
+        style: {
+          height: n === "100%" ? "100%" : n,
+          minHeight: n === "100%" ? "200px" : void 0
+        },
+        children: /* @__PURE__ */ c("div", { className: "text-center text-dc-text-muted", children: [
+          /* @__PURE__ */ a("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+          /* @__PURE__ */ a("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display" })
+        ] })
+      }
+    );
+  let M = [], H = [];
+  if (r?.yAxis && (M = Array.isArray(r.yAxis) ? r.yAxis : [r.yAxis]), r?.xAxis && (H = Array.isArray(r.xAxis) ? r.xAxis : [r.xAxis]), M.length === 0)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: "flex items-center justify-center w-full h-full",
+        style: {
+          height: n === "100%" ? "100%" : n,
+          minHeight: n === "100%" ? "200px" : void 0,
+          backgroundColor: "var(--dc-danger-bg)",
+          color: "var(--dc-danger)",
+          borderColor: "var(--dc-danger-border)"
+        },
+        children: /* @__PURE__ */ c("div", { className: "text-center", children: [
+          /* @__PURE__ */ a("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+          /* @__PURE__ */ a("div", { className: "text-xs", children: "No measure field configured" })
+        ] })
+      }
+    );
+  const w = M[0], x = H[0];
+  let b = [...s];
+  x && (b = b.sort((t, p) => {
+    const v = t[x], m = p[x];
+    return v < m ? -1 : v > m ? 1 : 0;
+  }));
+  const { useLastCompletePeriod: h = !0, skipLastPeriod: D = !1 } = e, {
+    filteredData: S,
+    excludedIncompletePeriod: P,
+    skippedLastPeriod: z,
+    granularity: $
+  } = ce(
+    b,
+    x,
+    l,
+    h,
+    D
+  ), u = S.map((t) => t[w]).filter((t) => t != null && !isNaN(Number(t))).map((t) => Number(t));
+  if (u.length < 2)
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: "flex items-center justify-center w-full h-full",
+        style: {
+          height: n === "100%" ? "100%" : n,
+          minHeight: n === "100%" ? "200px" : void 0,
+          backgroundColor: "var(--dc-warning-bg)",
+          color: "var(--dc-warning)",
+          borderColor: "var(--dc-warning-border)"
+        },
+        children: /* @__PURE__ */ c("div", { className: "text-center", children: [
+          /* @__PURE__ */ a("div", { className: "text-sm font-semibold mb-1", children: "Insufficient Data" }),
+          /* @__PURE__ */ a("div", { className: "text-xs", children: "Delta calculation requires at least 2 data points" }),
+          /* @__PURE__ */ c("div", { className: "text-xs", children: [
+            "Current data points: ",
+            u.length
+          ] })
+        ] })
+      }
+    );
+  const A = u[u.length - 1], L = u[u.length - 2], V = A - L, U = L !== 0 ? V / Math.abs(L) * 100 : 0, k = V >= 0, T = (t) => {
+    if (e.formatValue)
+      return e.formatValue(t);
+    if (t == null)
+      return "—";
+    const p = e.decimals ?? 0, v = e.prefix ?? "";
+    let m;
+    return Math.abs(t) >= 1e9 ? m = (t / 1e9).toFixed(p) + "B" : Math.abs(t) >= 1e6 ? m = (t / 1e6).toFixed(p) + "M" : Math.abs(t) >= 1e3 ? m = (t / 1e3).toFixed(p) + "K" : m = t.toFixed(p), v + m;
+  }, G = () => {
+    if (e.positiveColorIndex !== void 0 && i?.colors) {
+      const t = e.positiveColorIndex;
+      if (t >= 0 && t < i.colors.length)
+        return i.colors[t];
+    }
+    return "#10b981";
+  }, O = () => {
+    if (e.negativeColorIndex !== void 0 && i?.colors) {
+      const t = e.negativeColorIndex;
+      if (t >= 0 && t < i.colors.length)
+        return i.colors[t];
+    }
+    return "#ef4444";
+  }, E = G(), F = O(), R = k ? E : F;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: d,
+      className: "flex flex-col items-center justify-center w-full h-full p-4",
+      style: {
+        height: n === "100%" ? "100%" : n,
+        minHeight: n === "100%" ? "200px" : void 0
+      },
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: "text-dc-text-secondary font-bold text-center mb-2 flex items-center justify-center gap-1",
+            style: {
+              fontSize: "14px",
+              lineHeight: "1.2"
+            },
+            children: [
+              /* @__PURE__ */ a("span", { children: (() => {
+                const t = W(w);
+                return t && t.length > 1 ? t : w;
+              })() }),
+              (P || z) && /* @__PURE__ */ a(
+                "span",
+                {
+                  title: z ? `Excludes last ${$ || "period"}` : `Excludes current incomplete ${$}`,
+                  className: "cursor-help",
+                  children: /* @__PURE__ */ a(
+                    ne,
+                    {
+                      icon: se,
+                      className: "w-4 h-4 text-dc-text-muted opacity-70"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: "flex items-center justify-center space-x-4 mb-2", children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              ref: f,
+              className: "font-bold leading-none",
+              style: {
+                fontSize: `${o}px`,
+                color: "var(--dc-text)"
+                // Keep main value neutral
+              },
+              children: T(A)
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "flex items-center space-x-1", children: [
+            /* @__PURE__ */ a(
+              "div",
+              {
+                className: "font-bold",
+                style: {
+                  color: R,
+                  fontSize: `${o * 0.35}px`
+                },
+                children: k ? "▲" : "▼"
+              }
+            ),
+            /* @__PURE__ */ c("div", { className: "text-left", children: [
+              /* @__PURE__ */ c(
+                "div",
+                {
+                  className: "font-bold leading-tight",
+                  style: {
+                    fontSize: `${o * 0.35}px`,
+                    color: R
+                  },
+                  children: [
+                    k ? "+" : "",
+                    T(V)
+                  ]
+                }
+              ),
+              /* @__PURE__ */ c(
+                "div",
+                {
+                  className: "font-semibold leading-tight",
+                  style: {
+                    fontSize: `${o * 0.28}px`,
+                    color: R,
+                    opacity: 0.8
+                  },
+                  children: [
+                    k ? "+" : "",
+                    U.toFixed(1),
+                    "%"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        e.suffix && !e.formatValue && /* @__PURE__ */ a(
+          "div",
+          {
+            className: "text-dc-text-muted text-center mb-3",
+            style: {
+              fontSize: "14px",
+              lineHeight: "1.2",
+              opacity: 0.8
+            },
+            children: e.suffix
+          }
+        ),
+        e.showHistogram !== !1 && u.length > 2 && /* @__PURE__ */ a("div", { className: "mt-2 w-full flex justify-center overflow-hidden", children: /* @__PURE__ */ a(
+          le,
+          {
+            values: u,
+            lastValue: A,
+            positiveColor: E,
+            negativeColor: F,
+            formatValue: T,
+            width: g,
+            height: 64
+          }
+        ) })
+      ]
+    }
+  );
+}
+const pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: de
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  pe as K,
+  ce as f
+};
+//# sourceMappingURL=chart-kpidelta-p1lVVG5v.js.map