minerva-design 1.2.0 → 1.4.0

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

@@ -0,0 +1,106 @@
+import { PropType } from 'vue';
+import { ChartCurve, ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Shape of the edges: straight, smooth (monotone) or steps */
+    curve: {
+        type: PropType<ChartCurve>;
+        default: string;
+    };
+    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<{
+    /** Shape of the edges: straight, smooth (monotone) or steps */
+    curve: {
+        type: PropType<ChartCurve>;
+        default: string;
+    };
+    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;
+    curve: ChartCurve;
+    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/RangeAreaChart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeAreaChart.vue.js","names":["_sfc_main","RangeAreaChart_vue_vue_type_script_setup_true_lang_default","RangeAreaChart_default"],"sources":["../../../../../vue/src/components/Chart/RangeAreaChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  type ChartCurve,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport { chartAxisProps, chartCommonProps, chartSeriesProps } from \"./props\";\n\n/**\n * Range area chart: bands between a lower (`y0`) and an upper edge\n * (confidence intervals, min-max ranges), mixable with lines\n */\ndefineOptions({ name: \"RangeAreaChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  /** Shape of the edges: straight, smooth (monotone) or steps */\n  curve: { type: String as PropType<ChartCurve>, default: \"smooth\" },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) points changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no point */\n  plotClick: [event: ChartPlotClickEvent];\n  /** The user zoomed or panned */\n  zoom: [view: ChartView];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () =>\n    engineOptions(\n      props,\n      withSeriesType(props.series, \"area\", undefined, props.curve).map((s) =>\n        s.type === \"area\" ? { ...s, lineWidth: s.lineWidth ?? 1.5 } : s,\n      ),\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/RangeAreaChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,51 @@
+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/RangeAreaChart.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ c({
+	name: "RangeAreaChart",
+	__name: "RangeAreaChart",
+	props: {
+		...i,
+		...r,
+		...a,
+		curve: {
+			type: String,
+			default: "smooth"
+		}
+	},
+	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, "area", void 0, c.curve).map((e) => e.type === "area" ? {
+			...e,
+			lineWidth: e.lineWidth ?? 1.5
+		} : e)), {
+			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=RangeAreaChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeAreaChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","RangeAreaChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","chartSeriesProps","__expose","__emit","props","__props","emit","useCartesianChart","engineOptions","withSeriesType","s","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/RangeAreaChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  type ChartCurve,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport { chartAxisProps, chartCommonProps, chartSeriesProps } from \"./props\";\n\n/**\n * Range area chart: bands between a lower (`y0`) and an upper edge\n * (confidence intervals, min-max ranges), mixable with lines\n */\ndefineOptions({ name: \"RangeAreaChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  /** Shape of the edges: straight, smooth (monotone) or steps */\n  curve: { type: String as PropType<ChartCurve>, default: \"smooth\" },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) points changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no point */\n  plotClick: [event: ChartPlotClickEvent];\n  /** The user zoomed or panned */\n  zoom: [view: ChartView];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, rootStyle, handle } = useCartesianChart(\n  props,\n  () =>\n    engineOptions(\n      props,\n      withSeriesType(props.series, \"area\", undefined, props.curve).map((s) =>\n        s.type === \"area\" ? { ...s, lineWidth: s.lineWidth ?? 1.5 } : s,\n      ),\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":";;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMW,IAAQC,GAORC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACEJ,GACAK,EAAeL,EAAM,QAAQ,QAAQ,KAAA,GAAWA,EAAM,KAAK,CAAC,CAAC,KAAK,MAChEM,EAAE,SAAS,SAAS;GAAE,GAAGA;GAAG,WAAWA,EAAE,aAAa;EAAI,IAAIA,CAChE,CACF,GACF;GACE,QAAQ,MAAUJ,EAAK,SAASK,CAAK;GACrC,QAAQ,MAAUL,EAAK,cAAcK,CAAK;GAC1C,YAAY,MAAUL,EAAK,aAAaK,CAAK;GAC7C,OAAO,MAASL,EAAK,QAAQM,CAAI;GACjC,WAAW,MAAaN,EAAK,kBAAkBO,CAAQ;EACzD,CACF;SACAX,EAAaY,CAAM,cAIjBrB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAAuB,CAAA,CAAS;EAC1DtB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAyB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,132 @@
+import { PropType } from 'vue';
+import { SankeyLink, SankeyNode, ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Nodes, in their initial order; nodes only named by a link are appended */
+    nodes: PropType<readonly SankeyNode[]>;
+    /** Flows between the nodes (by name or index); links closing a cycle are ignored */
+    links: {
+        type: PropType<readonly SankeyLink[]>;
+        required: true;
+    };
+    /** Width of the node bars, in pixels (default 12) */
+    nodeWidth: NumberConstructor;
+    /** Vertical gap between the nodes of a column, in pixels (default 12) */
+    nodePadding: NumberConstructor;
+    /** Column of the nodes without a `column` (default `justify`) */
+    align: PropType<"justify" | "left" | "right" | "center">;
+    /** Relaxation passes that straighten the flows and reduce crossings (default 32) */
+    iterations: NumberConstructor;
+    /** Color of the links without `color` (default `gradient`) */
+    linkColor: PropType<"gradient" | "source" | "target" | "neutral">;
+    /** Opacity of the links, 0-1 (default 0.4) */
+    linkOpacity: NumberConstructor;
+    /** Node labels (name and value; default `true`) */
+    labels: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Shows the value after the name in the labels (default `true`) */
+    labelValues: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    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<{
+    /** Nodes, in their initial order; nodes only named by a link are appended */
+    nodes: PropType<readonly SankeyNode[]>;
+    /** Flows between the nodes (by name or index); links closing a cycle are ignored */
+    links: {
+        type: PropType<readonly SankeyLink[]>;
+        required: true;
+    };
+    /** Width of the node bars, in pixels (default 12) */
+    nodeWidth: NumberConstructor;
+    /** Vertical gap between the nodes of a column, in pixels (default 12) */
+    nodePadding: NumberConstructor;
+    /** Column of the nodes without a `column` (default `justify`) */
+    align: PropType<"justify" | "left" | "right" | "center">;
+    /** Relaxation passes that straighten the flows and reduce crossings (default 32) */
+    iterations: NumberConstructor;
+    /** Color of the links without `color` (default `gradient`) */
+    linkColor: PropType<"gradient" | "source" | "target" | "neutral">;
+    /** Opacity of the links, 0-1 (default 0.4) */
+    linkOpacity: NumberConstructor;
+    /** Node labels (name and value; default `true`) */
+    labels: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Shows the value after the name in the labels (default `true`) */
+    labelValues: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    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;
+    labels: boolean;
+    deep: boolean;
+    labelValues: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.vue.js","names":["_sfc_main","SankeyChart_vue_vue_type_script_setup_true_lang_default","SankeyChart_default"],"sources":["../../../../../vue/src/components/Chart/SankeyChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  SankeyLink,\n  SankeyNode,\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 * Sankey diagram: flows between nodes in columns, link thickness\n * proportional to the flow; hovering a node or a link highlights its flows\n */\ndefineOptions({ name: \"SankeyChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Nodes, in their initial order; nodes only named by a link are appended */\n  nodes: Array as PropType<readonly SankeyNode[]>,\n  /** Flows between the nodes (by name or index); links closing a cycle are ignored */\n  links: { type: Array as PropType<readonly SankeyLink[]>, required: true },\n  /** Width of the node bars, in pixels (default 12) */\n  nodeWidth: Number,\n  /** Vertical gap between the nodes of a column, in pixels (default 12) */\n  nodePadding: Number,\n  /** Column of the nodes without a `column` (default `justify`) */\n  align: String as PropType<\"justify\" | \"left\" | \"right\" | \"center\">,\n  /** Relaxation passes that straighten the flows and reduce crossings (default 32) */\n  iterations: Number,\n  /** Color of the links without `color` (default `gradient`) */\n  linkColor: String as PropType<\"gradient\" | \"source\" | \"target\" | \"neutral\">,\n  /** Opacity of the links, 0-1 (default 0.4) */\n  linkOpacity: Number,\n  /** Node labels (name and value; default `true`) */\n  labels: { type: Boolean, default: undefined },\n  /** Shows the value after the name in the labels (default `true`) */\n  labelValues: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) node or link changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A node or link 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: \"sankey\",\n    nodes: raw(props.nodes),\n    links: raw(props.links),\n    nodeWidth: props.nodeWidth,\n    nodePadding: props.nodePadding,\n    align: props.align,\n    iterations: props.iterations,\n    linkColor: props.linkColor,\n    linkOpacity: props.linkOpacity,\n    labels: props.labels,\n    labelValues: props.labelValues,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  360,\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-shape-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,71 @@
+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/SankeyChart.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ o({
+	name: "SankeyChart",
+	__name: "SankeyChart",
+	props: {
+		...t,
+		nodes: Array,
+		links: {
+			type: Array,
+			required: !0
+		},
+		nodeWidth: Number,
+		nodePadding: Number,
+		align: String,
+		iterations: Number,
+		linkColor: String,
+		linkOpacity: Number,
+		labels: {
+			type: Boolean,
+			default: void 0
+		},
+		labelValues: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	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: "sankey",
+			nodes: e(d.nodes),
+			links: e(d.links),
+			nodeWidth: d.nodeWidth,
+			nodePadding: d.nodePadding,
+			align: d.align,
+			iterations: d.iterations,
+			linkColor: d.linkColor,
+			linkOpacity: d.linkOpacity,
+			labels: d.labels,
+			labelValues: d.labelValues
+		}), {
+			hover: (e) => f("hover", e),
+			click: (e) => f("click", e),
+			toggle: (e) => f("toggle", e)
+		}, 360);
+		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=SankeyChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","SankeyChart_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/SankeyChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  SankeyLink,\n  SankeyNode,\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 * Sankey diagram: flows between nodes in columns, link thickness\n * proportional to the flow; hovering a node or a link highlights its flows\n */\ndefineOptions({ name: \"SankeyChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Nodes, in their initial order; nodes only named by a link are appended */\n  nodes: Array as PropType<readonly SankeyNode[]>,\n  /** Flows between the nodes (by name or index); links closing a cycle are ignored */\n  links: { type: Array as PropType<readonly SankeyLink[]>, required: true },\n  /** Width of the node bars, in pixels (default 12) */\n  nodeWidth: Number,\n  /** Vertical gap between the nodes of a column, in pixels (default 12) */\n  nodePadding: Number,\n  /** Column of the nodes without a `column` (default `justify`) */\n  align: String as PropType<\"justify\" | \"left\" | \"right\" | \"center\">,\n  /** Relaxation passes that straighten the flows and reduce crossings (default 32) */\n  iterations: Number,\n  /** Color of the links without `color` (default `gradient`) */\n  linkColor: String as PropType<\"gradient\" | \"source\" | \"target\" | \"neutral\">,\n  /** Opacity of the links, 0-1 (default 0.4) */\n  linkOpacity: Number,\n  /** Node labels (name and value; default `true`) */\n  labels: { type: Boolean, default: undefined },\n  /** Shows the value after the name in the labels (default `true`) */\n  labelValues: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) node or link changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A node or link 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: \"sankey\",\n    nodes: raw(props.nodes),\n    links: raw(props.links),\n    nodeWidth: props.nodeWidth,\n    nodePadding: props.nodePadding,\n    align: props.align,\n    iterations: props.iterations,\n    linkColor: props.linkColor,\n    linkOpacity: props.linkOpacity,\n    labels: props.labels,\n    labelValues: props.labelValues,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n  360,\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-shape-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMS,IAAQC,GAuBRC,IAAOH,GAQP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,GAAGI,EAAmBJ,CAAK;GAC3B,MAAM;GACN,OAAOK,EAAIL,EAAM,KAAK;GACtB,OAAOK,EAAIL,EAAM,KAAK;GACtB,WAAWA,EAAM;GACjB,aAAaA,EAAM;GACnB,OAAOA,EAAM;GACb,YAAYA,EAAM;GAClB,WAAWA,EAAM;GACjB,aAAaA,EAAM;GACnB,QAAQA,EAAM;GACd,aAAaA,EAAM;EACrB,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"}

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

@@ -0,0 +1,121 @@
+import { PropType } from 'vue';
+import { Chart3DCameraState, Chart3DHoverEvent, ChartRendererKind, Scatter3DSeries } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Point clouds (objects, `[x, y, z]` tuples or typed-array columns) */
+    series: {
+        type: PropType<readonly Scatter3DSeries[]>;
+        required: true;
+    };
+    xAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    zAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    camera: PropType<import('../../../charts/core.js').Chart3DCameraOptions>;
+    autoRotate: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    aspect: PropType<readonly [number, number, number]>;
+    box: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    colorScale: PropType<import('../../../charts/core.js').Chart3DColorScale>;
+    valueRange: PropType<readonly [number, number]>;
+    colorBar: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DColorBarOptions>;
+        default: undefined;
+    };
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DTooltipOptions>;
+        default: undefined;
+    };
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DInteractionOptions>;
+        default: undefined;
+    };
+    lighting: PropType<import('../../../charts/core.js').Chart3DLightingOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').Chart3DOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').Chart3DHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    hover: (event: Chart3DHoverEvent | null) => any;
+    pointClick: (event: Chart3DHoverEvent) => any;
+    rendererChange: (renderer: ChartRendererKind) => any;
+    cameraChange: (camera: Chart3DCameraState) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Point clouds (objects, `[x, y, z]` tuples or typed-array columns) */
+    series: {
+        type: PropType<readonly Scatter3DSeries[]>;
+        required: true;
+    };
+    xAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    zAxis: PropType<import('../../../charts/core.js').Chart3DAxisOptions>;
+    camera: PropType<import('../../../charts/core.js').Chart3DCameraOptions>;
+    autoRotate: {
+        type: PropType<boolean | number>;
+        default: undefined;
+    };
+    aspect: PropType<readonly [number, number, number]>;
+    box: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    colorScale: PropType<import('../../../charts/core.js').Chart3DColorScale>;
+    valueRange: PropType<readonly [number, number]>;
+    colorBar: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DColorBarOptions>;
+        default: undefined;
+    };
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DTooltipOptions>;
+        default: undefined;
+    };
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').Chart3DInteractionOptions>;
+        default: undefined;
+    };
+    lighting: PropType<import('../../../charts/core.js').Chart3DLightingOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').Chart3DOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onHover?: ((event: Chart3DHoverEvent | null) => any) | undefined;
+    onPointClick?: ((event: Chart3DHoverEvent) => any) | undefined;
+    onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+    onCameraChange?: ((camera: Chart3DCameraState) => any) | undefined;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').Chart3DTooltipOptions;
+    box: boolean;
+    legend: boolean | import('../../../charts/core.js').Chart3DLegendOptions;
+    deep: boolean;
+    interaction: boolean | import('../../../charts/core.js').Chart3DInteractionOptions;
+    autoRotate: number | boolean;
+    colorBar: boolean | import('../../../charts/core.js').Chart3DColorBarOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter3DChart.vue.js","names":["_sfc_main","Scatter3DChart_vue_vue_type_script_setup_true_lang_default","Scatter3DChart_default"],"sources":["../../../../../vue/src/components/Chart/Scatter3DChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  Chart3DCameraState,\n  Chart3DHoverEvent,\n  ChartRendererKind,\n  Scatter3DSeries,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { chart3DCommonProps, useChart3D } from \"./three-d\";\n\n/**\n * 3D scatter plot: point clouds of up to millions of points on the GPU,\n * colored per series, per point or through a color scale; orbit camera,\n * hover picking and color bar (engine `createChart3D`).\n */\ndefineOptions({ name: \"Scatter3DChart\" });\nconst props = defineProps({\n  ...chart3DCommonProps,\n  /** Point clouds (objects, `[x, y, z]` tuples or typed-array columns) */\n  series: {\n    type: Array as PropType<readonly Scatter3DSeries[]>,\n    required: true,\n  },\n});\nconst emit = defineEmits<{\n  /** The hovered point changed (`null`: none) */\n  hover: [event: Chart3DHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [event: Chart3DHoverEvent];\n  /** The user rotated, zoomed, panned or reset the camera */\n  cameraChange: [camera: Chart3DCameraState];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, rootStyle, handle } = useChart3D(\n  props,\n  () =>\n    raw(props.series).map((s) => ({\n      ...raw(s),\n      type: \"scatter\" as const,\n    })),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    camera: (camera) => emit(\"cameraChange\", camera),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-chart-3d\" 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/Scatter3DChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { raw as e } from "./engine.js";
+import { chart3DCommonProps as t, useChart3D as n } from "./three-d.js";
+import { createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeStyle as o, openBlock as s, unref as c } from "vue";
+//#region src/components/Chart/Scatter3DChart.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ a({
+	name: "Scatter3DChart",
+	__name: "Scatter3DChart",
+	props: {
+		...t,
+		series: {
+			type: Array,
+			required: !0
+		}
+	},
+	emits: [
+		"hover",
+		"pointClick",
+		"cameraChange",
+		"rendererChange"
+	],
+	setup(t, { expose: a, emit: l }) {
+		let u = t, d = l, { setContainer: f, rootStyle: p, handle: m } = n(u, () => e(u.series).map((t) => ({
+			...e(t),
+			type: "scatter"
+		})), {
+			hover: (e) => d("hover", e),
+			click: (e) => d("pointClick", e),
+			camera: (e) => d("cameraChange", e),
+			renderer: (e) => d("rendererChange", e)
+		});
+		return a(m), (e, t) => (s(), r("div", {
+			class: "mn-chart mn-chart-3d",
+			"data-minerva": "chart",
+			style: o(c(p))
+		}, [i("div", {
+			ref: c(f),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=Scatter3DChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter3DChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","Scatter3DChart_vue_vue_type_script_setup_true_lang_default","chart3DCommonProps","__expose","__emit","props","__props","emit","useChart3D","raw","s","event","camera","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/Scatter3DChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  Chart3DCameraState,\n  Chart3DHoverEvent,\n  ChartRendererKind,\n  Scatter3DSeries,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { chart3DCommonProps, useChart3D } from \"./three-d\";\n\n/**\n * 3D scatter plot: point clouds of up to millions of points on the GPU,\n * colored per series, per point or through a color scale; orbit camera,\n * hover picking and color bar (engine `createChart3D`).\n */\ndefineOptions({ name: \"Scatter3DChart\" });\nconst props = defineProps({\n  ...chart3DCommonProps,\n  /** Point clouds (objects, `[x, y, z]` tuples or typed-array columns) */\n  series: {\n    type: Array as PropType<readonly Scatter3DSeries[]>,\n    required: true,\n  },\n});\nconst emit = defineEmits<{\n  /** The hovered point changed (`null`: none) */\n  hover: [event: Chart3DHoverEvent | null];\n  /** A point was clicked */\n  pointClick: [event: Chart3DHoverEvent];\n  /** The user rotated, zoomed, panned or reset the camera */\n  cameraChange: [camera: Chart3DCameraState];\n  /** The backend is ready (or fell back after a GPU loss) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, rootStyle, handle } = useChart3D(\n  props,\n  () =>\n    raw(props.series).map((s) => ({\n      ...raw(s),\n      type: \"scatter\" as const,\n    })),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    camera: (camera) => emit(\"cameraChange\", camera),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-chart-3d\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMS,IAAQC,GAQRC,IAAOH,GAUP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EAAIJ,EAAM,MAAM,CAAC,CAAC,KAAK,OAAO;GAC5B,GAAGI,EAAIC,CAAC;GACR,MAAM;EACR,EAAE,GACJ;GACE,QAAQ,MAAUH,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,cAAcI,CAAK;GAC1C,SAAS,MAAWJ,EAAK,gBAAgBK,CAAM;GAC/C,WAAW,MAAaL,EAAK,kBAAkBM,CAAQ;EACzD,CACF;SACAV,EAAaW,CAAM,cAIjBlB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAuB,gBAAa;GAAS,OAAKC,EAAEC,EAAAoB,CAAA,CAAS;EACtEnB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAsB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}