minerva-design 1.2.0 → 1.4.0

package/dist/vue/components/Chart/ScatterChart.vue.d.ts

@@ -0,0 +1,94 @@
+import { ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    series: {
+        readonly type: import('vue').PropType<readonly import('../../../charts/core.js').ChartSeries[]>;
+        readonly required: true;
+    };
+    xAxis: import('vue').PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: import('vue').PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: import('vue').PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: import('vue').PropType<readonly import('../../../charts/core.js').ChartAnnotation[]>;
+    interaction: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: import('vue').PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: import('vue').PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: import('vue').PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').ChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    zoom: (view: ChartView) => any;
+    hover: (event: ChartHoverEvent | null) => any;
+    plotClick: (event: ChartPlotClickEvent) => any;
+    pointClick: (event: ChartHoverEvent) => any;
+    rendererChange: (renderer: ChartRendererKind) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    series: {
+        readonly type: import('vue').PropType<readonly import('../../../charts/core.js').ChartSeries[]>;
+        readonly required: true;
+    };
+    xAxis: import('vue').PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: import('vue').PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: import('vue').PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: import('vue').PropType<readonly import('../../../charts/core.js').ChartAnnotation[]>;
+    interaction: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: import('vue').PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: import('vue').PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: import('vue').PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onZoom?: ((view: ChartView) => any) | undefined;
+    onHover?: ((event: ChartHoverEvent | null) => any) | undefined;
+    onPlotClick?: ((event: ChartPlotClickEvent) => any) | undefined;
+    onPointClick?: ((event: ChartHoverEvent) => any) | undefined;
+    onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').ChartTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').ChartLegendOptions;
+    crosshair: boolean;
+    deep: boolean;
+    interaction: boolean | import('../../../charts/core.js').ChartInteractionOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/Chart/ScatterChart.vue.js

@@ -0,0 +1,7 @@
+import e from "./ScatterChart.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Chart/ScatterChart.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ScatterChart.vue.js.map

package/dist/vue/components/Chart/ScatterChart.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterChart.vue.js","names":["_sfc_main","ScatterChart_vue_vue_type_script_setup_true_lang_default","ScatterChart_default"],"sources":["../../../../../vue/src/components/Chart/ScatterChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ChartHoverEvent,\n  ChartPlotClickEvent,\n  ChartRendererKind,\n  ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport { chartAxisProps, chartCommonProps, chartSeriesProps } from \"./props\";\n\n/** Scatter chart: zooms on both axes, hit testing through a spatial index */\ndefineOptions({ name: \"ScatterChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) points changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no point */\n  plotClick: [event: ChartPlotClickEvent];\n  /** The user zoomed or panned */\n  zoom: [view: ChartView];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () => engineOptions(props, withSeriesType(props.series, \"scatter\")),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    plotClick: (event) => emit(\"plotClick\", event),\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/vue/components/Chart/ScatterChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { engineOptions as e, useCartesianChart as t, withSeriesType as n } from "./cartesian.js";
+import { chartAxisProps as r, chartCommonProps as i, chartSeriesProps as a } from "./props.js";
+import { createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeStyle as l, openBlock as u, unref as d } from "vue";
+//#region src/components/Chart/ScatterChart.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ c({
+	name: "ScatterChart",
+	__name: "ScatterChart",
+	props: {
+		...i,
+		...r,
+		...a
+	},
+	emits: [
+		"hover",
+		"pointClick",
+		"plotClick",
+		"zoom",
+		"rendererChange"
+	],
+	setup(r, { expose: i, emit: a }) {
+		let c = r, f = a, { setContainer: p, rootStyle: m, handle: h } = t(c, () => e(c, n(c.series, "scatter")), {
+			hover: (e) => f("hover", e),
+			click: (e) => f("pointClick", e),
+			plotClick: (e) => f("plotClick", e),
+			zoom: (e) => f("zoom", e),
+			renderer: (e) => f("rendererChange", e)
+		});
+		return i(h), (e, t) => (u(), o("div", {
+			class: "mn-chart",
+			"data-minerva": "chart",
+			style: l(d(m))
+		}, [s("div", {
+			ref: d(p),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=ScatterChart.vue_vue_type_script_setup_true_lang.js.map

package/dist/vue/components/Chart/ScatterChart.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","ScatterChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","chartSeriesProps","__expose","__emit","props","__props","emit","useCartesianChart","engineOptions","withSeriesType","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/ScatterChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ChartHoverEvent,\n  ChartPlotClickEvent,\n  ChartRendererKind,\n  ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport { chartAxisProps, chartCommonProps, chartSeriesProps } from \"./props\";\n\n/** Scatter chart: zooms on both axes, hit testing through a spatial index */\ndefineOptions({ name: \"ScatterChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) points changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no point */\n  plotClick: [event: ChartPlotClickEvent];\n  /** The user zoomed or panned */\n  zoom: [view: ChartView];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () => engineOptions(props, withSeriesType(props.series, \"scatter\")),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    plotClick: (event) => emit(\"plotClick\", event),\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAYA,IAAMW,IAAQC,GAKRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SACMI,EAAcJ,GAAOK,EAAeL,EAAM,QAAQ,SAAS,CAAC,GAClE;GACE,QAAQ,MAAUE,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,cAAcI,CAAK;GAC1C,YAAY,MAAUJ,EAAK,aAAaI,CAAK;GAC7C,OAAO,MAASJ,EAAK,QAAQK,CAAI;GACjC,WAAW,MAAaL,EAAK,kBAAkBM,CAAQ;EACzD,CACF;SACAV,EAAaW,CAAM,cAIjBpB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAAsB,CAAA,CAAS;EAC1DrB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAwB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

package/dist/vue/components/Chart/ShapeChart.vue.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { ShapeChartOptions, ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Engine options, `type` included (replace the object to update the chart: it animates from the previous values) */
+    options: {
+        type: PropType<ShapeChartOptions>;
+        required: true;
+    };
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').ShapeChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: ShapeHoverEvent) => any;
+    toggle: (event: ShapeToggleEvent) => any;
+    hover: (event: ShapeHoverEvent | null) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Engine options, `type` included (replace the object to update the chart: it animates from the previous values) */
+    options: {
+        type: PropType<ShapeChartOptions>;
+        required: true;
+    };
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((event: ShapeHoverEvent) => any) | undefined;
+    onToggle?: ((event: ShapeToggleEvent) => any) | undefined;
+    onHover?: ((event: ShapeHoverEvent | null) => any) | undefined;
+}>, {
+    deep: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/Chart/ShapeChart.vue.js

@@ -0,0 +1,7 @@
+import e from "./ShapeChart.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Chart/ShapeChart.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ShapeChart.vue.js.map

package/dist/vue/components/Chart/ShapeChart.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeChart.vue.js","names":["_sfc_main","ShapeChart_vue_vue_type_script_setup_true_lang_default","ShapeChart_default"],"sources":["../../../../../vue/src/components/Chart/ShapeChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ShapeChartOptions,\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { chartFrameProps } from \"./props\";\nimport { useShapeChart } from \"./shape\";\n\n/**\n * Any shape chart of the engine (pie, donut, radar, gauge, funnel, treemap,\n * sankey, sunburst...), chosen by the `type` of its engine options\n * (`ShapeChartOptions` of `minerva-design/charts/core`)\n */\ndefineOptions({ name: \"ShapeChart\" });\nconst props = defineProps({\n  ...chartFrameProps,\n  /** Engine options, `type` included (replace the object to update the chart: it animates from the previous values) */\n  options: { type: Object as PropType<ShapeChartOptions>, required: true },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) mark changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A mark was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** A legend item was clicked (or `toggle()` was called) */\n  toggle: [event: ShapeToggleEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => raw(props.options),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  () => (props.options?.type === \"gauge\" ? 240 : 320),\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-shape-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/vue/components/Chart/ShapeChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+import { raw as e } from "./engine.js";
+import { chartFrameProps as t } from "./props.js";
+import { useShapeChart as n } from "./shape.js";
+import { createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeStyle as o, openBlock as s, unref as c } from "vue";
+//#region src/components/Chart/ShapeChart.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ a({
+	name: "ShapeChart",
+	__name: "ShapeChart",
+	props: {
+		...t,
+		options: {
+			type: Object,
+			required: !0
+		}
+	},
+	emits: [
+		"hover",
+		"click",
+		"toggle"
+	],
+	setup(t, { expose: a, emit: l }) {
+		let u = t, d = l, { setContainer: f, rootStyle: p, handle: m } = n(u, () => e(u.options), {
+			hover: (e) => d("hover", e),
+			click: (e) => d("click", e),
+			toggle: (e) => d("toggle", e)
+		}, () => u.options?.type === "gauge" ? 240 : 320);
+		return a(m), (e, t) => (s(), r("div", {
+			class: "mn-chart mn-shape-chart",
+			"data-minerva": "chart",
+			style: o(c(p))
+		}, [i("div", {
+			ref: c(f),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=ShapeChart.vue_vue_type_script_setup_true_lang.js.map

package/dist/vue/components/Chart/ShapeChart.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","ShapeChart_vue_vue_type_script_setup_true_lang_default","chartFrameProps","__expose","__emit","props","__props","emit","useShapeChart","raw","event","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/ShapeChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ShapeChartOptions,\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { chartFrameProps } from \"./props\";\nimport { useShapeChart } from \"./shape\";\n\n/**\n * Any shape chart of the engine (pie, donut, radar, gauge, funnel, treemap,\n * sankey, sunburst...), chosen by the `type` of its engine options\n * (`ShapeChartOptions` of `minerva-design/charts/core`)\n */\ndefineOptions({ name: \"ShapeChart\" });\nconst props = defineProps({\n  ...chartFrameProps,\n  /** Engine options, `type` included (replace the object to update the chart: it animates from the previous values) */\n  options: { type: Object as PropType<ShapeChartOptions>, required: true },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) mark changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A mark was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** A legend item was clicked (or `toggle()` was called) */\n  toggle: [event: ShapeToggleEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => raw(props.options),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  () => (props.options?.type === \"gauge\" ? 240 : 320),\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-shape-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMS,IAAQC,GAKRC,IAAOH,GAQP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SACMI,EAAIJ,EAAM,OAAO,GACvB;GACE,QAAQ,MAAUE,EAAK,SAASG,CAAK;GACrC,QAAQ,MAAUH,EAAK,SAASG,CAAK;GACrC,SAAS,MAAUH,EAAK,UAAUG,CAAK;EACzC,SACOL,EAAM,SAAS,SAAS,UAAU,MAAM,GACjD;SACAF,EAAaQ,CAAM,cAIjBf,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAA0B,gBAAa;GAAS,OAAKC,EAAEC,EAAAiB,CAAA,CAAS;EACzEhB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAmB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

package/dist/vue/components/Chart/Sparkline.vue.d.ts

@@ -0,0 +1,90 @@
+import { PropType } from 'vue';
+import { ChartCurve, ChartHoverEvent, ChartOptions, ChartRendererPreference, ChartSeries, ChartTooltipOptions } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Values (or `[x, y]` pairs, typed arrays, ...) */
+    data: {
+        type: PropType<ChartSeries["data"]>;
+        required: true;
+    };
+    /** How the values are drawn (default `line`) */
+    type: PropType<"line" | "area" | "bar">;
+    /** Color (any CSS color); the first palette color by default */
+    color: StringConstructor;
+    /** Shape of the line (default `smooth`) */
+    curve: PropType<ChartCurve>;
+    /** Name shown in the tooltip */
+    name: StringConstructor;
+    /** Draws a reference line at this value (e.g. a target or the average) */
+    reference: NumberConstructor;
+    /** Formats the value in the tooltip */
+    format: PropType<(value: number) => string>;
+    /** Backend of the data layer (default `auto`) */
+    renderer: PropType<ChartRendererPreference>;
+    /** Tooltip; `false` disables it */
+    tooltip: {
+        type: PropType<boolean | ChartTooltipOptions>;
+        default: undefined;
+    };
+    /** Colors (defaults to the `--chart-series-1..8` CSS variables) */
+    palette: PropType<readonly string[]>;
+    /** Accessible name of the chart */
+    ariaLabel: StringConstructor;
+    /** BCP 47 locale of the texts and numbers the engine writes (tooltip, accessible name); the page language by default */
+    locale: StringConstructor;
+    /** Overrides of the built-in texts of the `locale` */
+    labels: PropType<ChartOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').ChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    hover: (event: ChartHoverEvent | null) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Values (or `[x, y]` pairs, typed arrays, ...) */
+    data: {
+        type: PropType<ChartSeries["data"]>;
+        required: true;
+    };
+    /** How the values are drawn (default `line`) */
+    type: PropType<"line" | "area" | "bar">;
+    /** Color (any CSS color); the first palette color by default */
+    color: StringConstructor;
+    /** Shape of the line (default `smooth`) */
+    curve: PropType<ChartCurve>;
+    /** Name shown in the tooltip */
+    name: StringConstructor;
+    /** Draws a reference line at this value (e.g. a target or the average) */
+    reference: NumberConstructor;
+    /** Formats the value in the tooltip */
+    format: PropType<(value: number) => string>;
+    /** Backend of the data layer (default `auto`) */
+    renderer: PropType<ChartRendererPreference>;
+    /** Tooltip; `false` disables it */
+    tooltip: {
+        type: PropType<boolean | ChartTooltipOptions>;
+        default: undefined;
+    };
+    /** Colors (defaults to the `--chart-series-1..8` CSS variables) */
+    palette: PropType<readonly string[]>;
+    /** Accessible name of the chart */
+    ariaLabel: StringConstructor;
+    /** BCP 47 locale of the texts and numbers the engine writes (tooltip, accessible name); the page language by default */
+    locale: StringConstructor;
+    /** Overrides of the built-in texts of the `locale` */
+    labels: PropType<ChartOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onHover?: ((event: ChartHoverEvent | null) => any) | undefined;
+}>, {
+    tooltip: boolean | ChartTooltipOptions;
+    deep: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/Chart/Sparkline.vue.js

@@ -0,0 +1,7 @@
+import e from "./Sparkline.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Chart/Sparkline.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Sparkline.vue.js.map

package/dist/vue/components/Chart/Sparkline.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.vue.js","names":["_sfc_main","Sparkline_vue_vue_type_script_setup_true_lang_default","Sparkline_default"],"sources":["../../../../../vue/src/components/Chart/Sparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  sparklineOptions,\n  type ChartCurve,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartRendererPreference,\n  type ChartSeries,\n  type ChartTooltipOptions,\n} from \"minerva-design/charts/core\";\nimport { useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartFrameProps } from \"./props\";\n\n/** Word-sized chart without axes: a trend in a table cell, a KPI card, ... */\ndefineOptions({ name: \"Sparkline\" });\nconst props = defineProps({\n  ...chartFrameProps,\n  /** Values (or `[x, y]` pairs, typed arrays, ...) */\n  data: {\n    type: [Array, Object] as PropType<ChartSeries[\"data\"]>,\n    required: true,\n  },\n  /** How the values are drawn (default `line`) */\n  type: String as PropType<\"line\" | \"area\" | \"bar\">,\n  /** Color (any CSS color); the first palette color by default */\n  color: String,\n  /** Shape of the line (default `smooth`) */\n  curve: String as PropType<ChartCurve>,\n  /** Name shown in the tooltip */\n  name: String,\n  /** Draws a reference line at this value (e.g. a target or the average) */\n  reference: Number,\n  /** Formats the value in the tooltip */\n  format: Function as PropType<(value: number) => string>,\n  /** Backend of the data layer (default `auto`) */\n  renderer: String as PropType<ChartRendererPreference>,\n  /** Tooltip; `false` disables it */\n  tooltip: {\n    type: [Boolean, Object] as PropType<boolean | ChartTooltipOptions>,\n    default: undefined,\n  },\n  /** Colors (defaults to the `--chart-series-1..8` CSS variables) */\n  palette: Array as PropType<readonly string[]>,\n  /** Accessible name of the chart */\n  ariaLabel: String,\n  /** BCP 47 locale of the texts and numbers the engine writes (tooltip, accessible name); the page language by default */\n  locale: String,\n  /** Overrides of the built-in texts of the `locale` */\n  labels: Object as PropType<ChartOptions[\"labels\"]>,\n});\nconst emit = defineEmits<{\n  /** The hovered value changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n}>();\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () =>\n    sparklineOptions(\n      {\n        data: raw(props.data),\n        type: props.type,\n        color: props.color,\n        curve: props.curve,\n        name: props.name,\n        reference: props.reference,\n        format: props.format,\n      },\n      {\n        renderer: props.renderer,\n        tooltip: raw(props.tooltip),\n        palette: raw(props.palette),\n        ariaLabel: props.ariaLabel,\n        locale: props.locale,\n        labels: raw(props.labels),\n      },\n    ),\n  { hover: (event) => emit(\"hover\", event) },\n  48,\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-sparkline\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/vue/components/Chart/Sparkline.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { raw as e } from "./engine.js";
+import { useCartesianChart as t } from "./cartesian.js";
+import { chartFrameProps as n } from "./props.js";
+import { createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeStyle as o, openBlock as s, unref as c } from "vue";
+import { sparklineOptions as l } from "../../../charts/core.js";
+//#region src/components/Chart/Sparkline.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ a({
+	name: "Sparkline",
+	__name: "Sparkline",
+	props: {
+		...n,
+		data: {
+			type: [Array, Object],
+			required: !0
+		},
+		type: String,
+		color: String,
+		curve: String,
+		name: String,
+		reference: Number,
+		format: Function,
+		renderer: String,
+		tooltip: {
+			type: [Boolean, Object],
+			default: void 0
+		},
+		palette: Array,
+		ariaLabel: String,
+		locale: String,
+		labels: Object
+	},
+	emits: ["hover"],
+	setup(n, { expose: a, emit: u }) {
+		let d = n, f = u, { setContainer: p, rootStyle: m, handle: h } = t(d, () => l({
+			data: e(d.data),
+			type: d.type,
+			color: d.color,
+			curve: d.curve,
+			name: d.name,
+			reference: d.reference,
+			format: d.format
+		}, {
+			renderer: d.renderer,
+			tooltip: e(d.tooltip),
+			palette: e(d.palette),
+			ariaLabel: d.ariaLabel,
+			locale: d.locale,
+			labels: e(d.labels)
+		}), { hover: (e) => f("hover", e) }, 48);
+		return a(h), (e, t) => (s(), r("div", {
+			class: "mn-chart mn-sparkline",
+			"data-minerva": "chart",
+			style: o(c(m))
+		}, [i("div", {
+			ref: c(p),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=Sparkline.vue_vue_type_script_setup_true_lang.js.map

package/dist/vue/components/Chart/Sparkline.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","Sparkline_vue_vue_type_script_setup_true_lang_default","chartFrameProps","__expose","__emit","props","__props","emit","useCartesianChart","sparklineOptions","raw","event","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/Sparkline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  sparklineOptions,\n  type ChartCurve,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartRendererPreference,\n  type ChartSeries,\n  type ChartTooltipOptions,\n} from \"minerva-design/charts/core\";\nimport { useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartFrameProps } from \"./props\";\n\n/** Word-sized chart without axes: a trend in a table cell, a KPI card, ... */\ndefineOptions({ name: \"Sparkline\" });\nconst props = defineProps({\n  ...chartFrameProps,\n  /** Values (or `[x, y]` pairs, typed arrays, ...) */\n  data: {\n    type: [Array, Object] as PropType<ChartSeries[\"data\"]>,\n    required: true,\n  },\n  /** How the values are drawn (default `line`) */\n  type: String as PropType<\"line\" | \"area\" | \"bar\">,\n  /** Color (any CSS color); the first palette color by default */\n  color: String,\n  /** Shape of the line (default `smooth`) */\n  curve: String as PropType<ChartCurve>,\n  /** Name shown in the tooltip */\n  name: String,\n  /** Draws a reference line at this value (e.g. a target or the average) */\n  reference: Number,\n  /** Formats the value in the tooltip */\n  format: Function as PropType<(value: number) => string>,\n  /** Backend of the data layer (default `auto`) */\n  renderer: String as PropType<ChartRendererPreference>,\n  /** Tooltip; `false` disables it */\n  tooltip: {\n    type: [Boolean, Object] as PropType<boolean | ChartTooltipOptions>,\n    default: undefined,\n  },\n  /** Colors (defaults to the `--chart-series-1..8` CSS variables) */\n  palette: Array as PropType<readonly string[]>,\n  /** Accessible name of the chart */\n  ariaLabel: String,\n  /** BCP 47 locale of the texts and numbers the engine writes (tooltip, accessible name); the page language by default */\n  locale: String,\n  /** Overrides of the built-in texts of the `locale` */\n  labels: Object as PropType<ChartOptions[\"labels\"]>,\n});\nconst emit = defineEmits<{\n  /** The hovered value changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n}>();\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () =>\n    sparklineOptions(\n      {\n        data: raw(props.data),\n        type: props.type,\n        color: props.color,\n        curve: props.curve,\n        name: props.name,\n        reference: props.reference,\n        format: props.format,\n      },\n      {\n        renderer: props.renderer,\n        tooltip: raw(props.tooltip),\n        palette: raw(props.palette),\n        ariaLabel: props.ariaLabel,\n        locale: props.locale,\n        labels: raw(props.labels),\n      },\n    ),\n  { hover: (event) => emit(\"hover\", event) },\n  48,\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-sparkline\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMS,IAAQC,GAmCRC,IAAOH,GAIP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACE;GACE,MAAMC,EAAIL,EAAM,IAAI;GACpB,MAAMA,EAAM;GACZ,OAAOA,EAAM;GACb,OAAOA,EAAM;GACb,MAAMA,EAAM;GACZ,WAAWA,EAAM;GACjB,QAAQA,EAAM;EAChB,GACA;GACE,UAAUA,EAAM;GAChB,SAASK,EAAIL,EAAM,OAAO;GAC1B,SAASK,EAAIL,EAAM,OAAO;GAC1B,WAAWA,EAAM;GACjB,QAAQA,EAAM;GACd,QAAQK,EAAIL,EAAM,MAAM;EAC1B,CACF,GACF,EAAE,QAAQ,MAAUE,EAAK,SAASI,CAAK,EAAE,GACzC,EACF;SACAR,EAAaS,CAAM,cAIjBhB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAwB,gBAAa;GAAS,OAAKC,EAAEC,EAAAkB,CAAA,CAAS;EACvEjB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAoB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

package/dist/vue/components/Chart/SunburstChart.vue.d.ts

@@ -0,0 +1,123 @@
+import { PropType } from 'vue';
+import { ShapeDrillEvent, TreemapNode, ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Nodes: leaves carry a value, parents sum their children */
+    data: {
+        type: PropType<readonly TreemapNode[]>;
+        required: true;
+    };
+    /** Radius of the center circle as a fraction of the outer radius (default 0.26) */
+    innerRadius: NumberConstructor;
+    /** Rings shown at once below the focused node (default: every level) */
+    levels: NumberConstructor;
+    /** Angle of the first node, degrees clockwise from 12 o'clock (default 0) */
+    startAngle: NumberConstructor;
+    /** Gap between the sectors, in pixels (default 1) */
+    padAngle: NumberConstructor;
+    /** Corner radius of the sectors, in pixels (default 2) */
+    cornerRadius: NumberConstructor;
+    /** Sector labels along the arc or the radius, whichever fits best (`auto`), or none (default `auto`) */
+    labels: PropType<"auto" | "tangential" | "radial" | "none">;
+    /** Clicking (or Enter on) a parent zooms into it; clicking the center goes back up (default `true`) */
+    drill: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Names from the root to the focused node (`[]` = the root); makes the drill-down controlled (clicks only emit `drill`) */
+    drillPath: PropType<readonly string[]>;
+    palette: PropType<readonly string[]>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: PropType<(value: number) => string>;
+    percentFormat: PropType<(share: number) => string>;
+    hidden: PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: PropType<import('../../../charts/core.js').ShapeChartCommonOptions["texts"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').ShapeChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: ShapeHoverEvent) => any;
+    toggle: (event: ShapeToggleEvent) => any;
+    hover: (event: ShapeHoverEvent | null) => any;
+    drill: (event: ShapeDrillEvent) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Nodes: leaves carry a value, parents sum their children */
+    data: {
+        type: PropType<readonly TreemapNode[]>;
+        required: true;
+    };
+    /** Radius of the center circle as a fraction of the outer radius (default 0.26) */
+    innerRadius: NumberConstructor;
+    /** Rings shown at once below the focused node (default: every level) */
+    levels: NumberConstructor;
+    /** Angle of the first node, degrees clockwise from 12 o'clock (default 0) */
+    startAngle: NumberConstructor;
+    /** Gap between the sectors, in pixels (default 1) */
+    padAngle: NumberConstructor;
+    /** Corner radius of the sectors, in pixels (default 2) */
+    cornerRadius: NumberConstructor;
+    /** Sector labels along the arc or the radius, whichever fits best (`auto`), or none (default `auto`) */
+    labels: PropType<"auto" | "tangential" | "radial" | "none">;
+    /** Clicking (or Enter on) a parent zooms into it; clicking the center goes back up (default `true`) */
+    drill: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Names from the root to the focused node (`[]` = the root); makes the drill-down controlled (clicks only emit `drill`) */
+    drillPath: PropType<readonly string[]>;
+    palette: PropType<readonly string[]>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: PropType<(value: number) => string>;
+    percentFormat: PropType<(share: number) => string>;
+    hidden: PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: PropType<import('../../../charts/core.js').ShapeChartCommonOptions["texts"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((event: ShapeHoverEvent) => any) | undefined;
+    onToggle?: ((event: ShapeToggleEvent) => any) | undefined;
+    onHover?: ((event: ShapeHoverEvent | null) => any) | undefined;
+    onDrill?: ((event: ShapeDrillEvent) => any) | undefined;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').ShapeTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').ShapeLegendOptions;
+    animation: boolean;
+    deep: boolean;
+    drill: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/vue/components/Chart/SunburstChart.vue.js

@@ -0,0 +1,7 @@
+import e from "./SunburstChart.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Chart/SunburstChart.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=SunburstChart.vue.js.map

package/dist/vue/components/Chart/SunburstChart.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SunburstChart.vue.js","names":["_sfc_main","SunburstChart_vue_vue_type_script_setup_true_lang_default","SunburstChart_default"],"sources":["../../../../../vue/src/components/Chart/SunburstChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ShapeDrillEvent,\n  TreemapNode,\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { shapeCommonProps } from \"./props\";\nimport { shapeCommonOptions, useShapeChart } from \"./shape\";\n\n/**\n * Sunburst chart: a hierarchy as concentric rings; clicking a parent zooms\n * into it, clicking the center goes back up\n */\ndefineOptions({ name: \"SunburstChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Nodes: leaves carry a value, parents sum their children */\n  data: { type: Array as PropType<readonly TreemapNode[]>, required: true },\n  /** Radius of the center circle as a fraction of the outer radius (default 0.26) */\n  innerRadius: Number,\n  /** Rings shown at once below the focused node (default: every level) */\n  levels: Number,\n  /** Angle of the first node, degrees clockwise from 12 o'clock (default 0) */\n  startAngle: Number,\n  /** Gap between the sectors, in pixels (default 1) */\n  padAngle: Number,\n  /** Corner radius of the sectors, in pixels (default 2) */\n  cornerRadius: Number,\n  /** Sector labels along the arc or the radius, whichever fits best (`auto`), or none (default `auto`) */\n  labels: String as PropType<\"auto\" | \"tangential\" | \"radial\" | \"none\">,\n  /** Clicking (or Enter on) a parent zooms into it; clicking the center goes back up (default `true`) */\n  drill: { type: Boolean, default: undefined },\n  /** Names from the root to the focused node (`[]` = the root); makes the drill-down controlled (clicks only emit `drill`) */\n  drillPath: Array as PropType<readonly string[]>,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) sector changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A sector was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** A legend item was clicked (or `toggle()` was called) */\n  toggle: [event: ShapeToggleEvent];\n  /** A parent or the center was clicked (or the handle's `drill()` was called) */\n  drill: [event: ShapeDrillEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"sunburst\",\n    data: raw(props.data),\n    innerRadius: props.innerRadius,\n    levels: props.levels,\n    startAngle: props.startAngle,\n    padAngle: props.padAngle,\n    cornerRadius: props.cornerRadius,\n    labels: props.labels,\n    drill: props.drill,\n    drillPath: props.drillPath ? [...props.drillPath] : undefined,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n    drill: (event) => emit(\"drill\", event),\n  },\n  360,\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-shape-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}