minerva-design 1.4.0 → 1.6.0

package/dist/web-components/components/chart/extended.js.map

@@ -1 +1 @@
-{"version":3,"file":"extended.js","names":["_decorate","__decorate","MinervaHorizontalBarChart","MinervaBarChart","options","MinervaRangeAreaChart","SeriesChartElement","_args","withSeriesType","series","s","property","MinervaMixedChart","MinervaBubbleChart","_args2","bubbleSeries","binning","value","MinervaHistogramChart","MinervaCartesianChartElement","_args3","histogramSeries","whiskerReach","MinervaBoxPlotChart","_args4","boxplotData","MinervaWaterfallChart","_args5","waterfallSeries","MinervaGanttChart","_args6","gantt","ganttSeries","today","now","lines"],"sources":["../../../../../web-components/src/components/chart/extended.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  boxplotData,\n  bubbleSeries,\n  ganttSeries,\n  histogramSeries,\n  waterfallSeries,\n  type BoxplotGroup,\n  type ChartAnnotation,\n  type ChartOptions,\n  type ChartSeries,\n  type GanttTask,\n  type HistogramBinning,\n  type WaterfallStep,\n} from \"minerva-design/charts/core\";\nimport { MinervaCartesianChartElement } from \"./chart\";\nimport {\n  MinervaBarChart,\n  SeriesChartElement,\n  type ChartBaseOptions,\n} from \"./charts\";\nimport { withSeriesType } from \"./series\";\n\n/**\n * Horizontal bar chart of `minerva-design/charts/core` (the\n * `<HorizontalBarChart>` of React): categories down the left side, values\n * from the left (rankings, long names, diverging surveys, stacked\n * progress). The series without a `type` are drawn as bars.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bar chart drawn from the left: rankings and long names.\n * @tag minerva-horizontal-bar-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaHorizontalBarChart extends MinervaBarChart {\n  static override tagName = \"minerva-horizontal-bar-chart\";\n\n  protected override engineOptions(): ChartOptions | null {\n    const options = super.engineOptions();\n    return options && { ...options, orientation: \"horizontal\" };\n  }\n}\n\n/**\n * Range area chart of `minerva-design/charts/core` (the `<RangeAreaChart>`\n * of React): bands between a lower (`y0`) and an upper edge (`y`) of every\n * point (confidence intervals, min-max ranges), mixable with lines. The\n * series without a `type` are drawn as bands.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bands between a lower and an upper edge.\n * @tag minerva-range-area-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaRangeAreaChart extends SeriesChartElement {\n  static override tagName = \"minerva-range-area-chart\";\n\n  /** Shape of the edges: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"area\", undefined, this.curve).map((s) =>\n      s.type === \"area\" ? { ...s, lineWidth: s.lineWidth ?? 1.5 } : s,\n    );\n  }\n}\n\n/**\n * Combination chart of `minerva-design/charts/core` (the `<MixedChart>` of\n * React): bars, lines, areas and dots, each series with its `type`, on one\n * or two value axes (`yAxis: \"right\"` series use `options.yAxis2`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU combination of bars, lines and areas on two value axes.\n * @tag minerva-mixed-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaMixedChart extends SeriesChartElement {\n  static override tagName = \"minerva-mixed-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"line\");\n  }\n}\n\n/**\n * Bubble chart of `minerva-design/charts/core` (the `<BubbleChart>` of\n * React): x, y and a `value` per point sized by area (√value diameters,\n * one scale for every series). The series without a `type` are drawn as\n * bubbles.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bubble chart: x, y and a value sized by area.\n * @tag minerva-bubble-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBubbleChart extends SeriesChartElement {\n  static override tagName = \"minerva-bubble-chart\";\n\n  /** Diameter in pixels of the smallest bubbles */\n  @property({ type: Number, attribute: \"min-size\" })\n  minSize = 6;\n\n  /** Diameter in pixels of the largest value */\n  @property({ type: Number, attribute: \"max-size\" })\n  maxSize = 48;\n\n  /** Value drawn with `max-size` (share a scale between charts); the largest value by default */\n  @property({ type: Number, attribute: \"max-value\" })\n  maxValue?: number;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return bubbleSeries(series, {\n      minSize: this.minSize,\n      maxSize: this.maxSize,\n      maxValue: this.maxValue,\n    });\n  }\n}\n\nconst binning = {\n  fromAttribute: (value: string | null): HistogramBinning | undefined =>\n    value === null\n      ? undefined\n      : /^\\d+$/.test(value)\n        ? Number(value)\n        : (value as HistogramBinning),\n};\n\n/**\n * Histogram of `minerva-design/charts/core` (the `<HistogramChart>` of\n * React): the distribution of raw samples in bins of equal width\n * (Freedman-Diaconis, Sturges or a count); millions of samples are binned\n * in milliseconds.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU histogram of raw samples, binned automatically.\n * @tag minerva-histogram-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaHistogramChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-histogram-chart\";\n\n  /** Raw samples (typed arrays are counted without copies); property only */\n  @property({ attribute: false })\n  values?: ArrayLike<number>;\n\n  /** Number of bins, or the rule choosing it: `auto`, `sturges`, `freedman-diaconis` */\n  @property({ converter: binning })\n  bins: HistogramBinning = \"auto\";\n\n  /** Range covered by the bins (the data range by default); property only */\n  @property({ attribute: false })\n  domain?: readonly [number, number];\n\n  /** Rounds the bin width to 1, 2 or 5 × 10^k and aligns the edges on it; property only */\n  @property({ attribute: false })\n  nice = true;\n\n  /** Name of the counts (legend, tooltip; default \"Count\") */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Bar color (any CSS color) */\n  @property()\n  color?: string;\n\n  /** Formats the edges of the bins in the tooltip; property only */\n  @property({ attribute: false })\n  formatBin?: (value: number) => string;\n\n  /** More series drawn over the bins (e.g. a density `line`); property only */\n  @property({ attribute: false })\n  series?: readonly ChartSeries[];\n\n  /** Other engine options (axes, legend, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.values) return null;\n    return {\n      ...this.options,\n      series: [\n        histogramSeries(this.values, {\n          bins: this.bins,\n          domain: this.domain,\n          nice: this.nice,\n          name: this.valueName,\n          color: this.color,\n          format: this.formatBin,\n        }),\n        ...(this.series ?? []),\n      ],\n    };\n  }\n}\n\nconst whiskerReach = {\n  fromAttribute: (value: string | null): number | \"minmax\" | undefined =>\n    value === null ? undefined : value === \"minmax\" ? value : Number(value),\n};\n\n/**\n * Box plot of `minerva-design/charts/core` (the `<BoxPlotChart>` of\n * React): medians, quartiles, whiskers and outliers of samples, from raw\n * values (`groups`) or computed statistics (`series`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU box plot of raw samples or computed quartiles.\n * @tag minerva-box-plot-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBoxPlotChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-box-plot-chart\";\n\n  /** Raw samples `{ x, values, color }`, one box each; property only */\n  @property({ attribute: false })\n  groups?: readonly BoxplotGroup[];\n\n  /** Series of computed box plots (`low`, `q1`, `y` the median, `q3`, `high`, `outliers`); property only */\n  @property({ attribute: false })\n  series?: readonly ChartSeries[];\n\n  /** Name of the series built from `groups` (default \"Values\") */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Reach of the whiskers in interquartile ranges (Tukey: 1.5), or `minmax` */\n  @property({ converter: whiskerReach })\n  whisker: number | \"minmax\" = 1.5;\n\n  /** `horizontal` lays the boxes out in rows */\n  @property()\n  orientation: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Other engine options (axes, legend, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.groups?.length && !this.series) return null;\n    return {\n      ...this.options,\n      orientation: this.orientation,\n      series: withSeriesType(\n        [\n          ...(this.groups?.length\n            ? [\n                {\n                  id: \"boxplot\",\n                  name: this.valueName ?? \"Values\",\n                  data: boxplotData(this.groups, { whisker: this.whisker }),\n                },\n              ]\n            : []),\n          ...(this.series ?? []),\n        ],\n        \"boxplot\",\n      ),\n    };\n  }\n}\n\n/**\n * Waterfall (bridge) chart of `minerva-design/charts/core` (the\n * `<WaterfallChart>` of React): how changes take a value from a start to an\n * end, with subtotals and totals (P&L bridges, budget variances).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bridge of changes, subtotals and totals.\n * @tag minerva-waterfall-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaWaterfallChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-waterfall-chart\";\n\n  /** Changes, subtotals and totals `{ label, value, kind, color }`, in order; property only */\n  @property({ attribute: false })\n  steps?: readonly WaterfallStep[];\n\n  /** Name of the series in the tooltip (default \"Change\") */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Color of the increases (the success color by default) */\n  @property({ attribute: \"up-color\" })\n  upColor?: string;\n\n  /** Color of the decreases (the danger color by default) */\n  @property({ attribute: \"down-color\" })\n  downColor?: string;\n\n  /** Color of the totals and subtotals (the primary color by default) */\n  @property({ attribute: \"total-color\" })\n  totalColor?: string;\n\n  /** Value the first change starts from */\n  @property({ type: Number })\n  start = 0;\n\n  /** Hides the change (or total) written at the end of every bar */\n  @property({ type: Boolean, attribute: \"hide-labels\" })\n  hideLabels = false;\n\n  /** Formats the values (labels, tooltip); property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** `horizontal` lays the steps out in rows */\n  @property()\n  orientation: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Other engine options (axes, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.steps) return null;\n    return {\n      ...this.options,\n      orientation: this.orientation,\n      series: [\n        waterfallSeries(this.steps, {\n          name: this.valueName,\n          upColor: this.upColor,\n          downColor: this.downColor,\n          totalColor: this.totalColor,\n          start: this.start,\n          labels: !this.hideLabels,\n          format: this.format,\n        }),\n      ],\n    };\n  }\n}\n\n/**\n * Gantt chart of `minerva-design/charts/core` (the `<GanttChart>` of\n * React): tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans along the time.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU Gantt chart of tasks, progress and milestones.\n * @tag minerva-gantt-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaGanttChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-gantt-chart\";\n\n  /** Tasks and milestones `{ name, start, end, progress, group, color, milestone }`, from top to bottom; property only */\n  @property({ attribute: false })\n  tasks?: readonly GanttTask[];\n\n  /** Colors of the groups in order of appearance (the chart palette by default); property only */\n  @property({ attribute: false })\n  colors?: readonly string[];\n\n  /** Name of the tasks without a group */\n  @property({ attribute: \"task-name\" })\n  taskName = \"Tasks\";\n\n  /** Name of the progress bars (legend, tooltip) */\n  @property({ attribute: \"progress-name\" })\n  progressName = \"Progress\";\n\n  /** Name of the milestones (legend, tooltip) */\n  @property({ attribute: \"milestone-name\" })\n  milestoneName = \"Milestones\";\n\n  /** Formats the progress shares (tooltip, default \"60%\"); property only */\n  @property({ attribute: false })\n  formatProgress?: (share: number) => string;\n\n  /** Draws a line at this date (`true`: now); property only */\n  @property({ attribute: false })\n  today: boolean | number | Date = false;\n\n  /** Label of the today line */\n  @property({ attribute: \"today-label\" })\n  todayLabel?: string;\n\n  /** Other engine options (axes, legend, annotations, interaction...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  private mountedAt = Date.now();\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.tasks) return null;\n    const gantt = ganttSeries(this.tasks, {\n      colors: this.colors,\n      taskName: this.taskName,\n      progressName: this.progressName,\n      milestoneName: this.milestoneName,\n      formatProgress: this.formatProgress,\n    });\n    const today = this.today;\n    const now =\n      today === false\n        ? null\n        : today === true\n          ? this.mountedAt\n          : today instanceof Date\n            ? today.getTime()\n            : today;\n    const lines: ChartAnnotation[] =\n      now === null\n        ? []\n        : [\n            {\n              type: \"line\",\n              axis: \"y\",\n              value: now,\n              color: \"var(--danger-color, #dc2626)\",\n              dash: [4, 3],\n              label: this.todayLabel,\n            },\n          ];\n    const options = this.options ?? {};\n    return {\n      ...options,\n      series: gantt.series,\n      orientation: \"horizontal\",\n      xAxis: {\n        type: \"category\",\n        categories: gantt.categories,\n        ...options.xAxis,\n      },\n      yAxis: {\n        type: \"time\",\n        min: gantt.domain[0],\n        max: gantt.domain[1],\n        ...options.yAxis,\n      },\n      annotations: [...(options.annotations ?? []), ...lines],\n      interaction: options.interaction ?? { zoom: \"y\" },\n      legend: options.legend ?? gantt.series.length > 1,\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-horizontal-bar-chart\": MinervaHorizontalBarChart;\n    \"minerva-range-area-chart\": MinervaRangeAreaChart;\n    \"minerva-mixed-chart\": MinervaMixedChart;\n    \"minerva-bubble-chart\": MinervaBubbleChart;\n    \"minerva-histogram-chart\": MinervaHistogramChart;\n    \"minerva-box-plot-chart\": MinervaBoxPlotChart;\n    \"minerva-waterfall-chart\": MinervaWaterfallChart;\n    \"minerva-gantt-chart\": MinervaGanttChart;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"extended.js","names":["_decorate","__decorate","MinervaHorizontalBarChart","MinervaBarChart","options","MinervaRangeAreaChart","SeriesChartElement","_args","withSeriesType","series","s","property","MinervaMixedChart","MinervaBubbleChart","_args2","bubbleSeries","binning","value","MinervaHistogramChart","MinervaCartesianChartElement","_args3","histogramSeries","whiskerReach","MinervaBoxPlotChart","_args4","boxplotData","MinervaWaterfallChart","_args5","waterfallSeries","MinervaGanttChart","_args6","gantt","ganttSeries","today","now","lines"],"sources":["../../../../../web-components/src/components/chart/extended.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  boxplotData,\n  bubbleSeries,\n  ganttSeries,\n  histogramSeries,\n  waterfallSeries,\n  type BoxplotGroup,\n  type ChartAnnotation,\n  type ChartConnectorOptions,\n  type ChartOptions,\n  type ChartSeries,\n  type GanttTask,\n  type HistogramBinning,\n  type WaterfallStep,\n} from \"minerva-design/charts/core\";\nimport { MinervaCartesianChartElement } from \"./chart\";\nimport {\n  MinervaBarChart,\n  SeriesChartElement,\n  type ChartBaseOptions,\n} from \"./charts\";\nimport { withSeriesType } from \"./series\";\n\n/**\n * Horizontal bar chart of `minerva-design/charts/core` (the\n * `<HorizontalBarChart>` of React): categories down the left side, values\n * from the left (rankings, long names, diverging surveys, stacked\n * progress). The series without a `type` are drawn as bars.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bar chart drawn from the left: rankings and long names.\n * @tag minerva-horizontal-bar-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaHorizontalBarChart extends MinervaBarChart {\n  static override tagName = \"minerva-horizontal-bar-chart\";\n\n  protected override engineOptions(): ChartOptions | null {\n    const options = super.engineOptions();\n    return options && { ...options, orientation: \"horizontal\" };\n  }\n}\n\n/**\n * Range area chart of `minerva-design/charts/core` (the `<RangeAreaChart>`\n * of React): bands between a lower (`y0`) and an upper edge (`y`) of every\n * point (confidence intervals, min-max ranges), mixable with lines. The\n * series without a `type` are drawn as bands.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bands between a lower and an upper edge.\n * @tag minerva-range-area-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaRangeAreaChart extends SeriesChartElement {\n  static override tagName = \"minerva-range-area-chart\";\n\n  /** Shape of the edges: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"area\", undefined, this.curve).map((s) =>\n      s.type === \"area\" ? { ...s, lineWidth: s.lineWidth ?? 1.5 } : s,\n    );\n  }\n}\n\n/**\n * Combination chart of `minerva-design/charts/core` (the `<MixedChart>` of\n * React): bars, lines, areas and dots, each series with its `type`, on one\n * or two value axes (`yAxis: \"right\"` series use `options.yAxis2`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU combination of bars, lines and areas on two value axes.\n * @tag minerva-mixed-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaMixedChart extends SeriesChartElement {\n  static override tagName = \"minerva-mixed-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"line\");\n  }\n}\n\n/**\n * Bubble chart of `minerva-design/charts/core` (the `<BubbleChart>` of\n * React): x, y and a `value` per point sized by area (√value diameters,\n * one scale for every series). The series without a `type` are drawn as\n * bubbles.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bubble chart: x, y and a value sized by area.\n * @tag minerva-bubble-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBubbleChart extends SeriesChartElement {\n  static override tagName = \"minerva-bubble-chart\";\n\n  /** Diameter in pixels of the smallest bubbles */\n  @property({ type: Number, attribute: \"min-size\" })\n  minSize = 6;\n\n  /** Diameter in pixels of the largest value */\n  @property({ type: Number, attribute: \"max-size\" })\n  maxSize = 48;\n\n  /** Value drawn with `max-size` (share a scale between charts); the largest value by default */\n  @property({ type: Number, attribute: \"max-value\" })\n  maxValue?: number;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return bubbleSeries(series, {\n      minSize: this.minSize,\n      maxSize: this.maxSize,\n      maxValue: this.maxValue,\n    });\n  }\n}\n\nconst binning = {\n  fromAttribute: (value: string | null): HistogramBinning | undefined =>\n    value === null\n      ? undefined\n      : /^\\d+$/.test(value)\n        ? Number(value)\n        : (value as HistogramBinning),\n};\n\n/**\n * Histogram of `minerva-design/charts/core` (the `<HistogramChart>` of\n * React): the distribution of raw samples in bins of equal width\n * (Freedman-Diaconis, Sturges or a count); millions of samples are binned\n * in milliseconds.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU histogram of raw samples, binned automatically.\n * @tag minerva-histogram-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaHistogramChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-histogram-chart\";\n\n  /** Raw samples (typed arrays are counted without copies); property only */\n  @property({ attribute: false })\n  values?: ArrayLike<number>;\n\n  /** Number of bins, or the rule choosing it: `auto`, `sturges`, `freedman-diaconis` */\n  @property({ converter: binning })\n  bins: HistogramBinning = \"auto\";\n\n  /** Range covered by the bins (the data range by default); property only */\n  @property({ attribute: false })\n  domain?: readonly [number, number];\n\n  /** Rounds the bin width to 1, 2 or 5 × 10^k and aligns the edges on it; property only */\n  @property({ attribute: false })\n  nice = true;\n\n  /** Name of the counts (legend, tooltip; default \"Count\") */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Bar color (any CSS color) */\n  @property()\n  color?: string;\n\n  /** Formats the edges of the bins in the tooltip; property only */\n  @property({ attribute: false })\n  formatBin?: (value: number) => string;\n\n  /** More series drawn over the bins (e.g. a density `line`); property only */\n  @property({ attribute: false })\n  series?: readonly ChartSeries[];\n\n  /** Other engine options (axes, legend, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.values) return null;\n    return {\n      ...this.options,\n      series: [\n        histogramSeries(this.values, {\n          bins: this.bins,\n          domain: this.domain,\n          nice: this.nice,\n          name: this.valueName,\n          color: this.color,\n          format: this.formatBin,\n        }),\n        ...(this.series ?? []),\n      ],\n    };\n  }\n}\n\nconst whiskerReach = {\n  fromAttribute: (value: string | null): number | \"minmax\" | undefined =>\n    value === null ? undefined : value === \"minmax\" ? value : Number(value),\n};\n\n/**\n * Box plot of `minerva-design/charts/core` (the `<BoxPlotChart>` of\n * React): medians, quartiles, whiskers and outliers of samples, from raw\n * values (`groups`) or computed statistics (`series`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU box plot of raw samples or computed quartiles.\n * @tag minerva-box-plot-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBoxPlotChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-box-plot-chart\";\n\n  /** Raw samples `{ x, values, color }`, one box each; property only */\n  @property({ attribute: false })\n  groups?: readonly BoxplotGroup[];\n\n  /** Series of computed box plots (`low`, `q1`, `y` the median, `q3`, `high`, `outliers`); property only */\n  @property({ attribute: false })\n  series?: readonly ChartSeries[];\n\n  /** Name of the series built from `groups` (default \"Values\") */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Reach of the whiskers in interquartile ranges (Tukey: 1.5), or `minmax` */\n  @property({ converter: whiskerReach })\n  whisker: number | \"minmax\" = 1.5;\n\n  /** Outliers drawn as rings of the series color or as filled dots (series may set their own) */\n  @property({ attribute: \"outlier-shape\" })\n  outlierShape: \"hollow\" | \"filled\" = \"hollow\";\n\n  /** Diameter of the outliers in CSS pixels */\n  @property({ type: Number, attribute: \"outlier-size\" })\n  outlierSize = 7;\n\n  /** `horizontal` lays the boxes out in rows */\n  @property()\n  orientation: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Other engine options (axes, legend, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.groups?.length && !this.series) return null;\n    return {\n      ...this.options,\n      orientation: this.orientation,\n      series: withSeriesType(\n        [\n          ...(this.groups?.length\n            ? [\n                {\n                  id: \"boxplot\",\n                  name: this.valueName ?? \"Values\",\n                  data: boxplotData(this.groups, { whisker: this.whisker }),\n                },\n              ]\n            : []),\n          ...(this.series ?? []),\n        ],\n        \"boxplot\",\n      ).map((s) =>\n        s.type === \"boxplot\"\n          ? {\n              ...s,\n              outlierShape: s.outlierShape ?? this.outlierShape,\n              outlierSize: s.outlierSize ?? this.outlierSize,\n            }\n          : s,\n      ),\n    };\n  }\n}\n\n/**\n * Waterfall (bridge) chart of `minerva-design/charts/core` (the\n * `<WaterfallChart>` of React): how changes take a value from a start to an\n * end, with subtotals and totals (P&L bridges, budget variances).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bridge of changes, subtotals and totals.\n * @tag minerva-waterfall-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaWaterfallChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-waterfall-chart\";\n\n  /** Changes, subtotals and totals `{ label, value, kind, color }`, in order; property only */\n  @property({ attribute: false })\n  steps?: readonly WaterfallStep[];\n\n  /** Name of the series in the tooltip (default \"Change\") */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Color of the increases (the success color by default) */\n  @property({ attribute: \"up-color\" })\n  upColor?: string;\n\n  /** Color of the decreases (the danger color by default) */\n  @property({ attribute: \"down-color\" })\n  downColor?: string;\n\n  /** Color of the totals and subtotals (the primary color by default) */\n  @property({ attribute: \"total-color\" })\n  totalColor?: string;\n\n  /** Value the first change starts from */\n  @property({ type: Number })\n  start = 0;\n\n  /** Hides the change (or total) written at the end of every bar */\n  @property({ type: Boolean, attribute: \"hide-labels\" })\n  hideLabels = false;\n\n  /** Formats the values (labels, tooltip); property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** Hides the thin lines from the end of every bar to the next one */\n  @property({ type: Boolean, attribute: \"hide-connectors\" })\n  hideConnectors = false;\n\n  /** Style of the connector lines `{ color, width, dash }` (dashed, secondary text color by default); property only */\n  @property({ attribute: false })\n  connector?: ChartConnectorOptions;\n\n  /** `horizontal` lays the steps out in rows */\n  @property()\n  orientation: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Other engine options (axes, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.steps) return null;\n    return {\n      ...this.options,\n      orientation: this.orientation,\n      series: [\n        waterfallSeries(this.steps, {\n          name: this.valueName,\n          upColor: this.upColor,\n          downColor: this.downColor,\n          totalColor: this.totalColor,\n          start: this.start,\n          labels: !this.hideLabels,\n          format: this.format,\n          connector: this.hideConnectors ? false : (this.connector ?? true),\n          locale: this.options?.locale,\n        }),\n      ],\n    };\n  }\n}\n\n/**\n * Gantt chart of `minerva-design/charts/core` (the `<GanttChart>` of\n * React): tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans along the time.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU Gantt chart of tasks, progress and milestones.\n * @tag minerva-gantt-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaGanttChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-gantt-chart\";\n\n  /** Tasks and milestones `{ name, start, end, progress, group, color, milestone }`, from top to bottom; property only */\n  @property({ attribute: false })\n  tasks?: readonly GanttTask[];\n\n  /** Colors of the groups in order of appearance (the chart palette by default); property only */\n  @property({ attribute: false })\n  colors?: readonly string[];\n\n  /** Name of the tasks without a group (\"Tasks\" in the locale by default) */\n  @property({ attribute: \"task-name\" })\n  taskName?: string;\n\n  /** Name of the progress bars (legend, tooltip; \"Progress\" in the locale by default) */\n  @property({ attribute: \"progress-name\" })\n  progressName?: string;\n\n  /** Name of the milestones (legend, tooltip; \"Milestones\" in the locale by default) */\n  @property({ attribute: \"milestone-name\" })\n  milestoneName?: string;\n\n  /** Name of the dependencies row of the tooltip (\"Depends on\" in the locale by default) */\n  @property({ attribute: \"dependencies-name\" })\n  dependenciesName?: string;\n\n  /** Hides the elbow arrows drawn for the `dependencies` of the tasks */\n  @property({ type: Boolean, attribute: \"hide-dependency-arrows\" })\n  hideDependencyArrows = false;\n\n  /** Color of the dependency arrows (any CSS color); the secondary text color by default */\n  @property({ attribute: \"dependency-color\" })\n  dependencyColor?: string;\n\n  /** Formats the progress shares (tooltip, default \"60%\"); property only */\n  @property({ attribute: false })\n  formatProgress?: (share: number) => string;\n\n  /** Draws a line at this date (`true`: now); property only */\n  @property({ attribute: false })\n  today: boolean | number | Date = false;\n\n  /** Label of the today line */\n  @property({ attribute: \"today-label\" })\n  todayLabel?: string;\n\n  /** Other engine options (axes, legend, annotations, interaction...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  private mountedAt = Date.now();\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.tasks) return null;\n    const gantt = ganttSeries(this.tasks, {\n      colors: this.colors,\n      taskName: this.taskName,\n      progressName: this.progressName,\n      milestoneName: this.milestoneName,\n      formatProgress: this.formatProgress,\n      dependenciesName: this.dependenciesName,\n      dependencyArrows: !this.hideDependencyArrows,\n      dependencyColor: this.dependencyColor,\n      locale: this.options?.locale,\n    });\n    const today = this.today;\n    const now =\n      today === false\n        ? null\n        : today === true\n          ? this.mountedAt\n          : today instanceof Date\n            ? today.getTime()\n            : today;\n    const lines: ChartAnnotation[] =\n      now === null\n        ? []\n        : [\n            {\n              type: \"line\",\n              axis: \"y\",\n              value: now,\n              color: \"var(--danger-color, #dc2626)\",\n              dash: [4, 3],\n              label: this.todayLabel,\n            },\n          ];\n    const options = this.options ?? {};\n    return {\n      ...options,\n      series: gantt.series,\n      orientation: \"horizontal\",\n      xAxis: {\n        type: \"category\",\n        categories: gantt.categories,\n        ...options.xAxis,\n      },\n      yAxis: {\n        type: \"time\",\n        min: gantt.domain[0],\n        max: gantt.domain[1],\n        ...options.yAxis,\n      },\n      annotations: [...(options.annotations ?? []), ...lines],\n      dependencies: gantt.dependencies,\n      interaction: options.interaction ?? { zoom: \"y\" },\n      legend: options.legend ?? gantt.series.length > 1,\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-horizontal-bar-chart\": MinervaHorizontalBarChart;\n    \"minerva-range-area-chart\": MinervaRangeAreaChart;\n    \"minerva-mixed-chart\": MinervaMixedChart;\n    \"minerva-bubble-chart\": MinervaBubbleChart;\n    \"minerva-histogram-chart\": MinervaHistogramChart;\n    \"minerva-box-plot-chart\": MinervaBoxPlotChart;\n    \"minerva-waterfall-chart\": MinervaWaterfallChart;\n    \"minerva-gantt-chart\": MinervaGanttChart;\n  }\n}\n"],"mappings":"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"}

package/dist/web-components/components/chart/shapes-extended.d.ts

@@ -1,4 +1,4 @@
-import { BulletChartOptions, BulletDatum, CalendarDate, CalendarDatum, CalendarHeatmapOptions, RadialBarChartOptions, RadialBarDatum, SankeyChartOptions, SankeyLink, SankeyNode, ShapeChartInstance, ShapeChartOptions, SunburstChartOptions, TreemapNode } from '../../../charts/core.js';
+import { BulletChartOptions, BulletDatum, CalendarDate, CalendarDatum, CalendarHeatmapOptions, ChordChartOptions, ChordGroup, ChordLink, RadialBarChartOptions, RadialBarDatum, SankeyChartOptions, SankeyLink, SankeyNode, ShapeChartInstance, ShapeChartOptions, SunburstChartOptions, TreemapNode } from '../../../charts/core.js';
 import { MinervaShapeChartElement } from './shape-chart.js';
 /**
  * Sankey diagram of `minerva-design/charts/core` (the `<SankeyChart>` of
@@ -151,6 +151,41 @@ export declare class MinervaBulletChart extends MinervaShapeChartElement {
     protected get defaultHeight(): string | number;
     protected engineOptions(): ShapeChartOptions | null;
 }
+/**
+ * Chord diagram of `minerva-design/charts/core` (the `<ChordChart>` of
+ * React): flows between groups around a circle, as ribbons whose ends are
+ * proportional to the flow in each direction; hovering a group highlights
+ * its ribbons, hovering a ribbon shows both directions (the `minerva-hover`
+ * detail of a ribbon also has `source`, `target` and `reverseValue`).
+ *
+ * Published as the optional entry `minerva-design/web-components/chart`.
+ *
+ * @summary Chord diagram of the flows between groups.
+ * @tag minerva-chord-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaChordChart extends MinervaShapeChartElement {
+    static tagName: string;
+    /** Groups (names or `{ name, color }`), in their order around the circle; property only */
+    groups?: readonly (string | ChordGroup)[];
+    /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used without `links`); property only */
+    matrix?: readonly (readonly number[])[];
+    /** Flows `{ source, target, value }` by group name or index; take precedence over `matrix`; property only */
+    links?: readonly ChordLink[];
+    /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows */
+    directed: boolean;
+    /** Color of the ribbons without `color` */
+    ribbonColor: "gradient" | "source" | "target" | "neutral";
+    /** Group labels along the arc (`tangential`), the radius (`radial`), whichever fits (`auto`), or none */
+    labels: "auto" | "tangential" | "radial" | "none";
+    /** Formats the tick labels (compact numbers of the locale by default); property only */
+    tickFormat?: (value: number) => string;
+    /** Other engine options (`ChordChartOptions`: padAngle, startAngle, sortGroups, sortSubgroups, ribbonOpacity, arcWidth, ticks, arrows, palette, format, percentFormat...); property only */
+    options?: Partial<Omit<ChordChartOptions, "type">>;
+    protected get defaultHeight(): string | number;
+    protected engineOptions(): ShapeChartOptions | null;
+}
 declare global {
     interface HTMLElementTagNameMap {
         "minerva-sankey-chart": MinervaSankeyChart;
@@ -158,5 +193,6 @@ declare global {
         "minerva-radial-bar-chart": MinervaRadialBarChart;
         "minerva-calendar-heatmap": MinervaCalendarHeatmap;
         "minerva-bullet-chart": MinervaBulletChart;
+        "minerva-chord-chart": MinervaChordChart;
     }
 }

package/dist/web-components/components/chart/shapes-extended.js

@@ -150,7 +150,33 @@ var u = class extends t {
 	}
 };
 e([n({ attribute: !1 })], u.prototype, "data", void 0), e([n()], u.prototype, "orientation", void 0), e([n({ attribute: !1 })], u.prototype, "ranges", void 0), e([n({ attribute: !1 })], u.prototype, "rangeLabels", void 0), e([n({ attribute: "target-color" })], u.prototype, "targetColor", void 0), e([n({ attribute: !1 })], u.prototype, "options", void 0);
+var d = class extends t {
+	constructor(...e) {
+		super(...e), this.directed = !1, this.ribbonColor = "gradient", this.labels = "auto";
+	}
+	static {
+		this.tagName = "minerva-chord-chart";
+	}
+	get defaultHeight() {
+		return 420;
+	}
+	engineOptions() {
+		let e = this.links ?? this.options?.links, t = this.matrix ?? this.options?.matrix;
+		return !e && !t ? null : {
+			...this.options,
+			type: "chord",
+			groups: this.groups ?? this.options?.groups,
+			matrix: t,
+			links: e,
+			directed: this.directed || this.options?.directed,
+			ribbonColor: this.ribbonColor,
+			labels: this.labels,
+			tickFormat: this.tickFormat ?? this.options?.tickFormat
+		};
+	}
+};
+e([n({ attribute: !1 })], d.prototype, "groups", void 0), e([n({ attribute: !1 })], d.prototype, "matrix", void 0), e([n({ attribute: !1 })], d.prototype, "links", void 0), e([n({ type: Boolean })], d.prototype, "directed", void 0), e([n({ attribute: "ribbon-color" })], d.prototype, "ribbonColor", void 0), e([n()], d.prototype, "labels", void 0), e([n({ attribute: !1 })], d.prototype, "tickFormat", void 0), e([n({ attribute: !1 })], d.prototype, "options", void 0);
 //#endregion
-export { u as MinervaBulletChart, l as MinervaCalendarHeatmap, a as MinervaRadialBarChart, r as MinervaSankeyChart, i as MinervaSunburstChart };
+export { u as MinervaBulletChart, l as MinervaCalendarHeatmap, d as MinervaChordChart, a as MinervaRadialBarChart, r as MinervaSankeyChart, i as MinervaSunburstChart };
 
 //# sourceMappingURL=shapes-extended.js.map

package/dist/web-components/components/chart/shapes-extended.js.map

@@ -1 +1 @@
-{"version":3,"file":"shapes-extended.js","names":["_decorate","__decorate","MinervaSankeyChart","MinervaShapeChartElement","_args","links","property","MinervaSunburstChart","_args2","chart","event","path","data","MinervaRadialBarChart","_args3","yearOf","date","timeOf","calendarStrips","range","start","end","y0","y1","days","MinervaCalendarHeatmap","_args4","legend","MinervaBulletChart","_args5","rows"],"sources":["../../../../../web-components/src/components/chart/shapes-extended.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport type {\n  BulletChartOptions,\n  BulletDatum,\n  CalendarDate,\n  CalendarDatum,\n  CalendarHeatmapOptions,\n  RadialBarChartOptions,\n  RadialBarDatum,\n  SankeyChartOptions,\n  SankeyLink,\n  SankeyNode,\n  ShapeChartInstance,\n  ShapeChartOptions,\n  SunburstChartOptions,\n  TreemapNode,\n} from \"minerva-design/charts/core\";\nimport { MinervaShapeChartElement } from \"./shape-chart\";\n\n/**\n * Sankey diagram of `minerva-design/charts/core` (the `<SankeyChart>` of\n * React): flows between nodes in columns, link thickness proportional to\n * the flow; hovering a node or a link highlights its flows.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Sankey diagram of flows between nodes.\n * @tag minerva-sankey-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaSankeyChart extends MinervaShapeChartElement {\n  static override tagName = \"minerva-sankey-chart\";\n\n  /** Nodes `{ name, color, column }` in their initial order (nodes only named by a link are appended); property only */\n  @property({ attribute: false })\n  nodes?: readonly SankeyNode[];\n\n  /** Flows `{ source, target, value }` between the nodes (by name or index); property only */\n  @property({ attribute: false })\n  links?: readonly SankeyLink[];\n\n  /** Column of the nodes without a `column` */\n  @property()\n  align: \"justify\" | \"left\" | \"right\" | \"center\" = \"justify\";\n\n  /** Color of the links without `color` */\n  @property({ attribute: \"link-color\" })\n  linkColor: \"gradient\" | \"source\" | \"target\" | \"neutral\" = \"gradient\";\n\n  /** Hides the node labels */\n  @property({ type: Boolean, attribute: \"hide-labels\" })\n  hideLabels = false;\n\n  /** Other engine options (`SankeyChartOptions`: nodeWidth, nodePadding, iterations, palette, format...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<SankeyChartOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    return 360;\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const links = this.links ?? this.options?.links;\n    if (!links) return null;\n    return {\n      ...this.options,\n      type: \"sankey\",\n      nodes: this.nodes ?? this.options?.nodes,\n      links,\n      align: this.align,\n      linkColor: this.linkColor,\n      labels: this.hideLabels ? false : this.options?.labels,\n    };\n  }\n}\n\n/**\n * Sunburst chart of `minerva-design/charts/core` (the `<SunburstChart>` of\n * React): a hierarchy as concentric rings; clicking a parent zooms into\n * it, clicking the center goes back up.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Sunburst of a hierarchy, with drill-down.\n * @tag minerva-sunburst-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n * @fires minerva-drill - A parent or the center was clicked (or `drill()` called); detail: { path }\n */\nexport class MinervaSunburstChart extends MinervaShapeChartElement {\n  static override tagName = \"minerva-sunburst-chart\";\n\n  /** Nodes `{ name, value, children }`: leaves carry a value, parents sum their children; property only */\n  @property({ attribute: false })\n  data?: readonly TreemapNode[];\n\n  /** Radius of the center circle as a fraction of the outer radius */\n  @property({ type: Number, attribute: \"inner-radius\" })\n  innerRadius = 0.26;\n\n  /** Sector labels along the arc or the radius, whichever fits best (`auto`), or none */\n  @property()\n  labels: \"auto\" | \"tangential\" | \"radial\" | \"none\" = \"auto\";\n\n  /** Disables the drill-down (clicking a parent zooms into it by default) */\n  @property({ type: Boolean, attribute: \"no-drill\" })\n  noDrill = false;\n\n  /** Names from the root to the focused node (`[]`: the root); makes the drill-down controlled; property only */\n  @property({ attribute: false })\n  drillPath?: readonly string[];\n\n  /** Other engine options (`SunburstChartOptions`: levels, startAngle, padAngle, palette, format...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<SunburstChartOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    return 360;\n  }\n\n  protected override bindEngine(chart: ShapeChartInstance): Array<() => void> {\n    return [\n      ...super.bindEngine(chart),\n      chart.on(\"drill\", (event) => this.emit(\"minerva-drill\", event)),\n    ];\n  }\n\n  /** Zooms into the node at `path` (names from the root, `[]`: the root) */\n  drill(path: readonly string[]): void {\n    this.instance?.drill(path);\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const data = this.data ?? this.options?.data;\n    if (!data) return null;\n    return {\n      ...this.options,\n      type: \"sunburst\",\n      data,\n      innerRadius: this.innerRadius,\n      labels: this.labels,\n      drill: this.noDrill ? false : this.options?.drill,\n      drillPath: this.drillPath ?? this.options?.drillPath,\n    };\n  }\n}\n\n/**\n * Radial bar chart of `minerva-design/charts/core` (the `<RadialBarChart>`\n * of React): concentric progress rings (activity rings, KPI completion).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Concentric progress rings with center texts.\n * @tag minerva-radial-bar-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaRadialBarChart extends MinervaShapeChartElement {\n  static override tagName = \"minerva-radial-bar-chart\";\n\n  /** Bars `{ name, value, max, color }`, from the outermost ring inward; property only */\n  @property({ attribute: false })\n  data?: readonly RadialBarDatum[];\n\n  /** Value of a full bar for the data without `max` (the largest value by default) */\n  @property({ type: Number })\n  max?: number;\n\n  /** Radius of the innermost ring's inner edge, as a fraction of the outer radius */\n  @property({ type: Number, attribute: \"inner-radius\" })\n  innerRadius = 0.3;\n\n  /** Angle of a full bar, degrees (360: full rings) */\n  @property({ type: Number })\n  sweep = 270;\n\n  /** Big text in the center (e.g. the overall completion) */\n  @property({ attribute: \"center-value\" })\n  centerValue?: string;\n\n  /** Small text under `center-value` */\n  @property({ attribute: \"center-label\" })\n  centerLabel?: string;\n\n  /** Other engine options (`RadialBarChartOptions`: startAngle, gap, track, rounded, labels, palette...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<RadialBarChartOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    return 300;\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const data = this.data ?? this.options?.data;\n    if (!data) return null;\n    return {\n      ...this.options,\n      type: \"radialBar\",\n      data,\n      max: this.max ?? this.options?.max,\n      innerRadius: this.innerRadius,\n      sweep: this.sweep,\n      centerValue: this.centerValue ?? this.options?.centerValue,\n      centerLabel: this.centerLabel ?? this.options?.centerLabel,\n    };\n  }\n}\n\nconst yearOf = (date: CalendarDate) =>\n  (date instanceof Date ? date : new Date(date)).getFullYear();\nconst timeOf = (date: CalendarDate) =>\n  (date instanceof Date ? date : new Date(date)).getTime();\n\n/** Strips of a calendar heatmap: one per year when the range spans several years */\nconst calendarStrips = (range: CalendarHeatmapOptions[\"range\"]) => {\n  if (!Array.isArray(range)) return 1;\n  const [start, end] = range as readonly [CalendarDate, CalendarDate];\n  const y0 = yearOf(start);\n  const y1 = yearOf(end);\n  const days = (timeOf(end) - timeOf(start)) / 86_400_000 + 1;\n  return y1 > y0 && days > 371 ? y1 - y0 + 1 : 1;\n};\n\n/**\n * Calendar heatmap of `minerva-design/charts/core` (the `<CalendarHeatmap>`\n * of React): daily values on a calendar, contributions-style, as weeks or\n * as small monthly calendars.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Daily values on a calendar, contributions-style.\n * @tag minerva-calendar-heatmap\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaCalendarHeatmap extends MinervaShapeChartElement {\n  static override tagName = \"minerva-calendar-heatmap\";\n\n  /** Daily values `{ date, value }` (several entries of the same day add up); property only */\n  @property({ attribute: false })\n  data?: readonly CalendarDatum[];\n\n  /** Days shown: a year (`2026`) or an inclusive `[start, end]` range; the 53 weeks ending on the last day of the data by default; property only */\n  @property({ attribute: false })\n  range?: number | readonly [CalendarDate, CalendarDate];\n\n  /** `weeks`: a column per week and a row per weekday; `months`: a small calendar per month */\n  @property()\n  layout: \"weeks\" | \"months\" = \"weeks\";\n\n  /** BCP 47 locale of the month and weekday names, of the tooltip dates and of the first day of the week */\n  @property()\n  locale?: string;\n\n  /** Color of the highest level (lower levels are lighter); the first palette color by default */\n  @property()\n  color?: string;\n\n  /** Number of color levels above the empty days */\n  @property({ type: Number })\n  levels = 4;\n\n  /** Other engine options (`CalendarHeatmapOptions`: weekStart, colors, thresholds, gap, radius...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<CalendarHeatmapOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    if (this.layout === \"months\") return 560;\n    const legend = this.options?.legend === false ? 0 : 34;\n    return (\n      calendarStrips(this.range ?? this.options?.range) * 120 + legend + 16\n    );\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const data = this.data ?? this.options?.data;\n    if (!data) return null;\n    return {\n      ...this.options,\n      type: \"calendarHeatmap\",\n      data,\n      range: this.range ?? this.options?.range,\n      layout: this.layout,\n      locale: this.locale ?? this.options?.locale,\n      color: this.color ?? this.options?.color,\n      levels: this.levels,\n    };\n  }\n}\n\n/**\n * Bullet chart of `minerva-design/charts/core` (the `<BulletChart>` of\n * React): KPI bars against qualitative ranges and a target marker.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary KPI bars against qualitative ranges and a target.\n * @tag minerva-bullet-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBulletChart extends MinervaShapeChartElement {\n  static override tagName = \"minerva-bullet-chart\";\n\n  /** Rows `{ name, value, target, ranges, max }` (columns when vertical); property only */\n  @property({ attribute: false })\n  data?: readonly BulletDatum[];\n\n  /** Horizontal rows or vertical columns */\n  @property()\n  orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n\n  /** Qualitative ranges of the rows without `ranges`: upper bounds, ascending; property only */\n  @property({ attribute: false })\n  ranges?: readonly number[];\n\n  /** Names of the qualitative ranges, lowest first (tooltip); property only */\n  @property({ attribute: false })\n  rangeLabels?: readonly string[];\n\n  /** Color of the target markers (the text color by default) */\n  @property({ attribute: \"target-color\" })\n  targetColor?: string;\n\n  /** Other engine options (`BulletChartOptions`: rangeColors, barSize, ticks, palette, format...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<BulletChartOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    if (this.orientation === \"vertical\") return 320;\n    const rows = (this.data ?? this.options?.data ?? []).length;\n    return Math.max(96, rows * 64 + 16) + (this.options?.legend ? 34 : 0);\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const data = this.data ?? this.options?.data;\n    if (!data) return null;\n    return {\n      ...this.options,\n      type: \"bullet\",\n      data,\n      orientation: this.orientation,\n      ranges: this.ranges ?? this.options?.ranges,\n      rangeLabels: this.rangeLabels ?? this.options?.rangeLabels,\n      targetColor: this.targetColor ?? this.options?.targetColor,\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-sankey-chart\": MinervaSankeyChart;\n    \"minerva-sunburst-chart\": MinervaSunburstChart;\n    \"minerva-radial-bar-chart\": MinervaRadialBarChart;\n    \"minerva-calendar-heatmap\": MinervaCalendarHeatmap;\n    \"minerva-bullet-chart\": MinervaBulletChart;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"shapes-extended.js","names":["_decorate","__decorate","MinervaSankeyChart","MinervaShapeChartElement","_args","links","property","MinervaSunburstChart","_args2","chart","event","path","data","MinervaRadialBarChart","_args3","yearOf","date","timeOf","calendarStrips","range","start","end","y0","y1","days","MinervaCalendarHeatmap","_args4","legend","MinervaBulletChart","_args5","rows","MinervaChordChart","_args6","matrix"],"sources":["../../../../../web-components/src/components/chart/shapes-extended.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport type {\n  BulletChartOptions,\n  BulletDatum,\n  CalendarDate,\n  CalendarDatum,\n  CalendarHeatmapOptions,\n  ChordChartOptions,\n  ChordGroup,\n  ChordLink,\n  RadialBarChartOptions,\n  RadialBarDatum,\n  SankeyChartOptions,\n  SankeyLink,\n  SankeyNode,\n  ShapeChartInstance,\n  ShapeChartOptions,\n  SunburstChartOptions,\n  TreemapNode,\n} from \"minerva-design/charts/core\";\nimport { MinervaShapeChartElement } from \"./shape-chart\";\n\n/**\n * Sankey diagram of `minerva-design/charts/core` (the `<SankeyChart>` of\n * React): flows between nodes in columns, link thickness proportional to\n * the flow; hovering a node or a link highlights its flows.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Sankey diagram of flows between nodes.\n * @tag minerva-sankey-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaSankeyChart extends MinervaShapeChartElement {\n  static override tagName = \"minerva-sankey-chart\";\n\n  /** Nodes `{ name, color, column }` in their initial order (nodes only named by a link are appended); property only */\n  @property({ attribute: false })\n  nodes?: readonly SankeyNode[];\n\n  /** Flows `{ source, target, value }` between the nodes (by name or index); property only */\n  @property({ attribute: false })\n  links?: readonly SankeyLink[];\n\n  /** Column of the nodes without a `column` */\n  @property()\n  align: \"justify\" | \"left\" | \"right\" | \"center\" = \"justify\";\n\n  /** Color of the links without `color` */\n  @property({ attribute: \"link-color\" })\n  linkColor: \"gradient\" | \"source\" | \"target\" | \"neutral\" = \"gradient\";\n\n  /** Hides the node labels */\n  @property({ type: Boolean, attribute: \"hide-labels\" })\n  hideLabels = false;\n\n  /** Other engine options (`SankeyChartOptions`: nodeWidth, nodePadding, iterations, palette, format...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<SankeyChartOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    return 360;\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const links = this.links ?? this.options?.links;\n    if (!links) return null;\n    return {\n      ...this.options,\n      type: \"sankey\",\n      nodes: this.nodes ?? this.options?.nodes,\n      links,\n      align: this.align,\n      linkColor: this.linkColor,\n      labels: this.hideLabels ? false : this.options?.labels,\n    };\n  }\n}\n\n/**\n * Sunburst chart of `minerva-design/charts/core` (the `<SunburstChart>` of\n * React): a hierarchy as concentric rings; clicking a parent zooms into\n * it, clicking the center goes back up.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Sunburst of a hierarchy, with drill-down.\n * @tag minerva-sunburst-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n * @fires minerva-drill - A parent or the center was clicked (or `drill()` called); detail: { path }\n */\nexport class MinervaSunburstChart extends MinervaShapeChartElement {\n  static override tagName = \"minerva-sunburst-chart\";\n\n  /** Nodes `{ name, value, children }`: leaves carry a value, parents sum their children; property only */\n  @property({ attribute: false })\n  data?: readonly TreemapNode[];\n\n  /** Radius of the center circle as a fraction of the outer radius */\n  @property({ type: Number, attribute: \"inner-radius\" })\n  innerRadius = 0.26;\n\n  /** Sector labels along the arc or the radius, whichever fits best (`auto`), or none */\n  @property()\n  labels: \"auto\" | \"tangential\" | \"radial\" | \"none\" = \"auto\";\n\n  /** Disables the drill-down (clicking a parent zooms into it by default) */\n  @property({ type: Boolean, attribute: \"no-drill\" })\n  noDrill = false;\n\n  /** Names from the root to the focused node (`[]`: the root); makes the drill-down controlled; property only */\n  @property({ attribute: false })\n  drillPath?: readonly string[];\n\n  /** Other engine options (`SunburstChartOptions`: levels, startAngle, padAngle, palette, format...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<SunburstChartOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    return 360;\n  }\n\n  protected override bindEngine(chart: ShapeChartInstance): Array<() => void> {\n    return [\n      ...super.bindEngine(chart),\n      chart.on(\"drill\", (event) => this.emit(\"minerva-drill\", event)),\n    ];\n  }\n\n  /** Zooms into the node at `path` (names from the root, `[]`: the root) */\n  drill(path: readonly string[]): void {\n    this.instance?.drill(path);\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const data = this.data ?? this.options?.data;\n    if (!data) return null;\n    return {\n      ...this.options,\n      type: \"sunburst\",\n      data,\n      innerRadius: this.innerRadius,\n      labels: this.labels,\n      drill: this.noDrill ? false : this.options?.drill,\n      drillPath: this.drillPath ?? this.options?.drillPath,\n    };\n  }\n}\n\n/**\n * Radial bar chart of `minerva-design/charts/core` (the `<RadialBarChart>`\n * of React): concentric progress rings (activity rings, KPI completion).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Concentric progress rings with center texts.\n * @tag minerva-radial-bar-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaRadialBarChart extends MinervaShapeChartElement {\n  static override tagName = \"minerva-radial-bar-chart\";\n\n  /** Bars `{ name, value, max, color }`, from the outermost ring inward; property only */\n  @property({ attribute: false })\n  data?: readonly RadialBarDatum[];\n\n  /** Value of a full bar for the data without `max` (the largest value by default) */\n  @property({ type: Number })\n  max?: number;\n\n  /** Radius of the innermost ring's inner edge, as a fraction of the outer radius */\n  @property({ type: Number, attribute: \"inner-radius\" })\n  innerRadius = 0.3;\n\n  /** Angle of a full bar, degrees (360: full rings) */\n  @property({ type: Number })\n  sweep = 270;\n\n  /** Big text in the center (e.g. the overall completion) */\n  @property({ attribute: \"center-value\" })\n  centerValue?: string;\n\n  /** Small text under `center-value` */\n  @property({ attribute: \"center-label\" })\n  centerLabel?: string;\n\n  /** Other engine options (`RadialBarChartOptions`: startAngle, gap, track, rounded, labels, palette...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<RadialBarChartOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    return 300;\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const data = this.data ?? this.options?.data;\n    if (!data) return null;\n    return {\n      ...this.options,\n      type: \"radialBar\",\n      data,\n      max: this.max ?? this.options?.max,\n      innerRadius: this.innerRadius,\n      sweep: this.sweep,\n      centerValue: this.centerValue ?? this.options?.centerValue,\n      centerLabel: this.centerLabel ?? this.options?.centerLabel,\n    };\n  }\n}\n\nconst yearOf = (date: CalendarDate) =>\n  (date instanceof Date ? date : new Date(date)).getFullYear();\nconst timeOf = (date: CalendarDate) =>\n  (date instanceof Date ? date : new Date(date)).getTime();\n\n/** Strips of a calendar heatmap: one per year when the range spans several years */\nconst calendarStrips = (range: CalendarHeatmapOptions[\"range\"]) => {\n  if (!Array.isArray(range)) return 1;\n  const [start, end] = range as readonly [CalendarDate, CalendarDate];\n  const y0 = yearOf(start);\n  const y1 = yearOf(end);\n  const days = (timeOf(end) - timeOf(start)) / 86_400_000 + 1;\n  return y1 > y0 && days > 371 ? y1 - y0 + 1 : 1;\n};\n\n/**\n * Calendar heatmap of `minerva-design/charts/core` (the `<CalendarHeatmap>`\n * of React): daily values on a calendar, contributions-style, as weeks or\n * as small monthly calendars.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Daily values on a calendar, contributions-style.\n * @tag minerva-calendar-heatmap\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaCalendarHeatmap extends MinervaShapeChartElement {\n  static override tagName = \"minerva-calendar-heatmap\";\n\n  /** Daily values `{ date, value }` (several entries of the same day add up); property only */\n  @property({ attribute: false })\n  data?: readonly CalendarDatum[];\n\n  /** Days shown: a year (`2026`) or an inclusive `[start, end]` range; the 53 weeks ending on the last day of the data by default; property only */\n  @property({ attribute: false })\n  range?: number | readonly [CalendarDate, CalendarDate];\n\n  /** `weeks`: a column per week and a row per weekday; `months`: a small calendar per month */\n  @property()\n  layout: \"weeks\" | \"months\" = \"weeks\";\n\n  /** BCP 47 locale of the month and weekday names, of the tooltip dates and of the first day of the week */\n  @property()\n  locale?: string;\n\n  /** Color of the highest level (lower levels are lighter); the first palette color by default */\n  @property()\n  color?: string;\n\n  /** Number of color levels above the empty days */\n  @property({ type: Number })\n  levels = 4;\n\n  /** Other engine options (`CalendarHeatmapOptions`: weekStart, colors, thresholds, gap, radius...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<CalendarHeatmapOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    if (this.layout === \"months\") return 560;\n    const legend = this.options?.legend === false ? 0 : 34;\n    return (\n      calendarStrips(this.range ?? this.options?.range) * 120 + legend + 16\n    );\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const data = this.data ?? this.options?.data;\n    if (!data) return null;\n    return {\n      ...this.options,\n      type: \"calendarHeatmap\",\n      data,\n      range: this.range ?? this.options?.range,\n      layout: this.layout,\n      locale: this.locale ?? this.options?.locale,\n      color: this.color ?? this.options?.color,\n      levels: this.levels,\n    };\n  }\n}\n\n/**\n * Bullet chart of `minerva-design/charts/core` (the `<BulletChart>` of\n * React): KPI bars against qualitative ranges and a target marker.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary KPI bars against qualitative ranges and a target.\n * @tag minerva-bullet-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBulletChart extends MinervaShapeChartElement {\n  static override tagName = \"minerva-bullet-chart\";\n\n  /** Rows `{ name, value, target, ranges, max }` (columns when vertical); property only */\n  @property({ attribute: false })\n  data?: readonly BulletDatum[];\n\n  /** Horizontal rows or vertical columns */\n  @property()\n  orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n\n  /** Qualitative ranges of the rows without `ranges`: upper bounds, ascending; property only */\n  @property({ attribute: false })\n  ranges?: readonly number[];\n\n  /** Names of the qualitative ranges, lowest first (tooltip); property only */\n  @property({ attribute: false })\n  rangeLabels?: readonly string[];\n\n  /** Color of the target markers (the text color by default) */\n  @property({ attribute: \"target-color\" })\n  targetColor?: string;\n\n  /** Other engine options (`BulletChartOptions`: rangeColors, barSize, ticks, palette, format...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<BulletChartOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    if (this.orientation === \"vertical\") return 320;\n    const rows = (this.data ?? this.options?.data ?? []).length;\n    return Math.max(96, rows * 64 + 16) + (this.options?.legend ? 34 : 0);\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const data = this.data ?? this.options?.data;\n    if (!data) return null;\n    return {\n      ...this.options,\n      type: \"bullet\",\n      data,\n      orientation: this.orientation,\n      ranges: this.ranges ?? this.options?.ranges,\n      rangeLabels: this.rangeLabels ?? this.options?.rangeLabels,\n      targetColor: this.targetColor ?? this.options?.targetColor,\n    };\n  }\n}\n\n/**\n * Chord diagram of `minerva-design/charts/core` (the `<ChordChart>` of\n * React): flows between groups around a circle, as ribbons whose ends are\n * proportional to the flow in each direction; hovering a group highlights\n * its ribbons, hovering a ribbon shows both directions (the `minerva-hover`\n * detail of a ribbon also has `source`, `target` and `reverseValue`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Chord diagram of the flows between groups.\n * @tag minerva-chord-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaChordChart extends MinervaShapeChartElement {\n  static override tagName = \"minerva-chord-chart\";\n\n  /** Groups (names or `{ name, color }`), in their order around the circle; property only */\n  @property({ attribute: false })\n  groups?: readonly (string | ChordGroup)[];\n\n  /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used without `links`); property only */\n  @property({ attribute: false })\n  matrix?: readonly (readonly number[])[];\n\n  /** Flows `{ source, target, value }` by group name or index; take precedence over `matrix`; property only */\n  @property({ attribute: false })\n  links?: readonly ChordLink[];\n\n  /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows */\n  @property({ type: Boolean })\n  directed = false;\n\n  /** Color of the ribbons without `color` */\n  @property({ attribute: \"ribbon-color\" })\n  ribbonColor: \"gradient\" | \"source\" | \"target\" | \"neutral\" = \"gradient\";\n\n  /** Group labels along the arc (`tangential`), the radius (`radial`), whichever fits (`auto`), or none */\n  @property()\n  labels: \"auto\" | \"tangential\" | \"radial\" | \"none\" = \"auto\";\n\n  /** Formats the tick labels (compact numbers of the locale by default); property only */\n  @property({ attribute: false })\n  tickFormat?: (value: number) => string;\n\n  /** Other engine options (`ChordChartOptions`: padAngle, startAngle, sortGroups, sortSubgroups, ribbonOpacity, arcWidth, ticks, arrows, palette, format, percentFormat...); property only */\n  @property({ attribute: false })\n  options?: Partial<Omit<ChordChartOptions, \"type\">>;\n\n  protected override get defaultHeight(): string | number {\n    return 420;\n  }\n\n  protected engineOptions(): ShapeChartOptions | null {\n    const links = this.links ?? this.options?.links;\n    const matrix = this.matrix ?? this.options?.matrix;\n    if (!links && !matrix) return null;\n    return {\n      ...this.options,\n      type: \"chord\",\n      groups: this.groups ?? this.options?.groups,\n      matrix,\n      links,\n      directed: this.directed || this.options?.directed,\n      ribbonColor: this.ribbonColor,\n      labels: this.labels,\n      tickFormat: this.tickFormat ?? this.options?.tickFormat,\n    };\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-sankey-chart\": MinervaSankeyChart;\n    \"minerva-sunburst-chart\": MinervaSunburstChart;\n    \"minerva-radial-bar-chart\": MinervaRadialBarChart;\n    \"minerva-calendar-heatmap\": MinervaCalendarHeatmap;\n    \"minerva-bullet-chart\": MinervaBulletChart;\n    \"minerva-chord-chart\": MinervaChordChart;\n  }\n}\n"],"mappings":"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"}

package/dist/web-components/components/chart-3d/chart-3d.d.ts

@@ -17,7 +17,7 @@ export declare abstract class MinervaChart3DElement<S extends Chart3DSeries> ext
     height?: string | number;
     /** Data series; replace the array (or a data array) to update the chart; property only */
     series?: readonly S[];
-    /** Other engine options (`Chart3DOptions`: xAxis, yAxis, zAxis, camera, autoRotate, colorScale, colorBar, legend, tooltip, locale...); property only */
+    /** Other engine options (`Chart3DOptions`: xAxis, yAxis, zAxis, camera, autoRotate, colorScale, colorBar, legend, tooltip, lighting, exposure, locale...); property only */
     options?: Chart3DBaseOptions;
     protected abstract typed(series: readonly S[]): Chart3DSeries[];
     protected createEngine(container: HTMLElement, options: Chart3DOptions): Chart3DInstance;

package/dist/web-components/components/chart-3d/chart-3d.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-3d.js","names":["_decorate","__decorate","MinervaChart3DElement","MinervaEngineElement","_args","createChart3D","container","options","chart","camera","property","MinervaScatter3DChart","series","s","MinervaLine3DChart","MinervaSurface3DChart","MinervaBar3DChart","_args2"],"sources":["../../../../../web-components/src/components/chart-3d/chart-3d.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  createChart3D,\n  type Bar3DSeries,\n  type Chart3DCameraState,\n  type Chart3DInstance,\n  type Chart3DOptions,\n  type Chart3DSeries,\n  type ChartRendererKind,\n  type Line3DSeries,\n  type Scatter3DSeries,\n  type Surface3DContourOptions,\n  type Surface3DSeries,\n  type Surface3DWireframeOptions,\n} from \"minerva-design/charts/core\";\nimport { MinervaEngineElement } from \"../chart/engine-element\";\n\n/** Engine options other than the series (axes, camera, color scale, legend, tooltip...) */\nexport type Chart3DBaseOptions = Partial<Omit<Chart3DOptions, \"series\">>;\n\n/**\n * Base of the 3D chart elements (engine `createChart3D` of\n * `minerva-design/charts/core`): forwards the engine events as `minerva-*`\n * events and exposes the camera.\n *\n * @fires minerva-hover - The hovered point, cell or bar changed; detail: { seriesIndex, seriesName, type, index, x, y, z, value, color, label }, `null` when nothing is hovered\n * @fires minerva-point-click - A point, cell or bar was clicked; detail: { seriesIndex, seriesName, type, index, x, y, z, value, color, label }\n * @fires minerva-camera-change - The user rotated, zoomed, panned or reset the camera; detail: { azimuth, elevation, zoom, pan, projection }\n * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }\n */\nexport abstract class MinervaChart3DElement<\n  S extends Chart3DSeries,\n> extends MinervaEngineElement<Chart3DOptions, Chart3DInstance> {\n  /** Height of the chart, the legend included: pixels or any CSS length */\n  @property()\n  override height?: string | number = 400;\n\n  /** Data series; replace the array (or a data array) to update the chart; property only */\n  @property({ attribute: false })\n  series?: readonly S[];\n\n  /** Other engine options (`Chart3DOptions`: xAxis, yAxis, zAxis, camera, autoRotate, colorScale, colorBar, legend, tooltip, locale...); property only */\n  @property({ attribute: false })\n  options?: Chart3DBaseOptions;\n\n  protected abstract typed(series: readonly S[]): Chart3DSeries[];\n\n  protected createEngine(\n    container: HTMLElement,\n    options: Chart3DOptions,\n  ): Chart3DInstance {\n    return createChart3D(container, options);\n  }\n\n  protected engineOptions(): Chart3DOptions | null {\n    if (!this.series) return null;\n    return { ...this.options, series: this.typed(this.series) };\n  }\n\n  protected override bindEngine(chart: Chart3DInstance): Array<() => void> {\n    return [\n      chart.on(\"hover\", (e) => this.emit(\"minerva-hover\", e)),\n      chart.on(\"click\", (e) => this.emit(\"minerva-point-click\", e)),\n      chart.on(\"camera\", (camera) =>\n        this.emit(\"minerva-camera-change\", camera),\n      ),\n      chart.on(\"renderer\", (renderer) =>\n        this.emit(\"minerva-renderer-change\", { renderer }),\n      ),\n    ];\n  }\n\n  /** Restores the camera of the options */\n  resetCamera(): void {\n    this.instance?.resetCamera();\n  }\n\n  /** Current camera, `null` before the engine is created */\n  getCamera(): Chart3DCameraState | null {\n    return this.instance?.getCamera() ?? null;\n  }\n\n  /** Moves the camera */\n  setCamera(camera: Partial<Chart3DCameraState>): void {\n    this.instance?.setCamera(camera);\n  }\n\n  /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */\n  getRenderer(): ChartRendererKind | null {\n    return this.instance?.getRenderer() ?? null;\n  }\n}\n\n/**\n * 3D scatter plot of `minerva-design/charts/core` (the `<Scatter3DChart>`\n * of React): point clouds of up to millions of points on the GPU, colored\n * per series, per point or through a color scale; orbit camera, hover\n * picking and color bar.\n *\n * Published as the optional entry `minerva-design/web-components/chart-3d`.\n *\n * @summary GPU 3D point clouds with an orbit camera.\n * @tag minerva-scatter-3d-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaScatter3DChart extends MinervaChart3DElement<Scatter3DSeries> {\n  static override tagName = \"minerva-scatter-3d-chart\";\n\n  protected typed(series: readonly Scatter3DSeries[]): Chart3DSeries[] {\n    return series.map((s) => ({ ...s, type: \"scatter\" as const }));\n  }\n}\n\n/**\n * 3D polylines of `minerva-design/charts/core` (the `<Line3DChart>` of\n * React): trajectories and paths, optionally colored along the line.\n *\n * Published as the optional entry `minerva-design/web-components/chart-3d`.\n *\n * @summary GPU 3D polylines (trajectories, paths).\n * @tag minerva-line-3d-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaLine3DChart extends MinervaChart3DElement<Line3DSeries> {\n  static override tagName = \"minerva-line-3d-chart\";\n\n  protected typed(series: readonly Line3DSeries[]): Chart3DSeries[] {\n    return series.map((s) => ({ ...s, type: \"line\" as const }));\n  }\n}\n\n/**\n * 3D surface `z = f(x, y)` of `minerva-design/charts/core` (the\n * `<Surface3DChart>` of React) over a regular grid: lit, colored by a\n * color map, with an optional wireframe, contour lines and transparency.\n *\n * Published as the optional entry `minerva-design/web-components/chart-3d`.\n *\n * @summary GPU 3D surface with wireframe and contour lines.\n * @tag minerva-surface-3d-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaSurface3DChart extends MinervaChart3DElement<Surface3DSeries> {\n  static override tagName = \"minerva-surface-3d-chart\";\n\n  /** Wireframe of the series that do not set one; property only */\n  @property({ attribute: false })\n  wireframe?: boolean | Surface3DWireframeOptions;\n\n  /** Contour lines of the series that do not set them; property only */\n  @property({ attribute: false })\n  contours?: boolean | Surface3DContourOptions;\n\n  protected typed(series: readonly Surface3DSeries[]): Chart3DSeries[] {\n    return series.map((s) => ({\n      ...s,\n      type: \"surface\" as const,\n      wireframe: s.wireframe ?? this.wireframe,\n      contours: s.contours ?? this.contours,\n    }));\n  }\n}\n\n/**\n * 3D bars of `minerva-design/charts/core` (the `<Bar3DChart>` of React)\n * over an x × y category grid, lit, stacked across series.\n *\n * Published as the optional entry `minerva-design/web-components/chart-3d`.\n *\n * @summary GPU 3D bars over a category grid.\n * @tag minerva-bar-3d-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBar3DChart extends MinervaChart3DElement<Bar3DSeries> {\n  static override tagName = \"minerva-bar-3d-chart\";\n\n  /** Width of the bars of the series that do not set one, as a fraction of a cell */\n  @property({ type: Number, attribute: \"bar-width\" })\n  barWidth = 0.7;\n\n  protected typed(series: readonly Bar3DSeries[]): Chart3DSeries[] {\n    return series.map((s) => ({\n      ...s,\n      type: \"bar\" as const,\n      barWidth: s.barWidth ?? this.barWidth,\n    }));\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-scatter-3d-chart\": MinervaScatter3DChart;\n    \"minerva-line-3d-chart\": MinervaLine3DChart;\n    \"minerva-surface-3d-chart\": MinervaSurface3DChart;\n    \"minerva-bar-3d-chart\": MinervaBar3DChart;\n  }\n}\n"],"mappings":";;;;;AA8BA,IAAsBE,IAAtB,cAEUC,EAAsD;;EAG1B,aAAA,KAAA,SAAA;;CAYpC,aACE,GACA,GACiB;EACjB,OAAOE,EAAcC,GAAWC,CAAO;CACzC;CAEA,gBAAiD;EAE/C,OADK,KAAK,SACH;GAAE,GAAG,KAAK;GAAS,QAAQ,KAAK,MAAM,KAAK,MAAM;EAAE,IADjC;CAE3B;CAEA,WAA8B,GAA2C;EACvE,OAAO;GACLC,EAAM,GAAG,UAAU,MAAM,KAAK,KAAK,iBAAiB,CAAC,CAAC;GACtDA,EAAM,GAAG,UAAU,MAAM,KAAK,KAAK,uBAAuB,CAAC,CAAC;GAC5DA,EAAM,GAAG,WAAW,MAClB,KAAK,KAAK,yBAAyBC,CAAM,CAC3C;GACAD,EAAM,GAAG,aAAa,MACpB,KAAK,KAAK,2BAA2B,EAAE,YAAS,CAAC,CACnD;EACF;CACF;CAGA,cAAoB;EAClB,KAAK,UAAU,YAAY;CAC7B;CAGA,YAAuC;EACrC,OAAO,KAAK,UAAU,UAAU,KAAK;CACvC;CAGA,UAAU,GAA2C;EACnD,KAAK,UAAU,UAAUC,CAAM;CACjC;CAGA,cAAwC;EACtC,OAAO,KAAK,UAAU,YAAY,KAAK;CACzC;AACF;AAzDGT,EAAA,CAAAU,EAAS,CAAA,GAAAR,EAAA,WAAA,UAAA,KAAA,CAAA,GAITF,EAAA,CAAAU,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAR,EAAA,WAAA,UAAA,KAAA,CAAA,GAI7BF,EAAA,CAAAU,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAR,EAAA,WAAA,WAAA,KAAA,CAAA;AAgEhC,IAAaS,IAAb,cAA2CT,EAAuC;;EACtD,KAAA,UAAA;;CAE1B,MAAgB,GAAqD;EACnE,OAAOU,EAAO,KAAK,OAAO;GAAE,GAAGC;GAAG,MAAM;EAAmB,EAAE;CAC/D;AACF,GAaaC,IAAb,cAAwCZ,EAAoC;;EAChD,KAAA,UAAA;;CAE1B,MAAgB,GAAkD;EAChE,OAAOU,EAAO,KAAK,OAAO;GAAE,GAAGC;GAAG,MAAM;EAAgB,EAAE;CAC5D;AACF,GAcaE,IAAb,cAA2Cb,EAAuC;;EACtD,KAAA,UAAA;;CAU1B,MAAgB,GAAqD;EACnE,OAAOU,EAAO,KAAK,OAAO;GACxB,GAAGC;GACH,MAAM;GACN,WAAWA,EAAE,aAAa,KAAK;GAC/B,UAAUA,EAAE,YAAY,KAAK;EAC/B,EAAE;CACJ;AACF;AAfGb,EAAA,CAAAU,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAK,EAAA,WAAA,aAAA,KAAA,CAAA,GAI7Bf,EAAA,CAAAU,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAK,EAAA,WAAA,YAAA,KAAA,CAAA;AAwBhC,IAAaC,IAAb,cAAuCd,EAAmC;;EAK7D,aAAA,KAAA,WAAA;;;EAJe,KAAA,UAAA;;CAM1B,MAAgB,GAAiD;EAC/D,OAAOU,EAAO,KAAK,OAAO;GACxB,GAAGC;GACH,MAAM;GACN,UAAUA,EAAE,YAAY,KAAK;EAC/B,EAAE;CACJ;AACF;AAVGb,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAY,CAAC,CAAA,GAAAM,EAAA,WAAA,YAAA,KAAA,CAAA"}
+{"version":3,"file":"chart-3d.js","names":["_decorate","__decorate","MinervaChart3DElement","MinervaEngineElement","_args","createChart3D","container","options","chart","camera","property","MinervaScatter3DChart","series","s","MinervaLine3DChart","MinervaSurface3DChart","MinervaBar3DChart","_args2"],"sources":["../../../../../web-components/src/components/chart-3d/chart-3d.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  createChart3D,\n  type Bar3DSeries,\n  type Chart3DCameraState,\n  type Chart3DInstance,\n  type Chart3DOptions,\n  type Chart3DSeries,\n  type ChartRendererKind,\n  type Line3DSeries,\n  type Scatter3DSeries,\n  type Surface3DContourOptions,\n  type Surface3DSeries,\n  type Surface3DWireframeOptions,\n} from \"minerva-design/charts/core\";\nimport { MinervaEngineElement } from \"../chart/engine-element\";\n\n/** Engine options other than the series (axes, camera, color scale, legend, tooltip...) */\nexport type Chart3DBaseOptions = Partial<Omit<Chart3DOptions, \"series\">>;\n\n/**\n * Base of the 3D chart elements (engine `createChart3D` of\n * `minerva-design/charts/core`): forwards the engine events as `minerva-*`\n * events and exposes the camera.\n *\n * @fires minerva-hover - The hovered point, cell or bar changed; detail: { seriesIndex, seriesName, type, index, x, y, z, value, color, label }, `null` when nothing is hovered\n * @fires minerva-point-click - A point, cell or bar was clicked; detail: { seriesIndex, seriesName, type, index, x, y, z, value, color, label }\n * @fires minerva-camera-change - The user rotated, zoomed, panned or reset the camera; detail: { azimuth, elevation, zoom, pan, projection }\n * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }\n */\nexport abstract class MinervaChart3DElement<\n  S extends Chart3DSeries,\n> extends MinervaEngineElement<Chart3DOptions, Chart3DInstance> {\n  /** Height of the chart, the legend included: pixels or any CSS length */\n  @property()\n  override height?: string | number = 400;\n\n  /** Data series; replace the array (or a data array) to update the chart; property only */\n  @property({ attribute: false })\n  series?: readonly S[];\n\n  /** Other engine options (`Chart3DOptions`: xAxis, yAxis, zAxis, camera, autoRotate, colorScale, colorBar, legend, tooltip, lighting, exposure, locale...); property only */\n  @property({ attribute: false })\n  options?: Chart3DBaseOptions;\n\n  protected abstract typed(series: readonly S[]): Chart3DSeries[];\n\n  protected createEngine(\n    container: HTMLElement,\n    options: Chart3DOptions,\n  ): Chart3DInstance {\n    return createChart3D(container, options);\n  }\n\n  protected engineOptions(): Chart3DOptions | null {\n    if (!this.series) return null;\n    return { ...this.options, series: this.typed(this.series) };\n  }\n\n  protected override bindEngine(chart: Chart3DInstance): Array<() => void> {\n    return [\n      chart.on(\"hover\", (e) => this.emit(\"minerva-hover\", e)),\n      chart.on(\"click\", (e) => this.emit(\"minerva-point-click\", e)),\n      chart.on(\"camera\", (camera) =>\n        this.emit(\"minerva-camera-change\", camera),\n      ),\n      chart.on(\"renderer\", (renderer) =>\n        this.emit(\"minerva-renderer-change\", { renderer }),\n      ),\n    ];\n  }\n\n  /** Restores the camera of the options */\n  resetCamera(): void {\n    this.instance?.resetCamera();\n  }\n\n  /** Current camera, `null` before the engine is created */\n  getCamera(): Chart3DCameraState | null {\n    return this.instance?.getCamera() ?? null;\n  }\n\n  /** Moves the camera */\n  setCamera(camera: Partial<Chart3DCameraState>): void {\n    this.instance?.setCamera(camera);\n  }\n\n  /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */\n  getRenderer(): ChartRendererKind | null {\n    return this.instance?.getRenderer() ?? null;\n  }\n}\n\n/**\n * 3D scatter plot of `minerva-design/charts/core` (the `<Scatter3DChart>`\n * of React): point clouds of up to millions of points on the GPU, colored\n * per series, per point or through a color scale; orbit camera, hover\n * picking and color bar.\n *\n * Published as the optional entry `minerva-design/web-components/chart-3d`.\n *\n * @summary GPU 3D point clouds with an orbit camera.\n * @tag minerva-scatter-3d-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaScatter3DChart extends MinervaChart3DElement<Scatter3DSeries> {\n  static override tagName = \"minerva-scatter-3d-chart\";\n\n  protected typed(series: readonly Scatter3DSeries[]): Chart3DSeries[] {\n    return series.map((s) => ({ ...s, type: \"scatter\" as const }));\n  }\n}\n\n/**\n * 3D polylines of `minerva-design/charts/core` (the `<Line3DChart>` of\n * React): trajectories and paths, optionally colored along the line.\n *\n * Published as the optional entry `minerva-design/web-components/chart-3d`.\n *\n * @summary GPU 3D polylines (trajectories, paths).\n * @tag minerva-line-3d-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaLine3DChart extends MinervaChart3DElement<Line3DSeries> {\n  static override tagName = \"minerva-line-3d-chart\";\n\n  protected typed(series: readonly Line3DSeries[]): Chart3DSeries[] {\n    return series.map((s) => ({ ...s, type: \"line\" as const }));\n  }\n}\n\n/**\n * 3D surface `z = f(x, y)` of `minerva-design/charts/core` (the\n * `<Surface3DChart>` of React) over a regular grid: lit, colored by a\n * color map, with an optional wireframe, contour lines and transparency.\n *\n * Published as the optional entry `minerva-design/web-components/chart-3d`.\n *\n * @summary GPU 3D surface with wireframe and contour lines.\n * @tag minerva-surface-3d-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaSurface3DChart extends MinervaChart3DElement<Surface3DSeries> {\n  static override tagName = \"minerva-surface-3d-chart\";\n\n  /** Wireframe of the series that do not set one; property only */\n  @property({ attribute: false })\n  wireframe?: boolean | Surface3DWireframeOptions;\n\n  /** Contour lines of the series that do not set them; property only */\n  @property({ attribute: false })\n  contours?: boolean | Surface3DContourOptions;\n\n  protected typed(series: readonly Surface3DSeries[]): Chart3DSeries[] {\n    return series.map((s) => ({\n      ...s,\n      type: \"surface\" as const,\n      wireframe: s.wireframe ?? this.wireframe,\n      contours: s.contours ?? this.contours,\n    }));\n  }\n}\n\n/**\n * 3D bars of `minerva-design/charts/core` (the `<Bar3DChart>` of React)\n * over an x × y category grid, lit, stacked across series.\n *\n * Published as the optional entry `minerva-design/web-components/chart-3d`.\n *\n * @summary GPU 3D bars over a category grid.\n * @tag minerva-bar-3d-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBar3DChart extends MinervaChart3DElement<Bar3DSeries> {\n  static override tagName = \"minerva-bar-3d-chart\";\n\n  /** Width of the bars of the series that do not set one, as a fraction of a cell */\n  @property({ type: Number, attribute: \"bar-width\" })\n  barWidth = 0.7;\n\n  protected typed(series: readonly Bar3DSeries[]): Chart3DSeries[] {\n    return series.map((s) => ({\n      ...s,\n      type: \"bar\" as const,\n      barWidth: s.barWidth ?? this.barWidth,\n    }));\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-scatter-3d-chart\": MinervaScatter3DChart;\n    \"minerva-line-3d-chart\": MinervaLine3DChart;\n    \"minerva-surface-3d-chart\": MinervaSurface3DChart;\n    \"minerva-bar-3d-chart\": MinervaBar3DChart;\n  }\n}\n"],"mappings":";;;;;AA8BA,IAAsBE,IAAtB,cAEUC,EAAsD;;EAG1B,aAAA,KAAA,SAAA;;CAYpC,aACE,GACA,GACiB;EACjB,OAAOE,EAAcC,GAAWC,CAAO;CACzC;CAEA,gBAAiD;EAE/C,OADK,KAAK,SACH;GAAE,GAAG,KAAK;GAAS,QAAQ,KAAK,MAAM,KAAK,MAAM;EAAE,IADjC;CAE3B;CAEA,WAA8B,GAA2C;EACvE,OAAO;GACLC,EAAM,GAAG,UAAU,MAAM,KAAK,KAAK,iBAAiB,CAAC,CAAC;GACtDA,EAAM,GAAG,UAAU,MAAM,KAAK,KAAK,uBAAuB,CAAC,CAAC;GAC5DA,EAAM,GAAG,WAAW,MAClB,KAAK,KAAK,yBAAyBC,CAAM,CAC3C;GACAD,EAAM,GAAG,aAAa,MACpB,KAAK,KAAK,2BAA2B,EAAE,YAAS,CAAC,CACnD;EACF;CACF;CAGA,cAAoB;EAClB,KAAK,UAAU,YAAY;CAC7B;CAGA,YAAuC;EACrC,OAAO,KAAK,UAAU,UAAU,KAAK;CACvC;CAGA,UAAU,GAA2C;EACnD,KAAK,UAAU,UAAUC,CAAM;CACjC;CAGA,cAAwC;EACtC,OAAO,KAAK,UAAU,YAAY,KAAK;CACzC;AACF;AAzDGT,EAAA,CAAAU,EAAS,CAAA,GAAAR,EAAA,WAAA,UAAA,KAAA,CAAA,GAITF,EAAA,CAAAU,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAR,EAAA,WAAA,UAAA,KAAA,CAAA,GAI7BF,EAAA,CAAAU,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAR,EAAA,WAAA,WAAA,KAAA,CAAA;AAgEhC,IAAaS,IAAb,cAA2CT,EAAuC;;EACtD,KAAA,UAAA;;CAE1B,MAAgB,GAAqD;EACnE,OAAOU,EAAO,KAAK,OAAO;GAAE,GAAGC;GAAG,MAAM;EAAmB,EAAE;CAC/D;AACF,GAaaC,IAAb,cAAwCZ,EAAoC;;EAChD,KAAA,UAAA;;CAE1B,MAAgB,GAAkD;EAChE,OAAOU,EAAO,KAAK,OAAO;GAAE,GAAGC;GAAG,MAAM;EAAgB,EAAE;CAC5D;AACF,GAcaE,IAAb,cAA2Cb,EAAuC;;EACtD,KAAA,UAAA;;CAU1B,MAAgB,GAAqD;EACnE,OAAOU,EAAO,KAAK,OAAO;GACxB,GAAGC;GACH,MAAM;GACN,WAAWA,EAAE,aAAa,KAAK;GAC/B,UAAUA,EAAE,YAAY,KAAK;EAC/B,EAAE;CACJ;AACF;AAfGb,EAAA,CAAAU,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAK,EAAA,WAAA,aAAA,KAAA,CAAA,GAI7Bf,EAAA,CAAAU,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAK,EAAA,WAAA,YAAA,KAAA,CAAA;AAwBhC,IAAaC,IAAb,cAAuCd,EAAmC;;EAK7D,aAAA,KAAA,WAAA;;;EAJe,KAAA,UAAA;;CAM1B,MAAgB,GAAiD;EAC/D,OAAOU,EAAO,KAAK,OAAO;GACxB,GAAGC;GACH,MAAM;GACN,UAAUA,EAAE,YAAY,KAAK;EAC/B,EAAE;CACJ;AACF;AAVGb,EAAA,CAAAU,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAY,CAAC,CAAA,GAAAM,EAAA,WAAA,YAAA,KAAA,CAAA"}

package/dist/web-components/components/graph/graph.d.ts

@@ -0,0 +1,156 @@
+import { ChartRendererKind, GraphChartInstance, GraphChartOptions, GraphData, GraphDirection, GraphEdge, GraphEdgeStyle, GraphGroup, GraphLayoutType, GraphNode, GraphNodeShape, GraphPoint } from '../../../charts/core.js';
+import { MinervaEngineElement } from '../chart/engine-element.js';
+/** Engine options other than the data and the layout type (layout settings, node / edge styles, legend, tooltip, interaction, labels...) */
+export type GraphBaseOptions = Partial<Omit<GraphChartOptions, "nodes" | "edges" | "groups" | "layout">>;
+type GraphLayoutOptions = Pick<GraphChartOptions, "layout" | "direction" | "force" | "circular" | "dag" | "tree">;
+/**
+ * Whether two option objects describe the same chart: top-level values by
+ * identity, one level deep for inline arrays / objects (node and edge
+ * arrays rebuilt with the same objects are the same data)
+ */
+export declare const sameGraphOptions: (a: GraphChartOptions, b: GraphChartOptions) => boolean;
+/**
+ * Base of the graph elements (engine `createGraphChart` of
+ * `minerva-design/charts/core`): forwards the engine events as `minerva-*`
+ * events and exposes the view, selection and collapse methods. New options
+ * are passed only when they describe another chart (the layout runs again
+ * when the node, edge or group arrays change: arrays rebuilt with the same
+ * objects keep it).
+ *
+ * @fires minerva-hover - The hovered (or keyboard-focused) node / edge changed; detail: { type, id, node, edge, index, group, color, degree, clientX, clientY }, `null` when nothing is hovered
+ * @fires minerva-item-click - A node or an edge was clicked (or a node activated with Enter); detail: { type, id, node, edge, index, group, color, degree, clientX, clientY }
+ * @fires minerva-selection-change - The selection changed; detail: { ids }
+ * @fires minerva-toggle - A tree node was collapsed or expanded; detail: { id, collapsed }
+ * @fires minerva-group-toggle - The legend showed / hid a group; detail: { group, hidden }
+ * @fires minerva-layout-end - The layout is done (the force simulation cooled down); detail: { layout }
+ * @fires minerva-renderer-change - The backend is ready (or fell back after a GPU loss); detail: { renderer }
+ */
+export declare abstract class MinervaGraphElement extends MinervaEngineElement<GraphChartOptions, GraphChartInstance> {
+    /** Height of the chart, the legend included: pixels or any CSS length */
+    height?: string | number;
+    /** Nodes `{ id, label, group, value, ... }`; property only */
+    nodes?: readonly GraphNode[];
+    /** Edges `{ source, target, value, label, ... }`; property only */
+    edges?: readonly GraphEdge[];
+    /** Groups `{ id, name, color }`: legend order, names and colors; property only */
+    groups?: readonly GraphGroup[];
+    /** Shape of the nodes without `shape` (boxes for DAGs, org charts and mind maps, circles otherwise) */
+    nodeShape?: GraphNodeShape;
+    /** Edge shape; depends on the layout when omitted */
+    edgeStyle?: GraphEdgeStyle;
+    /** Edge colors: neutral or tinted with the source / target node */
+    edgeColor: "neutral" | "source" | "target";
+    /** Shape of the arrowheads: `open` (a slim outlined head) or `filled` (a solid head in the edge color, following the theme and the highlight) */
+    arrowStyle: "open" | "filled";
+    /** What hovering / selecting a node highlights */
+    highlight?: "neighbors" | "lineage" | "none";
+    /** Language of the built-in texts (summary, announcements, tooltip, buttons); the page language by default */
+    locale?: string;
+    /** Ids of the selected nodes (changing it updates the selection); property only */
+    selected?: readonly string[];
+    /** Other engine options (`GraphChartOptions`: force, circular, dag, tree, nodeSize, edgeWidth, arrows, nodeLabels, edgeLabels, animation, legend, tooltip, interaction, renderer, palette, ariaLabel, labels...); property only */
+    options?: GraphBaseOptions;
+    private previous;
+    /** Layout options of the element */
+    protected abstract layoutOptions(): GraphLayoutOptions;
+    protected createEngine(container: HTMLElement, options: GraphChartOptions): GraphChartInstance;
+    protected engineOptions(): GraphChartOptions | null;
+    protected syncEngine(engine: GraphChartInstance): void;
+    protected bindEngine(chart: GraphChartInstance): Array<() => void>;
+    /** Fits the visible nodes in the view */
+    fit(animate?: boolean): void;
+    /** Centers a node (expanding its collapsed ancestors), optionally zooming */
+    focusNode(id: string, options?: {
+        zoom?: number;
+        animate?: boolean;
+    }): void;
+    /** Replaces the data until the properties change again */
+    setData(data: GraphData): void;
+    /** Selects nodes (`null` clears the selection) */
+    select(ids: readonly string[] | string | null): void;
+    /** Ids of the selected nodes */
+    getSelection(): string[];
+    /** Expands a node (all nodes without an id) */
+    expand(id?: string): void;
+    /** Collapses a node (all nodes with children without an id) */
+    collapse(id?: string): void;
+    /** Collapses / expands a node */
+    toggle(id: string): void;
+    /** Current positions of the nodes in layout units */
+    getPositions(): Record<string, GraphPoint>;
+    /** Computes the layout again */
+    relayout(): void;
+    /** Backend in use (`webgpu`, `webgl2`, `webgl`, `canvas2d`), `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+}
+/**
+ * Relationship network of `minerva-design/charts/core` (the
+ * `<GraphChart>` of React): force-directed by default (Barnes–Hut, a Web
+ * Worker for large graphs), or circular, arc diagram, layered or tree
+ * layouts; GPU rendering, pan / zoom, drag, neighbor highlight, legend
+ * toggles and keyboard navigation.
+ *
+ * Published as the optional entry `minerva-design/web-components/graph`.
+ *
+ * @summary GPU relationship network with force, circular and layered layouts.
+ * @tag minerva-graph-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaGraphChart extends MinervaGraphElement {
+    static tagName: string;
+    /** Placement of the nodes */
+    layout: GraphLayoutType;
+    /** Direction of the `dag` and `tree` layouts */
+    direction?: GraphDirection;
+    protected layoutOptions(): GraphLayoutOptions;
+}
+/**
+ * Dependency graph of `minerva-design/charts/core` (the
+ * `<DependencyGraph>` of React): layered (Sugiyama) layout of a DAG with
+ * crossing reduction, spline or orthogonal edges with arrowheads, upstream
+ * / downstream highlight and the critical path.
+ *
+ * Published as the optional entry `minerva-design/web-components/graph`.
+ *
+ * @summary Layered DAG with the critical path.
+ * @tag minerva-dependency-graph
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaDependencyGraph extends MinervaGraphElement {
+    static tagName: string;
+    /** Flow direction */
+    direction: GraphDirection;
+    /** Highlights the longest path (node `value` = duration); a list of node ids (property) sets it */
+    criticalPath?: boolean | readonly string[];
+    protected layoutOptions(): GraphLayoutOptions;
+}
+/**
+ * Tree chart of `minerva-design/charts/core` (the `<TreeChart>` of
+ * React): tidy tree, radial tree, mind map or org chart, with animated
+ * collapse / expand of the subtrees.
+ *
+ * Published as the optional entry `minerva-design/web-components/graph`.
+ *
+ * @summary Tidy tree, radial tree, mind map or org chart.
+ * @tag minerva-tree-chart
+ * @csspart root - The sized box of the chart
+ * @csspart surface - The element the engine renders into
+ */
+export declare class MinervaTreeChart extends MinervaGraphElement {
+    static tagName: string;
+    /** Kind of tree: tidy tree, radial tree, two-sided mind map or org chart */
+    layout: "tree" | "radial" | "mindmap" | "org";
+    /** Direction of `layout="tree"` */
+    direction: GraphDirection;
+    protected layoutOptions(): GraphLayoutOptions;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "minerva-graph-chart": MinervaGraphChart;
+        "minerva-dependency-graph": MinervaDependencyGraph;
+        "minerva-tree-chart": MinervaTreeChart;
+    }
+}
+export {};