vue-data-ui 3.22.7 → 3.22.8

package/dist/{vue-ui-relation-circle-DRZGQ_UX.js → vue-ui-relation-circle-L7-dTqet.js}

@@ -1,67 +1,67 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Gt as t, Ot as n, Q as r, S as i, Ut as a, W as o, Wt as s, i as c, jt as ee, q as te, r as ne, t as re, ut as ie } from "./lib-EAmk-PgA.js";
-import { t as ae } from "./useConfig-DYM3f6EI.js";
-import { t as oe } from "./usePrinter-DnGzpp6Q.js";
-import { n as se, t as ce } from "./BaseScanner-DZvpgOjM.js";
-import { t as le } from "./useSvgExport-SVIsDot8.js";
-import { t as ue } from "./useNestedProp-D8XqxgOU.js";
-import { t as de } from "./useThemeCheck-C43Tcqmk.js";
-import { t as fe } from "./img-B_abIg0o.js";
-import { n as pe } from "./Title-PiTKr6sp.js";
-import { t as me } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as he } from "./canvas-lib-BOP_HS11.js";
-import { t as ge } from "./useResponsive-BfnK0KxU.js";
-import { t as _e } from "./A11yDataTable-DdRsVULz.js";
-import { t as ve } from "./useUserOptionState-DK-_1ddE.js";
-import { t as ye } from "./useChartAccessibility-DYqac8yF.js";
-import { t as be } from "./useAutoSizeLabelsInsideViewbox-CyOGrdD_.js";
-import { t as xe } from "./vue_ui_relation_circle-D0p4mXmv.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as Se, createTextVNode as Ce, createVNode as we, defineAsyncComponent as Te, guardReactiveProps as h, mergeProps as Ee, nextTick as De, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as Oe, onMounted as ke, openBlock as y, ref as b, renderList as x, renderSlot as S, shallowRef as Ae, toDisplayString as C, toRefs as je, unref as w, useCssVars as Me, watch as Ne, withCtx as T } from "vue";
+import { $ as t, G as n, Gt as r, J as i, Kt as a, Mt as o, S as ee, Wt as te, dt as ne, i as re, kt as ie, r as ae, t as oe } from "./lib-JqW18y5I.js";
+import { t as se } from "./useConfig-DYM3f6EI.js";
+import { t as ce } from "./usePrinter-CqqHmnBI.js";
+import { n as le, t as ue } from "./BaseScanner-DZvpgOjM.js";
+import { t as de } from "./useSvgExport-SVIsDot8.js";
+import { t as s } from "./useNestedProp-DIuuzG1r.js";
+import { t as fe } from "./useThemeCheck-C43Tcqmk.js";
+import { t as pe } from "./img-DnP3eXuv.js";
+import { n as me } from "./Title-CcNiYzEo.js";
+import { t as he } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as ge } from "./canvas-lib-BOP_HS11.js";
+import { t as _e } from "./useResponsive-BfnK0KxU.js";
+import { t as ve } from "./A11yDataTable-DdRsVULz.js";
+import { t as ye } from "./useUserOptionState-DK-_1ddE.js";
+import { t as be } from "./useChartAccessibility-DYqac8yF.js";
+import { t as xe } from "./useAutoSizeLabelsInsideViewbox-BGnDfZdg.js";
+import { t as Se } from "./vue_ui_relation_circle-D0p4mXmv.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as Ce, createTextVNode as we, createVNode as Te, defineAsyncComponent as m, guardReactiveProps as h, mergeProps as Ee, nextTick as De, normalizeClass as Oe, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as ke, onMounted as Ae, openBlock as v, ref as y, renderList as b, renderSlot as x, shallowRef as je, toDisplayString as S, toRefs as Me, unref as C, useCssVars as Ne, watch as Pe, withCtx as w } from "vue";
 //#region src/components/vue-ui-relation-circle.vue
-var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le = { style: { position: "relative" } }, Re = [
+var Fe = /* @__PURE__ */ e({ default: () => T }), Ie = ["id"], Le = ["id"], Re = { style: { position: "relative" } }, ze = [
 	"xmlns",
 	"viewBox",
 	"aria-describedby"
-], ze = ["width", "height"], Be = [
+], Be = ["width", "height"], Ve = [
 	"cx",
 	"cy",
 	"r",
 	"stroke",
 	"stroke-width"
-], Ve = { key: 1 }, He = [
+], He = { key: 1 }, Ue = [
 	"stroke",
 	"d",
 	"stroke-width"
-], Ue = { style: { "pointer-events": "none" } }, We = [
+], We = { style: { "pointer-events": "none" } }, Ge = [
 	"cx",
 	"cy",
 	"fill",
 	"r",
 	"stroke"
-], Ge = [
+], Ke = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], Ke = { key: 2 }, qe = [
+], qe = { key: 2 }, Je = [
 	"stroke",
 	"stroke-width",
 	"x1",
 	"x2",
 	"y1",
 	"y2"
-], Je = { style: { "pointer-events": "none" } }, Ye = [
+], Ye = { style: { "pointer-events": "none" } }, Xe = [
 	"cx",
 	"cy",
 	"fill",
 	"r",
 	"stroke"
-], Xe = [
+], Ze = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], Ze = [
+], Qe = [
 	"text-anchor",
 	"transform",
 	"x",
@@ -73,7 +73,7 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], Qe = [
+], $e = [
 	"cx",
 	"cy",
 	"fill",
@@ -82,7 +82,7 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], $e = {
+], et = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -92,10 +92,10 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, et = {
+}, tt = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, tt = /*#__PURE__*/ me({
+}, T = /*#__PURE__*/ he({
 	__name: "vue-ui-relation-circle",
 	props: {
 		dataset: {
@@ -112,13 +112,13 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 		}
 	},
 	emits: ["copyAlt"],
-	setup(e, { expose: me, emit: Pe }) {
-		Me((e) => ({
+	setup(e, { expose: he, emit: Fe }) {
+		Ne((e) => ({
 			ab5e8c6c: jt.value,
 			v309156a9: At.value,
 			v6c0f80cb: Mt.value
 		}));
-		let tt = Te(() => import("./PenAndPaper-gaV1QPpP.js").then((e) => e.t)), nt = Te(() => import("./UserOptions-BL9VlHop.js").then((e) => e.n)), rt = Te(() => import("./PackageVersion-Dse0n05o.js").then((e) => e.t)), { vue_ui_relation_circle: it } = ae(), { isThemeValid: at, warnInvalidTheme: ot } = de(), E = e, st = Pe, ct = u(() => !!E.dataset && Object.keys(E.dataset).length), D = b(o()), lt = b(0), O = b(null), ut = b(null), dt = b(null), ft = b(null), pt = b(0), k = b(!1), A = b(!1), j = b(null), M = b(!1), N = b(xt()), P = u(() => N.value.userOptions.useCursorPointer), mt = u(() => t({
+		let T = m(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), nt = m(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), rt = m(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), { vue_ui_relation_circle: it } = se(), { isThemeValid: at, warnInvalidTheme: ot } = fe(), E = e, st = Fe, ct = l(() => !!E.dataset && Object.keys(E.dataset).length), D = y(n()), lt = y(0), O = y(null), ut = y(null), dt = y(null), ft = y(null), pt = y(0), k = y(!1), A = y(!1), j = y(null), M = y(!1), N = y(xt()), P = l(() => N.value.userOptions.useCursorPointer), mt = l(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				customPalette: Array(7).fill("#CACACA"),
@@ -134,8 +134,8 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				}
 			},
 			userConfig: N.value.skeletonConfig ?? {}
-		})), { loading: ht, FINAL_DATASET: gt, manualLoading: _t } = se({
-			...je(E),
+		})), { loading: ht, FINAL_DATASET: gt, manualLoading: _t } = le({
+			...Me(E),
 			FINAL_CONFIG: N,
 			prepareConfig: xt,
 			skeletonDataset: E.config?.skeletonDataset ?? [
@@ -182,40 +182,40 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 					relations: ["A"]
 				}
 			],
-			skeletonConfig: t({
+			skeletonConfig: a({
 				defaultConfig: N.value,
 				userConfig: mt.value
 			})
-		}), { userOptionsVisible: vt, setUserOptionsVisibility: yt, keepUserOptionState: bt } = ve({ config: N.value }), { svgRef: F } = ye({ config: N.value.style.title });
+		}), { userOptionsVisible: vt, setUserOptionsVisibility: yt, keepUserOptionState: bt } = ye({ config: N.value }), { svgRef: F } = be({ config: N.value.style.title });
 		function xt() {
-			let e = ue({
+			let e = s({
 				userConfig: E.config,
 				defaultConfig: it
 			}), t = e.theme;
 			if (!t) return e;
 			if (!at.value(e)) return ot(e), e;
-			let n = ue({
-				userConfig: xe[t] || E.config,
+			let n = s({
+				userConfig: Se[t] || E.config,
 				defaultConfig: e
-			}), r = ue({
+			}), r = s({
 				userConfig: E.config,
 				defaultConfig: n
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : a[t] || ee
+				customPalette: r.customPalette.length ? r.customPalette : te[t] || o
 			};
 		}
-		Ne(() => E.config, (e) => {
+		Pe(() => E.config, (e) => {
 			N.value = xt(), vt.value = !N.value.userOptions.showOnChartHover, V.value = N.value.style.size, H.value = N.value.style.weightLabels.size, U.value = N.value.style.plot.radius, W.value = N.value.style.labels.fontSize, G.value.height = N.value.style.size, G.value.width = N.value.style.size, Pt(), pt.value += 1;
-		}, { deep: !0 }), Ne(() => E.dataset, (e) => {
+		}, { deep: !0 }), Pe(() => E.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (_t.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: St, isImaging: Ct, generatePdf: wt, generateImage: Tt } = oe({
+		let { isPrinting: St, isImaging: Ct, generatePdf: wt, generateImage: Tt } = ce({
 			elementId: `relation_circle_${D.value}`,
 			fileName: N.value.style.title.text || "vue-ui-relation-circle",
 			options: N.value.userOptions.print
-		}), Et = u(() => N.value.userOptions.show && !N.value.style.title.text), Dt = u(() => i(N.value.customPalette)), I = b([]), L = b([]), R = b({}), z = b([]), Ot = b(0), B = u(() => gt.value.slice(0, N.value.style.limit).map((e) => {
+		}), Et = l(() => N.value.userOptions.show && !N.value.style.title.text), Dt = l(() => ee(N.value.customPalette)), I = y([]), L = y([]), R = y({}), z = y([]), Ot = y(0), B = l(() => gt.value.slice(0, N.value.style.limit).map((e) => {
 			let t = Array.isArray(e.relations) ? e.relations : [];
 			return {
 				...e,
@@ -223,31 +223,31 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				relations: t
 			};
 		}));
-		Ne(B, () => {
+		Pe(B, () => {
 			I.value = [], L.value = [], Lt(), zt();
 		});
-		let V = b(N.value.style.size), H = b(N.value.style.weightLabels.size), U = b(N.value.style.plot.radius), W = b(N.value.style.labels.fontSize), G = b({
+		let V = y(N.value.style.size), H = y(N.value.style.weightLabels.size), U = y(N.value.style.plot.radius), W = y(N.value.style.labels.fontSize), G = y({
 			height: N.value.style.size,
 			width: N.value.style.size
-		}), K = u({
+		}), K = l({
 			get() {
 				return V.value * N.value.style.circle.radiusProportion;
 			},
 			set(e) {
 				return e;
 			}
-		}), kt = u(() => N.value.style.links.curved), At = u(() => `${N.value.style.animation.speedMs}ms`), jt = u(() => K.value * 2), Mt = u(() => K.value * 4), q = Ae(null), J = Ae(null);
-		ke(() => {
+		}), kt = l(() => N.value.style.links.curved), At = l(() => `${N.value.style.animation.speedMs}ms`), jt = l(() => K.value * 2), Mt = l(() => K.value * 4), q = je(null), J = je(null);
+		Ae(() => {
 			Pt(), document.getElementById(`relation_circle_${D.value}`).addEventListener("click", It);
 		});
-		let Nt = u(() => N.value.debug);
+		let Nt = l(() => N.value.debug);
 		function Pt() {
-			if (n(E.dataset) ? (r({
+			if (ie(E.dataset) ? (t({
 				componentName: "VueUiRelationCircle",
 				type: "dataset",
 				debug: Nt.value
-			}), _t.value = !0) : E.dataset.forEach((e, t) => {
-				ie({
+			}), _t.value = !0) : E.dataset.forEach((e, n) => {
+				ne({
 					datasetObject: e,
 					requiredAttributes: [
 						"id",
@@ -256,36 +256,36 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 						"weights"
 					]
 				}).forEach((e) => {
-					r({
+					t({
 						componentName: "VueUiRelationCircle",
 						type: "datasetSerieAttribute",
 						property: e,
-						index: t,
+						index: n,
 						debug: Nt.value
 					});
 				});
-			}), n(E.dataset) || (_t.value = N.value.loading), N.value.responsive) {
-				let e = he(() => {
-					let { width: e, height: t } = ge({
+			}), ie(E.dataset) || (_t.value = N.value.loading), N.value.responsive) {
+				let e = ge(() => {
+					let { width: e, height: t } = _e({
 						chart: O.value,
 						title: N.value.style.title.text ? ut.value : null,
 						source: dt.value,
 						noTitle: ft.value
 					});
 					requestAnimationFrame(() => {
-						V.value = Math.min(e, t), G.value.width = Math.max(.1, e), G.value.height = Math.max(.1, t - 12), K.value = V.value * N.value.style.circle.radiusProportion, I.value = [], L.value = [], Lt(), zt(), Ft(), N.value.responsiveProportionalSizing ? (H.value = s({
+						V.value = Math.min(e, t), G.value.width = Math.max(.1, e), G.value.height = Math.max(.1, t - 12), K.value = V.value * N.value.style.circle.radiusProportion, I.value = [], L.value = [], Lt(), zt(), Ft(), N.value.responsiveProportionalSizing ? (H.value = r({
 							relator: V.value,
 							adjuster: N.value.style.size,
 							source: N.value.style.weightLabels.size,
 							threshold: 6,
 							fallback: 6
-						}), U.value = s({
+						}), U.value = r({
 							relator: V.value,
 							adjuster: N.value.style.size,
 							source: N.value.style.plot.radius,
 							threshold: 1,
 							fallback: 1
-						}), W.value = s({
+						}), W.value = r({
 							relator: V.value,
 							adjuster: N.value.style.size,
 							source: N.value.style.labels.fontSize,
@@ -298,10 +298,10 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 			} else I.value = [], L.value = [], Lt(), zt();
 			Ft();
 		}
-		Oe(() => {
+		ke(() => {
 			document.getElementById(`relation_circle_${D.value}`).removeEventListener("click", It), q.value && (J.value && q.value.unobserve(J.value), q.value.disconnect());
 		});
-		let { autoSizeLabels: Ft } = be({
+		let { autoSizeLabels: Ft } = xe({
 			svgRef: F,
 			fontSize: N.value.style.labels.fontSize,
 			minFontSize: N.value.style.labels.minFontSize,
@@ -315,14 +315,14 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 		function Lt() {
 			let e = 6.28319 / B.value.length, t = 360 / B.value.length, n = 0, r = 0;
 			B.value.forEach((i, a) => {
-				let o = i.weights.reduce((e, t) => e + t, 0), s = K.value * Math.cos(n) + G.value.width / 2, c = K.value * Math.sin(n) + G.value.height / 2 + N.value.style.circle.offsetY;
+				let ee = i.weights.reduce((e, t) => e + t, 0), te = K.value * Math.cos(n) + G.value.width / 2, ne = K.value * Math.sin(n) + G.value.height / 2 + N.value.style.circle.offsetY;
 				I.value.push({
-					x: s,
-					y: c,
+					x: te,
+					y: ne,
 					...i,
-					color: i.color ? i.color : Dt.value[a] ? Dt.value[a] : ee[a],
+					color: i.color ? i.color : Dt.value[a] ? Dt.value[a] : o[a],
 					regAngle: r,
-					totalWeight: o
+					totalWeight: ee
 				}), n += e, r += t;
 			});
 		}
@@ -382,7 +382,7 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				y: (1 - a) ** 3 * t.y + 3 * (1 - a) ** 2 * a * r.y + 3 * (1 - a) * a ** 2 * i.y + a ** 3 * n.y
 			};
 		}
-		let Vt = u(() => Math.max(...L.value.map((e) => e.weight)));
+		let Vt = l(() => Math.max(...L.value.map((e) => e.weight)));
 		function Ht(e) {
 			return Object.hasOwn(R.value, "x") ? z.value.includes(e.id) ? "opacity:1" : "opacity:0.1" : "opacity:1";
 		}
@@ -407,7 +407,7 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 		function qt(e) {
 			return e.regAngle > 90 && e.regAngle < 270 ? `rotate(${e.regAngle + 180},${e.x},${e.y})` : `rotate(${e.regAngle},${e.x},${e.y})`;
 		}
-		let Z = b(null);
+		let Z = y(null);
 		function Jt(e, t) {
 			Z.value = t, j.value = t, N.value.events.datapointEnter && N.value.events.datapointEnter({
 				datapoint: e,
@@ -433,17 +433,17 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 			let t = e.weight / Vt.value * N.value.style.links.maxWidth;
 			return Math.max(.3, t);
 		}
-		let Q = b(!1);
+		let Q = y(!1);
 		function $t(e) {
 			Q.value = e, lt.value += 1;
 		}
-		let $ = b(!1);
+		let $ = y(!1);
 		function en() {
 			$.value = !$.value;
 		}
 		async function tn({ scale: e = 2 } = {}) {
 			if (!O.value) return;
-			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await fe({
+			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await pe({
 				domElement: O.value,
 				base64: !0,
 				img: !0,
@@ -458,9 +458,9 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				aspectRatio: r
 			};
 		}
-		let nn = u(() => N.value.style.backgroundColor), { exportSvg: rn, getSvg: an } = le({
+		let nn = l(() => N.value.style.backgroundColor), { exportSvg: rn, getSvg: an } = de({
 			svg: F,
-			title: u(() => N.value.style.title),
+			title: l(() => N.value.style.title),
 			backgroundColor: nn
 		});
 		async function on({ isCb: e }) {
@@ -532,7 +532,7 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				seriesIndex: a
 			});
 		}
-		let fn = u(() => ({
+		let fn = l(() => ({
 			headers: [
 				"ID",
 				"Label",
@@ -551,7 +551,7 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				];
 			})
 		}));
-		return me({
+		return he({
 			getImage: tn,
 			generatePdf: wt,
 			generateSvg: on,
@@ -559,20 +559,20 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 			toggleAnnotator: en,
 			toggleFullscreen: $t,
 			copyAlt: cn
-		}), (e, t) => (y(), p("div", {
+		}), (e, t) => (v(), f("div", {
 			ref_key: "relationCircleChart",
 			ref: O,
 			class: "vue-data-ui-component vue-ui-relation-circle",
-			style: v(`width:100%;background:${N.value.style.backgroundColor};text-align:center;${N.value.responsive ? "height: 100%" : ""}`),
+			style: _(`width:100%;background:${N.value.style.backgroundColor};text-align:center;${N.value.responsive ? "height: 100%" : ""}`),
 			id: `relation_circle_${D.value}`,
-			onMouseenter: t[0] ||= () => w(yt)(!0),
-			onMouseleave: t[1] ||= () => w(yt)(!1)
+			onMouseenter: t[0] ||= () => C(yt)(!0),
+			onMouseleave: t[1] ||= () => C(yt)(!1)
 		}, [
-			m("div", {
+			p("div", {
 				id: `chart-instructions-${D.value}`,
 				class: "sr-only"
-			}, [m("p", null, C(N.value.a11y.translations.keyboardNavigation), 1)], 8, Ie),
-			fn.value?.rows?.length ? (y(), d(_e, {
+			}, [p("p", null, S(N.value.a11y.translations.keyboardNavigation), 1)], 8, Le),
+			fn.value?.rows?.length ? (v(), u(ve, {
 				key: 0,
 				uid: D.value,
 				head: fn.value.headers,
@@ -585,22 +585,22 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				"body",
 				"notice",
 				"caption"
-			])) : f("", !0),
-			N.value.userOptions.buttons.annotator ? (y(), d(w(tt), {
+			])) : d("", !0),
+			N.value.userOptions.buttons.annotator ? (v(), u(C(T), {
 				key: 1,
-				svgRef: w(F),
+				svgRef: C(F),
 				backgroundColor: N.value.style.backgroundColor,
 				color: N.value.style.color,
 				active: $.value,
 				isCursorPointer: P.value,
 				onClose: en
 			}, {
-				"annotator-action-close": T(() => [S(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": T(({ color: t }) => [S(e.$slots, "annotator-action-color", _(h({ color: t })), void 0, !0)]),
-				"annotator-action-draw": T(({ mode: t }) => [S(e.$slots, "annotator-action-draw", _(h({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": T(({ disabled: t }) => [S(e.$slots, "annotator-action-undo", _(h({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": T(({ disabled: t }) => [S(e.$slots, "annotator-action-redo", _(h({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": T(({ disabled: t }) => [S(e.$slots, "annotator-action-delete", _(h({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": w(() => [x(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": w(({ color: t }) => [x(e.$slots, "annotator-action-color", g(h({ color: t })), void 0, !0)]),
+				"annotator-action-draw": w(({ mode: t }) => [x(e.$slots, "annotator-action-draw", g(h({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": w(({ disabled: t }) => [x(e.$slots, "annotator-action-undo", g(h({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": w(({ disabled: t }) => [x(e.$slots, "annotator-action-redo", g(h({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": w(({ disabled: t }) => [x(e.$slots, "annotator-action-delete", g(h({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -608,20 +608,20 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : f("", !0),
-			Et.value ? (y(), p("div", {
+			])) : d("", !0),
+			Et.value ? (v(), f("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: ft,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : f("", !0),
-			N.value.style.title.text ? (y(), p("div", {
+			}, null, 512)) : d("", !0),
+			N.value.style.title.text ? (v(), f("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: ut,
 				style: "width:100%;background:transparent"
-			}, [(y(), d(pe, {
+			}, [(v(), u(me, {
 				key: `title_${pt.value}`,
 				config: {
 					title: {
@@ -633,14 +633,14 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 						...N.value.style.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : f("", !0),
-			N.value.userOptions.show && ct.value && (w(bt) || w(vt)) ? (y(), d(w(nt), {
+			}, null, 8, ["config"]))], 512)) : d("", !0),
+			N.value.userOptions.show && ct.value && (C(bt) || C(vt)) ? (v(), u(C(nt), {
 				ref: "details",
 				key: `user_options_${lt.value}`,
 				backgroundColor: N.value.style.backgroundColor,
 				color: N.value.style.color,
-				isPrinting: w(St),
-				isImaging: w(Ct),
+				isPrinting: C(St),
+				isImaging: C(Ct),
 				uid: D.value,
 				hasPdf: N.value.userOptions.buttons.pdf,
 				hasImg: N.value.userOptions.buttons.img,
@@ -658,16 +658,16 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				printScale: N.value.userOptions.print.scale,
 				isCursorPointer: P.value,
 				onToggleFullscreen: $t,
-				onGeneratePdf: w(wt),
+				onGeneratePdf: C(wt),
 				onGenerateImage: sn,
 				onGenerateSvg: on,
 				onToggleAnnotator: en,
 				onCopyAlt: cn,
-				style: v({ visibility: w(bt) ? w(vt) ? "visible" : "hidden" : "visible" })
-			}, Se({ _: 2 }, [
+				style: _({ visibility: C(bt) ? C(vt) ? "visible" : "hidden" : "visible" })
+			}, Ce({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: T(({ isOpen: t, color: n }) => [S(e.$slots, "menuIcon", _(h({
+					fn: w(({ isOpen: t, color: n }) => [x(e.$slots, "menuIcon", g(h({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -675,22 +675,22 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: T(() => [S(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: w(() => [x(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: T(() => [S(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: w(() => [x(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: T(() => [S(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: w(() => [x(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: T(({ toggleFullscreen: t, isFullscreen: n }) => [S(e.$slots, "optionFullscreen", _(h({
+					fn: w(({ toggleFullscreen: t, isFullscreen: n }) => [x(e.$slots, "optionFullscreen", g(h({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -698,7 +698,7 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: T(({ toggleAnnotator: t, isAnnotator: n }) => [S(e.$slots, "optionAnnotator", _(h({
+					fn: w(({ toggleAnnotator: t, isAnnotator: n }) => [x(e.$slots, "optionAnnotator", g(h({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -706,17 +706,17 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: T(({ altCopy: t }) => [S(e.$slots, "optionAltCopy", _(h({ altCopy: t })), void 0, !0)]),
+					fn: w(({ altCopy: t }) => [x(e.$slots, "optionAltCopy", g(h({ altCopy: t })), void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: T(() => [S(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: w(() => [x(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "7"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: T(() => [S(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: w(() => [x(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "8"
 				} : void 0
 			]), 1032, [
@@ -741,12 +741,12 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				"isCursorPointer",
 				"onGeneratePdf",
 				"style"
-			])) : f("", !0),
-			m("div", Le, [(y(), p("svg", {
+			])) : d("", !0),
+			p("div", Re, [(v(), f("svg", {
 				ref_key: "svgRef",
 				ref: F,
-				xmlns: w(re),
-				class: g([{
+				xmlns: C(oe),
+				class: Oe([{
 					"vue-data-ui-fullscreen--on": Q.value,
 					"vue-data-ui-fulscreen--off": !Q.value
 				}, "relation-circle"]),
@@ -759,16 +759,16 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 				onBlur: un,
 				onKeydown: dn
 			}, [
-				we(w(rt)),
-				e.$slots["chart-background"] ? (y(), p("foreignObject", {
+				Te(C(rt)),
+				e.$slots["chart-background"] ? (v(), f("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
 					width: G.value.width <= 0 ? 10 : G.value.width,
 					height: G.value.height <= 0 ? 10 : G.value.height,
 					style: { pointerEvents: "none" }
-				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, ze)) : f("", !0),
-				m("circle", {
+				}, [x(e.$slots, "chart-background", {}, void 0, !0)], 8, Be)) : d("", !0),
+				p("circle", {
 					cx: (G.value.width <= 0 ? 1e-4 : G.value.width) / 2,
 					cy: (G.value.height <= 0 ? 1e-4 : G.value.height) / 2 + N.value.style.circle.offsetY,
 					r: K.value <= 0 ? 1e-4 : K.value,
@@ -776,18 +776,18 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 					"stroke-width": N.value.style.circle.strokeWidth,
 					fill: "transparent",
 					class: "main-circle"
-				}, null, 8, Be),
-				kt.value ? (y(), p("g", Ve, [(y(!0), p(l, null, x(L.value, (e, t) => (y(), p("path", {
+				}, null, 8, Ve),
+				kt.value ? (v(), f("g", He, [(v(!0), f(c, null, b(L.value, (e, t) => (v(), f("path", {
 					key: `relation_${t}`,
-					style: v(Ut(e)),
+					style: _(Ut(e)),
 					stroke: Y(e),
-					class: g(["relation", { "vue-ui-relation-circle-selected": R.value.hasOwnProperty("id") && z.value.includes(e.id) }]),
+					class: Oe(["relation", { "vue-ui-relation-circle-selected": R.value.hasOwnProperty("id") && z.value.includes(e.id) }]),
 					d: `M${e.x1},${e.y1} C${e.x1},${e.y1} ${G.value.width / 2},${G.value.height / 2 + N.value.style.circle.offsetY} ${e.x2},${e.y2}`,
 					fill: "none",
 					"stroke-width": Qt(e),
 					"stroke-linecap": "round"
-				}, null, 14, He))), 128)), (y(!0), p(l, null, x(L.value, (t, n) => (y(), p("g", Ue, [
-					X(t) ? S(e.$slots, "dataLabel", Ee({
+				}, null, 14, Ue))), 128)), (v(!0), f(c, null, b(L.value, (t, n) => (v(), f("g", We, [
+					X(t) ? x(e.$slots, "dataLabel", Ee({
 						key: 0,
 						ref_for: !0
 					}, {
@@ -796,8 +796,8 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 						color: Y(t),
 						weight: t.weight,
 						fontSize: H.value
-					}), void 0, !0) : f("", !0),
-					X(t) && !e.$slots.dataLabel ? (y(), p("circle", {
+					}), void 0, !0) : d("", !0),
+					X(t) && !e.$slots.dataLabel ? (v(), f("circle", {
 						key: 1,
 						cx: t.midPointBezier.x,
 						cy: t.midPointBezier.y,
@@ -805,33 +805,33 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 						r: H.value,
 						stroke: N.value.style.backgroundColor,
 						"stroke-width": "1"
-					}, null, 8, We)) : f("", !0),
-					X(t) && !e.$slots.dataLabel ? (y(), p("text", {
+					}, null, 8, Ge)) : d("", !0),
+					X(t) && !e.$slots.dataLabel ? (v(), f("text", {
 						key: 2,
 						x: t.midPointBezier.x,
 						y: t.midPointBezier.y + H.value / 3,
-						fill: w(ne)(Y(t)),
+						fill: C(ae)(Y(t)),
 						"text-anchor": "middle",
 						"font-size": H.value
-					}, C(w(c)(N.value.style.weightLabels.formatter, t.weight, w(te)({
+					}, S(C(re)(N.value.style.weightLabels.formatter, t.weight, C(i)({
 						p: N.value.style.weightLabels.prefix,
 						v: t.weight,
 						s: N.value.style.weightLabels.suffix,
 						r: N.value.style.weightLabels.rounding
-					}), { ...t })), 9, Ge)) : f("", !0)
-				]))), 256))])) : (y(), p("g", Ke, [(y(!0), p(l, null, x(L.value, (e, t) => (y(), p("line", {
+					}), { ...t })), 9, Ke)) : d("", !0)
+				]))), 256))])) : (v(), f("g", qe, [(v(!0), f(c, null, b(L.value, (e, t) => (v(), f("line", {
 					key: `relation_${t}`,
 					stroke: Y(e),
 					"stroke-width": Qt(e),
-					style: v(Ut(e)),
+					style: _(Ut(e)),
 					x1: e.x1,
 					x2: e.x2,
 					y1: e.y1,
 					y2: e.y2,
-					class: g({ "vue-ui-relation-circle-selected": R.value.hasOwnProperty("id") && z.value.includes(e.id) }),
+					class: Oe({ "vue-ui-relation-circle-selected": R.value.hasOwnProperty("id") && z.value.includes(e.id) }),
 					"stroke-linecap": "round"
-				}, null, 14, qe))), 128)), (y(!0), p(l, null, x(L.value, (t, n) => (y(), p("g", Je, [
-					X(t) ? S(e.$slots, "dataLabel", Ee({
+				}, null, 14, Je))), 128)), (v(!0), f(c, null, b(L.value, (t, n) => (v(), f("g", Ye, [
+					X(t) ? x(e.$slots, "dataLabel", Ee({
 						key: 0,
 						ref_for: !0
 					}, {
@@ -840,8 +840,8 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 						color: Y(t),
 						weight: t.weight,
 						fontSize: H.value
-					}), void 0, !0) : f("", !0),
-					X(t) && !e.$slots.dataLabel && N.value.style.weightLabels.show ? (y(), p("circle", {
+					}), void 0, !0) : d("", !0),
+					X(t) && !e.$slots.dataLabel && N.value.style.weightLabels.show ? (v(), f("circle", {
 						key: 1,
 						cx: t.midPointLine.x,
 						cy: t.midPointLine.y,
@@ -849,22 +849,22 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 						r: H.value,
 						stroke: N.value.style.backgroundColor,
 						"stroke-width": "1"
-					}, null, 8, Ye)) : f("", !0),
-					X(t) && !e.$slots.dataLabel && N.value.style.weightLabels.show ? (y(), p("text", {
+					}, null, 8, Xe)) : d("", !0),
+					X(t) && !e.$slots.dataLabel && N.value.style.weightLabels.show ? (v(), f("text", {
 						key: 2,
 						x: t.midPointLine.x,
 						y: t.midPointLine.y + H.value / 3,
-						fill: w(ne)(Y(t)),
+						fill: C(ae)(Y(t)),
 						"text-anchor": "middle",
 						"font-size": H.value
-					}, C(w(c)(N.value.style.weightLabels.formatter, t.weight, w(te)({
+					}, S(C(re)(N.value.style.weightLabels.formatter, t.weight, C(i)({
 						p: N.value.style.weightLabels.prefix,
 						v: t.weight,
 						s: N.value.style.weightLabels.suffix,
 						r: N.value.style.weightLabels.rounding
-					}), { ...t })), 9, Xe)) : f("", !0)
+					}), { ...t })), 9, Ze)) : d("", !0)
 				]))), 256))])),
-				(y(!0), p(l, null, x(I.value, (e, t) => (y(), p("text", {
+				(v(!0), f(c, null, b(I.value, (e, t) => (v(), f("text", {
 					key: `plot_text_${t}`,
 					"text-anchor": Wt(e),
 					transform: qt(e),
@@ -873,24 +873,24 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 					class: "vue-ui-relation-circle-legend",
 					"transform-origin": "start",
 					"font-weight": R.value.id === e.id ? "900" : "400",
-					style: v(`font-family:${N.value.style.fontFamily};${Kt(e)};cursor:${P.value ? "pointer" : "default"}`),
+					style: _(`font-family:${N.value.style.fontFamily};${Kt(e)};cursor:${P.value ? "pointer" : "default"}`),
 					"font-size": W.value,
 					fill: N.value.style.labels.color,
 					"text-decoration": t === Z.value || t === j.value ? "underline" : void 0,
 					onClick: (n) => Zt(e, t),
 					onMouseenter: (n) => Jt(e, t),
 					onMouseleave: (n) => Yt(e, t)
-				}, [w(ht) ? (y(), p(l, { key: 0 }, [Ce("--------")], 64)) : (y(), p(l, { key: 1 }, [Ce(C(e.label) + " (" + C(w(c)(N.value.style.weightLabels.formatter, e.totalWeight, w(te)({
+				}, [C(ht) ? (v(), f(c, { key: 0 }, [we("--------")], 64)) : (v(), f(c, { key: 1 }, [we(S(e.label) + " (" + S(C(re)(N.value.style.weightLabels.formatter, e.totalWeight, C(i)({
 					p: N.value.style.weightLabels.prefix,
 					v: e.totalWeight,
 					s: N.value.style.weightLabels.suffix,
 					r: N.value.style.weightLabels.rounding
-				}), { ...e })) + ") ", 1)], 64))], 44, Ze))), 128)),
-				(y(!0), p(l, null, x(I.value, (e, t) => (y(), p("circle", {
+				}), { ...e })) + ") ", 1)], 64))], 44, Qe))), 128)),
+				(v(!0), f(c, null, b(I.value, (e, t) => (v(), f("circle", {
 					cx: e.x,
 					cy: e.y,
 					key: `plot_${t}`,
-					style: v(`${Ht(e)}; transition: r 0.2s ease-in-out; cursor:${P.value ? "pointer" : "default"}`),
+					style: _(`${Ht(e)}; transition: r 0.2s ease-in-out; cursor:${P.value ? "pointer" : "default"}`),
 					class: "vue-ui-relation-circle-plot",
 					fill: N.value.style.plot.useSerieColor ? e.color : N.value.style.plot.color,
 					stroke: N.value.style.backgroundColor,
@@ -899,26 +899,26 @@ var Pe = /* @__PURE__ */ e({ default: () => tt }), Fe = ["id"], Ie = ["id"], Le
 					onClick: (n) => Zt(e, t),
 					onMouseenter: (n) => Jt(e, t),
 					onMouseleave: (n) => Yt(e, t)
-				}, null, 44, Qe))), 128)),
-				S(e.$slots, "svg", { svg: {
+				}, null, 44, $e))), 128)),
+				x(e.$slots, "svg", { svg: {
 					...G.value,
-					isPrintingImg: w(St) || w(Ct) || k.value,
+					isPrintingImg: C(St) || C(Ct) || k.value,
 					isPrintingSvg: A.value
 				} }, void 0, !0)
-			], 42, Re)), e.$slots.hint ? (y(), p("div", $e, [S(e.$slots, "hint", _(h({
+			], 42, ze)), e.$slots.hint ? (v(), f("div", et, [x(e.$slots, "hint", g(h({
 				hint: N.value.a11y.translations.keyboardNavigation,
 				isVisible: M.value
-			})), void 0, !0)])) : f("", !0)]),
-			e.$slots.watermark ? (y(), p("div", et, [S(e.$slots, "watermark", _(h({ isPrinting: w(St) || w(Ct) || k.value || A.value })), void 0, !0)])) : f("", !0),
-			e.$slots.source ? (y(), p("div", {
+			})), void 0, !0)])) : d("", !0)]),
+			e.$slots.watermark ? (v(), f("div", tt, [x(e.$slots, "watermark", g(h({ isPrinting: C(St) || C(Ct) || k.value || A.value })), void 0, !0)])) : d("", !0),
+			e.$slots.source ? (v(), f("div", {
 				key: 6,
 				ref_key: "source",
 				ref: dt,
 				dir: "auto"
-			}, [S(e.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
-			S(e.$slots, "skeleton", {}, () => [w(ht) ? (y(), d(ce, { key: 0 })) : f("", !0)], !0)
-		], 44, Fe));
+			}, [x(e.$slots, "source", {}, void 0, !0)], 512)) : d("", !0),
+			x(e.$slots, "skeleton", {}, () => [C(ht) ? (v(), u(ue, { key: 0 })) : d("", !0)], !0)
+		], 44, Ie));
 	}
 }, [["__scopeId", "data-v-dc8435a4"]]);
 //#endregion
-export { Pe as n, tt as t };
+export { Fe as n, T as t };