drizzle-cube 0.1.69 → 0.2.1

package/dist/client/chunks/chart-kpinumber-config-T39g03ud.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-kpinumber-config-T39g03ud.js","sources":["../../../src/client/components/charts/KpiNumber.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport chartAreaIcon from '@iconify-icons/tabler/number'\n\n/**\n * Configuration for the KPI Number chart type\n */\nexport const kpiNumberConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={chartAreaIcon} className={className} />,\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","className","jsx","Icon","chartAreaIcon"],"mappings":";;AAOO,MAAMA,IAAmC;AAAA,EAC9C,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAe,WAAAH,GAAsB;AAAA,EAC1E,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-kpitext-BrapZkRe.js

@@ -0,0 +1,165 @@
+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-B5OqLgbD.js";
+import { D as E } from "./chart-kpinumber-CHcSqthc.js";
+function U({
+  data: x,
+  chartConfig: s,
+  displayConfig: o = {},
+  height: r = "100%",
+  colorPalette: h
+}) {
+  const [j, A] = M(28), [T, R] = M(0), a = V(null), y = V(null), { getFieldLabel: H } = W();
+  if (O(() => {
+    const e = () => {
+      if (a.current) {
+        const f = a.current.getBoundingClientRect(), F = f.width, z = f.height;
+        if (F > 0 && z > 0) {
+          const k = F / 8, D = z / 5, I = Math.min(k, D), L = Math.max(18, Math.min(I, 80));
+          A(L);
+        }
+      }
+      if (y.current) {
+        const c = y.current.getBoundingClientRect();
+        R(c.width);
+      }
+    }, t = setTimeout(e, 100), l = new ResizeObserver(() => {
+      clearTimeout(t), setTimeout(e, 50);
+    });
+    return a.current && l.observe(a.current), () => {
+      clearTimeout(t), l.disconnect();
+    };
+  }, [x, s]), !x || x.length === 0)
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: "flex items-center justify-center w-full h-full",
+        style: {
+          height: r === "100%" ? "100%" : r,
+          minHeight: r === "100%" ? "200px" : void 0
+        },
+        children: /* @__PURE__ */ N("div", { className: "text-center text-dc-text-muted", children: [
+          /* @__PURE__ */ n("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
+          /* @__PURE__ */ n("div", { className: "text-xs text-dc-text-secondary", children: "No data points to display" })
+        ] })
+      }
+    );
+  let v = [];
+  if (s?.yAxis && (typeof s.yAxis == "string" ? v = [s.yAxis] : Array.isArray(s.yAxis) && (v = s.yAxis)), v.length === 0)
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: "flex items-center justify-center w-full h-full",
+        style: {
+          height: r === "100%" ? "100%" : r,
+          minHeight: r === "100%" ? "200px" : void 0,
+          backgroundColor: "var(--dc-danger-bg)",
+          color: "var(--dc-danger)",
+          borderColor: "var(--dc-danger-border)"
+        },
+        children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+          /* @__PURE__ */ n("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+          /* @__PURE__ */ n("div", { className: "text-xs", children: "No measure fields configured" })
+        ] })
+      }
+    );
+  const b = v[0], i = x.map((e) => {
+    if (e[b] !== void 0)
+      return e[b];
+    const t = Object.keys(e);
+    if (t.length > 0)
+      return e[t[0]];
+  }).filter((e) => e != null);
+  if (i.length === 0)
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: "flex items-center justify-center w-full h-full",
+        style: {
+          height: r === "100%" ? "100%" : r,
+          minHeight: r === "100%" ? "200px" : void 0,
+          backgroundColor: "var(--dc-warning-bg)",
+          color: "var(--dc-warning)",
+          borderColor: "var(--dc-warning-border)"
+        },
+        children: /* @__PURE__ */ N("div", { className: "text-center", children: [
+          /* @__PURE__ */ n("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+          /* @__PURE__ */ n("div", { className: "text-xs", children: "All values are null or invalid" })
+        ] })
+      }
+    );
+  const d = i.map((e) => Number(e)).filter((e) => !isNaN(e));
+  let g, u = null, m = null, w = !1;
+  d.length > 0 ? i.length === 1 ? g = i[0] : (g = d.reduce((l, c) => l + c, 0) / d.length, u = Math.min(...d), m = Math.max(...d), w = !0) : g = i.length === 1 ? i[0] : i.join(", ");
+  const p = (e) => {
+    if (o.formatValue)
+      return o.formatValue(e);
+    if (e == null)
+      return "—";
+    const t = o.decimals ?? 2;
+    return Math.abs(e) >= 1e9 ? (e / 1e9).toFixed(t) + "B" : Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(t) + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(t) + "K" : e.toFixed(t);
+  }, B = (e, t) => {
+    try {
+      const l = {
+        value: typeof t == "number" ? p(t) : String(t),
+        rawValue: t,
+        field: b,
+        fieldLabel: H(b),
+        min: u !== null ? p(u) : "",
+        max: m !== null ? p(m) : "",
+        count: i.length
+      };
+      return e.replace(/\$\{(\w+)\}/g, (c, f) => f in l ? String(l[f]) : c);
+    } catch {
+      return String(t);
+    }
+  }, C = o.template || "${fieldLabel}: ${value}", $ = B(C, g), S = (() => {
+    if (o.valueColorIndex !== void 0 && h?.colors) {
+      const e = o.valueColorIndex;
+      if (e >= 0 && e < h.colors.length)
+        return h.colors[e];
+    }
+    return h?.colors?.[0] || "#1f2937";
+  })();
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ref: a,
+      className: "flex flex-col items-center justify-center w-full h-full p-4",
+      style: {
+        height: r === "100%" ? "100%" : r,
+        minHeight: r === "100%" ? "200px" : void 0
+      },
+      children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            ref: y,
+            className: "font-bold leading-tight text-center",
+            style: {
+              fontSize: `${j}px`,
+              color: S
+            },
+            children: $
+          }
+        ),
+        w && u !== null && m !== null && /* @__PURE__ */ n("div", { className: "mt-4", children: /* @__PURE__ */ n(
+          E,
+          {
+            values: i,
+            min: u,
+            max: m,
+            color: S,
+            formatValue: p,
+            height: 24,
+            width: T || 200
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  U as default
+};
+//# sourceMappingURL=chart-kpitext-BrapZkRe.js.map

package/dist/client/chunks/chart-kpitext-BrapZkRe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-kpitext-BrapZkRe.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-kpitext-config-BbJGXAVk.js

@@ -0,0 +1,49 @@
+import { jsx as t } from "react/jsx-runtime";
+import { I as a, i as o } from "./icons-D-n_woAP.js";
+const s = {
+  icon: ({ className: e }) => /* @__PURE__ */ t(a, { icon: o, className: e }),
+  description: "Display key performance indicators as customizable text",
+  useCase: "Perfect for showing metrics with custom formatting, combining multiple values, or displaying contextual KPI information using templates",
+  dropZones: [
+    {
+      key: "yAxis",
+      label: "Value",
+      description: "Measure to display in the KPI text template",
+      mandatory: !0,
+      maxItems: 1,
+      acceptTypes: ["measure"],
+      emptyText: "Drop a measure here"
+    }
+  ],
+  displayOptionsConfig: [
+    {
+      key: "template",
+      label: "Text Template",
+      type: "string",
+      placeholder: "e.g., Total Revenue: ${value}",
+      description: "Template for displaying the text. Use ${value} to insert the measure value."
+    },
+    {
+      key: "decimals",
+      label: "Decimal Places",
+      type: "number",
+      defaultValue: 0,
+      min: 0,
+      max: 10,
+      step: 1,
+      description: "Number of decimal places to display for numeric values"
+    },
+    {
+      key: "valueColorIndex",
+      label: "Value Color",
+      type: "paletteColor",
+      defaultValue: 0,
+      description: "Color from the dashboard palette for the KPI value text"
+    }
+  ],
+  displayOptions: ["hideHeader"]
+};
+export {
+  s as kpiTextConfig
+};
+//# sourceMappingURL=chart-kpitext-config-BbJGXAVk.js.map

package/dist/client/chunks/chart-kpitext-config-BbJGXAVk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-kpitext-config-BbJGXAVk.js","sources":["../../../src/client/components/charts/KpiText.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport textIcon from '@iconify-icons/tabler/typography'\n\n/**\n * Configuration for the KPI Text chart type\n */\nexport const kpiTextConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={textIcon} className={className} />,\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","className","jsx","Icon","textIcon"],"mappings":";;AAOO,MAAMA,IAAiC;AAAA,EAC5C,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAU,WAAAH,GAAsB;AAAA,EACrE,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-linechart-DqZU4vH8.js

@@ -0,0 +1,155 @@
+import { jsx as e, jsxs as l, Fragment as D } from "react/jsx-runtime";
+import { useState as _ } from "react";
+import { LineChart as j, CartesianGrid as z, XAxis as F, YAxis as M, Legend as C, Line as u } from "recharts";
+import { C as E } from "./chart-chartcontainer-CdwzIKP1.js";
+import { C as G } from "./chart-charttooltip-CqtjUW2V.js";
+import { u as V, t as K, C as R, f as v, a as A } from "./chart-activitygridchart-B5OqLgbD.js";
+import { p as W, s as H } from "./chart-areachart-CTzUpR0_.js";
+function $({
+  data: m,
+  chartConfig: t,
+  displayConfig: o = {},
+  queryObject: g,
+  height: i = "100%",
+  colorPalette: x
+}) {
+  const [h, y] = _(null), { labelMap: w, getFieldLabel: b } = V();
+  try {
+    const a = {
+      showLegend: o?.showLegend ?? !0,
+      showGrid: o?.showGrid ?? !0,
+      showTooltip: o?.showTooltip ?? !0,
+      connectNulls: o?.connectNulls ?? !1
+    };
+    if (!m || m.length === 0)
+      return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ l("div", { className: "text-center", 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 points to display in line chart" })
+      ] }) });
+    let c, n, N = [];
+    if (t?.xAxis && t?.yAxis)
+      c = Array.isArray(t.xAxis) ? t.xAxis[0] : t.xAxis, n = Array.isArray(t.yAxis) ? t.yAxis : [t.yAxis], N = t.series || [];
+    else if (t?.x && t?.y)
+      c = t.x, n = Array.isArray(t.y) ? t.y : [t.y];
+    else
+      return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: i }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ e("div", { className: "text-xs", children: "Invalid or missing chart axis configuration" })
+      ] }) });
+    if (!c || !n || n.length === 0)
+      return /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-yellow-600", style: { height: i }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
+        /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Configuration Error" }),
+        /* @__PURE__ */ e("div", { className: "text-xs", children: "Missing required X-axis or Y-axis fields" })
+      ] }) });
+    const { data: d, seriesKeys: L } = K(
+      m,
+      c,
+      n,
+      g,
+      N,
+      w
+    ), T = a.showLegend, k = {
+      ...R,
+      left: 40
+      // Increased from 20 to 40 for Y-axis label space
+    }, S = W(o?.target || ""), f = H(S, d.length);
+    let p = d;
+    return f.length > 0 && (p = d.map((s, r) => ({
+      ...s,
+      __target: f[r] || null
+    }))), !d || d.length === 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: i }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No valid data" }),
+      /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "No valid data points for line chart after transformation" })
+    ] }) }) : /* @__PURE__ */ e(E, { height: i, children: /* @__PURE__ */ l(j, { data: p, margin: k, children: [
+      a.showGrid && /* @__PURE__ */ e(z, { strokeDasharray: "3 3" }),
+      /* @__PURE__ */ e(
+        F,
+        {
+          dataKey: "name",
+          tick: { fontSize: 12 },
+          angle: -45,
+          textAnchor: "end",
+          height: 60
+        }
+      ),
+      /* @__PURE__ */ e(
+        M,
+        {
+          tick: { fontSize: 12 },
+          label: { value: b(n[0]), angle: -90, position: "left", style: { textAnchor: "middle", fontSize: "12px" } }
+        }
+      ),
+      a.showTooltip && /* @__PURE__ */ e(
+        G,
+        {
+          formatter: (s, r) => s == null ? ["No data", r] : r === "Target" ? [v(s), "Target Value"] : [v(s), r]
+        }
+      ),
+      T && /* @__PURE__ */ e(
+        C,
+        {
+          wrapperStyle: { fontSize: "12px", paddingTop: "25px" },
+          iconType: "line",
+          iconSize: 8,
+          layout: "horizontal",
+          align: "center",
+          verticalAlign: "bottom",
+          onMouseEnter: (s) => y(String(s.dataKey || "")),
+          onMouseLeave: () => y(null)
+        }
+      ),
+      L.map((s, r) => /* @__PURE__ */ e(
+        u,
+        {
+          type: "monotone",
+          dataKey: s,
+          stroke: x?.colors && x.colors[r % x.colors.length] || A[r % A.length],
+          strokeWidth: 2,
+          dot: { r: 3 },
+          activeDot: { r: 5 },
+          strokeOpacity: h ? h === s ? 1 : 0.3 : 1,
+          connectNulls: a.connectNulls
+        },
+        s
+      )),
+      f.length > 0 && /* @__PURE__ */ l(D, { children: [
+        /* @__PURE__ */ e(
+          u,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            stroke: "#ffffff",
+            strokeWidth: 2,
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        ),
+        /* @__PURE__ */ e(
+          u,
+          {
+            type: "monotone",
+            dataKey: "__target",
+            name: "Target",
+            stroke: "#8B5CF6",
+            strokeWidth: 2,
+            strokeDasharray: "2 3",
+            dot: !1,
+            activeDot: !1,
+            connectNulls: !1
+          }
+        )
+      ] })
+    ] }) });
+  } catch (a) {
+    return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center w-full text-red-500 p-4", style: { height: i }, children: /* @__PURE__ */ l("div", { className: "text-center", children: [
+      /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "Line Chart Error" }),
+      /* @__PURE__ */ e("div", { className: "text-xs mb-2", children: a instanceof Error ? a.message : "Unknown rendering error" }),
+      /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-muted", children: "Check the data and configuration" })
+    ] }) });
+  }
+}
+export {
+  $ as default
+};
+//# sourceMappingURL=chart-linechart-DqZU4vH8.js.map

package/dist/client/chunks/chart-linechart-DqZU4vH8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-linechart-DqZU4vH8.js","sources":["../../../src/client/components/charts/LineChart.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { LineChart as RechartsLineChart, Line, XAxis, YAxis, CartesianGrid, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatNumericValue } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeContext } from '../../providers/CubeProvider'\nimport type { ChartProps } from '../../types'\n\nexport default function LineChart({ \n  data, \n  chartConfig, \n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  const { labelMap, getFieldLabel } = useCubeContext()\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      connectNulls: displayConfig?.connectNulls ?? false\n    }\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\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 in line chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let yAxisFields: string[]\n    let seriesFields: string[] = []\n    \n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      yAxisFields = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]\n      seriesFields = chartConfig.series || []\n    } else if (chartConfig?.x && chartConfig?.y) {\n      // Legacy format\n      xAxisField = chartConfig.x\n      yAxisFields = Array.isArray(chartConfig.y) ? chartConfig.y : [chartConfig.y]\n    } else {\n      return (\n        <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Invalid or missing chart axis configuration</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || !yAxisFields || yAxisFields.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-yellow-600\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">Configuration Error</div>\n            <div className=\"text-xs\">Missing required X-axis or Y-axis fields</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Use shared function to transform data and handle series\n    const { data: chartData, seriesKeys } = transformChartDataWithSeries(\n      data, \n      xAxisField, \n      yAxisFields, \n      queryObject,\n      seriesFields,\n      labelMap\n    )\n    \n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\n    \n    // Use custom chart margins with extra left space for Y-axis label\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40 // Increased from 20 to 40 for Y-axis label space\n    }\n    \n    // Process target values and add to chart data\n    const targetValues = parseTargetValues(displayConfig?.target || '')\n    const spreadTargets = spreadTargetValues(targetValues, chartData.length)\n    \n    // Add target data to chart data if targets exist\n    let enhancedChartData = chartData\n    if (spreadTargets.length > 0) {\n      enhancedChartData = chartData.map((dataPoint, index) => ({\n        ...dataPoint,\n        __target: spreadTargets[index] || null\n      }))\n    }\n    \n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"text-center\">\n            <div className=\"text-sm font-semibold mb-1\">No valid data</div>\n            <div className=\"text-xs text-dc-text-secondary\">No valid data points for line chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsLineChart data={enhancedChartData} margin={chartMargins}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" />\n          )}\n          <XAxis \n            dataKey=\"name\"\n            tick={{ fontSize: 12 }}\n            angle={-45}\n            textAnchor=\"end\"\n            height={60}\n          />\n          <YAxis \n            tick={{ fontSize: 12 }} \n            label={{ value: getFieldLabel(yAxisFields[0]), angle: -90, position: 'left', style: { textAnchor: 'middle', fontSize: '12px' } }}\n          />\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                // Handle null values in tooltip\n                if (value === null || value === undefined) {\n                  return ['No data', name]\n                }\n                if (name === 'Target') {\n                  return [formatNumericValue(value), 'Target Value']\n                }\n                return [formatNumericValue(value), name]\n              }}\n            />\n          )}\n          {showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '25px' }}\n              iconType=\"line\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {seriesKeys.map((seriesKey, index) => (\n            <Line\n              key={seriesKey}\n              type=\"monotone\"\n              dataKey={seriesKey}\n              stroke={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n              strokeWidth={2}\n              dot={{ r: 3 }}\n              activeDot={{ r: 5 }}\n              strokeOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n              connectNulls={safeDisplayConfig.connectNulls}\n            />\n          ))}\n          {spreadTargets.length > 0 && (\n            <>\n              {/* White background line */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                stroke=\"#ffffff\"\n                strokeWidth={2}\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n              {/* Grey dashed line on top */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                name=\"Target\"\n                stroke=\"#8B5CF6\"\n                strokeWidth={2}\n                strokeDasharray=\"2 3\"\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n            </>\n          )}\n        </RechartsLineChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'LineChart rendering error\n    return (\n      <div className=\"flex flex-col items-center justify-center w-full text-red-500 p-4\" style={{ height }}>\n        <div className=\"text-center\">\n          <div className=\"text-sm font-semibold mb-1\">Line Chart Error</div>\n          <div className=\"text-xs mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n}"],"names":["LineChart","data","chartConfig","displayConfig","queryObject","height","colorPalette","hoveredLegend","setHoveredLegend","useState","labelMap","getFieldLabel","useCubeContext","safeDisplayConfig","jsx","jsxs","xAxisField","yAxisFields","seriesFields","chartData","seriesKeys","transformChartDataWithSeries","showLegend","chartMargins","CHART_MARGINS","targetValues","parseTargetValues","spreadTargets","spreadTargetValues","enhancedChartData","dataPoint","index","ChartContainer","RechartsLineChart","CartesianGrid","XAxis","YAxis","ChartTooltip","value","name","formatNumericValue","Legend","o","seriesKey","Line","CHART_COLORS","Fragment","error"],"mappings":"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"}

package/dist/client/chunks/chart-linechart-config-BS1qVC8K.js

@@ -0,0 +1,54 @@
+import { jsx as s } from "react/jsx-runtime";
+import { I as i, j as o } from "./icons-D-n_woAP.js";
+const a = {
+  icon: ({ className: e }) => /* @__PURE__ */ s(i, { icon: o, className: e }),
+  description: "Show trends and changes over time",
+  useCase: "Best for continuous data, trends, time series, and showing relationships between multiple series",
+  dropZones: [
+    {
+      key: "xAxis",
+      label: "X-Axis (Time/Categories)",
+      description: "Time dimensions or dimensions for X-axis",
+      mandatory: !0,
+      acceptTypes: ["dimension", "timeDimension"],
+      emptyText: "Drop time dimensions or dimensions here"
+    },
+    {
+      key: "yAxis",
+      label: "Y-Axis (Values)",
+      description: "Measures for line values",
+      mandatory: !0,
+      acceptTypes: ["measure"],
+      emptyText: "Drop measures here"
+    },
+    {
+      key: "series",
+      label: "Series (Multiple Lines)",
+      description: "Dimensions to create separate lines",
+      mandatory: !1,
+      acceptTypes: ["dimension"],
+      emptyText: "Drop dimensions here for multiple lines"
+    }
+  ],
+  displayOptions: ["showLegend", "showGrid", "showTooltip", "hideHeader"],
+  displayOptionsConfig: [
+    {
+      key: "connectNulls",
+      label: "Connect Nulls",
+      type: "boolean",
+      defaultValue: !1,
+      description: "Draw continuous line through missing data points"
+    },
+    {
+      key: "target",
+      label: "Target Values",
+      type: "string",
+      placeholder: "e.g., 100 or 50,75 for spread",
+      description: "Single value or comma-separated values to spread across X-axis"
+    }
+  ]
+};
+export {
+  a as lineChartConfig
+};
+//# sourceMappingURL=chart-linechart-config-BS1qVC8K.js.map

package/dist/client/chunks/chart-linechart-config-BS1qVC8K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-linechart-config-BS1qVC8K.js","sources":["../../../src/client/components/charts/LineChart.config.tsx"],"sourcesContent":["import type { ChartTypeConfig } from '../../charts/chartConfigs'\nimport { Icon } from '@iconify/react'\nimport chartLineIcon from '@iconify-icons/tabler/chart-line'\n\n/**\n * Configuration for the line chart type\n */\nexport const lineChartConfig: ChartTypeConfig = {\n  icon: ({ className }) => <Icon icon={chartLineIcon} className={className} />,\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","className","jsx","Icon","chartLineIcon"],"mappings":";;AAOO,MAAMA,IAAmC;AAAA,EAC9C,MAAM,CAAC,EAAE,WAAAC,EAAA,MAAgB,gBAAAC,EAACC,GAAA,EAAK,MAAMC,GAAe,WAAAH,GAAsB;AAAA,EAC1E,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;"}