vue-data-ui 3.23.6 → 3.23.7

package/dist/{vue-ui-wheel-L7-X1Ezl.js → vue-ui-wheel-BT7AT9NJ.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { Jt as t, Ot as n, Vt as r, X as i, b as a, i as o, jt as s, kt as c, q as l, t as u, tt as d } from "./lib-Bttd6u5E.js";
 import { n as f, t as p } from "./useHints-Dq_w2E8B.js";
-import { t as m } from "./useConfig-u71vax4T.js";
+import { t as m } from "./useConfig-DwdGsXTx.js";
 import { t as h } from "./usePrinter-DN5bYhTG.js";
 import { n as g, t as _ } from "./BaseScanner-DZvpgOjM.js";
 import { t as v } from "./useNestedProp-vPNvh7rV.js";
@@ -119,7 +119,7 @@ var ve = /* @__PURE__ */ e({ default: () => ze }), ye = ["id"], be = [
 			v52b4fc9f: Ft.value,
 			v52b4df32: It.value
 		}));
-		let ze = le(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), Be = le(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Ve = le(() => import("./PackageVersion-BZs_wnK5.js").then((e) => e.t)), { vue_ui_wheel: He } = m(), { isThemeValid: Ue, warnInvalidTheme: We } = y(), R = ie(), z = e, Ge = ve, Ke = T(() => !!z.dataset && Object.keys(z.dataset).length), B = N(l()), qe = N(null), Je = N(0), V = N(null), Ye = N(null), Xe = N(null), Ze = N(null), Qe = N(0), H = N(ot());
+		let ze = le(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), Be = le(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Ve = le(() => import("./PackageVersion-Dy83B80Q.js").then((e) => e.t)), { vue_ui_wheel: He } = m(), { isThemeValid: Ue, warnInvalidTheme: We } = y(), R = ie(), z = e, Ge = ve, Ke = T(() => !!z.dataset && Object.keys(z.dataset).length), B = N(l()), qe = N(null), Je = N(0), V = N(null), Ye = N(null), Xe = N(null), Ze = N(null), Qe = N(0), H = N(ot());
 		f({
 			config: () => H.value,
 			dataset: () => z.dataset,

package/dist/{vue-ui-word-cloud-B6ytHITa.js → vue-ui-word-cloud-DIr_9Qnb.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { $ as t, D as n, J as r, Jt as i, Kt as a, Pt as o, S as s, X as c, b as l, jt as u, pt as d, q as f, t as p, tt as m, xt as h } from "./lib-Bttd6u5E.js";
 import { n as g, t as _ } from "./useHints-Dq_w2E8B.js";
-import { t as v } from "./useConfig-u71vax4T.js";
+import { t as v } from "./useConfig-DwdGsXTx.js";
 import { t as y } from "./usePrinter-DN5bYhTG.js";
 import { n as ee, t as te } from "./BaseScanner-DZvpgOjM.js";
 import { t as b } from "./useNestedProp-vPNvh7rV.js";
@@ -645,7 +645,7 @@ var U = /* @__PURE__ */ e({ default: () => ut }), Ze = [
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: T, emit: Te }) {
-		let Ee = M(() => import("./Tooltip-DhjyfHwz.js")), De = M(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Oe = M(() => import("./vue-ui-accordion-DNdBR3LQ.js").then((e) => e.n)), ke = M(() => import("./DataTable-BbKgJ5UI.js")), Ae = M(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), je = M(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Me = M(() => import("./PackageVersion-BZs_wnK5.js").then((e) => e.t)), Ne = M(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_word_cloud: Pe } = v(), { isThemeValid: Fe, warnInvalidTheme: Ie } = x(), B = e, Le = Te, Re = D({
+		let Ee = M(() => import("./Tooltip-DhjyfHwz.js")), De = M(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Oe = M(() => import("./vue-ui-accordion-CLU_su1P.js").then((e) => e.n)), ke = M(() => import("./DataTable-BbKgJ5UI.js")), Ae = M(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), je = M(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Me = M(() => import("./PackageVersion-Dy83B80Q.js").then((e) => e.t)), Ne = M(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_word_cloud: Pe } = v(), { isThemeValid: Fe, warnInvalidTheme: Ie } = x(), B = e, Le = Te, Re = D({
 			get() {
 				return !!B.dataset && B.dataset.length;
 			},

package/dist/{vue-ui-world-CPWP-sZ5.js → vue-ui-world-CZOKJNuR.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { $ as t, D as n, Jt as r, Ot as ee, Pt as i, S as a, X as o, Y as s, i as c, q as l, t as te, vt as ne, w as re, xt as ie, yt as ae } from "./lib-Bttd6u5E.js";
 import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
-import { t as ce } from "./useConfig-u71vax4T.js";
+import { t as ce } from "./useConfig-DwdGsXTx.js";
 import { t as le } from "./usePrinter-DN5bYhTG.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
 import { t as fe } from "./useNestedProp-vPNvh7rV.js";
@@ -2000,7 +2000,7 @@ var Ve = {
 		"copyAlt"
 	],
 	setup(e, { expose: ge, emit: Pe }) {
-		let Fe = _(() => import("./Title-BE3qg9xl.js").then((e) => e.t)), Ie = _(() => import("./Legend-CQxUgOd-.js").then((e) => e.n)), Le = _(() => import("./Tooltip-DhjyfHwz.js")), Re = _(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), ze = _(() => import("./vue-ui-accordion-DNdBR3LQ.js").then((e) => e.n)), Be = _(() => import("./DataTable-BbKgJ5UI.js")), He = _(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), st = _(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), ct = _(() => import("./PackageVersion-BZs_wnK5.js").then((e) => e.t)), lt = _(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_world: ut } = ce(), O = e, dt = Pe, ft = d({
+		let Fe = _(() => import("./Title-BE3qg9xl.js").then((e) => e.t)), Ie = _(() => import("./Legend-CQxUgOd-.js").then((e) => e.n)), Le = _(() => import("./Tooltip-DhjyfHwz.js")), Re = _(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), ze = _(() => import("./vue-ui-accordion-CLU_su1P.js").then((e) => e.n)), Be = _(() => import("./DataTable-BbKgJ5UI.js")), He = _(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), st = _(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), ct = _(() => import("./PackageVersion-Dy83B80Q.js").then((e) => e.t)), lt = _(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_world: ut } = ce(), O = e, dt = Pe, ft = d({
 			get() {
 				return !!I.value;
 			},

package/dist/{vue-ui-xy-8NgsjKrE.js → vue-ui-xy-CLwh64AO.js}

@@ -2,7 +2,7 @@ import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { $ as t, A as n, B as r, Bt as i, Ct as a, D as o, Et as s, G as c, Gt as l, H as u, I as d, Jt as ee, Kt as te, L as ne, Lt as f, M as p, N as re, P as ie, Pt as ae, S as oe, St as se, U as ce, V as le, Vt as ue, W as de, X as fe, _ as pe, b as m, c as h, d as g, dt as me, i as _, jt as he, k as ge, l as _e, n as ve, o as ye, ot as v, q as be, qt as xe, r as Se, tt as Ce, v as we, vt as Te, w as Ee, xt as De, z as Oe, zt as ke } from "./lib-Bttd6u5E.js";
 import { n as Ae, t as je } from "./useHints-Dq_w2E8B.js";
 import { n as Me, r as Ne, t as Pe } from "./useTimeLabels-d2f-W1L4.js";
-import { t as Fe } from "./useConfig-u71vax4T.js";
+import { t as Fe } from "./useConfig-DwdGsXTx.js";
 import { t as Ie } from "./usePrinter-DN5bYhTG.js";
 import { n as Le, t as Re } from "./BaseScanner-DZvpgOjM.js";
 import { t as ze } from "./useNestedProp-vPNvh7rV.js";
@@ -18,7 +18,7 @@ import { t as Je } from "./Shape-C21CMlWS.js";
 import { t as Ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as Xe } from "./DefGrad-DVBqDjhO.js";
 import { t as Ze } from "./SlicerPreview-wUw1hFwe.js";
-import { t as Qe } from "./vue-ui-accordion-DNdBR3LQ.js";
+import { t as Qe } from "./vue-ui-accordion-CLU_su1P.js";
 import { t as $e } from "./BaseLegendToggle-DZVucLnv.js";
 import { t as et } from "./A11yDataTable-DdRsVULz.js";
 import { Fragment as y, Teleport as tt, computed as b, createBlock as nt, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as rt, createTextVNode as it, createVNode as at, defineAsyncComponent as ot, getCurrentInstance as st, guardReactiveProps as ct, mergeProps as lt, nextTick as ut, normalizeClass as w, normalizeProps as dt, normalizeStyle as T, onBeforeUnmount as ft, onMounted as pt, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as mt, shallowRef as ht, toDisplayString as gt, toRefs as _t, unref as A, useSlots as vt, vModelCheckbox as yt, watch as bt, watchEffect as xt, withCtx as j, withDirectives as St } from "vue";
@@ -568,7 +568,7 @@ var Mt = /* @__PURE__ */ e({ default: () => M }), Nt = ["id"], Pt = ["id"], Ft =
 		"copyAlt"
 	],
 	setup(e, { expose: Ye, emit: Mt }) {
-		let M = e, ui = ot(() => import("./DataTable-BbKgJ5UI.js")), di = ot(() => import("./Tooltip-DhjyfHwz.js")), fi = ot(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), pi = ot(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), mi = ot(() => import("./vue-ui-table-sparkline-DVpKsZd7.js").then((e) => e.n)), hi = ot(() => import("./PackageVersion-BZs_wnK5.js").then((e) => e.t)), gi = ot(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), _i = ot(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), vi = Mt, yi = vt(), bi = st(), { vue_ui_xy: xi } = Fe(), { isThemeValid: Si, warnInvalidTheme: Ci } = Be(), wi = D(null), Ti = D(null), Ei = D(null), Di = D(null), Oi = D(null), ki = D(null), Ai = D(null), ji = D(null), Mi = D(null), Ni = D(null), Pi = D(null), Fi = D(null), Ii = D(null), Li = D(null), Ri = D(0), N = D(null), zi = D(!0), Bi = D(600), P = D(1e3), Vi = D("0 0 1000 600"), Hi = D({
+		let M = e, ui = ot(() => import("./DataTable-BbKgJ5UI.js")), di = ot(() => import("./Tooltip-DhjyfHwz.js")), fi = ot(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), pi = ot(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), mi = ot(() => import("./vue-ui-table-sparkline-wyjv7lH2.js").then((e) => e.n)), hi = ot(() => import("./PackageVersion-Dy83B80Q.js").then((e) => e.t)), gi = ot(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), _i = ot(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), vi = Mt, yi = vt(), bi = st(), { vue_ui_xy: xi } = Fe(), { isThemeValid: Si, warnInvalidTheme: Ci } = Be(), wi = D(null), Ti = D(null), Ei = D(null), Di = D(null), Oi = D(null), ki = D(null), Ai = D(null), ji = D(null), Mi = D(null), Ni = D(null), Pi = D(null), Fi = D(null), Ii = D(null), Li = D(null), Ri = D(0), N = D(null), zi = D(!0), Bi = D(600), P = D(1e3), Vi = D("0 0 1000 600"), Hi = D({
 			x: 0,
 			y: 0
 		}), Ui = D({

package/dist/{vue-ui-xy-DmydKppa.js → vue-ui-xy-Dv_310kS.js}

@@ -1,8 +1,8 @@
 import { A as e, B as t, Bt as n, G as r, H as i, I as a, Jt as o, Kt as s, L as c, N as l, P as u, Pt as d, S as f, U as p, V as m, Vt as h, X as g, _, c as v, i as y, k as b, l as x, nt as S, o as ee, q as C, t as w, v as te, vt as T, zt as E } from "./lib-Bttd6u5E.js";
 import { t as D } from "./useTimeLabels-d2f-W1L4.js";
-import { t as O } from "./useConfig-u71vax4T.js";
+import { t as O } from "./useConfig-DwdGsXTx.js";
 import { t as ne } from "./vue_ui_xy-BA3-_LCx.js";
-import { _ as k, d as A, f as j, g as M, h as N, l as P, m as F, p as I, u as L, v as R } from "./render-common-WZ4vXtlg.js";
+import { _ as k, d as A, f as j, g as M, h as N, l as P, m as F, p as I, u as L, v as R } from "./render-common-CqzziMg4.js";
 //#region src/svg/vue-ui-xy/create.js
 var { vue_ui_xy: z } = O();
 function re({ config: e = {}, dataset: t = [] } = {}) {

package/dist/{vue-ui-xy-canvas-BMVdrH11.js → vue-ui-xy-canvas-B-KxaFGF.js}

@@ -2,7 +2,7 @@ import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { $ as t, Bt as n, D as r, Et as i, Jt as a, Kt as o, Ot as s, Pt as c, Rt as l, S as u, X as d, _ as ee, ct as te, dt as ne, i as re, jt as ie, o as ae, q as oe, tt as se, vt as ce, w as le, xt as ue } from "./lib-Bttd6u5E.js";
 import { n as de, t as fe } from "./useHints-Dq_w2E8B.js";
 import { n as pe, r as me, t as he } from "./useTimeLabels-d2f-W1L4.js";
-import { t as ge } from "./useConfig-u71vax4T.js";
+import { t as ge } from "./useConfig-DwdGsXTx.js";
 import { t as _e } from "./usePrinter-DN5bYhTG.js";
 import { n as ve, t as ye } from "./BaseScanner-DZvpgOjM.js";
 import { t as be } from "./useNestedProp-vPNvh7rV.js";
@@ -13,7 +13,7 @@ import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { a as f, c as p, i as Te, l as Ee, n as De, o as Oe, r as ke, s as Ae, t as je } from "./useResponsive-ZtArZtUf.js";
 import { t as Me } from "./BaseIcon-BfndwIWE.js";
 import { t as Ne } from "./SlicerPreview-wUw1hFwe.js";
-import { t as Pe } from "./vue-ui-accordion-DNdBR3LQ.js";
+import { t as Pe } from "./vue-ui-accordion-CLU_su1P.js";
 import { t as Fe } from "./BaseLegendToggle-DZVucLnv.js";
 import { t as Ie } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Le } from "./useChartAccessibility-DYqac8yF.js";

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "vue-data-ui",
     "private": false,
-    "version": "3.23.6",
+    "version": "3.23.7",
     "type": "module",
     "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
     "keywords": [

package/dist/PenAndPaper-DAE-tnEQ.js

@@ -1,461 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ot as t, X as n, q as r, t as i } from "./lib-Bttd6u5E.js";
-import { t as a } from "./BaseIcon-BfndwIWE.js";
-import { t as o } from "./ColorPicker--ayG2YHf.js";
-import { computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, guardReactiveProps as f, nextTick as p, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as ee, onMounted as te, openBlock as _, ref as v, renderSlot as y, toDisplayString as ne, unref as re, vModelText as ie, watch as b, withCtx as ae, withDirectives as oe } from "vue";
-//#region src/atoms/PenAndPaper.vue
-var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
-	__name: "PenAndPaper",
-	props: {
-		svgRef: {
-			type: [
-				Object,
-				null,
-				void 0
-			],
-			required: !0
-		},
-		color: {
-			type: String,
-			default: "#2D353C"
-		},
-		backgroundColor: {
-			type: String,
-			default: "#FFFFFF"
-		},
-		active: {
-			type: Boolean,
-			default: !1
-		},
-		scale: {
-			type: Number,
-			default: 1
-		},
-		isCursorPointer: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["close"],
-	setup(e, { emit: se }) {
-		let x = e, le = se, S = v([]), C = v([]), w = v(x.color), T = v(2), E = v(!1), D = v(""), O = v(null), k = v(null), A = v(null), j = v(null), M = v(`arrow-${r()}`), ue = v(`arrow-def-${r()}`), N = v(!1), P = v(null), F = v({
-			x: 0,
-			y: 0
-		}), I = v([""]), L = v({
-			row: 0,
-			col: 0
-		}), R = v(16), z = v(!1), de = [
-			"arrow",
-			"text",
-			"line",
-			"draw"
-		], B = v(0), V = s(() => de[B.value]), fe = {
-			arrow: "plotArrow",
-			text: "text",
-			line: "plotLine",
-			draw: "annotator"
-		}, pe = v("url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto");
-		function me() {
-			B.value + 1 >= de.length ? B.value = 0 : B.value += 1;
-		}
-		function H(e) {
-			if (!O.value || V.value !== "text" || N.value) return;
-			let { x: t, y: n } = K(e);
-			F.value = {
-				x: t,
-				y: n
-			}, I.value = [""], L.value = {
-				row: 0,
-				col: 0
-			}, z.value = !1;
-			let r = document.createElementNS("http://www.w3.org/2000/svg", "text");
-			r.setAttribute("x", t), r.setAttribute("y", n), r.setAttribute("fill", w.value), r.setAttribute("font-size", R.value * x.scale), r.setAttribute("font-family", "sans-serif"), r.setAttribute("class", "vue-data-ui-doodle"), r.setAttribute("dominant-baseline", "hanging"), r.setAttribute("pointer-events", "all");
-			let i = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
-			i.setAttribute("x", t), i.setAttribute("dy", "0"), i.textContent = "", r.appendChild(i), r.style.pointerEvents = "none", r.style.userSelect = "none", O.value.appendChild(r), P.value = r, N.value = !0, window.addEventListener("keydown", he), window.addEventListener("mousedown", ye, !0), ge(), ve();
-		}
-		function he(e) {
-			if (!N.value) return;
-			let { row: t, col: n } = L.value, r = I.value.slice(), i = !1;
-			if (e.key === "Enter") {
-				let a = r[t], o = a.slice(0, n), s = a.slice(n);
-				r.splice(t, 1, o, s), t += 1, n = 0, i = !0, e.preventDefault();
-			} else if (e.key === "Backspace") {
-				if (n > 0) r[t] = r[t].slice(0, n - 1) + r[t].slice(n), --n, i = !0;
-				else if (t > 0) {
-					let e = r[t - 1].length;
-					r[t - 1] += r[t], r.splice(t, 1), --t, n = e, i = !0;
-				}
-				e.preventDefault();
-			} else if (e.key === "Delete") n < r[t].length ? (r[t] = r[t].slice(0, n) + r[t].slice(n + 1), i = !0) : t < r.length - 1 && (r[t] += r[t + 1], r.splice(t + 1, 1), i = !0), e.preventDefault();
-			else if (e.key === "ArrowLeft") n > 0 ? --n : t > 0 && (--t, n = r[t].length), i = !0, e.preventDefault();
-			else if (e.key === "ArrowRight") n < r[t].length ? n += 1 : t < r.length - 1 && (t += 1, n = 0), i = !0, e.preventDefault();
-			else if (e.key === "ArrowUp") t > 0 && (--t, n = Math.min(n, r[t].length), i = !0), e.preventDefault();
-			else if (e.key === "ArrowDown") t < r.length - 1 && (t += 1, n = Math.min(n, r[t].length), i = !0), e.preventDefault();
-			else if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) r[t] = r[t].slice(0, n) + e.key + r[t].slice(n), n += 1, i = !0, e.preventDefault();
-			else if (e.key === "Escape") {
-				be(!0);
-				return;
-			} else e.key === "Tab" && e.preventDefault();
-			i && (I.value = r, L.value = {
-				row: t,
-				col: n
-			}, r.some((e) => e.length > 0) && !z.value && P.value && (S.value.push(P.value), C.value = [], z.value = !0), ge(), ve());
-		}
-		function ge() {
-			let e = P.value, { x: t } = F.value;
-			for (; e.firstChild;) e.removeChild(e.firstChild);
-			I.value.forEach((n, r) => {
-				let i = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
-				i.setAttribute("x", t), i.setAttribute("dy", r === 0 ? "0" : `${R.value * 1.2 * x.scale}`), i.textContent = n.length ? n : "​", e.appendChild(i);
-			});
-		}
-		let U = v(null);
-		function W() {
-			U.value !== null && (clearInterval(U.value), U.value = null);
-		}
-		function _e(e) {
-			W();
-			let t = !0;
-			e.style.opacity = "1", U.value = setInterval(() => {
-				if (!O.value || !e || !O.value.contains(e)) {
-					W();
-					return;
-				}
-				t = !t, e.style.opacity = t ? "1" : "0";
-			}, 500);
-		}
-		function ve() {
-			let e = O.value?.querySelector(".vue-data-ui-svg-caret");
-			e && O.value && O.value.removeChild(e);
-			let t = P.value;
-			if (!t || !O.value) return;
-			let { x: n, y: r } = F.value, { row: i, col: a } = L.value, o = R.value * x.scale, s = t.childNodes[i];
-			if (!s) return;
-			let c = s.textContent.slice(0, a);
-			c.endsWith(" ") && (c += "\xA0");
-			let l = document.createElementNS("http://www.w3.org/2000/svg", "text");
-			l.setAttribute("x", n), l.setAttribute("y", r), l.setAttribute("font-size", o), l.setAttribute("font-family", "sans-serif"), l.textContent = c || "", O.value.appendChild(l);
-			let u = l.getBBox();
-			O.value.removeChild(l);
-			let d = r + i * o * 1.2, f = n + u.width, p = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-			p.setAttribute("x", f), p.setAttribute("y", d), p.setAttribute("rx", 1), p.setAttribute("width", 2), p.setAttribute("height", o), p.setAttribute("fill", w.value), p.setAttribute("class", "vue-data-ui-svg-caret"), O.value.appendChild(p), _e(p);
-		}
-		function ye(e) {
-			if (P.value && !P.value.contains(e.target)) {
-				let e = P.value.children;
-				e.length === 1 && (e[0].textContent === "" || e[0].textContent === "​") && P.value.remove(), be(!1);
-			}
-		}
-		function be(e = !1) {
-			window.removeEventListener("keydown", he), window.removeEventListener("mousedown", ye, !0), W();
-			let t = O.value?.querySelector(".vue-data-ui-svg-caret");
-			t && O.value && O.value.removeChild(t);
-			let n = P.value?.children, r = !1;
-			if (n && n.length === 1) {
-				let e = n[0].textContent;
-				r = !e || e === "​";
-			}
-			(e || r) && P.value && O.value && O.value.contains(P.value) && O.value.removeChild(P.value), N.value = !1, P.value = null, I.value = [""], L.value = {
-				row: 0,
-				col: 0
-			}, z.value = !1;
-		}
-		let G = s(() => t(x.color, .6));
-		function xe() {
-			if (!O.value) return;
-			let e = O.value.querySelector(".vue-data-ui-mask");
-			if (e && O.value.removeChild(e), x.active) {
-				let e = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-				e.setAttribute("class", "vue-data-ui-mask"), e.setAttribute("width", "100%"), e.setAttribute("height", "100%"), e.setAttribute("fill", "transparent"), e.setAttribute("pointer-events", "all"), O.value.insertBefore(e, O.value.firstChild);
-			}
-		}
-		function K(e) {
-			let t = x.svgRef;
-			if (!t) return {
-				x: 0,
-				y: 0
-			};
-			let n = t.createSVGPoint(), r = e.touches?.length || e.changedTouches?.length ? e.touches?.[0] || e.changedTouches?.[0] : null, i = r ? r.clientX : e.clientX, a = r ? r.clientY : e.clientY;
-			n.x = i, n.y = a;
-			let o = t.getScreenCTM()?.inverse();
-			return o ? n.matrixTransform(o) : {
-				x: 0,
-				y: 0
-			};
-		}
-		function Se(e) {
-			let t = e.trim().split(/\s+/);
-			if (t.length < 4) return e;
-			let n = t.slice(1).map(Number);
-			if (n.length % 2 != 0) return e;
-			let r = Ce(n), i = [`M ${r[0]} ${r[1]}`];
-			for (let e = 2; e < r.length - 2; e += 2) {
-				let t = r[e - 2], n = r[e - 1], a = r[e], o = r[e + 1], s = (t + a) / 2, c = (n + o) / 2;
-				i.push(`Q ${t} ${n} ${s} ${c}`);
-			}
-			let a = r[r.length - 2], o = r[r.length - 1];
-			return i.push(`L ${a} ${o}`), i.join(" ");
-		}
-		function Ce(e, t = 1) {
-			let n = [...e];
-			for (let r = 2; r < e.length - 2; r += 2) {
-				let i = e[r], a = e[r + 1], o = e[r - 2], s = e[r - 1], c = e[r + 2], l = e[r + 3];
-				n[r] = i + t * ((o + c) / 2 - i), n[r + 1] = a + t * ((s + l) / 2 - a);
-			}
-			return n;
-		}
-		function we(e) {
-			let t = e.trim().split(/\s+/), n = "", r = "", i = null, a = null;
-			for (let e = 0; e < t.length; e += 1) {
-				let o = t[e];
-				if (isNaN(o)) {
-					if (r = o, r === "M" || r === "L") i = parseFloat(t[++e]), a = parseFloat(t[++e]), n += `${r}${i} ${a}`;
-					else if (r === "Q") {
-						let r = parseFloat(t[++e]), o = parseFloat(t[++e]), s = parseFloat(t[++e]), c = parseFloat(t[++e]);
-						n += r === i && o === a ? `t${s - i} ${c - a}` : `q${r - i} ${o - a} ${s - i} ${c - a}`, i = s, a = c;
-					}
-				} else {
-					let s = parseFloat(o), c = parseFloat(t[++e]);
-					if (r === "L") {
-						let e = s - i, t = c - a;
-						n += e === 0 ? `v${t}` : t === 0 ? `h${e}` : `l${e} ${t}`, i = s, a = c;
-					} else if (r === "Q") {
-						let r = s, o = c, l = parseFloat(t[++e]), u = parseFloat(t[++e]);
-						n += r === i && o === a ? `t${l - i} ${u - a}` : `q${r - i} ${o - a} ${l - i} ${u - a}`, i = l, a = u;
-					}
-				}
-			}
-			return n;
-		}
-		function q(e) {
-			if (e.cancelable && e.preventDefault(), V.value !== "draw" || !x.active || !O.value) return;
-			E.value = !0;
-			let { x: t, y: n } = K(e);
-			j.value = {
-				x: t,
-				y: n
-			}, D.value = `M ${t} ${n}`, k.value = document.createElementNS(i, "path"), k.value.setAttribute("stroke", w.value), k.value.setAttribute("stroke-width", T.value * x.scale), k.value.setAttribute("fill", "none"), k.value.setAttribute("stroke-linecap", "round"), k.value.setAttribute("stroke-linejoin", "round"), k.value.setAttribute("class", "vue-data-ui-doodle"), O.value.appendChild(k.value);
-		}
-		function J(e) {
-			if (e.cancelable && e.preventDefault(), !E.value || !O.value || !k.value) return;
-			let { x: t, y: n } = K(e);
-			D.value += ` ${t} ${n}`, k.value.setAttribute("d", D.value);
-		}
-		function Te() {
-			let e = x.svgRef;
-			if (!e) return;
-			let t = e.querySelector(`defs#${ue.value}`);
-			if (t || (t = document.createElementNS(i, "defs"), t.setAttribute("id", ue.value), e.appendChild(t)), t.querySelector(`#${M.value}`)) return;
-			let n = document.createElementNS(i, "marker");
-			n.setAttribute("id", M.value), n.setAttribute("markerUnits", "strokeWidth"), n.setAttribute("markerWidth", "6"), n.setAttribute("markerHeight", "6"), n.setAttribute("refX", "4"), n.setAttribute("refY", "3"), n.setAttribute("orient", "auto"), n.setAttribute("viewBox", "0 0 6 6");
-			let r = document.createElementNS(i, "path");
-			r.setAttribute("d", `M 0 0 L 6 ${6 / 2} L 0 6 z`), r.setAttribute("fill", "context-stroke"), r.setAttribute("stroke", "none"), n.appendChild(r), t.appendChild(n);
-		}
-		function Y(e) {
-			if (e.cancelable && e.preventDefault(), !["line", "arrow"].includes(V.value) || !x.active || !O.value) return;
-			V.value === "arrow" && Te(), E.value = !0;
-			let { x: t, y: n } = K(e);
-			j.value = {
-				x: t,
-				y: n
-			}, A.value = document.createElementNS(i, "line"), A.value.setAttribute("stroke", w.value), A.value.setAttribute("stroke-width", T.value * x.scale), A.value.setAttribute("stroke-linecap", "round"), A.value.setAttribute("class", "vue-data-ui-doodle"), A.value.setAttribute("x1", t), A.value.setAttribute("y1", n), A.value.setAttribute("x2", t), A.value.setAttribute("y2", n), V.value === "arrow" && A.value.setAttribute("marker-end", `url(#${M.value})`), O.value.appendChild(A.value);
-		}
-		function X(e) {
-			if (e.cancelable && e.preventDefault(), !["line", "arrow"].includes(V.value) || !E.value || !O.value || !A.value) return;
-			let { x: t, y: n } = K(e);
-			A.value.setAttribute("x2", t), A.value.setAttribute("y2", n);
-		}
-		function Z(e) {
-			if (E.value && O.value && A.value) {
-				let { x: t, y: n } = K(e);
-				A.value.setAttribute("x2", t), A.value.setAttribute("y2", n), S.value.push(A.value), C.value = [], A.value = "";
-			}
-			E.value = !1;
-		}
-		function Q(e) {
-			if (E.value && O.value && k.value) {
-				let { x: t, y: n } = K(e);
-				if (j.value && j.value.x === t && j.value.y === n) {
-					let e = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-					e.setAttribute("cx", t), e.setAttribute("cy", n), e.setAttribute("r", T.value * x.scale / 2), e.setAttribute("fill", w.value), e.setAttribute("class", "vue-data-ui-doodle"), O.value.appendChild(e), S.value.push(e);
-				} else {
-					let e = k.value;
-					e.setAttribute("d", we(Se(D.value))), S.value.push(e);
-				}
-				C.value = [], k.value = "";
-			}
-			E.value = !1;
-		}
-		function Ee() {
-			if (S.value.length > 0) {
-				let e = S.value.pop();
-				C.value.push(e), e === P.value ? be(!0) : O.value && O.value.contains(e) && O.value.removeChild(e);
-			}
-		}
-		function De() {
-			if (C.value.length > 0) {
-				let e = C.value.pop();
-				S.value.push(e), O.value && O.value.appendChild(e);
-			}
-		}
-		function Oe() {
-			O.value && (O.value.innerHTML = ""), S.value = [], C.value = [], z.value = !1, xe();
-		}
-		b(V, (e) => {
-			x.active && ($(), ke(), Ae());
-		});
-		function ke() {
-			!x.svgRef || !x.active || (V.value === "draw" ? (x.svgRef.addEventListener("mousedown", q), x.svgRef.addEventListener("mousemove", J), x.svgRef.addEventListener("mouseup", Q), x.svgRef.addEventListener("mouseleave", Q), x.svgRef.addEventListener("touchstart", q, { passive: !1 }), x.svgRef.addEventListener("touchmove", J, { passive: !1 }), x.svgRef.addEventListener("touchend", Q), x.svgRef.addEventListener("touchcancel", Q)) : ["line", "arrow"].includes(V.value) ? (x.svgRef.addEventListener("mousedown", Y), x.svgRef.addEventListener("mousemove", X), x.svgRef.addEventListener("mouseup", Z), x.svgRef.addEventListener("touchstart", Y, { passive: !1 }), x.svgRef.addEventListener("touchmove", X, { passive: !1 }), x.svgRef.addEventListener("touchend", Z), x.svgRef.addEventListener("touchcancel", Z)) : V.value === "text" && (x.svgRef.addEventListener("mousedown", H), x.svgRef.addEventListener("touchstart", H, { passive: !1 })), O.value && (O.value.style.pointerEvents = "auto"));
-		}
-		function $() {
-			x.svgRef && (x.svgRef.removeEventListener("mousedown", q), x.svgRef.removeEventListener("mousemove", J), x.svgRef.removeEventListener("mouseup", Q), x.svgRef.removeEventListener("mouseleave", Q), x.svgRef.removeEventListener("touchstart", q), x.svgRef.removeEventListener("touchmove", J), x.svgRef.removeEventListener("touchend", Q), x.svgRef.removeEventListener("touchcancel", Q), x.svgRef.removeEventListener("mousedown", Y), x.svgRef.removeEventListener("mousemove", X), x.svgRef.removeEventListener("mouseup", Z), x.svgRef.removeEventListener("touchstart", Y), x.svgRef.removeEventListener("touchmove", X), x.svgRef.removeEventListener("touchend", Z), x.svgRef.removeEventListener("touchcancel", Z), x.svgRef.removeEventListener("mousedown", H), x.svgRef.removeEventListener("touchstart", H), O.value && (O.value.style.pointerEvents = "none"));
-		}
-		b(() => x.active, (e) => {
-			e ? ke() : $();
-		}), b(() => x.active, () => {
-			p(() => {
-				xe();
-			});
-		}), b(() => x.active, (e) => {
-			x.svgRef && (e ? x.svgRef.style.touchAction = "none" : x.svgRef.style.touchAction = "");
-		}, { immediate: !0 });
-		function Ae() {
-			O.value && (V.value === "text" ? O.value.style.cursor = "text" : ["line", "arrow"].includes(V.value) ? O.value.style.cursor = "crosshair" : O.value.style.cursor = pe.value);
-		}
-		let je = v(null);
-		return te(() => {
-			p(() => {
-				x.svgRef && (O.value = document.createElementNS("http://www.w3.org/2000/svg", "g"), O.value.setAttribute("class", "vue-data-ui-doodles"), x.svgRef.appendChild(O.value), Ae(), $());
-			});
-		}), b(() => x.active, async (e) => {
-			e && (await p(), je.value?.focus());
-		}, { flush: "post" }), ee(() => {
-			W(), O.value && x.svgRef && (O.value.remove(), $());
-		}), (t, r) => e.active ? (_(), l("div", {
-			key: 0,
-			"data-dom-to-png-ignore": "",
-			class: "vue-ui-pen-and-paper-actions",
-			style: g({ backgroundColor: e.backgroundColor })
-		}, [
-			u("button", {
-				ref_key: "buttonToggle",
-				ref: je,
-				class: "vue-ui-pen-and-paper-action",
-				onClick: r[0] ||= (e) => le("close"),
-				style: g({
-					backgroundColor: e.backgroundColor,
-					border: `1px solid ${G.value}`,
-					cursor: e.isCursorPointer ? "pointer" : "default"
-				})
-			}, [y(t.$slots, "annotator-action-close", {}, () => [d(a, {
-				name: "close",
-				stroke: e.color
-			}, null, 8, ["stroke"])])], 4),
-			u("button", {
-				class: "vue-ui-pen-and-paper-action",
-				tabindex: "-1",
-				style: g(`padding: 0 !important; cursor: ${e.isCursorPointer ? "pointer" : "default"}`)
-			}, [d(o, {
-				value: w.value,
-				"onUpdate:value": r[1] ||= (e) => w.value = e,
-				backgroundColor: e.backgroundColor,
-				buttonBorderColor: G.value,
-				isCursorPointer: e.isCursorPointer
-			}, {
-				"annotator-action-color": ae(({ color: e }) => [y(t.$slots, "annotator-action-color", h(f({ color: e })))]),
-				_: 3
-			}, 8, [
-				"value",
-				"backgroundColor",
-				"buttonBorderColor",
-				"isCursorPointer"
-			])], 4),
-			u("button", {
-				class: m(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active": V.value === "text" }]),
-				onClick: r[2] ||= (e) => me(),
-				style: g({
-					backgroundColor: e.backgroundColor,
-					border: `1px solid ${G.value}`,
-					cursor: e.isCursorPointer ? "pointer" : "default"
-				})
-			}, [y(t.$slots, "annotator-action-draw", h(f({ mode: V.value })), () => [d(a, {
-				name: fe[V.value],
-				stroke: e.color
-			}, null, 8, ["name", "stroke"])]), u("div", { style: g({
-				position: "absolute",
-				bottom: "-20px",
-				color: G.value,
-				width: "100%",
-				textAlign: "center",
-				fontSize: "12px",
-				fontVariantNumeric: "tabular-nums"
-			}) }, ne(re(n)({
-				v: V.value === "text" ? Math.round(R.value) : Math.round(T.value),
-				s: "px",
-				r: 1
-			})), 5)], 6),
-			u("button", {
-				class: m(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !S.value.length }]),
-				disabled: !S.value.length,
-				onClick: Ee,
-				style: g({
-					backgroundColor: e.backgroundColor,
-					border: `1px solid ${G.value}`,
-					marginTop: "20px",
-					cursor: e.isCursorPointer ? "pointer" : "default"
-				})
-			}, [y(t.$slots, "annotator-action-undo", h(f({ disabled: !S.value.length })), () => [d(a, {
-				name: "refresh",
-				stroke: e.color
-			}, null, 8, ["stroke"])])], 14, ce),
-			u("button", {
-				class: m(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !C.value.length }]),
-				onClick: De,
-				style: g({
-					backgroundColor: e.backgroundColor,
-					border: `1px solid ${G.value}`,
-					cursor: e.isCursorPointer ? "pointer" : "default"
-				})
-			}, [y(t.$slots, "annotator-action-redo", h(f({ disabled: !C.value.length })), () => [d(a, {
-				name: "refresh",
-				stroke: e.color,
-				style: { transform: "scaleX(-1)" }
-			}, null, 8, ["stroke"])])], 6),
-			u("button", {
-				class: m(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !S.value.length }]),
-				onClick: Oe,
-				style: g({
-					backgroundColor: e.backgroundColor,
-					border: `1px solid ${G.value}`,
-					cursor: e.isCursorPointer ? "pointer" : "default"
-				})
-			}, [y(t.$slots, "annotator-action-delete", h(f({ disabled: !S.value.length })), () => [d(a, {
-				name: "trash",
-				stroke: e.color
-			}, null, 8, ["stroke"])])], 6),
-			V.value === "text" ? oe((_(), l("input", {
-				key: 0,
-				ref: "range",
-				type: "range",
-				class: "vertical-range",
-				min: 3,
-				max: 48,
-				step: 1,
-				"onUpdate:modelValue": r[3] ||= (e) => R.value = e,
-				style: g({ accentColor: e.color })
-			}, null, 4)), [[ie, R.value]]) : oe((_(), l("input", {
-				key: 1,
-				ref: "range",
-				type: "range",
-				class: "vertical-range",
-				min: .5,
-				max: 12,
-				step: .1,
-				"onUpdate:modelValue": r[4] ||= (e) => T.value = e,
-				style: g({ accentColor: e.color })
-			}, null, 4)), [[ie, T.value]])
-		], 4)) : c("", !0);
-	}
-};
-//#endregion
-export { x as n, se as t };