drizzle-cube 0.8.0 → 0.8.2

package/dist/client/chunks/charts-core-DnirPG1F.js

@@ -0,0 +1,190 @@
+import { F as e, P as t, w as n } from "./chart-activity-grid-CJzxC18G.js";
+import { useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/client/components/AnalysisBuilder/SectionHeading.tsx
+function o({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ i("h3", {
+		className: `dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${t}`,
+		children: e
+	});
+}
+//#endregion
+//#region src/client/components/charts/AxisFormatControls.tsx
+function s() {
+	let e = typeof navigator < "u" ? navigator.language : "en-US";
+	return new Intl.NumberFormat(e, {
+		style: "currency",
+		currency: t(e),
+		currencyDisplay: "narrowSymbol"
+	}).format(0).replace(/[\d.,\s]/g, "").trim() || "$";
+}
+function c({ value: c, onChange: l, axisLabel: u, previewValue: d = 125e4 }) {
+	let { t: f } = e(), p = r(() => c || {}, [c]), m = r(() => s(), []), h = r(() => n(d, p), [d, p]), g = (e) => {
+		l({
+			...p,
+			...e
+		});
+	}, _ = [
+		{
+			value: "currency",
+			label: m
+		},
+		{
+			value: "percent",
+			label: "%"
+		},
+		{
+			value: "number",
+			label: "#"
+		},
+		{
+			value: "custom",
+			label: f("chart.runtime.axisFormat.custom")
+		}
+	];
+	return /* @__PURE__ */ a("div", {
+		className: "dc:space-y-3 dc:pb-4",
+		children: [
+			/* @__PURE__ */ i(o, { children: u }),
+			/* @__PURE__ */ a("div", {
+				className: "dc:space-y-1",
+				children: [/* @__PURE__ */ i("label", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: f("chart.runtime.axisFormat.label")
+				}), /* @__PURE__ */ i("input", {
+					type: "text",
+					value: p.label || "",
+					onChange: (e) => g({ label: e.target.value || void 0 }),
+					placeholder: f("chart.runtime.axisFormat.autoLabel"),
+					className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "dc:space-y-1",
+				children: [/* @__PURE__ */ i("label", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: f("chart.runtime.axisFormat.unit")
+				}), /* @__PURE__ */ i("div", {
+					className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden",
+					children: _.map((e) => /* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: () => g({ unit: e.value }),
+						className: `dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${p.unit === e.value ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
+						children: e.label
+					}, e.value))
+				})]
+			}),
+			p.unit === "currency" && /* @__PURE__ */ a("div", {
+				className: "dc:space-y-1",
+				children: [
+					/* @__PURE__ */ i("label", {
+						className: "dc:text-xs text-dc-text-secondary",
+						children: f("chart.runtime.axisFormat.currencyCode")
+					}),
+					/* @__PURE__ */ i("input", {
+						type: "text",
+						value: p.currencyCode || "",
+						onChange: (e) => g({ currencyCode: e.target.value.trim().toUpperCase() || void 0 }),
+						placeholder: t(typeof navigator < "u" ? navigator.language : "en-US"),
+						maxLength: 3,
+						className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
+					}),
+					/* @__PURE__ */ i("p", {
+						className: "dc:text-xs text-dc-text-muted",
+						children: f("chart.runtime.axisFormat.currencyCodeHint")
+					})
+				]
+			}),
+			p.unit === "custom" && /* @__PURE__ */ a("div", {
+				className: "dc:flex dc:gap-2",
+				children: [/* @__PURE__ */ a("div", {
+					className: "dc:flex-1 dc:space-y-1",
+					children: [/* @__PURE__ */ i("label", {
+						className: "dc:text-xs text-dc-text-secondary",
+						children: f("chart.runtime.axisFormat.prefix")
+					}), /* @__PURE__ */ i("input", {
+						type: "text",
+						value: p.customPrefix || "",
+						onChange: (e) => g({ customPrefix: e.target.value || void 0 }),
+						placeholder: f("chart.runtime.axisFormat.prefixExample"),
+						className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
+					})]
+				}), /* @__PURE__ */ a("div", {
+					className: "dc:flex-1 dc:space-y-1",
+					children: [/* @__PURE__ */ i("label", {
+						className: "dc:text-xs text-dc-text-secondary",
+						children: f("chart.runtime.axisFormat.suffix")
+					}), /* @__PURE__ */ i("input", {
+						type: "text",
+						value: p.customSuffix || "",
+						onChange: (e) => g({ customSuffix: e.target.value || void 0 }),
+						placeholder: f("chart.runtime.axisFormat.suffixExample"),
+						className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "dc:space-y-1",
+				children: [/* @__PURE__ */ i("label", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: f("chart.runtime.axisFormat.abbreviation")
+				}), /* @__PURE__ */ a("div", {
+					className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden",
+					children: [/* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: () => g({ abbreviate: !0 }),
+						className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${p.abbreviate === !1 ? "bg-dc-surface text-dc-text hover:bg-dc-border" : "bg-dc-primary text-white"}`,
+						children: f("chart.runtime.axisFormat.yes")
+					}), /* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: () => g({ abbreviate: !1 }),
+						className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${p.abbreviate === !1 ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
+						children: f("chart.runtime.axisFormat.no")
+					})]
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "dc:space-y-1",
+				children: [/* @__PURE__ */ i("label", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: f("chart.runtime.axisFormat.decimals")
+				}), /* @__PURE__ */ a("div", {
+					className: "dc:flex dc:gap-2",
+					children: [/* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: () => {
+							let e = p.decimals ?? 2;
+							e > 0 && g({ decimals: e - 1 });
+						},
+						disabled: (p.decimals ?? 2) <= 0,
+						className: "dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors",
+						children: "← .0"
+					}), /* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: () => {
+							let e = p.decimals ?? 2;
+							e < 4 && g({ decimals: e + 1 });
+						},
+						disabled: (p.decimals ?? 2) >= 4,
+						className: "dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors",
+						children: ".00 →"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "dc:space-y-1",
+				children: [/* @__PURE__ */ i("label", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: f("chart.runtime.axisFormat.preview")
+				}), /* @__PURE__ */ i("div", {
+					className: "dc:text-sm dc:font-mono text-dc-text",
+					children: h
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { o as n, c as t };
+
+//# sourceMappingURL=charts-core-DnirPG1F.js.map

package/dist/client/chunks/charts-core-DnirPG1F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-core-DnirPG1F.js","names":[],"sources":["../../../src/client/components/AnalysisBuilder/SectionHeading.tsx","../../../src/client/components/charts/AxisFormatControls.tsx"],"sourcesContent":["/**\n * SectionHeading Component\n *\n * A reusable section heading for the Analysis Builder panels.\n * Provides consistent styling that can be easily adjusted in one place.\n */\n\nimport type { ReactNode } from 'react'\n\ninterface SectionHeadingProps {\n  children: ReactNode\n  /** Optional className to add additional styles */\n  className?: string\n}\n\n/**\n * Consistent section heading style for Analysis Builder panels.\n * Change the styles here to update all section headings at once.\n */\nexport default function SectionHeading({ children, className = '' }: SectionHeadingProps) {\n  return (\n    <h3 className={`dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${className}`}>\n      {children}\n    </h3>\n  )\n}\n","/**\n * AxisFormatControls Component\n *\n * A reusable component for configuring axis number formatting.\n * Provides controls for unit type, abbreviation, decimal places, and custom labels.\n */\n\nimport { useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation.js'\nimport SectionHeading from '../AnalysisBuilder/SectionHeading.js'\nimport type { AxisFormatConfig } from '../../types.js'\nimport { formatAxisValue } from '../../utils/chartUtils.js'\nimport { getCurrencyCodeForLocale } from '../../utils/axisValueFormatting.js'\n\ninterface AxisFormatControlsProps {\n  value: AxisFormatConfig\n  onChange: (config: AxisFormatConfig) => void\n  axisLabel: string // \"X-Axis\", \"Left Y-Axis\", \"Right Y-Axis\"\n  /** Sample value for preview (default: 1250000) */\n  previewValue?: number\n}\n\n/**\n * Get the currency symbol for the user's locale\n */\nfunction getLocaleCurrencySymbol(): string {\n  const locale = typeof navigator !== 'undefined' ? navigator.language : 'en-US'\n  // Format a number as currency and extract just the symbol\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: getCurrencyCodeForLocale(locale),\n    currencyDisplay: 'narrowSymbol'\n  }).format(0)\n  // Extract the currency symbol (remove digits, spaces, and common separators)\n  return formatted.replace(/[\\d.,\\s]/g, '').trim() || '$'\n}\n\n/**\n * Single axis format control section\n */\nexport function AxisFormatControls({\n  value,\n  onChange,\n  axisLabel,\n  previewValue = 1250000\n}: AxisFormatControlsProps) {\n  const { t } = useTranslation()\n  const config = useMemo(() => value || {}, [value])\n\n  // Get locale-aware currency symbol for the button\n  const currencySymbol = useMemo(() => getLocaleCurrencySymbol(), [])\n\n  // Generate preview of formatted value\n  const preview = useMemo(() => {\n    return formatAxisValue(previewValue, config)\n  }, [previewValue, config])\n\n  const handleChange = (updates: Partial<AxisFormatConfig>) => {\n    onChange({ ...config, ...updates })\n  }\n\n  const unitButtons: Array<{ value: AxisFormatConfig['unit']; label: string }> = [\n    { value: 'currency', label: currencySymbol },\n    { value: 'percent', label: '%' },\n    { value: 'number', label: '#' },\n    { value: 'custom', label: t('chart.runtime.axisFormat.custom') }\n  ]\n\n  return (\n    <div className=\"dc:space-y-3 dc:pb-4\">\n      {/* Axis Header */}\n      <SectionHeading>{axisLabel}</SectionHeading>\n\n      {/* Label Input */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.label')}</label>\n        <input\n          type=\"text\"\n          value={config.label || ''}\n          onChange={(e) => handleChange({ label: e.target.value || undefined })}\n          placeholder={t('chart.runtime.axisFormat.autoLabel')}\n          className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n        />\n      </div>\n\n      {/* Unit Type */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.unit')}</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          {unitButtons.map((btn) => (\n            <button\n              key={btn.value}\n              type=\"button\"\n              onClick={() => handleChange({ unit: btn.value })}\n              className={`dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n                config.unit === btn.value\n                  ? 'bg-dc-primary text-white'\n                  : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n              }`}\n            >\n              {btn.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Currency code (only when Currency is selected) — without it the symbol\n          follows the viewer's locale, so a GBP column renders $ to a US viewer. */}\n      {config.unit === 'currency' && (\n        <div className=\"dc:space-y-1\">\n          <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.currencyCode')}</label>\n          <input\n            type=\"text\"\n            value={config.currencyCode || ''}\n            onChange={(e) => handleChange({ currencyCode: e.target.value.trim().toUpperCase() || undefined })}\n            placeholder={getCurrencyCodeForLocale(typeof navigator !== 'undefined' ? navigator.language : 'en-US')}\n            maxLength={3}\n            className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n          />\n          <p className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.axisFormat.currencyCodeHint')}</p>\n        </div>\n      )}\n\n      {/* Custom Prefix/Suffix (only when Custom is selected) */}\n      {config.unit === 'custom' && (\n        <div className=\"dc:flex dc:gap-2\">\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.prefix')}</label>\n            <input\n              type=\"text\"\n              value={config.customPrefix || ''}\n              onChange={(e) => handleChange({ customPrefix: e.target.value || undefined })}\n              placeholder={t('chart.runtime.axisFormat.prefixExample')}\n              className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.suffix')}</label>\n            <input\n              type=\"text\"\n              value={config.customSuffix || ''}\n              onChange={(e) => handleChange({ customSuffix: e.target.value || undefined })}\n              placeholder={t('chart.runtime.axisFormat.suffixExample')}\n              className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Abbreviation Toggle */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.abbreviation')}</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: true })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate !== false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            {t('chart.runtime.axisFormat.yes')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: false })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate === false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            {t('chart.runtime.axisFormat.no')}\n          </button>\n        </div>\n      </div>\n\n      {/* Decimals */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.decimals')}</label>\n        <div className=\"dc:flex dc:gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current > 0) handleChange({ decimals: current - 1 })\n            }}\n            disabled={(config.decimals ?? 2) <= 0}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            ← .0\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current < 4) handleChange({ decimals: current + 1 })\n            }}\n            disabled={(config.decimals ?? 2) >= 4}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            .00 →\n          </button>\n        </div>\n      </div>\n\n      {/* Preview */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.preview')}</label>\n        <div className=\"dc:text-sm dc:font-mono text-dc-text\">\n          {preview}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ninterface MultiAxisFormatControlsProps {\n  displayConfig: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }\n  onChange: (updates: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }) => void\n  /** Which axes to show controls for */\n  showAxes?: {\n    xAxis?: boolean\n    leftYAxis?: boolean\n    rightYAxis?: boolean\n  }\n}\n\ntype AxisKey = 'xAxisFormat' | 'leftYAxisFormat' | 'rightYAxisFormat'\n\ninterface AxisEntry {\n  show: boolean | undefined\n  key: AxisKey\n  labelKey: string\n  previewValue?: number\n}\n\n/**\n * Container component for multiple axis format controls. Each configured axis\n * renders an `AxisFormatControls`; the per-axis entries are data-driven so the\n * three branches collapse into a single map.\n */\nexport function MultiAxisFormatControls({\n  displayConfig,\n  onChange,\n  showAxes = { leftYAxis: true, rightYAxis: true }\n}: MultiAxisFormatControlsProps) {\n  const { t } = useTranslation()\n\n  const entries: AxisEntry[] = [\n    { show: showAxes.leftYAxis, key: 'leftYAxisFormat', labelKey: 'chart.runtime.axisFormat.leftYAxis' },\n    { show: showAxes.rightYAxis, key: 'rightYAxisFormat', labelKey: 'chart.runtime.axisFormat.rightYAxis' },\n    // Use a year-like number for X-axis preview\n    { show: showAxes.xAxis, key: 'xAxisFormat', labelKey: 'chart.runtime.axisFormat.xAxis', previewValue: 2024 }\n  ]\n\n  const updateAxis = (key: AxisKey, config: AxisFormatConfig) =>\n    onChange({ ...displayConfig, [key]: Object.keys(config).length > 0 ? config : undefined })\n\n  return (\n    <div className=\"dc:space-y-4\">\n      {entries.filter((entry) => entry.show).map((entry) => (\n        <AxisFormatControls\n          key={entry.key}\n          axisLabel={t(entry.labelKey)}\n          value={displayConfig[entry.key] || {}}\n          onChange={(config) => updateAxis(entry.key, config)}\n          previewValue={entry.previewValue}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport default AxisFormatControls\n"],"mappings":";;;;AAmBA,SAAwB,EAAe,EAAE,aAAU,eAAY,MAA2B;CACxF,OACE,kBAAC,MAAD;EAAI,WAAW,6EAA6E;EACzF;CACC,CAAA;AAER;;;ACAA,SAAS,IAAkC;CACzC,IAAM,IAAS,OAAO,YAAc,MAAc,UAAU,WAAW;CAQvE,OANkB,IAAI,KAAK,aAAa,GAAQ;EAC9C,OAAO;EACP,UAAU,EAAyB,CAAM;EACzC,iBAAiB;CACnB,CAAC,CAAC,CAAC,OAAO,CAEH,CAAA,CAAU,QAAQ,aAAa,EAAE,CAAC,CAAC,KAAK,KAAK;AACtD;AAKA,SAAgB,EAAmB,EACjC,UACA,aACA,cACA,kBAAe,SACW;CAC1B,IAAM,EAAE,SAAM,EAAe,GACvB,IAAS,QAAc,KAAS,CAAC,GAAG,CAAC,CAAK,CAAC,GAG3C,IAAiB,QAAc,EAAwB,GAAG,CAAC,CAAC,GAG5D,IAAU,QACP,EAAgB,GAAc,CAAM,GAC1C,CAAC,GAAc,CAAM,CAAC,GAEnB,KAAgB,MAAuC;EAC3D,EAAS;GAAE,GAAG;GAAQ,GAAG;EAAQ,CAAC;CACpC,GAEM,IAAyE;EAC7E;GAAE,OAAO;GAAY,OAAO;EAAe;EAC3C;GAAE,OAAO;GAAW,OAAO;EAAI;EAC/B;GAAE,OAAO;GAAU,OAAO;EAAI;EAC9B;GAAE,OAAO;GAAU,OAAO,EAAE,iCAAiC;EAAE;CACjE;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GAEE,kBAAC,GAAD,EAAA,UAAiB,EAA0B,CAAA;GAG3C,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;KAAqC,UAAA,EAAE,gCAAgC;IAAS,CAAA,GACjG,kBAAC,SAAD;KACE,MAAK;KACL,OAAO,EAAO,SAAS;KACvB,WAAW,MAAM,EAAa,EAAE,OAAO,EAAE,OAAO,SAAS,KAAA,EAAU,CAAC;KACpE,aAAa,EAAE,oCAAoC;KACnD,WAAU;IACX,CAAA,CACE;;GAGL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;KAAqC,UAAA,EAAE,+BAA+B;IAAS,CAAA,GAChG,kBAAC,OAAD;KAAK,WAAU;KACZ,UAAA,EAAY,KAAK,MAChB,kBAAC,UAAD;MAEE,MAAK;MACL,eAAe,EAAa,EAAE,MAAM,EAAI,MAAM,CAAC;MAC/C,WAAW,8EACT,EAAO,SAAS,EAAI,QAChB,6BACA;MAGL,UAAA,EAAI;KACC,GAVD,EAAI,KAUH,CACT;IACE,CAAA,CACF;;GAIJ,EAAO,SAAS,cACf,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAAC,SAAD;MAAO,WAAU;MAAqC,UAAA,EAAE,uCAAuC;KAAS,CAAA;KACxG,kBAAC,SAAD;MACE,MAAK;MACL,OAAO,EAAO,gBAAgB;MAC9B,WAAW,MAAM,EAAa,EAAE,cAAc,EAAE,OAAO,MAAM,KAAK,CAAC,CAAC,YAAY,KAAK,KAAA,EAAU,CAAC;MAChG,aAAa,EAAyB,OAAO,YAAc,MAAc,UAAU,WAAW,OAAO;MACrG,WAAW;MACX,WAAU;KACX,CAAA;KACD,kBAAC,KAAD;MAAG,WAAU;MAAiC,UAAA,EAAE,2CAA2C;KAAK,CAAA;IAC7F;;GAIN,EAAO,SAAS,YACf,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;MAAqC,UAAA,EAAE,iCAAiC;KAAS,CAAA,GAClG,kBAAC,SAAD;MACE,MAAK;MACL,OAAO,EAAO,gBAAgB;MAC9B,WAAW,MAAM,EAAa,EAAE,cAAc,EAAE,OAAO,SAAS,KAAA,EAAU,CAAC;MAC3E,aAAa,EAAE,wCAAwC;MACvD,WAAU;KACX,CAAA,CACE;IACL,CAAA,GAAA,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;MAAqC,UAAA,EAAE,iCAAiC;KAAS,CAAA,GAClG,kBAAC,SAAD;MACE,MAAK;MACL,OAAO,EAAO,gBAAgB;MAC9B,WAAW,MAAM,EAAa,EAAE,cAAc,EAAE,OAAO,SAAS,KAAA,EAAU,CAAC;MAC3E,aAAa,EAAE,wCAAwC;MACvD,WAAU;KACX,CAAA,CACE;IACF,CAAA,CAAA;;GAIP,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;KAAqC,UAAA,EAAE,uCAAuC;IAAS,CAAA,GACxG,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAa,EAAE,YAAY,GAAK,CAAC;MAChD,WAAW,8EACT,EAAO,eAAe,KAElB,kDADA;MAIL,UAAA,EAAE,8BAA8B;KAC3B,CAAA,GACR,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAa,EAAE,YAAY,GAAM,CAAC;MACjD,WAAW,8EACT,EAAO,eAAe,KAClB,6BACA;MAGL,UAAA,EAAE,6BAA6B;KAC1B,CAAA,CACL;IACF,CAAA,CAAA;;GAGL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;KAAqC,UAAA,EAAE,mCAAmC;IAAS,CAAA,GACpG,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe;OACb,IAAM,IAAU,EAAO,YAAY;OACnC,AAAI,IAAU,KAAG,EAAa,EAAE,UAAU,IAAU,EAAE,CAAC;MACzD;MACA,WAAW,EAAO,YAAY,MAAM;MACpC,WAAU;MACX,UAAA;KAEO,CAAA,GACR,kBAAC,UAAD;MACE,MAAK;MACL,eAAe;OACb,IAAM,IAAU,EAAO,YAAY;OACnC,AAAI,IAAU,KAAG,EAAa,EAAE,UAAU,IAAU,EAAE,CAAC;MACzD;MACA,WAAW,EAAO,YAAY,MAAM;MACpC,WAAU;MACX,UAAA;KAEO,CAAA,CACL;IACF,CAAA,CAAA;;GAGL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;KAAqC,UAAA,EAAE,kCAAkC;IAAS,CAAA,GACnG,kBAAC,OAAD;KAAK,WAAU;KACZ,UAAA;IACE,CAAA,CACF;;EACF;;AAET"}

package/dist/client/chunks/charts-loader-tCSbqT7H.js

@@ -0,0 +1,87 @@
+import { f as e, g as t, h as n, m as r, p as i } from "./chart-data-table-Cou9qOab.js";
+import { Suspense as a, lazy as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/client/charts/ChartLoader.tsx
+var c = {
+	bar: () => import("./chart-bar-D9kiSOCT.js").then((e) => e.n),
+	line: () => import("./chart-line-IwXqPY80.js").then((e) => e.n),
+	area: () => import("./chart-area-C66dgy84.js").then((e) => e.n),
+	pie: () => import("./chart-pie-LDJfDXfX.js").then((e) => e.n),
+	scatter: () => import("./chart-scatter-DP-nn9hH.js").then((e) => e.n),
+	radar: () => import("./chart-radar-BZY6TP9m.js").then((e) => e.n),
+	radialBar: () => import("./chart-radial-bar-aga05X7h.js").then((e) => e.n),
+	treemap: () => import("./chart-tree-map-C3O6uQcP.js").then((e) => e.n),
+	bubble: () => import("./chart-bubble-BzyvrqKs.js").then((e) => e.t),
+	table: () => import("./chart-data-table-Cou9qOab.js").then((e) => e.n),
+	recordsTable: () => import("./RecordsTable-aG-QYXOH.js"),
+	activityGrid: () => import("./chart-activity-grid-CJzxC18G.js").then((e) => e.t),
+	kpiNumber: () => import("./chart-kpi-number-BnsofbTf.js").then((e) => e.t),
+	kpiDelta: () => import("./chart-kpi-delta-lfskDdx4.js").then((e) => e.t),
+	kpiText: () => import("./chart-kpi-text-U5EdmdkV.js").then((e) => e.t),
+	markdown: () => import("./chart-markdown-yxN_xBP9.js").then((e) => e.n),
+	funnel: () => import("./chart-funnel-B0775aaT.js").then((e) => e.n),
+	sankey: () => import("./chart-sankey-MRCoWFd4.js").then((e) => e.t),
+	sunburst: () => import("./chart-sunburst-DE4EX7zi.js").then((e) => e.t),
+	heatmap: () => import("./chart-heat-map-EzVGe6fl.js").then((e) => e.t),
+	retentionHeatmap: () => import("./RetentionHeatmap-LkTt89pK.js"),
+	retentionCombined: () => import("./RetentionCombinedChart-BRZ9w7ah.js"),
+	boxPlot: () => import("./chart-box-plot-FsLIMisc.js").then((e) => e.t),
+	dotStrip: () => import("./DotStripChart-ChwsVeRU.js"),
+	waterfall: () => import("./chart-waterfall-DU2Fg_7P.js").then((e) => e.t),
+	candlestick: () => import("./chart-candlestick-6lD35bLw.js").then((e) => e.t),
+	measureProfile: () => import("./chart-measure-profile-Bs4vhBJQ.js").then((e) => e.t),
+	proportionBar: () => import("./ProportionBarChart-D-Qt9nkF.js"),
+	gauge: () => import("./chart-gauge-pf-2E8w9.js").then((e) => e.t)
+};
+function l(t) {
+	let a = n.get(t);
+	if (a) return a;
+	if (e.has(t)) return e.get(t);
+	let s = c[t];
+	if (s) {
+		let n = i(t, s);
+		return e.set(t, o(n)), e.get(t);
+	}
+	return o(() => Promise.resolve({ default: r(t) }));
+}
+function u(e) {
+	return e in c || n.has(e);
+}
+function d({ height: e }) {
+	return /* @__PURE__ */ s("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full",
+		style: { height: typeof e == "number" ? `${e}px` : e || "200px" },
+		children: /* @__PURE__ */ s("div", { className: "dc:animate-pulse bg-dc-surface-secondary dc:rounded-sm dc:w-full dc:h-full dc:min-h-[100px]" })
+	});
+}
+function f({ chartType: e, fallback: t, height: n, ...r }) {
+	let i = l(e);
+	return /* @__PURE__ */ s(a, {
+		fallback: t ?? /* @__PURE__ */ s(d, { height: n }),
+		children: /* @__PURE__ */ s(i, {
+			height: n,
+			...r
+		})
+	});
+}
+function p(e) {
+	let t = c[e];
+	t && t();
+}
+function m(e) {
+	e.forEach(p);
+}
+function h() {
+	let e = Object.keys(c), t = Array.from(n.keys());
+	return [.../* @__PURE__ */ new Set([...e, ...t])];
+}
+function g(e) {
+	return !t.has(e);
+}
+function _() {
+	return Array.from(t);
+}
+//#endregion
+export { u as a, g as i, h as n, p as o, _ as r, m as s, f as t };
+
+//# sourceMappingURL=charts-loader-tCSbqT7H.js.map

package/dist/client/chunks/charts-loader-tCSbqT7H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-loader-tCSbqT7H.js","names":[],"sources":["../../../src/client/charts/ChartLoader.tsx"],"sourcesContent":["/**\n * Lazy Chart Loader\n *\n * Provides React.lazy-based dynamic loading for chart components.\n * This enables code splitting - each chart type loads only when needed.\n *\n * Handles missing optional dependencies gracefully by showing a fallback\n * component instead of crashing the application.\n */\n\nimport { lazy, Suspense, ReactNode, LazyExoticComponent } from 'react'\nimport type { BuiltInChartType, ChartType, ChartProps } from '../types.js'\nimport {\n  type LazyChartComponent,\n  chartLoaderCache,\n  failedChartTypes,\n  customChartMap,\n  createSafeImport,\n  createUnknownChartFallback\n} from './chartComponentRegistry.js'\n// Dynamic import functions for built-in chart **components** (the DOM-bearing,\n// client-only side of a chart). This stays separate from `chartRegistry` — which\n// is DOM-free and shared with the server — so importing the unified registry\n// never drags the chart component graph into server/agent code. Lazy loading is\n// a client-only optimisation.\n\n// The custom-chart registration API lives in chartComponentRegistry to avoid an\n// import cycle (chartPlugin → ChartLoader → DataTable → CubeProvider → chartPlugin).\n// Re-exported here so existing import paths keep working.\nexport { registerChartComponent, unregisterChartComponent } from './chartComponentRegistry.js'\n\n// Dynamic import functions for built-in chart **components** — the DOM-bearing,\n// client-only side of a chart. Kept separate from the unified `chartRegistry`\n// (which is DOM-free and shared with the server agent) so importing the registry\n// never drags the chart component graph into server/MCP/agent code. Lazy loading\n// is a client-only optimisation.\nconst chartImportMap: Record<BuiltInChartType, () => Promise<{ default: LazyChartComponent }>> = {\n  bar: () => import('../components/charts/BarChart.js'),\n  line: () => import('../components/charts/LineChart.js'),\n  area: () => import('../components/charts/AreaChart.js'),\n  pie: () => import('../components/charts/PieChart.js'),\n  scatter: () => import('../components/charts/ScatterChart.js'),\n  radar: () => import('../components/charts/RadarChart.js'),\n  radialBar: () => import('../components/charts/RadialBarChart.js'),\n  treemap: () => import('../components/charts/TreeMapChart.js'),\n  bubble: () => import('../components/charts/BubbleChart.js'),\n  table: () => import('../components/charts/DataTable.js'),\n  recordsTable: () => import('../components/charts/RecordsTable.js'),\n  activityGrid: () => import('../components/charts/ActivityGridChart.js'),\n  kpiNumber: () => import('../components/charts/KpiNumber.js'),\n  kpiDelta: () => import('../components/charts/KpiDelta.js'),\n  kpiText: () => import('../components/charts/KpiText.js'),\n  markdown: () => import('../components/charts/MarkdownChart.js'),\n  funnel: () => import('../components/charts/FunnelChart.js'),\n  sankey: () => import('../components/charts/SankeyChart.js'),\n  sunburst: () => import('../components/charts/SunburstChart.js'),\n  heatmap: () => import('../components/charts/HeatMapChart.js'),\n  retentionHeatmap: () => import('../components/charts/RetentionHeatmap.js'),\n  retentionCombined: () => import('../components/charts/RetentionCombinedChart.js'),\n  boxPlot: () => import('../components/charts/BoxPlotChart.js'),\n  dotStrip: () => import('../components/charts/DotStripChart.js'),\n  waterfall: () => import('../components/charts/WaterfallChart.js'),\n  candlestick: () => import('../components/charts/CandlestickChart.js'),\n  measureProfile: () => import('../components/charts/MeasureProfileChart.js'),\n  proportionBar: () => import('../components/charts/ProportionBarChart.js'),\n  gauge: () => import('../components/charts/GaugeChart.js'),\n}\n\n/**\n * Get or create a lazy component for a chart type.\n * Checks custom (plugin) charts first, then built-in charts.\n * Returns an unknown chart fallback for unregistered types instead of throwing.\n */\nfunction getLazyChart(chartType: ChartType): LazyExoticComponent<LazyChartComponent> {\n  // 1. Check custom charts first (allows overriding built-ins)\n  const customChart = customChartMap.get(chartType)\n  if (customChart) {\n    return customChart\n  }\n\n  // 2. Check built-in cache\n  if (chartLoaderCache.has(chartType)) {\n    return chartLoaderCache.get(chartType)!\n  }\n\n  // 3. Check built-in import map (the client component registry)\n  const importFn = chartImportMap[chartType as BuiltInChartType]\n  if (importFn) {\n    const safeImport = createSafeImport(chartType, importFn)\n    chartLoaderCache.set(chartType, lazy(safeImport))\n    return chartLoaderCache.get(chartType)!\n  }\n\n  // 4. Unknown chart type — return graceful fallback\n  return lazy(() => Promise.resolve({ default: createUnknownChartFallback(chartType) }))\n}\n\n/**\n * Check if a chart type is supported (built-in or custom plugin)\n */\nexport function isValidChartType(chartType: string): chartType is ChartType {\n  return chartType in chartImportMap || customChartMap.has(chartType)\n}\n\n// Props for the LazyChart wrapper\nexport interface LazyChartProps extends ChartProps {\n  chartType: ChartType\n  fallback?: ReactNode\n}\n\n/**\n * Default loading placeholder for charts\n */\nfunction DefaultChartFallback({ height }: { height?: string | number }) {\n  return (\n    <div\n      className=\"dc:flex dc:items-center dc:justify-center dc:w-full\"\n      style={{ height: typeof height === 'number' ? `${height}px` : height || '200px' }}\n    >\n      <div className=\"dc:animate-pulse bg-dc-surface-secondary dc:rounded-sm dc:w-full dc:h-full dc:min-h-[100px]\" />\n    </div>\n  )\n}\n\n/**\n * Lazy Chart Component\n *\n * Renders a chart component with React.lazy dynamic loading.\n * The chart type determines which chart component is loaded.\n *\n * @example\n * ```tsx\n * <LazyChart\n *   chartType=\"bar\"\n *   data={chartData}\n *   chartConfig={{ yAxis: ['value'] }}\n *   height={300}\n * />\n * ```\n */\nexport function LazyChart({\n  chartType,\n  fallback,\n  height,\n  ...chartProps\n}: LazyChartProps) {\n  const ChartComponent = getLazyChart(chartType)\n\n  return (\n    <Suspense fallback={fallback ?? <DefaultChartFallback height={height} />}>\n      <ChartComponent height={height} {...chartProps} />\n    </Suspense>\n  )\n}\n\n/**\n * Preload a chart type\n *\n * Triggers the dynamic import without rendering.\n * Useful for prefetching charts that will likely be needed.\n *\n * @example\n * ```tsx\n * // Preload bar chart on hover\n * onMouseEnter={() => preloadChart('bar')}\n * ```\n */\nexport function preloadChart(chartType: ChartType): void {\n  const importFn = chartImportMap[chartType as BuiltInChartType]\n  if (importFn) {\n    importFn()\n  }\n}\n\n/**\n * Preload multiple chart types\n *\n * @example\n * ```tsx\n * // Preload common charts on app init\n * useEffect(() => {\n *   preloadCharts(['bar', 'line', 'pie'])\n * }, [])\n * ```\n */\nexport function preloadCharts(chartTypes: ChartType[]): void {\n  chartTypes.forEach(preloadChart)\n}\n\n/**\n * Get all available chart types (built-in + custom plugins)\n */\nexport function getAvailableChartTypes(): ChartType[] {\n  const builtIn = Object.keys(chartImportMap) as ChartType[]\n  const custom = Array.from(customChartMap.keys())\n  // Deduplicate in case a custom chart overrides a built-in\n  return [...new Set([...builtIn, ...custom])]\n}\n\n/**\n * Check if a chart type has loaded successfully.\n * Returns false if the chart failed to load due to missing dependencies.\n *\n * Note: This only returns accurate results after the chart has been attempted to load.\n * Use this for conditional UI logic (e.g., hiding unavailable chart types).\n */\nexport function isChartTypeAvailable(chartType: ChartType): boolean {\n  return !failedChartTypes.has(chartType)\n}\n\n/**\n * Get list of chart types that failed to load due to missing dependencies.\n */\nexport function getUnavailableChartTypes(): ChartType[] {\n  return Array.from(failedChartTypes)\n}\n"],"mappings":"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"}

package/dist/client/chunks/{en-US-BE6VoG0o.js → en-US-HP6FHuNy.js}

@@ -25,6 +25,8 @@ var e = {
 	"chart.option.showCentreLabel.label": "Show Center Label",
 	"chart.option.showCentreLabel.description": "Display current value and field name in the center of the gauge",
 	"chart.option.accentBorder.description": "Add an accent-colored border on one side of the content",
+	"chart.recordsTable.columnFormats.badgeColours": "Value colors",
+	"chart.recordsTable.columnFormats.badgeColour": "Color",
 	"chart.scatter.dropZone.series.empty": "Drop a dimension to color points",
 	"chart.bubble.dropZone.colorField.empty": "Drop a field for bubble color (optional)",
 	"chart.treemap.dropZone.series.empty": "Drop a dimension for color grouping"
@@ -32,4 +34,4 @@ var e = {
 //#endregion
 export { e as default };
 
-//# sourceMappingURL=en-US-BE6VoG0o.js.map
+//# sourceMappingURL=en-US-HP6FHuNy.js.map

package/dist/client/chunks/{en-US-BE6VoG0o.js.map → en-US-HP6FHuNy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"en-US-BE6VoG0o.js","names":[],"sources":["../../../src/i18n/locales/en-US.json"],"sourcesContent":["{\n  \"analysis.modes.flow.description\": \"Bidirectional path analysis with Sankey visualization\",\n\n  \"chart.area.description\": \"Emphasize magnitude of change over time\",\n  \"chart.radialBar.description\": \"Circular progress and KPI visualization\",\n  \"chart.treemap.description\": \"Visualize hierarchical data with nested rectangles\",\n  \"chart.activityGrid.description\": \"GitHub-style activity grid showing temporal patterns across different time scales\",\n  \"chart.activityGrid.useCase\": \"Best for visualizing activity patterns over time. Supports hour (3hr blocks × days), day (days × weeks), week (weeks × months), month (months × quarters), and quarter (quarters × years) granularities\",\n  \"chart.kpiText.description\": \"Display key performance indicators as customizable text\",\n  \"chart.funnel.useCase\": \"Best for visualizing user journey funnels, sales pipelines, or multi-step processes\",\n  \"chart.sankey.useCase\": \"Best for visualizing user journey flows, path analysis, or state transitions\",\n  \"chart.sunburst.useCase\": \"Best for visualizing forward paths from a starting event in a compact radial layout\",\n  \"chart.heatmap.description\": \"Visualize intensity across two dimensions\",\n  \"chart.retentionHeatmap.description\": \"Cohort retention matrix visualization\",\n  \"chart.retentionHeatmap.useCase\": \"Visualize user retention over time by cohort\",\n  \"chart.retentionCombined.description\": \"Combined retention visualization with line chart and heatmap modes\",\n  \"chart.retentionCombined.useCase\": \"Visualize user retention over time with optional breakdown segmentation\",\n  \"chart.measureProfile.description\": \"Plot N measures as sequential X-axis points to visualize a profile or shape across intervals\",\n  \"chart.gauge.useCase\": \"Best for high-water marks vs equity, margin utilization, or any single value progress toward a goal\",\n\n  \"chart.option.innerRadius.description\": \"Hollow center size (0% = solid pie, higher = donut style)\",\n  \"chart.option.bullColor.label\": \"Bullish Color\",\n  \"chart.option.bullColor.description\": \"Candle color when close ≥ open\",\n  \"chart.option.bearColor.label\": \"Bearish Color\",\n  \"chart.option.bearColor.description\": \"Candle color when close < open\",\n  \"chart.option.showCentreLabel.label\": \"Show Center Label\",\n  \"chart.option.showCentreLabel.description\": \"Display current value and field name in the center of the gauge\",\n  \"chart.option.accentBorder.description\": \"Add an accent-colored border on one side of the content\",\n\n  \"chart.scatter.dropZone.series.empty\": \"Drop a dimension to color points\",\n  \"chart.bubble.dropZone.colorField.empty\": \"Drop a field for bubble color (optional)\",\n  \"chart.treemap.dropZone.series.empty\": \"Drop a dimension for color grouping\"\n}\n"],"mappings":""}
+{"version":3,"file":"en-US-HP6FHuNy.js","names":[],"sources":["../../../src/i18n/locales/en-US.json"],"sourcesContent":["{\n  \"analysis.modes.flow.description\": \"Bidirectional path analysis with Sankey visualization\",\n\n  \"chart.area.description\": \"Emphasize magnitude of change over time\",\n  \"chart.radialBar.description\": \"Circular progress and KPI visualization\",\n  \"chart.treemap.description\": \"Visualize hierarchical data with nested rectangles\",\n  \"chart.activityGrid.description\": \"GitHub-style activity grid showing temporal patterns across different time scales\",\n  \"chart.activityGrid.useCase\": \"Best for visualizing activity patterns over time. Supports hour (3hr blocks × days), day (days × weeks), week (weeks × months), month (months × quarters), and quarter (quarters × years) granularities\",\n  \"chart.kpiText.description\": \"Display key performance indicators as customizable text\",\n  \"chart.funnel.useCase\": \"Best for visualizing user journey funnels, sales pipelines, or multi-step processes\",\n  \"chart.sankey.useCase\": \"Best for visualizing user journey flows, path analysis, or state transitions\",\n  \"chart.sunburst.useCase\": \"Best for visualizing forward paths from a starting event in a compact radial layout\",\n  \"chart.heatmap.description\": \"Visualize intensity across two dimensions\",\n  \"chart.retentionHeatmap.description\": \"Cohort retention matrix visualization\",\n  \"chart.retentionHeatmap.useCase\": \"Visualize user retention over time by cohort\",\n  \"chart.retentionCombined.description\": \"Combined retention visualization with line chart and heatmap modes\",\n  \"chart.retentionCombined.useCase\": \"Visualize user retention over time with optional breakdown segmentation\",\n  \"chart.measureProfile.description\": \"Plot N measures as sequential X-axis points to visualize a profile or shape across intervals\",\n  \"chart.gauge.useCase\": \"Best for high-water marks vs equity, margin utilization, or any single value progress toward a goal\",\n\n  \"chart.option.innerRadius.description\": \"Hollow center size (0% = solid pie, higher = donut style)\",\n  \"chart.option.bullColor.label\": \"Bullish Color\",\n  \"chart.option.bullColor.description\": \"Candle color when close ≥ open\",\n  \"chart.option.bearColor.label\": \"Bearish Color\",\n  \"chart.option.bearColor.description\": \"Candle color when close < open\",\n  \"chart.option.showCentreLabel.label\": \"Show Center Label\",\n  \"chart.option.showCentreLabel.description\": \"Display current value and field name in the center of the gauge\",\n  \"chart.option.accentBorder.description\": \"Add an accent-colored border on one side of the content\",\n\n  \"chart.recordsTable.columnFormats.badgeColours\": \"Value colors\",\n  \"chart.recordsTable.columnFormats.badgeColour\": \"Color\",\n\n  \"chart.scatter.dropZone.series.empty\": \"Drop a dimension to color points\",\n  \"chart.bubble.dropZone.colorField.empty\": \"Drop a field for bubble color (optional)\",\n  \"chart.treemap.dropZone.series.empty\": \"Drop a dimension for color grouping\"\n}\n"],"mappings":""}

package/dist/client/chunks/{nl-NL-CMXHDBr0.js → nl-NL-B9VnaVAm.js}

@@ -259,6 +259,9 @@ var e = {
 	"chart.table.label": "Gegevens Tabel",
 	"chart.table.description": "Weergave gedetailleerde tabular gegevens",
 	"chart.table.useCase": "Beste voor precise waarden, gedetailleerde analyse, sortable/filterable gegevens exploration",
+	"chart.recordsTable.label": "Recordstabel",
+	"chart.recordsTable.description": "Toon losse records met opmaak per kolom",
+	"chart.recordsTable.useCase": "Het beste voor het doorbladeren van detailrecords — badges, voortgangsbalken en links per kolom",
 	"chart.activityGrid.label": "Activiteit Raster",
 	"chart.activityGrid.description": "GitHub-stijl activiteitenraster dat temporele patronen over verschillende tijdschalen toont",
 	"chart.activityGrid.useCase": "Beste voor het visualiseren van activiteitspatronen in de tijd. Ondersteunt uur (3-uursblokken × dagen), dag (dagen × weken), week (weken × maanden), maand (maanden × kwartalen) en kwartaal (kwartalen × jaren) granulariteit",
@@ -295,6 +298,9 @@ var e = {
 	"chart.boxPlot.label": "Boxplot",
 	"chart.boxPlot.description": "Toon statistische verdeling (mediaan, IQR, whiskers) over categorieën",
 	"chart.boxPlot.useCase": "Beste voor P&L-spreiding per symbool, verdeling van handelsgrootte en latentieverdeling over platforms",
+	"chart.dotStrip.label": "Puntenstrookdiagram",
+	"chart.dotStrip.description": "Toon elke individuele waarde als een punt, gegroepeerd in categoriebanden",
+	"chart.dotStrip.useCase": "Beste voor het vergelijken van individuen binnen een groep — spreiding van output per team, salaris per schaal, latentie per endpoint",
 	"chart.waterfall.label": "Waterfall Grafiek",
 	"chart.waterfall.description": "Toon cumulative effect of sequential positive en negative waarden",
 	"chart.waterfall.useCase": "Beste voor P&L decomposition, cash flow analyse, budget variance, of elke sequential contribution breakdown",
@@ -352,6 +358,44 @@ var e = {
 	"chart.treemap.dropZone.yAxis.empty": "Sleep een meting voor grootte",
 	"chart.treemap.dropZone.series.empty": "Sleep een dimensie voor kleurgroepering",
 	"chart.table.dropZone.xAxis.empty": "Sleep velden om als kolommen weer te geven (of laat leeg voor alles)",
+	"chart.recordsTable.dropZone.columns.label": "Kolommen",
+	"chart.recordsTable.dropZone.columns.description": "Velden die als kolommen worden getoond, in deze volgorde",
+	"chart.recordsTable.dropZone.columns.empty": "Sleep velden hierheen om als kolom te tonen (of laat leeg voor alle)",
+	"chart.recordsTable.dropZone.hiddenColumns.label": "Verborgen velden",
+	"chart.recordsTable.dropZone.hiddenColumns.description": "Opgehaald voor rijcontext en links, maar nooit getoond",
+	"chart.recordsTable.dropZone.hiddenColumns.empty": "Sleep velden hierheen om ze op te halen zonder ze te tonen",
+	"chart.recordsTable.option.columnFormats.label": "Kolomopmaak",
+	"chart.recordsTable.option.columnFormats.description": "Kies hoe elke kolom zijn waarde weergeeft",
+	"chart.recordsTable.option.pageSize.label": "Rijen per pagina",
+	"chart.recordsTable.option.pageSize.description": "Hoeveel records tegelijk worden getoond",
+	"chart.recordsTable.option.pageSize.option.25": "25",
+	"chart.recordsTable.option.pageSize.option.50": "50",
+	"chart.recordsTable.option.pageSize.option.100": "100",
+	"chart.recordsTable.option.rowLink.label": "Rijlink",
+	"chart.recordsTable.option.rowLink.description": "Maak van elke rij een link. Gebruik {Cube.field}-tokens — verborgen velden werken ook. Alleen relatieve paden en http(s)-URL's.",
+	"chart.recordsTable.rowLink.urlTemplate": "URL-sjabloon",
+	"chart.recordsTable.rowLink.placeholder": "/employees/{Employees.id}",
+	"chart.recordsTable.rowLink.target.self": "Zelfde tabblad",
+	"chart.recordsTable.rowLink.target.blank": "Nieuw tabblad",
+	"chart.recordsTable.columnFormats.noColumns": "Wijs eerst kolommen toe — elke kolom kan hier daarna worden opgemaakt",
+	"chart.recordsTable.columnFormats.kind.text": "Tekst",
+	"chart.recordsTable.columnFormats.kind.number": "Getal",
+	"chart.recordsTable.columnFormats.kind.date": "Datum",
+	"chart.recordsTable.columnFormats.kind.badge": "Label",
+	"chart.recordsTable.columnFormats.kind.progress": "Voortgang",
+	"chart.recordsTable.columnFormats.numberFormat": "Getalopmaak",
+	"chart.recordsTable.columnFormats.granularity": "Granulariteit",
+	"chart.recordsTable.columnFormats.badgeColours": "Waardekleuren",
+	"chart.recordsTable.columnFormats.badgeColour": "Kleur",
+	"chart.recordsTable.columnFormats.badgeValue": "Waarde",
+	"chart.recordsTable.columnFormats.badgeAdd": "Waarde toevoegen",
+	"chart.recordsTable.columnFormats.badgeRemove": "Waarde verwijderen",
+	"chart.recordsTable.columnFormats.progressMin": "Minimum",
+	"chart.recordsTable.columnFormats.progressMax": "Maximum",
+	"chart.recordsTable.columnFormats.progressStyle": "Stijl",
+	"chart.recordsTable.columnFormats.progressStyle.bar": "Balk",
+	"chart.recordsTable.columnFormats.progressStyle.circle": "Cirkel",
+	"chart.recordsTable.columnFormats.header": "Kopregel",
 	"chart.activityGrid.dropZone.dateField.empty": "Sleep een tijdsdimensie (granulariteit beïnvloedt rasterstructuur)",
 	"chart.activityGrid.dropZone.valueField.empty": "Sleep een meting voor activiteitsintensiteit",
 	"chart.kpiNumber.dropZone.yAxis.empty": "Sleep een meting hierheen",
@@ -369,6 +413,15 @@ var e = {
 	"chart.heatmap.dropZone.valueField.empty": "Sleep één meting hierheen",
 	"chart.boxPlot.dropZone.xAxis.empty": "Sleep een dimensie hierheen",
 	"chart.boxPlot.dropZone.yAxis.empty": "Sleep 1, 3 of 5 metingen hierheen",
+	"chart.dotStrip.dropZone.xAxis.label": "Banden (rijen)",
+	"chart.dotStrip.dropZone.xAxis.description": "Dimensie die punten in rijen groepeert, bijv. team, schaal, regio",
+	"chart.dotStrip.dropZone.xAxis.empty": "Sleep een dimensie om op te groeperen",
+	"chart.dotStrip.dropZone.yAxis.label": "Waarde (horizontale positie)",
+	"chart.dotStrip.dropZone.yAxis.description": "Meting die elk punt langs de horizontale as positioneert",
+	"chart.dotStrip.dropZone.yAxis.empty": "Sleep een meting hierheen",
+	"chart.dotStrip.dropZone.series.label": "Puntidentiteit",
+	"chart.dotStrip.dropZone.series.description": "Dimensie die elk punt een eigen rij geeft — één punt per waarde, benoemd in de tooltip",
+	"chart.dotStrip.dropZone.series.empty": "Sleep een dimensie om in losse punten te splitsen",
 	"chart.waterfall.dropZone.xAxis.empty": "Sleep een dimensie hierheen",
 	"chart.waterfall.dropZone.yAxis.empty": "Sleep een meting hierheen",
 	"chart.candlestick.dropZone.xAxis.empty": "Sleep een tijd- of dimensie hierheen",
@@ -469,6 +522,23 @@ var e = {
 	"chart.option.showDataLabels.description": "Toon de waarde bij elk datapunt",
 	"chart.option.showReferenceLineAtZero.label": "Toon Zero Reference Lijn",
 	"chart.option.showReferenceLineAtZero.description": "Tekenen een dashed regel bij Y = 0",
+	"chart.option.showMedianMarker.label": "Mediaanmarkering tonen",
+	"chart.option.showMedianMarker.description": "Teken een streepje bij de mediaan van elke band",
+	"chart.option.showBandStats.label": "Bandstatistieken tonen",
+	"chart.option.showBandStats.description": "Toon het aantal punten en de spreiding naast elke bandnaam",
+	"chart.option.showExtremeLabels.label": "Uitersten labelen",
+	"chart.option.showExtremeLabels.description": "Benoem het laagste en hoogste punt in elke band",
+	"chart.option.dotSize.label": "Puntgrootte",
+	"chart.option.dotSize.description": "Grotere punten zijn beter zichtbaar maar spreiden de zwerm verder uit",
+	"chart.option.dotSize.small": "Klein",
+	"chart.option.dotSize.medium": "Middel",
+	"chart.option.dotSize.large": "Groot",
+	"chart.option.bandSort.label": "Bandvolgorde",
+	"chart.option.bandSort.description": "Hoe de banden van boven naar beneden worden geordend",
+	"chart.option.bandSort.none": "Queryvolgorde",
+	"chart.option.bandSort.valueDesc": "Hoogste mediaan eerst",
+	"chart.option.bandSort.valueAsc": "Laagste mediaan eerst",
+	"chart.option.bandSort.count": "Meeste punten eerst",
 	"chart.option.lineType.label": "Lijn Interpolation",
 	"chart.option.lineType.smooth": "Vloeiend (monotoon)",
 	"chart.option.lineType.linear": "Lineair",
@@ -749,6 +819,7 @@ var e = {
 	"server.validation.chart.barNeedsDimension": "Staafgrafieken hebben een xAxis-dimensie nodig voor categorielabels. Voeg een dimensie toe aan de query of gebruik in plaats daarvan het grafiektype \"table\".",
 	"server.validation.chart.barXAxisRequired": "chartConfig.xAxis is vereist voor staaf grafieken. Put een dimensie in xAxis so bars hebben categorie labels.",
 	"server.validation.chart.dropZoneRequired": "chartConfig.{key} is vereist voor {chartType} grafiek ({label}). Accepts: {acceptDesc}.",
+	"server.validation.chart.recordGrainNeedsUngrouped": "{chartType} toont één rij per record, dus de query moet \"ungrouped\": true instellen. Voeg dit toe aan de query en verwijder count/countDistinct metingen — die kunnen niet ongegroepeerd worden. Een ongegroepeerde query kan ook niet twee cubes omvatten die via hasMany verbonden zijn, dus beperk deze tot één cube plus zijn to-one joins.",
 	"server.validation.chart.seriesDuplicatesXAxis": "chartConfig.series mag niet hetzelfde veld bevatten als xAxis (gevonden: {duplicates}). Het series-veld is alleen bedoeld om te splitsen in gegroepeerde/gestapelde subseries met een ANDERE dimensie. Verwijder het duplicaat uit series.",
 	"server.validation.flow.bindingKeyCubeNotFound": "Koppeling sleutel cube niet gevonden: {cubeName}",
 	"server.validation.flow.bindingKeyDimNotFound": "Koppeling sleutel dimensie niet gevonden: {dimName} in cube {cubeName}",
@@ -958,6 +1029,7 @@ var e = {
 	"chart.runtime.noDataHint.treemap": "Geen datapunten om weer te geven in boomkaart",
 	"chart.runtime.noDataHint.bubble": "Geen datapunten om weer te geven in bellendiagram",
 	"chart.runtime.noDataHint.boxPlot": "Geen datapunten om weer te geven in boxplot",
+	"chart.runtime.noDataHint.dotStrip": "Geen gegevenspunten om te tonen in het puntenstrookdiagram",
 	"chart.runtime.noDataHint.waterfall": "Geen datapunten om weer te geven in watervalgrafiek",
 	"chart.runtime.noDataHint.candlestick": "Geen datapunten om weer te geven in candlestickgrafiek",
 	"chart.runtime.noDataHint.gauge": "Geen datapunten om weer te geven in meterdiagram",
@@ -980,6 +1052,14 @@ var e = {
 	"chart.runtime.noValidDataHint.pie": "Geen datapunten om weer te geven in cirkeldiagram",
 	"chart.runtime.noValidDataHint.pieFiltered": "Uitgefilterd {count} gegevens punten (zero van ongeldig waarden)",
 	"chart.runtime.noValidDataHint.boxPlot": "Kon boxplotstatistieken niet berekenen uit de opgegeven gegevens",
+	"chart.runtime.noValidDataHint.dotStrip": "Geen geldige numerieke waarden voor het puntenstrookdiagram",
+	"chart.runtime.configErrorHint.dotStrip": "Een puntenstrookdiagram heeft een dimensie om op te groeperen en één meting nodig",
+	"chart.runtime.dotStrip.unlabelledBand": "(geen waarde)",
+	"chart.runtime.dotStrip.count": "n={count}",
+	"chart.runtime.dotStrip.countTruncated": "n={count}+",
+	"chart.runtime.dotStrip.noDataRecorded": "geen gegevens vastgelegd",
+	"chart.runtime.dotStrip.spread": "spreiding {spread}×",
+	"chart.runtime.dotStrip.truncated": "De eerste {max} banden worden getoond",
 	"chart.runtime.noValidDataHint.gauge": "Gauge-waarde is geen geldig getal",
 	"chart.runtime.noValidDataHint.kpiText": "Alle waarden are null of ongeldig",
 	"chart.runtime.configError": "Configuratiefout",
@@ -1004,6 +1084,11 @@ var e = {
 	"chart.runtime.responsiveContainerError": "Maken van responsieve container mislukt",
 	"chart.runtime.noDataToDisplay": "Geen gegevens om weer te geven",
 	"chart.runtime.table.invalidStructure": "Gegevens structure is ongeldig",
+	"chart.runtime.recordsTable.noColumns": "Geen kolommen beschikbaar",
+	"chart.runtime.recordsTable.rowRange": "{from}–{to} van {total}",
+	"chart.runtime.recordsTable.pageOf": "Pagina {page} van {pages}",
+	"chart.runtime.recordsTable.previousPage": "Vorige pagina",
+	"chart.runtime.recordsTable.nextPage": "Volgende pagina",
 	"chart.runtime.heatmapNoResults": "De query retourneerde geen resultaten voor de heatmap",
 	"chart.runtime.heatmapConfigRequired": "Configuratie vereist",
 	"chart.runtime.heatmapXRequired": "X-asdimensie vereist.",
@@ -1050,6 +1135,8 @@ var e = {
 	"chart.runtime.axisFormat.prefixExample": "bijv., $",
 	"chart.runtime.axisFormat.suffix": "Achtervoegsel",
 	"chart.runtime.axisFormat.suffixExample": "bijv., eenheden",
+	"chart.runtime.axisFormat.currencyCode": "Valutacode",
+	"chart.runtime.axisFormat.currencyCodeHint": "Laat leeg om de landinstelling van de kijker te volgen",
 	"chart.runtime.axisFormat.abbreviation": "Afkorting",
 	"chart.runtime.axisFormat.yes": "Ja",
 	"chart.runtime.axisFormat.no": "Nee",
@@ -1455,6 +1542,7 @@ var e = {
 	"portlet.invalidQuery": "Ongeldig query of no results",
 	"portlet.unsupportedChartType": "Unsupported grafiek type",
 	"portlet.unableToRender": "Kan niet renderen grafiek",
+	"portlet.droppedMembers": "Verborgen — niet meer in het model: {members}",
 	"portlet.enterTitle": "Enter portlet title...",
 	"portlet.enterPortletTitle": "Voer een titel in voor de portlet.",
 	"portlet.configureQuery": "Configureer een query voordat je opslaat.",
@@ -1578,4 +1666,4 @@ var e = {
 //#endregion
 export { e as default };
 
-//# sourceMappingURL=nl-NL-CMXHDBr0.js.map
+//# sourceMappingURL=nl-NL-B9VnaVAm.js.map