@farris/ui-vue 1.2.8 → 1.2.9

package/components/color-picker/index.esm.js

@@ -1,19 +1,19 @@
 var tt = Object.defineProperty;
 var nt = (r, e, t) => e in r ? tt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var s = (r, e, t) => nt(r, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as ee, ref as S, onMounted as T, watch as F, createVNode as k, withModifiers as _, createTextVNode as Re, computed as U, onBeforeMount as qe, withDirectives as W, vShow as K, vModelText as Ye, inject as rt } from "vue";
+import { defineComponent as ee, ref as S, onMounted as T, watch as q, createVNode as k, withModifiers as _, createTextVNode as Re, computed as U, onBeforeMount as qe, withDirectives as W, vShow as K, vModelText as Ye, inject as rt } from "vue";
 import { cloneDeep as it } from "lodash-es";
 const Xe = {}, Ge = {};
 function $e(r) {
-  const { properties: e, title: t } = r, n = Object.keys(e).reduce((i, l) => (i[l] = e[l].type === "object" && e[l].properties ? $e(e[l]) : it(e[l].default), i), {});
-  return n.id = `${t}-${Date.now()}`, n;
+  const { properties: e, title: t, ignore: n } = r, i = n && Array.isArray(n), l = Object.keys(e).reduce((u, c) => ((!i || !n.find((g) => g == c)) && (u[c] = e[c].type === "object" && e[c].properties ? $e(e[c]) : it(e[c].default)), u), {});
+  return (!i || !n.find((u) => u == "id")) && (l.id = `${t}-${Date.now()}`), l;
 }
-function ke(r, e = {}) {
-  const t = Xe[r];
-  if (t) {
-    let n = $e(t);
-    const i = Ge[r];
-    return n = i ? i({ getSchemaByType: ke }, n, e) : n, n;
+function ke(r, e = {}, t) {
+  const n = Xe[r];
+  if (n) {
+    let i = $e(n);
+    const l = Ge[r];
+    return i = l ? l({ getSchemaByType: ke }, i, e, t) : i, i;
   }
   return null;
 }
@@ -89,7 +89,7 @@ function ut(r = {}) {
     return l(h).reduce((b, y) => b && u(y, p), !0);
   }
   function g(h, p) {
-    const d = Object.keys(h), f = d.includes("allOf"), b = d.includes("anyOf"), y = f || b, E = (y ? h[y ? f ? "allOf" : "anyOf" : "allOf"] : [h]).map((x) => c(x, p));
+    const d = Object.keys(h), f = d.includes("allOf"), b = d.includes("anyOf"), y = f || b, E = (y ? h[y ? f ? "allOf" : "anyOf" : "allOf"] : [h]).map((A) => c(A, p));
     return f ? !E.includes(!1) : E.includes(!0);
   }
   return { parseValueSchema: g };
@@ -659,7 +659,7 @@ function He(r, e, t) {
     (l || !(n in e)) && (l || (l = Array.prototype.slice.call(e, 0, n)), l[n] = e[n]);
   return r.concat(l || Array.prototype.slice.call(e));
 }
-function Y(r) {
+function X(r) {
   return typeof r == "function";
 }
 function ze(r) {
@@ -711,7 +711,7 @@ var he = function() {
         else
           u.remove(this);
       var p = this.initialTeardown;
-      if (Y(p))
+      if (X(p))
         try {
           p();
         } catch (v) {
@@ -773,10 +773,10 @@ var he = function() {
   }(), r;
 }(), Ce = he.EMPTY;
 function Je(r) {
-  return r instanceof he || r && "closed" in r && Y(r.remove) && Y(r.add) && Y(r.unsubscribe);
+  return r instanceof he || r && "closed" in r && X(r.remove) && X(r.add) && X(r.unsubscribe);
 }
 function je(r) {
-  Y(r) ? r() : r.unsubscribe();
+  X(r) ? r() : r.unsubscribe();
 }
 var Qe = {
   onUnhandledError: null,
@@ -809,7 +809,7 @@ var xe = function(r) {
   te(e, r);
   function e(t) {
     var n = r.call(this) || this;
-    return n.isStopped = !1, t ? (n.destination = t, Je(t) && t.add(n)) : n.destination = It, n;
+    return n.isStopped = !1, t ? (n.destination = t, Je(t) && t.add(n)) : n.destination = At, n;
   }
   return e.create = function(t, n, i) {
     return new Be(t, n, i);
@@ -875,7 +875,7 @@ var Vt = function() {
   te(e, r);
   function e(t, n, i) {
     var l = r.call(this) || this, u;
-    if (Y(t) || !t)
+    if (X(t) || !t)
       u = {
         next: t ?? void 0,
         error: n ?? void 0,
@@ -901,12 +901,12 @@ function oe(r) {
 function xt(r) {
   throw r;
 }
-var It = {
+var At = {
   closed: !0,
   next: Ne,
   error: xt,
   complete: Ne
-}, At = function() {
+}, It = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
 function Ze(r) {
@@ -957,7 +957,7 @@ var Ue = function() {
   }, r.prototype._subscribe = function(e) {
     var t;
     return (t = this.source) === null || t === void 0 ? void 0 : t.subscribe(e);
-  }, r.prototype[At] = function() {
+  }, r.prototype[It] = function() {
     return this;
   }, r.prototype.pipe = function() {
     for (var e = [], t = 0; t < arguments.length; t++)
@@ -984,13 +984,13 @@ function De(r) {
   return (e = r ?? Qe.Promise) !== null && e !== void 0 ? e : Promise;
 }
 function Nt(r) {
-  return r && Y(r.next) && Y(r.error) && Y(r.complete);
+  return r && X(r.next) && X(r.error) && X(r.complete);
 }
 function Ut(r) {
   return r && r instanceof xe || Nt(r) && Je(r);
 }
 function Dt(r) {
-  return Y(r == null ? void 0 : r.lift);
+  return X(r == null ? void 0 : r.lift);
 }
 function Lt(r) {
   return function(e) {
@@ -1047,7 +1047,7 @@ var qt = function(r) {
   return function() {
     r(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
-}), Ie = function(r) {
+}), Ae = function(r) {
   te(e, r);
   function e() {
     var t = r.call(this) || this;
@@ -1145,7 +1145,7 @@ var qt = function(r) {
     var n, i;
     return (i = (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(t)) !== null && i !== void 0 ? i : Ce;
   }, e;
-}(Ie), Fe = function(r) {
+}(Ae), Fe = function(r) {
   te(e, r);
   function e(t) {
     var n = r.call(this) || this;
@@ -1168,7 +1168,7 @@ var qt = function(r) {
   }, e.prototype.next = function(t) {
     r.prototype.next.call(this, this._value = t);
   }, e;
-}(Ie);
+}(Ae);
 function Xt(r, e) {
   return e === void 0 && (e = Ze), r = r ?? Gt, Lt(function(t, n) {
     var i, l = !0;
@@ -1182,7 +1182,7 @@ function Gt(r, e) {
   return r === e;
 }
 var R = /* @__PURE__ */ ((r) => (r.hex = "hex", r.hexa = "hexa", r.rgba = "rgba", r.rgb = "rgb", r.hsla = "hsla", r.hsl = "hsl", r.cmyk = "cmyk", r))(R || {});
-class Ae {
+class Ie {
   constructor(e) {
     /** 所选颜色值 */
     s(this, "modelValue", null);
@@ -1190,7 +1190,7 @@ class Ae {
     s(this, "hueValue", null);
     /** 初始颜色值 */
     s(this, "initValue", null);
-    s(this, "valueChanged", new Ie());
+    s(this, "valueChanged", new Ae());
     s(this, "presetsVisibilityChanges", new Fe(!0));
     s(this, "initType", null);
     s(this, "alphaChannelVisibilityChanges", new Fe(!0));
@@ -1271,7 +1271,7 @@ class Ae {
   }
 }
 /** 确定输入颜色类型 */
-s(Ae, "finOutInputType");
+s(Ie, "finOutInputType");
 function j(r, e) {
   switch (e) {
     case R.hex:
@@ -1324,8 +1324,8 @@ const Wt = {
       c(v, $);
       const E = r.color == null ? "transparent" : r.color, M = P.from(E);
       if (g(), M != null) {
-        const x = r.hue.getHsva(), N = M.getHsva(), A = new P().setHsva(x.hue, v, $, N.alpha);
-        e.emit("update:color", A);
+        const A = r.hue.getHsva(), N = M.getHsva(), I = new P().setHsva(A.hue, v, $, N.alpha);
+        e.emit("update:color", I);
       }
       !M && l.value && e.emit("update:color", null);
     }
@@ -1339,10 +1339,10 @@ const Wt = {
         } = n.value.getBoundingClientRect(), {
           pageX: $,
           pageY: E
-        } = "touches" in d ? d.touches[0] : d, M = Math.max(0, Math.min($ - (v + window.pageXOffset), f)), x = Math.max(0, Math.min(E - (y + window.pageYOffset), b));
+        } = "touches" in d ? d.touches[0] : d, M = Math.max(0, Math.min($ - (v + window.pageXOffset), f)), A = Math.max(0, Math.min(E - (y + window.pageYOffset), b));
         h({
           x: M,
-          y: x,
+          y: A,
           height: b,
           width: f
         });
@@ -1351,9 +1351,9 @@ const Wt = {
     return T(() => {
       const d = r.color.getHsva();
       c(d.saturation, d.value);
-    }), F(() => r.color, (d) => {
+    }), q(() => r.color, (d) => {
       d.getHsva();
-    }), F(() => r.color, (d) => {
+    }), q(() => r.color, (d) => {
       const f = d.getHsva();
       c(f.saturation, f.value);
     }), () => k("div", {
@@ -1396,11 +1396,11 @@ const Wt = {
           top: E,
           left: M
         } = u.value.getBoundingClientRect(), {
-          pageX: x,
+          pageX: A,
           pageY: N
-        } = "touches" in y ? y.touches[0] : y, A = Math.max(0, Math.min(x - (M + window.pageXOffset), v)), H = Math.max(0, Math.min(N - (E + window.pageYOffset), $));
+        } = "touches" in y ? y.touches[0] : y, I = Math.max(0, Math.min(A - (M + window.pageXOffset), v)), H = Math.max(0, Math.min(N - (E + window.pageYOffset), $));
         b({
-          x: A,
+          x: I,
           y: H,
           height: $,
           width: v
@@ -1437,13 +1437,13 @@ const Wt = {
     }) {
       const M = v / $ * 360;
       f(M);
-      const x = r.color.getHsva(), N = new P().setHsva(M, x.saturation, x.value, x.alpha), A = new P().setHsva(M, 100, 100, x.alpha);
-      (r.color != null || r.color == null && n.value) && (e.emit("update:hue", A), e.emit("update:color", N));
+      const A = r.color.getHsva(), N = new P().setHsva(M, A.saturation, A.value, A.alpha), I = new P().setHsva(M, 100, 100, A.alpha);
+      (r.color != null || r.color == null && n.value) && (e.emit("update:hue", I), e.emit("update:color", N));
     }
-    return F(t, (y) => {
+    return q(t, (y) => {
       const v = y.getHsva();
       f(v.hue);
-    }), F(() => r.color, (y) => {
+    }), q(() => r.color, (y) => {
       const v = y.getHsva();
       f(v.hue);
     }), () => k("div", {
@@ -1509,7 +1509,7 @@ const Wt = {
     return T(() => {
       const p = r.color.getHsva();
       u(p.alpha);
-    }), F(() => r.color, (p) => {
+    }), q(() => r.color, (p) => {
       const d = p.getHsva();
       u(d.alpha);
     }), () => k("div", {
@@ -1577,19 +1577,19 @@ const Wt = {
   emits: ["valueChanged", "activeChange", "update:color", "update:hue"],
   setup(r, e) {
     const t = S(new P(r.color)), n = S(r.color), i = S(r.disabled), l = S(r.color), u = S(r.allowColorNull), c = S(r.presets), g = S(!1), h = S(!1), p = S(!1), d = S("HEX"), f = Math.floor(Math.random() * 1e3).toString();
-    let b = -1, y, v = new Ae("#000000");
+    let b = -1, y, v = new Ie("#000000");
     const $ = S(r.color);
     let E, M;
-    const x = S(null), N = S(null), A = S(null);
+    const A = S(null), N = S(null), I = S(null);
     let H = U(() => !y && v && v.initType ? v.initType : y);
     const O = U({
       get() {
         return y && n.value !== null ? (re(y), j(new P(n.value), R[y])) : n.value;
       },
       set(w) {
-        w !== null && (q(w), Q(w));
+        w !== null && (Y(w), Q(w));
       }
-    }), V = S(O.value), I = U(() => b > -1), X = U(() => c.value.length > 0), G = U(() => ({
+    }), x = S(O.value), V = U(() => b > -1), D = U(() => c.value.length > 0), G = U(() => ({
       "background-color": l.value
     })), C = U(() => h.value && g.value ? "display:flex" : "display:none"), J = [{
       text: "HEX",
@@ -1614,10 +1614,10 @@ const Wt = {
       }
     }
     function de() {
-      n.value && (q(n.value), !n.value && u.value || (n.value = j(new P(n.value), R[H.value])), V.value = O.value), ne(re(v.initType));
+      n.value && (Y(n.value), !n.value && u.value || (n.value = j(new P(n.value), R[H.value])), x.value = O.value), ne(re(v.initType));
     }
     function ae() {
-      n.value && q(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = j(new P(n.value), R[H.value]) : !n.value && u.value && (l.value = null);
+      n.value && Y(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = j(new P(n.value), R[H.value]) : !n.value && u.value && (l.value = null);
     }
     function fe() {
       v.valueChanges.subscribe((w) => {
@@ -1636,12 +1636,12 @@ const Wt = {
       v.setColorPresets(c.value || ["#eaecf3"]);
     }), T(() => {
       pe(), z(), de(), ae();
-    }), F(d, () => {
+    }), q(d, () => {
       fe(), O.value = j(new P(n.value), R[y || v.initType]), t.value = new P(O.value), ve();
-    }), F(n, (w) => {
-      j(v.value, v.initType) !== w && w !== null && q(w), ne(re(v.initType));
-    }), F(t, (w) => {
-      n.value = j(w, R[y || v.initType]), q(n.value), O.value = n.value;
+    }), q(n, (w) => {
+      j(v.value, v.initType) !== w && w !== null && Y(w), ne(re(v.initType));
+    }), q(t, (w) => {
+      n.value = j(w, R[y || v.initType]), Y(n.value), O.value = n.value;
     });
     function Q(w) {
       const m = document.getElementById(`farris-color-picker-plus-input-${f}`);
@@ -1651,29 +1651,29 @@ const Wt = {
       var m, B;
       if (w == null || w.stopPropagation(), u.value) {
         l.value = (n == null ? void 0 : n.value) ?? null;
-        const L = {
+        const F = {
           elementValue: l
         };
-        e.emit("valueChanged", L), D();
+        e.emit("valueChanged", F), L();
       }
       if (!u.value && !(O.value == null || O.value == null || O.value == "")) {
-        (B = (m = x.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
-        const L = {
+        (B = (m = A.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
+        const F = {
           elementValue: l
         };
-        e.emit("valueChanged", L), D();
+        e.emit("valueChanged", F), L();
       }
-      !$.value && !n.value && !p.value && u && D(), Q(n.value), O.value = n.value, M.classList.contains("disabled") || (V.value = n.value, g.value = !1);
+      !$.value && !n.value && !p.value && u && L(), Q(n.value), O.value = n.value, M.classList.contains("disabled") || (x.value = n.value, g.value = !1);
     }
-    function q(w) {
+    function Y(w) {
       v == null || v.setValueFrom(w, f, u.value);
     }
     function ye(w) {
       E = document.getElementById(`farris-color-picker-panel-${f}`);
       const m = E.className == "color-picker-panel";
-      i.value || m || (g.value = !0, E.classList.toggle("disabled"), z(), q(n.value), w.stopPropagation());
+      i.value || m || (g.value = !0, E.classList.toggle("disabled"), z(), Y(n.value), w.stopPropagation());
     }
-    function D() {
+    function L() {
       E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
     }
     function re(w) {
@@ -1683,7 +1683,7 @@ const Wt = {
     function Z(w) {
       if (!M.classList.contains("disabled")) {
         const m = J.length;
-        b = (m + b + (w === "up" ? 1 : -1)) % m, y = J[b].type, ne(b), q(n.value);
+        b = (m + b + (w === "up" ? 1 : -1)) % m, y = J[b].type, ne(b), Y(n.value);
       }
     }
     return () => k("div", {
@@ -1694,7 +1694,7 @@ const Wt = {
         disabled: i.value
       }],
       id: "farris-color-picker-panel",
-      ref: A,
+      ref: I,
       onClick: (w) => w.stopPropagation(),
       style: "top:30px"
     }, [k("div", {
@@ -1723,7 +1723,7 @@ const Wt = {
       style: "display:flex;align-items: center;"
     }, [W(k("span", {
       style: "width:40px;margin-right:10px;"
-    }, [d.value]), [[K, X]]), W(k("input", {
+    }, [d.value]), [[K, D]]), W(k("input", {
       type: "text",
       title: "color-picker-plus",
       id: "farris-color-picker-plus-input",
@@ -1738,7 +1738,7 @@ const Wt = {
     }, null), k("span", {
       class: "f-icon f-icon-arrow-60-down type-icon-btn",
       onClick: () => Z("down")
-    }, null)]), [[K, X]]), k("div", {
+    }, null)]), [[K, D]]), k("div", {
       class: "input-btn"
     }, [k("button", {
       id: "farris-color-picker-plus-sure",
@@ -1751,13 +1751,13 @@ const Wt = {
       "onUpdate:hue": (w) => v.hue = w,
       randomId: f,
       colorPresets: v.presets
-    }, null), [[K, I]])]), k("div", {
+    }, null), [[K, V]])]), k("div", {
       class: "color-picker-wrapper"
     }, [k("input", {
       title: "color-picker-input",
       type: "text",
       class: "color-picker-input form-control",
-      value: V.value,
+      value: x.value,
       readonly: i.value,
       onClick: (w) => w.stopPropagation()
     }, null), k("div", {
@@ -1771,7 +1771,7 @@ const Wt = {
   }
 });
 function Qt(r, e, t) {
-  var A;
+  var I;
   function n() {
   }
   const i = "", l = "", u = S();
@@ -1792,12 +1792,12 @@ function Qt(r, e, t) {
       return null;
     if (H.value.schema && H.value.schema.type === "component")
       return H.value;
-    const O = S(H == null ? void 0 : H.value.parent), V = d(O);
-    return V || null;
+    const O = S(H == null ? void 0 : H.value.parent), x = d(O);
+    return x || null;
   }
   function f(H = e) {
-    const { componentInstance: O, designerItemElementRef: V } = H;
-    return !O || !O.value ? null : O.value.canMove ? V : f(H.parent);
+    const { componentInstance: O, designerItemElementRef: x } = H;
+    return !O || !O.value ? null : O.value.canMove ? x : f(H.parent);
   }
   function b(H) {
     return !!t;
@@ -1809,20 +1809,20 @@ function Qt(r, e, t) {
   }
   function $(H, O) {
   }
-  function E(H) {
-    const { componentType: O } = H;
-    let V = ke(O, H);
-    const I = O.toLowerCase().replace("-", "_");
-    return V && !V.id && V.type === O && (V.id = `${I}_${Math.random().toString().slice(2, 6)}`), V;
+  function E(H, O) {
+    const { componentType: x } = H;
+    let V = ke(x, H, O);
+    const D = x.toLowerCase().replace("-", "_");
+    return V && !V.id && V.type === x && (V.id = `${D}_${Math.random().toString().slice(2, 6)}`), V;
   }
   function M(H, O) {
-    const V = String(H.getAttribute("data-controltype")), I = H.getAttribute("data-feature"), X = I ? JSON.parse(I) : {};
-    X.parentComponentInstance = u.value;
-    let G = ke(V, X);
-    const C = V.toLowerCase().replace("-", "_");
-    return G && !G.id && G.type === V && (G.id = `${C}_${Math.random().toString().slice(2, 6)}`), G;
+    const x = String(H.getAttribute("data-controltype")), V = H.getAttribute("data-feature"), D = V ? JSON.parse(V) : {};
+    D.parentComponentInstance = u.value;
+    let G = ke(x, D);
+    const C = x.toLowerCase().replace("-", "_");
+    return G && !G.id && G.type === x && (G.id = `${C}_${Math.random().toString().slice(2, 6)}`), G;
   }
-  function x(H) {
+  function A(H) {
   }
   function N(...H) {
   }
@@ -1833,7 +1833,7 @@ function Qt(r, e, t) {
     canNested: !p(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: r,
-    parent: (A = e == null ? void 0 : e.parent) == null ? void 0 : A.componentInstance,
+    parent: (I = e == null ? void 0 : e.parent) == null ? void 0 : I.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: i,
     designerClass: l,
@@ -1845,7 +1845,7 @@ function Qt(r, e, t) {
     getDragScopeElement: v,
     onAcceptMovedChildElement: $,
     onAcceptNewChildElement: M,
-    onChildElementMovedOut: x,
+    onChildElementMovedOut: A,
     addNewChildComponentSchema: E,
     updateDragAndDropRules: n,
     triggerBelongedComponentToMoveWhenMoved: S(!1),
@@ -1858,22 +1858,22 @@ const Zt = /* @__PURE__ */ ee({
   emits: ["valueChanged", "activeChange", "update:color", "update:hue"],
   setup(r, e) {
     const t = S(new P(r.color)), n = S(r.color), i = S(r.disabled), l = S(r.color), u = S(r.allowColorNull), c = S(r.presets), g = S(!1), h = S(!1), p = S(!1), d = S("HEX"), f = Math.floor(Math.random() * 1e3).toString();
-    let b = -1, y, v = new Ae("#000000");
+    let b = -1, y, v = new Ie("#000000");
     const $ = S(r.color);
     let E, M;
-    const x = S(null), N = S(null), A = S(), H = rt("design-item-context"), O = Qt(A, H);
+    const A = S(null), N = S(null), I = S(), H = rt("design-item-context"), O = Qt(I, H);
     T(() => {
-      A.value.componentInstance = O;
+      I.value.componentInstance = O;
     }), e.expose(O.value);
-    let V = U(() => !y && v && v.initType ? v.initType : y);
-    const I = U({
+    let x = U(() => !y && v && v.initType ? v.initType : y);
+    const V = U({
       get() {
         return y && n.value !== null ? (Z(y), j(new P(n.value), R[y])) : n.value;
       },
       set(m) {
-        m !== null && (D(m), q(m));
+        m !== null && (L(m), Y(m));
       }
-    }), X = S(I.value), G = U(() => b > -1), C = U(() => c.value.length > 0), J = U(() => ({
+    }), D = S(V.value), G = U(() => b > -1), C = U(() => c.value.length > 0), J = U(() => ({
       "background-color": l.value
     })), pe = U(() => h.value && g.value ? "display:flex" : "display:none"), z = [{
       text: "HEX",
@@ -1887,8 +1887,8 @@ const Zt = /* @__PURE__ */ ee({
       m.id = `farris-color-picker-panel-${f}`;
       const B = document.getElementById("farris-color-picker-plus-sure");
       B.id = `farris-color-picker-plus-sure-${f}`;
-      const L = document.getElementById("farris-color-picker-plus-input");
-      L.id = `farris-color-picker-plus-input-${f}`, M = document.getElementById(`farris-color-picker-plus-sure-${f}`), E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
+      const F = document.getElementById("farris-color-picker-plus-input");
+      F.id = `farris-color-picker-plus-input-${f}`, M = document.getElementById(`farris-color-picker-plus-sure-${f}`), E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
     }
     function ae() {
       if (!u.value && !n.value) {
@@ -1898,10 +1898,10 @@ const Zt = /* @__PURE__ */ ee({
       }
     }
     function fe() {
-      n.value && (D(n.value), !n.value && u.value || (n.value = j(new P(n.value), R[V.value])), X.value = I.value), Q(Z(v.initType));
+      n.value && (L(n.value), !n.value && u.value || (n.value = j(new P(n.value), R[x.value])), D.value = V.value), Q(Z(v.initType));
     }
     function ne() {
-      n.value && D(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = j(new P(n.value), R[V.value]) : !n.value && u.value && (l.value = null);
+      n.value && L(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = j(new P(n.value), R[x.value]) : !n.value && u.value && (l.value = null);
     }
     function ve() {
       v.valueChanges.subscribe((m) => {
@@ -1920,14 +1920,14 @@ const Zt = /* @__PURE__ */ ee({
       v.setColorPresets(c.value || ["#eaecf3"]);
     }), T(() => {
       de(), ae(), fe(), ne();
-    }), F(d, () => {
-      ve(), I.value = j(new P(n.value), R[y || v.initType]), t.value = new P(I.value), ge();
-    }), F(n, (m) => {
-      j(v.value, v.initType) !== m && m !== null && D(m), Q(Z(v.initType));
-    }), F(t, (m) => {
-      n.value = j(m, R[y || v.initType]), D(n.value), I.value = n.value;
+    }), q(d, () => {
+      ve(), V.value = j(new P(n.value), R[y || v.initType]), t.value = new P(V.value), ge();
+    }), q(n, (m) => {
+      j(v.value, v.initType) !== m && m !== null && L(m), Q(Z(v.initType));
+    }), q(t, (m) => {
+      n.value = j(m, R[y || v.initType]), L(n.value), V.value = n.value;
     });
-    function q(m) {
+    function Y(m) {
       const B = document.getElementById(`farris-color-picker-plus-input-${f}`);
       (m == "" || m == null || m == null) && !u.value ? (n.value = null, B.style.borderColor = "red", M.className = "btn btn-secondary disabled") : (B.style.borderColor = "#dcdfe6", M.className = "btn btn-secondary");
     }
@@ -1935,39 +1935,39 @@ const Zt = /* @__PURE__ */ ee({
       var m, B;
       if (u.value) {
         l.value = (n == null ? void 0 : n.value) ?? null;
-        const L = {
+        const F = {
           elementValue: l
         };
-        e.emit("valueChanged", L), E.classList.toggle("disabled");
+        e.emit("valueChanged", F), E.classList.toggle("disabled");
       }
-      if (!u.value && !(I.value == null || I.value == null || I.value == "")) {
-        (B = (m = x.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
-        const L = {
+      if (!u.value && !(V.value == null || V.value == null || V.value == "")) {
+        (B = (m = A.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
+        const F = {
           elementValue: l
         };
-        e.emit("valueChanged", L), E.classList.toggle("disabled");
+        e.emit("valueChanged", F), E.classList.toggle("disabled");
       }
-      !$.value && !n.value && !p.value && u && E.classList.toggle("disabled"), q(n.value), I.value = n.value, M.classList.contains("disabled") || (X.value = n.value, g.value = !1);
+      !$.value && !n.value && !p.value && u && E.classList.toggle("disabled"), Y(n.value), V.value = n.value, M.classList.contains("disabled") || (D.value = n.value, g.value = !1);
     }
-    function D(m) {
+    function L(m) {
       v == null || v.setValueFrom(m, f, u.value);
     }
     function re(m) {
-      i.value || (g.value = !0, E.classList.toggle("disabled"), ae(), D(n.value));
+      i.value || (g.value = !0, E.classList.toggle("disabled"), ae(), L(n.value));
     }
     function Z(m) {
-      const B = z.findIndex((L) => L.type === m);
+      const B = z.findIndex((F) => F.type === m);
       return b = B, B;
     }
     function w(m) {
       if (!M.classList.contains("disabled")) {
         const B = z.length;
-        b = (B + b + (m === "up" ? 1 : -1)) % B, y = z[b].type, Q(b), D(n.value);
+        b = (B + b + (m === "up" ? 1 : -1)) % B, y = z[b].type, Q(b), L(n.value);
       }
     }
     return () => k("div", {
       class: "f-color-picker-component",
-      ref: A
+      ref: I
     }, [k("div", {
       class: ["color-picker-panel", {
         disabled: i.value
@@ -2005,9 +2005,9 @@ const Zt = /* @__PURE__ */ ee({
     }, [d.value]), [[K, C]]), W(k("input", {
       type: "text",
       id: "farris-color-picker-plus-input",
-      "onUpdate:modelValue": (m) => I.value = m,
+      "onUpdate:modelValue": (m) => V.value = m,
       style: "float:none"
-    }, null), [[Ye, I.value]]), W(k("div", {
+    }, null), [[Ye, V.value]]), W(k("div", {
       class: "type-icon-btn-wrapper",
       style: "cursor:pointer"
     }, [k("span", {
@@ -2034,7 +2034,7 @@ const Zt = /* @__PURE__ */ ee({
     }, [k("input", {
       type: "text",
       class: "color-picker-input form-control",
-      value: X.value,
+      value: D.value,
       readonly: i.value,
       onClick: (m) => m.stopPropagation()
     }, null), k("div", {