minerva-design 1.4.0 → 1.6.0

package/dist/weapp/types.d.ts

@@ -537,6 +537,14 @@ export interface NativeChartCommonProperties {
   padding?: NativeChartPadding;
   palette?: readonly string[];
   ariaLabel?: string;
+  /**
+   * Locale of the built-in texts, numbers and dates. Mini-programs have no
+   * `<html lang>`: pass the app language (e.g. `wx.getAppBaseInfo().language`)
+   * @default the system language when the runtime has `navigator.language`, else English
+   */
+  locale?: string;
+  /** Overrides of the built-in texts of the `locale` (`ChartLabels` keys, e.g. `{ open: "开盘" }`) */
+  labels?: Readonly<Record<string, string>>;
   /** Stops the page from scrolling while the canvas is touched @default false */
   disableScroll?: boolean;
 }
@@ -562,7 +570,10 @@ export interface NativeAreaChartProperties extends NativeChartProperties {
   /** 100% stacks (implies `stacked`) */
   percent?: boolean;
 }
-export interface NativeHorizontalBarChartProperties extends NativeChartProperties {
+export interface NativeHorizontalBarChartProperties extends Omit<
+  NativeChartProperties,
+  "labels"
+> {
   stacked?: boolean;
   percent?: boolean;
   /** Values at the end of the bars */
@@ -599,8 +610,10 @@ export interface NativeHeatmapChartProperties extends NativeChartCommonPropertie
   yAxis?: NativeChartAxisOptions;
   xCategories?: readonly string[];
   yCategories?: readonly string[];
-  colorScale?: readonly string[];
+  colorScale?: readonly string[] | "sequential" | "diverging";
   valueRange?: [number, number];
+  /** Value at the middle of the color scale (diverging data) */
+  colorMidpoint?: number;
   name?: string;
   radius?: number;
 }
@@ -620,6 +633,8 @@ export interface NativeSparklineProperties {
   tooltip?: boolean | NativeChartTooltipOptions;
   palette?: readonly string[];
   ariaLabel?: string;
+  locale?: string;
+  labels?: Readonly<Record<string, string>>;
   disableScroll?: boolean;
 }
 export interface NativeHistogramChartProperties extends NativeChartCommonProperties {
@@ -651,6 +666,10 @@ export interface NativeBoxPlotChartProperties extends NativeChartCommonPropertie
   whisker?: number | "minmax";
   /** @default "vertical" */
   orientation?: "vertical" | "horizontal";
+  /** Outliers as rings or filled dots @default "hollow" */
+  outlierShape?: "hollow" | "filled";
+  /** Diameter of the outliers in px @default 7 */
+  outlierSize?: number;
   xAxis?: NativeChartAxisOptions;
   yAxis?: NativeChartAxisOptions;
 }
@@ -661,7 +680,10 @@ export interface NativeWaterfallStep {
   kind?: "change" | "subtotal" | "total";
   color?: string;
 }
-export interface NativeWaterfallChartProperties extends NativeChartCommonProperties {
+export interface NativeWaterfallChartProperties extends Omit<
+  NativeChartCommonProperties,
+  "labels"
+> {
   steps: readonly NativeWaterfallStep[];
   name?: string;
   upColor?: string;
@@ -671,6 +693,9 @@ export interface NativeWaterfallChartProperties extends NativeChartCommonPropert
   start?: number;
   /** @default true */
   labels?: boolean;
+  /** Lines from bar to bar; an object styles them @default true */
+  connector?:
+    boolean | { color?: string; dash?: readonly number[]; width?: number };
   locale?: string;
   /** @default "vertical" */
   orientation?: "vertical" | "horizontal";
@@ -688,6 +713,8 @@ export interface NativeGanttTask {
   group?: string;
   color?: string;
   milestone?: boolean;
+  /** Names of the tasks this one waits for (tooltip row, and arrows from their ends) */
+  dependencies?: readonly string[];
 }
 export interface NativeGanttChartProperties extends NativeChartCommonProperties {
   tasks: readonly NativeGanttTask[];
@@ -695,6 +722,12 @@ export interface NativeGanttChartProperties extends NativeChartCommonProperties
   taskName?: string;
   progressName?: string;
   milestoneName?: string;
+  /** Tooltip row of the dependencies of a task @default "Depends on" */
+  dependenciesName?: string;
+  /** Elbow arrows from the end of every predecessor to the start of the task @default true */
+  dependencyArrows?: boolean;
+  /** Color of the dependency arrows (any CSS color) @default the secondary text color */
+  dependencyColor?: string;
   locale?: string;
   /** Line at this timestamp (`true`: now) @default false */
   today?: boolean | number;
@@ -901,7 +934,7 @@ export interface NativeShapeLegendOptions {
 export interface NativeShapeChartFrameProperties {
   /** Numbers are px; any CSS length otherwise @default "100%" */
   width?: number | string;
-  /** Numbers are px; any CSS length otherwise @default 320 (gauge-chart: 240, radial-bar-chart: 300, sankey- and sunburst-chart: 360, calendar-heatmap and bullet-chart: from the data) */
+  /** Numbers are px; any CSS length otherwise @default 320 (gauge-chart: 240, radial-bar-chart: 300, sankey- and sunburst-chart: 360, chord-chart: 420, calendar-heatmap and bullet-chart: from the data) */
   height?: number | string;
   /** Stops the page from scrolling while the canvas is touched @default false */
   disableScroll?: boolean;
@@ -919,6 +952,14 @@ export interface NativeShapeChartCommonProperties extends NativeShapeChartFrameP
   animation?: boolean;
   padding?: NativeChartPadding;
   ariaLabel?: string;
+  /**
+   * Locale of the built-in texts and numbers. Mini-programs have no
+   * `<html lang>`: pass the app language
+   * @default the system language when the runtime has `navigator.language`, else English
+   */
+  locale?: string;
+  /** Overrides of the built-in texts (`noData`, `value`, `share`, ...) */
+  texts?: Readonly<Record<string, string>>;
 }
 export interface NativePieChartProperties extends NativeShapeChartCommonProperties {
   data: readonly NativeShapeDatum[];
@@ -1106,6 +1147,53 @@ export interface NativeBulletChartProperties extends NativeShapeChartCommonPrope
   /** @default true */
   ticks?: boolean;
 }
+export interface NativeChordGroup {
+  name: string;
+  color?: string;
+}
+export interface NativeChordLink {
+  /** Group name or index */
+  source: string | number;
+  /** Group name or index */
+  target: string | number;
+  value: number;
+  color?: string;
+}
+export interface NativeChordChartProperties extends NativeShapeChartCommonProperties {
+  /** Names or `{ name, color }` in their order around the circle */
+  groups?: readonly (string | NativeChordGroup)[];
+  /** Square flow matrix: `matrix[i][j]` flows from group i to group j */
+  matrix?: readonly (readonly number[])[];
+  /** Flows as a list; takes precedence over `matrix` */
+  links?: readonly NativeChordLink[];
+  /**
+   * `false`: one ribbon per pair of groups, as wide as the flows between them
+   * in both directions (a symmetric matrix counts each relation once); `true`:
+   * one ribbon per direction (same width at both ends), self flows ignored
+   * @default false
+   */
+  directed?: boolean;
+  /** Arrowheads at the target ends @default true when directed */
+  arrows?: boolean;
+  /** Degrees between the groups @default 2 */
+  padAngle?: number;
+  /** Degrees clockwise from 12 o'clock @default 0 */
+  startAngle?: number;
+  /** @default "none" */
+  sortGroups?: "none" | "ascending" | "descending";
+  /** @default "auto" */
+  sortSubgroups?: "auto" | "none" | "ascending" | "descending";
+  /** @default "gradient" */
+  ribbonColor?: "gradient" | "source" | "target" | "neutral";
+  /** @default 0.65 */
+  ribbonOpacity?: number;
+  /** Arc thickness in px @default 6% of the radius */
+  arcWidth?: number;
+  /** Value ticks; a number sets the step (labels: configure({ tickFormat })) @default true when large enough */
+  ticks?: boolean | number;
+  /** @default "auto" */
+  labels?: "auto" | "tangential" | "radial" | "none";
+}
 /** shape-chart: any shape type of the engine from its options */
 export interface NativeShapeChartProperties extends NativeShapeChartFrameProperties {
   /** Options by `type` ("pie", "radar", "gauge", "funnel", "treemap"...) without functions (see `configure`) */
@@ -1128,6 +1216,8 @@ export interface NativeShapeHoverEvent {
   /** Sankey link ends */
   source?: string;
   target?: string;
+  /** Chord ribbon: the flow from the target back to the source */
+  reverseValue?: number;
 }
 export interface NativeShapeToggleEvent {
   index: number;
@@ -1151,6 +1241,8 @@ export interface NativeShapeChartConfig {
   percentFormat?: (share: number) => string;
   /** Tooltip text (`\n` separates lines); `null` hides the tooltip */
   renderTooltip?: (event: NativeShapeHoverEvent) => string | null;
+  /** chord-chart: labels of the value ticks */
+  tickFormat?: (value: number) => string;
 }
 export interface NativeShapeChartInstance extends NativeConfigConsumer {
   configure(config: NativeShapeChartConfig): void;

package/dist/weapp/waterfall-chart/index.wxml

@@ -1 +1 @@
-<view class="mn-chart" style="display:block;position:relative;width:{{chartWidth}};height:{{chartHeight}}"><canvas type="2d" class="mn-chart-canvas" style="display:block;width:100%;height:100%" disable-scroll="{{disableScroll}}" aria-role="img" aria-label="{{ariaLabel}}" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchend="onTouchEnd" bindtouchcancel="onTouchCancel"></canvas></view>
+<view class="mn-chart" style="display:block;position:relative;width:{{chartWidth}};height:{{chartHeight}}"><canvas type="2d" class="mn-chart-canvas" style="display:block;width:100%;height:100%" disable-scroll="{{disableScroll}}" aria-role="img" aria-label="{{chartLabel}}" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchend="onTouchEnd" bindtouchcancel="onTouchCancel"></canvas></view>

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

@@ -136,10 +136,12 @@ export declare class MinervaHeatmapChart extends MinervaCartesianChartElement {
     xCategories?: readonly string[];
     /** Row names from bottom to top (collected from the data when omitted); property only */
     yCategories?: readonly string[];
-    /** Colors from the lowest to the highest value (a ramp of the first palette color by default); property only */
-    colorScale?: readonly string[];
+    /** Colors from the lowest to the highest value (interpolated in OKLab), or a built-in theme-aware ramp of the first palette color (`sequential` by default, or `diverging`); an array is property only */
+    colorScale: readonly string[] | "sequential" | "diverging";
     /** Values at the ends of the color scale (the data range by default); property only */
     valueRange?: readonly [number, number];
+    /** Value at the middle of the color scale (diverging data; 0 for `diverging` ramps spanning it, else the middle of the range, by default) */
+    colorMidpoint?: number;
     /** Name of the value in the tooltip */
     valueName?: string;
     /** Corner radius of the cells, in pixels */

package/dist/web-components/components/chart/charts.js

@@ -81,6 +81,9 @@ var f = class extends c {
 		return n(e, "candlestick");
 	}
 }, m = class extends t {
+	constructor(...e) {
+		super(...e), this.colorScale = "sequential";
+	}
 	static {
 		this.tagName = "minerva-heatmap-chart";
 	}
@@ -91,13 +94,17 @@ var f = class extends c {
 			yCategories: this.yCategories,
 			colorScale: this.colorScale,
 			valueRange: this.valueRange,
+			colorMidpoint: this.colorMidpoint,
 			name: this.valueName,
 			radius: this.radius,
 			format: this.format
 		}, this.options) : null;
 	}
 };
-e([r({ attribute: !1 })], m.prototype, "data", void 0), e([r({ attribute: !1 })], m.prototype, "xCategories", void 0), e([r({ attribute: !1 })], m.prototype, "yCategories", void 0), e([r({ attribute: !1 })], m.prototype, "colorScale", void 0), e([r({ attribute: !1 })], m.prototype, "valueRange", void 0), e([r({ attribute: "value-name" })], m.prototype, "valueName", void 0), e([r({ type: Number })], m.prototype, "radius", void 0), e([r({ attribute: !1 })], m.prototype, "format", void 0), e([r({ attribute: !1 })], m.prototype, "options", void 0);
+e([r({ attribute: !1 })], m.prototype, "data", void 0), e([r({ attribute: !1 })], m.prototype, "xCategories", void 0), e([r({ attribute: !1 })], m.prototype, "yCategories", void 0), e([r({ attribute: "color-scale" })], m.prototype, "colorScale", void 0), e([r({ attribute: !1 })], m.prototype, "valueRange", void 0), e([r({
+	type: Number,
+	attribute: "color-midpoint"
+})], m.prototype, "colorMidpoint", void 0), e([r({ attribute: "value-name" })], m.prototype, "valueName", void 0), e([r({ type: Number })], m.prototype, "radius", void 0), e([r({ attribute: !1 })], m.prototype, "format", void 0), e([r({ attribute: !1 })], m.prototype, "options", void 0);
 var h = class extends t {
 	constructor(...e) {
 		super(...e), this.height = 48, this.type = "line", this.curve = "smooth";

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

@@ -1 +1 @@
-{"version":3,"file":"charts.js","names":["_decorate","__decorate","SeriesChartElement","MinervaCartesianChartElement","series","property","MinervaLineChart","_args","withSeriesType","MinervaAreaChart","_args2","MinervaBarChart","_args3","s","MinervaScatterChart","MinervaCandlestickChart","MinervaHeatmapChart","heatmapChartOptions","MinervaSparkline","_args4","sparklineOptions","MinervaQuadrantChart","_args5","quadrantChartOptions","index","event","point","quadrantOf"],"sources":["../../../../../web-components/src/components/chart/charts.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  heatmapChartOptions,\n  quadrantChartOptions,\n  quadrantOf,\n  sparklineOptions,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartSeries,\n  type HeatmapCell,\n  type QuadrantAxisLabels,\n  type QuadrantConfig,\n  type QuadrantPoint,\n  type QuadrantRegions,\n} from \"minerva-design/charts/core\";\nimport { MinervaCartesianChartElement } from \"./chart\";\nimport { withSeriesType } from \"./series\";\n\n/** Engine options other than the series (axes, legend, tooltip, annotations...) */\nexport type ChartBaseOptions = Partial<ChartOptions>;\n\n/** Base of the elements drawing `series` with a default series type */\nexport abstract class SeriesChartElement extends MinervaCartesianChartElement {\n  /** Data series (`ChartSeries[]`); each may set its own `type`. Replace the array (or a `data` array) to update the chart; property only */\n  @property({ attribute: false })\n  series?: readonly ChartSeries[];\n\n  /** Other engine options (`ChartOptions` of minerva-design/charts/core: axes, legend, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected abstract typed(series: readonly ChartSeries[]): ChartSeries[];\n\n  protected stackMode(): ChartOptions[\"stackMode\"] {\n    return this.options?.stackMode;\n  }\n\n  protected engineOptions(): ChartOptions | null {\n    const series = this.series ?? this.options?.series;\n    if (!series) return null;\n    return {\n      ...this.options,\n      series: this.typed(series),\n      stackMode: this.stackMode(),\n    };\n  }\n}\n\n/**\n * Line chart (or area chart with `area`) of `minerva-design/charts/core`,\n * handling millions of points on the GPU: the `<LineChart>` of React. The\n * series without a `type` are drawn as lines.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU line chart: straight, smooth or stepped, stacked or 100%.\n * @tag minerva-line-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaLineChart extends SeriesChartElement {\n  static override tagName = \"minerva-line-chart\";\n\n  /** Fills the area under the lines */\n  @property({ type: Boolean })\n  area = false;\n\n  /** Shape of the lines: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"linear\";\n\n  /** Stacks the series on top of each other */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      this.area ? \"area\" : \"line\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n      this.curve,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Area chart of `minerva-design/charts/core`: smooth by default, stacked or\n * 100% stacked (the `<AreaChart>` of React). The series without a `type`\n * are drawn as areas.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU area chart: smooth, stacked or 100% stacked.\n * @tag minerva-area-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaAreaChart extends SeriesChartElement {\n  static override tagName = \"minerva-area-chart\";\n\n  /** Shape of the edges: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  /** Stacks the areas on top of each other */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      \"area\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n      this.curve,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Bar chart of `minerva-design/charts/core`: grouped side by side, stacked\n * or 100% stacked, with optional value labels (the `<BarChart>` of React).\n * The series without a `type` are drawn as bars (set `type: \"line\"` on a\n * series for an overlay).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bar chart: grouped, stacked or 100%, with value labels.\n * @tag minerva-bar-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBarChart extends SeriesChartElement {\n  static override tagName = \"minerva-bar-chart\";\n\n  /** Stacks the bars of every series (otherwise they are grouped side by side) */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  /** Writes the value above every bar */\n  @property({ type: Boolean })\n  labels = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      \"bar\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n    ).map((s) =>\n      this.labels && s.type === \"bar\"\n        ? { ...s, showLabels: s.showLabels ?? true }\n        : s,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Scatter chart of `minerva-design/charts/core`: zooms on both axes, hit\n * testing through a spatial index (the `<ScatterChart>` of React). The\n * series without a `type` are drawn as dots.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU scatter chart zooming on both axes.\n * @tag minerva-scatter-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaScatterChart extends SeriesChartElement {\n  static override tagName = \"minerva-scatter-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"scatter\");\n  }\n}\n\n/**\n * Candlestick (OHLC) chart of `minerva-design/charts/core` (the\n * `<CandlestickChart>` of React): data points carry `open`, `high`, `low`\n * and `y` (the close). The series without a `type` are drawn as candles\n * (e.g. add a moving average with `type: \"line\"`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU candlestick chart of rising and falling candles.\n * @tag minerva-candlestick-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaCandlestickChart extends SeriesChartElement {\n  static override tagName = \"minerva-candlestick-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"candlestick\");\n  }\n}\n\n/**\n * Heatmap of `minerva-design/charts/core` (the `<HeatmapChart>` of React):\n * a grid of cells colored by value, categories (or numbers) on both axes.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU heatmap: a grid of cells colored by value.\n * @tag minerva-heatmap-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaHeatmapChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-heatmap-chart\";\n\n  /** Cells `{ x, y, value }`; property only */\n  @property({ attribute: false })\n  data?: readonly HeatmapCell[];\n\n  /** Column names in order (collected from the data when omitted); property only */\n  @property({ attribute: false })\n  xCategories?: readonly string[];\n\n  /** Row names from bottom to top (collected from the data when omitted); property only */\n  @property({ attribute: false })\n  yCategories?: readonly string[];\n\n  /** Colors from the lowest to the highest value (a ramp of the first palette color by default); property only */\n  @property({ attribute: false })\n  colorScale?: readonly string[];\n\n  /** Values at the ends of the color scale (the data range by default); property only */\n  @property({ attribute: false })\n  valueRange?: readonly [number, number];\n\n  /** Name of the value in the tooltip */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Corner radius of the cells, in pixels */\n  @property({ type: Number })\n  radius?: number;\n\n  /** Formats the values in the tooltip; property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** Other engine options (axes, legend, tooltip, padding...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.data) return null;\n    return heatmapChartOptions(\n      {\n        data: this.data,\n        xCategories: this.xCategories,\n        yCategories: this.yCategories,\n        colorScale: this.colorScale,\n        valueRange: this.valueRange,\n        name: this.valueName,\n        radius: this.radius,\n        format: this.format,\n      },\n      this.options,\n    );\n  }\n}\n\n/**\n * Word-sized chart without axes (a trend in a table cell, a KPI card...) of\n * `minerva-design/charts/core`: the `<Sparkline>` of React.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Small line, area or bar trend without axes.\n * @tag minerva-sparkline\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaSparkline extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-sparkline\";\n\n  /** Height of the sparkline: pixels or any CSS length */\n  @property()\n  override height?: string | number = 48;\n\n  /** Values (or `[x, y]` pairs, typed arrays...); property only */\n  @property({ attribute: false })\n  data?: ChartSeries[\"data\"];\n\n  /** How the values are drawn */\n  @property()\n  type: \"line\" | \"area\" | \"bar\" = \"line\";\n\n  /** Color (any CSS color); the first palette color by default */\n  @property()\n  color?: string;\n\n  /** Shape of the line */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  /** Draws a dashed reference line at this value (a target, the average...) */\n  @property({ type: Number })\n  reference?: number;\n\n  /** Name of the value in the tooltip */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Formats the value in the tooltip; property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** Other engine options (tooltip, palette, renderer...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.data) return null;\n    return sparklineOptions(\n      {\n        data: this.data,\n        type: this.type,\n        color: this.color,\n        curve: this.curve,\n        name: this.valueName,\n        reference: this.reference,\n        format: this.format,\n      },\n      this.options,\n    );\n  }\n}\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG...) of\n * `minerva-design/charts/core` (the `<QuadrantChart>` of React): tinted\n * quadrants with titles, dividers and labelled dots placed without\n * overlapping labels. With `drag-points`, dots can be dragged to another\n * quadrant (`minerva-point-drop`; update `points` to move them).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Four-quadrant matrix of labelled, draggable dots.\n * @tag minerva-quadrant-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n * @fires minerva-point-click - A dot was clicked; detail: { point, index }\n * @fires minerva-quadrant-click - The empty area of a quadrant was clicked; detail: { quadrant, x, y }\n * @fires minerva-point-drop - A dragged dot was released; detail: { point, index, x, y, quadrant }\n */\nexport class MinervaQuadrantChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-quadrant-chart\";\n\n  /** Points `{ x, y, label, color, size }` to place; property only */\n  @property({ attribute: false })\n  points?: readonly QuadrantPoint[];\n\n  /** Titles and colors of the quadrants (`topLeft`, `topRight`, `bottomLeft`, `bottomRight`); property only */\n  @property({ attribute: false })\n  quadrants?: QuadrantRegions;\n\n  /** Title of the horizontal axis */\n  @property({ attribute: \"x-label\" })\n  xLabel?: string;\n\n  /** Title of the vertical axis */\n  @property({ attribute: \"y-label\" })\n  yLabel?: string;\n\n  /** Texts at the ends of the dividers, drawn inside the plot; property only */\n  @property({ attribute: false })\n  axisLabels?: QuadrantAxisLabels;\n\n  /** Range of the horizontal axis (default [0, 10]); property only */\n  @property({ attribute: false })\n  xDomain?: [number, number];\n\n  /** Range of the vertical axis (default [0, 10]); property only */\n  @property({ attribute: false })\n  yDomain?: [number, number];\n\n  /** X value of the vertical divider (the middle of the x domain by default) */\n  @property({ type: Number, attribute: \"x-split\" })\n  xSplit?: number;\n\n  /** Y value of the horizontal divider (the middle of the y domain by default) */\n  @property({ type: Number, attribute: \"y-split\" })\n  ySplit?: number;\n\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  @property({ type: Boolean, attribute: \"reverse-x\" })\n  reverseX = false;\n\n  /** Hides the numeric ticks of the axes (only the matrix remains) */\n  @property({ type: Boolean, attribute: \"hide-ticks\" })\n  hideTicks = false;\n\n  /** Hides the labels next to the dots */\n  @property({ type: Boolean, attribute: \"hide-labels\" })\n  hideLabels = false;\n\n  /** Dot diameter in pixels */\n  @property({ type: Number, attribute: \"point-size\" })\n  pointSize = 12;\n\n  /** Lets the user drag the dots (`minerva-point-drop`) */\n  @property({ type: Boolean, attribute: \"drag-points\" })\n  dragPoints = false;\n\n  /** Other engine options (legend, tooltip, padding, palette...); property only */\n  @property({ attribute: false })\n  options?: Omit<ChartOptions, \"series\">;\n\n  private geometry(): Pick<\n    QuadrantConfig,\n    \"xDomain\" | \"yDomain\" | \"xSplit\" | \"ySplit\" | \"reverseX\"\n  > {\n    return {\n      xDomain: this.xDomain,\n      yDomain: this.yDomain,\n      xSplit: this.xSplit,\n      ySplit: this.ySplit,\n      reverseX: this.reverseX,\n    };\n  }\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.points) return null;\n    return quadrantChartOptions(\n      {\n        ...this.geometry(),\n        points: this.points,\n        quadrants: this.quadrants,\n        xLabel: this.xLabel,\n        yLabel: this.yLabel,\n        axisLabels: this.axisLabels,\n        showTicks: !this.hideTicks,\n        showLabels: !this.hideLabels,\n        pointSize: this.pointSize,\n        draggable: this.dragPoints,\n      },\n      this.options,\n    );\n  }\n\n  protected override pointClicked(event: ChartHoverEvent): void {\n    const index = event.items[0]?.index;\n    const point = index === undefined ? undefined : this.points?.[index];\n    if (point) this.emit(\"minerva-point-click\", { point, index });\n  }\n\n  protected override plotClicked(event: ChartPlotClickEvent): void {\n    this.emit(\"minerva-quadrant-click\", {\n      quadrant: quadrantOf(this.geometry(), event.x, event.y),\n      x: event.x,\n      y: event.y,\n    });\n  }\n\n  protected override pointDropped(event: ChartDragEvent): void {\n    const index = event.item.index;\n    const point = this.points?.[index];\n    if (!point) return;\n    this.emit(\"minerva-point-drop\", {\n      point,\n      index,\n      x: event.x,\n      y: event.y,\n      quadrant: quadrantOf(this.geometry(), event.x, event.y),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-line-chart\": MinervaLineChart;\n    \"minerva-area-chart\": MinervaAreaChart;\n    \"minerva-bar-chart\": MinervaBarChart;\n    \"minerva-scatter-chart\": MinervaScatterChart;\n    \"minerva-candlestick-chart\": MinervaCandlestickChart;\n    \"minerva-heatmap-chart\": MinervaHeatmapChart;\n    \"minerva-sparkline\": MinervaSparkline;\n    \"minerva-quadrant-chart\": MinervaQuadrantChart;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"charts.js","names":["_decorate","__decorate","SeriesChartElement","MinervaCartesianChartElement","series","property","MinervaLineChart","_args","withSeriesType","MinervaAreaChart","_args2","MinervaBarChart","_args3","s","MinervaScatterChart","MinervaCandlestickChart","MinervaHeatmapChart","_args4","heatmapChartOptions","MinervaSparkline","_args5","sparklineOptions","MinervaQuadrantChart","_args6","quadrantChartOptions","index","event","point","quadrantOf"],"sources":["../../../../../web-components/src/components/chart/charts.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport {\n  heatmapChartOptions,\n  quadrantChartOptions,\n  quadrantOf,\n  sparklineOptions,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartSeries,\n  type HeatmapCell,\n  type QuadrantAxisLabels,\n  type QuadrantConfig,\n  type QuadrantPoint,\n  type QuadrantRegions,\n} from \"minerva-design/charts/core\";\nimport { MinervaCartesianChartElement } from \"./chart\";\nimport { withSeriesType } from \"./series\";\n\n/** Engine options other than the series (axes, legend, tooltip, annotations...) */\nexport type ChartBaseOptions = Partial<ChartOptions>;\n\n/** Base of the elements drawing `series` with a default series type */\nexport abstract class SeriesChartElement extends MinervaCartesianChartElement {\n  /** Data series (`ChartSeries[]`); each may set its own `type`. Replace the array (or a `data` array) to update the chart; property only */\n  @property({ attribute: false })\n  series?: readonly ChartSeries[];\n\n  /** Other engine options (`ChartOptions` of minerva-design/charts/core: axes, legend, tooltip, annotations...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected abstract typed(series: readonly ChartSeries[]): ChartSeries[];\n\n  protected stackMode(): ChartOptions[\"stackMode\"] {\n    return this.options?.stackMode;\n  }\n\n  protected engineOptions(): ChartOptions | null {\n    const series = this.series ?? this.options?.series;\n    if (!series) return null;\n    return {\n      ...this.options,\n      series: this.typed(series),\n      stackMode: this.stackMode(),\n    };\n  }\n}\n\n/**\n * Line chart (or area chart with `area`) of `minerva-design/charts/core`,\n * handling millions of points on the GPU: the `<LineChart>` of React. The\n * series without a `type` are drawn as lines.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU line chart: straight, smooth or stepped, stacked or 100%.\n * @tag minerva-line-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaLineChart extends SeriesChartElement {\n  static override tagName = \"minerva-line-chart\";\n\n  /** Fills the area under the lines */\n  @property({ type: Boolean })\n  area = false;\n\n  /** Shape of the lines: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"linear\";\n\n  /** Stacks the series on top of each other */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      this.area ? \"area\" : \"line\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n      this.curve,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Area chart of `minerva-design/charts/core`: smooth by default, stacked or\n * 100% stacked (the `<AreaChart>` of React). The series without a `type`\n * are drawn as areas.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU area chart: smooth, stacked or 100% stacked.\n * @tag minerva-area-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaAreaChart extends SeriesChartElement {\n  static override tagName = \"minerva-area-chart\";\n\n  /** Shape of the edges: straight, smooth (monotone) or steps */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  /** Stacks the areas on top of each other */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      \"area\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n      this.curve,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Bar chart of `minerva-design/charts/core`: grouped side by side, stacked\n * or 100% stacked, with optional value labels (the `<BarChart>` of React).\n * The series without a `type` are drawn as bars (set `type: \"line\"` on a\n * series for an overlay).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU bar chart: grouped, stacked or 100%, with value labels.\n * @tag minerva-bar-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaBarChart extends SeriesChartElement {\n  static override tagName = \"minerva-bar-chart\";\n\n  /** Stacks the bars of every series (otherwise they are grouped side by side) */\n  @property({ type: Boolean })\n  stacked = false;\n\n  /** Scales the stacks to 100% (implies `stacked`) */\n  @property({ type: Boolean })\n  percent = false;\n\n  /** Writes the value above every bar */\n  @property({ type: Boolean })\n  labels = false;\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(\n      series,\n      \"bar\",\n      this.stacked || this.percent ? \"stack\" : undefined,\n    ).map((s) =>\n      this.labels && s.type === \"bar\"\n        ? { ...s, showLabels: s.showLabels ?? true }\n        : s,\n    );\n  }\n\n  protected override stackMode(): ChartOptions[\"stackMode\"] {\n    return this.percent ? \"percent\" : super.stackMode();\n  }\n}\n\n/**\n * Scatter chart of `minerva-design/charts/core`: zooms on both axes, hit\n * testing through a spatial index (the `<ScatterChart>` of React). The\n * series without a `type` are drawn as dots.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU scatter chart zooming on both axes.\n * @tag minerva-scatter-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaScatterChart extends SeriesChartElement {\n  static override tagName = \"minerva-scatter-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"scatter\");\n  }\n}\n\n/**\n * Candlestick (OHLC) chart of `minerva-design/charts/core` (the\n * `<CandlestickChart>` of React): data points carry `open`, `high`, `low`\n * and `y` (the close). The series without a `type` are drawn as candles\n * (e.g. add a moving average with `type: \"line\"`).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU candlestick chart of rising and falling candles.\n * @tag minerva-candlestick-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaCandlestickChart extends SeriesChartElement {\n  static override tagName = \"minerva-candlestick-chart\";\n\n  protected typed(series: readonly ChartSeries[]): ChartSeries[] {\n    return withSeriesType(series, \"candlestick\");\n  }\n}\n\n/**\n * Heatmap of `minerva-design/charts/core` (the `<HeatmapChart>` of React):\n * a grid of cells colored by value, categories (or numbers) on both axes.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary GPU heatmap: a grid of cells colored by value.\n * @tag minerva-heatmap-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaHeatmapChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-heatmap-chart\";\n\n  /** Cells `{ x, y, value }`; property only */\n  @property({ attribute: false })\n  data?: readonly HeatmapCell[];\n\n  /** Column names in order (collected from the data when omitted); property only */\n  @property({ attribute: false })\n  xCategories?: readonly string[];\n\n  /** Row names from bottom to top (collected from the data when omitted); property only */\n  @property({ attribute: false })\n  yCategories?: readonly string[];\n\n  /** Colors from the lowest to the highest value (interpolated in OKLab), or a built-in theme-aware ramp of the first palette color (`sequential` by default, or `diverging`); an array is property only */\n  @property({ attribute: \"color-scale\" })\n  colorScale: readonly string[] | \"sequential\" | \"diverging\" = \"sequential\";\n\n  /** Values at the ends of the color scale (the data range by default); property only */\n  @property({ attribute: false })\n  valueRange?: readonly [number, number];\n\n  /** Value at the middle of the color scale (diverging data; 0 for `diverging` ramps spanning it, else the middle of the range, by default) */\n  @property({ type: Number, attribute: \"color-midpoint\" })\n  colorMidpoint?: number;\n\n  /** Name of the value in the tooltip */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Corner radius of the cells, in pixels */\n  @property({ type: Number })\n  radius?: number;\n\n  /** Formats the values in the tooltip; property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** Other engine options (axes, legend, tooltip, padding...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.data) return null;\n    return heatmapChartOptions(\n      {\n        data: this.data,\n        xCategories: this.xCategories,\n        yCategories: this.yCategories,\n        colorScale: this.colorScale,\n        valueRange: this.valueRange,\n        colorMidpoint: this.colorMidpoint,\n        name: this.valueName,\n        radius: this.radius,\n        format: this.format,\n      },\n      this.options,\n    );\n  }\n}\n\n/**\n * Word-sized chart without axes (a trend in a table cell, a KPI card...) of\n * `minerva-design/charts/core`: the `<Sparkline>` of React.\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Small line, area or bar trend without axes.\n * @tag minerva-sparkline\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n */\nexport class MinervaSparkline extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-sparkline\";\n\n  /** Height of the sparkline: pixels or any CSS length */\n  @property()\n  override height?: string | number = 48;\n\n  /** Values (or `[x, y]` pairs, typed arrays...); property only */\n  @property({ attribute: false })\n  data?: ChartSeries[\"data\"];\n\n  /** How the values are drawn */\n  @property()\n  type: \"line\" | \"area\" | \"bar\" = \"line\";\n\n  /** Color (any CSS color); the first palette color by default */\n  @property()\n  color?: string;\n\n  /** Shape of the line */\n  @property()\n  curve: \"linear\" | \"smooth\" | \"step\" = \"smooth\";\n\n  /** Draws a dashed reference line at this value (a target, the average...) */\n  @property({ type: Number })\n  reference?: number;\n\n  /** Name of the value in the tooltip */\n  @property({ attribute: \"value-name\" })\n  valueName?: string;\n\n  /** Formats the value in the tooltip; property only */\n  @property({ attribute: false })\n  format?: (value: number) => string;\n\n  /** Other engine options (tooltip, palette, renderer...); property only */\n  @property({ attribute: false })\n  options?: ChartBaseOptions;\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.data) return null;\n    return sparklineOptions(\n      {\n        data: this.data,\n        type: this.type,\n        color: this.color,\n        curve: this.curve,\n        name: this.valueName,\n        reference: this.reference,\n        format: this.format,\n      },\n      this.options,\n    );\n  }\n}\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG...) of\n * `minerva-design/charts/core` (the `<QuadrantChart>` of React): tinted\n * quadrants with titles, dividers and labelled dots placed without\n * overlapping labels. With `drag-points`, dots can be dragged to another\n * quadrant (`minerva-point-drop`; update `points` to move them).\n *\n * Published as the optional entry `minerva-design/web-components/chart`.\n *\n * @summary Four-quadrant matrix of labelled, draggable dots.\n * @tag minerva-quadrant-chart\n * @csspart root - The sized box of the chart\n * @csspart surface - The element the engine renders into\n * @fires minerva-point-click - A dot was clicked; detail: { point, index }\n * @fires minerva-quadrant-click - The empty area of a quadrant was clicked; detail: { quadrant, x, y }\n * @fires minerva-point-drop - A dragged dot was released; detail: { point, index, x, y, quadrant }\n */\nexport class MinervaQuadrantChart extends MinervaCartesianChartElement {\n  static override tagName = \"minerva-quadrant-chart\";\n\n  /** Points `{ x, y, label, color, size }` to place; property only */\n  @property({ attribute: false })\n  points?: readonly QuadrantPoint[];\n\n  /** Titles and colors of the quadrants (`topLeft`, `topRight`, `bottomLeft`, `bottomRight`); property only */\n  @property({ attribute: false })\n  quadrants?: QuadrantRegions;\n\n  /** Title of the horizontal axis */\n  @property({ attribute: \"x-label\" })\n  xLabel?: string;\n\n  /** Title of the vertical axis */\n  @property({ attribute: \"y-label\" })\n  yLabel?: string;\n\n  /** Texts at the ends of the dividers, drawn inside the plot; property only */\n  @property({ attribute: false })\n  axisLabels?: QuadrantAxisLabels;\n\n  /** Range of the horizontal axis (default [0, 10]); property only */\n  @property({ attribute: false })\n  xDomain?: [number, number];\n\n  /** Range of the vertical axis (default [0, 10]); property only */\n  @property({ attribute: false })\n  yDomain?: [number, number];\n\n  /** X value of the vertical divider (the middle of the x domain by default) */\n  @property({ type: Number, attribute: \"x-split\" })\n  xSplit?: number;\n\n  /** Y value of the horizontal divider (the middle of the y domain by default) */\n  @property({ type: Number, attribute: \"y-split\" })\n  ySplit?: number;\n\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  @property({ type: Boolean, attribute: \"reverse-x\" })\n  reverseX = false;\n\n  /** Hides the numeric ticks of the axes (only the matrix remains) */\n  @property({ type: Boolean, attribute: \"hide-ticks\" })\n  hideTicks = false;\n\n  /** Hides the labels next to the dots */\n  @property({ type: Boolean, attribute: \"hide-labels\" })\n  hideLabels = false;\n\n  /** Dot diameter in pixels */\n  @property({ type: Number, attribute: \"point-size\" })\n  pointSize = 12;\n\n  /** Lets the user drag the dots (`minerva-point-drop`) */\n  @property({ type: Boolean, attribute: \"drag-points\" })\n  dragPoints = false;\n\n  /** Other engine options (legend, tooltip, padding, palette...); property only */\n  @property({ attribute: false })\n  options?: Omit<ChartOptions, \"series\">;\n\n  private geometry(): Pick<\n    QuadrantConfig,\n    \"xDomain\" | \"yDomain\" | \"xSplit\" | \"ySplit\" | \"reverseX\"\n  > {\n    return {\n      xDomain: this.xDomain,\n      yDomain: this.yDomain,\n      xSplit: this.xSplit,\n      ySplit: this.ySplit,\n      reverseX: this.reverseX,\n    };\n  }\n\n  protected engineOptions(): ChartOptions | null {\n    if (!this.points) return null;\n    return quadrantChartOptions(\n      {\n        ...this.geometry(),\n        points: this.points,\n        quadrants: this.quadrants,\n        xLabel: this.xLabel,\n        yLabel: this.yLabel,\n        axisLabels: this.axisLabels,\n        showTicks: !this.hideTicks,\n        showLabels: !this.hideLabels,\n        pointSize: this.pointSize,\n        draggable: this.dragPoints,\n      },\n      this.options,\n    );\n  }\n\n  protected override pointClicked(event: ChartHoverEvent): void {\n    const index = event.items[0]?.index;\n    const point = index === undefined ? undefined : this.points?.[index];\n    if (point) this.emit(\"minerva-point-click\", { point, index });\n  }\n\n  protected override plotClicked(event: ChartPlotClickEvent): void {\n    this.emit(\"minerva-quadrant-click\", {\n      quadrant: quadrantOf(this.geometry(), event.x, event.y),\n      x: event.x,\n      y: event.y,\n    });\n  }\n\n  protected override pointDropped(event: ChartDragEvent): void {\n    const index = event.item.index;\n    const point = this.points?.[index];\n    if (!point) return;\n    this.emit(\"minerva-point-drop\", {\n      point,\n      index,\n      x: event.x,\n      y: event.y,\n      quadrant: quadrantOf(this.geometry(), event.x, event.y),\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"minerva-line-chart\": MinervaLineChart;\n    \"minerva-area-chart\": MinervaAreaChart;\n    \"minerva-bar-chart\": MinervaBarChart;\n    \"minerva-scatter-chart\": MinervaScatterChart;\n    \"minerva-candlestick-chart\": MinervaCandlestickChart;\n    \"minerva-heatmap-chart\": MinervaHeatmapChart;\n    \"minerva-sparkline\": MinervaSparkline;\n    \"minerva-quadrant-chart\": MinervaQuadrantChart;\n  }\n}\n"],"mappings":";;;;;;AAwBA,IAAsBE,IAAtB,cAAiDC,EAA6B;CAW5E,YAAiD;EAC/C,OAAO,KAAK,SAAS;CACvB;CAEA,gBAA+C;EAC7C,IAAMC,IAAS,KAAK,UAAU,KAAK,SAAS;EAE5C,OADKA,IACE;GACL,GAAG,KAAK;GACR,QAAQ,KAAK,MAAMA,CAAM;GACzB,WAAW,KAAK,UAAU;EAC5B,IALoB;CAMtB;AACF;AAtBGJ,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAH,EAAA,WAAA,UAAA,KAAA,CAAA,GAI7BF,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAH,EAAA,WAAA,WAAA,KAAA,CAAA;AAgChC,IAAaI,IAAb,cAAsCJ,EAAmB;;EAiB7C,aAZH,KAAA,OAAA,IAI+B,KAAA,QAAA,UAI5B,KAAA,UAAA,IAIA,KAAA,UAAA;;;EAhBgB,KAAA,UAAA;;CAkB1B,MAAgB,GAA+C;EAC7D,OAAOM,EACLJ,GACA,KAAK,OAAO,SAAS,QACrB,KAAK,WAAW,KAAK,UAAU,UAAU,KAAA,GACzC,KAAK,KACP;CACF;CAEA,YAA0D;EACxD,OAAO,KAAK,UAAU,YAAY,MAAM,UAAU;CACpD;AACF;AA3BGJ,EAAA,CAAAK,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAC,EAAA,WAAA,QAAA,KAAA,CAAA,GAI1BN,EAAA,CAAAK,EAAS,CAAA,GAAAC,EAAA,WAAA,SAAA,KAAA,CAAA,GAITN,EAAA,CAAAK,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAC,EAAA,WAAA,WAAA,KAAA,CAAA,GAI1BN,EAAA,CAAAK,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAC,EAAA,WAAA,WAAA,KAAA,CAAA;AA6B7B,IAAaG,IAAb,cAAsCP,EAAmB;;EAa7C,aAR4B,KAAA,QAAA,UAI5B,KAAA,UAAA,IAIA,KAAA,UAAA;;;EAZgB,KAAA,UAAA;;CAc1B,MAAgB,GAA+C;EAC7D,OAAOM,EACLJ,GACA,QACA,KAAK,WAAW,KAAK,UAAU,UAAU,KAAA,GACzC,KAAK,KACP;CACF;CAEA,YAA0D;EACxD,OAAO,KAAK,UAAU,YAAY,MAAM,UAAU;CACpD;AACF;AAvBGJ,EAAA,CAAAK,EAAS,CAAA,GAAAI,EAAA,WAAA,SAAA,KAAA,CAAA,GAITT,EAAA,CAAAK,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAI,EAAA,WAAA,WAAA,KAAA,CAAA,GAI1BT,EAAA,CAAAK,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAI,EAAA,WAAA,WAAA,KAAA,CAAA;AA8B7B,IAAaE,IAAb,cAAqCT,EAAmB;;EAa7C,aARC,KAAA,UAAA,IAIA,KAAA,UAAA,IAID,KAAA,SAAA;;;EAZiB,KAAA,UAAA;;CAc1B,MAAgB,GAA+C;EAC7D,OAAOM,EACLJ,GACA,OACA,KAAK,WAAW,KAAK,UAAU,UAAU,KAAA,CAC3C,CAAC,CAAC,KAAK,MACL,KAAK,UAAUS,EAAE,SAAS,QACtB;GAAE,GAAGA;GAAG,YAAYA,EAAE,cAAc;EAAK,IACzCA,CACN;CACF;CAEA,YAA0D;EACxD,OAAO,KAAK,UAAU,YAAY,MAAM,UAAU;CACpD;AACF;AA1BGb,EAAA,CAAAK,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAM,EAAA,WAAA,WAAA,KAAA,CAAA,GAI1BX,EAAA,CAAAK,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAM,EAAA,WAAA,WAAA,KAAA,CAAA,GAI1BX,EAAA,CAAAK,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAM,EAAA,WAAA,UAAA,KAAA,CAAA;AAgC7B,IAAaG,IAAb,cAAyCZ,EAAmB;;EAChC,KAAA,UAAA;;CAE1B,MAAgB,GAA+C;EAC7D,OAAOM,EAAeJ,GAAQ,SAAS;CACzC;AACF,GAeaW,IAAb,cAA6Cb,EAAmB;;EACpC,KAAA,UAAA;;CAE1B,MAAgB,GAA+C;EAC7D,OAAOM,EAAeJ,GAAQ,aAAa;CAC7C;AACF,GAaaY,IAAb,cAAyCb,EAA6B;;EAiBP,aAAA,KAAA,aAAA;;;EAhBnC,KAAA,UAAA;;CA0C1B,gBAA+C;EAE7C,OADK,KAAK,OACHe,EACL;GACE,MAAM,KAAK;GACX,aAAa,KAAK;GAClB,aAAa,KAAK;GAClB,YAAY,KAAK;GACjB,YAAY,KAAK;GACjB,eAAe,KAAK;GACpB,MAAM,KAAK;GACX,QAAQ,KAAK;GACb,QAAQ,KAAK;EACf,GACA,KAAK,OACP,IAduB;CAezB;AACF;AAxDGlB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAW,EAAA,WAAA,QAAA,KAAA,CAAA,GAI7BhB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAW,EAAA,WAAA,eAAA,KAAA,CAAA,GAI7BhB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAW,EAAA,WAAA,eAAA,KAAA,CAAA,GAI7BhB,EAAA,CAAAK,EAAS,EAAE,WAAW,cAAc,CAAC,CAAA,GAAAW,EAAA,WAAA,cAAA,KAAA,CAAA,GAIrChB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAW,EAAA,WAAA,cAAA,KAAA,CAAA,GAI7BhB,EAAA,CAAAK,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAiB,CAAC,CAAA,GAAAW,EAAA,WAAA,iBAAA,KAAA,CAAA,GAItDhB,EAAA,CAAAK,EAAS,EAAE,WAAW,aAAa,CAAC,CAAA,GAAAW,EAAA,WAAA,aAAA,KAAA,CAAA,GAIpChB,EAAA,CAAAK,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAW,EAAA,WAAA,UAAA,KAAA,CAAA,GAIzBhB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAW,EAAA,WAAA,UAAA,KAAA,CAAA,GAI7BhB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAW,EAAA,WAAA,WAAA,KAAA,CAAA;AAiChC,IAAaG,IAAb,cAAsChB,EAA6B;;EAqB3B,aAhBF,KAAA,SAAA,IAQJ,KAAA,OAAA,QAQM,KAAA,QAAA;;;EApBZ,KAAA,UAAA;;CAsC1B,gBAA+C;EAE7C,OADK,KAAK,OACHkB,EACL;GACE,MAAM,KAAK;GACX,MAAM,KAAK;GACX,OAAO,KAAK;GACZ,OAAO,KAAK;GACZ,MAAM,KAAK;GACX,WAAW,KAAK;GAChB,QAAQ,KAAK;EACf,GACA,KAAK,OACP,IAZuB;CAazB;AACF;AAlDGrB,EAAA,CAAAK,EAAS,CAAA,GAAAc,EAAA,WAAA,UAAA,KAAA,CAAA,GAITnB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAc,EAAA,WAAA,QAAA,KAAA,CAAA,GAI7BnB,EAAA,CAAAK,EAAS,CAAA,GAAAc,EAAA,WAAA,QAAA,KAAA,CAAA,GAITnB,EAAA,CAAAK,EAAS,CAAA,GAAAc,EAAA,WAAA,SAAA,KAAA,CAAA,GAITnB,EAAA,CAAAK,EAAS,CAAA,GAAAc,EAAA,WAAA,SAAA,KAAA,CAAA,GAITnB,EAAA,CAAAK,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAc,EAAA,WAAA,aAAA,KAAA,CAAA,GAIzBnB,EAAA,CAAAK,EAAS,EAAE,WAAW,aAAa,CAAC,CAAA,GAAAc,EAAA,WAAA,aAAA,KAAA,CAAA,GAIpCnB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAc,EAAA,WAAA,UAAA,KAAA,CAAA,GAI7BnB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAc,EAAA,WAAA,WAAA,KAAA,CAAA;AAqChC,IAAaG,IAAb,cAA0CnB,EAA6B;;EAyDxD,aAhBF,KAAA,WAAA,IAIC,KAAA,YAAA,IAIC,KAAA,aAAA,IAID,KAAA,YAAA,IAIC,KAAA,aAAA;;;EAxDa,KAAA,UAAA;;CA8D1B,WAGE;EACA,OAAO;GACL,SAAS,KAAK;GACd,SAAS,KAAK;GACd,QAAQ,KAAK;GACb,QAAQ,KAAK;GACb,UAAU,KAAK;EACjB;CACF;CAEA,gBAA+C;EAE7C,OADK,KAAK,SACHqB,EACL;GACE,GAAG,KAAK,SAAS;GACjB,QAAQ,KAAK;GACb,WAAW,KAAK;GAChB,QAAQ,KAAK;GACb,QAAQ,KAAK;GACb,YAAY,KAAK;GACjB,WAAW,CAAC,KAAK;GACjB,YAAY,CAAC,KAAK;GAClB,WAAW,KAAK;GAChB,WAAW,KAAK;EAClB,GACA,KAAK,OACP,IAfyB;CAgB3B;CAEA,aAAgC,GAA8B;EAC5D,IAAMC,IAAQC,EAAM,MAAM,EAAE,EAAE,OACxBC,IAAQF,MAAU,KAAA,IAAY,KAAA,IAAY,KAAK,SAASA;EAC9D,AAAIE,KAAO,KAAK,KAAK,uBAAuB;GAAE;GAAO;EAAM,CAAC;CAC9D;CAEA,YAA+B,GAAkC;EAC/D,KAAK,KAAK,0BAA0B;GAClC,UAAUC,EAAW,KAAK,SAAS,GAAGF,EAAM,GAAGA,EAAM,CAAC;GACtD,GAAGA,EAAM;GACT,GAAGA,EAAM;EACX,CAAC;CACH;CAEA,aAAgC,GAA6B;EAC3D,IAAMD,IAAQC,EAAM,KAAK,OACnBC,IAAQ,KAAK,SAASF;EAC5B,AAAKE,KACL,KAAK,KAAK,sBAAsB;GAC9B;GACA;GACA,GAAGD,EAAM;GACT,GAAGA,EAAM;GACT,UAAUE,EAAW,KAAK,SAAS,GAAGF,EAAM,GAAGA,EAAM,CAAC;EACxD,CAAC;CACH;AACF;AArHG1B,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAiB,EAAA,WAAA,UAAA,KAAA,CAAA,GAI7BtB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAiB,EAAA,WAAA,aAAA,KAAA,CAAA,GAI7BtB,EAAA,CAAAK,EAAS,EAAE,WAAW,UAAU,CAAC,CAAA,GAAAiB,EAAA,WAAA,UAAA,KAAA,CAAA,GAIjCtB,EAAA,CAAAK,EAAS,EAAE,WAAW,UAAU,CAAC,CAAA,GAAAiB,EAAA,WAAA,UAAA,KAAA,CAAA,GAIjCtB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAiB,EAAA,WAAA,cAAA,KAAA,CAAA,GAI7BtB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAiB,EAAA,WAAA,WAAA,KAAA,CAAA,GAI7BtB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAiB,EAAA,WAAA,WAAA,KAAA,CAAA,GAI7BtB,EAAA,CAAAK,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAU,CAAC,CAAA,GAAAiB,EAAA,WAAA,UAAA,KAAA,CAAA,GAI/CtB,EAAA,CAAAK,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAU,CAAC,CAAA,GAAAiB,EAAA,WAAA,UAAA,KAAA,CAAA,GAI/CtB,EAAA,CAAAK,EAAS;CAAE,MAAM;CAAS,WAAW;AAAY,CAAC,CAAA,GAAAiB,EAAA,WAAA,YAAA,KAAA,CAAA,GAIlDtB,EAAA,CAAAK,EAAS;CAAE,MAAM;CAAS,WAAW;AAAa,CAAC,CAAA,GAAAiB,EAAA,WAAA,aAAA,KAAA,CAAA,GAInDtB,EAAA,CAAAK,EAAS;CAAE,MAAM;CAAS,WAAW;AAAc,CAAC,CAAA,GAAAiB,EAAA,WAAA,cAAA,KAAA,CAAA,GAIpDtB,EAAA,CAAAK,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAAiB,EAAA,WAAA,aAAA,KAAA,CAAA,GAIlDtB,EAAA,CAAAK,EAAS;CAAE,MAAM;CAAS,WAAW;AAAc,CAAC,CAAA,GAAAiB,EAAA,WAAA,cAAA,KAAA,CAAA,GAIpDtB,EAAA,CAAAK,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAAiB,EAAA,WAAA,WAAA,KAAA,CAAA"}

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

@@ -1,4 +1,4 @@
-import { BoxplotGroup, ChartOptions, ChartSeries, GanttTask, HistogramBinning, WaterfallStep } from '../../../charts/core.js';
+import { BoxplotGroup, ChartConnectorOptions, ChartOptions, ChartSeries, GanttTask, HistogramBinning, WaterfallStep } from '../../../charts/core.js';
 import { MinervaCartesianChartElement } from './chart.js';
 import { MinervaBarChart, SeriesChartElement, ChartBaseOptions } from './charts.js';
 /**
@@ -133,6 +133,10 @@ export declare class MinervaBoxPlotChart extends MinervaCartesianChartElement {
     valueName?: string;
     /** Reach of the whiskers in interquartile ranges (Tukey: 1.5), or `minmax` */
     whisker: number | "minmax";
+    /** Outliers drawn as rings of the series color or as filled dots (series may set their own) */
+    outlierShape: "hollow" | "filled";
+    /** Diameter of the outliers in CSS pixels */
+    outlierSize: number;
     /** `horizontal` lays the boxes out in rows */
     orientation: "vertical" | "horizontal";
     /** Other engine options (axes, legend, tooltip, annotations...); property only */
@@ -169,6 +173,10 @@ export declare class MinervaWaterfallChart extends MinervaCartesianChartElement
     hideLabels: boolean;
     /** Formats the values (labels, tooltip); property only */
     format?: (value: number) => string;
+    /** Hides the thin lines from the end of every bar to the next one */
+    hideConnectors: boolean;
+    /** Style of the connector lines `{ color, width, dash }` (dashed, secondary text color by default); property only */
+    connector?: ChartConnectorOptions;
     /** `horizontal` lays the steps out in rows */
     orientation: "vertical" | "horizontal";
     /** Other engine options (axes, tooltip, annotations...); property only */
@@ -193,12 +201,18 @@ export declare class MinervaGanttChart extends MinervaCartesianChartElement {
     tasks?: readonly GanttTask[];
     /** Colors of the groups in order of appearance (the chart palette by default); property only */
     colors?: readonly string[];
-    /** Name of the tasks without a group */
-    taskName: string;
-    /** Name of the progress bars (legend, tooltip) */
-    progressName: string;
-    /** Name of the milestones (legend, tooltip) */
-    milestoneName: string;
+    /** Name of the tasks without a group ("Tasks" in the locale by default) */
+    taskName?: string;
+    /** Name of the progress bars (legend, tooltip; "Progress" in the locale by default) */
+    progressName?: string;
+    /** Name of the milestones (legend, tooltip; "Milestones" in the locale by default) */
+    milestoneName?: string;
+    /** Name of the dependencies row of the tooltip ("Depends on" in the locale by default) */
+    dependenciesName?: string;
+    /** Hides the elbow arrows drawn for the `dependencies` of the tasks */
+    hideDependencyArrows: boolean;
+    /** Color of the dependency arrows (any CSS color); the secondary text color by default */
+    dependencyColor?: string;
     /** Formats the progress shares (tooltip, default "60%"); property only */
     formatProgress?: (share: number) => string;
     /** Draws a line at this date (`true`: now); property only */

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

@@ -87,7 +87,7 @@ var h = { fromAttribute: (e) => e === null ? void 0 : /^\d+$/.test(e) ? Number(e
 e([a({ attribute: !1 })], g.prototype, "values", void 0), e([a({ converter: h })], g.prototype, "bins", void 0), e([a({ attribute: !1 })], g.prototype, "domain", void 0), e([a({ attribute: !1 })], g.prototype, "nice", void 0), e([a({ attribute: "value-name" })], g.prototype, "valueName", void 0), e([a()], g.prototype, "color", void 0), e([a({ attribute: !1 })], g.prototype, "formatBin", void 0), e([a({ attribute: !1 })], g.prototype, "series", void 0), e([a({ attribute: !1 })], g.prototype, "options", void 0);
 var _ = { fromAttribute: (e) => e === null ? void 0 : e === "minmax" ? e : Number(e) }, v = class extends t {
 	constructor(...e) {
-		super(...e), this.whisker = 1.5, this.orientation = "vertical";
+		super(...e), this.whisker = 1.5, this.outlierShape = "hollow", this.outlierSize = 7, this.orientation = "vertical";
 	}
 	static {
 		this.tagName = "minerva-box-plot-chart";
@@ -100,14 +100,21 @@ var _ = { fromAttribute: (e) => e === null ? void 0 : e === "minmax" ? e : Numbe
 				id: "boxplot",
 				name: this.valueName ?? "Values",
 				data: o(this.groups, { whisker: this.whisker })
-			}] : [], ...this.series ?? []], "boxplot")
+			}] : [], ...this.series ?? []], "boxplot").map((e) => e.type === "boxplot" ? {
+				...e,
+				outlierShape: e.outlierShape ?? this.outlierShape,
+				outlierSize: e.outlierSize ?? this.outlierSize
+			} : e)
 		};
 	}
 };
-e([a({ attribute: !1 })], v.prototype, "groups", void 0), e([a({ attribute: !1 })], v.prototype, "series", void 0), e([a({ attribute: "value-name" })], v.prototype, "valueName", void 0), e([a({ converter: _ })], v.prototype, "whisker", void 0), e([a()], v.prototype, "orientation", void 0), e([a({ attribute: !1 })], v.prototype, "options", void 0);
+e([a({ attribute: !1 })], v.prototype, "groups", void 0), e([a({ attribute: !1 })], v.prototype, "series", void 0), e([a({ attribute: "value-name" })], v.prototype, "valueName", void 0), e([a({ converter: _ })], v.prototype, "whisker", void 0), e([a({ attribute: "outlier-shape" })], v.prototype, "outlierShape", void 0), e([a({
+	type: Number,
+	attribute: "outlier-size"
+})], v.prototype, "outlierSize", void 0), e([a()], v.prototype, "orientation", void 0), e([a({ attribute: !1 })], v.prototype, "options", void 0);
 var y = class extends t {
 	constructor(...e) {
-		super(...e), this.start = 0, this.hideLabels = !1, this.orientation = "vertical";
+		super(...e), this.start = 0, this.hideLabels = !1, this.hideConnectors = !1, this.orientation = "vertical";
 	}
 	static {
 		this.tagName = "minerva-waterfall-chart";
@@ -123,7 +130,9 @@ var y = class extends t {
 				totalColor: this.totalColor,
 				start: this.start,
 				labels: !this.hideLabels,
-				format: this.format
+				format: this.format,
+				connector: this.hideConnectors ? !1 : this.connector ?? !0,
+				locale: this.options?.locale
 			})]
 		} : null;
 	}
@@ -131,10 +140,13 @@ var y = class extends t {
 e([a({ attribute: !1 })], y.prototype, "steps", void 0), e([a({ attribute: "value-name" })], y.prototype, "valueName", void 0), e([a({ attribute: "up-color" })], y.prototype, "upColor", void 0), e([a({ attribute: "down-color" })], y.prototype, "downColor", void 0), e([a({ attribute: "total-color" })], y.prototype, "totalColor", void 0), e([a({ type: Number })], y.prototype, "start", void 0), e([a({
 	type: Boolean,
 	attribute: "hide-labels"
-})], y.prototype, "hideLabels", void 0), e([a({ attribute: !1 })], y.prototype, "format", void 0), e([a()], y.prototype, "orientation", void 0), e([a({ attribute: !1 })], y.prototype, "options", void 0);
+})], y.prototype, "hideLabels", void 0), e([a({ attribute: !1 })], y.prototype, "format", void 0), e([a({
+	type: Boolean,
+	attribute: "hide-connectors"
+})], y.prototype, "hideConnectors", void 0), e([a({ attribute: !1 })], y.prototype, "connector", void 0), e([a()], y.prototype, "orientation", void 0), e([a({ attribute: !1 })], y.prototype, "options", void 0);
 var b = class extends t {
 	constructor(...e) {
-		super(...e), this.taskName = "Tasks", this.progressName = "Progress", this.milestoneName = "Milestones", this.today = !1, this.mountedAt = Date.now();
+		super(...e), this.hideDependencyArrows = !1, this.today = !1, this.mountedAt = Date.now();
 	}
 	static {
 		this.tagName = "minerva-gantt-chart";
@@ -146,7 +158,11 @@ var b = class extends t {
 			taskName: this.taskName,
 			progressName: this.progressName,
 			milestoneName: this.milestoneName,
-			formatProgress: this.formatProgress
+			formatProgress: this.formatProgress,
+			dependenciesName: this.dependenciesName,
+			dependencyArrows: !this.hideDependencyArrows,
+			dependencyColor: this.dependencyColor,
+			locale: this.options?.locale
 		}), t = this.today, n = t === !1 ? null : t === !0 ? this.mountedAt : t instanceof Date ? t.getTime() : t, r = n === null ? [] : [{
 			type: "line",
 			axis: "y",
@@ -171,12 +187,16 @@ var b = class extends t {
 				...i.yAxis
 			},
 			annotations: [...i.annotations ?? [], ...r],
+			dependencies: e.dependencies,
 			interaction: i.interaction ?? { zoom: "y" },
 			legend: i.legend ?? e.series.length > 1
 		};
 	}
 };
-e([a({ attribute: !1 })], b.prototype, "tasks", void 0), e([a({ attribute: !1 })], b.prototype, "colors", void 0), e([a({ attribute: "task-name" })], b.prototype, "taskName", void 0), e([a({ attribute: "progress-name" })], b.prototype, "progressName", void 0), e([a({ attribute: "milestone-name" })], b.prototype, "milestoneName", void 0), e([a({ attribute: !1 })], b.prototype, "formatProgress", void 0), e([a({ attribute: !1 })], b.prototype, "today", void 0), e([a({ attribute: "today-label" })], b.prototype, "todayLabel", void 0), e([a({ attribute: !1 })], b.prototype, "options", void 0);
+e([a({ attribute: !1 })], b.prototype, "tasks", void 0), e([a({ attribute: !1 })], b.prototype, "colors", void 0), e([a({ attribute: "task-name" })], b.prototype, "taskName", void 0), e([a({ attribute: "progress-name" })], b.prototype, "progressName", void 0), e([a({ attribute: "milestone-name" })], b.prototype, "milestoneName", void 0), e([a({ attribute: "dependencies-name" })], b.prototype, "dependenciesName", void 0), e([a({
+	type: Boolean,
+	attribute: "hide-dependency-arrows"
+})], b.prototype, "hideDependencyArrows", void 0), e([a({ attribute: "dependency-color" })], b.prototype, "dependencyColor", void 0), e([a({ attribute: !1 })], b.prototype, "formatProgress", void 0), e([a({ attribute: !1 })], b.prototype, "today", void 0), e([a({ attribute: "today-label" })], b.prototype, "todayLabel", void 0), e([a({ attribute: !1 })], b.prototype, "options", void 0);
 //#endregion
 export { v as MinervaBoxPlotChart, m as MinervaBubbleChart, b as MinervaGanttChart, g as MinervaHistogramChart, d as MinervaHorizontalBarChart, p as MinervaMixedChart, f as MinervaRangeAreaChart, y as MinervaWaterfallChart };