minerva-design 1.3.0 → 1.4.0

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

@@ -0,0 +1,124 @@
+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 (default `smooth`) */
+    curve: {
+        type: PropType<ChartCurve>;
+        default: string;
+    };
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    percent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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 (default `smooth`) */
+    curve: {
+        type: PropType<ChartCurve>;
+        default: string;
+    };
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    percent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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;
+    stacked: boolean;
+    percent: 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/AreaChart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.vue.js","names":["_sfc_main","AreaChart_vue_vue_type_script_setup_true_lang_default","AreaChart_default"],"sources":["../../../../../vue/src/components/Chart/AreaChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChartCurve,\n  ChartHoverEvent,\n  ChartPlotClickEvent,\n  ChartRendererKind,\n  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/** Area chart: smooth by default, stacked or 100% stacked */\ndefineOptions({ name: \"AreaChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartStackProps,\n  /** Shape of the edges: straight, smooth (monotone) or steps (default `smooth`) */\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(\n        props.series,\n        \"area\",\n        props.stacked || props.percent ? \"stack\" : undefined,\n        props.curve,\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/AreaChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,49 @@
+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/AreaChart.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ l({
+	name: "AreaChart",
+	__name: "AreaChart",
+	props: {
+		...i,
+		...r,
+		...a,
+		...o,
+		curve: {
+			type: String,
+			default: "smooth"
+		}
+	},
+	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, n(o.series, "area", o.stacked || o.percent ? "stack" : void 0, o.curve), 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=AreaChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","AreaChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","chartSeriesProps","chartStackProps","__expose","__emit","props","__props","emit","useCartesianChart","engineOptions","withSeriesType","event","view","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/AreaChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ChartCurve,\n  ChartHoverEvent,\n  ChartPlotClickEvent,\n  ChartRendererKind,\n  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/** Area chart: smooth by default, stacked or 100% stacked */\ndefineOptions({ name: \"AreaChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartStackProps,\n  /** Shape of the edges: straight, smooth (monotone) or steps (default `smooth`) */\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(\n        props.series,\n        \"area\",\n        props.stacked || props.percent ? \"stack\" : undefined,\n        props.curve,\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":";;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,IAAMY,IAAQC,GAQRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACEJ,GACAK,EACEL,EAAM,QACN,QACAA,EAAM,WAAWA,EAAM,UAAU,UAAU,KAAA,GAC3CA,EAAM,KACR,GACAA,EAAM,UAAU,YAAY,KAAA,CAC9B,GACF;GACE,QAAQ,MAAUE,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,cAAcI,CAAK;GAC1C,YAAY,MAAUJ,EAAK,aAAaI,CAAK;GAC7C,OAAO,MAASJ,EAAK,QAAQK,CAAI;GACjC,WAAW,MAAaL,EAAK,kBAAkBM,CAAQ;EACzD,CACF;SACAV,EAAaW,CAAM,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/Bar3DChart.vue.d.ts

@@ -0,0 +1,132 @@
+import { PropType } from 'vue';
+import { Bar3DSeries, Chart3DCameraState, Chart3DHoverEvent, ChartRendererKind } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Bars over the x × y category grid (bars of the same cell are stacked) */
+    series: {
+        type: PropType<readonly Bar3DSeries[]>;
+        required: true;
+    };
+    /** Width of the bars of the series that do not set one, as a fraction of a cell */
+    barWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    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<{
+    /** Bars over the x × y category grid (bars of the same cell are stacked) */
+    series: {
+        type: PropType<readonly Bar3DSeries[]>;
+        required: true;
+    };
+    /** Width of the bars of the series that do not set one, as a fraction of a cell */
+    barWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    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;
+    barWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bar3DChart.vue.js","names":["_sfc_main","Bar3DChart_vue_vue_type_script_setup_true_lang_default","Bar3DChart_default"],"sources":["../../../../../vue/src/components/Chart/Bar3DChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  Bar3DSeries,\n  Chart3DCameraState,\n  Chart3DHoverEvent,\n  ChartRendererKind,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { chart3DCommonProps, useChart3D } from \"./three-d\";\n\n/**\n * 3D bars over an x × y category grid, lit, stacked across series (engine\n * `createChart3D`).\n */\ndefineOptions({ name: \"Bar3DChart\" });\nconst props = defineProps({\n  ...chart3DCommonProps,\n  /** Bars over the x × y category grid (bars of the same cell are stacked) */\n  series: { type: Array as PropType<readonly Bar3DSeries[]>, required: true },\n  /** Width of the bars of the series that do not set one, as a fraction of a cell */\n  barWidth: { type: Number, default: 0.7 },\n});\nconst emit = defineEmits<{\n  /** The hovered bar changed (`null`: none) */\n  hover: [event: Chart3DHoverEvent | null];\n  /** A bar 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((item) => {\n      const s = raw(item);\n      return {\n        ...s,\n        type: \"bar\" as const,\n        barWidth: s.barWidth ?? props.barWidth,\n      };\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/Bar3DChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,55 @@
+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/Bar3DChart.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ a({
+	name: "Bar3DChart",
+	__name: "Bar3DChart",
+	props: {
+		...t,
+		series: {
+			type: Array,
+			required: !0
+		},
+		barWidth: {
+			type: Number,
+			default: .7
+		}
+	},
+	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) => {
+			let n = e(t);
+			return {
+				...n,
+				type: "bar",
+				barWidth: n.barWidth ?? u.barWidth
+			};
+		}), {
+			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=Bar3DChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bar3DChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","Bar3DChart_vue_vue_type_script_setup_true_lang_default","chart3DCommonProps","__expose","__emit","props","__props","emit","useChart3D","raw","s","item","event","camera","renderer","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/Bar3DChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  Bar3DSeries,\n  Chart3DCameraState,\n  Chart3DHoverEvent,\n  ChartRendererKind,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { chart3DCommonProps, useChart3D } from \"./three-d\";\n\n/**\n * 3D bars over an x × y category grid, lit, stacked across series (engine\n * `createChart3D`).\n */\ndefineOptions({ name: \"Bar3DChart\" });\nconst props = defineProps({\n  ...chart3DCommonProps,\n  /** Bars over the x × y category grid (bars of the same cell are stacked) */\n  series: { type: Array as PropType<readonly Bar3DSeries[]>, required: true },\n  /** Width of the bars of the series that do not set one, as a fraction of a cell */\n  barWidth: { type: Number, default: 0.7 },\n});\nconst emit = defineEmits<{\n  /** The hovered bar changed (`null`: none) */\n  hover: [event: Chart3DHoverEvent | null];\n  /** A bar 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((item) => {\n      const s = raw(item);\n      return {\n        ...s,\n        type: \"bar\" as const,\n        barWidth: s.barWidth ?? props.barWidth,\n      };\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":";;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMS,IAAQC,GAORC,IAAOH,GAUP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EAAIJ,EAAM,MAAM,CAAC,CAAC,KAAK,MAAS;GAC9B,IAAMK,IAAID,EAAIE,CAAI;GAClB,OAAO;IACL,GAAGD;IACH,MAAM;IACN,UAAUA,EAAE,YAAYL,EAAM;GAChC;EACF,CAAC,GACH;GACE,QAAQ,MAAUE,EAAK,SAASK,CAAK;GACrC,QAAQ,MAAUL,EAAK,cAAcK,CAAK;GAC1C,SAAS,MAAWL,EAAK,gBAAgBM,CAAM;GAC/C,WAAW,MAAaN,EAAK,kBAAkBO,CAAQ;EACzD,CACF;SACAX,EAAaY,CAAM,cAIjBnB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAuB,gBAAa;GAAS,OAAKC,EAAEC,EAAAqB,CAAA,CAAS;EACtEpB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAuB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,123 @@
+import { ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Writes the value above every bar (default `false`) */
+    labels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: import('vue').PropType<import('../../../charts/core.js').ChartOrientation>;
+    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 above every bar (default `false`) */
+    labels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: import('vue').PropType<import('../../../charts/core.js').ChartOrientation>;
+    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/BarChart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.vue.js","names":["_sfc_main","BarChart_vue_vue_type_script_setup_true_lang_default","BarChart_default"],"sources":["../../../../../vue/src/components/Chart/BarChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ChartHoverEvent,\n  ChartPlotClickEvent,\n  ChartRendererKind,\n  ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport {\n  chartAxisProps,\n  chartCommonProps,\n  chartOrientationProp,\n  chartSeriesProps,\n  chartStackProps,\n} from \"./props\";\n\n/** Bar chart: grouped side by side, stacked or 100% stacked, with optional value labels */\ndefineOptions({ name: \"BarChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartStackProps,\n  ...chartOrientationProp,\n  /** Writes the value above 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,\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/BarChart.vue_vue_type_script_setup_true_lang.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","BarChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","chartSeriesProps","chartStackProps","chartOrientationProp","__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/BarChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ChartHoverEvent,\n  ChartPlotClickEvent,\n  ChartRendererKind,\n  ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart, withSeriesType } from \"./cartesian\";\nimport {\n  chartAxisProps,\n  chartCommonProps,\n  chartOrientationProp,\n  chartSeriesProps,\n  chartStackProps,\n} from \"./props\";\n\n/** Bar chart: grouped side by side, stacked or 100% stacked, with optional value labels */\ndefineOptions({ name: \"BarChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartStackProps,\n  ...chartOrientationProp,\n  /** Writes the value above 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,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMa,IAAQC,GASRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACEJ,GACAK,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,cAIjBvB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAW,gBAAa;GAAS,OAAKC,EAAEC,EAAAyB,CAAA,CAAS;EAC1DxB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAA2B,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}