minerva-design 1.3.0 → 1.4.0

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

@@ -0,0 +1,139 @@
+import { DepthChartHoverEvent } from '../../../charts/core.js';
+import { DepthChartHandle } from './types.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    book: import('vue').PropType<import('../../../charts/core.js').OrderBookSnapshot>;
+    range: NumberConstructor;
+    rangeLimits: import('vue').PropType<readonly [number, number]>;
+    zoomable: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    curve: import('vue').PropType<"step" | "linear">;
+    amount: import('vue').PropType<"base" | "quote">;
+    animate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    fillOpacity: NumberConstructor;
+    midLine: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    legend: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    grid: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    axes: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    mirror: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    priceLines: import('vue').PropType<readonly import('../../../charts/core.js').DepthChartPriceLine[]>;
+    labels: import('vue').PropType<Partial<import('../../../charts/core.js').DepthChartLabels>>;
+    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;
+    };
+}>, DepthChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: DepthChartHoverEvent) => any;
+    hover: (event: DepthChartHoverEvent | null) => any;
+    rangeChange: (range: number) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    book: import('vue').PropType<import('../../../charts/core.js').OrderBookSnapshot>;
+    range: NumberConstructor;
+    rangeLimits: import('vue').PropType<readonly [number, number]>;
+    zoomable: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    curve: import('vue').PropType<"step" | "linear">;
+    amount: import('vue').PropType<"base" | "quote">;
+    animate: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    fillOpacity: NumberConstructor;
+    midLine: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    legend: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    grid: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    axes: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    mirror: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    priceLines: import('vue').PropType<readonly import('../../../charts/core.js').DepthChartPriceLine[]>;
+    labels: import('vue').PropType<Partial<import('../../../charts/core.js').DepthChartLabels>>;
+    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<{
+    onClick?: ((event: DepthChartHoverEvent) => any) | undefined;
+    onHover?: ((event: DepthChartHoverEvent | null) => any) | undefined;
+    onRangeChange?: ((range: number) => any) | undefined;
+}>, {
+    tooltip: boolean;
+    grid: boolean;
+    legend: boolean;
+    animate: boolean;
+    deep: boolean;
+    zoomable: boolean;
+    midLine: boolean;
+    axes: boolean;
+    mirror: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DepthChart.vue.js","names":["_sfc_main","DepthChart_vue_vue_type_script_setup_true_lang_default","DepthChart_default"],"sources":["../../../../../vue/src/components/Chart/DepthChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createDepthChart,\n  type DepthChartHoverEvent,\n  type DepthChartInstance,\n  type DepthChartOptions,\n} from \"minerva-design/charts/core\";\nimport { useRootStyle } from \"./engine\";\nimport { depthChartProps, useBookWidget } from \"./orderbook\";\nimport type { DepthChartHandle } from \"./types\";\n\n/**\n * Cumulative depth of an order book: stepped bid / ask areas around the mid\n * price, mirrored hover readout, zoom around the mid, eased updates (engine\n * `createDepthChart`).\n */\ndefineOptions({ name: \"DepthChart\" });\nconst props = defineProps(depthChartProps);\nconst emit = defineEmits<{\n  /** Pointer over the curves (`null` when it leaves) */\n  hover: [event: DepthChartHoverEvent | null];\n  /** Click / tap on the curves */\n  click: [event: DepthChartHoverEvent];\n  /** The visible range changed by zooming (fraction of the mid) */\n  rangeChange: [range: number];\n}>();\nconst { setContainer, instance } = useBookWidget<\n  DepthChartOptions,\n  DepthChartInstance\n>(createDepthChart, props, (chart) => [\n  chart.on(\"hover\", (e) => emit(\"hover\", e)),\n  chart.on(\"click\", (e) => emit(\"click\", e)),\n  chart.on(\"range\", (r) => emit(\"rangeChange\", r)),\n]);\nconst rootStyle = useRootStyle(props, 320);\nconst handle: DepthChartHandle = {\n  setBook: (snapshot) => instance.value?.setBook(snapshot),\n  applyDeltas: (deltas) => instance.value?.applyDeltas(deltas),\n  setRange: (range) => instance.value?.setRange(range),\n  getInstance: () => instance.value,\n};\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-depth-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/DepthChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { useRootStyle as e } from "./engine.js";
+import { depthChartProps 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 { createDepthChart as l } from "../../../charts/core.js";
+//#region src/components/Chart/DepthChart.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ a({
+	name: "DepthChart",
+	__name: "DepthChart",
+	props: t,
+	emits: [
+		"hover",
+		"click",
+		"rangeChange"
+	],
+	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("click", (e) => f("click", e)),
+			e.on("range", (e) => f("rangeChange", e))
+		]), h = e(d, 320);
+		return a({
+			setBook: (e) => m.value?.setBook(e),
+			applyDeltas: (e) => m.value?.applyDeltas(e),
+			setRange: (e) => m.value?.setRange(e),
+			getInstance: () => m.value
+		}), (e, t) => (s(), r("div", {
+			class: "mn-chart mn-depth-chart",
+			"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=DepthChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DepthChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","DepthChart_vue_vue_type_script_setup_true_lang_default","depthChartProps","__expose","__emit","props","__props","emit","useBookWidget","createDepthChart","chart","r","rootStyle","useRootStyle","instance","snapshot","deltas","range","openBlock","createElementBlock","normalizeStyle","unref","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/DepthChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createDepthChart,\n  type DepthChartHoverEvent,\n  type DepthChartInstance,\n  type DepthChartOptions,\n} from \"minerva-design/charts/core\";\nimport { useRootStyle } from \"./engine\";\nimport { depthChartProps, useBookWidget } from \"./orderbook\";\nimport type { DepthChartHandle } from \"./types\";\n\n/**\n * Cumulative depth of an order book: stepped bid / ask areas around the mid\n * price, mirrored hover readout, zoom around the mid, eased updates (engine\n * `createDepthChart`).\n */\ndefineOptions({ name: \"DepthChart\" });\nconst props = defineProps(depthChartProps);\nconst emit = defineEmits<{\n  /** Pointer over the curves (`null` when it leaves) */\n  hover: [event: DepthChartHoverEvent | null];\n  /** Click / tap on the curves */\n  click: [event: DepthChartHoverEvent];\n  /** The visible range changed by zooming (fraction of the mid) */\n  rangeChange: [range: number];\n}>();\nconst { setContainer, instance } = useBookWidget<\n  DepthChartOptions,\n  DepthChartInstance\n>(createDepthChart, props, (chart) => [\n  chart.on(\"hover\", (e) => emit(\"hover\", e)),\n  chart.on(\"click\", (e) => emit(\"click\", e)),\n  chart.on(\"range\", (r) => emit(\"rangeChange\", r)),\n]);\nconst rootStyle = useRootStyle(props, 320);\nconst handle: DepthChartHandle = {\n  setBook: (snapshot) => instance.value?.setBook(snapshot),\n  applyDeltas: (deltas) => instance.value?.applyDeltas(deltas),\n  setRange: (range) => instance.value?.setRange(range),\n  getInstance: () => instance.value,\n};\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-depth-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,GACRC,IAAOH,GAQP,EAAE,iBAAc,gBAAaI,EAGjCC,GAAkBJ,IAAQ,MAAU;GACpCK,EAAM,GAAG,UAAU,MAAMH,EAAK,SAAS,CAAC,CAAC;GACzCG,EAAM,GAAG,UAAU,MAAMH,EAAK,SAAS,CAAC,CAAC;GACzCG,EAAM,GAAG,UAAU,MAAMH,EAAK,eAAeI,CAAC,CAAC;EACjD,CAAC,GACKC,IAAYC,EAAaR,GAAO,GAAG;SAOzCF,EAAa;GALX,UAAU,MAAaW,EAAS,OAAO,QAAQC,CAAQ;GACvD,cAAc,MAAWD,EAAS,OAAO,YAAYE,CAAM;GAC3D,WAAW,MAAUF,EAAS,OAAO,SAASG,CAAK;GACnD,mBAAmBH,EAAS;EAEjB,CAAM,cAIjBlB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAA0B,gBAAa;GAAS,OAAKC,EAAEC,EAAAa,CAAA,CAAS;EACzEZ,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAwB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.vue.js","names":["_sfc_main","DonutChart_vue_vue_type_script_setup_true_lang_default","DonutChart_default"],"sources":["../../../../../vue/src/components/Chart/DonutChart.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/** Donut chart: a PieChart with a hole (`innerRadius` 0.62) and optional center texts */\ndefineOptions({ name: \"DonutChart\" });\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.62,\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/DonutChart.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/DonutChart.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ s({
+	name: "DonutChart",
+	__name: "DonutChart",
+	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 ?? .62,
+			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=DonutChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","DonutChart_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/DonutChart.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/** Donut chart: a PieChart with a hole (`innerRadius` 0.62) and optional center texts */\ndefineOptions({ name: \"DonutChart\" });\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.62,\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":";;;;;;;;;;;;;;;;;;EAWA,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/FunnelChart.vue.d.ts

@@ -0,0 +1,105 @@
+import { PropType } from 'vue';
+import { ShapeDatum, ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Stages: a name, a value and an optional color */
+    data: {
+        type: PropType<readonly ShapeDatum[]>;
+        required: true;
+    };
+    /** Order of the stages (default `none`: the data order) */
+    sort: PropType<"descending" | "ascending" | "none">;
+    /** Vertical gap between the stages, in pixels (default 4) */
+    gap: NumberConstructor;
+    /** Shows the conversion rate from the previous stage (default `true`) */
+    conversion: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Shape of the stages: trapezoids narrowing to the next stage, or centered bars (default `trapezoid`) */
+    shape: PropType<"trapezoid" | "bar">;
+    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<{
+    /** Stages: a name, a value and an optional color */
+    data: {
+        type: PropType<readonly ShapeDatum[]>;
+        required: true;
+    };
+    /** Order of the stages (default `none`: the data order) */
+    sort: PropType<"descending" | "ascending" | "none">;
+    /** Vertical gap between the stages, in pixels (default 4) */
+    gap: NumberConstructor;
+    /** Shows the conversion rate from the previous stage (default `true`) */
+    conversion: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Shape of the stages: trapezoids narrowing to the next stage, or centered bars (default `trapezoid`) */
+    shape: PropType<"trapezoid" | "bar">;
+    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;
+    conversion: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FunnelChart.vue.js","names":["_sfc_main","FunnelChart_vue_vue_type_script_setup_true_lang_default","FunnelChart_default"],"sources":["../../../../../vue/src/components/Chart/FunnelChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ShapeDatum,\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/** Funnel chart of the stages of a process, with conversion rates */\ndefineOptions({ name: \"FunnelChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Stages: a name, a value and an optional color */\n  data: { type: Array as PropType<readonly ShapeDatum[]>, required: true },\n  /** Order of the stages (default `none`: the data order) */\n  sort: String as PropType<\"descending\" | \"ascending\" | \"none\">,\n  /** Vertical gap between the stages, in pixels (default 4) */\n  gap: Number,\n  /** Shows the conversion rate from the previous stage (default `true`) */\n  conversion: { type: Boolean, default: undefined },\n  /** Shape of the stages: trapezoids narrowing to the next stage, or centered bars (default `trapezoid`) */\n  shape: String as PropType<\"trapezoid\" | \"bar\">,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) stage changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A stage 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: \"funnel\",\n    data: raw(props.data),\n    sort: props.sort,\n    gap: props.gap,\n    conversion: props.conversion,\n    shape: props.shape,\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/FunnelChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+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/FunnelChart.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ o({
+	name: "FunnelChart",
+	__name: "FunnelChart",
+	props: {
+		...t,
+		data: {
+			type: Array,
+			required: !0
+		},
+		sort: String,
+		gap: Number,
+		conversion: {
+			type: Boolean,
+			default: void 0
+		},
+		shape: 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: "funnel",
+			data: e(d.data),
+			sort: d.sort,
+			gap: d.gap,
+			conversion: d.conversion,
+			shape: d.shape
+		}), {
+			hover: (e) => f("hover", e),
+			click: (e) => f("click", e),
+			toggle: (e) => f("toggle", e)
+		});
+		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=FunnelChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FunnelChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","FunnelChart_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/FunnelChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ShapeDatum,\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/** Funnel chart of the stages of a process, with conversion rates */\ndefineOptions({ name: \"FunnelChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Stages: a name, a value and an optional color */\n  data: { type: Array as PropType<readonly ShapeDatum[]>, required: true },\n  /** Order of the stages (default `none`: the data order) */\n  sort: String as PropType<\"descending\" | \"ascending\" | \"none\">,\n  /** Vertical gap between the stages, in pixels (default 4) */\n  gap: Number,\n  /** Shows the conversion rate from the previous stage (default `true`) */\n  conversion: { type: Boolean, default: undefined },\n  /** Shape of the stages: trapezoids narrowing to the next stage, or centered bars (default `trapezoid`) */\n  shape: String as PropType<\"trapezoid\" | \"bar\">,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) stage changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A stage 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: \"funnel\",\n    data: raw(props.data),\n    sort: props.sort,\n    gap: props.gap,\n    conversion: props.conversion,\n    shape: props.shape,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMS,IAAQC,GAaRC,IAAOH,GAQP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,GAAGI,EAAmBJ,CAAK;GAC3B,MAAM;GACN,MAAMK,EAAIL,EAAM,IAAI;GACpB,MAAMA,EAAM;GACZ,KAAKA,EAAM;GACX,YAAYA,EAAM;GAClB,OAAOA,EAAM;EACf,IACA;GACE,QAAQ,MAAUE,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,SAASI,CAAK;GACrC,SAAS,MAAUJ,EAAK,UAAUI,CAAK;EACzC,CACF;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"}