minerva-design 1.2.0 → 1.4.0

package/dist/vue/components/Chart/Line3DChart.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/Line3DChart.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ a({
+	name: "Line3DChart",
+	__name: "Line3DChart",
+	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: "line"
+		})), {
+			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=Line3DChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Line3DChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","Line3DChart_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/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":";;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMS,IAAQC,GAKRC,IAAOH,GAUP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SACMI,EAAIJ,EAAM,MAAM,CAAC,CAAC,KAAK,OAAO;GAAE,GAAGI,EAAIC,CAAC;GAAG,MAAM;EAAgB,EAAE,GACzE;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"}

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

@@ -0,0 +1,125 @@
+import { ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Fills the area under the lines (default `false`) */
+    area: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    curve: import('vue').PropType<import('../../../charts/core.js').ChartCurve>;
+    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;
+    labels: import('vue').PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    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<{
+    /** Fills the area under the lines (default `false`) */
+    area: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    curve: import('vue').PropType<import('../../../charts/core.js').ChartCurve>;
+    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;
+    labels: import('vue').PropType<import('../../../charts/core.js').ChartOptions["labels"]>;
+    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;
+    area: boolean;
+    legend: boolean | import('../../../charts/core.js').ChartLegendOptions;
+    crosshair: 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/LineChart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.vue.js","names":["_sfc_main","LineChart_vue_vue_type_script_setup_true_lang_default","LineChart_default"],"sources":["../../../../../vue/src/components/Chart/LineChart.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  chartCurveProp,\n  chartSeriesProps,\n  chartStackProps,\n} from \"./props\";\n\n/** Line (or area) chart; handles millions of points on the GPU */\ndefineOptions({ name: \"LineChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartStackProps,\n  ...chartCurveProp,\n  /** Fills the area under the lines (default `false`) */\n  area: { type: Boolean, default: false },\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        props.area ? \"area\" : \"line\",\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/LineChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,50 @@
+import { engineOptions as e, useCartesianChart as t, withSeriesType as n } from "./cartesian.js";
+import { chartAxisProps as r, chartCommonProps as i, chartCurveProp 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/LineChart.vue?vue&type=script&setup=true&lang.ts
+var m = /*@__PURE__*/ u({
+	name: "LineChart",
+	__name: "LineChart",
+	props: {
+		...i,
+		...r,
+		...o,
+		...s,
+		...a,
+		area: {
+			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, o.area ? "area" : "line", o.stacked || o.percent ? "stack" : void 0, o.curve), 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=LineChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","LineChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","chartSeriesProps","chartStackProps","chartCurveProp","__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/LineChart.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  chartCurveProp,\n  chartSeriesProps,\n  chartStackProps,\n} from \"./props\";\n\n/** Line (or area) chart; handles millions of points on the GPU */\ndefineOptions({ name: \"LineChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartStackProps,\n  ...chartCurveProp,\n  /** Fills the area under the lines (default `false`) */\n  area: { type: Boolean, default: false },\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        props.area ? \"area\" : \"line\",\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":";;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMa,IAAQC,GASRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EACEJ,GACAK,EACEL,EAAM,QACNA,EAAM,OAAO,SAAS,QACtBA,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,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/MixedChart.vue.d.ts

@@ -0,0 +1,103 @@
+import { PropType } from 'vue';
+import { ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** `percent` scales every stack to 100% at each x (default `normal`) */
+    stackMode: PropType<"normal" | "percent">;
+    orientation: PropType<import('../../../charts/core.js').ChartOrientation>;
+    yAxis2: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    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<{
+    /** `percent` scales every stack to 100% at each x (default `normal`) */
+    stackMode: PropType<"normal" | "percent">;
+    orientation: PropType<import('../../../charts/core.js').ChartOrientation>;
+    yAxis2: PropType<import('../../../charts/core.js').ChartAxisOptions>;
+    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;
+    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/MixedChart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MixedChart.vue.js","names":["_sfc_main","MixedChart_vue_vue_type_script_setup_true_lang_default","MixedChart_default"],"sources":["../../../../../vue/src/components/Chart/MixedChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\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  chartAxis2Prop,\n  chartAxisProps,\n  chartCommonProps,\n  chartOrientationProp,\n  chartSeriesProps,\n} from \"./props\";\n\n/**\n * Combination chart: bars, lines and areas on one or two value axes\n * (`yAxis: \"right\"` series use `yAxis2`, aligned on the left grid)\n */\ndefineOptions({ name: \"MixedChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartAxis2Prop,\n  ...chartOrientationProp,\n  /** `percent` scales every stack to 100% at each x (default `normal`) */\n  stackMode: String as PropType<\"normal\" | \"percent\">,\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(props, withSeriesType(props.series, \"line\"), props.stackMode),\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/MixedChart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { engineOptions as e, useCartesianChart as t, withSeriesType as n } from "./cartesian.js";
+import { chartAxis2Prop as r, chartAxisProps as i, chartCommonProps as a, chartOrientationProp as o, chartSeriesProps 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/MixedChart.vue?vue&type=script&setup=true&lang.ts
+var m = /*@__PURE__*/ u({
+	name: "MixedChart",
+	__name: "MixedChart",
+	props: {
+		...a,
+		...i,
+		...s,
+		...r,
+		...o,
+		stackMode: String
+	},
+	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, "line"), o.stackMode), {
+			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=MixedChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MixedChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","MixedChart_vue_vue_type_script_setup_true_lang_default","chartCommonProps","chartAxisProps","chartSeriesProps","chartAxis2Prop","chartOrientationProp","__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/MixedChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\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  chartAxis2Prop,\n  chartAxisProps,\n  chartCommonProps,\n  chartOrientationProp,\n  chartSeriesProps,\n} from \"./props\";\n\n/**\n * Combination chart: bars, lines and areas on one or two value axes\n * (`yAxis: \"right\"` series use `yAxis2`, aligned on the left grid)\n */\ndefineOptions({ name: \"MixedChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartSeriesProps,\n  ...chartAxis2Prop,\n  ...chartOrientationProp,\n  /** `percent` scales every stack to 100% at each x (default `normal`) */\n  stackMode: String as PropType<\"normal\" | \"percent\">,\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(props, withSeriesType(props.series, \"line\"), props.stackMode),\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":";;;;;;;;;;;;;;;;;;;;;;;EAsBA,IAAMa,IAAQC,GASRC,IAAOH,GAYP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,SAEEI,EAAcJ,GAAOK,EAAeL,EAAM,QAAQ,MAAM,GAAGA,EAAM,SAAS,GAC5E;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,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/OrderBook.vue.d.ts

@@ -0,0 +1,125 @@
+import { OrderBookLevelEvent } from '../../../charts/core.js';
+import { OrderBookHandle } from './types.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    book: import('vue').PropType<import('../../../charts/core.js').OrderBookSnapshot>;
+    lastPrice: {
+        type: import('vue').PropType<number | null>;
+        default: undefined;
+    };
+    mode: import('vue').PropType<import('../../../charts/core.js').OrderBookMode>;
+    grouping: NumberConstructor;
+    rows: NumberConstructor;
+    rowHeight: NumberConstructor;
+    depthBars: import('vue').PropType<"cumulative" | "level" | "none">;
+    total: import('vue').PropType<"base" | "quote">;
+    columns: import('vue').PropType<readonly ("price" | "size" | "total")[]>;
+    flash: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    flashDuration: NumberConstructor;
+    largeOrderThreshold: NumberConstructor;
+    header: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    spreadRow: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    imbalance: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    labels: import('vue').PropType<Partial<import('../../../charts/core.js').OrderBookLabels>>;
+    upColor: StringConstructor;
+    downColor: StringConstructor;
+    colorConvention: import('vue').PropType<import('../../../charts/core.js').OrderBookColorConvention>;
+    pricePrecision: NumberConstructor;
+    sizePrecision: NumberConstructor;
+    locale: StringConstructor;
+    formatPrice: import('vue').PropType<(price: number) => string>;
+    formatSize: import('vue').PropType<(size: number) => string>;
+    fontFamily: StringConstructor;
+    fontSize: NumberConstructor;
+    ariaLabel: StringConstructor;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, OrderBookHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    hover: (level: OrderBookLevelEvent | null) => any;
+    levelClick: (level: OrderBookLevelEvent) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    book: import('vue').PropType<import('../../../charts/core.js').OrderBookSnapshot>;
+    lastPrice: {
+        type: import('vue').PropType<number | null>;
+        default: undefined;
+    };
+    mode: import('vue').PropType<import('../../../charts/core.js').OrderBookMode>;
+    grouping: NumberConstructor;
+    rows: NumberConstructor;
+    rowHeight: NumberConstructor;
+    depthBars: import('vue').PropType<"cumulative" | "level" | "none">;
+    total: import('vue').PropType<"base" | "quote">;
+    columns: import('vue').PropType<readonly ("price" | "size" | "total")[]>;
+    flash: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    flashDuration: NumberConstructor;
+    largeOrderThreshold: NumberConstructor;
+    header: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    spreadRow: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    imbalance: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    labels: import('vue').PropType<Partial<import('../../../charts/core.js').OrderBookLabels>>;
+    upColor: StringConstructor;
+    downColor: StringConstructor;
+    colorConvention: import('vue').PropType<import('../../../charts/core.js').OrderBookColorConvention>;
+    pricePrecision: NumberConstructor;
+    sizePrecision: NumberConstructor;
+    locale: StringConstructor;
+    formatPrice: import('vue').PropType<(price: number) => string>;
+    formatSize: import('vue').PropType<(size: number) => string>;
+    fontFamily: StringConstructor;
+    fontSize: NumberConstructor;
+    ariaLabel: StringConstructor;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onHover?: ((level: OrderBookLevelEvent | null) => any) | undefined;
+    onLevelClick?: ((level: OrderBookLevelEvent) => any) | undefined;
+}>, {
+    header: boolean;
+    tooltip: boolean;
+    deep: boolean;
+    lastPrice: number | null;
+    flash: boolean;
+    spreadRow: boolean;
+    imbalance: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderBook.vue.js","names":["_sfc_main","OrderBook_vue_vue_type_script_setup_true_lang_default","OrderBook_default"],"sources":["../../../../../vue/src/components/Chart/OrderBook.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watch } from \"vue\";\nimport {\n  createOrderBook,\n  type OrderBookInstance,\n  type OrderBookLevelEvent,\n  type OrderBookOptions,\n} from \"minerva-design/charts/core\";\nimport { useRootStyle } from \"./engine\";\nimport { orderBookProps, useBookWidget } from \"./orderbook\";\nimport type { OrderBookHandle } from \"./types\";\n\n/**\n * Order book ladder: asks above the spread row, bids below, with depth\n * bars, price grouping, change flashes and large order highlight (engine\n * `createOrderBook`).\n */\ndefineOptions({ name: \"OrderBook\" });\nconst props = defineProps(orderBookProps);\nconst emit = defineEmits<{\n  /** Hovered row (`null` when the pointer leaves) */\n  hover: [level: OrderBookLevelEvent | null];\n  /** Click / tap / Enter on a row (e.g. to fill a price in an order form) */\n  levelClick: [level: OrderBookLevelEvent];\n}>();\nconst { setContainer, instance } = useBookWidget<\n  OrderBookOptions,\n  OrderBookInstance\n>(createOrderBook, props, (book) => {\n  if (props.lastPrice !== undefined) book.setLastPrice(props.lastPrice);\n  return [\n    book.on(\"hover\", (e) => emit(\"hover\", e)),\n    book.on(\"levelClick\", (e) => emit(\"levelClick\", e)),\n  ];\n});\nwatch(\n  () => props.lastPrice,\n  (price) => {\n    if (price !== undefined) instance.value?.setLastPrice(price);\n  },\n);\nconst rootStyle = useRootStyle(props, 420);\nconst handle: OrderBookHandle = {\n  setBook: (snapshot) => instance.value?.setBook(snapshot),\n  applyDeltas: (deltas) => instance.value?.applyDeltas(deltas),\n  setLastPrice: (price) => instance.value?.setLastPrice(price),\n  getInstance: () => instance.value,\n};\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-order-book\" 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/OrderBook.vue_vue_type_script_setup_true_lang.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderBook.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","OrderBook_vue_vue_type_script_setup_true_lang_default","orderBookProps","__expose","__emit","props","__props","emit","useBookWidget","createOrderBook","book","price","instance","rootStyle","useRootStyle","snapshot","deltas","openBlock","createElementBlock","normalizeStyle","unref","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/OrderBook.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watch } from \"vue\";\nimport {\n  createOrderBook,\n  type OrderBookInstance,\n  type OrderBookLevelEvent,\n  type OrderBookOptions,\n} from \"minerva-design/charts/core\";\nimport { useRootStyle } from \"./engine\";\nimport { orderBookProps, useBookWidget } from \"./orderbook\";\nimport type { OrderBookHandle } from \"./types\";\n\n/**\n * Order book ladder: asks above the spread row, bids below, with depth\n * bars, price grouping, change flashes and large order highlight (engine\n * `createOrderBook`).\n */\ndefineOptions({ name: \"OrderBook\" });\nconst props = defineProps(orderBookProps);\nconst emit = defineEmits<{\n  /** Hovered row (`null` when the pointer leaves) */\n  hover: [level: OrderBookLevelEvent | null];\n  /** Click / tap / Enter on a row (e.g. to fill a price in an order form) */\n  levelClick: [level: OrderBookLevelEvent];\n}>();\nconst { setContainer, instance } = useBookWidget<\n  OrderBookOptions,\n  OrderBookInstance\n>(createOrderBook, props, (book) => {\n  if (props.lastPrice !== undefined) book.setLastPrice(props.lastPrice);\n  return [\n    book.on(\"hover\", (e) => emit(\"hover\", e)),\n    book.on(\"levelClick\", (e) => emit(\"levelClick\", e)),\n  ];\n});\nwatch(\n  () => props.lastPrice,\n  (price) => {\n    if (price !== undefined) instance.value?.setLastPrice(price);\n  },\n);\nconst rootStyle = useRootStyle(props, 420);\nconst handle: OrderBookHandle = {\n  setBook: (snapshot) => instance.value?.setBook(snapshot),\n  applyDeltas: (deltas) => instance.value?.applyDeltas(deltas),\n  setLastPrice: (price) => instance.value?.setLastPrice(price),\n  getInstance: () => instance.value,\n};\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-order-book\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAkBA,IAAMS,IAAQC,GACRC,IAAOH,GAMP,EAAE,iBAAc,gBAAaI,EAGjCC,GAAiBJ,IAAQ,OACrBA,EAAM,cAAc,KAAA,KAAWK,EAAK,aAAaL,EAAM,SAAS,GAC7D,CACLK,EAAK,GAAG,UAAU,MAAMH,EAAK,SAAS,CAAC,CAAC,GACxCG,EAAK,GAAG,eAAe,MAAMH,EAAK,cAAc,CAAC,CAAC,CACpD,EACD;EACD,QACQF,EAAM,YACX,MAAU;GACT,AAAIM,MAAU,KAAA,KAAWC,EAAS,OAAO,aAAaD,CAAK;EAC7D,CACF;EACA,IAAME,IAAYC,EAAaT,GAAO,GAAG;SAOzCF,EAAa;GALX,UAAU,MAAaS,EAAS,OAAO,QAAQG,CAAQ;GACvD,cAAc,MAAWH,EAAS,OAAO,YAAYI,CAAM;GAC3D,eAAe,MAAUJ,EAAS,OAAO,aAAaD,CAAK;GAC3D,mBAAmBC,EAAS;EAEjB,CAAM,cAIjBhB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAyB,gBAAa;GAAS,OAAKC,EAAEC,EAAAc,CAAA,CAAS;EACxEb,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAuB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}