vue-data-ui 3.17.13 → 3.18.1

package/dist/types/vue-ui-world.d.ts

@@ -1,4 +1,23 @@
-import { DefineComponent } from 'vue';
+import type { DefineComponent, VNodeChild } from 'vue';
+
+import type {
+    VueUiWorldDatapoint,
+    VueUiWorldConfig,
+    VueUiWorldDataset,
+    VueUiWorldExpose,
+    VueUiWorldEvent,
+    VueUiWorldProps,
+    CommonAnnotatorSlots,
+    VueUiMenuIconSlotProps,
+    VueUiOptionFullscreenSlotProps,
+    VueUiOptionAnnotatorSlotProps,
+    VueUiWorldPatternSlotProps,
+    VueUiWorldSvgSlotProps,
+    VueUiWatermarkSlotProps,
+    VueUiWorldLegendItem,
+    VueUiWorldLegendSlotProps,
+    VueUiWorldTooltipSlotProps,
+} from 'vue-data-ui';
 
 export type {
     VueUiWorldDatapoint,
@@ -6,15 +25,55 @@ export type {
     VueUiWorldDataset,
     VueUiWorldExpose,
     VueUiWorldEvent,
-} from './vue-data-ui';
+    VueUiWorldProps,
+    CommonAnnotatorSlots,
+    VueUiMenuIconSlotProps,
+    VueUiOptionFullscreenSlotProps,
+    VueUiOptionAnnotatorSlotProps,
+    VueUiWorldPatternSlotProps,
+    VueUiWorldSvgSlotProps,
+    VueUiWatermarkSlotProps,
+    VueUiWorldLegendItem,
+    VueUiWorldLegendSlotProps,
+    VueUiWorldTooltipSlotProps,
+};
+
+declare const VueUiWorldBase: DefineComponent<VueUiWorldProps>;
 
-declare const VueUiWorld: DefineComponent<
-    {
-        config?: VueUiWorldConfig;
-        dataset?: VueUiWorldDataset;
-    },
-    VueUiWorldExpose
->;
+export const VueUiWorld: typeof VueUiWorldBase & {
+    new (): VueUiWorldExpose & {
+        $slots: CommonAnnotatorSlots & {
+            menuIcon?: (props: VueUiMenuIconSlotProps) => VNodeChild;
+            optionTooltip?: () => VNodeChild;
+            optionPdf?: () => VNodeChild;
+            optionCsv?: () => VNodeChild;
+            optionImg?: () => VNodeChild;
+            optionSvg?: () => VNodeChild;
+            optionTable?: () => VNodeChild;
+            optionFullscreen?: (
+                props: VueUiOptionFullscreenSlotProps,
+            ) => VNodeChild;
+            optionAltCopy?: () => VNodeChild;
+            optionAnnotator?: (
+                props: VueUiOptionAnnotatorSlotProps,
+            ) => VNodeChild;
+            ['chart-background']?: () => VNodeChild;
+            pattern?: (props: VueUiWorldPatternSlotProps) => VNodeChild;
+            svg?: (props: VueUiWorldSvgSlotProps) => VNodeChild;
+            watermark?: (props: VueUiWatermarkSlotProps) => VNodeChild;
+            source?: () => VNodeChild;
+            skeleton?: () => VNodeChild;
+            legend?: (props: VueUiWorldLegendSlotProps) => VNodeChild;
+            ['tooltip-before']?: (
+                props: VueUiWorldTooltipSlotProps,
+            ) => VNodeChild;
+            tooltip?: (props: VueUiWorldTooltipSlotProps) => VNodeChild;
+            ['tooltip-after']?: (
+                props: VueUiWorldTooltipSlotProps,
+            ) => VNodeChild;
+        };
+    };
+};
 
 export default VueUiWorld;
 export { VueUiWorld };

package/dist/types/vue-ui-xy-canvas.d.ts

@@ -1,18 +1,84 @@
-import { DefineComponent } from 'vue';
+import type { DefineComponent, VNodeChild } from 'vue';
+
+import type {
+    VueUiXyCanvasDatasetItem,
+    VueUiXyCanvasConfig,
+    VueUiXyCanvasExpose,
+    VueUiXyCanvasProps,
+    VueUiXyCanvasDatapoint,
+    VueUiXyCanvasTooltipDatapoint,
+    CommonAnnotatorSlots,
+    VueUiMenuIconSlotProps,
+    VueUiOptionStackSlotProps,
+    VueUiOptionFullscreenSlotProps,
+    VueUiOptionAnnotatorSlotProps,
+    VueUiKeyboardNavigationHintSlotProps,
+    VueUiWatermarkSlotProps,
+    VueUiXyCanvasTooltipSlotProps,
+    VueUiResetActionSlotProps,
+    VueUiXyCanvasLegendItem,
+    VueUiXyCanvasLegendSlotProps,
+} from 'vue-data-ui';
 
 export type {
     VueUiXyCanvasDatasetItem,
     VueUiXyCanvasConfig,
     VueUiXyCanvasExpose,
-} from './vue-data-ui';
+    VueUiXyCanvasProps,
+    VueUiXyCanvasDatapoint,
+    VueUiXyCanvasTooltipDatapoint,
+    CommonAnnotatorSlots,
+    VueUiMenuIconSlotProps,
+    VueUiOptionStackSlotProps,
+    VueUiOptionFullscreenSlotProps,
+    VueUiOptionAnnotatorSlotProps,
+    VueUiKeyboardNavigationHintSlotProps,
+    VueUiWatermarkSlotProps,
+    VueUiXyCanvasTooltipSlotProps,
+    VueUiResetActionSlotProps,
+    VueUiXyCanvasLegendItem,
+    VueUiXyCanvasLegendSlotProps,
+};
+
+declare const VueUiXyCanvasBase: DefineComponent<VueUiXyCanvasProps>;
 
-declare const VueUiXyCanvas: DefineComponent<
-    {
-        dataset: VueUiXyCanvasDatasetItem[];
-        config?: VueUiXyCanvasConfig;
-    },
-    VueUiXyCanvasExpose
->;
+export const VueUiXyCanvas: typeof VueUiXyCanvasBase & {
+    new (): VueUiXyCanvasExpose & {
+        $slots: CommonAnnotatorSlots & {
+            menuIcon?: (props: VueUiMenuIconSlotProps) => VNodeChild;
+            optionTooltip?: () => VNodeChild;
+            optionPdf?: () => VNodeChild;
+            optionCsv?: () => VNodeChild;
+            optionImg?: () => VNodeChild;
+            optionSvg?: () => VNodeChild;
+            optionTable?: () => VNodeChild;
+            optionLabels?: () => VNodeChild;
+            optionStack?: (props: VueUiOptionStackSlotProps) => VNodeChild;
+            optionFullscreen?: (
+                props: VueUiOptionFullscreenSlotProps,
+            ) => VNodeChild;
+            optionAnnotator?: (
+                props: VueUiOptionAnnotatorSlotProps,
+            ) => VNodeChild;
+            optionAltCopy?: () => VNodeChild;
+            hint?: (props: VueUiKeyboardNavigationHintSlotProps) => VNodeChild;
+            watermark?: (props: VueUiWatermarkSlotProps) => VNodeChild;
+            source?: () => VNodeChild;
+            skeleton?: () => VNodeChild;
+            ['tooltip-before']?: (
+                props: VueUiXyCanvasTooltipSlotProps,
+            ) => VNodeChild;
+            tooltip?: (props: VueUiXyCanvasTooltipSlotProps) => VNodeChild;
+            ['tooltip-after']?: (
+                props: VueUiXyCanvasTooltipSlotProps,
+            ) => VNodeChild;
+            ['resest-action']?: (
+                props: VueUiResetActionSlotProps,
+            ) => VNodeChild;
+            legend?: (props: VueUiXyCanvasLegendSlotProps) => VNodeChild;
+        };
+    };
+};
 
 export default VueUiXyCanvas;
 export { VueUiXyCanvas };

package/dist/types/vue-ui-xy.d.ts

@@ -1,4 +1,40 @@
-import { DefineComponent } from 'vue';
+import type { DefineComponent, VNodeChild } from 'vue';
+
+import type {
+    VueUiXyHighlightArea,
+    VueUiXyAnnotation,
+    VueUiXyConfig,
+    VueUiXyDatasetItem,
+    VueUiXyDatasetBarItem,
+    VueUiXyDatasetLineItem,
+    VueUiXyDatasetPlotItem,
+    VueUiXySeries,
+    VueUiXyDatapointItem,
+    VueUiXyExpose,
+    VueUiXyEvent,
+    VueUiXyProps,
+    VueUiXyLegendSlotProps,
+    VueUiResetActionSlotProps,
+    VueUiXyTooltipSlotProps,
+    VueUiAnnotatorActionColorSlotProps,
+    VueUiAnnotatorActionDrawSlotProps,
+    VueUiAnnotatorActionUndoSlotProps,
+    VueUiAnnotatorActionRedoSlotProps,
+    VueUiAnnotatorActionDeleteSlotProps,
+    VueUiMenuIconSlotProps,
+    VueUiOptionStackSlotProps,
+    VueUiOptionFullscreenSlotProps,
+    VueUiOptionAnnotatorSlotProps,
+    VueUiXyBarGradientSlotProps,
+    VueUiXyAreaGradientSlotProps,
+    VueUiXyPlotCommentSlotProps,
+    VueUiPatternSlotProps,
+    VueUiXyTimeLabelSlotProps,
+    VueUiXySvgSlotProps,
+    VueUiKeyboardNavigationHintSlotProps,
+    VueUiWatermarkSlotProps,
+    CommonAnnotatorSlots,
+} from 'vue-data-ui';
 
 export type {
     VueUiXyHighlightArea,
@@ -12,16 +48,78 @@ export type {
     VueUiXyDatapointItem,
     VueUiXyExpose,
     VueUiXyEvent,
-} from './vue-data-ui';
+    VueUiXyProps,
+    VueUiXyLegendSlotProps,
+    VueUiResetActionSlotProps,
+    VueUiXyTooltipSlotProps,
+    VueUiAnnotatorActionColorSlotProps,
+    VueUiAnnotatorActionDrawSlotProps,
+    VueUiAnnotatorActionUndoSlotProps,
+    VueUiAnnotatorActionRedoSlotProps,
+    VueUiAnnotatorActionDeleteSlotProps,
+    VueUiMenuIconSlotProps,
+    VueUiOptionStackSlotProps,
+    VueUiOptionFullscreenSlotProps,
+    VueUiOptionAnnotatorSlotProps,
+    VueUiXyBarGradientSlotProps,
+    VueUiXyAreaGradientSlotProps,
+    VueUiXyPlotCommentSlotProps,
+    VueUiPatternSlotProps,
+    VueUiXyTimeLabelSlotProps,
+    VueUiXySvgSlotProps,
+    VueUiKeyboardNavigationHintSlotProps,
+    VueUiWatermarkSlotProps,
+    CommonAnnotatorSlots,
+};
+
+declare const VueUiXyBase: DefineComponent<VueUiXyProps>;
 
-declare const VueUiXy: DefineComponent<
-    {
-        config?: VueUiXyConfig;
-        dataset: VueUiXyDatasetItem[];
-        selectedXIndex?: number | null;
-    },
-    VueUiXyExpose
->;
+export const VueUiXy: typeof VueUiXyBase & {
+    new (): VueUiXyExpose & {
+        $slots: CommonAnnotatorSlots & {
+            legend?: (props: VueUiXyLegendSlotProps) => VNodeChild;
+            ['resest-action']?: (
+                props: VueUiResetActionSlotProps,
+            ) => VNodeChild;
+            ['tooltip-before']?: (props: VueUiXyTooltipSlotProps) => VNodeChild;
+            tooltip?: (props: VueUiXyTooltipSlotProps) => VNodeChild;
+            ['tooltip-after']?: (props: VueUiXyTooltipSlotProps) => VNodeChild;
+            menuIcon?: (props: VueUiMenuIconSlotProps) => VNodeChild;
+            optionTooltip?: () => VNodeChild;
+            optionPdf?: () => VNodeChild;
+            optionCsv?: () => VNodeChild;
+            optionImg?: () => VNodeChild;
+            optionSvg?: () => VNodeChild;
+            optionTable?: () => VNodeChild;
+            optionLabels?: () => VNodeChild;
+            optionStack?: (props: VueUiOptionStackSlotProps) => VNodeChild;
+            optionFullscreen?: (
+                props: VueUiOptionFullscreenSlotProps,
+            ) => VNodeChild;
+            optionAnnotator?: (
+                props: VueUiOptionAnnotatorSlotProps,
+            ) => VNodeChild;
+            optionAltCopy?: () => VNodeChild;
+            ['chart-background']?: () => VNodeChild;
+            ['bar-gradient']?: (
+                props: VueUiXyBarGradientSlotProps,
+            ) => VNodeChild;
+            ['area-gradient']?: (
+                props: VueUiXyAreaGradientSlotProps,
+            ) => VNodeChild;
+            ['plot-comment']?: (
+                props: VueUiXyPlotCommentSlotProps,
+            ) => VNodeChild;
+            pattern?: (props: VueUiPatternSlotProps) => VNodeChild;
+            ['time-label']?: (props: VueUiXyTimeLabelSlotProps) => VNodeChild;
+            svg?: (props: VueUiXySvgSlotProps) => VNodeChild;
+            hint?: (props: VueUiKeyboardNavigationHintSlotProps) => VNodeChild;
+            watermark?: (props: VueUiWatermarkSlotProps) => VNodeChild;
+            source?: () => VNodeChild;
+            skeleton?: () => VNodeChild;
+        };
+    };
+};
 
 export default VueUiXy;
 export { VueUiXy };

package/dist/useAutoSizeLabelsInsideViewbox-dp-3Gg97.js

@@ -0,0 +1,50 @@
+import { o as e } from "./lib-BkiwukKO.js";
+//#region src/useAutoSizeLabelsInsideViewbox.js
+function t({ svgRef: t, fontSize: n, minFontSize: r, sizeRef: i, labelClass: a, labelTypes: o = [] }) {
+	let s = null;
+	function c(e, t, n = 1) {
+		let { x: r, y: i, width: a, height: o } = e.getBBox(), s = r >= t.x + n, c = r + a <= t.x + t.width - n, l = i >= t.y + n, u = i + o <= t.y + t.height - n;
+		return s && c && l && u;
+	}
+	function l(e, t, n, r, i = 120, a = 1) {
+		let o = n, s = 0;
+		for (; s < i && (e.setAttribute("font-size", o), !(c(e, t, a) || o <= r));) o -= .5, s += 1;
+		return o < r ? r : o;
+	}
+	function u() {
+		let s = t.value;
+		if (!s) return;
+		let [c, u, d, f] = s.getAttribute("viewBox").split(" ").map(Number), p = {
+			x: c,
+			y: u,
+			width: d,
+			height: f
+		};
+		o.length || (o = [{
+			selector: a,
+			baseSize: n,
+			minSize: r,
+			sizeRef: i
+		}]), o.map((e) => s.querySelectorAll(e.selector).length).reduce((e, t) => e + t, 0) !== 0 && o.forEach(({ selector: t, baseSize: n, minSize: r, sizeRef: i }) => {
+			s.querySelectorAll(t).forEach((t) => {
+				let a = l(t, p, e({
+					el: t,
+					bounds: p,
+					currentFontSize: n,
+					minFontSize: r,
+					attempts: 200,
+					padding: 1
+				}), r, 120, 1);
+				t.setAttribute("font-size", a), i.value = a;
+			});
+		});
+	}
+	function d() {
+		s && cancelAnimationFrame(s), s = requestAnimationFrame(() => {
+			s = null, u();
+		});
+	}
+	return { autoSizeLabels: d };
+}
+//#endregion
+export { t };

package/dist/useChartAccessibility-Do37qcw2.js

@@ -0,0 +1,12 @@
+import { nextTick as e, onMounted as t, ref as n } from "vue";
+//#region src/useChartAccessibility.js
+function r({ config: r }) {
+	let i = n(null), a = r?.text || "Chart visualization", o = r?.subtitle?.text || "";
+	return t(() => {
+		e(() => {
+			i.value && (i.value.setAttribute("aria-label", `${a}${o ? `. ${o}` : ""}`), i.value.setAttribute("role", "img"), i.value.setAttribute("aria-live", "polite"));
+		});
+	}), { svgRef: i };
+}
+//#endregion
+export { r as t };