vue-data-ui 3.20.1 → 3.20.2

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

@@ -0,0 +1,146 @@
+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,
+    VueUiXyEmits,
+    VueUiXyEmitSelectTimeLabel,
+    VueUiXyEmitSelectX,
+    VueUiXyEmitSelectLegend,
+    VueUiXyEmitZoom,
+    VueUiXyEmitCopyAlt,
+} from 'vue-data-ui';
+
+export 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,
+    VueUiXyEmits,
+    VueUiXyEmitSelectTimeLabel,
+    VueUiXyEmitSelectX,
+    VueUiXyEmitSelectLegend,
+    VueUiXyEmitZoom,
+    VueUiXyEmitCopyAlt,
+};
+
+declare const VueUiXyBase: DefineComponent<
+    VueUiXyProps,
+    {},
+    {},
+    {},
+    {},
+    {},
+    {},
+    VueUiXyEmits
+>;
+
+export const VueUiXy: typeof VueUiXyBase & {
+    new (): VueUiXyExpose & {
+        $slots: CommonAnnotatorSlots & {
+            ['custom-menu-before']?: () => VNodeChild;
+            ['custom-menu-after']?: () => VNodeChild;
+            legend?: (props: VueUiXyLegendSlotProps) => VNodeChild;
+            ['reset-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-BIVntRZp.js

@@ -0,0 +1,50 @@
+import { o as e } from "./lib-DUeYQsS0.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-DYqac8yF.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 };