minerva-design 1.3.0 → 1.4.0

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

@@ -0,0 +1,160 @@
+import { ChartRendererKind, TradingClickEvent, TradingCrosshairEvent, TradingDrawing, TradingDrawingTool, TradingHistoryRequestEvent, TradingIndicatorToggleEvent, TradingOrderMoveEvent, TradingVisibleRange } from '../../../charts/core.js';
+import { TradingChartHandle } from './types.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    bars: import('vue').PropType<import('../../../charts/core.js').TradingBarsInput>;
+    timeframe: import('vue').PropType<import('../../../charts/core.js').TradingTimeframe>;
+    symbol: StringConstructor;
+    chartStyle: import('vue').PropType<import('../../../charts/core.js').TradingChartStyle>;
+    indicators: import('vue').PropType<readonly import('../../../charts/core.js').TradingIndicator[]>;
+    scaleMode: import('vue').PropType<import('../../../charts/core.js').TradingScaleMode>;
+    colorConvention: import('vue').PropType<import('../../../charts/core.js').TradingColorConvention>;
+    upColor: StringConstructor;
+    downColor: StringConstructor;
+    precision: NumberConstructor;
+    formatPrice: import('vue').PropType<(price: number) => string>;
+    locale: StringConstructor;
+    utcOffset: NumberConstructor;
+    crosshair: import('vue').PropType<import('../../../charts/core.js').TradingCrosshairMode>;
+    legend: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    lastPriceLine: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    countdown: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    highLowMarkers: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    markers: import('vue').PropType<readonly import('../../../charts/core.js').TradingMarker[]>;
+    priceLines: import('vue').PropType<readonly import('../../../charts/core.js').TradingPriceLine[]>;
+    compare: import('vue').PropType<readonly import('../../../charts/core.js').TradingCompareSeries[]>;
+    drawings: import('vue').PropType<readonly TradingDrawing[]>;
+    drawingMode: import('vue').PropType<TradingDrawingTool>;
+    keepDrawingMode: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    baselinePrice: NumberConstructor;
+    rightOffset: NumberConstructor;
+    barSpacing: NumberConstructor;
+    wheel: import('vue').PropType<"zoom" | "modifier" | "none">;
+    kineticScroll: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    grid: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    watermark: StringConstructor;
+    labels: import('vue').PropType<Partial<import('../../../charts/core.js').TradingChartLabels>>;
+    renderer: import('vue').PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    ariaLabel: StringConstructor;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, TradingChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: TradingClickEvent) => any;
+    rendererChange: (renderer: ChartRendererKind) => any;
+    crosshairMove: (event: TradingCrosshairEvent | null) => any;
+    visibleRangeChange: (range: TradingVisibleRange) => any;
+    orderMove: (event: TradingOrderMoveEvent) => any;
+    drawingsChange: (drawings: readonly TradingDrawing[]) => any;
+    drawingSelect: (id: string | null) => any;
+    drawingToolChange: (tool: TradingDrawingTool) => any;
+    indicatorToggle: (event: TradingIndicatorToggleEvent) => any;
+    historyRequest: (event: TradingHistoryRequestEvent) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    bars: import('vue').PropType<import('../../../charts/core.js').TradingBarsInput>;
+    timeframe: import('vue').PropType<import('../../../charts/core.js').TradingTimeframe>;
+    symbol: StringConstructor;
+    chartStyle: import('vue').PropType<import('../../../charts/core.js').TradingChartStyle>;
+    indicators: import('vue').PropType<readonly import('../../../charts/core.js').TradingIndicator[]>;
+    scaleMode: import('vue').PropType<import('../../../charts/core.js').TradingScaleMode>;
+    colorConvention: import('vue').PropType<import('../../../charts/core.js').TradingColorConvention>;
+    upColor: StringConstructor;
+    downColor: StringConstructor;
+    precision: NumberConstructor;
+    formatPrice: import('vue').PropType<(price: number) => string>;
+    locale: StringConstructor;
+    utcOffset: NumberConstructor;
+    crosshair: import('vue').PropType<import('../../../charts/core.js').TradingCrosshairMode>;
+    legend: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    lastPriceLine: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    countdown: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    highLowMarkers: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    markers: import('vue').PropType<readonly import('../../../charts/core.js').TradingMarker[]>;
+    priceLines: import('vue').PropType<readonly import('../../../charts/core.js').TradingPriceLine[]>;
+    compare: import('vue').PropType<readonly import('../../../charts/core.js').TradingCompareSeries[]>;
+    drawings: import('vue').PropType<readonly TradingDrawing[]>;
+    drawingMode: import('vue').PropType<TradingDrawingTool>;
+    keepDrawingMode: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    baselinePrice: NumberConstructor;
+    rightOffset: NumberConstructor;
+    barSpacing: NumberConstructor;
+    wheel: import('vue').PropType<"zoom" | "modifier" | "none">;
+    kineticScroll: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    grid: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    watermark: StringConstructor;
+    labels: import('vue').PropType<Partial<import('../../../charts/core.js').TradingChartLabels>>;
+    renderer: import('vue').PropType<import('../../../charts/core.js').ChartRendererPreference>;
+    ariaLabel: StringConstructor;
+    height: import('vue').PropType<number | string>;
+    width: import('vue').PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((event: TradingClickEvent) => any) | undefined;
+    onRendererChange?: ((renderer: ChartRendererKind) => any) | undefined;
+    onCrosshairMove?: ((event: TradingCrosshairEvent | null) => any) | undefined;
+    onVisibleRangeChange?: ((range: TradingVisibleRange) => any) | undefined;
+    onOrderMove?: ((event: TradingOrderMoveEvent) => any) | undefined;
+    onDrawingsChange?: ((drawings: readonly TradingDrawing[]) => any) | undefined;
+    onDrawingSelect?: ((id: string | null) => any) | undefined;
+    onDrawingToolChange?: ((tool: TradingDrawingTool) => any) | undefined;
+    onIndicatorToggle?: ((event: TradingIndicatorToggleEvent) => any) | undefined;
+    onHistoryRequest?: ((event: TradingHistoryRequestEvent) => any) | undefined;
+}>, {
+    grid: boolean;
+    legend: boolean;
+    deep: boolean;
+    lastPriceLine: boolean;
+    countdown: boolean;
+    highLowMarkers: boolean;
+    keepDrawingMode: boolean;
+    kineticScroll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TradingChart.vue.js","names":["_sfc_main","TradingChart_vue_vue_type_script_setup_true_lang_default","TradingChart_default"],"sources":["../../../../../vue/src/components/Chart/TradingChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createTradingChart,\n  type ChartRendererKind,\n  type TradingChartInstance,\n  type TradingChartOptions,\n  type TradingClickEvent,\n  type TradingCrosshairEvent,\n  type TradingDrawing,\n  type TradingDrawingTool,\n  type TradingHistoryRequestEvent,\n  type TradingIndicatorToggleEvent,\n  type TradingOrderMoveEvent,\n  type TradingVisibleRange,\n} from \"minerva-design/charts/core\";\nimport { useChartEngine, useRootStyle } from \"./engine\";\nimport { definedOptions, tradingChartProps } from \"./trading\";\nimport type { TradingChartHandle } from \"./types\";\n\n/**\n * Professional trading chart: candles (hollow, Heikin-Ashi, bars, line,\n * area, baseline) over a gap-free time axis, indicator panes, drawing\n * tools, order lines and real-time streaming, drawn on the GPU (engine\n * `createTradingChart`). Stream ticks through the template ref's `update`.\n */\ndefineOptions({ name: \"TradingChart\" });\nconst props = defineProps(tradingChartProps);\nconst emit = defineEmits<{\n  /** The crosshair moved (`null` when it left the chart) */\n  crosshairMove: [event: TradingCrosshairEvent | null];\n  /** A pane was clicked */\n  click: [event: TradingClickEvent];\n  /** The visible bars changed */\n  visibleRangeChange: [range: TradingVisibleRange];\n  /** A draggable price line was dropped at a new price */\n  orderMove: [event: TradingOrderMoveEvent];\n  /** The user added, moved or deleted drawings (pass them back as `drawings`) */\n  drawingsChange: [drawings: readonly TradingDrawing[]];\n  /** The selected drawing changed */\n  drawingSelect: [id: string | null];\n  /** The drawing tool changed (back to `cursor` after a drawing) */\n  drawingToolChange: [tool: TradingDrawingTool];\n  /** An indicator was shown or hidden from its legend */\n  indicatorToggle: [event: TradingIndicatorToggleEvent];\n  /** The oldest bar came into view: load older bars (`prependBars`) */\n  historyRequest: [event: TradingHistoryRequestEvent];\n  /** The backend in use (again after a fallback) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, instance } = useChartEngine<\n  TradingChartOptions,\n  TradingChartInstance\n>(\n  createTradingChart,\n  props,\n  () => definedOptions<TradingChartOptions>(props),\n  (chart) => [\n    chart.on(\"crosshairMove\", (e) => emit(\"crosshairMove\", e)),\n    chart.on(\"click\", (e) => emit(\"click\", e)),\n    chart.on(\"visibleRangeChange\", (e) => emit(\"visibleRangeChange\", e)),\n    chart.on(\"orderMove\", (e) => emit(\"orderMove\", e)),\n    chart.on(\"drawingsChange\", (e) => emit(\"drawingsChange\", e)),\n    chart.on(\"drawingSelect\", (e) => emit(\"drawingSelect\", e)),\n    chart.on(\"drawingToolChange\", (e) => emit(\"drawingToolChange\", e)),\n    chart.on(\"indicatorToggle\", (e) => emit(\"indicatorToggle\", e)),\n    chart.on(\"historyRequest\", (e) => emit(\"historyRequest\", e)),\n    chart.on(\"renderer\", (e) => emit(\"rendererChange\", e)),\n  ],\n);\nconst rootStyle = useRootStyle(props, 480);\nconst handle: TradingChartHandle = {\n  update: (bar) => instance.value?.update(bar),\n  appendBars: (bars) => instance.value?.appendBars(bars),\n  prependBars: (bars) => instance.value?.prependBars(bars),\n  setBars: (bars) => instance.value?.setBars(bars),\n  getBarCount: () => instance.value?.getBarCount() ?? 0,\n  getBar: (index) => instance.value?.getBar(index) ?? null,\n  scrollToRealtime: (animate) => instance.value?.scrollToRealtime(animate),\n  fitContent: () => instance.value?.fitContent(),\n  getVisibleRange: () => instance.value?.getVisibleRange() ?? null,\n  setVisibleRange: (range) => instance.value?.setVisibleRange(range),\n  resetPriceScales: () => instance.value?.resetPriceScales(),\n  setDrawingTool: (tool) => instance.value?.setDrawingTool(tool),\n  getDrawings: () => instance.value?.getDrawings() ?? [],\n  removeDrawing: (id) => instance.value?.removeDrawing(id),\n  selectDrawing: (id) => instance.value?.selectDrawing(id),\n  setIndicatorVisible: (id, visible) =>\n    instance.value?.setIndicatorVisible(id, visible),\n  getRenderer: () => instance.value?.getRenderer() ?? null,\n  getInstance: () => instance.value,\n};\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-trading-chart\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,70 @@
+import { useChartEngine as e, useRootStyle as t } from "./engine.js";
+import { definedOptions as n, tradingChartProps as r } from "./trading.js";
+import { createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, unref as l } from "vue";
+import { createTradingChart as u } from "../../../charts/core.js";
+//#region src/components/Chart/TradingChart.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ o({
+	name: "TradingChart",
+	__name: "TradingChart",
+	props: r,
+	emits: [
+		"crosshairMove",
+		"click",
+		"visibleRangeChange",
+		"orderMove",
+		"drawingsChange",
+		"drawingSelect",
+		"drawingToolChange",
+		"indicatorToggle",
+		"historyRequest",
+		"rendererChange"
+	],
+	setup(r, { expose: o, emit: d }) {
+		let f = r, p = d, { setContainer: m, instance: h } = e(u, f, () => n(f), (e) => [
+			e.on("crosshairMove", (e) => p("crosshairMove", e)),
+			e.on("click", (e) => p("click", e)),
+			e.on("visibleRangeChange", (e) => p("visibleRangeChange", e)),
+			e.on("orderMove", (e) => p("orderMove", e)),
+			e.on("drawingsChange", (e) => p("drawingsChange", e)),
+			e.on("drawingSelect", (e) => p("drawingSelect", e)),
+			e.on("drawingToolChange", (e) => p("drawingToolChange", e)),
+			e.on("indicatorToggle", (e) => p("indicatorToggle", e)),
+			e.on("historyRequest", (e) => p("historyRequest", e)),
+			e.on("renderer", (e) => p("rendererChange", e))
+		]), g = t(f, 480);
+		return o({
+			update: (e) => h.value?.update(e),
+			appendBars: (e) => h.value?.appendBars(e),
+			prependBars: (e) => h.value?.prependBars(e),
+			setBars: (e) => h.value?.setBars(e),
+			getBarCount: () => h.value?.getBarCount() ?? 0,
+			getBar: (e) => h.value?.getBar(e) ?? null,
+			scrollToRealtime: (e) => h.value?.scrollToRealtime(e),
+			fitContent: () => h.value?.fitContent(),
+			getVisibleRange: () => h.value?.getVisibleRange() ?? null,
+			setVisibleRange: (e) => h.value?.setVisibleRange(e),
+			resetPriceScales: () => h.value?.resetPriceScales(),
+			setDrawingTool: (e) => h.value?.setDrawingTool(e),
+			getDrawings: () => h.value?.getDrawings() ?? [],
+			removeDrawing: (e) => h.value?.removeDrawing(e),
+			selectDrawing: (e) => h.value?.selectDrawing(e),
+			setIndicatorVisible: (e, t) => h.value?.setIndicatorVisible(e, t),
+			getRenderer: () => h.value?.getRenderer() ?? null,
+			getInstance: () => h.value
+		}), (e, t) => (c(), i("div", {
+			class: "mn-chart mn-trading-chart",
+			"data-minerva": "chart",
+			style: s(l(g))
+		}, [a("div", {
+			ref: l(m),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=TradingChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TradingChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","TradingChart_vue_vue_type_script_setup_true_lang_default","tradingChartProps","__expose","__emit","props","__props","emit","useChartEngine","createTradingChart","definedOptions","chart","rootStyle","useRootStyle","instance","bar","bars","index","animate","range","tool","id","visible","openBlock","createElementBlock","normalizeStyle","unref","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/TradingChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createTradingChart,\n  type ChartRendererKind,\n  type TradingChartInstance,\n  type TradingChartOptions,\n  type TradingClickEvent,\n  type TradingCrosshairEvent,\n  type TradingDrawing,\n  type TradingDrawingTool,\n  type TradingHistoryRequestEvent,\n  type TradingIndicatorToggleEvent,\n  type TradingOrderMoveEvent,\n  type TradingVisibleRange,\n} from \"minerva-design/charts/core\";\nimport { useChartEngine, useRootStyle } from \"./engine\";\nimport { definedOptions, tradingChartProps } from \"./trading\";\nimport type { TradingChartHandle } from \"./types\";\n\n/**\n * Professional trading chart: candles (hollow, Heikin-Ashi, bars, line,\n * area, baseline) over a gap-free time axis, indicator panes, drawing\n * tools, order lines and real-time streaming, drawn on the GPU (engine\n * `createTradingChart`). Stream ticks through the template ref's `update`.\n */\ndefineOptions({ name: \"TradingChart\" });\nconst props = defineProps(tradingChartProps);\nconst emit = defineEmits<{\n  /** The crosshair moved (`null` when it left the chart) */\n  crosshairMove: [event: TradingCrosshairEvent | null];\n  /** A pane was clicked */\n  click: [event: TradingClickEvent];\n  /** The visible bars changed */\n  visibleRangeChange: [range: TradingVisibleRange];\n  /** A draggable price line was dropped at a new price */\n  orderMove: [event: TradingOrderMoveEvent];\n  /** The user added, moved or deleted drawings (pass them back as `drawings`) */\n  drawingsChange: [drawings: readonly TradingDrawing[]];\n  /** The selected drawing changed */\n  drawingSelect: [id: string | null];\n  /** The drawing tool changed (back to `cursor` after a drawing) */\n  drawingToolChange: [tool: TradingDrawingTool];\n  /** An indicator was shown or hidden from its legend */\n  indicatorToggle: [event: TradingIndicatorToggleEvent];\n  /** The oldest bar came into view: load older bars (`prependBars`) */\n  historyRequest: [event: TradingHistoryRequestEvent];\n  /** The backend in use (again after a fallback) */\n  rendererChange: [renderer: ChartRendererKind];\n}>();\nconst { setContainer, instance } = useChartEngine<\n  TradingChartOptions,\n  TradingChartInstance\n>(\n  createTradingChart,\n  props,\n  () => definedOptions<TradingChartOptions>(props),\n  (chart) => [\n    chart.on(\"crosshairMove\", (e) => emit(\"crosshairMove\", e)),\n    chart.on(\"click\", (e) => emit(\"click\", e)),\n    chart.on(\"visibleRangeChange\", (e) => emit(\"visibleRangeChange\", e)),\n    chart.on(\"orderMove\", (e) => emit(\"orderMove\", e)),\n    chart.on(\"drawingsChange\", (e) => emit(\"drawingsChange\", e)),\n    chart.on(\"drawingSelect\", (e) => emit(\"drawingSelect\", e)),\n    chart.on(\"drawingToolChange\", (e) => emit(\"drawingToolChange\", e)),\n    chart.on(\"indicatorToggle\", (e) => emit(\"indicatorToggle\", e)),\n    chart.on(\"historyRequest\", (e) => emit(\"historyRequest\", e)),\n    chart.on(\"renderer\", (e) => emit(\"rendererChange\", e)),\n  ],\n);\nconst rootStyle = useRootStyle(props, 480);\nconst handle: TradingChartHandle = {\n  update: (bar) => instance.value?.update(bar),\n  appendBars: (bars) => instance.value?.appendBars(bars),\n  prependBars: (bars) => instance.value?.prependBars(bars),\n  setBars: (bars) => instance.value?.setBars(bars),\n  getBarCount: () => instance.value?.getBarCount() ?? 0,\n  getBar: (index) => instance.value?.getBar(index) ?? null,\n  scrollToRealtime: (animate) => instance.value?.scrollToRealtime(animate),\n  fitContent: () => instance.value?.fitContent(),\n  getVisibleRange: () => instance.value?.getVisibleRange() ?? null,\n  setVisibleRange: (range) => instance.value?.setVisibleRange(range),\n  resetPriceScales: () => instance.value?.resetPriceScales(),\n  setDrawingTool: (tool) => instance.value?.setDrawingTool(tool),\n  getDrawings: () => instance.value?.getDrawings() ?? [],\n  removeDrawing: (id) => instance.value?.removeDrawing(id),\n  selectDrawing: (id) => instance.value?.selectDrawing(id),\n  setIndicatorVisible: (id, visible) =>\n    instance.value?.setIndicatorVisible(id, visible),\n  getRenderer: () => instance.value?.getRenderer() ?? null,\n  getInstance: () => instance.value,\n};\ndefineExpose(handle);\n</script>\n\n<template>\n  <div\n    class=\"mn-chart mn-trading-chart\"\n    data-minerva=\"chart\"\n    :style=\"rootStyle\"\n  >\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA0BA,IAAMS,IAAQC,GACRC,IAAOH,GAsBP,EAAE,iBAAc,gBAAaI,EAIjCC,GACAJ,SACMK,EAAoCL,CAAK,IAC9C,MAAU;GACTM,EAAM,GAAG,kBAAkB,MAAMJ,EAAK,iBAAiB,CAAC,CAAC;GACzDI,EAAM,GAAG,UAAU,MAAMJ,EAAK,SAAS,CAAC,CAAC;GACzCI,EAAM,GAAG,uBAAuB,MAAMJ,EAAK,sBAAsB,CAAC,CAAC;GACnEI,EAAM,GAAG,cAAc,MAAMJ,EAAK,aAAa,CAAC,CAAC;GACjDI,EAAM,GAAG,mBAAmB,MAAMJ,EAAK,kBAAkB,CAAC,CAAC;GAC3DI,EAAM,GAAG,kBAAkB,MAAMJ,EAAK,iBAAiB,CAAC,CAAC;GACzDI,EAAM,GAAG,sBAAsB,MAAMJ,EAAK,qBAAqB,CAAC,CAAC;GACjEI,EAAM,GAAG,oBAAoB,MAAMJ,EAAK,mBAAmB,CAAC,CAAC;GAC7DI,EAAM,GAAG,mBAAmB,MAAMJ,EAAK,kBAAkB,CAAC,CAAC;GAC3DI,EAAM,GAAG,aAAa,MAAMJ,EAAK,kBAAkB,CAAC,CAAC;EACvD,CACF,GACMK,IAAYC,EAAaR,GAAO,GAAG;SAsBzCF,EAAa;GApBX,SAAS,MAAQW,EAAS,OAAO,OAAOC,CAAG;GAC3C,aAAa,MAASD,EAAS,OAAO,WAAWE,CAAI;GACrD,cAAc,MAASF,EAAS,OAAO,YAAYE,CAAI;GACvD,UAAU,MAASF,EAAS,OAAO,QAAQE,CAAI;GAC/C,mBAAmBF,EAAS,OAAO,YAAY,KAAK;GACpD,SAAS,MAAUA,EAAS,OAAO,OAAOG,CAAK,KAAK;GACpD,mBAAmB,MAAYH,EAAS,OAAO,iBAAiBI,CAAO;GACvE,kBAAkBJ,EAAS,OAAO,WAAW;GAC7C,uBAAuBA,EAAS,OAAO,gBAAgB,KAAK;GAC5D,kBAAkB,MAAUA,EAAS,OAAO,gBAAgBK,CAAK;GACjE,wBAAwBL,EAAS,OAAO,iBAAiB;GACzD,iBAAiB,MAASA,EAAS,OAAO,eAAeM,CAAI;GAC7D,mBAAmBN,EAAS,OAAO,YAAY,KAAK,CAAC;GACrD,gBAAgB,MAAOA,EAAS,OAAO,cAAcO,CAAE;GACvD,gBAAgB,MAAOP,EAAS,OAAO,cAAcO,CAAE;GACvD,sBAAsB,GAAI,MACxBP,EAAS,OAAO,oBAAoBO,GAAIC,CAAO;GACjD,mBAAmBR,EAAS,OAAO,YAAY,KAAK;GACpD,mBAAmBA,EAAS;EAEjB,CAAM,cAIjBlB,EAAA,GAAAC,EAMM,OAAA;GALJ,OAAM;GACN,gBAAa;GACZ,OAAKC,EAAEC,EAAAa,CAAA,CAAS;EAEjBZ,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAA6B,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,97 @@
+import { PropType } from 'vue';
+import { ShapeHoverEvent, ShapeToggleEvent, TreemapNode } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Nodes `{ name, value, children }`: leaves carry a value, parents sum their children */
+    data: {
+        type: PropType<readonly TreemapNode[]>;
+        required: true;
+    };
+    /** Gap between the cells, in pixels (default 2) */
+    gap: NumberConstructor;
+    /** Draws the names of the parents above their children (default `true`) */
+    headers: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    palette: PropType<readonly string[]>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: PropType<(value: number) => string>;
+    percentFormat: PropType<(share: number) => string>;
+    hidden: PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: PropType<import('../../../charts/core.js').ShapeChartCommonOptions["texts"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, import('./types.js').ShapeChartHandle, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: ShapeHoverEvent) => any;
+    toggle: (event: ShapeToggleEvent) => any;
+    hover: (event: ShapeHoverEvent | null) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Nodes `{ name, value, children }`: leaves carry a value, parents sum their children */
+    data: {
+        type: PropType<readonly TreemapNode[]>;
+        required: true;
+    };
+    /** Gap between the cells, in pixels (default 2) */
+    gap: NumberConstructor;
+    /** Draws the names of the parents above their children (default `true`) */
+    headers: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    palette: PropType<readonly string[]>;
+    legend: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: PropType<boolean | import('../../../charts/core.js').ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: PropType<(value: number) => string>;
+    percentFormat: PropType<(share: number) => string>;
+    hidden: PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: PropType<import('../../../charts/core.js').ChartPadding>;
+    ariaLabel: StringConstructor;
+    locale: StringConstructor;
+    texts: PropType<import('../../../charts/core.js').ShapeChartCommonOptions["texts"]>;
+    height: PropType<number | string>;
+    width: PropType<number | string>;
+    deep: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((event: ShapeHoverEvent) => any) | undefined;
+    onToggle?: ((event: ShapeToggleEvent) => any) | undefined;
+    onHover?: ((event: ShapeHoverEvent | null) => any) | undefined;
+}>, {
+    tooltip: boolean | import('../../../charts/core.js').ShapeTooltipOptions;
+    legend: boolean | import('../../../charts/core.js').ShapeLegendOptions;
+    animation: boolean;
+    deep: boolean;
+    headers: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreemapChart.vue.js","names":["_sfc_main","TreemapChart_vue_vue_type_script_setup_true_lang_default","TreemapChart_default"],"sources":["../../../../../vue/src/components/Chart/TreemapChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n  TreemapNode,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { shapeCommonProps } from \"./props\";\nimport { shapeCommonOptions, useShapeChart } from \"./shape\";\n\n/** Treemap: nested rectangles of areas proportional to the values */\ndefineOptions({ name: \"TreemapChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Nodes `{ name, value, children }`: leaves carry a value, parents sum their children */\n  data: { type: Array as PropType<readonly TreemapNode[]>, required: true },\n  /** Gap between the cells, in pixels (default 2) */\n  gap: Number,\n  /** Draws the names of the parents above their children (default `true`) */\n  headers: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) cell changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A cell was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** A top-level node was hidden / shown (legend or `toggle()`) */\n  toggle: [event: ShapeToggleEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"treemap\",\n    data: raw(props.data),\n    gap: props.gap,\n    headers: props.headers,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-shape-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,54 @@
+import { raw as e } from "./engine.js";
+import { shapeCommonProps as t } from "./props.js";
+import { shapeCommonOptions as n, useShapeChart as r } from "./shape.js";
+import { createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, unref as l } from "vue";
+//#region src/components/Chart/TreemapChart.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ o({
+	name: "TreemapChart",
+	__name: "TreemapChart",
+	props: {
+		...t,
+		data: {
+			type: Array,
+			required: !0
+		},
+		gap: Number,
+		headers: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: [
+		"hover",
+		"click",
+		"toggle"
+	],
+	setup(t, { expose: o, emit: u }) {
+		let d = t, f = u, { setContainer: p, rootStyle: m, handle: h } = r(d, () => ({
+			...n(d),
+			type: "treemap",
+			data: e(d.data),
+			gap: d.gap,
+			headers: d.headers
+		}), {
+			hover: (e) => f("hover", e),
+			click: (e) => f("click", e),
+			toggle: (e) => f("toggle", e)
+		});
+		return o(h), (e, t) => (c(), i("div", {
+			class: "mn-chart mn-shape-chart",
+			"data-minerva": "chart",
+			style: s(l(m))
+		}, [a("div", {
+			ref: l(p),
+			style: {
+				position: "absolute",
+				inset: "0"
+			}
+		}, null, 512)], 4));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TreemapChart.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreemapChart.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_unref","_createElementVNode","TreemapChart_vue_vue_type_script_setup_true_lang_default","shapeCommonProps","__expose","__emit","props","__props","emit","useShapeChart","shapeCommonOptions","raw","event","handle","openBlock","createElementBlock","normalizeStyle","unref","rootStyle","createElementVNode","setContainer","\"position\"","\"inset\""],"sources":["../../../../../vue/src/components/Chart/TreemapChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport type {\n  ShapeHoverEvent,\n  ShapeToggleEvent,\n  TreemapNode,\n} from \"minerva-design/charts/core\";\nimport { raw } from \"./engine\";\nimport { shapeCommonProps } from \"./props\";\nimport { shapeCommonOptions, useShapeChart } from \"./shape\";\n\n/** Treemap: nested rectangles of areas proportional to the values */\ndefineOptions({ name: \"TreemapChart\" });\nconst props = defineProps({\n  ...shapeCommonProps,\n  /** Nodes `{ name, value, children }`: leaves carry a value, parents sum their children */\n  data: { type: Array as PropType<readonly TreemapNode[]>, required: true },\n  /** Gap between the cells, in pixels (default 2) */\n  gap: Number,\n  /** Draws the names of the parents above their children (default `true`) */\n  headers: { type: Boolean, default: undefined },\n});\nconst emit = defineEmits<{\n  /** The hovered (or keyboard-focused) cell changed (`null`: none) */\n  hover: [event: ShapeHoverEvent | null];\n  /** A cell was clicked, tapped or activated with Enter */\n  click: [event: ShapeHoverEvent];\n  /** A top-level node was hidden / shown (legend or `toggle()`) */\n  toggle: [event: ShapeToggleEvent];\n}>();\nconst { setContainer, rootStyle, handle } = useShapeChart(\n  props,\n  () => ({\n    ...shapeCommonOptions(props),\n    type: \"treemap\",\n    data: raw(props.data),\n    gap: props.gap,\n    headers: props.headers,\n  }),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"click\", event),\n    toggle: (event) => emit(\"toggle\", event),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart mn-shape-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMS,IAAQC,GASRC,IAAOH,GAQP,EAAE,iBAAc,cAAW,cAAWI,EAC1CH,UACO;GACL,GAAGI,EAAmBJ,CAAK;GAC3B,MAAM;GACN,MAAMK,EAAIL,EAAM,IAAI;GACpB,KAAKA,EAAM;GACX,SAASA,EAAM;EACjB,IACA;GACE,QAAQ,MAAUE,EAAK,SAASI,CAAK;GACrC,QAAQ,MAAUJ,EAAK,SAASI,CAAK;GACrC,SAAS,MAAUJ,EAAK,UAAUI,CAAK;EACzC,CACF;SACAR,EAAaS,CAAM,cAIjBhB,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAA0B,gBAAa;GAAS,OAAKC,EAAEC,EAAAkB,CAAA,CAAS;EACzEjB,GAAAA,CAAAA,EAAoE,OAAA;GAA9D,KAAKD,EAAAoB,CAAA;GAAc,OAAA;IAAAC,UAAA;IAAAC,OAAA;GAAA"}

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

@@ -0,0 +1,132 @@
+import { PropType } from 'vue';
+import { WaterfallStep, ChartHoverEvent, ChartPlotClickEvent, ChartRendererKind, ChartView } from '../../../charts/core.js';
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Changes, subtotals and totals, in order */
+    steps: {
+        type: PropType<readonly WaterfallStep[]>;
+        required: true;
+    };
+    /** Name of the series (tooltip; default "Change") */
+    name: StringConstructor;
+    /** Color of the increases (the success color by default) */
+    upColor: StringConstructor;
+    /** Color of the decreases (the danger color by default) */
+    downColor: StringConstructor;
+    /** Color of the totals and subtotals (the primary color by default) */
+    totalColor: StringConstructor;
+    /** Value the first change starts from (default 0) */
+    start: NumberConstructor;
+    /** Writes the change (or the total) at the end of every bar */
+    labels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Formats the values (labels, tooltip) */
+    format: PropType<(value: number) => string>;
+    orientation: PropType<import('../../../charts/core.js').ChartOrientation>;
+    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;
+    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<{
+    /** Changes, subtotals and totals, in order */
+    steps: {
+        type: PropType<readonly WaterfallStep[]>;
+        required: true;
+    };
+    /** Name of the series (tooltip; default "Change") */
+    name: StringConstructor;
+    /** Color of the increases (the success color by default) */
+    upColor: StringConstructor;
+    /** Color of the decreases (the danger color by default) */
+    downColor: StringConstructor;
+    /** Color of the totals and subtotals (the primary color by default) */
+    totalColor: StringConstructor;
+    /** Value the first change starts from (default 0) */
+    start: NumberConstructor;
+    /** Writes the change (or the total) at the end of every bar */
+    labels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Formats the values (labels, tooltip) */
+    format: PropType<(value: number) => string>;
+    orientation: PropType<import('../../../charts/core.js').ChartOrientation>;
+    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;
+    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;
+    labels: 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/WaterfallChart.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"WaterfallChart.vue.js","names":["_sfc_main","WaterfallChart_vue_vue_type_script_setup_true_lang_default","WaterfallChart_default"],"sources":["../../../../../vue/src/components/Chart/WaterfallChart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { PropType } from \"vue\";\nimport {\n  waterfallSeries,\n  type WaterfallStep,\n  type ChartHoverEvent,\n  type ChartPlotClickEvent,\n  type ChartRendererKind,\n  type ChartView,\n} from \"minerva-design/charts/core\";\nimport { engineOptions, useCartesianChart } from \"./cartesian\";\nimport { raw } from \"./engine\";\nimport {\n  chartAxisProps,\n  chartCommonProps,\n  chartOrientationProp,\n} from \"./props\";\n\n/**\n * Waterfall (bridge) chart: how changes take a value from a start to an\n * end, with subtotals and totals (P&L bridges, budget variances)\n */\ndefineOptions({ name: \"WaterfallChart\" });\nconst props = defineProps({\n  ...chartCommonProps,\n  ...chartAxisProps,\n  ...chartOrientationProp,\n  /** Changes, subtotals and totals, in order */\n  steps: { type: Array as PropType<readonly WaterfallStep[]>, required: true },\n  /** Name of the series (tooltip; default \"Change\") */\n  name: String,\n  /** Color of the increases (the success color by default) */\n  upColor: String,\n  /** Color of the decreases (the danger color by default) */\n  downColor: String,\n  /** Color of the totals and subtotals (the primary color by default) */\n  totalColor: String,\n  /** Value the first change starts from (default 0) */\n  start: Number,\n  /** Writes the change (or the total) at the end of every bar */\n  labels: { type: Boolean, default: true },\n  /** Formats the values (labels, tooltip) */\n  format: Function as PropType<(value: number) => string>,\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(props, [\n      waterfallSeries(raw(props.steps), {\n        name: props.name,\n        upColor: props.upColor,\n        downColor: props.downColor,\n        totalColor: props.totalColor,\n        start: props.start,\n        labels: props.labels,\n        format: props.format,\n      }),\n    ]),\n  {\n    hover: (event) => emit(\"hover\", event),\n    click: (event) => emit(\"pointClick\", event),\n    plotClick: (event) => emit(\"plotClick\", event),\n    zoom: (view) => emit(\"zoom\", view),\n    renderer: (renderer) => emit(\"rendererChange\", renderer),\n  },\n);\ndefineExpose(handle);\n</script>\n\n<template>\n  <div class=\"mn-chart\" data-minerva=\"chart\" :style=\"rootStyle\">\n    <div :ref=\"setContainer\" style=\"position: absolute; inset: 0\"></div>\n  </div>\n</template>\n"],"mappings":""}