@cling-se/widget 0.19.6 → 0.19.7

package/dist/CSelect-CmoAbVkP.js

@@ -0,0 +1,129 @@
+import { _ as y, $ as f, a0 as g, S as b, a1 as i, o as r, b as n, j as d, I as V, a2 as C, D as u, t as S, f as o, B as v, c, y as k, e as m } from "./main-C2Q8_T2Y.js";
+const w = {
+  name: "CSelect",
+  mixins: [f, g],
+  inheritAttrs: !1,
+  components: {
+    Spinner: b
+  },
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Function],
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    multiple: Boolean,
+    selectClass: {
+      type: [String, Object, Array],
+      default: ""
+    },
+    nativeSize: {
+      type: [String, Number],
+      default: null
+    },
+    filled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["blur", "focus", "update:modelValue"],
+  data() {
+    return {
+      selected: this.modelValue,
+      _elementRef: "select"
+    };
+  },
+  computed: {
+    computedValue: {
+      get() {
+        return this.selected;
+      },
+      set(e) {
+        this.selected = e, this.$emit("update:modelValue", e), !this.isValid && this.checkHtml5Validity();
+      }
+    },
+    spanClasses() {
+      return i(
+        "flex items-center justify-start",
+        this.size,
+        this.statusType,
+        this.expanded && "w-full",
+        this.multiple && "pr-10",
+        this.selected == null && "text-gray-400"
+      );
+    },
+    selectClasses() {
+      return i([
+        "block max-w-full text-base cursor-pointer text-gray-400",
+        "appearance-none border outline-none rounded-md",
+        "hover:border-gray-500 focus:border-blue-500 disabled:hover:border-gray-200 border-gray-300 bg-white",
+        "pl-3 pr-10 h-12 py-2",
+        this.expanded && "w-full",
+        this.filled && "bg-gray-100 hover:border-gray-300 focus:border-gray-300 border-gray-200",
+        this.multiple && "h-auto py-2 px-4 space-y-2",
+        this.rounded && "rounded-l-none rounded-r-full",
+        this.selected && "text-gray-900",
+        this.selectClass
+      ]);
+    }
+  },
+  watch: {
+    /**
+     * When v-model is changed:
+     *   1. Set the selected option.
+     *   2. If it's invalid, validate again.
+     */
+    modelValue(e) {
+      this.selected = e, !this.isValid && this.checkHtml5Validity();
+    }
+  }
+}, x = ["multiple", "size"], B = {
+  key: 0,
+  value: null,
+  disabled: "",
+  hidden: ""
+};
+function z(e, t, l, A, j, s) {
+  const p = m("CIcon"), h = m("Spinner");
+  return r(), n("div", u({
+    class: [{ "w-full": e.expanded, "has-icons-left": e.icon }, "relative clear-both box-border cursor-pointer text-left"]
+  }, e.rootAttrs), [
+    d("span", {
+      class: k(s.spanClasses)
+    }, [
+      V(d("select", u(e.fallthroughAttrs, {
+        ref: "select",
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => s.computedValue = a),
+        multiple: l.multiple,
+        size: l.nativeSize,
+        class: s.selectClasses,
+        onBlur: t[1] || (t[1] = (a) => e.$emit("blur", a) && e.checkHtml5Validity()),
+        onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a))
+      }), [
+        l.placeholder && s.computedValue == null ? (r(), n("option", B, S(l.placeholder), 1)) : o("", !0),
+        v(e.$slots, "default")
+      ], 16, x), [
+        [C, s.computedValue]
+      ]),
+      !l.multiple && !e.loading ? (r(), c(p, {
+        key: 0,
+        type: "chevron-down",
+        size: "14",
+        class: "relative -ml-6 text-gray-900 opacity-75"
+      })) : o("", !0),
+      e.loading ? (r(), c(h, {
+        key: 1,
+        size: "16",
+        color: "grey",
+        class: "-ml-6"
+      })) : o("", !0)
+    ], 2)
+  ], 16);
+}
+const M = /* @__PURE__ */ y(w, [["render", z]]);
+export {
+  M as C
+};

package/dist/CSkeleton-BF6EYj8H.js

@@ -0,0 +1,47 @@
+import { aj as B, as as C, Q as l, at as N, U as e, o as n, b as s, F as w, G as x, y as d, Y as r, f as S, _ as z } from "./main-C2Q8_T2Y.js";
+const F = /* @__PURE__ */ B({
+  __name: "CSkeleton",
+  props: {
+    active: { type: Boolean, default: !0 },
+    animated: { type: Boolean, default: !1 },
+    width: { default: "" },
+    height: { default: "" },
+    circle: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !0 },
+    count: { default: 1 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "" }
+  },
+  setup(i) {
+    const c = i, {
+      active: f,
+      animated: m,
+      width: a,
+      height: t,
+      circle: v,
+      rounded: p,
+      count: y,
+      hidden: h,
+      color: o
+    } = C(c), _ = l(() => ({
+      height: t.value === void 0 ? void 0 : isNaN(Number(t.value)) ? t.value : `${t.value}px`,
+      width: a.value === void 0 ? void 0 : isNaN(Number(a.value)) ? a.value : `${a.value}px`,
+      borderRadius: v.value ? "50%" : void 0,
+      background: o.value ? o.value : void 0
+    })), u = N(), g = l(() => u.style), b = l(() => u.class);
+    return (R, $) => e(f) ? (n(), s("div", {
+      key: 0,
+      class: d(["w-full", { invisible: e(h) }, b.value]),
+      style: r(g.value)
+    }, [
+      (n(!0), s(w, null, x(e(y), (k) => (n(), s("div", {
+        key: k,
+        class: d(["mt-2 w-full bg-gray-100 bg-[length:400%_100%] leading-none after:content-['\\00a0']", { "rounded-sm": e(p), "animate-skeleton": e(m) }]),
+        style: r(_.value)
+      }, null, 6))), 128))
+    ], 6)) : S("", !0);
+  }
+}), A = /* @__PURE__ */ z(F, [["__scopeId", "data-v-700c0d24"]]);
+export {
+  A as C
+};

package/dist/{ClientAutocomplete-vgxEGqNU.js → ClientAutocomplete-CHfp4YiV.js}

@@ -1,12 +1,12 @@
-import { S as O } from "./SearchApi-rcvoh3Av.js";
-import { _ as b, I as H, a2 as E, a3 as F, o as d, b as c, d as V, L as S, J as m, ad as v, w as p, O as $, P as T, s as w, l as C, K as y, f, F as x, k as L, n as A, a1 as _, e as g, v as h, aH as D, c as I, H as R } from "./main-WDVYC60Z.js";
-import { c as P, r as z, g as N } from "./helpers-BHIbXt8q.js";
+import { S as O } from "./SearchApi-ZczKsBb7.js";
+import { _ as b, z as E, $ as H, a0 as F, o as d, b as c, d as V, D as S, A as m, ab as v, w as p, I as $, J as T, j as w, Y as A, B as y, f, F as x, G as _, y as C, Z as L, e as g, t as h, aI as D, c as I, x as R } from "./main-C2Q8_T2Y.js";
+import { c as P, r as z, g as N } from "./helpers-BVP2Pul1.js";
 const q = {
   name: "CAutocomplete",
   components: {
-    CInput: H
+    CInput: E
   },
-  mixins: [E, F],
+  mixins: [H, F],
   props: {
     modelValue: {
       type: [Number, String],
@@ -382,23 +382,23 @@ function j(e, t, i, l, s, o) {
       onIconRightClick: o.rightIconClick,
       onIconClick: t[4] || (t[4] = (n) => e.$emit("icon-click", n))
     }), null, 16, ["modelValue", "size", "loading", "rounded", "icon", "icon-right", "icon-right-clickable", "icon-pack", "maxlength", "autocomplete", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown", "onIconRightClick"]),
-    V(_, { name: "fade" }, {
+    V(L, { name: "fade" }, {
       default: p(() => [
         $(w("div", {
           ref: "dropdown",
-          class: A([{ "is-opened-top": o.isOpenedTop && !i.appendToBody }, "dropdown-menu"]),
-          style: C(s.style)
+          class: C([{ "is-opened-top": o.isOpenedTop && !i.appendToBody }, "dropdown-menu"]),
+          style: A(s.style)
         }, [
           $(w("div", {
-            style: C(o.contentStyle),
+            style: A(o.contentStyle),
             class: "dropdown-content"
           }, [
             o.hasHeaderSlot ? (d(), c("div", M, [
               y(e.$slots, "header")
             ])) : f("", !0),
-            (d(!0), c(x, null, L(i.data, (n, u) => (d(), c("a", {
+            (d(!0), c(x, null, _(i.data, (n, u) => (d(), c("a", {
               key: u,
-              class: A([{ "is-hovered": n === s.hovered }, "dropdown-item"]),
+              class: C([{ "is-hovered": n === s.hovered }, "dropdown-item"]),
               onClick: (k) => o.setSelected(n, void 0, k)
             }, [
               o.hasDefaultSlot ? y(e.$slots, "default", {
@@ -424,7 +424,7 @@ function j(e, t, i, l, s, o) {
     })
   ], 16);
 }
-const J = /* @__PURE__ */ b(q, [["render", j]]), X = {
+const Y = /* @__PURE__ */ b(q, [["render", j]]), G = {
   i18nOptions: {
     namespaces: "components",
     keyPrefix: "account.documentForm.clients"
@@ -432,7 +432,7 @@ const J = /* @__PURE__ */ b(q, [["render", j]]), X = {
   name: "ClientAutocomplete",
   components: {
     SearchApi: O,
-    CAutocomplete: J
+    CAutocomplete: Y
   },
   props: {
     searchEnabled: {
@@ -472,7 +472,7 @@ const J = /* @__PURE__ */ b(q, [["render", j]]), X = {
       }));
     }
   }
-}, Y = { style: { "line-height": "1.5" } }, G = { style: { "font-weight": "500" } }, Z = {
+}, J = { style: { "line-height": "1.5" } }, X = { style: { "font-weight": "500" } }, Z = {
   class: "text-gray-600",
   style: { "font-size": "14px" }
 }, ee = { key: 0 }, te = { key: 0 };
@@ -494,8 +494,8 @@ function ie(e, t, i, l, s, o) {
         onSelect: t[1] || (t[1] = (r) => e.$emit("setClient", s.convertToNewClient(r)))
       }), {
         default: p(({ option: r }) => [
-          w("div", Y, [
-            w("div", G, h(r.name || r.email), 1),
+          w("div", J, [
+            w("div", X, h(r.name || r.email), 1),
             w("div", Z, h(r.reference ? `${r.reference} · ` : "") + " " + h(r.workStreet || r.street || " "), 1)
           ])
         ]),
@@ -525,8 +525,8 @@ function ie(e, t, i, l, s, o) {
     _: 1
   });
 }
-const le = /* @__PURE__ */ b(X, [["render", ie]]);
+const le = /* @__PURE__ */ b(G, [["render", ie]]);
 export {
   le as C,
-  J as a
+  Y as a
 };

package/dist/{ClientModal-B8ip7v99.js → ClientModal-Com23Qgc.js}

@@ -1,11 +1,11 @@
-import { C as L } from "./ClientAutocomplete-vgxEGqNU.js";
-import { _ as z, aU as j, o as f, b as h, O as Z, aV as H, s as i, ad as N, n as y, K as Y, J as G, ai as B, ap as K, m as P, ak as J, v as r, d as n, w as a, c as b, f as v, F as O, k as F, H as C, e as g, A as k, aj as Q, N as X, p as _, a as x, g as q, be as ee, aH as te } from "./main-WDVYC60Z.js";
-import { C as oe, a as ne, w as E } from "./CDropdownItem-BuQONogL.js";
-import { _ as le } from "./CFormField.vue_vue_type_script_setup_true_lang-KdkAe_wn.js";
-import { C as ae } from "./CPhoneInput-DolVFzrL.js";
-import { u as ie } from "./index-Dbe2ueXc.js";
-import { r as se, a as $, e as re } from "./index-Cwf2aXw3.js";
-import { o as de } from "./omit-BhJ-wiH8.js";
+import { C as L } from "./ClientAutocomplete-CHfp4YiV.js";
+import { _ as z, aV as j, o as f, b as h, I as Z, aW as G, j as i, ab as N, y, B as Y, A as H, ag as B, ao as K, m as P, ai as J, t as r, d as n, w as a, c as b, f as v, F as O, G as F, x as C, e as g, n as k, ah as Q, H as X, h as _, a as x, g as q, bf as ee, aI as te } from "./main-C2Q8_T2Y.js";
+import { C as oe, a as ne, w as E } from "./CDropdownItem-B5rgSee7.js";
+import { _ as le } from "./CFormField.vue_vue_type_script_setup_true_lang-CVy64zGe.js";
+import { C as ae } from "./CPhoneInput-BUogm59J.js";
+import { u as ie } from "./index-B86TZXOh.js";
+import { r as se, a as $, e as re } from "./index-BH5vwOzR.js";
+import { o as de } from "./omit-DzlbtNCX.js";
 const me = {
   name: "CRadio",
   mixins: [j]
@@ -16,7 +16,7 @@ function fe(e, t, s, d, u, l) {
     class: y([[`is-${e.size}`, { "is-disabled": e.disabled }], "b-radio radio"]),
     disabled: e.disabledOrUndefined,
     onClick: t[2] || (t[2] = (...c) => e.focus && e.focus(...c)),
-    onKeydown: t[3] || (t[3] = G(N((c) => e.$refs.label.click(), ["prevent"]), ["enter"]))
+    onKeydown: t[3] || (t[3] = H(N((c) => e.$refs.label.click(), ["prevent"]), ["enter"]))
   }, [
     Z(i("input", {
       ref: "input",
@@ -29,7 +29,7 @@ function fe(e, t, s, d, u, l) {
       onClick: t[1] || (t[1] = N(() => {
       }, ["stop"]))
     }, null, 8, pe), [
-      [H, e.computedValue]
+      [G, e.computedValue]
     ]),
     i("span", {
       class: y([`is-${e.type}`, "check"])
@@ -40,7 +40,7 @@ function fe(e, t, s, d, u, l) {
   ], 42, ue);
 }
 const ge = /* @__PURE__ */ z(me, [["render", fe]]);
-function T(e) {
+function W(e) {
   if (typeof e > "u") throw Error("Missing param inputParam");
   let t = e;
   Number.isInteger(t) && (t = t.toString());
@@ -53,7 +53,7 @@ function T(e) {
 }
 function A(e) {
   let t = e.replace(/ /g, "");
-  return t = t.replace(/-/g, ""), !T(t) || (t = [t.slice(0, 6), "-", t.slice(6)].join(""), !t.match(/^(\d{6})-(\d{4})$/)) ? !1 : t;
+  return t = t.replace(/-/g, ""), !W(t) || (t = [t.slice(0, 6), "-", t.slice(6)].join(""), !t.match(/^(\d{6})-(\d{4})$/)) ? !1 : t;
 }
 function V(e) {
   if (typeof e > "u" || e === null || e === "")
@@ -68,7 +68,7 @@ function V(e) {
     );
     parseInt(u, 10) === 19 || parseInt(u, 10) === 20 || (parseInt(u, 10) >= 0 && parseInt(u, 10) <= c ? t = `20${t}` : t = `19${t}`);
   }
-  return (/* @__PURE__ */ new Date()).getFullYear() - parseInt(t.substring(0, 4), 10) < 16 ? !1 : T(t.substring(2)) ? t : !1;
+  return (/* @__PURE__ */ new Date()).getFullYear() - parseInt(t.substring(0, 4), 10) < 16 ? !1 : W(t.substring(2)) ? t : !1;
 }
 const he = {
   sv: {
@@ -369,7 +369,7 @@ const he = {
 }, be = { class: "form-client" }, Ce = { class: "space-between flex flex-wrap items-center pb-6" }, we = {
   class: "flex-grow",
   style: { "font-weight": "600", "font-size": "20px" }
-}, ke = { class: "type-toggle" }, $e = { style: { "line-height": "1.25", padding: "4px 0" } }, Ve = { style: { "font-size": "12px", opacity: "0.7" } }, Ne = { style: { "line-height": "1.25", padding: "4px 0" } }, Se = { style: { "font-size": "12px", opacity: "0.7" } }, Ie = {
+}, ke = { class: "type-toggle" }, $e = { style: { "line-height": "1.25", padding: "4px 0" } }, Ve = { style: { "font-size": "12px", opacity: "0.7" } }, Ne = { style: { "line-height": "1.25", padding: "4px 0" } }, Ie = { style: { "font-size": "12px", opacity: "0.7" } }, Se = {
   class: "flex items-center justify-center",
   style: { "margin-bottom": "calc(2.5 * var(--rem))" }
 }, Me = { class: "type-toggle" }, Oe = { key: 0 }, Fe = {
@@ -378,12 +378,12 @@ const he = {
 }, ze = { class: "my-1 text-sm text-gray-600" }, Re = { class: "py-1 leading-5" }, De = { class: "text-xs opacity-70" }, Ue = { style: { "line-height": "1.25", padding: "4px 0" } }, qe = { style: { "font-size": "12px", opacity: "0.7" } }, Ae = {
   key: 1,
   class: "dropdown-field-wrapper flex min-w-0 flex-col"
-}, Be = { class: "my-1 text-sm text-gray-600" }, Pe = { class: "max-w-[calc(16_*_var(--rem))] py-1 leading-5" }, Ee = { class: "truncate text-xs opacity-70" }, Te = { style: { "line-height": "1.25", padding: "4px 0" } }, We = {
+}, Be = { class: "my-1 text-sm text-gray-600" }, Pe = { class: "max-w-[calc(16_*_var(--rem))] py-1 leading-5" }, Ee = { class: "truncate text-xs opacity-70" }, We = { style: { "line-height": "1.25", padding: "4px 0" } }, Te = {
   class: "max-w-[calc(12_*_var(--rem))] truncate",
   style: { "font-size": "12px", opacity: "0.7", "text-wrap": "wrap" }
 }, Le = { style: { "margin-top": "calc(3 * var(--rem))" } };
 function je(e, t, s, d, u, l) {
-  const c = g("ClientAutocomplete"), m = g("CField"), p = g("CInput"), S = g("Animation"), R = g("CPhoneInput"), w = g("CButton"), I = g("CDropdownItem"), M = g("CDropdown"), W = g("CCheckbox"), D = g("CRadio");
+  const c = g("ClientAutocomplete"), m = g("CField"), p = g("CInput"), I = g("Animation"), R = g("CPhoneInput"), w = g("CButton"), S = g("CDropdownItem"), M = g("CDropdown"), T = g("CCheckbox"), D = g("CRadio");
   return f(), h("div", be, [
     s.simpleForm ? (f(), h("form", {
       key: 0,
@@ -422,7 +422,7 @@ function je(e, t, s, d, u, l) {
         ]),
         _: 1
       }, 8, ["label", "validator", "messages"]),
-      n(S, null, {
+      n(I, null, {
         default: a(() => [
           l.isIndivid ? v("", !0) : (f(), b(m, {
             key: 0,
@@ -501,7 +501,7 @@ function je(e, t, s, d, u, l) {
           }, 8, ["icon-left"])
         ]),
         default: a(() => [
-          (f(), h(O, null, F(["signee", "recipient", "approver"], (o) => n(I, {
+          (f(), h(O, null, F(["signee", "recipient", "approver"], (o) => n(S, {
             key: o,
             "icon-left": o === "signee" ? "pen-tool" : "eye",
             "icon-props": {
@@ -512,7 +512,7 @@ function je(e, t, s, d, u, l) {
             default: a(() => [
               i("div", Ne, [
                 i("div", null, r(e.$t(`_common:documentRole.${o}.description`)), 1),
-                i("div", Se, r(e.$t(`_common:documentRole.${o}.label`)), 1)
+                i("div", Ie, r(e.$t(`_common:documentRole.${o}.label`)), 1)
               ])
             ]),
             _: 2
@@ -550,7 +550,7 @@ function je(e, t, s, d, u, l) {
       key: 1,
       class: y({ "column-only": e.windowWidth <= 600 })
     }, [
-      i("div", Ie, [
+      i("div", Se, [
         i("div", Me, [
           i("div", {
             class: y([{ active: e.type === "individual" }, "type-toggle-button"]),
@@ -607,7 +607,7 @@ function je(e, t, s, d, u, l) {
         ]),
         _: 1
       }),
-      n(S, null, {
+      n(I, null, {
         default: a(() => [
           e.type && !l.isIndivid ? (f(), b(m, {
             key: 0,
@@ -632,7 +632,7 @@ function je(e, t, s, d, u, l) {
             style: { "padding-left": "0.5em", "margin-bottom": "calc(2 * var(--rem))" }
           }, {
             default: a(() => [
-              n(W, {
+              n(T, {
                 modelValue: e.reverseVat,
                 "onUpdate:modelValue": t[16] || (t[16] = (o) => e.reverseVat = o),
                 size: "normal"
@@ -761,7 +761,7 @@ function je(e, t, s, d, u, l) {
         ]),
         _: 1
       }),
-      n(S, null, {
+      n(I, null, {
         default: a(() => [
           e.type && e.separateWorkAddress ? (f(), h("div", Oe, [
             n(m, {
@@ -847,7 +847,7 @@ function je(e, t, s, d, u, l) {
                 }, 8, ["icon-left"])
               ]),
               default: a(() => [
-                (f(), h(O, null, F(["signee", "recipient", "approver"], (o) => n(I, {
+                (f(), h(O, null, F(["signee", "recipient", "approver"], (o) => n(S, {
                   key: o,
                   "icon-left": o === "signee" ? "pen-tool" : "eye",
                   "icon-props": {
@@ -891,7 +891,7 @@ function je(e, t, s, d, u, l) {
                 })
               ]),
               default: a(() => [
-                (f(!0), h(O, null, F(s.signOptions, (o) => (f(), b(I, {
+                (f(!0), h(O, null, F(s.signOptions, (o) => (f(), b(S, {
                   key: o,
                   onClick: (U) => e.$emit("update:answer-method", {
                     ...s.answerMethod,
@@ -899,9 +899,9 @@ function je(e, t, s, d, u, l) {
                   })
                 }, {
                   default: a(() => [
-                    i("div", Te, [
+                    i("div", We, [
                       i("div", null, r(e.$t(`signMethod.${o}.title`)), 1),
-                      i("div", We, r(e.$t(`signMethod.${o}.content`)), 1)
+                      i("div", Te, r(e.$t(`signMethod.${o}.content`)), 1)
                     ])
                   ]),
                   _: 2
@@ -930,7 +930,7 @@ function je(e, t, s, d, u, l) {
     ], 2))
   ]);
 }
-const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec"]]), { mapFields: He } = B({
+const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec"]]), { mapFields: Ge } = B({
   getterType: "forms/getField",
   mutationType: "forms/updateField"
 }), Ye = {
@@ -1017,7 +1017,7 @@ const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec
     };
   },
   computed: {
-    ...He({
+    ...Ge({
       endCustomer: "endCustomer"
     }),
     ...Q("forms", {
@@ -1128,14 +1128,14 @@ const Ze = /* @__PURE__ */ z(ye, [["render", je], ["__scopeId", "data-v-a49b2cec
       });
     }
   }
-}, Ge = { class: "max-sm:h-initial relative mx-auto flex flex-col items-center rounded-xl bg-white p-10 text-lg max-sm:min-h-full max-sm:w-full max-sm:rounded-none max-sm:pt-16" };
+}, He = { class: "max-sm:h-initial relative mx-auto flex flex-col items-center rounded-xl bg-white p-10 text-lg max-sm:min-h-full max-sm:w-full max-sm:rounded-none max-sm:pt-16" };
 function Ke(e, t, s, d, u, l) {
   const c = g("CButton"), m = g("FormClient");
   return f(), h("div", {
     class: "font-primary fixed inset-0 z-[1000] grid place-items-center overflow-auto bg-black bg-opacity-10 max-sm:block max-sm:min-h-full max-sm:w-full max-sm:overflow-auto sm:py-4",
     onClickPassive: t[4] || (t[4] = N((...p) => l.close && l.close(...p), ["self"]))
   }, [
-    i("div", Ge, [
+    i("div", He, [
       n(c, {
         class: y([u.showMore ? "" : "sm:!hidden", "z-2 absolute right-4 top-4"]),
         pattern: "tertiary",

package/dist/{ColorPicker-BrfM9S1s.js → ColorPicker-BzdHtZep.js}

@@ -1,4 +1,4 @@
-import { o as f, b as m, l as k, e as S, s as h, d as v, O as R, bX as ee, v as Y, n as J, c as U, f as p, P as T, _ as te } from "./main-WDVYC60Z.js";
+import { o as f, b as m, Y as k, e as S, j as h, d as v, I as R, bY as ee, t as Y, y as J, c as U, f as p, J as T, _ as te } from "./main-C2Q8_T2Y.js";
 const re = "";
 function H(e, t) {
   t === void 0 && (t = {});
@@ -293,7 +293,7 @@ function we(e) {
     b: e & 255
   };
 }
-var W = {
+var P = {
   aliceblue: "#f0f8ff",
   antiquewhite: "#faebd7",
   aqua: "#00ffff",
@@ -454,14 +454,14 @@ function ye(e) {
     a: r
   };
 }
-var Ce = "[-\\+]?\\d+%?", _e = "[-\\+]?\\d*\\.\\d+%?", C = "(?:".concat(_e, ")|(?:").concat(Ce, ")"), X = "[\\s|\\(]+(".concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")\\s*\\)?"), $ = "[\\s|\\(]+(".concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")\\s*\\)?"), b = {
+var Ce = "[-\\+]?\\d+%?", _e = "[-\\+]?\\d*\\.\\d+%?", C = "(?:".concat(_e, ")|(?:").concat(Ce, ")"), $ = "[\\s|\\(]+(".concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")\\s*\\)?"), j = "[\\s|\\(]+(".concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")\\s*\\)?"), b = {
   CSS_UNIT: new RegExp(C),
-  rgb: new RegExp("rgb" + X),
-  rgba: new RegExp("rgba" + $),
-  hsl: new RegExp("hsl" + X),
-  hsla: new RegExp("hsla" + $),
-  hsv: new RegExp("hsv" + X),
-  hsva: new RegExp("hsva" + $),
+  rgb: new RegExp("rgb" + $),
+  rgba: new RegExp("rgba" + j),
+  hsl: new RegExp("hsl" + $),
+  hsla: new RegExp("hsla" + j),
+  hsv: new RegExp("hsv" + $),
+  hsva: new RegExp("hsva" + j),
   hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
   hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
   hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
@@ -471,8 +471,8 @@ function ke(e) {
   if (e = e.trim().toLowerCase(), e.length === 0)
     return !1;
   var t = !1;
-  if (W[e])
-    e = W[e], t = !0;
+  if (P[e])
+    e = P[e], t = !0;
   else if (e === "transparent")
     return { r: 0, g: 0, b: 0, a: 0, format: "name" };
   var r = b.rgb.exec(e);
@@ -584,7 +584,7 @@ var Me = (
         return "transparent";
       if (this.a < 1)
         return !1;
-      for (var t = "#" + K(this.r, this.g, this.b, !1), r = 0, n = Object.entries(W); r < n.length; r++) {
+      for (var t = "#" + K(this.r, this.g, this.b, !1), r = 0, n = Object.entries(P); r < n.length; r++) {
         var a = n[r], i = a[0], s = a[1];
         if (t === s)
           return i;
@@ -682,7 +682,7 @@ var Me = (
 function y(...e) {
   return new Me(...e);
 }
-function j(e, t) {
+function X(e, t) {
   const r = e && e.a;
   let n;
   e && e.hsl ? n = y(e.hsl) : e && e.hex && e.hex.length > 0 ? n = y(e.hex) : e && e.hsv ? n = y(e.hsv) : e && e.rgba ? n = y(e.rgba) : e && e.rgb ? n = y(e.rgb) : n = y(e), n && (n._a === void 0 || n._a === null) && n.setAlpha(r || n.getAlpha());
@@ -706,7 +706,7 @@ var Se = {
   props: ["modelValue"],
   data() {
     return {
-      val: j(this.modelValue)
+      val: X(this.modelValue)
     };
   },
   computed: {
@@ -721,12 +721,12 @@ var Se = {
   },
   watch: {
     modelValue(e) {
-      this.val = j(e);
+      this.val = X(e);
     }
   },
   methods: {
     colorChange(e, t) {
-      this.oldHue = this.colors.hsl.h, this.colors = j(e, t || this.oldHue);
+      this.oldHue = this.colors.hsl.h, this.colors = X(e, t || this.oldHue);
     },
     isValidHex(e) {
       return y(e).isValid;
@@ -842,7 +842,7 @@ H(Le);
 F.render = Te;
 F.__file = "src/components/editable-input/editable-input.vue";
 F.install = A;
-function P(e, t, r) {
+function W(e, t, r) {
   return t < r ? e < t ? t : e > r ? r : e : e < r ? r : e > t ? t : e;
 }
 var B = {
@@ -870,7 +870,7 @@ var B = {
       const { container: r } = this.$refs;
       if (!r)
         return;
-      const n = r.clientWidth, a = r.clientHeight, i = r.getBoundingClientRect().left + window.pageXOffset, s = r.getBoundingClientRect().top + window.pageYOffset, o = e.pageX || (e.touches ? e.touches[0].pageX : 0), u = e.pageY || (e.touches ? e.touches[0].pageY : 0), x = P(o - i, 0, n), c = P(u - s, 0, a), l = x / n, M = P(-(c / a) + 1, 0, 1);
+      const n = r.clientWidth, a = r.clientHeight, i = r.getBoundingClientRect().left + window.pageXOffset, s = r.getBoundingClientRect().top + window.pageYOffset, o = e.pageX || (e.touches ? e.touches[0].pageX : 0), u = e.pageY || (e.touches ? e.touches[0].pageY : 0), x = W(o - i, 0, n), c = W(u - s, 0, a), l = x / n, M = W(-(c / a) + 1, 0, 1);
       this.onChange({
         h: this.colors.hsv.h,
         s: l,
@@ -1033,7 +1033,7 @@ const Ue = ["aria-valuenow"], Ve = /* @__PURE__ */ h(
 ), ze = [
   Ve
 ];
-function Xe(e, t, r, n, a, i) {
+function $e(e, t, r, n, a, i) {
   return f(), m(
     "div",
     {
@@ -1068,9 +1068,9 @@ function Xe(e, t, r, n, a, i) {
     /* CLASS */
   );
 }
-var $e = ".vc-hue{border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.vc-hue--horizontal{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue--vertical{background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue-container{cursor:pointer;height:100%;margin:0 2px;position:relative}.vc-hue-pointer{position:absolute;z-index:2}.vc-hue-picker{background:#fff;border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);cursor:pointer;height:8px;margin-top:1px;transform:translateX(-2px);width:4px}";
-H($e);
-N.render = Xe;
+var je = ".vc-hue{border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.vc-hue--horizontal{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue--vertical{background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue-container{cursor:pointer;height:100%;margin:0 2px;position:relative}.vc-hue-pointer{position:absolute;z-index:2}.vc-hue-picker{background:#fff;border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);cursor:pointer;height:8px;margin-top:1px;transform:translateX(-2px);width:4px}";
+H(je);
+N.render = $e;
 N.__file = "src/components/hue/hue.vue";
 N.install = A;
 var O = {
@@ -1181,7 +1181,7 @@ var O = {
     }
   }
 };
-const je = { class: "vc-chrome-saturation-wrap" }, Pe = { class: "vc-chrome-body" }, We = { class: "vc-chrome-controls" }, Ye = { class: "vc-chrome-color-wrap" }, Ge = ["aria-label"], qe = { class: "vc-chrome-sliders" }, Ke = { class: "vc-chrome-hue-wrap" }, Ze = {
+const Xe = { class: "vc-chrome-saturation-wrap" }, We = { class: "vc-chrome-body" }, Pe = { class: "vc-chrome-controls" }, Ye = { class: "vc-chrome-color-wrap" }, Ge = ["aria-label"], qe = { class: "vc-chrome-sliders" }, Ke = { class: "vc-chrome-hue-wrap" }, Ze = {
   key: 0,
   class: "vc-chrome-alpha-wrap"
 }, Je = {
@@ -1215,14 +1215,14 @@ function pt(e, t, r, n, a, i) {
       class: J(["vc-chrome", [r.disableAlpha ? "vc-chrome__disable-alpha" : ""]])
     },
     [
-      h("div", je, [
+      h("div", Xe, [
         v(s, {
           value: e.colors,
           onChange: i.childChange
         }, null, 8, ["value", "onChange"])
       ]),
-      h("div", Pe, [
-        h("div", We, [
+      h("div", We, [
+        h("div", Pe, [
           h("div", Ye, [
             h("div", {
               "aria-label": `current color is ${e.colors.hex}`,