@fusedashlabs/widgets 0.2.0

package/dist/components/area-chart/lib/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/area-chart/lib/normalize.ts"],"sourcesContent":["import { stack } from 'd3-shape';\n\nimport { resolveFormattingColor } from '../../../utils/fuse-palette.js';\nimport { resolveWidgetMarkers } from '../../../utils/chart-formatting/index.js';\nimport {\n  firstField,\n  isFuseWidgetPayload,\n  resolveUniqueValuesOrder,\n  rowsOf,\n  xDomainHintFromWidget,\n  type FuseWidgetLike,\n} from '../../../utils/fuse-widget.js';\nimport type { MarkerShape } from '../../../utils/fusedash-visual.js';\nimport type { AreaChartInput, AreaLayout, AreaModel, AreaPoint, AreaSeries } from './types.js';\n\nconst EMPTY: AreaModel = { layout: 'grouped', series: [] };\n\nfunction markerForKey(\n  markers: ReturnType<typeof resolveWidgetMarkers>,\n  key: string,\n): MarkerShape {\n  return (markers.find((m) => m.key === key)?.shape ?? 'donut') as MarkerShape;\n}\n\nfunction groupKeysFromData(\n  rows: Array<Record<string, unknown>>,\n  groupByKey: string,\n): string[] {\n  const keys = new Set<string>();\n  for (const row of rows) {\n    const g = String(row[groupByKey] ?? '');\n    if (g) keys.add(g);\n  }\n  return [...keys];\n}\n\nfunction xDomainFromWidget(widget: FuseWidgetLike, xKey: string): string[] {\n  const rows = rowsOf(widget);\n  const allX = Array.from(new Set(rows.map((r) => String(r[xKey] ?? '')))).filter(Boolean);\n  const hint = widget.uniqueValues?.[xKey]?.map(String);\n  if (hint?.length) {\n    const filtered = hint.filter((x) => allX.includes(x));\n    return filtered.length ? filtered : hint;\n  }\n  return resolveUniqueValuesOrder(allX, widget.uniqueValues, xKey);\n}\n\nfunction normalizeGrouped(widget: FuseWidgetLike): AreaSeries[] {\n  const rows = rowsOf(widget);\n  const xKey = firstField(widget.xAxe) ?? 'x';\n  const yKey = firstField(widget.yAxe) ?? 'y';\n  const groupKey = firstField(widget.groupBy);\n  const xDomain = xDomainFromWidget(widget, xKey);\n  const markers = resolveWidgetMarkers(widget);\n  const formatting = widget.formatting;\n\n  if (!groupKey) {\n    const byX = new Map<string, number>();\n    for (const row of rows) {\n      const x = String(row[xKey] ?? '');\n      const y = Number(row[yKey]);\n      if (!x || !Number.isFinite(y)) continue;\n      byX.set(x, y);\n    }\n    const points: AreaPoint[] = xDomain.map((x) => {\n      const y = byX.get(x) ?? 0;\n      return { x, y, y0: 0, y1: y };\n    });\n    if (!points.some((p) => p.y !== 0)) return [];\n    return [\n      {\n        id: 'default',\n        name: 'Series',\n        color: resolveFormattingColor(formatting, 'default', 1),\n        marker: markerForKey(markers, 'default'),\n        points,\n      },\n    ];\n  }\n\n  const byGroup = new Map<string, Map<string, number>>();\n  for (const row of rows) {\n    const x = String(row[xKey] ?? '');\n    const y = Number(row[yKey]);\n    const g = String(row[groupKey] ?? 'default');\n    if (!x || !Number.isFinite(y)) continue;\n    const map = byGroup.get(g) ?? new Map<string, number>();\n    map.set(x, y);\n    byGroup.set(g, map);\n  }\n\n  const groupIds = resolveUniqueValuesOrder(\n    byGroup.keys(),\n    widget.uniqueValues,\n    groupKey,\n  );\n\n  return groupIds.map((id) => {\n    const map = byGroup.get(id) ?? new Map<string, number>();\n    const points: AreaPoint[] = xDomain.map((x) => {\n      const y = map.get(x) ?? 0;\n      return { x, y, y0: 0, y1: y };\n    });\n    return {\n      id,\n      name: id,\n      color: resolveFormattingColor(formatting, id, groupIds.length),\n      marker: markerForKey(markers, id),\n      points,\n    };\n  });\n}\n\nfunction normalizeStacked(widget: FuseWidgetLike): AreaSeries[] {\n  const rows = rowsOf(widget);\n  const xKey = firstField(widget.xAxe) ?? 'x';\n  const yKey = firstField(widget.yAxe) ?? 'y';\n  const groupKey = firstField(widget.groupBy);\n  if (!groupKey) return normalizeGrouped(widget);\n\n  const xDomain = xDomainFromWidget(widget, xKey);\n  const groupIds =\n    widget.uniqueValues?.[groupKey]?.length\n      ? (widget.uniqueValues[groupKey] as string[])\n      : groupKeysFromData(rows, groupKey);\n\n  const indexed = new Map<string, Map<string, Record<string, unknown>>>();\n  for (const row of rows) {\n    const x = String(row[xKey] ?? '');\n    const g = String(row[groupKey] ?? '');\n    if (!x || !g) continue;\n    let groupMap = indexed.get(x);\n    if (!groupMap) {\n      groupMap = new Map();\n      indexed.set(x, groupMap);\n    }\n    groupMap.set(g, row);\n  }\n\n  type StackRow = [string, Map<string, Record<string, unknown>>];\n  const stackRows: StackRow[] = xDomain.map((x) => [x, indexed.get(x) ?? new Map()]);\n\n  const stacked = stack<StackRow, string>()\n    .keys(groupIds)\n    .value(([, groupMap], key) => {\n      const entry = groupMap.get(key);\n      return entry ? Number(entry[yKey]) || 0 : 0;\n    })(stackRows)\n    .reverse();\n\n  const markers = resolveWidgetMarkers(widget);\n  const formatting = widget.formatting;\n\n  return stacked.map((layer) => {\n    const id = layer.key;\n    const pointByX = new Map(layer.map((d) => [d.data[0], d]));\n    const points: AreaPoint[] = xDomain\n      .map((x) => {\n        const d = pointByX.get(x);\n        if (!d) return null;\n        const y0 = Number(d[0]);\n        const y1 = Number(d[1]);\n        return { x, y: y1 - y0, y0, y1 };\n      })\n      .filter((p): p is AreaPoint => p != null);\n\n    return {\n      id,\n      name: id,\n      color: resolveFormattingColor(formatting, id, groupIds.length),\n      marker: markerForKey(markers, id),\n      points,\n    };\n  });\n}\n\nfunction isStackedWidget(widget: FuseWidgetLike): boolean {\n  if ((widget as { chartType?: string }).chartType === 'areaStackedChart') return true;\n  return Boolean(widget.stacked && firstField(widget.groupBy));\n}\n\nfunction fromFuseWidget(widget: FuseWidgetLike): AreaModel {\n  const layout: AreaLayout = isStackedWidget(widget) ? 'stacked' : 'grouped';\n  const series = layout === 'stacked' ? normalizeStacked(widget) : normalizeGrouped(widget);\n  return {\n    layout,\n    series,\n    xField: firstField(widget.xAxe),\n    yField: firstField(widget.yAxe),\n    groupField: firstField(widget.groupBy),\n    axisDetails: widget.axisDetails as AreaModel['axisDetails'],\n    uniqueValuesHint: xDomainHintFromWidget(widget),\n  };\n}\n\n/** Normalize chat / FuseDash payloads into area series. */\nexport function normalizeAreaData(input: AreaChartInput): AreaModel {\n  if (!input) return EMPTY;\n\n  if (Array.isArray(input)) {\n    if (!input.length) return EMPTY;\n    if ('points' in (input[0] as object)) {\n      return { layout: 'grouped', series: input as AreaSeries[] };\n    }\n    return EMPTY;\n  }\n\n  if (isFuseWidgetPayload(input)) {\n    return fromFuseWidget(input);\n  }\n\n  if (typeof input === 'object') {\n    const chart = input as AreaModel & AreaChartInput;\n    if (Array.isArray(chart.series)) {\n      return {\n        layout: chart.layout ?? 'grouped',\n        series: chart.series,\n        xField: chart.xField,\n        yField: chart.yField,\n        groupField: chart.groupField,\n        axisDetails: chart.axisDetails,\n        uniqueValuesHint: chart.uniqueValuesHint,\n      };\n    }\n  }\n\n  return EMPTY;\n}\n\nexport { collectXDomain } from '../../line-chart/lib/domain.js';\n"],"names":[],"mappings":";;;;AAeA,MAAM,QAAmB,EAAE,QAAQ,WAAW,QAAQ,CAAA,EAAC;AAEvD,SAAS,aACP,SACA,KACa;;AACb,WAAQ,aAAQ,KAAK,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAjC,mBAAoC,UAAS;AACvD;AAEA,SAAS,kBACP,MACA,YACU;AACV,QAAM,2BAAW,IAAA;AACjB,aAAW,OAAO,MAAM;AACtB,UAAM,IAAI,OAAO,IAAI,UAAU,KAAK,EAAE;AACtC,QAAI,EAAG,MAAK,IAAI,CAAC;AAAA,EACnB;AACA,SAAO,CAAC,GAAG,IAAI;AACjB;AAEA,SAAS,kBAAkB,QAAwB,MAAwB;;AACzE,QAAM,OAAO,OAAO,MAAM;AAC1B,QAAM,OAAO,MAAM,KAAK,IAAI,IAAI,KAAK,IAAI,CAAC,MAAM,OAAO,EAAE,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,OAAO;AACvF,QAAM,QAAO,kBAAO,iBAAP,mBAAsB,UAAtB,mBAA6B,IAAI;AAC9C,MAAI,6BAAM,QAAQ;AAChB,UAAM,WAAW,KAAK,OAAO,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;AACpD,WAAO,SAAS,SAAS,WAAW;AAAA,EACtC;AACA,SAAO,yBAAyB,MAAM,OAAO,cAAc,IAAI;AACjE;AAEA,SAAS,iBAAiB,QAAsC;AAC9D,QAAM,OAAO,OAAO,MAAM;AAC1B,QAAM,OAAO,WAAW,OAAO,IAAI,KAAK;AACxC,QAAM,OAAO,WAAW,OAAO,IAAI,KAAK;AACxC,QAAM,WAAW,WAAW,OAAO,OAAO;AAC1C,QAAM,UAAU,kBAAkB,QAAQ,IAAI;AAC9C,QAAM,UAAU,qBAAqB,MAAM;AAC3C,QAAM,aAAa,OAAO;AAE1B,MAAI,CAAC,UAAU;AACb,UAAM,0BAAU,IAAA;AAChB,eAAW,OAAO,MAAM;AACtB,YAAM,IAAI,OAAO,IAAI,IAAI,KAAK,EAAE;AAChC,YAAM,IAAI,OAAO,IAAI,IAAI,CAAC;AAC1B,UAAI,CAAC,KAAK,CAAC,OAAO,SAAS,CAAC,EAAG;AAC/B,UAAI,IAAI,GAAG,CAAC;AAAA,IACd;AACA,UAAM,SAAsB,QAAQ,IAAI,CAAC,MAAM;AAC7C,YAAM,IAAI,IAAI,IAAI,CAAC,KAAK;AACxB,aAAO,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,EAAA;AAAA,IAC5B,CAAC;AACD,QAAI,CAAC,OAAO,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,EAAG,QAAO,CAAA;AAC3C,WAAO;AAAA,MACL;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OAAO,uBAAuB,YAAY,WAAW,CAAC;AAAA,QACtD,QAAQ,aAAa,SAAS,SAAS;AAAA,QACvC;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,8BAAc,IAAA;AACpB,aAAW,OAAO,MAAM;AACtB,UAAM,IAAI,OAAO,IAAI,IAAI,KAAK,EAAE;AAChC,UAAM,IAAI,OAAO,IAAI,IAAI,CAAC;AAC1B,UAAM,IAAI,OAAO,IAAI,QAAQ,KAAK,SAAS;AAC3C,QAAI,CAAC,KAAK,CAAC,OAAO,SAAS,CAAC,EAAG;AAC/B,UAAM,MAAM,QAAQ,IAAI,CAAC,yBAAS,IAAA;AAClC,QAAI,IAAI,GAAG,CAAC;AACZ,YAAQ,IAAI,GAAG,GAAG;AAAA,EACpB;AAEA,QAAM,WAAW;AAAA,IACf,QAAQ,KAAA;AAAA,IACR,OAAO;AAAA,IACP;AAAA,EAAA;AAGF,SAAO,SAAS,IAAI,CAAC,OAAO;AAC1B,UAAM,MAAM,QAAQ,IAAI,EAAE,yBAAS,IAAA;AACnC,UAAM,SAAsB,QAAQ,IAAI,CAAC,MAAM;AAC7C,YAAM,IAAI,IAAI,IAAI,CAAC,KAAK;AACxB,aAAO,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,EAAA;AAAA,IAC5B,CAAC;AACD,WAAO;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,OAAO,uBAAuB,YAAY,IAAI,SAAS,MAAM;AAAA,MAC7D,QAAQ,aAAa,SAAS,EAAE;AAAA,MAChC;AAAA,IAAA;AAAA,EAEJ,CAAC;AACH;AAEA,SAAS,iBAAiB,QAAsC;;AAC9D,QAAM,OAAO,OAAO,MAAM;AAC1B,QAAM,OAAO,WAAW,OAAO,IAAI,KAAK;AACxC,QAAM,OAAO,WAAW,OAAO,IAAI,KAAK;AACxC,QAAM,WAAW,WAAW,OAAO,OAAO;AAC1C,MAAI,CAAC,SAAU,QAAO,iBAAiB,MAAM;AAE7C,QAAM,UAAU,kBAAkB,QAAQ,IAAI;AAC9C,QAAM,aACJ,kBAAO,iBAAP,mBAAsB,cAAtB,mBAAiC,UAC5B,OAAO,aAAa,QAAQ,IAC7B,kBAAkB,MAAM,QAAQ;AAEtC,QAAM,8BAAc,IAAA;AACpB,aAAW,OAAO,MAAM;AACtB,UAAM,IAAI,OAAO,IAAI,IAAI,KAAK,EAAE;AAChC,UAAM,IAAI,OAAO,IAAI,QAAQ,KAAK,EAAE;AACpC,QAAI,CAAC,KAAK,CAAC,EAAG;AACd,QAAI,WAAW,QAAQ,IAAI,CAAC;AAC5B,QAAI,CAAC,UAAU;AACb,qCAAe,IAAA;AACf,cAAQ,IAAI,GAAG,QAAQ;AAAA,IACzB;AACA,aAAS,IAAI,GAAG,GAAG;AAAA,EACrB;AAGA,QAAM,YAAwB,QAAQ,IAAI,CAAC,MAAM,CAAC,GAAG,QAAQ,IAAI,CAAC,KAAK,oBAAI,IAAA,CAAK,CAAC;AAEjF,QAAM,UAAU,MAAA,EACb,KAAK,QAAQ,EACb,MAAM,CAAC,CAAA,EAAG,QAAQ,GAAG,QAAQ;AAC5B,UAAM,QAAQ,SAAS,IAAI,GAAG;AAC9B,WAAO,QAAQ,OAAO,MAAM,IAAI,CAAC,KAAK,IAAI;AAAA,EAC5C,CAAC,EAAE,SAAS,EACX,QAAA;AAEH,QAAM,UAAU,qBAAqB,MAAM;AAC3C,QAAM,aAAa,OAAO;AAE1B,SAAO,QAAQ,IAAI,CAAC,UAAU;AAC5B,UAAM,KAAK,MAAM;AACjB,UAAM,WAAW,IAAI,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACzD,UAAM,SAAsB,QACzB,IAAI,CAAC,MAAM;AACV,YAAM,IAAI,SAAS,IAAI,CAAC;AACxB,UAAI,CAAC,EAAG,QAAO;AACf,YAAM,KAAK,OAAO,EAAE,CAAC,CAAC;AACtB,YAAM,KAAK,OAAO,EAAE,CAAC,CAAC;AACtB,aAAO,EAAE,GAAG,GAAG,KAAK,IAAI,IAAI,GAAA;AAAA,IAC9B,CAAC,EACA,OAAO,CAAC,MAAsB,KAAK,IAAI;AAE1C,WAAO;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,OAAO,uBAAuB,YAAY,IAAI,SAAS,MAAM;AAAA,MAC7D,QAAQ,aAAa,SAAS,EAAE;AAAA,MAChC;AAAA,IAAA;AAAA,EAEJ,CAAC;AACH;AAEA,SAAS,gBAAgB,QAAiC;AACxD,MAAK,OAAkC,cAAc,mBAAoB,QAAO;AAChF,SAAO,QAAQ,OAAO,WAAW,WAAW,OAAO,OAAO,CAAC;AAC7D;AAEA,SAAS,eAAe,QAAmC;AACzD,QAAM,SAAqB,gBAAgB,MAAM,IAAI,YAAY;AACjE,QAAM,SAAS,WAAW,YAAY,iBAAiB,MAAM,IAAI,iBAAiB,MAAM;AACxF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,QAAQ,WAAW,OAAO,IAAI;AAAA,IAC9B,QAAQ,WAAW,OAAO,IAAI;AAAA,IAC9B,YAAY,WAAW,OAAO,OAAO;AAAA,IACrC,aAAa,OAAO;AAAA,IACpB,kBAAkB,sBAAsB,MAAM;AAAA,EAAA;AAElD;AAGO,SAAS,kBAAkB,OAAkC;AAClE,MAAI,CAAC,MAAO,QAAO;AAEnB,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,QAAI,CAAC,MAAM,OAAQ,QAAO;AAC1B,QAAI,YAAa,MAAM,CAAC,GAAc;AACpC,aAAO,EAAE,QAAQ,WAAW,QAAQ,MAAA;AAAA,IACtC;AACA,WAAO;AAAA,EACT;AAEA,MAAI,oBAAoB,KAAK,GAAG;AAC9B,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,QAAQ;AACd,QAAI,MAAM,QAAQ,MAAM,MAAM,GAAG;AAC/B,aAAO;AAAA,QACL,QAAQ,MAAM,UAAU;AAAA,QACxB,QAAQ,MAAM;AAAA,QACd,QAAQ,MAAM;AAAA,QACd,QAAQ,MAAM;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,aAAa,MAAM;AAAA,QACnB,kBAAkB,MAAM;AAAA,MAAA;AAAA,IAE5B;AAAA,EACF;AAEA,SAAO;AACT;"}

package/dist/components/area-chart/lib/types.d.ts

@@ -0,0 +1,37 @@
+import { MarkerShape } from '../../../utils/fusedash-visual.js';
+export type AreaLayout = 'grouped' | 'stacked';
+export interface AreaPoint {
+    x: string;
+    /** Grouped: value; stacked: unused when y0/y1 set */
+    y: number;
+    /** Data-space baseline (0 for grouped) */
+    y0: number;
+    /** Data-space top */
+    y1: number;
+}
+export interface AreaSeries {
+    id: string;
+    name?: string;
+    color?: string;
+    marker?: MarkerShape;
+    points: AreaPoint[];
+}
+export interface AreaModel {
+    layout: AreaLayout;
+    series: AreaSeries[];
+    xField?: string;
+    yField?: string;
+    groupField?: string;
+    axisDetails?: Record<string, {
+        label?: string;
+        measure_unit_symbol?: string;
+        measure_unit?: string;
+    }>;
+    uniqueValuesHint?: string[];
+}
+export interface AreaChartData {
+    layout?: AreaLayout;
+    series?: AreaSeries[];
+}
+export type AreaChartInput = AreaChartData | AreaSeries[] | Record<string, unknown> | null | undefined;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/area-chart/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/area-chart/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAErE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAE/C,MAAM,WAAW,SAAS;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,qDAAqD;IACrD,CAAC,EAAE,MAAM,CAAC;IACV,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAClB,MAAM,EACN;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CACxE,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,MAAM,MAAM,cAAc,GACtB,aAAa,GACb,UAAU,EAAE,GACZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,IAAI,GACJ,SAAS,CAAC"}

package/dist/components/area-chart/metadata.json.d.ts

@@ -0,0 +1,37 @@
+declare const _default: {
+  "id": "area-chart",
+  "tag": "ui9000-area-chart",
+  "title": "Area Chart",
+  "description": "Chat-optimized area chart (grouped + stacked). FuseDash AreaChart Visx → D3.",
+  "chartTypeKeys": ["areaChart", "areaStackedChart"],
+  "source": "client/libs/shared/components/src/Widgets/AreaChart/",
+  "stack": "d3",
+  "lazyImport": "@ui9000/widgets/lazy/area-chart",
+  "entry": "@ui9000/widgets/area-chart",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": ["hover", "resize"],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "description": "FuseDash WidgetItem or { layout, series } chat shape"
+      },
+      "scale": {
+        "type": "string",
+        "enum": ["compact", "default", "comfortable"]
+      },
+      "show-points": { "type": "boolean" },
+      "show-grid": { "type": "boolean" },
+      "show-legend": { "type": "boolean" },
+      "show-tooltip": { "type": "boolean" }
+    }
+  }
+}
+;
+
+export default _default;

package/dist/components/area-chart/metadata.json.js

@@ -0,0 +1,42 @@
+const id = "area-chart";
+const tag = "ui9000-area-chart";
+const title = "Area Chart";
+const description = "Chat-optimized area chart (grouped + stacked). FuseDash AreaChart Visx → D3.";
+const chartTypeKeys = ["areaChart", "areaStackedChart"];
+const source = "client/libs/shared/components/src/Widgets/AreaChart/";
+const stack = "d3";
+const lazyImport = "@ui9000/widgets/lazy/area-chart";
+const entry = "@ui9000/widgets/area-chart";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["hover", "resize"];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "description": "FuseDash WidgetItem or { layout, series } chat shape" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"] }, "show-points": { "type": "boolean" }, "show-grid": { "type": "boolean" }, "show-legend": { "type": "boolean" }, "show-tooltip": { "type": "boolean" } } };
+const areaChartMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  propsSchema
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  areaChartMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/area-chart/metadata.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/area-chart/render/draw.d.ts

@@ -0,0 +1,34 @@
+import { WidgetTheme } from '../../../types/index.js';
+import { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';
+import { MarkerShape } from '../../../utils/fusedash-visual.js';
+import { AreaModel } from '../lib/index.js';
+export interface RenderAreaChartOptions extends AxisLabelTooltipHandlers {
+    model: AreaModel;
+    width: number;
+    height: number;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    theme: WidgetTheme;
+    marker?: MarkerShape;
+    showPoints?: boolean;
+    showGrid?: boolean;
+    xDomainHint?: string[];
+    themeMode?: 'light' | 'dark';
+    xLabel?: string;
+    yLabel?: string;
+    onPointHover?: (payload: {
+        seriesId: string;
+        seriesName: string;
+        category: string;
+        value: number;
+        event: MouseEvent;
+    }) => void;
+    onPointLeave?: () => void;
+}
+/** FuseDash AreaChart — D3 rewrite (grouped + stacked). */
+export declare function renderAreaChart(container: HTMLElement, options: RenderAreaChartOptions): void;
+//# sourceMappingURL=draw.d.ts.map

package/dist/components/area-chart/render/draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/area-chart/render/draw.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAM9E,OAAO,EAOL,KAAK,WAAW,EAEjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAkB,KAAK,SAAS,EAAmB,MAAM,iBAAiB,CAAC;AAUlF,MAAM,WAAW,sBAAuB,SAAQ,wBAAwB;IACtE,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACtE,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QACvB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,UAAU,CAAC;KACnB,KAAK,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAgCD,2DAA2D;AAC3D,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,sBAAsB,GAAG,IAAI,CAwS7F"}

package/dist/components/area-chart/render/draw.js

@@ -0,0 +1,189 @@
+import { axisBottom, axisLeft } from "d3-axis";
+import { scaleBand, scaleLinear } from "d3-scale";
+import { select } from "d3-selection";
+import { area, curveLinear, line } from "d3-shape";
+import { resolvePlotLeftMargin, decorateAxisLabels, applyLeftGutterYAxisLabels } from "../../../utils/axis-labels.js";
+import { FD, calculateScaleLinearDomain, appendGlowFilter, appendLineMarker, formatCompactNumber, calculateNumTicks, seriesColor } from "../../../utils/fusedash-visual.js";
+import { collectXDomain } from "../../line-chart/lib/domain.js";
+function resolveColor(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 safeGradientId(key) {
+  return `area-gradient-${key.replace(/[^a-zA-Z0-9]/g, "")}`;
+}
+function toPlotPoints(series, xScale) {
+  return series.points.filter((p) => xScale(p.x) != null).map((p) => {
+    const bx = xScale(p.x) ?? 0;
+    const x = bx + xScale.bandwidth() / 2;
+    return {
+      x,
+      y0: p.y0,
+      y1: p.y1,
+      category: p.x,
+      value: p.y1 - p.y0
+    };
+  });
+}
+function renderAreaChart(container, options) {
+  const {
+    model,
+    width,
+    height,
+    margin = { ...FD.lineMargin },
+    theme,
+    marker = "donut",
+    showPoints = true,
+    showGrid = true,
+    xDomainHint,
+    themeMode = "light",
+    xLabel,
+    yLabel,
+    onPointHover,
+    onPointLeave,
+    onAxisLabelHover,
+    onAxisLabelLeave
+  } = options;
+  const axisLabels = {
+    onAxisLabelHover,
+    onAxisLabelLeave
+  };
+  container.replaceChildren();
+  const { series } = model;
+  if (!series.length || width <= 0 || height <= 0) return;
+  const m = {
+    top: margin.top,
+    bottom: margin.bottom,
+    left: resolvePlotLeftMargin(margin.left),
+    right: Math.max(margin.right, 1)
+  };
+  const plotTop = m.top;
+  const plotBottom = height - m.bottom;
+  const plotLeft = m.left;
+  const plotRight = width - m.right;
+  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;
+  const xDomain = collectXDomain(
+    series.map((s) => ({ ...s, points: s.points.map((p) => ({ x: p.x, y: p.y1 })) })),
+    xDomainHint
+  );
+  const allY = [];
+  for (const s of series) {
+    for (const p of s.points) {
+      allY.push(p.y0, p.y1);
+    }
+  }
+  const [minY, maxY] = calculateScaleLinearDomain(allY);
+  const numTicks = calculateNumTicks(height);
+  const isGrouped = series.length > 1;
+  const xScale = scaleBand().domain(xDomain).range([plotLeft, plotRight]).padding(-1);
+  const yScale = scaleLinear().domain([minY, maxY]).range([plotBottom, plotTop]);
+  const yTicks = yScale.ticks(numTicks);
+  const zeroY = yScale(0);
+  const svg = select(container).append("svg").attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", "Area chart").style("display", "block").style("font-family", theme.fontFamily);
+  const glowUrl = appendGlowFilter(svg);
+  const defs = svg.select("defs");
+  for (const s of series) {
+    const color = resolveColor(s, series.indexOf(s), theme);
+    const grad = defs.append("linearGradient").attr("id", safeGradientId(s.id)).attr("x1", "0%").attr("y1", "0%").attr("x2", "0%").attr("y2", "100%");
+    grad.append("stop").attr("offset", "0%").attr("stop-color", color).attr("stop-opacity", FD.areaGradientTopOpacity);
+    grad.append("stop").attr("offset", "100%").attr("stop-color", color).attr("stop-opacity", FD.areaGradientBottomOpacity);
+  }
+  const root = svg.append("g").attr("class", "plot");
+  if (showGrid) {
+    const grid = root.append("g").attr("class", "grid");
+    for (const cat of xDomain) {
+      const bx = xScale(cat);
+      if (bx == null) continue;
+      const x = bx + xScale.bandwidth() / 2;
+      grid.append("line").attr("x1", x).attr("x2", x).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+    }
+    for (const t of yTicks) {
+      grid.append("line").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", yScale(t)).attr("y2", yScale(t)).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+    }
+    grid.append("line").attr("x1", plotRight).attr("x2", plotRight).attr("y1", plotTop).attr("y2", plotBottom).attr("stroke", FD.gridStroke).attr("stroke-dasharray", FD.gridDash).attr("shape-rendering", "crispEdges");
+    if (Number.isFinite(zeroY)) {
+      grid.append("line").attr("x1", plotLeft).attr("x2", plotRight).attr("y1", zeroY).attr("y2", zeroY).attr("stroke", FD.gridStroke).attr("shape-rendering", "crispEdges");
+    }
+  }
+  const areaGen = area().x((d) => d.x).y0((d) => yScale(d.y0)).y1((d) => yScale(d.y1)).curve(curveLinear);
+  const lineGen = line().x((d) => d.x).y((d) => yScale(d.y1)).curve(curveLinear);
+  series.forEach((s, i) => {
+    const color = resolveColor(s, i, theme);
+    const plotPoints = toPlotPoints(s, xScale);
+    if (!plotPoints.length) return;
+    const layer = root.append("g").attr("class", `series series-${s.id}`);
+    layer.append("path").datum(plotPoints).attr("class", "area").attr("fill", `url(#${safeGradientId(s.id)})`).attr("pointer-events", "none").attr("d", areaGen);
+    layer.append("path").datum(plotPoints).attr("class", "line").attr("fill", "none").attr("stroke", color).attr("stroke-width", FD.lineStrokeWidth).attr("filter", glowUrl || null).attr("pointer-events", "none").attr("d", lineGen);
+    const shape = s.marker ?? marker;
+    if (showPoints && shape !== "disabled") {
+      const markersG = layer.append("g").attr("class", "markers");
+      for (const p of plotPoints) {
+        const cy = yScale(p.y1);
+        const hit = markersG.append("g").attr("class", "marker").style("cursor", onPointHover ? "pointer" : "default");
+        appendLineMarker(hit, {
+          shape,
+          color,
+          cx: p.x,
+          cy,
+          r: FD.markerRadius,
+          themeMode
+        });
+        hit.append("circle").attr("cx", p.x).attr("cy", cy).attr("r", 10).attr("fill", "transparent");
+        if (onPointHover) {
+          hit.on("mouseenter", (event) => {
+            if (isGrouped) {
+              root.selectAll(".series").attr("opacity", 0.2);
+              layer.attr("opacity", 1);
+            }
+            onPointHover({
+              seriesId: s.id,
+              seriesName: s.name ?? s.id,
+              category: p.category,
+              value: p.value,
+              event
+            });
+          }).on("mouseleave", () => {
+            if (isGrouped) {
+              root.selectAll(".series").attr("opacity", 1);
+            }
+            onPointLeave == null ? void 0 : onPointLeave();
+          });
+        }
+      }
+    }
+  });
+  const xAxis = root.append("g").attr("class", "x-axis").attr("transform", `translate(0,${plotBottom})`).call(axisBottom(xScale).tickSize(0).tickPadding(8).tickFormat((d) => String(d)));
+  xAxis.select(".domain").attr("stroke", FD.axisStroke);
+  xAxis.selectAll("line").attr("stroke", "none");
+  xAxis.selectAll("text").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).attr("text-anchor", "middle");
+  const xTickNodes = xAxis.selectAll("text").nodes();
+  if (xTickNodes.length > 0) {
+    select(xTickNodes[0]).attr("text-anchor", "start");
+    if (xTickNodes.length > 1) {
+      select(xTickNodes[xTickNodes.length - 1]).attr("text-anchor", "end");
+    }
+  }
+  decorateAxisLabels(xAxis, { slotWidth: xScale.bandwidth(), ...axisLabels });
+  const yAxis = root.append("g").attr("class", "y-axis").attr("transform", `translate(${plotLeft},0)`).call(
+    axisLeft(yScale).tickValues(yTicks).tickSize(5).tickPadding(6).tickFormat((d) => {
+      const n = Number(d);
+      const decimals = Number.isInteger(n) && Math.abs(n) < 1e3 ? 0 : 2;
+      return formatCompactNumber(n, decimals);
+    })
+  );
+  yAxis.select(".domain").attr("stroke", "none");
+  yAxis.selectAll("line").attr("stroke", FD.axisStroke).attr("stroke-dasharray", FD.gridDash);
+  applyLeftGutterYAxisLabels(yAxis, plotLeft);
+  if (xLabel) {
+    root.append("text").attr("x", (plotLeft + plotRight) / 2).attr("y", height - 2).attr("text-anchor", "middle").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(xLabel);
+  }
+  if (yLabel) {
+    root.append("text").attr("x", 4).attr("y", 11).attr("text-anchor", "start").attr("fill", FD.axisLabelFill).attr("font-size", FD.axisLabelSize).text(yLabel);
+  }
+}
+export {
+  renderAreaChart
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/area-chart/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/area-chart/render/draw.ts"],"sourcesContent":["import { axisBottom, axisLeft } from 'd3-axis';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport { area, curveLinear, line as d3Line } from 'd3-shape';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport type { AxisLabelTooltipHandlers } from '../../../utils/axis-labels.js';\nimport {\n  applyLeftGutterYAxisLabels,\n  decorateAxisLabels,\n  resolvePlotLeftMargin,\n} from '../../../utils/axis-labels.js';\nimport {\n  appendGlowFilter,\n  appendLineMarker,\n  calculateNumTicks,\n  calculateScaleLinearDomain,\n  FD,\n  formatCompactNumber,\n  type MarkerShape,\n  seriesColor as fdSeriesColor,\n} from '../../../utils/fusedash-visual.js';\nimport { collectXDomain, type AreaModel, type AreaSeries } from '../lib/index.js';\n\ninterface PlotPoint {\n  x: number;\n  y0: number;\n  y1: number;\n  category: string;\n  value: number;\n}\n\nexport interface RenderAreaChartOptions extends AxisLabelTooltipHandlers {\n  model: AreaModel;\n  width: number;\n  height: number;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  theme: WidgetTheme;\n  marker?: MarkerShape;\n  showPoints?: boolean;\n  showGrid?: boolean;\n  xDomainHint?: string[];\n  themeMode?: 'light' | 'dark';\n  xLabel?: string;\n  yLabel?: string;\n  onPointHover?: (payload: {\n    seriesId: string;\n    seriesName: string;\n    category: string;\n    value: number;\n    event: MouseEvent;\n  }) => void;\n  onPointLeave?: () => void;\n}\n\nfunction resolveColor(series: AreaSeries, index: number, theme: WidgetTheme): 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\nfunction safeGradientId(key: string): string {\n  return `area-gradient-${key.replace(/[^a-zA-Z0-9]/g, '')}`;\n}\n\nfunction toPlotPoints(\n  series: AreaSeries,\n  xScale: ReturnType<typeof scaleBand<string>>,\n): PlotPoint[] {\n  return series.points\n    .filter((p) => xScale(p.x) != null)\n    .map((p) => {\n      const bx = xScale(p.x) ?? 0;\n      const x = bx + xScale.bandwidth() / 2;\n      return {\n        x,\n        y0: p.y0,\n        y1: p.y1,\n        category: p.x,\n        value: p.y1 - p.y0,\n      };\n    });\n}\n\n/** FuseDash AreaChart — D3 rewrite (grouped + stacked). */\nexport function renderAreaChart(container: HTMLElement, options: RenderAreaChartOptions): void {\n  const {\n    model,\n    width,\n    height,\n    margin = { ...FD.lineMargin },\n    theme,\n    marker = 'donut',\n    showPoints = true,\n    showGrid = true,\n    xDomainHint,\n    themeMode = 'light',\n    xLabel,\n    yLabel,\n    onPointHover,\n    onPointLeave,\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  } = options;\n\n  const axisLabels: AxisLabelTooltipHandlers = {\n    onAxisLabelHover,\n    onAxisLabelLeave,\n  };\n\n  container.replaceChildren();\n  const { series } = model;\n  if (!series.length || width <= 0 || height <= 0) return;\n\n  const m = {\n    top: margin.top,\n    bottom: margin.bottom,\n    left: resolvePlotLeftMargin(margin.left),\n    right: Math.max(margin.right, 1),\n  };\n  const plotTop = m.top;\n  const plotBottom = height - m.bottom;\n  const plotLeft = m.left;\n  const plotRight = width - m.right;\n  if (plotRight - plotLeft < 8 || plotBottom - plotTop < 8) return;\n\n  const xDomain = collectXDomain(\n    series.map((s) => ({ ...s, points: s.points.map((p) => ({ x: p.x, y: p.y1 })) })),\n    xDomainHint,\n  );\n\n  const allY: number[] = [];\n  for (const s of series) {\n    for (const p of s.points) {\n      allY.push(p.y0, p.y1);\n    }\n  }\n  const [minY, maxY] = calculateScaleLinearDomain(allY);\n  const numTicks = calculateNumTicks(height);\n  const isGrouped = series.length > 1;\n\n  const xScale = scaleBand<string>()\n    .domain(xDomain)\n    .range([plotLeft, plotRight])\n    .padding(-1);\n\n  const yScale = scaleLinear()\n    .domain([minY, maxY])\n    .range([plotBottom, plotTop]);\n\n  const yTicks = yScale.ticks(numTicks);\n  const zeroY = yScale(0);\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', 'Area chart')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  const glowUrl = appendGlowFilter(svg);\n  const defs = svg.select<SVGDefsElement>('defs');\n\n  for (const s of series) {\n    const color = resolveColor(s, series.indexOf(s), theme);\n    const grad = defs\n      .append('linearGradient')\n      .attr('id', safeGradientId(s.id))\n      .attr('x1', '0%')\n      .attr('y1', '0%')\n      .attr('x2', '0%')\n      .attr('y2', '100%');\n    grad.append('stop').attr('offset', '0%').attr('stop-color', color).attr('stop-opacity', FD.areaGradientTopOpacity);\n    grad.append('stop').attr('offset', '100%').attr('stop-color', color).attr('stop-opacity', FD.areaGradientBottomOpacity);\n  }\n\n  const root = svg.append('g').attr('class', 'plot');\n\n  if (showGrid) {\n    const grid = root.append('g').attr('class', 'grid');\n    for (const cat of xDomain) {\n      const bx = xScale(cat);\n      if (bx == null) continue;\n      const x = bx + xScale.bandwidth() / 2;\n      grid\n        .append('line')\n        .attr('x1', x)\n        .attr('x2', x)\n        .attr('y1', plotTop)\n        .attr('y2', plotBottom)\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('shape-rendering', 'crispEdges');\n    }\n    for (const t of yTicks) {\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', yScale(t))\n        .attr('y2', yScale(t))\n        .attr('stroke', FD.gridStroke)\n        .attr('stroke-dasharray', FD.gridDash)\n        .attr('shape-rendering', 'crispEdges');\n    }\n    grid\n      .append('line')\n      .attr('x1', plotRight)\n      .attr('x2', plotRight)\n      .attr('y1', plotTop)\n      .attr('y2', plotBottom)\n      .attr('stroke', FD.gridStroke)\n      .attr('stroke-dasharray', FD.gridDash)\n      .attr('shape-rendering', 'crispEdges');\n\n    if (Number.isFinite(zeroY)) {\n      grid\n        .append('line')\n        .attr('x1', plotLeft)\n        .attr('x2', plotRight)\n        .attr('y1', zeroY)\n        .attr('y2', zeroY)\n        .attr('stroke', FD.gridStroke)\n        .attr('shape-rendering', 'crispEdges');\n    }\n  }\n\n  const areaGen = area<PlotPoint>()\n    .x((d) => d.x)\n    .y0((d) => yScale(d.y0))\n    .y1((d) => yScale(d.y1))\n    .curve(curveLinear);\n\n  const lineGen = d3Line<PlotPoint>()\n    .x((d) => d.x)\n    .y((d) => yScale(d.y1))\n    .curve(curveLinear);\n\n  series.forEach((s, i) => {\n    const color = resolveColor(s, i, theme);\n    const plotPoints = toPlotPoints(s, xScale);\n    if (!plotPoints.length) return;\n\n    const layer = root.append('g').attr('class', `series series-${s.id}`);\n\n    layer\n      .append('path')\n      .datum(plotPoints)\n      .attr('class', 'area')\n      .attr('fill', `url(#${safeGradientId(s.id)})`)\n      .attr('pointer-events', 'none')\n      .attr('d', areaGen);\n\n    layer\n      .append('path')\n      .datum(plotPoints)\n      .attr('class', 'line')\n      .attr('fill', 'none')\n      .attr('stroke', color)\n      .attr('stroke-width', FD.lineStrokeWidth)\n      .attr('filter', glowUrl || null)\n      .attr('pointer-events', 'none')\n      .attr('d', lineGen);\n\n    const shape = s.marker ?? marker;\n    if (showPoints && shape !== 'disabled') {\n      const markersG = layer.append('g').attr('class', 'markers');\n      for (const p of plotPoints) {\n        const cy = yScale(p.y1);\n        const hit = markersG\n          .append('g')\n          .attr('class', 'marker')\n          .style('cursor', onPointHover ? 'pointer' : 'default');\n\n        appendLineMarker(hit, {\n          shape,\n          color,\n          cx: p.x,\n          cy,\n          r: FD.markerRadius,\n          themeMode,\n        });\n\n        hit\n          .append('circle')\n          .attr('cx', p.x)\n          .attr('cy', cy)\n          .attr('r', 10)\n          .attr('fill', 'transparent');\n\n        if (onPointHover) {\n          hit\n            .on('mouseenter', (event: MouseEvent) => {\n              if (isGrouped) {\n                root.selectAll('.series').attr('opacity', 0.2);\n                layer.attr('opacity', 1);\n              }\n              onPointHover({\n                seriesId: s.id,\n                seriesName: s.name ?? s.id,\n                category: p.category,\n                value: p.value,\n                event,\n              });\n            })\n            .on('mouseleave', () => {\n              if (isGrouped) {\n                root.selectAll('.series').attr('opacity', 1);\n              }\n              onPointLeave?.();\n            });\n        }\n      }\n    }\n  });\n\n  const xAxis = root\n    .append('g')\n    .attr('class', 'x-axis')\n    .attr('transform', `translate(0,${plotBottom})`)\n    .call(axisBottom(xScale).tickSize(0).tickPadding(8).tickFormat((d) => String(d)));\n  xAxis.select('.domain').attr('stroke', FD.axisStroke);\n  xAxis.selectAll('line').attr('stroke', 'none');\n  xAxis\n    .selectAll('text')\n    .attr('fill', FD.axisLabelFill)\n    .attr('font-size', FD.axisLabelSize)\n    .attr('text-anchor', 'middle');\n\n  const xTickNodes = xAxis.selectAll<SVGTextElement, string>('text').nodes();\n  if (xTickNodes.length > 0) {\n    select(xTickNodes[0]).attr('text-anchor', 'start');\n    if (xTickNodes.length > 1) {\n      select(xTickNodes[xTickNodes.length - 1]).attr('text-anchor', 'end');\n    }\n  }\n\n  decorateAxisLabels(xAxis, { slotWidth: xScale.bandwidth(), ...axisLabels });\n\n  const yAxis = root\n    .append('g')\n    .attr('class', 'y-axis')\n    .attr('transform', `translate(${plotLeft},0)`)\n    .call(\n      axisLeft(yScale)\n        .tickValues(yTicks)\n        .tickSize(5)\n        .tickPadding(6)\n        .tickFormat((d) => {\n          const n = Number(d);\n          const decimals = Number.isInteger(n) && Math.abs(n) < 1000 ? 0 : 2;\n          return formatCompactNumber(n, decimals);\n        }),\n    );\n  yAxis.select('.domain').attr('stroke', 'none');\n  yAxis.selectAll('line').attr('stroke', FD.axisStroke).attr('stroke-dasharray', FD.gridDash);\n  applyLeftGutterYAxisLabels(yAxis, plotLeft);\n\n  if (xLabel) {\n    root\n      .append('text')\n      .attr('x', (plotLeft + plotRight) / 2)\n      .attr('y', height - 2)\n      .attr('text-anchor', 'middle')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(xLabel);\n  }\n\n  if (yLabel) {\n    root\n      .append('text')\n      .attr('x', 4)\n      .attr('y', 11)\n      .attr('text-anchor', 'start')\n      .attr('fill', FD.axisLabelFill)\n      .attr('font-size', FD.axisLabelSize)\n      .text(yLabel);\n  }\n}\n"],"names":["fdSeriesColor","d3Line"],"mappings":"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"}

package/dist/components/area-chart/render/index.d.ts

@@ -0,0 +1,2 @@
+export { renderAreaChart } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/area-chart/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/area-chart/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/area-grouped-bar-chart/element/styles.d.ts

@@ -0,0 +1,2 @@
+export { lineChartStyles as areaGroupedBarChartStyles } from '../../line-chart/element/styles.js';
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/area-grouped-bar-chart/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/element/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,yBAAyB,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/components/area-grouped-bar-chart/element/ui9000-area-grouped-bar-chart.d.ts

@@ -0,0 +1,31 @@
+import { PropertyValues } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WidgetScale } from '../../../types/index.js';
+export declare class Ui9000AreaGroupedBarChart extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    scale: WidgetScale;
+    showGrid: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    private _tooltip;
+    private _empty;
+    private _resizeObserver?;
+    private _raf;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: PropertyValues): void;
+    private scheduleDraw;
+    private parseData;
+    private legendEntries;
+    private renderLegend;
+    private tooltipLines;
+    private draw;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-area-grouped-bar-chart': Ui9000AreaGroupedBarChart;
+    }
+}
+export declare function registerAreaGroupedBarChart(): void;
+//# sourceMappingURL=ui9000-area-grouped-bar-chart.d.ts.map

package/dist/components/area-grouped-bar-chart/element/ui9000-area-grouped-bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-area-grouped-bar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/area-grouped-bar-chart/element/ui9000-area-grouped-bar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAe3D,qBACa,yBAA0B,SAAQ,kBAAkB;IAC/D,OAAgB,MAAM,4BAAiD;IAGvE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,QAAQ,CAA0D;IAG1E,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,IAAI;IA4CH,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,+BAA+B,EAAE,yBAAyB,CAAC;KAC5D;CACF;AAED,wBAAgB,2BAA2B,IAAI,IAAI,CAIlD"}