minerva-design 1.2.0 → 1.4.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","HeatmapChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","__expose","__emit","props","__props","emit","useCartesianChart","heatmapChartOptions","raw","engineOptions","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/HeatmapChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  heatmapChartOptions,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n  type HeatmapCell,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport { chartAxisProps, chartCommonProps } from \"./props\";\n\n/** Heatmap: a grid of cells colored by value (categories or numbers on both axes) */\ndefineOptions({ name: \"HeatmapChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  /** Cells `{ x, y, value }` */\n  data: { type: Array as PropType<readonly HeatmapCell[]>, required: true },\n  /** Column names in order (collected from the data when omitted) */\n  xCategories: Array as PropType<readonly string[]>,\n  /** Row names from bottom to top (collected from the data when omitted) */\n  yCategories: Array as PropType<readonly string[]>,\n  /** Colors from the lowest to the highest value; a ramp of the first palette color by default */\n  colorScale: Array as PropType<readonly string[]>,\n  /** Values at the ends of the color scale; the data range by default */\n  valueRange: Array as unknown as PropType<readonly [number, number]>,\n  /** Name of the value in the tooltip */\n  name: String,\n  /** Corner radius of the cells, in pixels */\n  radius: Number,\n  /** Formats the values in the tooltip */\n  format: Function as PropType<(value: number) => string>,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) cell changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A cell was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no cell */\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    heatmapChartOptions(\n      {\n        data: raw(props.data),\n        xCategories: raw(props.xCategories),\n        yCategories: raw(props.yCategories),\n        colorScale: raw(props.colorScale),\n        valueRange: raw(props.valueRange),\n        name: props.name,\n        radius: props.radius,\n        format: props.format,\n      },\n      engineOptions(props, []),\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMU,IAAQC,GAoBRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACE;GACE,MAAMC,EAAIL,EAAM,IAAI;GACpB,aAAaK,EAAIL,EAAM,WAAW;GAClC,aAAaK,EAAIL,EAAM,WAAW;GAClC,YAAYK,EAAIL,EAAM,UAAU;GAChC,YAAYK,EAAIL,EAAM,UAAU;GAChC,MAAMA,EAAM;GACZ,QAAQA,EAAM;GACd,QAAQA,EAAM;EAChB,GACAM,EAAcN,GAAO,CAAC,CAAC,CACzB,GACF;GACE,QAAQ,MAAUE,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,cAIjBpB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAAsB,CAAA,CAAS;EAC1DrB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAwB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,132 @@
+import { PropType } from 'vue';
+import { ChartSeries, HistogramBinning, ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Raw samples (typed arrays are counted without copies) */
+    values: {
+        type: PropType<ArrayLike<number>>;
+        required: true;
+    };
+    /** Number of bins, or the rule choosing it: `auto`, `sturges`, `freedman-diaconis` (default `auto`) */
+    bins: PropType<HistogramBinning>;
+    /** Range covered by the bins (values outside are not counted); the data range by default */
+    domain: PropType<readonly [number, number]>;
+    /** Rounds the bin width to 1, 2 or 5 × 10^k and aligns the edges on it */
+    nice: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Name of the counts (legend, tooltip; default "Count") */
+    name: StringConstructor;
+    /** Bar color (any CSS color) */
+    color: StringConstructor;
+    /** Formats the edges of the bins in the tooltip */
+    formatBin: PropType<(value: number) => string>;
+    /** More series drawn over the bins (e.g. a density `line`) */
+    series: PropType<readonly ChartSeries[]>;
+    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<{
+    /** Raw samples (typed arrays are counted without copies) */
+    values: {
+        type: PropType<ArrayLike<number>>;
+        required: true;
+    };
+    /** Number of bins, or the rule choosing it: `auto`, `sturges`, `freedman-diaconis` (default `auto`) */
+    bins: PropType<HistogramBinning>;
+    /** Range covered by the bins (values outside are not counted); the data range by default */
+    domain: PropType<readonly [number, number]>;
+    /** Rounds the bin width to 1, 2 or 5 × 10^k and aligns the edges on it */
+    nice: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Name of the counts (legend, tooltip; default "Count") */
+    name: StringConstructor;
+    /** Bar color (any CSS color) */
+    color: StringConstructor;
+    /** Formats the edges of the bins in the tooltip */
+    formatBin: PropType<(value: number) => string>;
+    /** More series drawn over the bins (e.g. a density `line`) */
+    series: PropType<readonly ChartSeries[]>;
+    xAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    yAxis: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    renderer: PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: PropType<readonly import('../../../charts/core.js').ChartAnnotation[]>;
+    interaction: {
+        type: PropType<boolean | import('../../../charts/core.js').ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    palette: PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    labels: PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onZoom?: ((view: ChartView) => any) | undefined;
+    onHover?: ((event: ChartHoverEvent | null) => any) | undefined;
+    onPlotClick?: ((event: ChartPlotClickEvent) => any) | undefined;
+    onPointClick?: ((event: ChartHoverEvent) => any) | undefined;
+    onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').ChartTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').ChartLegendOptions;
+    crosshair: boolean;
+    deep: boolean;
+    interaction: boolean | import('../../../charts/core.js').ChartInteractionOptions;
+    nice: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramChart.vue.js","names":["_sfc_main","HistogramChart_vue_vue_type_script_setup_true_lang_default","HistogramChart_default"],"sources":["../../../../../vue/src/components/Chart/HistogramChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  histogramSeries,\n  type ChartSeries,\n  type HistogramBinning,\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 { raw } from \"./engine\";\nimport { chartAxisProps, chartCommonProps } from \"./props\";\n\n/**\n * Histogram: the distribution of raw samples in bins of equal width\n * (Freedman-Diaconis, Sturges or a count); millions of samples are binned\n * in milliseconds\n */\ndefineOptions({ name: \"HistogramChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  /** Raw samples (typed arrays are counted without copies) */\n  values: {\n    type: Object as PropType<ArrayLike<number>>,\n    required: true,\n  },\n  /** Number of bins, or the rule choosing it: `auto`, `sturges`, `freedman-diaconis` (default `auto`) */\n  bins: [Number, String] as PropType<HistogramBinning>,\n  /** Range covered by the bins (values outside are not counted); the data range by default */\n  domain: Array as unknown as PropType<readonly [number, number]>,\n  /** Rounds the bin width to 1, 2 or 5 × 10^k and aligns the edges on it */\n  nice: { type: Boolean, default: true },\n  /** Name of the counts (legend, tooltip; default \"Count\") */\n  name: String,\n  /** Bar color (any CSS color) */\n  color: String,\n  /** Formats the edges of the bins in the tooltip */\n  formatBin: Function as PropType<(value: number) => string>,\n  /** More series drawn over the bins (e.g. a density `line`) */\n  series: Array as PropType<readonly ChartSeries[]>,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) bins changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A bin was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no bin */\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(props, [\n      histogramSeries(raw(props.values), {\n        bins: props.bins,\n        domain: raw(props.domain),\n        nice: props.nice,\n        name: props.name,\n        color: props.color,\n        format: props.formatBin,\n      }),\n      ...withSeriesType(props.series ?? [], \"line\"),\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/HistogramChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { raw as e } from "./engine.js";
+import { engineOptions as t, useCartesianChart as n, withSeriesType as r } from "./cartesian.js";
+import { chartAxisProps as i, chartCommonProps 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";
+import { histogramSeries as f } from "../../../charts/core.js";
+//#region src/components/Chart/HistogramChart.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ c({
+	name: "HistogramChart",
+	__name: "HistogramChart",
+	props: {
+		...a,
+		...i,
+		values: {
+			type: Object,
+			required: !0
+		},
+		bins: [Number, String],
+		domain: Array,
+		nice: {
+			type: Boolean,
+			default: !0
+		},
+		name: String,
+		color: String,
+		formatBin: Function,
+		series: Array
+	},
+	emits: [
+		"hover",
+		"pointClick",
+		"plotClick",
+		"zoom",
+		"rendererChange"
+	],
+	setup(i, { expose: a, emit: c }) {
+		let p = i, m = c, { setContainer: h, rootStyle: g, handle: _ } = n(p, () => t(p, [f(e(p.values), {
+			bins: p.bins,
+			domain: e(p.domain),
+			nice: p.nice,
+			name: p.name,
+			color: p.color,
+			format: p.formatBin
+		}), ...r(p.series ?? [], "line")]), {
+			hover: (e) => m("hover", e),
+			click: (e) => m("pointClick", e),
+			plotClick: (e) => m("plotClick", e),
+			zoom: (e) => m("zoom", e),
+			renderer: (e) => m("rendererChange", e)
+		});
+		return a(_), (e, t) => (u(), o("div", {
+			class: "mn-chart",
+			"data-minerva": "chart",
+			style: l(d(g))
+		}, [s("div", {
+			ref: d(h),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=HistogramChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","HistogramChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","__expose","__emit","props","__props","emit","useCartesianChart","engineOptions","histogramSeries","raw","withSeriesType","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/HistogramChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  histogramSeries,\n  type ChartSeries,\n  type HistogramBinning,\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 { raw } from \"./engine\";\nimport { chartAxisProps, chartCommonProps } from \"./props\";\n\n/**\n * Histogram: the distribution of raw samples in bins of equal width\n * (Freedman-Diaconis, Sturges or a count); millions of samples are binned\n * in milliseconds\n */\ndefineOptions({ name: \"HistogramChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  /** Raw samples (typed arrays are counted without copies) */\n  values: {\n    type: Object as PropType<ArrayLike<number>>,\n    required: true,\n  },\n  /** Number of bins, or the rule choosing it: `auto`, `sturges`, `freedman-diaconis` (default `auto`) */\n  bins: [Number, String] as PropType<HistogramBinning>,\n  /** Range covered by the bins (values outside are not counted); the data range by default */\n  domain: Array as unknown as PropType<readonly [number, number]>,\n  /** Rounds the bin width to 1, 2 or 5 × 10^k and aligns the edges on it */\n  nice: { type: Boolean, default: true },\n  /** Name of the counts (legend, tooltip; default \"Count\") */\n  name: String,\n  /** Bar color (any CSS color) */\n  color: String,\n  /** Formats the edges of the bins in the tooltip */\n  formatBin: Function as PropType<(value: number) => string>,\n  /** More series drawn over the bins (e.g. a density `line`) */\n  series: Array as PropType<readonly ChartSeries[]>,\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) bins changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A bin was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no bin */\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(props, [\n      histogramSeries(raw(props.values), {\n        bins: props.bins,\n        domain: raw(props.domain),\n        nice: props.nice,\n        name: props.name,\n        color: props.color,\n        format: props.formatBin,\n      }),\n      ...withSeriesType(props.series ?? [], \"line\"),\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,IAAMU,IAAQC,GAuBRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EAAcJ,GAAO,CACnBK,EAAgBC,EAAIN,EAAM,MAAM,GAAG;GACjC,MAAMA,EAAM;GACZ,QAAQM,EAAIN,EAAM,MAAM;GACxB,MAAMA,EAAM;GACZ,MAAMA,EAAM;GACZ,OAAOA,EAAM;GACb,QAAQA,EAAM;EAChB,CAAC,GACD,GAAGO,EAAeP,EAAM,UAAU,CAAC,GAAG,MAAM,CAC9C,CAAC,GACH;GACE,QAAQ,MAAUE,EAAK,SAASM,CAAK;GACrC,QAAQ,MAAUN,EAAK,cAAcM,CAAK;GAC1C,YAAY,MAAUN,EAAK,aAAaM,CAAK;GAC7C,OAAO,MAASN,EAAK,QAAQO,CAAI;GACjC,WAAW,MAAaP,EAAK,kBAAkBQ,CAAQ;EACzD,CACF;SACAZ,EAAaa,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/HorizontalBarChart.vue.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalBarChart.vue.js","names":["_sfc_main","HorizontalBarChart_vue_vue_type_script_setup_true_lang_default","HorizontalBarChart_default"],"sources":["../../../../../vue/src/components/Chart/HorizontalBarChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\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 {\n  chartAxisProps,\n  chartCommonProps,\n  chartSeriesProps,\n  chartStackProps,\n} from \"./props\";\n\n/**\n * Horizontal bar chart: categories down the left side, values from the\n * left (rankings, long names, diverging surveys, stacked progress)\n */\ndefineOptions({ name: \"HorizontalBarChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartStackProps,\n  /** Writes the value at the end of every bar (default `false`) */\n  labels: { type: Boolean, default: false },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) bars changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A bar was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no bar */\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, orientation: \"horizontal\" },\n      withSeriesType(\n        props.series,\n        \"bar\",\n        props.stacked || props.percent ? \"stack\" : undefined,\n      ).map((s) =>\n        props.labels && s.type === \"bar\"\n          ? { ...s, showLabels: s.showLabels ?? true }\n          : s,\n      ),\n      props.percent ? \"percent\" : undefined,\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/HorizontalBarChart.vue_vue_type_script_setup_true_lang.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalBarChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","HorizontalBarChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","chartSeriesProps","chartStackProps","__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/HorizontalBarChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\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 {\n  chartAxisProps,\n  chartCommonProps,\n  chartSeriesProps,\n  chartStackProps,\n} from \"./props\";\n\n/**\n * Horizontal bar chart: categories down the left side, values from the\n * left (rankings, long names, diverging surveys, stacked progress)\n */\ndefineOptions({ name: \"HorizontalBarChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartStackProps,\n  /** Writes the value at the end of every bar (default `false`) */\n  labels: { type: Boolean, default: false },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) bars changed (`null`: none) */\n  hover: [event: ChartHoverEvent | null];\n  /** A bar was clicked */\n  pointClick: [event: ChartHoverEvent];\n  /** The plot area was clicked where there is no bar */\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, orientation: \"horizontal\" },\n      withSeriesType(\n        props.series,\n        \"bar\",\n        props.stacked || props.percent ? \"stack\" : undefined,\n      ).map((s) =>\n        props.labels && s.type === \"bar\"\n          ? { ...s, showLabels: s.showLabels ?? true }\n          : s,\n      ),\n      props.percent ? \"percent\" : undefined,\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":";;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMY,IAAQC,GAQRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACE;GAAE,GAAGJ;GAAO,aAAa;EAAa,GACtCK,EACEL,EAAM,QACN,OACAA,EAAM,WAAWA,EAAM,UAAU,UAAU,KAAA,CAC7C,CAAC,CAAC,KAAK,MACLA,EAAM,UAAUM,EAAE,SAAS,QACvB;GAAE,GAAGA;GAAG,YAAYA,EAAE,cAAc;EAAK,IACzCA,CACN,GACAN,EAAM,UAAU,YAAY,KAAA,CAC9B,GACF;GACE,QAAQ,MAAUE,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,cAIjBtB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAAwB,CAAA,CAAS;EAC1DvB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAA0B,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,121 @@
+import { PropType } from 'vue';
+import { Chart3DCameraState, Chart3DHoverEvent, ChartRendererKind, Line3DSeries } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 3D polylines (trajectories) */
+    series: {
+        type: PropType<readonly Line3DSeries[]>;
+        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<{
+    /** 3D polylines (trajectories) */
+    series: {
+        type: PropType<readonly Line3DSeries[]>;
+        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/Line3DChart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Line3DChart.vue.js","names":["_sfc_main","Line3DChart_vue_vue_type_script_setup_true_lang_default","Line3DChart_default"],"sources":["../../../../../vue/src/components/Chart/Line3DChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  Chart3DCameraState,\n  Chart3DHoverEvent,\n  ChartRendererKind,\n  Line3DSeries,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { chart3DCommonProps, useChart3D } from \"./three-d\";\n\n/**\n * 3D polylines (trajectories, paths), optionally colored along the line\n * (engine `createChart3D`).\n */\ndefineOptions({ name: \"Line3DChart\" });\nconst props = defineProps({\n  ...chart3DCommonProps,\n  /** 3D polylines (trajectories) */\n  series: { type: Array as PropType<readonly Line3DSeries[]>, required: true },\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  () => raw(props.series).map((s) => ({ ...raw(s), type: \"line\" as const })),\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":""}