minerva-design 1.3.0 → 1.4.0

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

@@ -0,0 +1,128 @@
+import { ChartRendererKind, OrderBookHeatmapHoverEvent } from '../../../charts/core.js';
+import { OrderBookHeatmapHandle } from './types.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    book: import('vue').PropType<import('../../../charts/core.js').OrderBookSnapshot>;
+    trades: import('vue').PropType<import('./types.js').ChartTrades>;
+    tickSize: NumberConstructor;
+    interval: NumberConstructor;
+    window: NumberConstructor;
+    history: NumberConstructor;
+    depth: NumberConstructor;
+    priceSpan: NumberConstructor;
+    colorScale: import('vue').PropType<import('../../../charts/core.js').OrderBookHeatmapScale>;
+    contrast: NumberConstructor;
+    maxSize: NumberConstructor;
+    colors: import('vue').PropType<readonly string[]>;
+    bubbles: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    bubbleSize: NumberConstructor;
+    bubbleVolume: NumberConstructor;
+    bestLines: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    profile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    interactive: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    renderer: import('vue').PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    labels: import('vue').PropType<Partial<import('../../../charts/core.js').OrderBookHeatmapLabels>>;
+    upColor: StringConstructor;
+    downColor: StringConstructor;
+    colorConvention: import('vue').PropType<import('../../../charts/core.js').OrderBookColorConvention>;
+    pricePrecision: NumberConstructor;
+    sizePrecision: NumberConstructor;
+    locale: StringConstructor;
+    formatPrice: import('vue').PropType<(price: number) => string>;
+    formatSize: import('vue').PropType<(size: number) => string>;
+    fontFamily: StringConstructor;
+    fontSize: NumberConstructor;
+    ariaLabel: StringConstructor;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, OrderBookHeatmapHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    hover: (event: OrderBookHeatmapHoverEvent | null) => any;
+    rendererChange: (renderer: ChartRendererKind) => any;
+    followChange: (follow: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    book: import('vue').PropType<import('../../../charts/core.js').OrderBookSnapshot>;
+    trades: import('vue').PropType<import('./types.js').ChartTrades>;
+    tickSize: NumberConstructor;
+    interval: NumberConstructor;
+    window: NumberConstructor;
+    history: NumberConstructor;
+    depth: NumberConstructor;
+    priceSpan: NumberConstructor;
+    colorScale: import('vue').PropType<import('../../../charts/core.js').OrderBookHeatmapScale>;
+    contrast: NumberConstructor;
+    maxSize: NumberConstructor;
+    colors: import('vue').PropType<readonly string[]>;
+    bubbles: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    bubbleSize: NumberConstructor;
+    bubbleVolume: NumberConstructor;
+    bestLines: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    profile: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    interactive: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    renderer: import('vue').PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    labels: import('vue').PropType<Partial<import('../../../charts/core.js').OrderBookHeatmapLabels>>;
+    upColor: StringConstructor;
+    downColor: StringConstructor;
+    colorConvention: import('vue').PropType<import('../../../charts/core.js').OrderBookColorConvention>;
+    pricePrecision: NumberConstructor;
+    sizePrecision: NumberConstructor;
+    locale: StringConstructor;
+    formatPrice: import('vue').PropType<(price: number) => string>;
+    formatSize: import('vue').PropType<(size: number) => string>;
+    fontFamily: StringConstructor;
+    fontSize: NumberConstructor;
+    ariaLabel: StringConstructor;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onHover?: ((event: OrderBookHeatmapHoverEvent | null) => any) | undefined;
+    onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+    onFollowChange?: ((follow: boolean) => any) | undefined;
+}>, {
+    tooltip: boolean;
+    bubbles: boolean;
+    interactive: boolean;
+    deep: boolean;
+    bestLines: boolean;
+    profile: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderBookHeatmap.vue.js","names":["_sfc_main","OrderBookHeatmap_vue_vue_type_script_setup_true_lang_default","OrderBookHeatmap_default"],"sources":["../../../../../vue/src/components/Chart/OrderBookHeatmap.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createOrderBookHeatmap,\n  type ChartRendererKind,\n  type OrderBookHeatmapHoverEvent,\n  type OrderBookHeatmapInstance,\n  type OrderBookHeatmapOptions,\n} from \"minerva-design/charts/core\";\nimport { useRootStyle } from \"./engine\";\nimport { orderBookHeatmapProps, useBookWidget } from \"./orderbook\";\nimport type { OrderBookHeatmapHandle } from \"./types\";\n\n/**\n * Liquidity heatmap: resting size over time and price drawn by the GPU,\n * best bid / ask lines and trades as bubbles sized by volume (engine\n * `createOrderBookHeatmap`).\n */\ndefineOptions({ name: \"OrderBookHeatmap\" });\nconst props = defineProps(orderBookHeatmapProps);\nconst emit = defineEmits<{\n  /** Hovered cell (`null` when the pointer leaves) */\n  hover: [event: OrderBookHeatmapHoverEvent | null];\n  /** Backend in use (also after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n  /** `true` while the view follows the market, `false` after a zoom / pan */\n  followChange: [follow: boolean];\n}>();\nconst { setContainer, instance } = useBookWidget<\n  OrderBookHeatmapOptions,\n  OrderBookHeatmapInstance\n>(\n  createOrderBookHeatmap,\n  props,\n  (heatmap) => [\n    heatmap.on(\"hover\", (e) => emit(\"hover\", e)),\n    heatmap.on(\"renderer\", (r) => emit(\"rendererChange\", r)),\n    heatmap.on(\"follow\", (f) => emit(\"followChange\", f)),\n  ],\n  {\n    add: (heatmap, trades) => heatmap.addTrades(trades),\n    replace: (heatmap, trades) => heatmap.addTrades(trades),\n  },\n);\nconst rootStyle = useRootStyle(props, 360);\nconst handle: OrderBookHeatmapHandle = {\n  setBook: (snapshot) => instance.value?.setBook(snapshot),\n  applyDeltas: (deltas) => instance.value?.applyDeltas(deltas),\n  addTrades: (trades) => instance.value?.addTrades(trades),\n  resetView: () => instance.value?.resetView(),\n  getInstance: () => instance.value,\n};\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-order-book-heatmap\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,46 @@
+import { useRootStyle as e } from "./engine.js";
+import { orderBookHeatmapProps as t, useBookWidget as n } from "./orderbook.js";
+import { createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeStyle as o, openBlock as s, unref as c } from "vue";
+import { createOrderBookHeatmap as l } from "../../../charts/core.js";
+//#region src/components/Chart/OrderBookHeatmap.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ a({
+	name: "OrderBookHeatmap",
+	__name: "OrderBookHeatmap",
+	props: t,
+	emits: [
+		"hover",
+		"rendererChange",
+		"followChange"
+	],
+	setup(t, { expose: a, emit: u }) {
+		let d = t, f = u, { setContainer: p, instance: m } = n(l, d, (e) => [
+			e.on("hover", (e) => f("hover", e)),
+			e.on("renderer", (e) => f("rendererChange", e)),
+			e.on("follow", (e) => f("followChange", e))
+		], {
+			add: (e, t) => e.addTrades(t),
+			replace: (e, t) => e.addTrades(t)
+		}), h = e(d, 360);
+		return a({
+			setBook: (e) => m.value?.setBook(e),
+			applyDeltas: (e) => m.value?.applyDeltas(e),
+			addTrades: (e) => m.value?.addTrades(e),
+			resetView: () => m.value?.resetView(),
+			getInstance: () => m.value
+		}), (e, t) => (s(), r("div", {
+			class: "mn-chart mn-order-book-heatmap",
+			"data-minerva": "chart",
+			style: o(c(h))
+		}, [i("div", {
+			ref: c(p),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=OrderBookHeatmap.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderBookHeatmap.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","OrderBookHeatmap_vue_vue_type_script_setup_true_lang_default","orderBookHeatmapProps","__expose","__emit","props","__props","emit","useBookWidget","createOrderBookHeatmap","heatmap","r","f","trades","rootStyle","useRootStyle","instance","snapshot","deltas","openBlock","createElementBlock","normalizeStyle","unref","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/OrderBookHeatmap.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createOrderBookHeatmap,\n  type ChartRendererKind,\n  type OrderBookHeatmapHoverEvent,\n  type OrderBookHeatmapInstance,\n  type OrderBookHeatmapOptions,\n} from \"minerva-design/charts/core\";\nimport { useRootStyle } from \"./engine\";\nimport { orderBookHeatmapProps, useBookWidget } from \"./orderbook\";\nimport type { OrderBookHeatmapHandle } from \"./types\";\n\n/**\n * Liquidity heatmap: resting size over time and price drawn by the GPU,\n * best bid / ask lines and trades as bubbles sized by volume (engine\n * `createOrderBookHeatmap`).\n */\ndefineOptions({ name: \"OrderBookHeatmap\" });\nconst props = defineProps(orderBookHeatmapProps);\nconst emit = defineEmits<{\n  /** Hovered cell (`null` when the pointer leaves) */\n  hover: [event: OrderBookHeatmapHoverEvent | null];\n  /** Backend in use (also after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n  /** `true` while the view follows the market, `false` after a zoom / pan */\n  followChange: [follow: boolean];\n}>();\nconst { setContainer, instance } = useBookWidget<\n  OrderBookHeatmapOptions,\n  OrderBookHeatmapInstance\n>(\n  createOrderBookHeatmap,\n  props,\n  (heatmap) => [\n    heatmap.on(\"hover\", (e) => emit(\"hover\", e)),\n    heatmap.on(\"renderer\", (r) => emit(\"rendererChange\", r)),\n    heatmap.on(\"follow\", (f) => emit(\"followChange\", f)),\n  ],\n  {\n    add: (heatmap, trades) => heatmap.addTrades(trades),\n    replace: (heatmap, trades) => heatmap.addTrades(trades),\n  },\n);\nconst rootStyle = useRootStyle(props, 360);\nconst handle: OrderBookHeatmapHandle = {\n  setBook: (snapshot) => instance.value?.setBook(snapshot),\n  applyDeltas: (deltas) => instance.value?.applyDeltas(deltas),\n  addTrades: (trades) => instance.value?.addTrades(trades),\n  resetView: () => instance.value?.resetView(),\n  getInstance: () => instance.value,\n};\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-order-book-heatmap\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAkBA,IAAMS,IAAQC,GACRC,IAAOH,GAQP,EAAE,iBAAc,gBAAaI,EAIjCC,GACAJ,IACC,MAAY;GACXK,EAAQ,GAAG,UAAU,MAAMH,EAAK,SAAS,CAAC,CAAC;GAC3CG,EAAQ,GAAG,aAAa,MAAMH,EAAK,kBAAkBI,CAAC,CAAC;GACvDD,EAAQ,GAAG,WAAW,MAAMH,EAAK,gBAAgBK,CAAC,CAAC;EACrD,GACA;GACE,MAAM,GAAS,MAAWF,EAAQ,UAAUG,CAAM;GAClD,UAAU,GAAS,MAAWH,EAAQ,UAAUG,CAAM;EACxD,CACF,GACMC,IAAYC,EAAaV,GAAO,GAAG;SAQzCF,EAAa;GANX,UAAU,MAAaa,EAAS,OAAO,QAAQC,CAAQ;GACvD,cAAc,MAAWD,EAAS,OAAO,YAAYE,CAAM;GAC3D,YAAY,MAAWF,EAAS,OAAO,UAAUH,CAAM;GACvD,iBAAiBG,EAAS,OAAO,UAAU;GAC3C,mBAAmBA,EAAS;EAEjB,CAAM,cAIjBpB,EAAA,GAAAC,EAMM,OAAA;GALJ,OAAM;GACN,gBAAa;GACZ,OAAKC,EAAEC,EAAAe,CAAA,CAAS;EAEjBd,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAyB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,104 @@
+import { ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        readonly type: import('vue').PropType<readonly import('../../../charts/core.js').ShapeDatum[]>;
+        readonly required: true;
+    };
+    innerRadius: NumberConstructor;
+    startAngle: NumberConstructor;
+    padAngle: NumberConstructor;
+    cornerRadius: NumberConstructor;
+    rose: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    labels: import('vue').PropType<"outside" | "inside" | "none">;
+    labelContent: import('vue').PropType<readonly ("name" | "value" | "percent")[]>;
+    centerValue: StringConstructor;
+    centerLabel: StringConstructor;
+    palette: import('vue').PropType<readonly string[]>;
+    legend: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: import('vue').PropType<(value: number) => string>;
+    percentFormat: import('vue').PropType<(share: number) => string>;
+    hidden: import('vue').PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: import('vue').PropType<import('../../../charts/core.js').ChartPadding>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: import('vue').PropType<import('../../../charts/core.js').ShapeChartCommonOptions["texts"]>;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').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<{
+    data: {
+        readonly type: import('vue').PropType<readonly import('../../../charts/core.js').ShapeDatum[]>;
+        readonly required: true;
+    };
+    innerRadius: NumberConstructor;
+    startAngle: NumberConstructor;
+    padAngle: NumberConstructor;
+    cornerRadius: NumberConstructor;
+    rose: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    labels: import('vue').PropType<"outside" | "inside" | "none">;
+    labelContent: import('vue').PropType<readonly ("name" | "value" | "percent")[]>;
+    centerValue: StringConstructor;
+    centerLabel: StringConstructor;
+    palette: import('vue').PropType<readonly string[]>;
+    legend: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import('vue').PropType<boolean | import('../../../charts/core.js').ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: import('vue').PropType<(value: number) => string>;
+    percentFormat: import('vue').PropType<(share: number) => string>;
+    hidden: import('vue').PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: import('vue').PropType<import('../../../charts/core.js').ChartPadding>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: import('vue').PropType<import('../../../charts/core.js').ShapeChartCommonOptions["texts"]>;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').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;
+    rose: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.vue.js","names":["_sfc_main","PieChart_vue_vue_type_script_setup_true_lang_default","PieChart_default"],"sources":["../../../../../vue/src/components/Chart/PieChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { pieProps, shapeCommonProps } from \"./props\";\nimport { shapeCommonOptions, useShapeChart } from \"./shape\";\n\n/**\n * Pie chart (or a donut with `innerRadius`, or a Nightingale rose with\n * `rose`): slices with gaps, outside labels with leader lines, legend toggles.\n */\ndefineOptions({ name: \"PieChart\" });\nconst props = defineProps({ ...shapeCommonProps, ...pieProps });\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) slice changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A slice 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: \"pie\",\n    data: raw(props.data),\n    innerRadius: props.innerRadius ?? 0,\n    startAngle: props.startAngle,\n    padAngle: props.padAngle,\n    cornerRadius: props.cornerRadius,\n    rose: props.rose,\n    labels: props.labels,\n    labelContent: raw(props.labelContent),\n    centerValue: props.centerValue,\n    centerLabel: props.centerLabel,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\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/PieChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { raw as e } from "./engine.js";
+import { pieProps as t, shapeCommonProps as n } from "./props.js";
+import { shapeCommonOptions as r, useShapeChart as i } from "./shape.js";
+import { createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeStyle as c, openBlock as l, unref as u } from "vue";
+//#region src/components/Chart/PieChart.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ s({
+	name: "PieChart",
+	__name: "PieChart",
+	props: {
+		...n,
+		...t
+	},
+	emits: [
+		"hover",
+		"click",
+		"toggle"
+	],
+	setup(t, { expose: n, emit: s }) {
+		let d = t, f = s, { setContainer: p, rootStyle: m, handle: h } = i(d, () => ({
+			...r(d),
+			type: "pie",
+			data: e(d.data),
+			innerRadius: d.innerRadius ?? 0,
+			startAngle: d.startAngle,
+			padAngle: d.padAngle,
+			cornerRadius: d.cornerRadius,
+			rose: d.rose,
+			labels: d.labels,
+			labelContent: e(d.labelContent),
+			centerValue: d.centerValue,
+			centerLabel: d.centerLabel
+		}), {
+			hover: (e) => f("hover", e),
+			click: (e) => f("click", e),
+			toggle: (e) => f("toggle", e)
+		});
+		return n(h), (e, t) => (l(), a("div", {
+			class: "mn-chart mn-shape-chart",
+			"data-minerva": "chart",
+			style: c(u(m))
+		}, [o("div", {
+			ref: u(p),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=PieChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","PieChart_vue_vue_type_script_setup_true_lang_default","shapeCommonProps","pieProps","__expose","__emit","props","__props","emit","useShapeChart","shapeCommonOptions","raw","event","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/PieChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { pieProps, shapeCommonProps } from \"./props\";\nimport { shapeCommonOptions, useShapeChart } from \"./shape\";\n\n/**\n * Pie chart (or a donut with `innerRadius`, or a Nightingale rose with\n * `rose`): slices with gaps, outside labels with leader lines, legend toggles.\n */\ndefineOptions({ name: \"PieChart\" });\nconst props = defineProps({ ...shapeCommonProps, ...pieProps });\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) slice changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A slice 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: \"pie\",\n    data: raw(props.data),\n    innerRadius: props.innerRadius ?? 0,\n    startAngle: props.startAngle,\n    padAngle: props.padAngle,\n    cornerRadius: props.cornerRadius,\n    rose: props.rose,\n    labels: props.labels,\n    labelContent: raw(props.labelContent),\n    centerValue: props.centerValue,\n    centerLabel: props.centerLabel,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\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":";;;;;;;;;;;;;;;;;;EAcA,IAAMU,IAAQC,GACRC,IAAOH,GAQP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,GAAGI,EAAmBJ,CAAK;GAC3B,MAAM;GACN,MAAMK,EAAIL,EAAM,IAAI;GACpB,aAAaA,EAAM,eAAe;GAClC,YAAYA,EAAM;GAClB,UAAUA,EAAM;GAChB,cAAcA,EAAM;GACpB,MAAMA,EAAM;GACZ,QAAQA,EAAM;GACd,cAAcK,EAAIL,EAAM,YAAY;GACpC,aAAaA,EAAM;GACnB,aAAaA,EAAM;EACrB,IACA;GACE,QAAQ,MAAUE,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,SAASI,CAAK;GACrC,SAAS,MAAUJ,EAAK,UAAUI,CAAK;EACzC,CACF;SACAR,EAAaS,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/QuadrantChart.vue.d.ts

@@ -0,0 +1,186 @@
+import { PropType } from 'vue';
+import { ChartHoverEvent, ChartRendererKind, ChartView, QuadrantAxisLabels, QuadrantPoint, QuadrantRegions } from '../../../charts/core.js';
+import { QuadrantDropTarget } from './types.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Points to place (replace the array to update the chart) */
+    points: {
+        type: PropType<readonly QuadrantPoint[]>;
+        required: true;
+    };
+    /** Range of the horizontal axis (default `[0, 10]`) */
+    xDomain: PropType<[number, number]>;
+    /** Range of the vertical axis (default `[0, 10]`) */
+    yDomain: PropType<[number, number]>;
+    /** X value of the vertical divider (the middle of `xDomain` by default) */
+    xSplit: NumberConstructor;
+    /** Y value of the horizontal divider (the middle of `yDomain` by default) */
+    ySplit: NumberConstructor;
+    /** Titles and colors of the quadrants */
+    quadrants: PropType<QuadrantRegions>;
+    /** Title of the horizontal axis */
+    xLabel: StringConstructor;
+    /** Title of the vertical axis */
+    yLabel: StringConstructor;
+    /** Texts at the ends of the dividers, drawn inside the plot */
+    axisLabels: PropType<QuadrantAxisLabels>;
+    /** Shows the numeric ticks of the axes (default `true`) */
+    showTicks: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Reverses the horizontal axis (e.g. "urgent" on the left) */
+    reverseX: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Draws the labels next to the dots (default `true`) */
+    showLabels: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Dot diameter in pixels (default 12) */
+    pointSize: NumberConstructor;
+    /** Name of the points in the tooltip */
+    name: StringConstructor;
+    /** Lets the user drag the dots (default: when a `pointDrop` listener is set) */
+    draggable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    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;
+    pointClick: (point: QuadrantPoint, index: number) => any;
+    rendererChange: (renderer: ChartRendererKind) => any;
+    quadrantClick: (quadrant: keyof QuadrantRegions, position: {
+        x: number;
+        y: number;
+    }) => any;
+    pointDrop: (point: QuadrantPoint, index: number, target: QuadrantDropTarget) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Points to place (replace the array to update the chart) */
+    points: {
+        type: PropType<readonly QuadrantPoint[]>;
+        required: true;
+    };
+    /** Range of the horizontal axis (default `[0, 10]`) */
+    xDomain: PropType<[number, number]>;
+    /** Range of the vertical axis (default `[0, 10]`) */
+    yDomain: PropType<[number, number]>;
+    /** X value of the vertical divider (the middle of `xDomain` by default) */
+    xSplit: NumberConstructor;
+    /** Y value of the horizontal divider (the middle of `yDomain` by default) */
+    ySplit: NumberConstructor;
+    /** Titles and colors of the quadrants */
+    quadrants: PropType<QuadrantRegions>;
+    /** Title of the horizontal axis */
+    xLabel: StringConstructor;
+    /** Title of the vertical axis */
+    yLabel: StringConstructor;
+    /** Texts at the ends of the dividers, drawn inside the plot */
+    axisLabels: PropType<QuadrantAxisLabels>;
+    /** Shows the numeric ticks of the axes (default `true`) */
+    showTicks: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Reverses the horizontal axis (e.g. "urgent" on the left) */
+    reverseX: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Draws the labels next to the dots (default `true`) */
+    showLabels: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Dot diameter in pixels (default 12) */
+    pointSize: NumberConstructor;
+    /** Name of the points in the tooltip */
+    name: StringConstructor;
+    /** Lets the user drag the dots (default: when a `pointDrop` listener is set) */
+    draggable: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    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;
+    onPointClick?: ((point: QuadrantPoint, index: number) => any) | undefined;
+    onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+    onQuadrantClick?: ((quadrant: keyof QuadrantRegions, position: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
+    onPointDrop?: ((point: QuadrantPoint, index: number, target: QuadrantDropTarget) => any) | undefined;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').ChartTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').ChartLegendOptions;
+    crosshair: boolean;
+    draggable: boolean;
+    deep: boolean;
+    interaction: boolean | import('../../../charts/core.js').ChartInteractionOptions;
+    showTicks: boolean;
+    reverseX: boolean;
+    showLabels: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuadrantChart.vue.js","names":["_sfc_main","QuadrantChart_vue_vue_type_script_setup_true_lang_default","QuadrantChart_default"],"sources":["../../../../../vue/src/components/Chart/QuadrantChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance, type PropType } from \"vue\";\nimport {\n  quadrantChartOptions,\n  quadrantOf,\n  type ChartHoverEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type QuadrantAxisLabels,\n  type QuadrantCorner,\n  type QuadrantPoint,\n  type QuadrantRegions,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartCommonProps } from \"./props\";\nimport type { QuadrantDropTarget } from \"./types\";\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\ndefineOptions({ name: \"QuadrantChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  /** Points to place (replace the array to update the chart) */\n  points: { type: Array as PropType<readonly QuadrantPoint[]>, required: true },\n  /** Range of the horizontal axis (default `[0, 10]`) */\n  xDomain: Array as unknown as PropType<[number, number]>,\n  /** Range of the vertical axis (default `[0, 10]`) */\n  yDomain: Array as unknown as PropType<[number, number]>,\n  /** X value of the vertical divider (the middle of `xDomain` by default) */\n  xSplit: Number,\n  /** Y value of the horizontal divider (the middle of `yDomain` by default) */\n  ySplit: Number,\n  /** Titles and colors of the quadrants */\n  quadrants: Object as PropType<QuadrantRegions>,\n  /** Title of the horizontal axis */\n  xLabel: String,\n  /** Title of the vertical axis */\n  yLabel: String,\n  /** Texts at the ends of the dividers, drawn inside the plot */\n  axisLabels: Object as PropType<QuadrantAxisLabels>,\n  /** Shows the numeric ticks of the axes (default `true`) */\n  showTicks: { type: Boolean, default: undefined },\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  reverseX: { type: Boolean, default: undefined },\n  /** Draws the labels next to the dots (default `true`) */\n  showLabels: { type: Boolean, default: undefined },\n  /** Dot diameter in pixels (default 12) */\n  pointSize: Number,\n  /** Name of the points in the tooltip */\n  name: String,\n  /** Lets the user drag the dots (default: when a `pointDrop` listener is set) */\n  draggable: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) point changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [point: QuadrantPoint, index: number];\n  /** The empty area of a quadrant was clicked */\n  quadrantClick: [quadrant: QuadrantCorner, position: { x: number; y: number }];\n  /** A dragged point was released (the chart does not move it: update `points`) */\n  pointDrop: [point: QuadrantPoint, index: number, target: QuadrantDropTarget];\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 vnode = getCurrentInstance()?.vnode;\nconst geometry = () => ({\n  xDomain: raw(props.xDomain),\n  yDomain: raw(props.yDomain),\n  xSplit: props.xSplit,\n  ySplit: props.ySplit,\n  reverseX: props.reverseX,\n});\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () =>\n    quadrantChartOptions(\n      {\n        ...geometry(),\n        points: raw(props.points).map(raw),\n        quadrants: raw(props.quadrants),\n        xLabel: props.xLabel,\n        yLabel: props.yLabel,\n        axisLabels: raw(props.axisLabels),\n        showTicks: props.showTicks,\n        showLabels: props.showLabels,\n        pointSize: props.pointSize,\n        name: props.name,\n        draggable: props.draggable ?? !!vnode?.props?.onPointDrop,\n      },\n      (({ series: _series, ...rest }) => rest)(engineOptions(props, [])),\n    ),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => {\n      const index = event.items[0]?.index;\n      const point = index === undefined ? undefined : props.points[index];\n      if (point && index !== undefined) emit(\"pointClick\", point, index);\n    },\n    plotClick: (at) =>\n      emit(\"quadrantClick\", quadrantOf(geometry(), at.x, at.y), {\n        x: at.x,\n        y: at.y,\n      }),\n    drop: (event) => {\n      const index = event.item.index;\n      const point = props.points[index];\n      if (!point) return;\n      emit(\"pointDrop\", point, index, {\n        x: event.x,\n        y: event.y,\n        quadrant: quadrantOf(geometry(), event.x, event.y),\n      });\n    },\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-quadrant-chart\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}