vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-annotator-BLYRy--7.js → vue-ui-annotator-BGB6K6u0.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { C as t, It as n, Zt as r, q as i } from "./lib-Dql7cqyA.js";
+import { Bt as t, C as n, X as r, tn as i } from "./lib-DOpaUOQx.js";
 import { n as a, t as o } from "./useHints-Dq_w2E8B.js";
-import { t as s } from "./useConfig-D32D002m.js";
-import { t as c } from "./usePrinter-hohanNCX.js";
-import { t as l } from "./dom-to-png-BR4imuKV.js";
+import { t as s } from "./useConfig-C2uy4ltq.js";
+import { t as c } from "./usePrinter-BBBooAGP.js";
+import { t as l } from "./dom-to-png-DdqmzDdY.js";
 import { t as ee } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as u } from "./BaseIcon-D8R6_sKH.js";
-import { t as te } from "./vue-ui-accordion-DmkL8A59.js";
-import { t as ne } from "./ColorPicker-CUy15T72.js";
+import { t as u } from "./BaseIcon-Dlz7gfx0.js";
+import { t as te } from "./vue-ui-accordion-yHZMJLaY.js";
+import { t as ne } from "./ColorPicker-DMTwxvi_.js";
 import { Fragment as re, Teleport as ie, computed as ae, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as oe, guardReactiveProps as se, nextTick as ce, normalizeClass as g, normalizeProps as le, normalizeStyle as _, onBeforeUnmount as ue, onMounted as de, openBlock as v, ref as y, renderList as fe, renderSlot as b, toDisplayString as x, unref as pe, vModelCheckbox as me, vModelText as he, watch as ge, withCtx as S, withDirectives as _e, withModifiers as ve } from "vue";
 //#region src/registerAnnotatorShortcuts.js
 function ye(e) {
@@ -295,7 +295,7 @@ var be = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ ee({
 	setup(e, { emit: ee }) {
 		let be = e, xe = ee, Dt = y(!1), Ot = y(!1);
 		de(() => Dt.value = !0);
-		let kt = y(i()), { isImaging: At, generateImage: jt } = c({
+		let kt = y(r()), { isImaging: At, generateImage: jt } = c({
 			elementId: kt.value,
 			fileName: wt
 		}), w = y(void 0), Mt = y(1), T = y({
@@ -338,7 +338,7 @@ var be = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ ee({
 				height: 12,
 				width: 12
 			}
-		}), z = y(!1), Jt = y(1), Yt = y(void 0), Xt = y(1), Zt = y(1), B = y("start"), Qt = y(20), $t = y(100), en = n, tn = y(null), nn = y(null), V = y(null), rn = y(null), an = y(null), on = y(!1), sn = y({
+		}), z = y(!1), Jt = y(1), Yt = y(void 0), Xt = y(1), Zt = y(1), B = y("start"), Qt = y(20), $t = y(100), en = t, tn = y(null), nn = y(null), V = y(null), rn = y(null), an = y(null), on = y(!1), sn = y({
 			row: 0,
 			col: 0
 		}), H = y(null), U = y(!1), W = y(null), G = y({
@@ -352,11 +352,11 @@ var be = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ ee({
 		let mn = y(null), K = ae(() => {
 			let e = s().vue_ui_annotator;
 			if (!Object.keys(be.config || {}).length) return e;
-			let n = r({
+			let t = i({
 				defaultConfig: e,
 				userConfig: be.config
 			});
-			return t(n);
+			return n(t);
 		}), hn = y(K.value.style.paletteColor), q = ae(() => K.value.style.buttons), J = ae(() => K.value.style);
 		a({
 			config: () => K.value,
@@ -1111,7 +1111,7 @@ var be = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ ee({
 			if (!F.value?.id) return;
 			let e = {
 				...F.value,
-				id: `${F.value.id}_copy_${i()}`,
+				id: `${F.value.id}_copy_${r()}`,
 				x: F.value.x - 100 < 0 ? 1 : F.value.x - 100,
 				y: F.value.y - 100 < 0 ? 1 : F.value.y - 100
 			};
@@ -1210,7 +1210,7 @@ var be = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ ee({
 		function Qn() {
 			ln.value?.begin?.();
 			let e = {
-				id: `text_${i()}`,
+				id: `text_${r()}`,
 				type: "text",
 				lines: 0,
 				x: I.value.x,
@@ -1383,45 +1383,45 @@ var be = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ ee({
 		function dr(e) {
 			e.content = "";
 			let t = e.x || 0, n = e.y || 0;
-			(e.source || []).forEach((r) => {
-				switch (r.type) {
+			(e.source || []).forEach((i) => {
+				switch (i.type) {
 					case "circle": {
-						let i = t + r.diffX, a = n + r.diffY;
+						let r = t + i.diffX, a = n + i.diffY;
 						e.content += `
           <circle
-            id="${r.id}"
-            cx="${i}"
+            id="${i.id}"
+            cx="${r}"
             cy="${a}"
-            r="${r.circleRadius ? r.circleRadius : Number.MIN_VALUE}"
-            fill="${r.isFilled ? r.color + r.alpha : "rgba(255,255,255,0.001)"}"
-            stroke="${r.color + r.alpha}"
-            stroke-width="${r.strokeWidth}"
-            style="${r.isDash ? `stroke-dasharray: ${r.strokeWidth * 3}` : ""}"
+            r="${i.circleRadius ? i.circleRadius : Number.MIN_VALUE}"
+            fill="${i.isFilled ? i.color + i.alpha : "rgba(255,255,255,0.001)"}"
+            stroke="${i.color + i.alpha}"
+            stroke-width="${i.strokeWidth}"
+            style="${i.isDash ? `stroke-dasharray: ${i.strokeWidth * 3}` : ""}"
           />
         `;
 						break;
 					}
 					case "rect": {
-						let i = t + r.diffX, a = n + r.diffY;
+						let r = t + i.diffX, a = n + i.diffY;
 						e.content += `
           <rect
-            id="${A.value ? "" : r.id}"
-            x="${i}"
+            id="${A.value ? "" : i.id}"
+            x="${r}"
             y="${a}"
-            fill="${r.isFilled ? r.color + r.alpha : "rgba(255,255,255,0.001)"}"
-            height="${r.rectHeight}"
-            width="${r.rectWidth}"
-            stroke="${r.color + r.alpha}"
-            stroke-width="${r.strokeWidth}"
-            style="rx:1 !important; ry:1 !important; ${r.isDash ? `stroke-dasharray: ${r.strokeWidth * 3}` : ""}"
+            fill="${i.isFilled ? i.color + i.alpha : "rgba(255,255,255,0.001)"}"
+            height="${i.rectHeight}"
+            width="${i.rectWidth}"
+            stroke="${i.color + i.alpha}"
+            stroke-width="${i.strokeWidth}"
+            style="rx:1 !important; ry:1 !important; ${i.isDash ? `stroke-dasharray: ${i.strokeWidth * 3}` : ""}"
           />
         `;
 						break;
 					}
 					case "arrow": {
-						let a = t + r.diffX, o = n + r.diffY, s = t + r.diffEndX, c = n + r.diffEndY, l = r.strokeWidth > 3 ? 5 : 10, ee = r.strokeWidth > 3 ? 2.5 : 5, u = `m_${r.id}_${i()}`;
+						let a = t + i.diffX, o = n + i.diffY, s = t + i.diffEndX, c = n + i.diffEndY, l = i.strokeWidth > 3 ? 5 : 10, ee = i.strokeWidth > 3 ? 2.5 : 5, u = `m_${i.id}_${r()}`;
 						e.content += `
-          <g id="${r.id}">
+          <g id="${i.id}">
             <defs>
               <marker 
                 id="${u}" 
@@ -1430,15 +1430,15 @@ var be = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ ee({
                 refX="0" 
                 refY="${ee}" 
                 orient="auto">
-                <polygon points="0 0,${l} ${ee}, 0 ${l}" fill="${r.color}" />
+                <polygon points="0 0,${l} ${ee}, 0 ${l}" fill="${i.color}" />
               </marker>
             </defs>
             <path
-              style="stroke-linecap: round !important; ${r.isDash ? `stroke-dasharray: ${r.strokeWidth * 3}` : ""}"
-              stroke="${r.color}"
-              id="${r.id}"
+              style="stroke-linecap: round !important; ${i.isDash ? `stroke-dasharray: ${i.strokeWidth * 3}` : ""}"
+              stroke="${i.color}"
+              id="${i.id}"
               d="M${a},${o} ${s},${c}"
-              stroke-width="${r.strokeWidth}"
+              stroke-width="${i.strokeWidth}"
               marker-end="url(#${u})"
             />
           </g>
@@ -1446,40 +1446,40 @@ var be = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ ee({
 						break;
 					}
 					case "line": {
-						let i = Cn(Array.isArray(r.diffPoints) && r.diffPoints.length ? r.diffPoints.map((e) => ({
+						let r = Cn(Array.isArray(i.diffPoints) && i.diffPoints.length ? i.diffPoints.map((e) => ({
 							x: t + e.x,
 							y: n + e.y
-						})) : Sn(r.path));
+						})) : Sn(i.path));
 						e.content += `
           <path
-            id="${r.id}"
-            d="M${i}"
-            style="stroke:${r.color + r.alpha} !important; fill:none; stroke-width:${r.strokeWidth} !important; stroke-linecap:round !important; stroke-linejoin:round !important; ${r.isDash ? `stroke-dasharray: ${r.strokeWidth * 3}` : ""}"
+            id="${i.id}"
+            d="M${r}"
+            style="stroke:${i.color + i.alpha} !important; fill:none; stroke-width:${i.strokeWidth} !important; stroke-linecap:round !important; stroke-linejoin:round !important; ${i.isDash ? `stroke-dasharray: ${i.strokeWidth * 3}` : ""}"
           />
         `;
 						break;
 					}
 					case "text": {
-						let i = (r.textContent || "").split("‎").map((e, i) => `
-          ${r.isBulletTextMode ? `<tspan x="${t + r.diffX - r.fontSize}" y="${n + r.diffY + r.fontSize * i}" id="${r.id}" font-size="${r.fontSize / 2}">⬤</tspan>` : ""}
-          <tspan id="${r.id}" x="${t + r.diffX}" y="${n + r.diffY + r.fontSize * i}">
+						let r = (i.textContent || "").split("‎").map((e, r) => `
+          ${i.isBulletTextMode ? `<tspan x="${t + i.diffX - i.fontSize}" y="${n + i.diffY + i.fontSize * r}" id="${i.id}" font-size="${i.fontSize / 2}">⬤</tspan>` : ""}
+          <tspan id="${i.id}" x="${t + i.diffX}" y="${n + i.diffY + i.fontSize * r}">
             ${e}
           </tspan>
         `).join("");
 						e.content += `
-          <g id="${r.id}">
+          <g id="${i.id}">
             <text
               style="user-select:none; height:100px;"
-              id="${r.id}"
-              x="${t + r.diffX}"
-              y="${n + r.diffY}"
-              text-anchor="${r.textAlign}"
-              font-size="${r.fontSize}"
-              fill="${r.color}"
-              font-weight="${r.isBold ? "bold" : "normal"}"
-              font-style="${r.isItalic ? "italic" : "normal"}"
-              text-decoration="${r.isUnderline ? "underline" : "none"}">
-              ${i}
+              id="${i.id}"
+              x="${t + i.diffX}"
+              y="${n + i.diffY}"
+              text-anchor="${i.textAlign}"
+              font-size="${i.fontSize}"
+              fill="${i.color}"
+              font-weight="${i.isBold ? "bold" : "normal"}"
+              font-style="${i.isItalic ? "italic" : "normal"}"
+              text-decoration="${i.isUnderline ? "underline" : "none"}">
+              ${r}
             </text>
           </g>
         `;
@@ -1497,7 +1497,7 @@ var be = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ ee({
 				x: I.value.x,
 				y: I.value.y
 			};
-			let e = `${j.value ? "group" : w.value}_${i()}`;
+			let e = `${j.value ? "group" : w.value}_${r()}`;
 			switch (!0) {
 				case w.value === "arrow":
 					L.value.push({
@@ -1558,7 +1558,7 @@ var be = { class: "teleport-tooltip__inner" }, C = /*#__PURE__*/ ee({
 					break;
 				case w.value === "group": L.value.push({
 					alpha: 1,
-					id: `group_${i()}`,
+					id: `group_${r()}`,
 					x: I.value.x,
 					y: I.value.y,
 					isFilled: !1,