minerva-design 1.3.0 → 1.5.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeatmap.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","CalendarHeatmap_vue_vue_type_script_setup_true_lang_default","shapeCommonProps","__expose","__emit","props","__props","emit","useShapeChart","shapeCommonOptions","raw","event","calendarStrips","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/CalendarHeatmap.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  CalendarDate,\n  CalendarDatum,\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { shapeCommonProps } from \"./props\";\nimport { calendarStrips, shapeCommonOptions, useShapeChart } from \"./shape\";\n\n/**\n * Calendar heatmap: daily values on a calendar, contributions-style\n */\ndefineOptions({ name: \"CalendarHeatmap\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Daily values (several entries of the same day add up) */\n  data: { type: Array as PropType<readonly CalendarDatum[]>, required: true },\n  /** Days shown: a year (`2026`) or an inclusive `[start, end]` range (default: the 53 weeks ending on the last day of the data) */\n  range: [Number, Array] as PropType<\n    number | readonly [CalendarDate, CalendarDate]\n  >,\n  /** `weeks`: a column per week and a row per weekday; `months`: a small calendar per month (default `weeks`) */\n  layout: String as PropType<\"weeks\" | \"months\">,\n  /** First day of the week, 0 = Sunday … 6 = Saturday (default: from `locale`) */\n  weekStart: Number,\n  /** Color of the highest level (lower levels are lighter; default: the first palette color) */\n  color: String,\n  /** Colors of the levels, lowest first (replaces `color` and sets the number of levels) */\n  colors: Array as PropType<readonly string[]>,\n  /** Number of color levels above the empty days (default 4) */\n  levels: Number,\n  /** Upper bounds of the levels but the last, ascending; an even split of the largest value by default */\n  thresholds: Array as PropType<readonly number[]>,\n  /** Gap between the cells, in pixels (default 3) */\n  gap: Number,\n  /** Corner radius of the cells, in pixels (default 2) */\n  radius: Number,\n  /** Largest cell size, in pixels (default 16 weeks, 28 months) */\n  maxCellSize: Number,\n  /** Month names (and years) around the cells (default `true`) */\n  monthLabels: { type: Boolean, default: undefined },\n  /** Weekday names beside (weeks) or above (months) the cells (default `true`) */\n  weekdayLabels: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) day changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A day 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  () => ({\n    ...shapeCommonOptions(props),\n    type: \"calendarHeatmap\",\n    data: raw(props.data),\n    range: raw(props.range),\n    layout: props.layout,\n    weekStart: props.weekStart,\n    color: props.color,\n    colors: raw(props.colors),\n    levels: props.levels,\n    thresholds: raw(props.thresholds),\n    gap: props.gap,\n    radius: props.radius,\n    maxCellSize: props.maxCellSize,\n    monthLabels: props.monthLabels,\n    weekdayLabels: props.weekdayLabels,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  () =>\n    props.layout === \"months\"\n      ? 560\n      : calendarStrips(props.range) * 120 +\n        (props.legend === false ? 0 : 34) +\n        16,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMS,IAAQC,GA+BRC,IAAOH,GAQP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,GAAGI,EAAmBJ,CAAK;GAC3B,MAAM;GACN,MAAMK,EAAIL,EAAM,IAAI;GACpB,OAAOK,EAAIL,EAAM,KAAK;GACtB,QAAQA,EAAM;GACd,WAAWA,EAAM;GACjB,OAAOA,EAAM;GACb,QAAQK,EAAIL,EAAM,MAAM;GACxB,QAAQA,EAAM;GACd,YAAYK,EAAIL,EAAM,UAAU;GAChC,KAAKA,EAAM;GACX,QAAQA,EAAM;GACd,aAAaA,EAAM;GACnB,aAAaA,EAAM;GACnB,eAAeA,EAAM;EACvB,IACA;GACE,QAAQ,MAAUE,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,SAASI,CAAK;GACrC,SAAS,MAAUJ,EAAK,UAAUI,CAAK;EACzC,SAEEN,EAAM,WAAW,WACb,MACAO,EAAeP,EAAM,KAAK,IAAI,OAC7BA,EAAM,WAAW,KAAQ,IAAI,MAC9B,EACR;SACAF,EAAaU,CAAM,cAIjBjB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAA0B,gBAAa;GAAS,OAAKC,EAAEC,EAAAmB,CAAA,CAAS;EACzElB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAqB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

package/dist/vue/components/Chart/CandlestickChart.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/CandlestickChart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CandlestickChart.vue.js","names":["_sfc_main","CandlestickChart_vue_vue_type_script_setup_true_lang_default","CandlestickChart_default"],"sources":["../../../../../vue/src/components/Chart/CandlestickChart.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/**\n * Candlestick (OHLC) chart: rising and falling candles, zoomable on the GPU;\n * data points carry `open`, `high`, `low` and `y` (the close)\n */\ndefineOptions({ name: \"CandlestickChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) candles changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A candle was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no candle */\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, \"candlestick\")),\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/CandlestickChart.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/CandlestickChart.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ c({
+	name: "CandlestickChart",
+	__name: "CandlestickChart",
+	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, "candlestick")), {
+			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=CandlestickChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CandlestickChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","CandlestickChart_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/CandlestickChart.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/**\n * Candlestick (OHLC) chart: rising and falling candles, zoomable on the GPU;\n * data points carry `open`, `high`, `low` and `y` (the close)\n */\ndefineOptions({ name: \"CandlestickChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) candles changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A candle was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no candle */\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, \"candlestick\")),\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":";;;;;;;;;;;;;;;;;;;;EAeA,IAAMW,IAAQC,GAKRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SACMI,EAAcJ,GAAOK,EAAeL,EAAM,QAAQ,aAAa,CAAC,GACtE;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/Chart.vue.d.ts

@@ -0,0 +1,103 @@
+import { PropType } from 'vue';
+import { ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** `percent` scales every stack to 100% at each x (default `normal`) */
+    stackMode: PropType<"normal" | "percent">;
+    orientation: PropType<import('../../../charts/core.js').ChartOrientation>;
+    yAxis2: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    series: {
+        readonly type: PropType<readonly import('../../../charts/core.js').ChartSeries[]>;
+        readonly required: true;
+    };
+    xAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: PropType<readonly import('../../../charts/core.js').ChartAnnotation[]>;
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').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, {
+    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<{
+    /** `percent` scales every stack to 100% at each x (default `normal`) */
+    stackMode: PropType<"normal" | "percent">;
+    orientation: PropType<import('../../../charts/core.js').ChartOrientation>;
+    yAxis2: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    series: {
+        readonly type: PropType<readonly import('../../../charts/core.js').ChartSeries[]>;
+        readonly required: true;
+    };
+    xAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: PropType<readonly import('../../../charts/core.js').ChartAnnotation[]>;
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    height: PropType<number | string>;
+    width: 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/Chart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.vue.js","names":["_sfc_main","Chart_vue_vue_type_script_setup_true_lang_default","Chart_default"],"sources":["../../../../../vue/src/components/Chart/Chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChartHoverEvent,\n  ChartPlotClickEvent,\n  ChartRendererKind,\n  ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport {\n  chartAxis2Prop,\n  chartAxisProps,\n  chartCommonProps,\n  chartOrientationProp,\n  chartSeriesProps,\n} from \"./props\";\n\n/**\n * GPU chart (WebGPU, then WebGL2, WebGL, Canvas2D) mixing line, area, bar,\n * scatter, candlestick and heatmap series; zoomable, keyboard accessible and\n * themed by the Minerva CSS variables (the engine of\n * `minerva-design/charts/core`).\n */\ndefineOptions({ name: \"Chart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartAxis2Prop,\n  ...chartOrientationProp,\n  /** `percent` scales every stack to 100% at each x (default `normal`) */\n  stackMode: String as PropType<\"normal\" | \"percent\">,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) points changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point (or a bar) 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  () =>\n    engineOptions(\n      props,\n      // raw series (line is also the engine's default type)\n      withSeriesType(props.series, \"line\"),\n      props.stackMode,\n    ),\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/Chart.vue_vue_type_script_setup_true_lang.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","Chart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","chartSeriesProps","chartAxis2Prop","chartOrientationProp","__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/Chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChartHoverEvent,\n  ChartPlotClickEvent,\n  ChartRendererKind,\n  ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport {\n  chartAxis2Prop,\n  chartAxisProps,\n  chartCommonProps,\n  chartOrientationProp,\n  chartSeriesProps,\n} from \"./props\";\n\n/**\n * GPU chart (WebGPU, then WebGL2, WebGL, Canvas2D) mixing line, area, bar,\n * scatter, candlestick and heatmap series; zoomable, keyboard accessible and\n * themed by the Minerva CSS variables (the engine of\n * `minerva-design/charts/core`).\n */\ndefineOptions({ name: \"Chart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartAxis2Prop,\n  ...chartOrientationProp,\n  /** `percent` scales every stack to 100% at each x (default `normal`) */\n  stackMode: String as PropType<\"normal\" | \"percent\">,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) points changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point (or a bar) 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  () =>\n    engineOptions(\n      props,\n      // raw series (line is also the engine's default type)\n      withSeriesType(props.series, \"line\"),\n      props.stackMode,\n    ),\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":";;;;;;;;;;;;;;;;;;;;;;;EAwBA,IAAMa,IAAQC,GASRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACEJ,GAEAK,EAAeL,EAAM,QAAQ,MAAM,GACnCA,EAAM,SACR,GACF;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,cAIjBtB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAAwB,CAAA,CAAS;EAC1DvB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAA0B,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,153 @@
+import { PropType } from 'vue';
+import { ChordGroup, ChordLink, ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Groups (names or `{ name, color }`), in their order around the circle; groups only named by `links` are appended */
+    groups: PropType<readonly (string | ChordGroup)[]>;
+    /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used when `links` is absent) */
+    matrix: PropType<readonly (readonly number[])[]>;
+    /** Flows as a list (by group name or index); takes precedence over `matrix` */
+    links: PropType<readonly ChordLink[]>;
+    /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows (default `false`) */
+    directed: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Arrowheads at the target end of the ribbons (default `true` when `directed`) */
+    arrows: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Gap between the groups, in degrees (default 2) */
+    padAngle: NumberConstructor;
+    /** Angle of the first group, degrees clockwise from 12 o'clock (default 0) */
+    startAngle: NumberConstructor;
+    /** Order of the groups around the circle (default `none`: data order) */
+    sortGroups: PropType<"none" | "ascending" | "descending">;
+    /** Order of the ribbon ends along an arc: `auto` minimizes the crossings (default `auto`) */
+    sortSubgroups: PropType<"auto" | "none" | "ascending" | "descending">;
+    /** Color of the ribbons without `color` (default `gradient`) */
+    ribbonColor: PropType<"gradient" | "source" | "target" | "neutral">;
+    /** Opacity of the ribbons, 0-1 (default 0.65) */
+    ribbonOpacity: NumberConstructor;
+    /** Thickness of the group arcs, in pixels (default 6% of the radius) */
+    arcWidth: NumberConstructor;
+    /** Value ticks outside the arcs; a number sets the step between ticks (default `true` when large enough) */
+    ticks: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    /** Formats the tick labels (default: compact numbers of the `locale`) */
+    tickFormat: PropType<(value: number) => string>;
+    /** Group labels along the arc (`tangential`) or the radius (`radial`); `auto` picks the one that fits (default `auto`) */
+    labels: PropType<"auto" | "tangential" | "radial" | "none">;
+    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;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Groups (names or `{ name, color }`), in their order around the circle; groups only named by `links` are appended */
+    groups: PropType<readonly (string | ChordGroup)[]>;
+    /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used when `links` is absent) */
+    matrix: PropType<readonly (readonly number[])[]>;
+    /** Flows as a list (by group name or index); takes precedence over `matrix` */
+    links: PropType<readonly ChordLink[]>;
+    /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows (default `false`) */
+    directed: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Arrowheads at the target end of the ribbons (default `true` when `directed`) */
+    arrows: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Gap between the groups, in degrees (default 2) */
+    padAngle: NumberConstructor;
+    /** Angle of the first group, degrees clockwise from 12 o'clock (default 0) */
+    startAngle: NumberConstructor;
+    /** Order of the groups around the circle (default `none`: data order) */
+    sortGroups: PropType<"none" | "ascending" | "descending">;
+    /** Order of the ribbon ends along an arc: `auto` minimizes the crossings (default `auto`) */
+    sortSubgroups: PropType<"auto" | "none" | "ascending" | "descending">;
+    /** Color of the ribbons without `color` (default `gradient`) */
+    ribbonColor: PropType<"gradient" | "source" | "target" | "neutral">;
+    /** Opacity of the ribbons, 0-1 (default 0.65) */
+    ribbonOpacity: NumberConstructor;
+    /** Thickness of the group arcs, in pixels (default 6% of the radius) */
+    arcWidth: NumberConstructor;
+    /** Value ticks outside the arcs; a number sets the step between ticks (default `true` when large enough) */
+    ticks: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    /** Formats the tick labels (default: compact numbers of the `locale`) */
+    tickFormat: PropType<(value: number) => string>;
+    /** Group labels along the arc (`tangential`) or the radius (`radial`); `auto` picks the one that fits (default `auto`) */
+    labels: PropType<"auto" | "tangential" | "radial" | "none">;
+    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;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').ShapeTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').ShapeLegendOptions;
+    animation: boolean;
+    deep: boolean;
+    ticks: number | boolean;
+    directed: boolean;
+    arrows: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChordChart.vue.js","names":["_sfc_main","ChordChart_vue_vue_type_script_setup_true_lang_default","ChordChart_default"],"sources":["../../../../../vue/src/components/Chart/ChordChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChordGroup,\n  ChordLink,\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 * Chord diagram: flows between groups around a circle; hovering a group\n * highlights its ribbons, hovering a ribbon shows both directions\n */\ndefineOptions({ name: \"ChordChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Groups (names or `{ name, color }`), in their order around the circle; groups only named by `links` are appended */\n  groups: Array as PropType<readonly (string | ChordGroup)[]>,\n  /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used when `links` is absent) */\n  matrix: Array as PropType<readonly (readonly number[])[]>,\n  /** Flows as a list (by group name or index); takes precedence over `matrix` */\n  links: Array as PropType<readonly ChordLink[]>,\n  /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows (default `false`) */\n  directed: { type: Boolean, default: undefined },\n  /** Arrowheads at the target end of the ribbons (default `true` when `directed`) */\n  arrows: { type: Boolean, default: undefined },\n  /** Gap between the groups, in degrees (default 2) */\n  padAngle: Number,\n  /** Angle of the first group, degrees clockwise from 12 o'clock (default 0) */\n  startAngle: Number,\n  /** Order of the groups around the circle (default `none`: data order) */\n  sortGroups: String as PropType<\"none\" | \"ascending\" | \"descending\">,\n  /** Order of the ribbon ends along an arc: `auto` minimizes the crossings (default `auto`) */\n  sortSubgroups: String as PropType<\n    \"auto\" | \"none\" | \"ascending\" | \"descending\"\n  >,\n  /** Color of the ribbons without `color` (default `gradient`) */\n  ribbonColor: String as PropType<\"gradient\" | \"source\" | \"target\" | \"neutral\">,\n  /** Opacity of the ribbons, 0-1 (default 0.65) */\n  ribbonOpacity: Number,\n  /** Thickness of the group arcs, in pixels (default 6% of the radius) */\n  arcWidth: Number,\n  /** Value ticks outside the arcs; a number sets the step between ticks (default `true` when large enough) */\n  ticks: {\n    type: [Boolean, Number] as PropType<boolean | number>,\n    default: undefined,\n  },\n  /** Formats the tick labels (default: compact numbers of the `locale`) */\n  tickFormat: Function as PropType<(value: number) => string>,\n  /** Group labels along the arc (`tangential`) or the radius (`radial`); `auto` picks the one that fits (default `auto`) */\n  labels: String as PropType<\"auto\" | \"tangential\" | \"radial\" | \"none\">,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) group or ribbon changed (`null`: none); ribbons carry `source`, `target` and `reverseValue` */\n  hover: [event: ShapeHoverEvent | null];\n  /** A group or ribbon was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** A legend item was clicked (or `toggle(index)` was called) */\n  toggle: [event: ShapeToggleEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"chord\",\n    groups: raw(props.groups),\n    matrix: raw(props.matrix),\n    links: raw(props.links),\n    directed: props.directed,\n    arrows: props.arrows,\n    padAngle: props.padAngle,\n    startAngle: props.startAngle,\n    sortGroups: props.sortGroups,\n    sortSubgroups: props.sortSubgroups,\n    ribbonColor: props.ribbonColor,\n    ribbonOpacity: props.ribbonOpacity,\n    arcWidth: props.arcWidth,\n    ticks: props.ticks,\n    tickFormat: props.tickFormat,\n    labels: props.labels,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  420,\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/ChordChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,81 @@
+import { raw as e } from "./engine.js";
+import { shapeCommonProps as t } from "./props.js";
+import { shapeCommonOptions as n, useShapeChart as r } from "./shape.js";
+import { createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, unref as l } from "vue";
+//#region src/components/Chart/ChordChart.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ o({
+	name: "ChordChart",
+	__name: "ChordChart",
+	props: {
+		...t,
+		groups: Array,
+		matrix: Array,
+		links: Array,
+		directed: {
+			type: Boolean,
+			default: void 0
+		},
+		arrows: {
+			type: Boolean,
+			default: void 0
+		},
+		padAngle: Number,
+		startAngle: Number,
+		sortGroups: String,
+		sortSubgroups: String,
+		ribbonColor: String,
+		ribbonOpacity: Number,
+		arcWidth: Number,
+		ticks: {
+			type: [Boolean, Number],
+			default: void 0
+		},
+		tickFormat: Function,
+		labels: String
+	},
+	emits: [
+		"hover",
+		"click",
+		"toggle"
+	],
+	setup(t, { expose: o, emit: u }) {
+		let d = t, f = u, { setContainer: p, rootStyle: m, handle: h } = r(d, () => ({
+			...n(d),
+			type: "chord",
+			groups: e(d.groups),
+			matrix: e(d.matrix),
+			links: e(d.links),
+			directed: d.directed,
+			arrows: d.arrows,
+			padAngle: d.padAngle,
+			startAngle: d.startAngle,
+			sortGroups: d.sortGroups,
+			sortSubgroups: d.sortSubgroups,
+			ribbonColor: d.ribbonColor,
+			ribbonOpacity: d.ribbonOpacity,
+			arcWidth: d.arcWidth,
+			ticks: d.ticks,
+			tickFormat: d.tickFormat,
+			labels: d.labels
+		}), {
+			hover: (e) => f("hover", e),
+			click: (e) => f("click", e),
+			toggle: (e) => f("toggle", e)
+		}, 420);
+		return o(h), (e, t) => (c(), i("div", {
+			class: "mn-chart mn-shape-chart",
+			"data-minerva": "chart",
+			style: s(l(m))
+		}, [a("div", {
+			ref: l(p),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=ChordChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChordChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","ChordChart_vue_vue_type_script_setup_true_lang_default","shapeCommonProps","__expose","__emit","props","__props","emit","useShapeChart","shapeCommonOptions","raw","event","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/ChordChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChordGroup,\n  ChordLink,\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 * Chord diagram: flows between groups around a circle; hovering a group\n * highlights its ribbons, hovering a ribbon shows both directions\n */\ndefineOptions({ name: \"ChordChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Groups (names or `{ name, color }`), in their order around the circle; groups only named by `links` are appended */\n  groups: Array as PropType<readonly (string | ChordGroup)[]>,\n  /** Square flow matrix: `matrix[i][j]` flows from group `i` to group `j` (used when `links` is absent) */\n  matrix: Array as PropType<readonly (readonly number[])[]>,\n  /** Flows as a list (by group name or index); takes precedence over `matrix` */\n  links: Array as PropType<readonly ChordLink[]>,\n  /** One ribbon per direction, arcs sized by the outgoing plus the incoming flows (default `false`) */\n  directed: { type: Boolean, default: undefined },\n  /** Arrowheads at the target end of the ribbons (default `true` when `directed`) */\n  arrows: { type: Boolean, default: undefined },\n  /** Gap between the groups, in degrees (default 2) */\n  padAngle: Number,\n  /** Angle of the first group, degrees clockwise from 12 o'clock (default 0) */\n  startAngle: Number,\n  /** Order of the groups around the circle (default `none`: data order) */\n  sortGroups: String as PropType<\"none\" | \"ascending\" | \"descending\">,\n  /** Order of the ribbon ends along an arc: `auto` minimizes the crossings (default `auto`) */\n  sortSubgroups: String as PropType<\n    \"auto\" | \"none\" | \"ascending\" | \"descending\"\n  >,\n  /** Color of the ribbons without `color` (default `gradient`) */\n  ribbonColor: String as PropType<\"gradient\" | \"source\" | \"target\" | \"neutral\">,\n  /** Opacity of the ribbons, 0-1 (default 0.65) */\n  ribbonOpacity: Number,\n  /** Thickness of the group arcs, in pixels (default 6% of the radius) */\n  arcWidth: Number,\n  /** Value ticks outside the arcs; a number sets the step between ticks (default `true` when large enough) */\n  ticks: {\n    type: [Boolean, Number] as PropType<boolean | number>,\n    default: undefined,\n  },\n  /** Formats the tick labels (default: compact numbers of the `locale`) */\n  tickFormat: Function as PropType<(value: number) => string>,\n  /** Group labels along the arc (`tangential`) or the radius (`radial`); `auto` picks the one that fits (default `auto`) */\n  labels: String as PropType<\"auto\" | \"tangential\" | \"radial\" | \"none\">,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) group or ribbon changed (`null`: none); ribbons carry `source`, `target` and `reverseValue` */\n  hover: [event: ShapeHoverEvent | null];\n  /** A group or ribbon was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** A legend item was clicked (or `toggle(index)` was called) */\n  toggle: [event: ShapeToggleEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"chord\",\n    groups: raw(props.groups),\n    matrix: raw(props.matrix),\n    links: raw(props.links),\n    directed: props.directed,\n    arrows: props.arrows,\n    padAngle: props.padAngle,\n    startAngle: props.startAngle,\n    sortGroups: props.sortGroups,\n    sortSubgroups: props.sortSubgroups,\n    ribbonColor: props.ribbonColor,\n    ribbonOpacity: props.ribbonOpacity,\n    arcWidth: props.arcWidth,\n    ticks: props.ticks,\n    tickFormat: props.tickFormat,\n    labels: props.labels,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  420,\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,GAsCRC,IAAOH,GAQP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,GAAGI,EAAmBJ,CAAK;GAC3B,MAAM;GACN,QAAQK,EAAIL,EAAM,MAAM;GACxB,QAAQK,EAAIL,EAAM,MAAM;GACxB,OAAOK,EAAIL,EAAM,KAAK;GACtB,UAAUA,EAAM;GAChB,QAAQA,EAAM;GACd,UAAUA,EAAM;GAChB,YAAYA,EAAM;GAClB,YAAYA,EAAM;GAClB,eAAeA,EAAM;GACrB,aAAaA,EAAM;GACnB,eAAeA,EAAM;GACrB,UAAUA,EAAM;GAChB,OAAOA,EAAM;GACb,YAAYA,EAAM;GAClB,QAAQA,EAAM;EAChB,IACA;GACE,QAAQ,MAAUE,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,SAASI,CAAK;GACrC,SAAS,MAAUJ,EAAK,UAAUI,CAAK;EACzC,GACA,GACF;SACAR,EAAaS,CAAM,cAIjBhB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAA0B,gBAAa;GAAS,OAAKC,EAAEC,EAAAkB,CAAA,CAAS;EACzEjB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAoB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}