vue-data-ui 3.2.1 → 3.2.3

package/dist/{Arrow-cyyFTTnm.js → Arrow-Bb0bGghy.js}

@@ -1,5 +1,5 @@
 import { computed as u, createElementBlock as d, openBlock as m, createElementVNode as t, unref as o } from "vue";
-import { c as n } from "./lib-p5pfHmOX.js";
+import { c as n } from "./lib-BEpWEyMm.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-Bf6A6G_f.js → BaseDraggableDialog-CHhZIht2.js}

@@ -1,6 +1,6 @@
 import { ref as L, reactive as P, computed as N, onMounted as R, onUnmounted as F, createBlock as I, openBlock as z, Teleport as V, createElementBlock as B, createCommentVNode as j, withModifiers as s, normalizeStyle as D, createElementVNode as o, unref as K, renderSlot as S, createVNode as U, normalizeClass as q, nextTick as A } from "vue";
-import G from "./BaseIcon-D2f9w5Z5.js";
-import { X as J } from "./lib-p5pfHmOX.js";
+import G from "./BaseIcon-Bz-1GQhu.js";
+import { X as J } from "./lib-BEpWEyMm.js";
 import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = ["xmlns"], _ = { class: "modal-title" }, ee = { class: "draggable-dialog-actions" }, te = {
   __name: "BaseDraggableDialog",

package/dist/{BaseIcon-D2f9w5Z5.js → BaseIcon-Bz-1GQhu.js}

@@ -1,5 +1,5 @@
 import { computed as e, createElementBlock as s, openBlock as i, normalizeClass as k, unref as L } from "vue";
-import { X as l } from "./lib-p5pfHmOX.js";
+import { X as l } from "./lib-BEpWEyMm.js";
 import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
   __name: "BaseIcon",
@@ -187,7 +187,14 @@ const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
       chartChord: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 9 1 Q 2 2 1 9 M 1 11 Q 2 18 9 19 M 11 19 Q 18 18 19 11 M 19 9 Q 18 2 11 1 M 5.683 2.021 C 9 6 13 4 14.893 2.322 M 2.421 4.987 C 14.469 7.137 15.545 12.216 17.361 15.33 M 4.83 17.48 C 9.02 13.773 11.207 14.218 15.433 17.369 M 1.976 14.033 C 11.207 12.735 15.952 9.065 17.213 4.393"/>`,
       tableDialogOpen: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 1 4 L 1 1 M 10 5 L 10 15 M 5 11.636 L 15 11.655 M 5 8.396 L 15 8.412 M 4 4 L 1 1 L 4 1 M 4 16 L 1 19 M 1 16 L 1 19 L 4 19 M 16 16 L 19 19 M 16 19 L 19 19 L 19 16 M 16 4 L 19 1 M 16 1 L 19 1 L 19 4 M 5 10 L 5 6 C 5 6 5 5 6 5 L 14 5 C 15 5 15 6 15 6 L 15 14 C 15 15 14 15 14 15 L 6 15 C 6 15 5 15 5 14 L 5 10"/>`,
       tableDialogClose: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 4 4 L 1 1 M 4 1 L 4 4 L 1 4 M 16 4 L 19 1 M 16 1 L 16 4 L 19 4 M 16 16 L 19 19 M 19 16 L 16 16 L 16 19 M 4 16 L 1 19 M 1 16 L 4 16 L 4 19 M 10 5 L 10 15 M 5 11.636 L 15 11.655 M 5 8.396 L 15 8.412 M 5 10 L 5 6 C 5 6 5 5 6 5 L 14 5 C 15 5 15 6 15 6 L 15 14 C 15 15 14 15 14 15 L 6 15 C 6 15 5 15 5 14 L 5 10"/>`,
-      minimap: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linecap="round" d="M 1 3 C 1 1 4 1 4 3 L 4 17 C 4 19 1 19 1 17 L 1 3 M 4 3 L 16 3 M 4 17 L 16 17 L 16 3 C 16 1 19 1 19 3 L 19 17 C 19 19 16 19 16 17 M 6 11 L 8 14 L 9 8 L 12 11 L 14 5"/>`
+      minimap: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linecap="round" d="M 1 3 C 1 1 4 1 4 3 L 4 17 C 4 19 1 19 1 17 L 1 3 M 4 3 L 16 3 M 4 17 L 16 17 L 16 3 C 16 1 19 1 19 3 L 19 17 C 19 19 16 19 16 17 M 6 11 L 8 14 L 9 8 L 12 11 L 14 5"/>`,
+      move: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 10 2 L 10 8 M 10 12 L 10 18 M 8 10 L 2 10 M 12 10 L 18 10 M 7 4 L 10 2 L 13 4 M 4 7 L 2 10 L 4 13 M 7 16 L 10 18 L 13 16 M 16 13 L 18 10 L 16 7"/>`,
+      resize: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 2 12 L 2 17 C 2 17 2 18 3 18 L 8 18 C 8 18 9 18 9 16 L 9 12 C 9 11 8 11 8 11 L 3 11 C 3 11 2 11 2 12 M 6 2 L 9 2 M 11 2 L 14 2 M 16 2 L 17 2 C 18 2 18 3 18 3 L 18 4 M 4 2 L 3 2 C 3 2 2 2 2 3 L 2 4 M 2 6 L 2 9 M 18 6 L 18 9 M 18 16 L 18 17 C 18 18 17 18 17 18 L 16 18 M 14 18 L 11 18 M 18 11 L 18 14"/>`,
+      selectAndGroup: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 2 1 L 3 1 C 4 1 4 2 4 2 L 4 3 C 4 3 4 4 3 4 L 2 4 C 2 4 1 4 1 3 L 1 2 C 1 1 2 1 2 1 M 17 1 L 18 1 C 19 1 19 2 19 2 L 19 3 C 19 4 18 4 18 4 L 17 4 C 17 4 16 4 16 3 L 16 2 C 16 1 17 1 17 1 M 2 19 L 3 19 C 4 19 4 18 4 18 L 4 17 C 4 17 4 16 3 16 L 2 16 C 2 16 1 16 1 17 L 1 18 C 1 19 2 19 2 19 M 17 19 L 18 19 C 18 19 19 19 19 18 L 19 17 C 19 17 19 16 18 16 L 17 16 C 17 16 16 16 16 17 L 16 18 C 16 19 17 19 17 19 M 4 2.497 L 16 2.495 M 2.498 4 L 2.486 16 M 17.508 4 L 17.527 16 M 4 17.49 L 16 17.499 M 6 6 L 6 12 L 12 12 L 12 6 L 6 6 M 8 12 L 8 14 L 14 14 L 14 8 L 12 8"/>`,
+      bringToFront: `<path fill="${t.stroke}" d="M 7 6 L 13 6 C 13 6 14 6 14 7 L 14 13 C 14 13 14 14 13 14 L 7 14 C 7 14 6 14 6 13 L 6 7 C 6 7 6 6 7 6"/><path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 8 4 L 8 3 C 8 3 8 2 7 2 L 3 2 C 2 2 2 3 2 3 L 2 7 C 2 8 3 8 3 8 L 4 8 M 12 16 L 12 17 C 12 18 13 18 13 18 L 17 18 C 17 18 18 18 18 17 L 18 13 C 18 13 18 12 17 12 L 16 12"/>`,
+      bringToBack: `<path fill="${t.stroke}" d="M 7 13 L 7 10 L 8 10 C 10 10 10 9 10 8 L 10 7 L 13 7 L 13 10 L 12 10 C 11 10 10 10 10 12 L 10 13 L 7 13"/><path fill="none" stroke="${t.stroke}" stroke-linecap="round" stroke-linejoin="round" d="M 11 9 M 9 8 L 9 3 C 9 3 9 2 8 2 L 3 2 C 2 2 2 3 2 3 L 2 8 C 2 9 3 9 3 9 L 8 9 C 9 9 9 8 9 8 M 11 12 L 11 17 C 11 18 12 18 12 18 L 17 18 C 17 18 18 18 18 17 L 18 12 C 18 12 18 11 17 11 L 12 11 C 11 11 11 12 11 12"/>`,
+      printer: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 6 13 L 6 17 C 6 18 7 18 7 18 L 13 18 C 13 18 14 18 14 17 L 14 13 C 14 13 14 12 13 12 L 7 12 C 6 12 6 13 6 13 M 5 15 L 3 15 C 3 15 2 15 2 14 L 2 9 C 2 8 3 8 3 8 L 17 8 C 18 8 18 9 18 9 L 18 14 C 18 15 17 15 17 15 L 15 15 M 6 7 L 6 4 C 6 3 7 3 7 3 L 13 3 C 14 3 14 4 14 4 L 14 7"/>`,
+      save: `<path fill="none" stroke="${t.stroke}" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" d="M 3 2 L 3 2 L 14 2 L 18 6 L 18 17 C 18 18 17 18 17 18 L 3 18 C 3 18 2 18 2 17 L 2 3 C 2 3 2 2 3 2 M 5 2 L 5 4 C 5 5 6 5 6 5 L 12 5 C 12 5 13 5 13 4 L 13 2 M 10 9 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 9"/>`
     }));
     return (a, C) => (i(), s("svg", {
       xmlns: L(l),
@@ -199,7 +206,7 @@ const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
       style: { background: "transparent" }
     }, null, 10, M));
   }
-}, u = /* @__PURE__ */ d(h, [["__scopeId", "data-v-43f1395d"]]);
+}, u = /* @__PURE__ */ d(h, [["__scopeId", "data-v-b8eee6df"]]);
 export {
   u as default
 };

package/dist/ColorPicker-B-WUqMoV.js

@@ -0,0 +1,238 @@
+import { ref as u, computed as T, watchEffect as U, onMounted as W, onBeforeUnmount as Y, watch as j, withDirectives as q, createElementBlock as d, openBlock as s, withKeys as A, createElementVNode as i, createCommentVNode as M, createBlock as G, normalizeStyle as a, createVNode as C, withModifiers as n, Fragment as R, renderList as N, Teleport as H, unref as J, nextTick as Q } from "vue";
+import g from "./BaseIcon-Bz-1GQhu.js";
+import { E as X } from "./lib-BEpWEyMm.js";
+import { v as Z } from "./vClickOutside-C6WiFswA.js";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ee = ["onClick"], te = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, oe = ["value"], ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, re = ["value"], ie = {
+  __name: "ColorPicker",
+  props: {
+    value: {
+      type: String,
+      default: "#ffffff"
+    },
+    size: {
+      type: String,
+      default: "50px"
+    },
+    backgroundColor: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    buttonBorderColor: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    teleported: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:value"],
+  setup(t, { emit: O }) {
+    const v = t, F = O, V = u(null), k = u(null), c = u(null), r = u(!1), b = u(!1), m = u({ top: 0, left: 0 }), $ = T(() => ({
+      backgroundColor: v.value,
+      width: "100%",
+      height: "100%",
+      cursor: "pointer"
+    })), y = T(() => X(v.value));
+    function w(o) {
+      F("update:value", o), r.value = !1;
+    }
+    function E(o) {
+      F("update:value", o.target.value);
+    }
+    function x(o) {
+      o?.stopPropagation?.(), b.value = !0, c.value?.click();
+    }
+    function D() {
+      r.value = !1;
+    }
+    function L() {
+      !b.value && r.value && D();
+    }
+    async function K() {
+      r.value = !r.value, r.value && v.teleported && (await Q(), B());
+    }
+    function B() {
+      if (!k.value) return;
+      const o = k.value.getBoundingClientRect();
+      m.value = { top: o.top + 36, left: o.right - 48 };
+    }
+    function p() {
+      r.value && v.teleported && B();
+    }
+    function f() {
+      setTimeout(() => b.value = !1, 0);
+    }
+    U((o) => {
+      const e = c.value;
+      if (!e) return;
+      const l = () => f(), P = () => f(), S = () => {
+      };
+      e.addEventListener("blur", l), e.addEventListener("change", P), e.addEventListener("input", S), o(() => {
+        e.removeEventListener("blur", l), e.removeEventListener("change", P), e.removeEventListener("input", S);
+      });
+    });
+    function h() {
+      f();
+    }
+    function I() {
+      document.visibilityState === "visible" && f();
+    }
+    W(() => {
+      window.addEventListener("scroll", p, { passive: !0 }), window.addEventListener("resize", p, { passive: !0 }), window.addEventListener("focus", h), document.addEventListener("visibilitychange", I);
+    }), Y(() => {
+      window.removeEventListener("scroll", p), window.removeEventListener("resize", p), window.removeEventListener("focus", h), document.removeEventListener("visibilitychange", I);
+    }), j(
+      () => v.value,
+      (o) => {
+        c.value && (c.value.value = o);
+      }
+    );
+    const z = u([
+      "#000000",
+      "#FFFFFF",
+      "#FF5733",
+      "#33FF57",
+      "#3357FF",
+      "#FFC300",
+      "#800080",
+      "#FF1493",
+      "#00CED1"
+    ]);
+    return (o, e) => q((s(), d("div", {
+      ref_key: "wrapperRef",
+      ref: V,
+      onKeydown: A(L, ["esc"]),
+      style: { height: "100%", width: "100%", position: "relative" }
+    }, [
+      i("button", {
+        ref_key: "buttonRef",
+        ref: k,
+        class: "icon",
+        onClick: K,
+        style: a($.value),
+        type: "button"
+      }, [
+        C(g, {
+          name: "palette",
+          stroke: y.value,
+          size: 22
+        }, null, 8, ["stroke"])
+      ], 4),
+      r.value && !t.teleported ? (s(), d("div", {
+        key: 0,
+        tabindex: "0",
+        class: "vue-ui-color-picker",
+        style: a({
+          backgroundColor: t.backgroundColor,
+          position: "absolute",
+          left: "calc(100% + 30px)",
+          top: "50%",
+          transform: "translateY(-18%)"
+        }),
+        onMousedown: e[2] || (e[2] = n(() => {
+        }, ["stop"])),
+        onClick: e[3] || (e[3] = n(() => {
+        }, ["stop"])),
+        onTouchstart: e[4] || (e[4] = n(() => {
+        }, ["stop"]))
+      }, [
+        (s(!0), d(R, null, N(z.value, (l) => (s(), d("button", {
+          key: l,
+          class: "vue-ui-color-picker-option",
+          type: "button",
+          style: a({ backgroundColor: l, outline: `1px solid ${t.buttonBorderColor}` }),
+          onClick: () => w(l)
+        }, null, 12, ee))), 128)),
+        i("button", {
+          class: "vue-ui-color-picker-option",
+          type: "button",
+          style: a({ backgroundColor: t.value, outline: `1px solid ${t.buttonBorderColor}` }),
+          onClick: n(x, ["stop"]),
+          onMousedown: e[0] || (e[0] = n(() => {
+          }, ["stop"])),
+          onTouchstart: e[1] || (e[1] = n(() => {
+          }, ["stop"]))
+        }, [
+          i("div", te, [
+            C(g, {
+              name: "colorPicker",
+              stroke: y.value,
+              size: 22
+            }, null, 8, ["stroke"])
+          ]),
+          i("input", {
+            ref_key: "colorInput",
+            ref: c,
+            type: "color",
+            value: t.value,
+            class: "hidden-input",
+            onInput: E
+          }, null, 40, oe)
+        ], 36)
+      ], 36)) : M("", !0),
+      r.value && t.teleported ? (s(), G(H, {
+        key: 1,
+        to: "body"
+      }, [
+        i("div", {
+          tabindex: "0",
+          class: "vue-ui-color-picker",
+          style: a({
+            backgroundColor: t.backgroundColor,
+            position: "fixed",
+            top: m.value.top + "px",
+            left: m.value.left + "px",
+            zIndex: 2147483647
+          }),
+          onMousedown: e[7] || (e[7] = n(() => {
+          }, ["stop"])),
+          onClick: e[8] || (e[8] = n(() => {
+          }, ["stop"])),
+          onTouchstart: e[9] || (e[9] = n(() => {
+          }, ["stop"]))
+        }, [
+          (s(!0), d(R, null, N(z.value, (l) => (s(), d("button", {
+            key: l,
+            class: "vue-ui-color-picker-option",
+            type: "button",
+            style: a({ backgroundColor: l, outline: `1px solid ${t.buttonBorderColor}` }),
+            onClick: () => w(l)
+          }, null, 12, ne))), 128)),
+          i("button", {
+            class: "vue-ui-color-picker-option",
+            type: "button",
+            style: a({ backgroundColor: t.value, outline: `1px solid ${t.buttonBorderColor}` }),
+            onClick: n(x, ["stop"]),
+            onMousedown: e[5] || (e[5] = n(() => {
+            }, ["stop"])),
+            onTouchstart: e[6] || (e[6] = n(() => {
+            }, ["stop"]))
+          }, [
+            i("div", le, [
+              C(g, {
+                name: "colorPicker",
+                stroke: y.value,
+                size: 22
+              }, null, 8, ["stroke"])
+            ]),
+            i("input", {
+              ref_key: "colorInput",
+              ref: c,
+              type: "color",
+              value: t.value,
+              class: "hidden-input",
+              onInput: E
+            }, null, 40, re)
+          ], 36)
+        ], 36)
+      ])) : M("", !0)
+    ], 32)), [
+      [J(Z), L]
+    ]);
+  }
+}, ve = /* @__PURE__ */ _(ie, [["__scopeId", "data-v-22a32b57"]]);
+export {
+  ve as C
+};

package/dist/{DataTable-xISHA7Pu.js → DataTable-BvjacRbw.js}

@@ -1,6 +1,6 @@
-import { useCssVars as A, unref as e, 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 p, renderSlot as N } from "vue";
-import { _ as K } from "./Shape-BDy56-wS.js";
-import O from "./BaseIcon-D2f9w5Z5.js";
+import { useCssVars as A, unref as e, 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 N } from "vue";
+import { _ as K } from "./Shape-C_C_OmqR.js";
+import O from "./BaseIcon-Bz-1GQhu.js";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align-items": "center", "justify-content": "flex-end", "padding-right": "3px", gap: "3px" } }, L = { style: { width: "12px", height: "12px" } }, M = {
   key: 0,
@@ -35,9 +35,9 @@ const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align
   emits: ["close"],
   setup(t, { emit: $ }) {
     A((s) => ({
-      "06f59ff2": e(_)
+      v06f59ff2: e(_)
     }));
-    const h = t, { backgroundColor: f, color: b, outline: v } = h.config.th, { backgroundColor: z, color: S, outline: _ } = h.config.td, V = D(() => h.config.breakpoint), y = k(null), w = k(!1);
+    const h = t, { backgroundColor: f, color: b, outline: p } = h.config.th, { backgroundColor: z, color: S, outline: _ } = h.config.td, V = D(() => h.config.breakpoint), y = k(null), w = k(!1);
     E(() => {
       const s = new ResizeObserver((i) => {
         i.forEach((n) => {
@@ -73,7 +73,7 @@ const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align
       ], 36)) : m("", !0),
       a("table", j, [
         a("caption", {
-          style: r({ backgroundColor: e(f), color: e(b), outline: e(v) }),
+          style: r({ backgroundColor: e(f), color: e(b), outline: e(p) }),
           class: "vue-ui-data-table__caption"
         }, I(t.title), 5),
         a("thead", null, [
@@ -82,10 +82,10 @@ const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align
             style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(f), color: e(b) }]),
             class: "vue-ui-data-table__thead-row"
           }, [
-            (l(!0), o(g, null, p(t.head, (n, c) => (l(), o("th", {
+            (l(!0), o(g, null, v(t.head, (n, c) => (l(), o("th", {
               role: "cell",
               style: r({
-                outline: e(v)
+                outline: e(p)
               }),
               key: `th_${c}`
             }, [
@@ -106,12 +106,12 @@ const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align
           ], 4)
         ]),
         a("tbody", null, [
-          (l(!0), o(g, null, p(t.body, (n, c) => (l(), o("tr", {
+          (l(!0), o(g, null, v(t.body, (n, c) => (l(), o("tr", {
             role: "row",
             style: r([{ "font-variant-numeric": "tabular-nums" }, { backgroundColor: e(z), color: e(S) }]),
             class: C({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": c % 2 === 0, "vue-ui-data-table__tbody__row-odd": c % 2 !== 0 })
           }, [
-            (l(!0), o(g, null, p(n, (d, u) => (l(), o("td", {
+            (l(!0), o(g, null, v(n, (d, u) => (l(), o("td", {
               role: "cell",
               "data-cell": (t.colNames[u] && t.colNames[u].name ? t.colNames[u].name : "") || t.colNames[u] || "",
               style: r({ outline: e(_) }),

package/dist/{Legend-_Rv594VS.js → Legend-BpoFJ8fc.js}

@@ -1,6 +1,6 @@
 import { createElementBlock as n, openBlock as a, normalizeStyle as d, renderSlot as r, Fragment as f, renderList as m, normalizeClass as g, createCommentVNode as p, createVNode as h, mergeProps as k, unref as v } from "vue";
-import { ah as y } from "./lib-p5pfHmOX.js";
-import { _ as x } from "./Shape-BDy56-wS.js";
+import { ag as y } from "./lib-BEpWEyMm.js";
+import { _ as x } from "./Shape-C_C_OmqR.js";
 import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const b = ["id"], $ = ["onClick", "viewBox"], B = {
   __name: "Legend",

package/dist/{NonSvgPenAndPaper-DiM4-9ju.js → NonSvgPenAndPaper-l9giyY1Z.js}

@@ -1,7 +1,7 @@
 import { ref as i, computed as we, onMounted as ke, nextTick as be, onBeforeUnmount as Ce, watch as oe, createElementBlock as x, openBlock as y, Fragment as q, createCommentVNode as Y, normalizeStyle as b, normalizeClass as D, createElementVNode as C, withDirectives as ae, createVNode as M, toDisplayString as re, unref as se, vModelText as ue, withModifiers as ie, renderList as ce } from "vue";
-import { m as $e, d as Se, X as Ae } from "./lib-p5pfHmOX.js";
-import R from "./BaseIcon-D2f9w5Z5.js";
-import { C as Ee } from "./ColorPicker-gaAecgEC.js";
+import { m as $e, d as Se, X as Ae } from "./lib-BEpWEyMm.js";
+import R from "./BaseIcon-Bz-1GQhu.js";
+import { C as Ee } from "./ColorPicker-B-WUqMoV.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Te = {
   class: /* @__PURE__ */ D({

package/dist/{PackageVersion-BB7joYAK.js → PackageVersion-oBQ8brnx.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "3.2.1", a = { "aria-hidden": "true" }, p = {
+const n = "3.2.3", a = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(s) {
     return (c, i) => (t(), e("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/{PenAndPaper-CtDMyIvW.js → PenAndPaper-CR8q353D.js}

@@ -1,7 +1,7 @@
 import { ref as c, computed as ge, watch as X, nextTick as le, onMounted as pe, onBeforeUnmount as me, createElementBlock as Y, createCommentVNode as q, openBlock as z, normalizeStyle as x, createElementVNode as C, withDirectives as ae, createVNode as $, normalizeClass as G, toDisplayString as Ae, unref as he, vModelText as oe } from "vue";
-import T from "./BaseIcon-D2f9w5Z5.js";
-import { C as we } from "./ColorPicker-gaAecgEC.js";
-import { m as be, d as xe } from "./lib-p5pfHmOX.js";
+import T from "./BaseIcon-Bz-1GQhu.js";
+import { C as we } from "./ColorPicker-B-WUqMoV.js";
+import { m as be, d as xe } from "./lib-BEpWEyMm.js";
 const ye = {
   class: "vue-ui-pen-and-paper-action",
   style: { padding: "0 !important" }

package/dist/{Shape-BDy56-wS.js → Shape-C_C_OmqR.js}

@@ -1,5 +1,5 @@
 import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a, normalizeStyle as d } from "vue";
-import { j as f, k as p } from "./lib-p5pfHmOX.js";
+import { j as f, k as p } from "./lib-BEpWEyMm.js";
 const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], w = {
   __name: "Shape",
   props: {