minerva-design 1.13.1 → 1.14.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # minerva-design
 
+## 1.14.0
+
+### Minor Changes
+
+- 7a36351: Charts: GPU shape charts, glass tooltips that stay off the hovered mark, clearer hover emphasis.
+
+  - **Shape charts on the GPU**: pie / donut, radar, gauge, funnel, treemap, sankey, sunburst, radial bar, calendar heatmap, bullet and chord charts now draw their shapes with WebGPU, then WebGL2 / WebGL (same order and software-GPU rules as the other charts, following `setDefaultChartRenderer`), with Canvas2D as the fallback. Paths are tessellated into triangles drawn with 4x MSAA and stencil-based nonzero fills; text stays on a 2D canvas above. New `renderer` option / prop (React, Vue, Web Components `options`, Angular) and `getRenderer()`; the chart root reports its backend in `data-renderer`. Mini-program canvas hosts keep Canvas2D.
+  - **Tooltips**: translucent background with a backdrop blur (opaque where `color-mix` is unsupported), placed beside the hovered bar group, point, cell, slice or row instead of over it (Gantt and horizontal bars: above / below the row). Tooltips larger than a tiny chart (sparklines) are shown outside it, in the top layer where the Popover API exists. Shape chart tooltips also avoid labels. Native and canvas tooltips are translucent too.
+  - **Hover emphasis**: the hovered bar (bar charts, histograms, waterfalls, Gantt tasks) is redrawn thicker (never longer), ringed and lifted above a veil that dims the rest of the plot; grouped bars never grow into their neighbours. Heatmap cells get a 2px contrasting ring, a halo and a larger lift. A short grow-in animation is skipped when the user prefers reduced motion.
+
+## 1.13.2
+
+### Patch Changes
+
+- 73e21ad: Taro: page sections keep their bottom-only 24px spacing now that they also match the shared `.mn-page-section` rule (no extra top margin).
+
 ## 1.13.1
 
 ### Patch Changes

package/custom-elements.json

@@ -10440,6 +10440,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -10587,7 +10601,7 @@
               "type": {
                 "text": "Partial<Omit<PieChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`PieChartOptions`: palette, legend, startAngle, labelContent, format...); property only"
+              "description": "Other engine options (`PieChartOptions`: renderer, palette, legend, startAngle, labelContent, format...); property only"
             },
             {
               "kind": "method",
@@ -10611,6 +10625,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -10832,7 +10860,7 @@
               "type": {
                 "text": "Partial<Omit<PieChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`PieChartOptions`: palette, legend, startAngle, labelContent, format...); property only",
+              "description": "Other engine options (`PieChartOptions`: renderer, palette, legend, startAngle, labelContent, format...); property only",
               "inheritedFrom": {
                 "name": "MinervaPieChart",
                 "module": "src/components/chart/shape-chart.ts"
@@ -10860,6 +10888,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -11050,7 +11092,7 @@
               "type": {
                 "text": "Partial<Omit<RadarChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`RadarChartOptions`: palette, legend, dots, format...); property only"
+              "description": "Other engine options (`RadarChartOptions`: renderer, palette, legend, dots, format...); property only"
             },
             {
               "kind": "method",
@@ -11074,6 +11116,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -11241,7 +11297,7 @@
               "type": {
                 "text": "Partial<Omit<GaugeChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`GaugeChartOptions`: sweep, thickness, color, ticks, format...); property only"
+              "description": "Other engine options (`GaugeChartOptions`: renderer, sweep, thickness, color, ticks, format...); property only"
             },
             {
               "kind": "method",
@@ -11265,6 +11321,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -11439,7 +11509,7 @@
               "type": {
                 "text": "Partial<Omit<FunnelChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`FunnelChartOptions`: gap, palette, legend, format...); property only"
+              "description": "Other engine options (`FunnelChartOptions`: renderer, gap, palette, legend, format...); property only"
             },
             {
               "kind": "method",
@@ -11463,6 +11533,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -11610,7 +11694,7 @@
               "type": {
                 "text": "Partial<Omit<TreemapChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`TreemapChartOptions`: palette, tooltip, format...); property only"
+              "description": "Other engine options (`TreemapChartOptions`: renderer, palette, tooltip, format...); property only"
             },
             {
               "kind": "method",
@@ -11634,6 +11718,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -11854,7 +11952,7 @@
               "type": {
                 "text": "Partial<Omit<SankeyChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`SankeyChartOptions`: nodeWidth, nodePadding, iterations, palette, format...); property only"
+              "description": "Other engine options (`SankeyChartOptions`: renderer, nodeWidth, nodePadding, iterations, palette, format...); property only"
             },
             {
               "kind": "method",
@@ -11878,6 +11976,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -12043,7 +12155,7 @@
               "type": {
                 "text": "Partial<Omit<SunburstChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`SunburstChartOptions`: levels, startAngle, padAngle, palette, format...); property only"
+              "description": "Other engine options (`SunburstChartOptions`: renderer, levels, startAngle, padAngle, palette, format...); property only"
             },
             {
               "kind": "method",
@@ -12085,6 +12197,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -12263,7 +12389,7 @@
               "type": {
                 "text": "Partial<Omit<RadialBarChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`RadialBarChartOptions`: startAngle, gap, track, rounded, labels, palette...); property only"
+              "description": "Other engine options (`RadialBarChartOptions`: renderer, startAngle, gap, track, rounded, labels, palette...); property only"
             },
             {
               "kind": "method",
@@ -12287,6 +12413,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -12475,7 +12615,7 @@
               "type": {
                 "text": "Partial<Omit<CalendarHeatmapOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`CalendarHeatmapOptions`: weekStart, colors, thresholds, gap, radius...); property only"
+              "description": "Other engine options (`CalendarHeatmapOptions`: renderer, weekStart, colors, thresholds, gap, radius...); property only"
             },
             {
               "kind": "method",
@@ -12499,6 +12639,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -12668,7 +12822,7 @@
               "type": {
                 "text": "Partial<Omit<BulletChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`BulletChartOptions`: rangeColors, barSize, ticks, palette, format...); property only"
+              "description": "Other engine options (`BulletChartOptions`: renderer, rangeColors, barSize, ticks, palette, format...); property only"
             },
             {
               "kind": "method",
@@ -12692,6 +12846,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",
@@ -12863,7 +13031,7 @@
               "type": {
                 "text": "Partial<Omit<ChordChartOptions, \"type\">> | undefined"
               },
-              "description": "Other engine options (`ChordChartOptions`: padAngle, startAngle, sortGroups, sortSubgroups, ribbonOpacity, arcWidth, ticks, arrows, palette, format, percentFormat...); property only"
+              "description": "Other engine options (`ChordChartOptions`: renderer, padAngle, startAngle, sortGroups, sortSubgroups, ribbonOpacity, arcWidth, ticks, arrows, palette, format, percentFormat...); property only"
             },
             {
               "kind": "method",
@@ -12887,6 +13055,20 @@
                 "module": "src/components/chart/shape-chart.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "getRenderer",
+              "return": {
+                "type": {
+                  "text": "ChartRendererKind | null"
+                }
+              },
+              "description": "Backend drawing the shapes (`webgpu`, `webgl2`, `webgl`, `canvas2d`; set with the `renderer` engine option), `null` until ready",
+              "inheritedFrom": {
+                "name": "MinervaShapeChartElement",
+                "module": "src/components/chart/shape-chart.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "height",

package/dist/angular/fesm2022/minerva-angular.mjs

@@ -39441,6 +39441,9 @@ var MnShapeChartBase = class MnShapeChartBase extends MnChartEngine {
 	toggle(index) {
 		this.instance()?.toggle(index);
 	}
+	getRenderer() {
+		return this.instance()?.getRenderer() ?? null;
+	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
@@ -39491,6 +39494,7 @@ i0.ɵɵngDeclareClassMetadata({
 var MnShapeChartCommon = class MnShapeChartCommon extends MnShapeChartBase {
 	constructor() {
 		super(...arguments);
+		this.renderer = input(void 0, ...ngDevMode ? [{ debugName: "renderer" }] : /* istanbul ignore next */ []);
 		this.palette = input(void 0, ...ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []);
 		this.legend = input(void 0, ...ngDevMode ? [{ debugName: "legend" }] : /* istanbul ignore next */ []);
 		this.tooltip = input(void 0, ...ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []);
@@ -39509,6 +39513,7 @@ var MnShapeChartCommon = class MnShapeChartCommon extends MnShapeChartBase {
 	commonOptions() {
 		const hidden = this.hidden();
 		return {
+			renderer: this.renderer(),
 			palette: this.palette(),
 			legend: this.legend(),
 			tooltip: this.tooltip(),
@@ -39539,6 +39544,13 @@ var MnShapeChartCommon = class MnShapeChartCommon extends MnShapeChartBase {
 			type: MnShapeChartCommon,
 			isStandalone: true,
 			inputs: {
+				renderer: {
+					classPropertyName: "renderer",
+					publicName: "renderer",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				palette: {
 					classPropertyName: "palette",
 					publicName: "palette",
@@ -39629,6 +39641,14 @@ i0.ɵɵngDeclareClassMetadata({
 	type: MnShapeChartCommon,
 	decorators: [{ type: Directive }],
 	propDecorators: {
+		renderer: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "renderer",
+				required: false
+			}]
+		}],
 		palette: [{
 			type: i0.Input,
 			args: [{