vue-data-ui 3.15.9 → 3.15.11

package/dist/{Arrow-C4Kx1nmG.js → Arrow-DlPyR6HQ.js}

@@ -1,5 +1,5 @@
-import { computed as u, createElementBlock as d, openBlock as m, createElementVNode as t, unref as o } from "vue";
-import { j as n } from "./lib-CvwgMHct.js";
+import { computed as u, openBlock as d, createElementBlock as m, createElementVNode as t, unref as o } from "vue";
+import { j as n } from "./lib-GwPnJSrY.js";
 const s = { class: "vue-ui-element-arrow" }, f = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], c = ["d", "fill"], h = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], y = ["d", "fill"], v = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray", "marker-end", "marker-start"], z = {
   __name: "Arrow",
   props: {
@@ -50,7 +50,7 @@ const s = { class: "vue-ui-element-arrow" }, f = ["id", "viewBox", "refX", "refY
   },
   setup(e) {
     const a = e, i = n(), k = u(() => `0 0 ${a.markerSize} ${a.markerSize}`), r = u(() => a.markerSize / 2), l = u(() => r.value + a.markerSize / 10);
-    return (x, S) => (m(), d("g", s, [
+    return (x, S) => (d(), m("g", s, [
       t("defs", null, [
         t("marker", {
           id: `arrow_end_${o(i)}`,

package/dist/{BaseDraggableDialog-DZ8LtDpY.js → BaseDraggableDialog-DaB3XPwS.js}

@@ -1,8 +1,8 @@
-import { ref as l, reactive as U, computed as q, onMounted as A, onUnmounted as G, createBlock as J, openBlock as S, Teleport as Q, createElementBlock as $, createCommentVNode as Z, withModifiers as s, normalizeStyle as x, createElementVNode as o, unref as _, renderSlot as z, createVNode as ee, normalizeClass as te, nextTick as ne } from "vue";
-import oe from "./BaseIcon-lam_h6kW.js";
-import { j as ie, X as re } from "./lib-CvwgMHct.js";
+import { ref as s, reactive as A, computed as q, onMounted as F, onUnmounted as G, openBlock as x, createBlock as J, Teleport as Q, createElementBlock as O, withModifiers as d, normalizeStyle as k, createElementVNode as o, unref as Z, renderSlot as h, createVNode as _, normalizeClass as ee, createCommentVNode as te, nextTick as ne } from "vue";
+import oe from "./BaseIcon-DYhirMez.js";
+import { j as ie, X as re } from "./lib-GwPnJSrY.js";
 import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const se = ["xmlns"], de = { class: "draggable-dialog-actions" }, le = {
+const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
   __name: "BaseDraggableDialog",
   props: {
     backgroundColor: { type: String },
@@ -13,19 +13,23 @@ const se = ["xmlns"], de = { class: "draggable-dialog-actions" }, le = {
     isFullscreen: { type: Boolean, default: !1 },
     withPadding: { type: Boolean, default: !1 },
     forcedWidth: { type: Number, default: 400 },
-    isCursorPointer: { type: Boolean, default: !1 }
+    forcedHeight: { type: Number, default: 400 },
+    isCursorPointer: { type: Boolean, default: !1 },
+    forceAspectRatio: { type: Boolean, default: !1 },
+    withFullWidth: { type: Boolean, default: !1 },
+    noLayerUpdate: { type: Boolean, default: !1 }
   },
-  emits: ["close"],
-  setup(a, { expose: O, emit: P }) {
-    const b = a, F = P, w = l(!1), k = l(!1), M = l(0), m = l(null), D = l(null), g = l(null), B = `vue-ui-draggable-dialog-${ie()}`, C = `${B}-title`, T = `${B}-body`;
-    function E() {
-      M.value += 1;
+  emits: ["close", "size"],
+  setup(a, { expose: P, emit: I }) {
+    const u = a, g = I, L = s(!1), M = s(!1), B = s(0), v = s(null), D = s(null), p = s(null), C = `vue-ui-draggable-dialog-${ie()}`, W = `${C}-title`, H = `${C}-body`;
+    function z() {
+      u.noLayerUpdate || (B.value += 1);
     }
-    const e = U({
+    const e = A({
       left: window.innerWidth / 2 - 200,
       top: window.innerHeight / 2 - 120,
-      width: b.forcedWidth,
-      height: 400,
+      width: u.forcedWidth,
+      height: u.forcedHeight,
       dragging: !1,
       resizing: !1,
       dragOffsetX: 0,
@@ -35,18 +39,18 @@ const se = ["xmlns"], de = { class: "draggable-dialog-actions" }, le = {
       resizeStartW: 0,
       resizeStartH: 0
     });
-    function I() {
-      g.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, w.value = !0, ne(() => {
-        k.value || (e.left = Math.max(0, window.innerWidth / 2 - e.width / 2), e.top = Math.max(0, window.innerHeight / 2 - e.height / 2), k.value = !0);
-        const t = D.value || m.value;
+    function N() {
+      p.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, L.value = !0, ne(() => {
+        M.value || (e.left = Math.max(0, window.innerWidth / 2 - e.width / 2), e.top = Math.max(0, window.innerHeight / 2 - e.height / 2), M.value = !0);
+        const t = D.value || v.value;
         t && typeof t.focus == "function" && t.focus();
       });
     }
-    function L() {
-      w.value = !1, F("close"), g.value && typeof g.value.focus == "function" && g.value.focus();
+    function S() {
+      L.value = !1, g("close"), p.value && typeof p.value.focus == "function" && p.value.focus();
     }
-    O({ open: I, close: L });
-    const N = q(() => ({
+    P({ open: N, close: S });
+    const R = q(() => ({
       position: "fixed",
       left: `${e.left}px`,
       top: `${e.top}px`,
@@ -54,105 +58,108 @@ const se = ["xmlns"], de = { class: "draggable-dialog-actions" }, le = {
       height: `${e.height}px`,
       padding: 0,
       border: "none",
-      background: b.backgroundColor,
+      background: u.backgroundColor,
       boxShadow: "0 4px 24px rgba(0,0,0,0.15)",
       zIndex: 9999,
       overflow: "visible",
       borderRadius: "2px",
-      "--dlg-color": b.color
+      "--dlg-color": u.color
     }));
-    function d(t) {
+    function l(t) {
       return t.touches && t.touches.length ? { x: t.touches[0].clientX, y: t.touches[0].clientY } : { x: t.clientX, y: t.clientY };
     }
-    function W(t) {
-      t.preventDefault?.(), E(), e.dragging = !0;
-      const n = d(t);
-      e.dragOffsetX = n.x - e.left, e.dragOffsetY = n.y - e.top, document.addEventListener("mousemove", v), document.addEventListener("mouseup", u), document.addEventListener("touchmove", v, { passive: !1 }), document.addEventListener("touchend", u);
+    function T(t) {
+      t.preventDefault?.(), z(), e.dragging = !0;
+      const n = l(t);
+      e.dragOffsetX = n.x - e.left, e.dragOffsetY = n.y - e.top, document.addEventListener("mousemove", y), document.addEventListener("mouseup", c), document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", c);
     }
-    function v(t) {
+    function y(t) {
       if (!e.dragging) return;
       t.preventDefault?.();
-      const n = d(t);
+      const n = l(t);
       let i = n.x - e.dragOffsetX, r = n.y - e.dragOffsetY;
       i = Math.max(0, Math.min(i, window.innerWidth - e.width)), r = Math.max(0, Math.min(r, window.innerHeight - e.height)), e.left = i, e.top = r;
     }
-    function u() {
-      e.dragging = !1, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", u), document.removeEventListener("touchmove", v), document.removeEventListener("touchend", u);
+    function c() {
+      e.dragging = !1, document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", c), document.removeEventListener("touchmove", y), document.removeEventListener("touchend", c);
     }
     function X(t) {
-      t.preventDefault?.(), E(), e.resizing = !0;
-      const n = d(t);
-      e.pointerStartX = n.x, e.pointerStartY = n.y, e.resizeStartW = e.width, e.resizeStartH = e.height, document.addEventListener("mousemove", h), document.addEventListener("mouseup", c), document.addEventListener("touchmove", h, { passive: !1 }), document.addEventListener("touchend", c);
+      t.preventDefault?.(), z(), e.resizing = !0;
+      const n = l(t);
+      e.pointerStartX = n.x, e.pointerStartY = n.y, e.resizeStartW = e.width, e.resizeStartH = e.height, document.addEventListener("mousemove", b), document.addEventListener("mouseup", f), document.addEventListener("touchmove", b, { passive: !1 }), document.addEventListener("touchend", f);
     }
-    function h(t) {
+    function b(t) {
       if (!e.resizing) return;
       t.preventDefault?.();
-      const n = d(t);
+      const n = l(t);
       let i = n.x - e.pointerStartX, r = n.y - e.pointerStartY;
-      e.width = Math.max(240, e.resizeStartW + i), e.height = Math.max(400, e.resizeStartH + r);
+      e.width = Math.max(240, e.resizeStartW + i), e.height = Math.max(400, e.resizeStartH + r), g("size", { width: e.width, height: e.height });
     }
-    function c() {
-      e.resizing = !1, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", c), document.removeEventListener("touchmove", h), document.removeEventListener("touchend", c);
+    function f() {
+      e.resizing = !1, document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", f), document.removeEventListener("touchmove", b), document.removeEventListener("touchend", f), g("size", { width: e.width, height: e.height });
     }
-    function H(t) {
-      t.preventDefault?.(), E(), e.resizing = !0;
-      const n = d(t);
-      e.pointerStartX = n.x, e.pointerStartY = n.y, e.resizeStartW = e.width, e.resizeStartH = e.height, e.resizeStartLeft = e.left, e.resizeStartTop = e.top, document.addEventListener("mousemove", p), document.addEventListener("mouseup", f), document.addEventListener("touchmove", p, { passive: !1 }), document.addEventListener("touchend", f);
+    F(() => {
+      g("size", { width: e.width, height: e.height });
+    });
+    function $(t) {
+      t.preventDefault?.(), z(), e.resizing = !0;
+      const n = l(t);
+      e.pointerStartX = n.x, e.pointerStartY = n.y, e.resizeStartW = e.width, e.resizeStartH = e.height, e.resizeStartLeft = e.left, e.resizeStartTop = e.top, document.addEventListener("mousemove", w), document.addEventListener("mouseup", m), document.addEventListener("touchmove", w, { passive: !1 }), document.addEventListener("touchend", m);
     }
-    function p(t) {
+    function w(t) {
       if (!e.resizing) return;
       t.preventDefault?.();
-      const n = d(t);
+      const n = l(t);
       let i = n.x - e.pointerStartX, r = Math.min(
         Math.max(0, e.resizeStartLeft + i),
         e.resizeStartLeft + e.resizeStartW - 240
-      ), y = e.resizeStartW - (r - e.resizeStartLeft), j = n.y - e.pointerStartY, V = Math.max(400, e.resizeStartH + j);
-      e.left = r, e.width = y, e.height = V;
+      ), E = e.resizeStartW - (r - e.resizeStartLeft), j = n.y - e.pointerStartY, V = Math.max(400, e.resizeStartH + j);
+      e.left = r, e.width = E, e.height = V;
     }
-    function f() {
-      e.resizing = !1, document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", f), document.removeEventListener("touchmove", p), document.removeEventListener("touchend", f);
+    function m() {
+      e.resizing = !1, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", m), document.removeEventListener("touchmove", w), document.removeEventListener("touchend", m);
     }
-    A(() => {
+    F(() => {
       document.addEventListener("keydown", Y);
     });
     function Y(t) {
-      t.key && t.key === "Escape" && L();
+      t.key && t.key === "Escape" && S();
     }
     G(() => {
-      u(), c(), f(), document.removeEventListener("keydown", Y);
+      c(), f(), m(), document.removeEventListener("keydown", Y);
     });
-    function R(t) {
-      t.key === "Tab" && K(t);
-    }
     function K(t) {
-      if (!m.value) return;
-      const i = m.value.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]');
+      t.key === "Tab" && U(t);
+    }
+    function U(t) {
+      if (!v.value) return;
+      const i = v.value.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]');
       if (!i.length) return;
-      const r = i[0], y = i[i.length - 1];
-      t.shiftKey ? document.activeElement === r && (t.preventDefault(), y.focus()) : document.activeElement === y && (t.preventDefault(), r.focus());
+      const r = i[0], E = i[i.length - 1];
+      t.shiftKey ? document.activeElement === r && (t.preventDefault(), E.focus()) : document.activeElement === E && (t.preventDefault(), r.focus());
     }
-    return (t, n) => (S(), J(Q, {
+    return (t, n) => (x(), J(Q, {
       to: a.isFullscreen ? a.fullscreenParent : "body",
-      key: M.value
+      key: B.value
     }, [
-      w.value ? (S(), $("div", {
+      L.value ? (x(), O("div", {
         key: 0,
         ref_key: "draggableDialog",
-        ref: m,
+        ref: v,
         class: "vue-ui-draggable-dialog",
-        style: x(N.value),
+        style: k(R.value),
         role: "dialog",
         "aria-modal": !0,
-        "aria-labelledby": C,
-        "aria-describedby": T,
+        "aria-labelledby": W,
+        "aria-describedby": H,
         tabindex: "-1",
-        onClick: n[0] || (n[0] = s(() => {
+        onClick: n[0] || (n[0] = d(() => {
         }, ["stop"])),
-        onKeydown: R
+        onKeydown: K
       }, [
         o("div", {
           class: "vue-ui-draggable-dialog-header",
-          style: x({
+          style: k({
             backgroundColor: a.headerBg,
             color: a.headerColor
           })
@@ -160,11 +167,11 @@ const se = ["xmlns"], de = { class: "draggable-dialog-actions" }, le = {
           o("span", {
             class: "drag-handle",
             "aria-hidden": "true",
-            onMousedown: s(W, ["stop", "prevent"]),
-            onTouchstart: s(W, ["stop", "prevent"])
+            onMousedown: d(T, ["stop", "prevent"]),
+            onTouchstart: d(T, ["stop", "prevent"])
           }, [
-            (S(), $("svg", {
-              xmlns: _(re),
+            (x(), O("svg", {
+              xmlns: Z(re),
               width: "20",
               height: "20",
               viewBox: "0 0 24 24",
@@ -180,26 +187,26 @@ const se = ["xmlns"], de = { class: "draggable-dialog-actions" }, le = {
               o("path", { d: "M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
               o("path", { d: "M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
               o("path", { d: "M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
-            ])], 8, se))
+            ])], 8, de))
           ], 32),
           o("span", {
             class: "vue-ui-draggable-dialog-title",
-            id: C
+            id: W
           }, [
-            z(t.$slots, "title", {}, void 0, !0)
+            h(t.$slots, "title", {}, void 0, !0)
           ]),
-          o("div", de, [
-            z(t.$slots, "actions", {}, void 0, !0),
+          o("div", le, [
+            h(t.$slots, "actions", {}, void 0, !0),
             o("button", {
               ref_key: "closeButtonElement",
               ref: D,
               class: "close",
               type: "button",
               "aria-label": "Close dialog",
-              onClick: L,
-              style: x({ cursor: a.isCursorPointer ? "pointer" : "default" })
+              onClick: S,
+              style: k({ cursor: a.isCursorPointer ? "pointer" : "default" })
             }, [
-              ee(oe, {
+              _(oe, {
                 name: "close",
                 stroke: a.headerColor
               }, null, 8, ["stroke"])
@@ -207,31 +214,34 @@ const se = ["xmlns"], de = { class: "draggable-dialog-actions" }, le = {
           ])
         ], 4),
         o("div", {
-          id: T,
+          id: H,
           role: "document",
-          class: te({
+          class: ee({
             "vue-ui-draggable-dialog-body": !a.withPadding,
-            "vue-ui-draggable-dialog-body-pad": a.withPadding
+            "vue-ui-draggable-dialog-body-pad": a.withPadding,
+            "vue-ui-draggable-dialog-body-full-width": a.withFullWidth
           })
         }, [
-          z(t.$slots, "content", {}, void 0, !0)
+          h(t.$slots, "before", {}, void 0, !0),
+          h(t.$slots, "content", {}, void 0, !0),
+          h(t.$slots, "after", {}, void 0, !0)
         ], 2),
         o("div", {
           class: "resize-handle",
           "aria-hidden": "true",
-          onMousedown: s(X, ["stop", "prevent"]),
-          onTouchstart: s(X, ["stop", "prevent"])
+          onMousedown: d(X, ["stop", "prevent"]),
+          onTouchstart: d(X, ["stop", "prevent"])
         }, null, 32),
         o("div", {
           class: "resize-handle resize-handle-left",
           "aria-hidden": "true",
-          onMousedown: s(H, ["stop", "prevent"]),
-          onTouchstart: s(H, ["stop", "prevent"])
+          onMousedown: d($, ["stop", "prevent"]),
+          onTouchstart: d($, ["stop", "prevent"])
         }, null, 32)
-      ], 36)) : Z("", !0)
+      ], 36)) : te("", !0)
     ], 8, ["to"]));
   }
-}, ge = /* @__PURE__ */ ae(le, [["__scopeId", "data-v-a8eceed6"]]);
+}, he = /* @__PURE__ */ ae(se, [["__scopeId", "data-v-51e6b1e7"]]);
 export {
-  ge as default
+  he as default
 };

package/dist/{BaseIcon-lam_h6kW.js → BaseIcon-DYhirMez.js}

@@ -1,5 +1,5 @@
-import { useCssVars as Q, computed as l, useSlots as N, createElementBlock as b, openBlock as v, normalizeClass as z, unref as S } from "vue";
-import { X as B } from "./lib-CvwgMHct.js";
+import { useCssVars as Q, computed as l, useSlots as N, openBlock as b, createElementBlock as v, normalizeClass as z, unref as S } from "vue";
+import { X as B } from "./lib-GwPnJSrY.js";
 import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "viewBox", "height", "width", "innerHTML"], I = {
   __name: "BaseIcon",
@@ -443,7 +443,7 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
       }
       return `${o}${n}${e}`;
     }), g = l(() => y.value ? c.value && !s.value || s.value && !c.value ? i.size * 1.6 : i.size * 2.2 : i.size);
-    return (o, n) => y.value ? (v(), b("svg", {
+    return (o, n) => y.value ? (b(), v("svg", {
       key: 0,
       xmlns: S(B),
       class: z({ "spin ": C.isSpin }),
@@ -452,7 +452,7 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
       width: g.value,
       style: { background: "transparent", display: "block" },
       innerHTML: P.value
-    }, null, 10, X)) : (v(), b("svg", {
+    }, null, 10, X)) : (b(), v("svg", {
       key: 1,
       xmlns: S(B),
       class: z({ "spin ": C.isSpin }),

package/dist/{BaseLegendToggle-Cz-5VYyW.js → BaseLegendToggle-ZDVj6coL.js}

@@ -1,5 +1,5 @@
-import { createElementBlock as i, openBlock as l, normalizeClass as a, createElementVNode as s, normalizeStyle as d, withKeys as g, createVNode as c } from "vue";
-import m from "./BaseIcon-lam_h6kW.js";
+import { openBlock as i, createElementBlock as l, normalizeClass as a, createElementVNode as s, normalizeStyle as d, withKeys as g, createVNode as c } from "vue";
+import m from "./BaseIcon-DYhirMez.js";
 import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const C = {
   __name: "BaseLegendToggle",
@@ -13,7 +13,7 @@ const C = {
   emits: ["toggle"],
   setup(e, { emit: n }) {
     const o = n;
-    return (f, t) => (l(), i("div", {
+    return (f, t) => (i(), l("div", {
       class: a({ "vue-ui-legend-toggle-wrapper": e.isCursorPointer }),
       "data-dom-to-png-ignore": ""
     }, [

package/dist/{BaseScanner-BMpwQAfz.js → BaseScanner-BhhkKVoj.js}

@@ -1,4 +1,4 @@
-import { ref as d, computed as g, unref as a, watchEffect as h, createElementBlock as A, openBlock as y } from "vue";
+import { ref as d, computed as g, unref as a, watchEffect as h, openBlock as A, createElementBlock as y } from "vue";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function T({
   config: s,
@@ -21,7 +21,7 @@ function T({
 }
 const E = {}, L = { class: "vue-data-ui-scanner" };
 function x(s, n) {
-  return y(), A("div", L);
+  return A(), y("div", L);
 }
 const j = /* @__PURE__ */ B(E, [["render", x], ["__scopeId", "data-v-d6376e44"]]);
 export {

package/dist/{BaseZoomControls-FInC2Yvc.js → BaseZoomControls-r2ndeaDq.js}

@@ -1,6 +1,6 @@
-import { createElementBlock as c, openBlock as a, normalizeStyle as e, normalizeClass as d, unref as m, createElementVNode as l, createCommentVNode as f, createVNode as s, toDisplayString as z } from "vue";
-import { l as y } from "./exposedLib-Ty_H9P8z.js";
-import i from "./BaseIcon-lam_h6kW.js";
+import { openBlock as c, createElementBlock as a, normalizeStyle as e, unref as d, normalizeClass as m, createElementVNode as l, createVNode as s, toDisplayString as f, createCommentVNode as z } from "vue";
+import { l as y } from "./exposedLib-H4lmBl1t.js";
+import i from "./BaseIcon-DYhirMez.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const g = ["disabled"], C = {
   __name: "BaseZoomControls",
@@ -31,8 +31,8 @@ const g = ["disabled"], C = {
   emits: ["zoomIn", "zoomOut", "resetZoom", "switchDirection"],
   setup(o, { emit: u }) {
     const n = u;
-    return (h, t) => (a(), c("div", {
-      class: d({ "vue-data-ui-zoom-controls": !0, "vue-data-ui-zoom-controls-fullscreen": o.isFullscreen }),
+    return (h, t) => (c(), a("div", {
+      class: m({ "vue-data-ui-zoom-controls": !0, "vue-data-ui-zoom-controls-fullscreen": o.isFullscreen }),
       "data-dom-to-png-ignore": "",
       style: e({
         border: o.config.style.chart.controls.border,
@@ -40,7 +40,7 @@ const g = ["disabled"], C = {
         padding: o.config.style.chart.controls.padding,
         borderRadius: o.config.style.chart.controls.borderRadius,
         "--vue-data-ui-zoom-control-button-color": o.config.style.chart.controls.buttonColor,
-        "--vue-data-ui-zoom-control-button-color-hover": m(y)(o.config.style.chart.controls.buttonColor, 0.2)
+        "--vue-data-ui-zoom-control-button-color-hover": d(y)(o.config.style.chart.controls.buttonColor, 0.2)
       })
     }, [
       l("button", {
@@ -66,7 +66,7 @@ const g = ["disabled"], C = {
           fontSize: o.config.style.chart.controls.fontSize + "px",
           cursor: o.isCursorPointer ? "pointer" : "default"
         })
-      }, z(Math.round(o.scale * 100)) + "% ", 5),
+      }, f(Math.round(o.scale * 100)) + "% ", 5),
       l("button", {
         onClick: t[2] || (t[2] = (r) => n("zoomIn")),
         class: "vue-data-ui-zoom-controls-button",
@@ -95,7 +95,7 @@ const g = ["disabled"], C = {
           size: o.config.style.chart.controls.fontSize * 1.2
         }, null, 8, ["stroke", "size"])
       ], 12, g),
-      o.withDirection ? (a(), c("button", {
+      o.withDirection ? (c(), a("button", {
         key: 0,
         onClick: t[4] || (t[4] = (r) => n("switchDirection")),
         class: "vue-data-ui-zoom-controls-button",
@@ -108,7 +108,7 @@ const g = ["disabled"], C = {
           stroke: o.config.style.chart.controls.color,
           size: o.config.style.chart.controls.fontSize * 1.2
         }, null, 8, ["stroke", "size"])
-      ], 4)) : f("", !0)
+      ], 4)) : z("", !0)
     ], 6));
   }
 }, P = /* @__PURE__ */ b(C, [["__scopeId", "data-v-f6b8b4d1"]]);

package/dist/{ColorPicker-DWjwBmHA.js → ColorPicker-DwUWvBwa.js}

@@ -1,6 +1,6 @@
-import { ref as u, computed as T, watchEffect as U, onMounted as W, onBeforeUnmount as Y, watch as j, withDirectives as q, createElementBlock as v, openBlock as s, withKeys as A, createElementVNode as i, createCommentVNode as R, createBlock as G, normalizeStyle as a, renderSlot as H, normalizeProps as J, guardReactiveProps as Q, createVNode as b, withModifiers as n, Fragment as M, renderList as N, Teleport as X, unref as Z, nextTick as _ } from "vue";
-import g from "./BaseIcon-lam_h6kW.js";
-import { W as ee } from "./lib-CvwgMHct.js";
+import { ref as u, computed as T, watchEffect as U, onMounted as W, onBeforeUnmount as Y, watch as j, withDirectives as q, openBlock as s, createElementBlock as v, withKeys as A, createElementVNode as i, normalizeStyle as a, renderSlot as G, normalizeProps as H, guardReactiveProps as J, createVNode as b, withModifiers as n, Fragment as R, renderList as M, createCommentVNode as N, createBlock as Q, Teleport as X, unref as Z, nextTick as _ } from "vue";
+import g from "./BaseIcon-DYhirMez.js";
+import { W as ee } from "./lib-GwPnJSrY.js";
 import { v as oe } from "./vClickOutside-C6WiFswA.js";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = ["onClick"], re = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, le = ["value"], ie = ["onClick"], ue = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, se = ["value"], ae = {
@@ -118,7 +118,7 @@ const ne = ["onClick"], re = { style: { position: "absolute", top: "50%", left:
         style: a(V.value),
         type: "button"
       }, [
-        H(t.$slots, "annotator-action-color", J(Q({ color: f.value })), () => [
+        G(t.$slots, "annotator-action-color", H(J({ color: f.value })), () => [
           b(g, {
             name: "palette",
             stroke: f.value,
@@ -144,7 +144,7 @@ const ne = ["onClick"], re = { style: { position: "absolute", top: "50%", left:
         onTouchstart: e[4] || (e[4] = n(() => {
         }, ["stop"]))
       }, [
-        (s(!0), v(M, null, N(z.value, (r) => (s(), v("button", {
+        (s(!0), v(R, null, M(z.value, (r) => (s(), v("button", {
           key: r,
           class: "vue-ui-color-picker-option",
           type: "button",
@@ -177,8 +177,8 @@ const ne = ["onClick"], re = { style: { position: "absolute", top: "50%", left:
             onInput: E
           }, null, 40, le)
         ], 36)
-      ], 36)) : R("", !0),
-      l.value && o.teleported ? (s(), G(X, {
+      ], 36)) : N("", !0),
+      l.value && o.teleported ? (s(), Q(X, {
         key: 1,
         to: "body"
       }, [
@@ -199,7 +199,7 @@ const ne = ["onClick"], re = { style: { position: "absolute", top: "50%", left:
           onTouchstart: e[9] || (e[9] = n(() => {
           }, ["stop"]))
         }, [
-          (s(!0), v(M, null, N(z.value, (r) => (s(), v("button", {
+          (s(!0), v(R, null, M(z.value, (r) => (s(), v("button", {
             key: r,
             class: "vue-ui-color-picker-option",
             type: "button",
@@ -233,7 +233,7 @@ const ne = ["onClick"], re = { style: { position: "absolute", top: "50%", left:
             }, null, 40, se)
           ], 36)
         ], 36)
-      ])) : R("", !0)
+      ])) : N("", !0)
     ], 32)), [
       [Z(oe), L]
     ]);

package/dist/{DataTable-BNUSkQ1I.js → DataTable-mrCnsKbU.js}

@@ -1,6 +1,6 @@
-import { useCssVars as A, unref as t, computed as D, ref as k, onMounted as E, createElementBlock as o, openBlock as l, normalizeClass as C, normalizeStyle as r, createCommentVNode as m, createElementVNode as a, withKeys as R, createVNode as B, toDisplayString as I, Fragment as g, renderList as v, renderSlot as $ } from "vue";
-import { _ as K } from "./Shape-Dgax95cz.js";
-import O from "./BaseIcon-lam_h6kW.js";
+import { useCssVars as A, unref as t, computed as D, ref as k, onMounted as E, openBlock as o, createElementBlock as l, normalizeClass as C, normalizeStyle as r, withKeys as R, createVNode as B, createCommentVNode as m, createElementVNode as a, toDisplayString as I, Fragment as g, renderList as v, renderSlot as $ } from "vue";
+import { _ as K } from "./Shape-CSyWYgXc.js";
+import O from "./BaseIcon-DYhirMez.js";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align-items": "center", "justify-content": "flex-end", "padding-right": "3px", gap: "3px" } }, F = { style: { width: "12px", height: "12px" } }, L = {
   key: 0,
@@ -48,7 +48,7 @@ const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align
       b.value && s.observe(b.value);
     });
     const x = N;
-    return (s, i) => (l(), o("div", {
+    return (s, i) => (o(), l("div", {
       ref_key: "tableContainer",
       ref: b,
       style: r(`width: 100%; container-type: inline-size; position:relative;${e.withCloseButton ? "padding-top: 36px;" : ""}overflow:auto`),
@@ -57,7 +57,7 @@ const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align
         "vue-ui-responsive": w.value
       })
     }, [
-      e.withCloseButton ? (l(), o("div", {
+      e.withCloseButton ? (o(), l("div", {
         key: 0,
         "data-dom-to-png-ignore": "",
         role: "button",
@@ -83,7 +83,7 @@ const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align
             style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: t(h), color: t(y) }]),
             class: "vue-ui-data-table__thead-row"
           }, [
-            (l(!0), o(g, null, v(e.head, (n, d) => (l(), o("th", {
+            (o(!0), l(g, null, v(e.head, (n, d) => (o(), l("th", {
               role: "cell",
               style: r({
                 outline: t(p)
@@ -92,7 +92,7 @@ const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align
             }, [
               a("div", j, [
                 a("div", F, [
-                  n.color ? (l(), o("svg", L, [
+                  n.color ? (o(), l("svg", L, [
                     a("circle", {
                       cx: "10",
                       cy: "10",
@@ -107,19 +107,19 @@ const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align
           ], 4)
         ]),
         a("tbody", null, [
-          (l(!0), o(g, null, v(e.body, (n, d) => (l(), o("tr", {
+          (o(!0), l(g, null, v(e.body, (n, d) => (o(), l("tr", {
             role: "row",
             style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: t(z), color: t(S) }]),
             class: C({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": d % 2 === 0, "vue-ui-data-table__tbody__row-odd": d % 2 !== 0 })
           }, [
-            (l(!0), o(g, null, v(n, (c, u) => (l(), o("td", {
+            (o(!0), l(g, null, v(n, (c, u) => (o(), l("td", {
               role: "cell",
               "data-cell": (e.colNames[u] && e.colNames[u].name ? e.colNames[u].name : "") || e.colNames[u] || "",
               style: r({ outline: t(_) }),
               class: "vue-ui-data-table__tbody__td"
             }, [
               a("div", G, [
-                c.color ? (l(), o("svg", H, [
+                c.color ? (o(), l("svg", H, [
                   B(K, {
                     plot: { x: 10, y: 10 },
                     color: c.color,