vue-data-ui 3.17.2 → 3.17.4

package/dist/{A11yDataTable-KcVAX2cP.js → A11yDataTable-BpmuNomI.js}

@@ -48,7 +48,7 @@ const m = ["id"], $ = { scope: "row" }, f = {
       ])
     ], 8, m));
   }
-}, S = /* @__PURE__ */ h(f, [["__scopeId", "data-v-3422f96b"]]);
+}, S = /* @__PURE__ */ h(f, [["__scopeId", "data-v-1090a7c5"]]);
 export {
   S as A
 };

package/dist/{Arrow-Bn-9n3bm.js → Arrow-dSvLFssU.js}

@@ -1,5 +1,5 @@
 import { computed as u, openBlock as d, createElementBlock as m, createElementVNode as t, unref as o } from "vue";
-import { j as n } from "./lib-DBptbyyI.js";
+import { j as n } from "./lib-DMzrGQHK.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: {

package/dist/{BaseDraggableDialog-CIb-iD9g.js → BaseDraggableDialog-Di8Hlru3.js}

@@ -1,7 +1,7 @@
 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-Cb3zzG6s.js";
-import { j as ie, X as re } from "./lib-DBptbyyI.js";
-import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import oe from "./BaseIcon-DX0hTWa-.js";
+import { j as ie, X as ae } from "./lib-DMzrGQHK.js";
+import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
   __name: "BaseDraggableDialog",
   props: {
@@ -20,8 +20,8 @@ const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
     noLayerUpdate: { type: Boolean, default: !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`;
+  setup(r, { expose: P, emit: I }) {
+    const u = r, 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);
     }
@@ -77,8 +77,8 @@ const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
       if (!e.dragging) return;
       t.preventDefault?.();
       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;
+      let i = n.x - e.dragOffsetX, a = n.y - e.dragOffsetY;
+      i = Math.max(0, Math.min(i, window.innerWidth - e.width)), a = Math.max(0, Math.min(a, window.innerHeight - e.height)), e.left = i, e.top = a;
     }
     function c() {
       e.dragging = !1, document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", c), document.removeEventListener("touchmove", y), document.removeEventListener("touchend", c);
@@ -92,8 +92,8 @@ const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
       if (!e.resizing) return;
       t.preventDefault?.();
       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), g("size", { width: e.width, height: e.height });
+      let i = n.x - e.pointerStartX, a = n.y - e.pointerStartY;
+      e.width = Math.max(240, e.resizeStartW + i), e.height = Math.max(400, e.resizeStartH + a), g("size", { width: e.width, height: e.height });
     }
     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 });
@@ -110,11 +110,11 @@ const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
       if (!e.resizing) return;
       t.preventDefault?.();
       const n = l(t);
-      let i = n.x - e.pointerStartX, r = Math.min(
+      let i = n.x - e.pointerStartX, a = Math.min(
         Math.max(0, e.resizeStartLeft + i),
         e.resizeStartLeft + e.resizeStartW - 240
-      ), 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;
+      ), E = e.resizeStartW - (a - e.resizeStartLeft), j = n.y - e.pointerStartY, V = Math.max(400, e.resizeStartH + j);
+      e.left = a, e.width = E, e.height = V;
     }
     function m() {
       e.resizing = !1, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", m), document.removeEventListener("touchmove", w), document.removeEventListener("touchend", m);
@@ -135,11 +135,11 @@ const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
       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], E = i[i.length - 1];
-      t.shiftKey ? document.activeElement === r && (t.preventDefault(), E.focus()) : document.activeElement === E && (t.preventDefault(), r.focus());
+      const a = i[0], E = i[i.length - 1];
+      t.shiftKey ? document.activeElement === a && (t.preventDefault(), E.focus()) : document.activeElement === E && (t.preventDefault(), a.focus());
     }
     return (t, n) => (x(), J(Q, {
-      to: a.isFullscreen ? a.fullscreenParent : "body",
+      to: r.isFullscreen ? r.fullscreenParent : "body",
       key: B.value
     }, [
       L.value ? (x(), O("div", {
@@ -160,8 +160,8 @@ const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
         o("div", {
           class: "vue-ui-draggable-dialog-header",
           style: k({
-            backgroundColor: a.headerBg,
-            color: a.headerColor
+            backgroundColor: r.headerBg,
+            color: r.headerColor
           })
         }, [
           o("span", {
@@ -171,7 +171,7 @@ const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
             onTouchstart: d(T, ["stop", "prevent"])
           }, [
             (x(), O("svg", {
-              xmlns: Z(re),
+              xmlns: Z(ae),
               width: "20",
               height: "20",
               viewBox: "0 0 24 24",
@@ -204,11 +204,13 @@ const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
               type: "button",
               "aria-label": "Close dialog",
               onClick: S,
-              style: k({ cursor: a.isCursorPointer ? "pointer" : "default" })
+              style: k({
+                cursor: r.isCursorPointer ? "pointer" : "default"
+              })
             }, [
               _(oe, {
                 name: "close",
-                stroke: a.headerColor
+                stroke: r.headerColor
               }, null, 8, ["stroke"])
             ], 4)
           ])
@@ -217,9 +219,9 @@ const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
           id: H,
           role: "document",
           class: ee({
-            "vue-ui-draggable-dialog-body": !a.withPadding,
-            "vue-ui-draggable-dialog-body-pad": a.withPadding,
-            "vue-ui-draggable-dialog-body-full-width": a.withFullWidth
+            "vue-ui-draggable-dialog-body": !r.withPadding,
+            "vue-ui-draggable-dialog-body-pad": r.withPadding,
+            "vue-ui-draggable-dialog-body-full-width": r.withFullWidth
           })
         }, [
           h(t.$slots, "before", {}, void 0, !0),
@@ -241,7 +243,7 @@ const de = ["xmlns"], le = { class: "draggable-dialog-actions" }, se = {
       ], 36)) : te("", !0)
     ], 8, ["to"]));
   }
-}, he = /* @__PURE__ */ ae(se, [["__scopeId", "data-v-51e6b1e7"]]);
+}, he = /* @__PURE__ */ re(se, [["__scopeId", "data-v-41359ac7"]]);
 export {
   he as default
 };

package/dist/{BaseIcon-Cb3zzG6s.js → BaseIcon-DX0hTWa-.js}

@@ -1,5 +1,5 @@
 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-DBptbyyI.js";
+import { X as B } from "./lib-DMzrGQHK.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",
@@ -28,7 +28,7 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
   },
   setup(C) {
     Q((o) => ({
-      v562d1c17: Z.value
+      v63f684f1: Z.value
     }));
     const i = C, D = l(() => i.name === "numbers" ? "0 0 20 21" : "0 0 20 20"), Z = l(() => i.spinDuration);
     function $(o, { stroke: n, strokeWidth: e }) {
@@ -394,12 +394,18 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
     }), T = l(() => {
       const o = u.value, n = o.minX + o.width, e = o.minY + o.height, t = o.height, L = t * k.value, a = n, d = e, p = L / t;
       return `translate(${a} ${d}) translate(${-L / 6} ${L * -0.2}) scale(${p})`;
-    }), V = l(() => $(i.name, { stroke: i.stroke, strokeWidth: i.strokeWidth }));
+    }), V = l(() => $(i.name, {
+      stroke: i.stroke,
+      strokeWidth: i.strokeWidth
+    }));
     function m(o) {
       return String(o).replace(/\sstroke="[^"]*"/g, "").replace(/\sstroke-width="[^"]*"/g, "").replace(/\sstroke-linecap="[^"]*"/g, "").replace(/\sstroke-linejoin="[^"]*"/g, "");
     }
     const P = l(() => {
-      const o = $(i.name, { stroke: i.stroke, strokeWidth: i.strokeWidth });
+      const o = $(i.name, {
+        stroke: i.stroke,
+        strokeWidth: i.strokeWidth
+      });
       let n = "";
       if (c.value && r.value.name) {
         const t = $(r.value.name, {
@@ -464,7 +470,7 @@ const X = ["xmlns", "viewBox", "height", "width", "innerHTML"], _ = ["xmlns", "v
       style: { background: "transparent" }
     }, null, 10, _));
   }
-}, q = /* @__PURE__ */ E(I, [["__scopeId", "data-v-98bf3cce"]]);
+}, q = /* @__PURE__ */ E(I, [["__scopeId", "data-v-0d699d81"]]);
 export {
   q as default
 };

package/dist/{BaseLegendToggle-BQVIawmA.js → BaseLegendToggle-cMP8M2u0.js}

@@ -1,7 +1,7 @@
 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-Cb3zzG6s.js";
+import m from "./BaseIcon-DX0hTWa-.js";
 import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const C = {
+const f = {
   __name: "BaseLegendToggle",
   props: {
     backgroundColor: { type: String, default: "#CCCCCC" },
@@ -13,7 +13,7 @@ const C = {
   emits: ["toggle"],
   setup(e, { emit: n }) {
     const o = n;
-    return (f, t) => (i(), l("div", {
+    return (C, t) => (i(), l("div", {
       class: a({ "vue-ui-legend-toggle-wrapper": e.isCursorPointer }),
       "data-dom-to-png-ignore": ""
     }, [
@@ -41,7 +41,7 @@ const C = {
       ], 36)
     ], 2));
   }
-}, v = /* @__PURE__ */ u(C, [["__scopeId", "data-v-7d3908a2"]]);
+}, v = /* @__PURE__ */ u(f, [["__scopeId", "data-v-f05513e8"]]);
 export {
   v as B
 };

package/dist/BaseScanner-BON3d_Sx.js

@@ -0,0 +1,38 @@
+import { ref as f, computed as v, unref as c, 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,
+  dataset: n,
+  skeletonDataset: a,
+  skeletonConfig: r,
+  FINAL_CONFIG: i,
+  prepareConfig: d,
+  callback: l = null,
+  dsIsNumber: _ = !1,
+  allowEmptyDataset: m = !1
+}) {
+  const t = f(!1);
+  console.log(n);
+  const o = v(() => {
+    const g = c(s)?.loading ?? !1, e = c(n), p = m ? !1 : _ ? [null, void 0].includes(e) : e == null || Array.isArray(e) && e.length === 0 || Object.keys(e).length === 0;
+    return t.value || g || p;
+  }), u = f(c(n));
+  return h(() => {
+    u.value = o.value ? a : c(n), i.value = o.value ? r : d(), l && l();
+  }), {
+    loading: o,
+    FINAL_DATASET: u,
+    manualLoading: t,
+    skeletonDataset: a,
+    skeletonConfig: r
+  };
+}
+const E = {}, L = { class: "vue-data-ui-scanner" };
+function x(s, n) {
+  return A(), y("div", L);
+}
+const b = /* @__PURE__ */ B(E, [["render", x], ["__scopeId", "data-v-8c8b2e12"]]);
+export {
+  b as B,
+  T as u
+};

package/dist/{BaseZoomControls-DievbOeJ.js → BaseZoomControls-CVSC1-SU.js}

@@ -1,6 +1,6 @@
 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-DlqmhBx3.js";
-import i from "./BaseIcon-Cb3zzG6s.js";
+import { l as y } from "./exposedLib-sJvY1pST.js";
+import i from "./BaseIcon-DX0hTWa-.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const g = ["disabled"], C = {
   __name: "BaseZoomControls",
@@ -32,7 +32,10 @@ const g = ["disabled"], C = {
   setup(o, { emit: u }) {
     const n = u;
     return (h, t) => (c(), a("div", {
-      class: m({ "vue-data-ui-zoom-controls": !0, "vue-data-ui-zoom-controls-fullscreen": o.isFullscreen }),
+      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 +43,10 @@ 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": d(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", {
@@ -111,7 +117,7 @@ const g = ["disabled"], C = {
       ], 4)) : z("", !0)
     ], 6));
   }
-}, P = /* @__PURE__ */ b(C, [["__scopeId", "data-v-f6b8b4d1"]]);
+}, P = /* @__PURE__ */ b(C, [["__scopeId", "data-v-b5d92405"]]);
 export {
   P as B
 };

package/dist/{ColorPicker-B0mV4xzu.js → ColorPicker-bAxGcXK0.js}

@@ -1,9 +1,9 @@
 import { useCssVars as W, ref as u, computed as T, watchEffect as Y, onMounted as j, onBeforeUnmount as q, watch as A, withDirectives as G, openBlock as s, createElementBlock as v, withKeys as R, createElementVNode as i, normalizeStyle as a, renderSlot as H, normalizeProps as J, guardReactiveProps as Q, createVNode as g, withModifiers as r, Fragment as $, renderList as M, createCommentVNode as N, createBlock as X, Teleport as Z, unref as _, nextTick as ee } from "vue";
-import F from "./BaseIcon-Cb3zzG6s.js";
-import { W as oe } from "./lib-DBptbyyI.js";
+import F from "./BaseIcon-DX0hTWa-.js";
+import { W as oe } from "./lib-DMzrGQHK.js";
 import { v as te } from "./vClickOutside-C6WiFswA.js";
 import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed", "onClick"], ie = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, ue = ["value"], se = ["onClick"], ae = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, de = ["value"], ce = {
+const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed", "onClick"], ie = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, ue = ["value"], se = ["onClick"], ae = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, ce = ["value"], de = {
   __name: "ColorPicker",
   props: {
     value: {
@@ -34,14 +34,14 @@ const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed",
   emits: ["update:value"],
   setup(o, { emit: O }) {
     W((t) => ({
-      v514e661b: o.buttonBorderColor
+      v6ca7d17c: o.buttonBorderColor
     }));
-    const d = o, w = O, V = u(null), C = u(null), c = u(null), l = u(!1), b = u(!1), y = u({ top: 0, left: 0 }), K = T(() => ({
-      backgroundColor: d.value,
+    const c = o, w = O, V = u(null), C = u(null), d = u(null), l = u(!1), b = u(!1), y = u({ top: 0, left: 0 }), K = T(() => ({
+      backgroundColor: c.value,
       width: "100%",
       height: "100%",
-      cursor: d.isCursorPointer ? "pointer" : "default"
-    })), p = T(() => oe(d.value));
+      cursor: c.isCursorPointer ? "pointer" : "default"
+    })), p = T(() => oe(c.value));
     function E(t) {
       w("update:value", t), l.value = !1;
     }
@@ -49,7 +49,7 @@ const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed",
       w("update:value", t.target.value);
     }
     function P(t) {
-      t?.stopPropagation?.(), b.value = !0, c.value?.click();
+      t?.stopPropagation?.(), b.value = !0, d.value?.click();
     }
     function D() {
       l.value = !1;
@@ -58,7 +58,7 @@ const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed",
       !b.value && l.value && D();
     }
     async function U() {
-      l.value = !l.value, l.value && d.teleported && (await ee(), B());
+      l.value = !l.value, l.value && c.teleported && (await ee(), B());
     }
     function B() {
       if (!C.value) return;
@@ -66,13 +66,13 @@ const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed",
       y.value = { top: t.top + 36, left: t.right - 48 };
     }
     function f() {
-      l.value && d.teleported && B();
+      l.value && c.teleported && B();
     }
     function k() {
       setTimeout(() => b.value = !1, 0);
     }
     Y((t) => {
-      const e = c.value;
+      const e = d.value;
       if (!e) return;
       const n = () => k(), I = () => k(), S = () => {
       };
@@ -91,9 +91,9 @@ const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed",
     }), q(() => {
       window.removeEventListener("scroll", f), window.removeEventListener("resize", f), window.removeEventListener("focus", L), document.removeEventListener("visibilitychange", h);
     }), A(
-      () => d.value,
+      () => c.value,
       (t) => {
-        c.value && (c.value.value = t);
+        d.value && (d.value.value = t);
       }
     );
     const z = u([
@@ -158,13 +158,21 @@ const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed",
           "aria-pressed": o.value === n ? "true" : "false",
           class: "vue-ui-color-picker-option",
           type: "button",
-          style: a({ backgroundColor: n, outline: `1px solid ${o.buttonBorderColor}`, cursor: o.isCursorPointer ? "pointer" : "default" }),
+          style: a({
+            backgroundColor: n,
+            outline: `1px solid ${o.buttonBorderColor}`,
+            cursor: o.isCursorPointer ? "pointer" : "default"
+          }),
           onClick: () => E(n)
         }, null, 12, le))), 128)),
         i("button", {
           class: "vue-ui-color-picker-option",
           type: "button",
-          style: a({ backgroundColor: o.value, outline: `1px solid ${o.buttonBorderColor}`, cursor: o.isCursorPointer ? "pointer" : "default" }),
+          style: a({
+            backgroundColor: o.value,
+            outline: `1px solid ${o.buttonBorderColor}`,
+            cursor: o.isCursorPointer ? "pointer" : "default"
+          }),
           "aria-label": "Open native color picker",
           onClick: r(P, ["stop"]),
           onMousedown: e[0] || (e[0] = r(() => {
@@ -181,7 +189,7 @@ const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed",
           ]),
           i("input", {
             ref_key: "colorInput",
-            ref: c,
+            ref: d,
             type: "color",
             value: o.value,
             class: "hidden-input",
@@ -214,13 +222,21 @@ const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed",
             key: n,
             class: "vue-ui-color-picker-option",
             type: "button",
-            style: a({ backgroundColor: n, outline: `1px solid ${o.buttonBorderColor}`, cursor: o.isCursorPointer ? "pointer" : "default" }),
+            style: a({
+              backgroundColor: n,
+              outline: `1px solid ${o.buttonBorderColor}`,
+              cursor: o.isCursorPointer ? "pointer" : "default"
+            }),
             onClick: () => E(n)
           }, null, 12, se))), 128)),
           i("button", {
             class: "vue-ui-color-picker-option",
             type: "button",
-            style: a({ backgroundColor: o.value, outline: `1px solid ${o.buttonBorderColor}`, cursor: o.isCursorPointer ? "cursor" : "default" }),
+            style: a({
+              backgroundColor: o.value,
+              outline: `1px solid ${o.buttonBorderColor}`,
+              cursor: o.isCursorPointer ? "cursor" : "default"
+            }),
             onClick: r(P, ["stop"]),
             onMousedown: e[5] || (e[5] = r(() => {
             }, ["stop"])),
@@ -236,12 +252,12 @@ const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed",
             ]),
             i("input", {
               ref_key: "colorInput",
-              ref: c,
+              ref: d,
               type: "color",
               value: o.value,
               class: "hidden-input",
               onInput: x
-            }, null, 40, de)
+            }, null, 40, ce)
           ], 36)
         ], 36)
       ])) : N("", !0)
@@ -249,7 +265,7 @@ const re = ["aria-expanded", "aria-label"], le = ["aria-label", "aria-pressed",
       [_(te), m]
     ]);
   }
-}, be = /* @__PURE__ */ ne(ce, [["__scopeId", "data-v-e3fdd92e"]]);
+}, be = /* @__PURE__ */ ne(de, [["__scopeId", "data-v-2965a72c"]]);
 export {
   be as C
 };

package/dist/{DataTable-DT2kIdQ6.js → DataTable-cMnb68Ik.js}

@@ -1,6 +1,6 @@
 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-BKRUOeKk.js";
-import O from "./BaseIcon-Cb3zzG6s.js";
+import { _ as K } from "./Shape-CxJ5_Rre.js";
+import O from "./BaseIcon-DX0hTWa-.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,
@@ -36,21 +36,21 @@ const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align
   emits: ["close"],
   setup(e, { emit: N }) {
     A((s) => ({
-      v4faaafda: t(_)
+      e48bc008: t(_)
     }));
-    const f = e, { backgroundColor: h, color: y, outline: p } = f.config.th, { backgroundColor: z, color: S, outline: _ } = f.config.td, V = D(() => f.config.breakpoint), b = k(null), w = k(!1);
+    const h = e, { backgroundColor: b, color: y, outline: p } = h.config.th, { backgroundColor: z, color: S, outline: _ } = h.config.td, V = D(() => h.config.breakpoint), f = k(null), w = k(!1);
     E(() => {
       const s = new ResizeObserver((i) => {
         i.forEach((n) => {
           w.value = n.contentRect.width < V.value;
         });
       });
-      b.value && s.observe(b.value);
+      f.value && s.observe(f.value);
     });
     const x = N;
     return (s, i) => (o(), l("div", {
       ref_key: "tableContainer",
-      ref: b,
+      ref: f,
       style: r(`width: 100%; container-type: inline-size; position:relative;${e.withCloseButton ? "padding-top: 36px;" : ""}overflow:auto`),
       class: C({
         "atom-data-table": !0,
@@ -62,7 +62,7 @@ const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align
         "data-dom-to-png-ignore": "",
         role: "button",
         tabindex: "0",
-        style: r(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:${e.isCursorPointer ? "pointer" : "default"}; background:${t(h)};`),
+        style: r(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:${e.isCursorPointer ? "pointer" : "default"}; background:${t(b)};`),
         onClick: i[0] || (i[0] = (n) => x("close")),
         onKeypress: i[1] || (i[1] = R((n) => x("close"), ["enter"]))
       }, [
@@ -74,13 +74,13 @@ const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align
       ], 36)) : m("", !0),
       a("table", T, [
         a("caption", {
-          style: r({ backgroundColor: t(h), color: t(y), outline: t(p) }),
+          style: r({ backgroundColor: t(b), color: t(y), outline: t(p) }),
           class: "vue-ui-data-table__caption"
         }, I(e.title), 5),
         a("thead", null, [
           a("tr", {
             role: "row",
-            style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: t(h), color: t(y) }]),
+            style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: t(b), color: t(y) }]),
             class: "vue-ui-data-table__thead-row"
           }, [
             (o(!0), l(g, null, v(e.head, (n, d) => (o(), l("th", {
@@ -110,7 +110,11 @@ const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align
           (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 })
+            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
+            })
           }, [
             (o(!0), l(g, null, v(n, (c, u) => (o(), l("td", {
               role: "cell",
@@ -135,7 +139,7 @@ const T = { class: "vue-ui-data-table" }, j = { style: { display: "flex", "align
       ])
     ], 6));
   }
-}, Y = /* @__PURE__ */ P(J, [["__scopeId", "data-v-a9965cf9"]]);
+}, Y = /* @__PURE__ */ P(J, [["__scopeId", "data-v-30de722f"]]);
 export {
   Y as default
 };

package/dist/{Legend-CS7Xo5LK.js → Legend-DGN5lY60.js}

@@ -1,6 +1,6 @@
-import { openBlock as r, createElementBlock as l, normalizeStyle as f, renderSlot as d, Fragment as h, renderList as y, normalizeClass as p, createVNode as b, mergeProps as v, unref as x, createCommentVNode as S } from "vue";
-import { a9 as $ } from "./lib-DBptbyyI.js";
-import { _ as B } from "./Shape-BKRUOeKk.js";
+import { openBlock as r, createElementBlock as l, normalizeStyle as f, renderSlot as c, Fragment as h, renderList as y, normalizeClass as p, createVNode as b, mergeProps as v, unref as x, createCommentVNode as S } from "vue";
+import { a9 as $ } from "./lib-DMzrGQHK.js";
+import { _ as B } from "./Shape-CxJ5_Rre.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const w = ["id"], z = ["role", "tabindex", "onKeydown", "onFocus"], F = ["onClick", "viewBox"], M = {
   __name: "Legend",
@@ -32,12 +32,12 @@ const w = ["id"], z = ["role", "tabindex", "onKeydown", "onFocus"], F = ["onClic
   },
   emits: ["clickMarker", "focusMarker"],
   setup(t, { emit: m }) {
-    const c = t, u = m;
+    const d = t, u = m;
     function s(n, o) {
-      c.clickable && u("clickMarker", { legend: n, i: o });
+      d.clickable && u("clickMarker", { legend: n, i: o });
     }
     function k(n, o, e) {
-      c.clickable && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), s(o, e));
+      d.clickable && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), s(o, e));
     }
     function g(n, o, e) {
       n.preventDefault(), u("focusMarker", { legend: o, i: e });
@@ -54,11 +54,14 @@ const w = ["id"], z = ["role", "tabindex", "onKeydown", "onFocus"], F = ["onClic
         fontSize: `var(--legend-font-size, ${t.config.fontSize ?? 14}px)`
       })
     }, [
-      d(n.$slots, "legendTitle", { titleSet: t.legendSet }, void 0, !0),
-      d(n.$slots, "legendToggle", {}, void 0, !0),
+      c(n.$slots, "legendTitle", { titleSet: t.legendSet }, void 0, !0),
+      c(n.$slots, "legendToggle", {}, void 0, !0),
       (r(!0), l(h, null, y(t.legendSet, (e, i) => (r(), l("div", {
         key: `legend_${i}`,
-        class: p({ "vue-data-ui-legend-item": !0, active: t.clickable && t.isCursorPointer }),
+        class: p({
+          "vue-data-ui-legend-item": !0,
+          active: t.clickable && t.isCursorPointer
+        }),
         role: t.clickable ? "button" : void 0,
         tabindex: t.clickable ? 0 : void 0,
         onKeydown: (a) => k(a, e, i),
@@ -83,19 +86,19 @@ const w = ["id"], z = ["role", "tabindex", "onKeydown", "onFocus"], F = ["onClic
             },
             fill: e.color
           }, null, 8, ["shape", "plot", "fill"]),
-          d(n.$slots, "legend-pattern", v({ ref_for: !0 }, {
+          c(n.$slots, "legend-pattern", v({ ref_for: !0 }, {
             legend: e,
             index: x($)(e.absoluteIndex) ? e.absoluteIndex : i
           }), void 0, !0)
         ], 12, F)) : S("", !0),
-        d(n.$slots, "item", {
+        c(n.$slots, "item", {
           legend: e,
           index: i
         }, void 0, !0)
       ], 42, z))), 128))
     ], 12, w));
   }
-}, L = /* @__PURE__ */ C(M, [["__scopeId", "data-v-d9726364"]]);
+}, L = /* @__PURE__ */ C(M, [["__scopeId", "data-v-5f0ae4cc"]]);
 export {
   L as default
 };