@fusedashlabs/widgets 0.2.0

package/dist/utils/chart-formatting/getUniversalFormatting.js

@@ -0,0 +1,29 @@
+import { getFormattingKeys } from "./getFormattingKeys.js";
+const DEFAULT_FORMATTING = [
+  { key: "default", color: "1" }
+];
+function isSameFormatting(existing, keys) {
+  if (!Array.isArray(existing) || existing.length !== keys.length) {
+    return false;
+  }
+  const existingKeys = new Set(existing.map((e) => e.key));
+  return keys.every((k) => existingKeys.has(k));
+}
+function getUniversalFormatting(input) {
+  const keys = getFormattingKeys(input);
+  if (keys.length === 0) {
+    return DEFAULT_FORMATTING;
+  }
+  const existing = input.existingFormatting;
+  if ((existing == null ? void 0 : existing.length) && isSameFormatting(existing, keys)) {
+    return existing;
+  }
+  return keys.map((key, index) => ({
+    key,
+    color: String(index % 12 + 1)
+  }));
+}
+export {
+  getUniversalFormatting
+};
+//# sourceMappingURL=getUniversalFormatting.js.map

package/dist/utils/chart-formatting/getUniversalFormatting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUniversalFormatting.js","sources":["../../../src/utils/chart-formatting/getUniversalFormatting.ts"],"sourcesContent":["import { getFormattingKeys } from './getFormattingKeys.js';\nimport type {\n  ChartFormattingItem,\n  UniversalFormattingInput,\n} from './types.js';\n\nconst DEFAULT_FORMATTING: ChartFormattingItem[] = [\n  { key: 'default', color: '1' },\n];\n\nfunction isSameFormatting(\n  existing: { key: string }[],\n  keys: string[],\n): boolean {\n  if (!Array.isArray(existing) || existing.length !== keys.length) {\n    return false;\n  }\n  const existingKeys = new Set(existing.map((e) => e.key));\n  return keys.every((k) => existingKeys.has(k));\n}\n\n/**\n * Returns formatting (key + color index 1–12) for a chart.\n * Uses groupBy/uniqueValues/data from input; preserves existingFormatting when keys match.\n */\nexport function getUniversalFormatting(\n  input: UniversalFormattingInput,\n): ChartFormattingItem[] {\n  const keys = getFormattingKeys(input);\n\n  if (keys.length === 0) {\n    return DEFAULT_FORMATTING;\n  }\n\n  const existing = input.existingFormatting;\n  if (existing?.length && isSameFormatting(existing, keys)) {\n    return existing;\n  }\n\n  return keys.map((key, index) => ({\n    key,\n    color: String((index % 12) + 1),\n  }));\n}\n"],"names":[],"mappings":";AAMA,MAAM,qBAA4C;AAAA,EAChD,EAAE,KAAK,WAAW,OAAO,IAAA;AAC3B;AAEA,SAAS,iBACP,UACA,MACS;AACT,MAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,SAAS,WAAW,KAAK,QAAQ;AAC/D,WAAO;AAAA,EACT;AACA,QAAM,eAAe,IAAI,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;AACvD,SAAO,KAAK,MAAM,CAAC,MAAM,aAAa,IAAI,CAAC,CAAC;AAC9C;AAMO,SAAS,uBACd,OACuB;AACvB,QAAM,OAAO,kBAAkB,KAAK;AAEpC,MAAI,KAAK,WAAW,GAAG;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,WAAW,MAAM;AACvB,OAAI,qCAAU,WAAU,iBAAiB,UAAU,IAAI,GAAG;AACxD,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,IAAI,CAAC,KAAK,WAAW;AAAA,IAC/B;AAAA,IACA,OAAO,OAAQ,QAAQ,KAAM,CAAC;AAAA,EAAA,EAC9B;AACJ;"}

package/dist/utils/chart-formatting/getUniversalMarkers.d.ts

@@ -0,0 +1,8 @@
+import { ChartMarkerItem, UniversalFormattingInput } from './types.js';
+/**
+ * Returns markers (key + shape) for a chart.
+ * Only lineChart, areaChart, lollipopChart, radarChart, scatterplotChart (and qqPlot)
+ * support markers; all other chart types get empty array.
+ */
+export declare function getUniversalMarkers(input: UniversalFormattingInput): ChartMarkerItem[];
+//# sourceMappingURL=getUniversalMarkers.d.ts.map

package/dist/utils/chart-formatting/getUniversalMarkers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUniversalMarkers.d.ts","sourceRoot":"","sources":["../../../src/utils/chart-formatting/getUniversalMarkers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EAEf,wBAAwB,EACzB,MAAM,YAAY,CAAC;AAyCpB;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,eAAe,EAAE,CAqBnB"}

package/dist/utils/chart-formatting/getUniversalMarkers.js

@@ -0,0 +1,57 @@
+import { getFormattingKeys } from "./getFormattingKeys.js";
+const CHARTS_WITH_MARKERS = /* @__PURE__ */ new Set([
+  "lineChart",
+  "areaChart",
+  "lollipopChart",
+  "radarChart",
+  "scatterplotChart",
+  "qqPlot"
+]);
+const MARKER_SHAPES = [
+  "donut",
+  "circle",
+  "square",
+  "rhombus",
+  "triangle",
+  "cross"
+];
+function defaultShapeForChartType(chartType) {
+  switch (chartType) {
+    case "scatterplotChart":
+    case "qqPlot":
+      return "circle";
+    case "lollipopChart":
+      return "rhombus";
+    default:
+      return "donut";
+  }
+}
+function isSameMarkers(existing, keys) {
+  if (!Array.isArray(existing) || existing.length !== keys.length) {
+    return false;
+  }
+  const existingKeys = new Set(existing.map((e) => e.key));
+  return keys.every((k) => existingKeys.has(k));
+}
+function getUniversalMarkers(input) {
+  if (!CHARTS_WITH_MARKERS.has(input.chartType)) {
+    return [];
+  }
+  const keys = getFormattingKeys(input);
+  if (keys.length === 0) {
+    const shape = defaultShapeForChartType(input.chartType);
+    return [{ key: "default", shape }];
+  }
+  const existing = input.existingMarkers;
+  if ((existing == null ? void 0 : existing.length) && isSameMarkers(existing, keys)) {
+    return existing;
+  }
+  return keys.map((key, index) => ({
+    key,
+    shape: MARKER_SHAPES[index % MARKER_SHAPES.length]
+  }));
+}
+export {
+  getUniversalMarkers
+};
+//# sourceMappingURL=getUniversalMarkers.js.map

package/dist/utils/chart-formatting/getUniversalMarkers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUniversalMarkers.js","sources":["../../../src/utils/chart-formatting/getUniversalMarkers.ts"],"sourcesContent":["import { getFormattingKeys } from './getFormattingKeys.js';\nimport type {\n  ChartMarkerItem,\n  ChartMarkerShape,\n  UniversalFormattingInput,\n} from './types.js';\n\n/** Chart types that support markers. All others get empty array. */\nconst CHARTS_WITH_MARKERS = new Set([\n  'lineChart',\n  'areaChart',\n  'lollipopChart',\n  'radarChart',\n  'scatterplotChart',\n  'qqPlot',\n]);\n\nconst MARKER_SHAPES: ChartMarkerShape[] = [\n  'donut',\n  'circle',\n  'square',\n  'rhombus',\n  'triangle',\n  'cross',\n];\n\nfunction defaultShapeForChartType(chartType: string): ChartMarkerShape {\n  switch (chartType) {\n    case 'scatterplotChart':\n    case 'qqPlot':\n      return 'circle';\n    case 'lollipopChart':\n      return 'rhombus';\n    default:\n      return 'donut';\n  }\n}\n\nfunction isSameMarkers(existing: { key: string }[], keys: string[]): boolean {\n  if (!Array.isArray(existing) || existing.length !== keys.length) {\n    return false;\n  }\n  const existingKeys = new Set(existing.map((e) => e.key));\n  return keys.every((k) => existingKeys.has(k));\n}\n\n/**\n * Returns markers (key + shape) for a chart.\n * Only lineChart, areaChart, lollipopChart, radarChart, scatterplotChart (and qqPlot)\n * support markers; all other chart types get empty array.\n */\nexport function getUniversalMarkers(\n  input: UniversalFormattingInput,\n): ChartMarkerItem[] {\n  if (!CHARTS_WITH_MARKERS.has(input.chartType)) {\n    return [];\n  }\n\n  const keys = getFormattingKeys(input);\n\n  if (keys.length === 0) {\n    const shape = defaultShapeForChartType(input.chartType);\n    return [{ key: 'default', shape }];\n  }\n\n  const existing = input.existingMarkers as ChartMarkerItem[] | undefined;\n  if (existing?.length && isSameMarkers(existing, keys)) {\n    return existing;\n  }\n\n  return keys.map((key, index) => ({\n    key,\n    shape: MARKER_SHAPES[index % MARKER_SHAPES.length],\n  }));\n}\n"],"names":[],"mappings":";AAQA,MAAM,0CAA0B,IAAI;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,MAAM,gBAAoC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,yBAAyB,WAAqC;AACrE,UAAQ,WAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEA,SAAS,cAAc,UAA6B,MAAyB;AAC3E,MAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,SAAS,WAAW,KAAK,QAAQ;AAC/D,WAAO;AAAA,EACT;AACA,QAAM,eAAe,IAAI,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;AACvD,SAAO,KAAK,MAAM,CAAC,MAAM,aAAa,IAAI,CAAC,CAAC;AAC9C;AAOO,SAAS,oBACd,OACmB;AACnB,MAAI,CAAC,oBAAoB,IAAI,MAAM,SAAS,GAAG;AAC7C,WAAO,CAAA;AAAA,EACT;AAEA,QAAM,OAAO,kBAAkB,KAAK;AAEpC,MAAI,KAAK,WAAW,GAAG;AACrB,UAAM,QAAQ,yBAAyB,MAAM,SAAS;AACtD,WAAO,CAAC,EAAE,KAAK,WAAW,OAAO;AAAA,EACnC;AAEA,QAAM,WAAW,MAAM;AACvB,OAAI,qCAAU,WAAU,cAAc,UAAU,IAAI,GAAG;AACrD,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,IAAI,CAAC,KAAK,WAAW;AAAA,IAC/B;AAAA,IACA,OAAO,cAAc,QAAQ,cAAc,MAAM;AAAA,EAAA,EACjD;AACJ;"}

package/dist/utils/chart-formatting/index.d.ts

@@ -0,0 +1,6 @@
+export { getUniversalFormatting } from './getUniversalFormatting.js';
+export { getUniversalMarkers } from './getUniversalMarkers.js';
+export { getFormattingKeys } from './getFormattingKeys.js';
+export { formattingInputFromWidget, resolveWidgetFormatting, resolveWidgetMarkers, } from './from-fuse-widget.js';
+export type { UniversalFormattingInput, ChartFormattingItem, ChartMarkerItem, ChartMarkerShape, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/chart-formatting/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/chart-formatting/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,wBAAwB,EACxB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,YAAY,CAAC"}

package/dist/utils/chart-formatting/types.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Input for universal chart formatting and markers.
+ * Ported from mcp-ui `helpers/chartFormatting` — used to derive formatting (colors)
+ * and markers (shapes) from groupBy / uniqueValues / data.
+ */
+export interface UniversalFormattingInput {
+    /** Chart type (e.g. lineChart, barChart, pieChart, scatterplotChart). */
+    chartType: string;
+    /** Primary grouping field (e.g. groupBy[0]). For pie/donut use xAxe[0]. */
+    groupByField?: string | null;
+    /** Unique values per field — main source for keys. */
+    uniqueValues?: Record<string, string[]>;
+    /** Raw data; used to derive keys when uniqueValues[groupByField] is missing. */
+    data?: Record<string, unknown>[];
+    /** First x-axis field; used for pie/donut or as fallback. */
+    xAxeField?: string;
+    /** Existing formatting — if keys match, returned as-is. */
+    existingFormatting?: {
+        key: string;
+        color: string;
+    }[];
+    /** Existing markers — if keys match, returned as-is. */
+    existingMarkers?: {
+        key: string;
+        shape: string;
+    }[];
+}
+/** One formatting entry (color index 1–12). Compatible with FuseDash IFormatting. */
+export interface ChartFormattingItem {
+    key: string;
+    color: string;
+}
+/** Marker shape. Aligned with FuseDash IMarkers. */
+export type ChartMarkerShape = 'donut' | 'circle' | 'square' | 'rhombus' | 'triangle' | 'cross';
+/** One marker entry. Compatible with FuseDash IMarkersType. */
+export interface ChartMarkerItem {
+    key: string;
+    shape: ChartMarkerShape;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/utils/chart-formatting/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/chart-formatting/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,yEAAyE;IACzE,SAAS,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACxC,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACjC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtD,wDAAwD;IACxD,eAAe,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACpD;AAED,qFAAqF;AACrF,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oDAAoD;AACpD,MAAM,MAAM,gBAAgB,GACxB,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,UAAU,GACV,OAAO,CAAC;AAEZ,+DAA+D;AAC/D,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,gBAAgB,CAAC;CACzB"}

package/dist/utils/chart-helpers.d.ts

@@ -0,0 +1,53 @@
+import { ChartDimensions, WidgetScale } from '../types/index.js';
+export declare function parseJsonAttr<T>(raw: string | null, fallback: T): T;
+export declare function getDimensions(container: HTMLElement, scale?: WidgetScale): ChartDimensions;
+/** FuseDash LineChart new-design frame */
+export declare function getLineChartDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash RadarChart frame */
+export declare function getRadarDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash Lollipop frame */
+export declare function getLollipopDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash PunchcardChart frame */
+export declare function getPunchcardDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash StepLineChart frame */
+export declare function getStepLineDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash SparkLineChart frame */
+export declare function getSparkLineDimensions(container: HTMLElement): ChartDimensions;
+/**
+ * FuseDash Barchart frame. `scale` stands in for the Redux `getWidgetScale`
+ * factor: it tightens or loosens the frame around the plot rather than zooming
+ * the whole SVG, which is what the fixed-size chat host needs.
+ */
+export declare function getBarChartDimensions(container: HTMLElement, scale?: WidgetScale): ChartDimensions;
+/**
+ * FuseDash DonutGroupChart frame. `scale` stands in for the Redux
+ * `getWidgetScale` factor: it loosens or tightens the gutter around the row of
+ * donuts rather than zooming the whole SVG.
+ */
+export declare function getDonutGroupDimensions(container: HTMLElement, scale?: WidgetScale): ChartDimensions;
+/** FuseDash BoxPlotChart frame */
+export declare function getBoxPlotDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash ViolinChart frame — margins differ by orientation. */
+export declare function getViolinDimensions(container: HTMLElement, orientation?: 'vertical' | 'horizontal'): ChartDimensions;
+/** FuseDash HistogramChart frame */
+export declare function getHistogramDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash WaterfallChart frame — margins differ by orientation. */
+export declare function getWaterfallDimensions(container: HTMLElement, orientation?: 'vertical' | 'horizontal'): ChartDimensions;
+/** FuseDash ScatterPlot frame */
+export declare function getScatterPlotDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash BubbleChart frame — top/right inset for max bubble radius. */
+export declare function getBubbleChartDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash PieChart frame — square plot area, zero SVG margin */
+export declare function getPieDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash AreaChart frame (same as LineChart new design) */
+export declare function getAreaChartDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash AreaGroupedBarChart frame */
+export declare function getAreaGroupedBarChartDimensions(container: HTMLElement): ChartDimensions;
+/** FuseDash Sankey frame — the layout insets itself, so there is no margin. */
+export declare function getSankeyDimensions(container: HTMLElement): {
+    width: number;
+    height: number;
+};
+/** FuseDash Qualitative2Colors1 (+ extras) */
+export declare const CHART_COLORS: ("#473DD9" | "#36C4A5" | "#938CFF" | "#ADF4E5" | "#BDBCC8" | "#56546D" | "#FF8C47" | "#FFCEB0" | "#FF4781" | "#FFB0C9" | "#47B0FF" | "#B0DDFF")[];
+//# sourceMappingURL=chart-helpers.d.ts.map

package/dist/utils/chart-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-helpers.d.ts","sourceRoot":"","sources":["../../src/utils/chart-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAItE,wBAAgB,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAOnE;AAED,wBAAgB,aAAa,CAC3B,SAAS,EAAE,WAAW,EACtB,KAAK,GAAE,WAAuB,GAC7B,eAAe,CASjB;AAED,0CAA0C;AAC1C,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAM9E;AAED,gCAAgC;AAChC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAM1E;AAED,8BAA8B;AAC9B,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAM7E;AAED,oCAAoC;AACpC,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAM9E;AAED,mCAAmC;AACnC,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAM7E;AAED,oCAAoC;AACpC,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAM9E;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,WAAW,EACtB,KAAK,GAAE,WAAuB,GAC7B,eAAe,CAajB;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,WAAW,EACtB,KAAK,GAAE,WAAuB,GAC7B,eAAe,CAajB;AAED,kCAAkC;AAClC,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAM5E;AAED,kEAAkE;AAClE,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,WAAW,EACtB,WAAW,GAAE,UAAU,GAAG,YAAyB,GAClD,eAAe,CAUjB;AAED,oCAAoC;AACpC,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAM9E;AAED,qEAAqE;AACrE,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,WAAW,EACtB,WAAW,GAAE,UAAU,GAAG,YAA2B,GACpD,eAAe,CAUjB;AAED,iCAAiC;AACjC,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAMhF;AAED,0EAA0E;AAC1E,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAahF;AAED,kEAAkE;AAClE,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAMxE;AAED,8DAA8D;AAC9D,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAE9E;AAED,yCAAyC;AACzC,wBAAgB,gCAAgC,CAAC,SAAS,EAAE,WAAW,GAAG,eAAe,CAMxF;AAED,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,WAAW,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAKA;AAED,8CAA8C;AAC9C,eAAO,MAAM,YAAY,mJAAiB,CAAC"}

package/dist/utils/chart-helpers.js

@@ -0,0 +1,178 @@
+import { SCALE_PADDING } from "../types/index.js";
+import { FD } from "./fusedash-visual.js";
+function parseJsonAttr(raw, fallback) {
+  if (!raw) return fallback;
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return fallback;
+  }
+}
+function getLineChartDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.lineMargin }
+  };
+}
+function getRadarDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.radarMargin }
+  };
+}
+function getLollipopDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.lollipopMargin }
+  };
+}
+function getPunchcardDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.punchcardMargin }
+  };
+}
+function getStepLineDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.stepLineMargin }
+  };
+}
+function getSparkLineDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.sparkLineMargin }
+  };
+}
+function getBarChartDimensions(container, scale = "default") {
+  const delta = SCALE_PADDING[scale] - SCALE_PADDING.default;
+  const base = FD.barMargin;
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: {
+      top: Math.max(base.top + delta, 0),
+      right: base.right,
+      bottom: Math.max(base.bottom + delta, 8),
+      left: Math.max(base.left + delta, 24)
+    }
+  };
+}
+function getDonutGroupDimensions(container, scale = "default") {
+  const delta = SCALE_PADDING[scale] - SCALE_PADDING.default;
+  const base = FD.donutMargin;
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: {
+      top: Math.max(base.top + delta, 0),
+      right: Math.max(base.right + delta, 0),
+      bottom: Math.max(base.bottom + delta, 0),
+      left: Math.max(base.left + delta, 0)
+    }
+  };
+}
+function getBoxPlotDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.boxPlotMargin }
+  };
+}
+function getViolinDimensions(container, orientation = "vertical") {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: {
+      ...orientation === "horizontal" ? FD.violinHorizontalMargin : FD.violinVerticalMargin
+    }
+  };
+}
+function getHistogramDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.histogramMargin }
+  };
+}
+function getWaterfallDimensions(container, orientation = "horizontal") {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: {
+      ...orientation === "vertical" ? FD.waterfallVerticalMargin : FD.waterfallHorizontalMargin
+    }
+  };
+}
+function getScatterPlotDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.scatterMargin }
+  };
+}
+function getBubbleChartDimensions(container) {
+  const inset = FD.bubbleMaxRadius / 2 + 1;
+  const base = FD.bubbleBaseMargin;
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: {
+      top: base.top + inset,
+      right: base.right + inset,
+      bottom: base.bottom,
+      left: base.left
+    }
+  };
+}
+function getPieDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.pieMargin }
+  };
+}
+function getAreaChartDimensions(container) {
+  return getLineChartDimensions(container);
+}
+function getAreaGroupedBarChartDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300,
+    margin: { ...FD.areaGroupedBarMargin }
+  };
+}
+function getSankeyDimensions(container) {
+  return {
+    width: container.clientWidth || 400,
+    height: container.clientHeight || 300
+  };
+}
+export {
+  getAreaChartDimensions,
+  getAreaGroupedBarChartDimensions,
+  getBarChartDimensions,
+  getBoxPlotDimensions,
+  getBubbleChartDimensions,
+  getDonutGroupDimensions,
+  getHistogramDimensions,
+  getLineChartDimensions,
+  getLollipopDimensions,
+  getPieDimensions,
+  getPunchcardDimensions,
+  getRadarDimensions,
+  getSankeyDimensions,
+  getScatterPlotDimensions,
+  getSparkLineDimensions,
+  getStepLineDimensions,
+  getViolinDimensions,
+  getWaterfallDimensions,
+  parseJsonAttr
+};
+//# sourceMappingURL=chart-helpers.js.map

package/dist/utils/chart-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-helpers.js","sources":["../../src/utils/chart-helpers.ts"],"sourcesContent":["import type { ChartDimensions, WidgetScale } from '../types/index.js';\nimport { SCALE_PADDING } from '../types/index.js';\nimport { FD } from './fusedash-visual.js';\n\nexport function parseJsonAttr<T>(raw: string | null, fallback: T): T {\n  if (!raw) return fallback;\n  try {\n    return JSON.parse(raw) as T;\n  } catch {\n    return fallback;\n  }\n}\n\nexport function getDimensions(\n  container: HTMLElement,\n  scale: WidgetScale = 'default',\n): ChartDimensions {\n  const padding = SCALE_PADDING[scale];\n  const width = container.clientWidth || 400;\n  const height = container.clientHeight || 300;\n  return {\n    width,\n    height,\n    margin: { top: padding, right: padding, bottom: padding + 16, left: padding + 32 },\n  };\n}\n\n/** FuseDash LineChart new-design frame */\nexport function getLineChartDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.lineMargin },\n  };\n}\n\n/** FuseDash RadarChart frame */\nexport function getRadarDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.radarMargin },\n  };\n}\n\n/** FuseDash Lollipop frame */\nexport function getLollipopDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.lollipopMargin },\n  };\n}\n\n/** FuseDash PunchcardChart frame */\nexport function getPunchcardDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.punchcardMargin },\n  };\n}\n\n/** FuseDash StepLineChart frame */\nexport function getStepLineDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.stepLineMargin },\n  };\n}\n\n/** FuseDash SparkLineChart frame */\nexport function getSparkLineDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.sparkLineMargin },\n  };\n}\n\n/**\n * FuseDash Barchart frame. `scale` stands in for the Redux `getWidgetScale`\n * factor: it tightens or loosens the frame around the plot rather than zooming\n * the whole SVG, which is what the fixed-size chat host needs.\n */\nexport function getBarChartDimensions(\n  container: HTMLElement,\n  scale: WidgetScale = 'default',\n): ChartDimensions {\n  const delta = SCALE_PADDING[scale] - SCALE_PADDING.default;\n  const base = FD.barMargin;\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: {\n      top: Math.max(base.top + delta, 0),\n      right: base.right,\n      bottom: Math.max(base.bottom + delta, 8),\n      left: Math.max(base.left + delta, 24),\n    },\n  };\n}\n\n/**\n * FuseDash DonutGroupChart frame. `scale` stands in for the Redux\n * `getWidgetScale` factor: it loosens or tightens the gutter around the row of\n * donuts rather than zooming the whole SVG.\n */\nexport function getDonutGroupDimensions(\n  container: HTMLElement,\n  scale: WidgetScale = 'default',\n): ChartDimensions {\n  const delta = SCALE_PADDING[scale] - SCALE_PADDING.default;\n  const base = FD.donutMargin;\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: {\n      top: Math.max(base.top + delta, 0),\n      right: Math.max(base.right + delta, 0),\n      bottom: Math.max(base.bottom + delta, 0),\n      left: Math.max(base.left + delta, 0),\n    },\n  };\n}\n\n/** FuseDash BoxPlotChart frame */\nexport function getBoxPlotDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.boxPlotMargin },\n  };\n}\n\n/** FuseDash ViolinChart frame — margins differ by orientation. */\nexport function getViolinDimensions(\n  container: HTMLElement,\n  orientation: 'vertical' | 'horizontal' = 'vertical',\n): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: {\n      ...(orientation === 'horizontal'\n        ? FD.violinHorizontalMargin\n        : FD.violinVerticalMargin),\n    },\n  };\n}\n\n/** FuseDash HistogramChart frame */\nexport function getHistogramDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.histogramMargin },\n  };\n}\n\n/** FuseDash WaterfallChart frame — margins differ by orientation. */\nexport function getWaterfallDimensions(\n  container: HTMLElement,\n  orientation: 'vertical' | 'horizontal' = 'horizontal',\n): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: {\n      ...(orientation === 'vertical'\n        ? FD.waterfallVerticalMargin\n        : FD.waterfallHorizontalMargin),\n    },\n  };\n}\n\n/** FuseDash ScatterPlot frame */\nexport function getScatterPlotDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.scatterMargin },\n  };\n}\n\n/** FuseDash BubbleChart frame — top/right inset for max bubble radius. */\nexport function getBubbleChartDimensions(container: HTMLElement): ChartDimensions {\n  const inset = FD.bubbleMaxRadius / 2 + 1;\n  const base = FD.bubbleBaseMargin;\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: {\n      top: base.top + inset,\n      right: base.right + inset,\n      bottom: base.bottom,\n      left: base.left,\n    },\n  };\n}\n\n/** FuseDash PieChart frame — square plot area, zero SVG margin */\nexport function getPieDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.pieMargin },\n  };\n}\n\n/** FuseDash AreaChart frame (same as LineChart new design) */\nexport function getAreaChartDimensions(container: HTMLElement): ChartDimensions {\n  return getLineChartDimensions(container);\n}\n\n/** FuseDash AreaGroupedBarChart frame */\nexport function getAreaGroupedBarChartDimensions(container: HTMLElement): ChartDimensions {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n    margin: { ...FD.areaGroupedBarMargin },\n  };\n}\n\n/** FuseDash Sankey frame — the layout insets itself, so there is no margin. */\nexport function getSankeyDimensions(container: HTMLElement): {\n  width: number;\n  height: number;\n} {\n  return {\n    width: container.clientWidth || 400,\n    height: container.clientHeight || 300,\n  };\n}\n\n/** FuseDash Qualitative2Colors1 (+ extras) */\nexport const CHART_COLORS = [...FD.series];\n"],"names":[],"mappings":";;AAIO,SAAS,cAAiB,KAAoB,UAAgB;AACnE,MAAI,CAAC,IAAK,QAAO;AACjB,MAAI;AACF,WAAO,KAAK,MAAM,GAAG;AAAA,EACvB,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAiBO,SAAS,uBAAuB,WAAyC;AAC9E,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,WAAA;AAAA,EAAW;AAE/B;AAGO,SAAS,mBAAmB,WAAyC;AAC1E,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,YAAA;AAAA,EAAY;AAEhC;AAGO,SAAS,sBAAsB,WAAyC;AAC7E,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,eAAA;AAAA,EAAe;AAEnC;AAGO,SAAS,uBAAuB,WAAyC;AAC9E,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,gBAAA;AAAA,EAAgB;AAEpC;AAGO,SAAS,sBAAsB,WAAyC;AAC7E,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,eAAA;AAAA,EAAe;AAEnC;AAGO,SAAS,uBAAuB,WAAyC;AAC9E,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,gBAAA;AAAA,EAAgB;AAEpC;AAOO,SAAS,sBACd,WACA,QAAqB,WACJ;AACjB,QAAM,QAAQ,cAAc,KAAK,IAAI,cAAc;AACnD,QAAM,OAAO,GAAG;AAChB,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ;AAAA,MACN,KAAK,KAAK,IAAI,KAAK,MAAM,OAAO,CAAC;AAAA,MACjC,OAAO,KAAK;AAAA,MACZ,QAAQ,KAAK,IAAI,KAAK,SAAS,OAAO,CAAC;AAAA,MACvC,MAAM,KAAK,IAAI,KAAK,OAAO,OAAO,EAAE;AAAA,IAAA;AAAA,EACtC;AAEJ;AAOO,SAAS,wBACd,WACA,QAAqB,WACJ;AACjB,QAAM,QAAQ,cAAc,KAAK,IAAI,cAAc;AACnD,QAAM,OAAO,GAAG;AAChB,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ;AAAA,MACN,KAAK,KAAK,IAAI,KAAK,MAAM,OAAO,CAAC;AAAA,MACjC,OAAO,KAAK,IAAI,KAAK,QAAQ,OAAO,CAAC;AAAA,MACrC,QAAQ,KAAK,IAAI,KAAK,SAAS,OAAO,CAAC;AAAA,MACvC,MAAM,KAAK,IAAI,KAAK,OAAO,OAAO,CAAC;AAAA,IAAA;AAAA,EACrC;AAEJ;AAGO,SAAS,qBAAqB,WAAyC;AAC5E,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,cAAA;AAAA,EAAc;AAElC;AAGO,SAAS,oBACd,WACA,cAAyC,YACxB;AACjB,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ;AAAA,MACN,GAAI,gBAAgB,eAChB,GAAG,yBACH,GAAG;AAAA,IAAA;AAAA,EACT;AAEJ;AAGO,SAAS,uBAAuB,WAAyC;AAC9E,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,gBAAA;AAAA,EAAgB;AAEpC;AAGO,SAAS,uBACd,WACA,cAAyC,cACxB;AACjB,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ;AAAA,MACN,GAAI,gBAAgB,aAChB,GAAG,0BACH,GAAG;AAAA,IAAA;AAAA,EACT;AAEJ;AAGO,SAAS,yBAAyB,WAAyC;AAChF,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,cAAA;AAAA,EAAc;AAElC;AAGO,SAAS,yBAAyB,WAAyC;AAChF,QAAM,QAAQ,GAAG,kBAAkB,IAAI;AACvC,QAAM,OAAO,GAAG;AAChB,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ;AAAA,MACN,KAAK,KAAK,MAAM;AAAA,MAChB,OAAO,KAAK,QAAQ;AAAA,MACpB,QAAQ,KAAK;AAAA,MACb,MAAM,KAAK;AAAA,IAAA;AAAA,EACb;AAEJ;AAGO,SAAS,iBAAiB,WAAyC;AACxE,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,UAAA;AAAA,EAAU;AAE9B;AAGO,SAAS,uBAAuB,WAAyC;AAC9E,SAAO,uBAAuB,SAAS;AACzC;AAGO,SAAS,iCAAiC,WAAyC;AACxF,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,IAClC,QAAQ,EAAE,GAAG,GAAG,qBAAA;AAAA,EAAqB;AAEzC;AAGO,SAAS,oBAAoB,WAGlC;AACA,SAAO;AAAA,IACL,OAAO,UAAU,eAAe;AAAA,IAChC,QAAQ,UAAU,gBAAgB;AAAA,EAAA;AAEtC;"}

package/dist/utils/chart-legend.d.ts

@@ -0,0 +1,12 @@
+import { WidgetTheme } from '../types/index.js';
+import { ChartLegendEntry } from '../element/chart-legend-render.js';
+type SeriesLike = {
+    id: string;
+    name?: string;
+    color?: string;
+};
+export declare function resolveSeriesLegendColor(series: SeriesLike, index: number, theme: WidgetTheme): string;
+export declare function lineLegendEntries(series: SeriesLike[], theme: WidgetTheme): ChartLegendEntry[];
+export declare function swatchLegendEntries(groups: string[], theme: WidgetTheme, colorForGroup?: (group: string, index: number) => string): ChartLegendEntry[];
+export {};
+//# sourceMappingURL=chart-legend.d.ts.map

package/dist/utils/chart-legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-legend.d.ts","sourceRoot":"","sources":["../../src/utils/chart-legend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAG1E,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,WAAW,GACjB,MAAM,CAKR;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,UAAU,EAAE,EACpB,KAAK,EAAE,WAAW,GACjB,gBAAgB,EAAE,CAQpB;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EAAE,EAChB,KAAK,EAAE,WAAW,EAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GACvD,gBAAgB,EAAE,CASpB"}

package/dist/utils/chart-legend.js

@@ -0,0 +1,32 @@
+import { seriesColor } from "./fusedash-visual.js";
+function resolveSeriesLegendColor(series, index, theme) {
+  if (series.color) return series.color;
+  if (index === 0 && theme.primary) return theme.primary;
+  if (index === 1 && theme.secondary) return theme.secondary;
+  return seriesColor(index);
+}
+function lineLegendEntries(series, theme) {
+  return series.map((s, i) => ({
+    label: s.name ?? s.id,
+    swatch: {
+      kind: "line",
+      color: resolveSeriesLegendColor(s, i, theme)
+    }
+  }));
+}
+function swatchLegendEntries(groups, theme, colorForGroup) {
+  return groups.map((group, i) => ({
+    label: group,
+    swatch: {
+      kind: "swatch",
+      color: (colorForGroup == null ? void 0 : colorForGroup(group, i)) ?? resolveSeriesLegendColor({}, i, theme),
+      opacity: 0.8
+    }
+  }));
+}
+export {
+  lineLegendEntries,
+  resolveSeriesLegendColor,
+  swatchLegendEntries
+};
+//# sourceMappingURL=chart-legend.js.map

package/dist/utils/chart-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-legend.js","sources":["../../src/utils/chart-legend.ts"],"sourcesContent":["import type { WidgetTheme } from '../types/index.js';\nimport type { ChartLegendEntry } from '../element/chart-legend-render.js';\nimport { seriesColor as fdSeriesColor } from './fusedash-visual.js';\n\ntype SeriesLike = {\n  id: string;\n  name?: string;\n  color?: string;\n};\n\nexport function resolveSeriesLegendColor(\n  series: SeriesLike,\n  index: number,\n  theme: WidgetTheme,\n): string {\n  if (series.color) return series.color;\n  if (index === 0 && theme.primary) return theme.primary;\n  if (index === 1 && theme.secondary) return theme.secondary;\n  return fdSeriesColor(index);\n}\n\nexport function lineLegendEntries(\n  series: SeriesLike[],\n  theme: WidgetTheme,\n): ChartLegendEntry[] {\n  return series.map((s, i) => ({\n    label: s.name ?? s.id,\n    swatch: {\n      kind: 'line',\n      color: resolveSeriesLegendColor(s, i, theme),\n    },\n  }));\n}\n\nexport function swatchLegendEntries(\n  groups: string[],\n  theme: WidgetTheme,\n  colorForGroup?: (group: string, index: number) => string,\n): ChartLegendEntry[] {\n  return groups.map((group, i) => ({\n    label: group,\n    swatch: {\n      kind: 'swatch',\n      color: colorForGroup?.(group, i) ?? resolveSeriesLegendColor({ id: group }, i, theme),\n      opacity: 0.8,\n    },\n  }));\n}\n"],"names":["fdSeriesColor"],"mappings":";AAUO,SAAS,yBACd,QACA,OACA,OACQ;AACR,MAAI,OAAO,MAAO,QAAO,OAAO;AAChC,MAAI,UAAU,KAAK,MAAM,gBAAgB,MAAM;AAC/C,MAAI,UAAU,KAAK,MAAM,kBAAkB,MAAM;AACjD,SAAOA,YAAc,KAAK;AAC5B;AAEO,SAAS,kBACd,QACA,OACoB;AACpB,SAAO,OAAO,IAAI,CAAC,GAAG,OAAO;AAAA,IAC3B,OAAO,EAAE,QAAQ,EAAE;AAAA,IACnB,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO,yBAAyB,GAAG,GAAG,KAAK;AAAA,IAAA;AAAA,EAC7C,EACA;AACJ;AAEO,SAAS,oBACd,QACA,OACA,eACoB;AACpB,SAAO,OAAO,IAAI,CAAC,OAAO,OAAO;AAAA,IAC/B,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,QAAO,+CAAgB,OAAO,OAAM,yBAAyB,CAAY,GAAG,GAAG,KAAK;AAAA,MACpF,SAAS;AAAA,IAAA;AAAA,EACX,EACA;AACJ;"}

package/dist/utils/chart-shell.d.ts

@@ -0,0 +1,13 @@
+import { AxisLabelTooltipHandlers } from './axis-labels.js';
+export type LabelTooltipState = {
+    x: number;
+    y: number;
+    text: string;
+} | null;
+/** Read FuseDash widget `name` from JSON data attribute. */
+export declare function extractWidgetTitle(dataJson: string, explicitTitle?: string): string;
+export declare function resolveHeaderTitle(chartTitle: string, dataJson: string, showHeader: boolean): string;
+/** Build axis-label hover callbacks that position a Lit label tooltip. */
+export declare function createAxisLabelHandlers(host: HTMLElement, setTooltip: (value: LabelTooltipState) => void): AxisLabelTooltipHandlers;
+export declare function headerTitleDisplay(title: string, maxLength?: number): string;
+//# sourceMappingURL=chart-shell.d.ts.map

package/dist/utils/chart-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-shell.d.ts","sourceRoot":"","sources":["../../src/utils/chart-shell.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAIjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,IAAI,CAAC;AAET,4DAA4D;AAC5D,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,aAAa,CAAC,EAAE,MAAM,GACrB,MAAM,CAUR;AAED,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,OAAO,GAClB,MAAM,CAGR;AAED,0EAA0E;AAC1E,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,GAC7C,wBAAwB,CAc1B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAK,GAAG,MAAM,CAExE"}

package/dist/utils/chart-shell.js

@@ -0,0 +1,41 @@
+import { parseJsonAttr } from "./chart-helpers.js";
+import { truncateString } from "./truncate.js";
+function extractWidgetTitle(dataJson, explicitTitle) {
+  const trimmed = explicitTitle == null ? void 0 : explicitTitle.trim();
+  if (trimmed) return trimmed;
+  const raw = parseJsonAttr(dataJson, null);
+  if (raw && typeof raw === "object" && !Array.isArray(raw)) {
+    const name = raw.name;
+    if (typeof name === "string" && name.trim()) return name.trim();
+  }
+  return "";
+}
+function resolveHeaderTitle(chartTitle, dataJson, showHeader) {
+  if (!showHeader) return "";
+  return extractWidgetTitle(dataJson, chartTitle);
+}
+function createAxisLabelHandlers(host, setTooltip) {
+  return {
+    onAxisLabelHover: (text, event) => {
+      const rect = host.getBoundingClientRect();
+      setTooltip({
+        x: event.clientX - rect.left,
+        y: event.clientY - rect.top,
+        text
+      });
+    },
+    onAxisLabelLeave: () => {
+      setTooltip(null);
+    }
+  };
+}
+function headerTitleDisplay(title, maxLength = 48) {
+  return truncateString(title, maxLength);
+}
+export {
+  createAxisLabelHandlers,
+  extractWidgetTitle,
+  headerTitleDisplay,
+  resolveHeaderTitle
+};
+//# sourceMappingURL=chart-shell.js.map

package/dist/utils/chart-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-shell.js","sources":["../../src/utils/chart-shell.ts"],"sourcesContent":["import type { AxisLabelTooltipHandlers } from './axis-labels.js';\nimport { parseJsonAttr } from './chart-helpers.js';\nimport { truncateString } from './truncate.js';\n\nexport type LabelTooltipState = {\n  x: number;\n  y: number;\n  text: string;\n} | null;\n\n/** Read FuseDash widget `name` from JSON data attribute. */\nexport function extractWidgetTitle(\n  dataJson: string,\n  explicitTitle?: string,\n): string {\n  const trimmed = explicitTitle?.trim();\n  if (trimmed) return trimmed;\n\n  const raw = parseJsonAttr<unknown>(dataJson, null);\n  if (raw && typeof raw === 'object' && !Array.isArray(raw)) {\n    const name = (raw as { name?: unknown }).name;\n    if (typeof name === 'string' && name.trim()) return name.trim();\n  }\n  return '';\n}\n\nexport function resolveHeaderTitle(\n  chartTitle: string,\n  dataJson: string,\n  showHeader: boolean,\n): string {\n  if (!showHeader) return '';\n  return extractWidgetTitle(dataJson, chartTitle);\n}\n\n/** Build axis-label hover callbacks that position a Lit label tooltip. */\nexport function createAxisLabelHandlers(\n  host: HTMLElement,\n  setTooltip: (value: LabelTooltipState) => void,\n): AxisLabelTooltipHandlers {\n  return {\n    onAxisLabelHover: (text: string, event: MouseEvent) => {\n      const rect = host.getBoundingClientRect();\n      setTooltip({\n        x: event.clientX - rect.left,\n        y: event.clientY - rect.top,\n        text,\n      });\n    },\n    onAxisLabelLeave: () => {\n      setTooltip(null);\n    },\n  };\n}\n\nexport function headerTitleDisplay(title: string, maxLength = 48): string {\n  return truncateString(title, maxLength);\n}\n"],"names":[],"mappings":";;AAWO,SAAS,mBACd,UACA,eACQ;AACR,QAAM,UAAU,+CAAe;AAC/B,MAAI,QAAS,QAAO;AAEpB,QAAM,MAAM,cAAuB,UAAU,IAAI;AACjD,MAAI,OAAO,OAAO,QAAQ,YAAY,CAAC,MAAM,QAAQ,GAAG,GAAG;AACzD,UAAM,OAAQ,IAA2B;AACzC,QAAI,OAAO,SAAS,YAAY,KAAK,OAAQ,QAAO,KAAK,KAAA;AAAA,EAC3D;AACA,SAAO;AACT;AAEO,SAAS,mBACd,YACA,UACA,YACQ;AACR,MAAI,CAAC,WAAY,QAAO;AACxB,SAAO,mBAAmB,UAAU,UAAU;AAChD;AAGO,SAAS,wBACd,MACA,YAC0B;AAC1B,SAAO;AAAA,IACL,kBAAkB,CAAC,MAAc,UAAsB;AACrD,YAAM,OAAO,KAAK,sBAAA;AAClB,iBAAW;AAAA,QACT,GAAG,MAAM,UAAU,KAAK;AAAA,QACxB,GAAG,MAAM,UAAU,KAAK;AAAA,QACxB;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,kBAAkB,MAAM;AACtB,iBAAW,IAAI;AAAA,IACjB;AAAA,EAAA;AAEJ;AAEO,SAAS,mBAAmB,OAAe,YAAY,IAAY;AACxE,SAAO,eAAe,OAAO,SAAS;AACxC;"}

package/dist/utils/fuse-palette.d.ts

@@ -0,0 +1,59 @@
+/**
+ * FuseDash palette resolution — mirrors
+ * `client/.../getQualitativePalette` + `getCurrentColor` + SequentialColors1.
+ */
+export type FuseFormattingEntry = {
+    key?: string;
+    color?: string | number;
+};
+export declare const QUALITATIVE_2: string[];
+export declare const QUALITATIVE_4: string[];
+/** Qualitative12Colors.default */
+export declare const QUALITATIVE_12: string[];
+/** SequentialColors1.default — punchcard magnitude bands */
+export declare const SEQUENTIAL_1: string[];
+/** FuseDash punchcard discrete radii per color band */
+export declare const PUNCHCARD_RADII: readonly [5, 10, 14, 17, 20, 24, 26];
+/** Client PunchcardChart bubble + frame tokens */
+export declare const PUNCHCARD_MAX_BUBBLE_RADIUS = 30;
+export declare const PUNCHCARD_MIN_BUBBLE_RADIUS = 8;
+export declare const PUNCHCARD_MIN_LABEL_RADIUS = 16;
+export declare const PUNCHCARD_BOTTOM_MARGIN = 21;
+export declare const PUNCHCARD_LABEL_GUTTER_PAD = 10;
+/** Tight left gutter from longest Y category (years ≈ 40px, not fixed 80). */
+export declare function punchcardLeftGutter(categories: string[], fontSize?: number): number;
+/** @deprecated Use punchcardLeftGutter() */
+export declare const PUNCHCARD_LEFT_MARGIN = 80;
+/** Max bubble radius that fits the plot without clipping (FuseDash range inset). */
+export declare function punchcardLayoutMaxRadius(plotWidth: number, plotHeight: number, xCount: number, yCount: number): number;
+/**
+ * Client rule: formatting.length ≤2 → Q2, 3–4 → Q4, >4 → Q12.
+ * Falls back to seriesCount when formatting is empty.
+ */
+export declare function pickQualitativePalette(formattingCount: number, seriesCount?: number): string[];
+/**
+ * Resolve hex for a formatting key (group / category / "default").
+ * Color indices are 1-based strings matching palette `key`.
+ */
+export declare function resolveFormattingColor(formatting: FuseFormattingEntry[] | null | undefined, key: string, seriesCount?: number): string;
+/** Apply qualitative colors onto a list of series/group ids. */
+export declare function colorMapForKeys(keys: string[], formatting?: FuseFormattingEntry[] | null): Map<string, string>;
+export type PunchcardColorRange = {
+    color: string;
+    radius: number;
+    start: number;
+    end: number;
+};
+/** Mirrors client `generateBreakPoints` (quantile ladder, default 7). */
+export declare function generateBreakPoints(values: number[], numBreaks?: number): number[];
+/** Mirrors client `generateColorRanges` for punchcard bubbles. */
+export declare function generatePunchcardColorRanges(values: number[], variations?: string[]): PunchcardColorRange[];
+export declare function punchcardColorForValue(value: number, ranges: PunchcardColorRange[]): string;
+export declare function punchcardRadiusForValue(value: number, ranges: PunchcardColorRange[]): number;
+/** Mirrors client BubbleChart `generateColorRanges` — transparent bands, radius-only. */
+export declare function generateBubbleColorRanges(values: number[], ranges?: number[] | null): PunchcardColorRange[];
+/** Alias — bubble radii use the same abs(y) band lookup as punchcard. */
+export declare const bubbleRadiusForValue: typeof punchcardRadiusForValue;
+/** Scale discrete band radii when plot is shorter than FuseDash default height. */
+export declare function punchcardScaledRadius(value: number, ranges: PunchcardColorRange[], layoutMaxR: number): number;
+//# sourceMappingURL=fuse-palette.d.ts.map

package/dist/utils/fuse-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fuse-palette.d.ts","sourceRoot":"","sources":["../../src/utils/fuse-palette.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAE5E,eAAO,MAAM,aAAa,EAAE,MAAM,EAA2B,CAAC;AAE9D,eAAO,MAAM,aAAa,EAAE,MAAM,EAKjC,CAAC;AAEF,kCAAkC;AAClC,eAAO,MAAM,cAAc,EAAE,MAAM,EAalC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,YAAY,EAAE,MAAM,EAQhC,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,eAAe,sCAAuC,CAAC;AAEpE,kDAAkD;AAClD,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAE7C,8EAA8E;AAC9E,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAAE,EACpB,QAAQ,SAAK,GACZ,MAAM,CAOR;AAED,4CAA4C;AAC5C,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,oFAAoF;AACpF,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,MAAM,CAKR;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,eAAe,EAAE,MAAM,EACvB,WAAW,SAAI,GACd,MAAM,EAAE,CAKV;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,mBAAmB,EAAE,GAAG,IAAI,GAAG,SAAS,EACpD,GAAG,EAAE,MAAM,EACX,WAAW,SAAI,GACd,MAAM,CAaR;AAED,gEAAgE;AAChE,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EAAE,EACd,UAAU,CAAC,EAAE,mBAAmB,EAAE,GAAG,IAAI,GACxC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAMrB;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,yEAAyE;AACzE,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EAAE,EAChB,SAAS,SAAI,GACZ,MAAM,EAAE,CAmBV;AAED,kEAAkE;AAClE,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,MAAM,EAAE,EAChB,UAAU,GAAE,MAAM,EAAiB,GAClC,mBAAmB,EAAE,CAuBvB;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,mBAAmB,EAAE,GAC5B,MAAM,CAKR;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,mBAAmB,EAAE,GAC5B,MAAM,CAKR;AAED,yFAAyF;AACzF,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,MAAM,EAAE,EAChB,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GACvB,mBAAmB,EAAE,CAmBvB;AAED,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,gCAA0B,CAAC;AAE5D,mFAAmF;AACnF,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,mBAAmB,EAAE,EAC7B,UAAU,EAAE,MAAM,GACjB,MAAM,CAQR"}