@farris/ui-vue 1.3.1 → 1.3.3

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

@@ -2,11 +2,16 @@ var nt = Object.defineProperty;
 var rt = (r, e, t) => e in r ? nt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var s = (r, e, t) => rt(r, typeof e != "symbol" ? e + "" : e, t);
 import { defineComponent as T, ref as S, onMounted as C, watch as F, createVNode as k, withModifiers as K, createTextVNode as Be, computed as U, onBeforeMount as qe, withDirectives as X, vShow as Z, vModelText as Ye, inject as it } from "vue";
-import { isPlainObject as Ae, cloneDeep as st } from "lodash-es";
+import { isPlainObject as Ie, cloneDeep as st } from "lodash-es";
+import { withInstall as at } from "../common/index.esm.js";
 const Xe = {}, Ge = {};
 function Re(r) {
-  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 ? Re(e[c]) : st(e[c].default)), u), {});
-  return t && (!i || !n.find((u) => u == "id")) && (l.id = `${t}-${Date.now()}`), l;
+  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 ? Re(e[c]) : st(e[c].default)), u), {});
+  if (t && (!i || !n.find((u) => u === "id"))) {
+    const u = t.toLowerCase().replace(/-/g, "_");
+    l.id = `${u}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return l;
 }
 function We(r, e = {}, t) {
   const n = Xe[r];
@@ -17,11 +22,11 @@ function We(r, e = {}, t) {
   }
   return null;
 }
-function at(r, e) {
+function ot(r, e) {
   const t = Re(e);
-  return Object.keys(r).reduce((n, i) => (n[i] && Ae(n[i]) && Ae(r[i]) ? Object.assign(n[i], r[i]) : n[i] = r[i], n), t), t;
+  return Object.keys(t).reduce((n, i) => (n[i] && Ie(n[i]) && Ie(r[i] || !r[i]) ? Object.assign(n[i], r[i] || {}) : n[i] = r[i], n), t), t;
 }
-function ot(r, e) {
+function ut(r, e) {
   return Object.keys(r).filter((n) => r[n] != null).reduce((n, i) => {
     if (e.has(i)) {
       const l = e.get(i);
@@ -36,27 +41,27 @@ function ot(r, e) {
     return n;
   }, {});
 }
-function ut(r, e, t = /* @__PURE__ */ new Map()) {
-  const n = at(r, e);
-  return ot(n, t);
+function lt(r, e, t = /* @__PURE__ */ new Map()) {
+  const n = ot(r, e);
+  return ut(n, t);
 }
-function lt(r = {}) {
-  function e(h, p, d, f) {
-    if (typeof d == "number")
-      return f[h].length === d;
-    if (typeof d == "object") {
-      const b = Object.keys(d)[0], y = d[b];
+function ct(r = {}) {
+  function e(h, p, f, d) {
+    if (typeof f == "number")
+      return d[h].length === f;
+    if (typeof f == "object") {
+      const b = Object.keys(f)[0], y = f[b];
       if (b === "not")
-        return Number(f[h].length) !== Number(y);
+        return Number(d[h].length) !== Number(y);
       if (b === "moreThan")
-        return Number(f[h].length) >= Number(y);
+        return Number(d[h].length) >= Number(y);
       if (b === "lessThan")
-        return Number(f[h].length) <= Number(y);
+        return Number(d[h].length) <= Number(y);
     }
     return !1;
   }
-  function t(h, p, d, f) {
-    return f[h] && f[h].propertyValue && String(f[h].propertyValue.value) === String(d);
+  function t(h, p, f, d) {
+    return d[h] && d[h].propertyValue && String(d[h].propertyValue.value) === String(f);
   }
   const n = /* @__PURE__ */ new Map([
     ["length", e],
@@ -64,24 +69,24 @@ function lt(r = {}) {
   ]);
   Object.keys(r).reduce((h, p) => (h.set(p, r[p]), h), n);
   function i(h, p) {
-    const d = h;
-    return typeof p == "number" ? [{ target: d, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: d, operator: "getProperty", param: h, value: !!p }] : typeof p == "object" ? Object.keys(p).map((f) => {
-      if (f === "length")
-        return { target: d, operator: "length", param: null, value: p[f] };
-      const b = f, y = p[f];
-      return { target: d, operator: "getProperty", param: b, value: y };
+    const f = h;
+    return typeof p == "number" ? [{ target: f, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: f, operator: "getProperty", param: h, value: !!p }] : typeof p == "object" ? Object.keys(p).map((d) => {
+      if (d === "length")
+        return { target: f, operator: "length", param: null, value: p[d] };
+      const b = d, y = p[d];
+      return { target: f, operator: "getProperty", param: b, value: y };
     }) : [];
   }
   function l(h) {
-    return Object.keys(h).reduce((d, f) => {
-      const b = i(f, h[f]);
-      return d.push(...b), d;
+    return Object.keys(h).reduce((f, d) => {
+      const b = i(d, h[d]);
+      return f.push(...b), f;
     }, []);
   }
   function u(h, p) {
     if (n.has(h.operator)) {
-      const d = n.get(h.operator);
-      return d && d(h.target, h.param, h.value, p) || !1;
+      const f = n.get(h.operator);
+      return f && f(h.target, h.param, h.value, p) || !1;
     }
     return !1;
   }
@@ -89,20 +94,20 @@ function lt(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((V) => c(V, p));
-    return f ? !E.includes(!1) : E.includes(!0);
+    const f = Object.keys(h), d = f.includes("allOf"), b = f.includes("anyOf"), y = d || b, M = (y ? h[y ? d ? "allOf" : "anyOf" : "allOf"] : [h]).map((j) => c(j, p));
+    return d ? !M.includes(!1) : M.includes(!0);
   }
   return { parseValueSchema: g };
 }
-const ct = {}, ht = {};
-lt();
-function pt(r, e, t = /* @__PURE__ */ new Map(), n = (u, c, g) => c, i = {}, l = (u) => u) {
-  return Xe[e.title] = e, Ge[e.title] = n, ct[e.title] = i, ht[e.title] = l, (u = {}) => {
-    const c = ut(u, e, t), g = Object.keys(r).reduce((h, p) => (h[p] = r[p].default, h), {});
+const ht = {}, pt = {};
+ct();
+function ft(r, e, t = /* @__PURE__ */ new Map(), n = (u, c, g, h) => c, i = {}, l = (u) => u) {
+  return Xe[e.title] = e, Ge[e.title] = n, ht[e.title] = i, pt[e.title] = l, (u = {}) => {
+    const c = lt(u, e, t), g = Object.keys(r).reduce((h, p) => (h[p] = r[p].default, h), {});
     return Object.assign(g, c);
   };
 }
-const dt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-design.gitee.io/color-picker.schema.json", vt = "color-picker", gt = "A Farris Component", yt = "object", mt = {
+const dt = "https://json-schema.org/draft/2020-12/schema", vt = "https://farris-design.gitee.io/color-picker.schema.json", gt = "color-picker", yt = "A Farris Component", mt = "object", wt = {
   id: {
     description: "The unique identifier for color picker",
     type: "string"
@@ -164,27 +169,27 @@ const dt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-
     type: "boolean",
     default: !0
   }
-}, wt = [
+}, bt = [
   "id",
   "type"
-], bt = {
+], kt = {
   $schema: dt,
-  $id: ft,
-  title: vt,
-  description: gt,
-  type: yt,
-  properties: mt,
-  required: wt
+  $id: vt,
+  title: gt,
+  description: yt,
+  type: mt,
+  properties: wt,
+  required: bt
 };
-function kt(r, e, t) {
+function St(r, e, t) {
   return e;
 }
-function St(r, e) {
+function Pt(r, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Pt = /* @__PURE__ */ new Map([
-  ["appearance", St]
-]), Et = "color-picker", Mt = "A Farris Component", Ht = "object", Ot = {
+const Et = /* @__PURE__ */ new Map([
+  ["appearance", Pt]
+]), Mt = "color-picker", Ht = "A Farris Component", Ot = "object", Bt = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -206,11 +211,11 @@ const Pt = /* @__PURE__ */ new Map([
       }
     }
   }
-}, Bt = {
-  title: Et,
-  description: Mt,
-  type: Ht,
-  categories: Ot
+}, Rt = {
+  title: Mt,
+  description: Ht,
+  type: Ot,
+  categories: Bt
 }, $e = {
   /** 初始颜色 */
   color: { type: String, default: "#e1e2e3" },
@@ -223,7 +228,7 @@ const Pt = /* @__PURE__ */ new Map([
   /** 颜色值变化事件 */
   onValueChanged: { type: Function, default: () => {
   } }
-}, ze = pt($e, bt, Pt, kt, Bt);
+}, ze = ft($e, kt, Et, St, Rt);
 class le {
 }
 class me extends le {
@@ -310,7 +315,7 @@ const a = class a {
 };
 s(a, "transparent", new o(0, 0, 0, 0)), s(a, "aliceblue", new o(240, 248, 255, 1)), s(a, "antiquewhite", new o(250, 235, 215, 1)), s(a, "aqua", new o(0, 255, 255, 1)), s(a, "aquamarine", new o(127, 255, 212, 1)), s(a, "azure", new o(240, 255, 255, 1)), s(a, "beige", new o(245, 245, 220, 1)), s(a, "bisque", new o(255, 228, 196, 1)), s(a, "black", new o(0, 0, 0, 1)), s(a, "blanchedalmond", new o(255, 235, 205, 1)), s(a, "blue", new o(0, 0, 255, 1)), s(a, "blueviolet", new o(138, 43, 226, 1)), s(a, "brown", new o(165, 42, 42, 1)), s(a, "burlywood", new o(222, 184, 135, 1)), s(a, "cadetblue", new o(95, 158, 160, 1)), s(a, "chartreuse", new o(127, 255, 0, 1)), s(a, "chocolate", new o(210, 105, 30, 1)), s(a, "coral", new o(255, 127, 80, 1)), s(a, "cornflowerblue", new o(100, 149, 237, 1)), s(a, "cornsilk", new o(255, 248, 220, 1)), s(a, "crimson", new o(220, 20, 60, 1)), s(a, "cyan", new o(0, 255, 255, 1)), s(a, "darkblue", new o(0, 0, 139, 1)), s(a, "darkcyan", new o(0, 139, 139, 1)), s(a, "darkgoldenrod", new o(184, 134, 11, 1)), s(a, "darkgray", new o(169, 169, 169, 1)), s(a, "darkgreen", new o(0, 100, 0, 1)), s(a, "darkgrey", a.darkgray), s(a, "darkkhaki", new o(189, 183, 107, 1)), s(a, "darkmagenta", new o(139, 0, 139, 1)), s(a, "darkolivegreen", new o(85, 107, 47, 1)), s(a, "darkorange", new o(255, 140, 0, 1)), s(a, "darkorchid", new o(153, 50, 204, 1)), s(a, "darkred", new o(139, 0, 0, 1)), s(a, "darksalmon", new o(233, 150, 122, 1)), s(a, "darkseagreen", new o(143, 188, 143, 1)), s(a, "darkslateblue", new o(72, 61, 139, 1)), s(a, "darkslategray", new o(47, 79, 79, 1)), s(a, "darkslategrey", a.darkslategray), s(a, "darkturquoise", new o(0, 206, 209, 1)), s(a, "darkviolet", new o(148, 0, 211, 1)), s(a, "deeppink", new o(255, 20, 147, 1)), s(a, "deepskyblue", new o(0, 191, 255, 1)), s(a, "dimgray", new o(105, 105, 105, 1)), s(a, "dimgrey", a.dimgray), s(a, "dodgerblue", new o(30, 144, 255, 1)), s(a, "firebrick", new o(178, 34, 34, 1)), s(a, "floralwhite", new o(255, 250, 240, 1)), s(a, "forestgreen", new o(34, 139, 34, 1)), s(a, "fuchsia", new o(255, 0, 255, 1)), s(a, "gainsboro", new o(220, 220, 220, 1)), s(a, "ghostwhite", new o(248, 248, 255, 1)), s(a, "gold", new o(255, 215, 0, 1)), s(a, "goldenrod", new o(218, 165, 32, 1)), s(a, "gray", new o(128, 128, 128, 1)), s(a, "grey", a.gray), s(a, "green", new o(0, 128, 0, 1)), s(a, "greenyellow", new o(173, 255, 47, 1)), s(a, "honeydew", new o(240, 255, 240, 1)), s(a, "hotpink", new o(255, 105, 180, 1)), s(a, "indianred", new o(205, 92, 92, 1)), s(a, "indigo", new o(75, 0, 130, 1)), s(a, "ivory", new o(255, 255, 240, 1)), s(a, "khaki", new o(240, 230, 140, 1)), s(a, "lavender", new o(230, 230, 250, 1)), s(a, "lavenderblush", new o(255, 240, 245, 1)), s(a, "lawngreen", new o(124, 252, 0, 1)), s(a, "lemonchiffon", new o(255, 250, 205, 1)), s(a, "lightblue", new o(173, 216, 230, 1)), s(a, "lightcoral", new o(240, 128, 128, 1)), s(a, "lightcyan", new o(224, 255, 255, 1)), s(a, "lightgoldenrodyellow", new o(250, 250, 210, 1)), s(a, "lightgray", new o(211, 211, 211, 1)), s(a, "lightgreen", new o(144, 238, 144, 1)), s(a, "lightgrey", a.lightgray), s(a, "lightpink", new o(255, 182, 193, 1)), s(a, "lightsalmon", new o(255, 160, 122, 1)), s(a, "lightseagreen", new o(32, 178, 170, 1)), s(a, "lightskyblue", new o(135, 206, 250, 1)), s(a, "lightslategray", new o(119, 136, 153, 1)), s(a, "lightslategrey", a.lightslategray), s(a, "lightsteelblue", new o(176, 196, 222, 1)), s(a, "lightyellow", new o(255, 255, 224, 1)), s(a, "lime", new o(0, 255, 0, 1)), s(a, "limegreen", new o(50, 205, 50, 1)), s(a, "linen", new o(250, 240, 230, 1)), s(a, "magenta", new o(255, 0, 255, 1)), s(a, "maroon", new o(128, 0, 0, 1)), s(a, "mediumaquamarine", new o(102, 205, 170, 1)), s(a, "mediumblue", new o(0, 0, 205, 1)), s(a, "mediumorchid", new o(186, 85, 211, 1)), s(a, "mediumpurple", new o(147, 112, 219, 1)), s(a, "mediumseagreen", new o(60, 179, 113, 1)), s(a, "mediumslateblue", new o(123, 104, 238, 1)), s(a, "mediumspringgreen", new o(0, 250, 154, 1)), s(a, "mediumturquoise", new o(72, 209, 204, 1)), s(a, "mediumvioletred", new o(199, 21, 133, 1)), s(a, "midnightblue", new o(25, 25, 112, 1)), s(a, "mintcream", new o(245, 255, 250, 1)), s(a, "mistyrose", new o(255, 228, 225, 1)), s(a, "moccasin", new o(255, 228, 181, 1)), s(a, "navajowhite", new o(255, 222, 173, 1)), s(a, "navy", new o(0, 0, 128, 1)), s(a, "oldlace", new o(253, 245, 230, 1)), s(a, "olive", new o(128, 128, 0, 1)), s(a, "olivedrab", new o(107, 142, 35, 1)), s(a, "orange", new o(255, 165, 0, 1)), s(a, "orangered", new o(255, 69, 0, 1)), s(a, "orchid", new o(218, 112, 214, 1)), s(a, "palegoldenrod", new o(238, 232, 170, 1)), s(a, "palegreen", new o(152, 251, 152, 1)), s(a, "paleturquoise", new o(175, 238, 238, 1)), s(a, "palevioletred", new o(219, 112, 147, 1)), s(a, "papayawhip", new o(255, 239, 213, 1)), s(a, "peachpuff", new o(255, 218, 185, 1)), s(a, "peru", new o(205, 133, 63, 1)), s(a, "pink", new o(255, 192, 203, 1)), s(a, "plum", new o(221, 160, 221, 1)), s(a, "powderblue", new o(176, 224, 230, 1)), s(a, "purple", new o(128, 0, 128, 1)), s(a, "red", new o(255, 0, 0, 1)), s(a, "rosybrown", new o(188, 143, 143, 1)), s(a, "royalblue", new o(65, 105, 225, 1)), s(a, "saddlebrown", new o(139, 69, 19, 1)), s(a, "salmon", new o(250, 128, 114, 1)), s(a, "sandybrown", new o(244, 164, 96, 1)), s(a, "seagreen", new o(46, 139, 87, 1)), s(a, "seashell", new o(255, 245, 238, 1)), s(a, "sienna", new o(160, 82, 45, 1)), s(a, "silver", new o(192, 192, 192, 1)), s(a, "skyblue", new o(135, 206, 235, 1)), s(a, "slateblue", new o(106, 90, 205, 1)), s(a, "slategray", new o(112, 128, 144, 1)), s(a, "slategrey", a.slategray), s(a, "snow", new o(255, 250, 250, 1)), s(a, "springgreen", new o(0, 255, 127, 1)), s(a, "steelblue", new o(70, 130, 180, 1)), s(a, "tan", new o(210, 180, 140, 1)), s(a, "teal", new o(0, 128, 128, 1)), s(a, "thistle", new o(216, 191, 216, 1)), s(a, "tomato", new o(255, 99, 71, 1)), s(a, "turquoise", new o(64, 224, 208, 1)), s(a, "violet", new o(238, 130, 238, 1)), s(a, "wheat", new o(245, 222, 179, 1)), s(a, "white", new o(255, 255, 255, 1)), s(a, "whitesmoke", new o(245, 245, 245, 1)), s(a, "yellow", new o(255, 255, 0, 1)), s(a, "yellowgreen", new o(154, 205, 50, 1));
 let ke = a;
-class P {
+class E {
   constructor(e) {
     /**
      * base color used to calculate other
@@ -324,13 +329,13 @@ class P {
     e && this.stringToColor(e);
   }
   static from(e) {
-    return typeof e == "string" ? new P(e) : e instanceof P ? e.clone() : e instanceof o ? new P().setRgba(e.red, e.green, e.blue, e.alpha) : e instanceof re ? new P().setHsva(e.hue, e.saturation, e.value, e.alpha) : e instanceof ne ? new P().setHsla(e.hue, e.saturation, e.lightness, e.alpha) : new P(e);
+    return typeof e == "string" ? new E(e) : e instanceof E ? e.clone() : e instanceof o ? new E().setRgba(e.red, e.green, e.blue, e.alpha) : e instanceof re ? new E().setHsva(e.hue, e.saturation, e.value, e.alpha) : e instanceof ne ? new E().setHsla(e.hue, e.saturation, e.lightness, e.alpha) : new E(e);
   }
   /**
    * make from existing color new color object
    */
   clone() {
-    return P.from(this.getRgba());
+    return E.from(this.getRgba());
   }
   /**
    * define Color from hex, rgb, rgba, hsl, hsla or cmyk string
@@ -429,7 +434,7 @@ class P {
   }
   rgbaToHsva(e) {
     const t = e.red / 255, n = e.green / 255, i = e.blue / 255, { alpha: l } = e, u = Math.max(t, n, i), c = Math.min(t, n, i), g = u - c;
-    let h = 0, p = u === 0 ? 0 : g / u, d = u;
+    let h = 0, p = u === 0 ? 0 : g / u, f = u;
     if (u !== c) {
       switch (u) {
         case t:
@@ -444,30 +449,30 @@ class P {
       }
       h /= 6;
     }
-    return h *= 360, p *= 100, d *= 100, new re(h, p, d, l);
+    return h *= 360, p *= 100, f *= 100, new re(h, p, f, l);
   }
   hsvaToRgba(e) {
     let t = 1, n = 0, i = 0;
-    const l = e.saturation / 100, u = e.value / 100, { alpha: c } = e, g = e.hue / 60, h = Math.floor(g), p = g - h, d = (1 - l) * u, f = (1 - l * p) * u, b = (1 - l * (1 - p)) * u;
+    const l = e.saturation / 100, u = e.value / 100, { alpha: c } = e, g = e.hue / 60, h = Math.floor(g), p = g - h, f = (1 - l) * u, d = (1 - l * p) * u, b = (1 - l * (1 - p)) * u;
     switch (h) {
       case 6:
       case 0:
-        t = u, n = b, i = d;
+        t = u, n = b, i = f;
         break;
       case 1:
-        t = f, n = u, i = d;
+        t = d, n = u, i = f;
         break;
       case 2:
-        t = d, n = u, i = b;
+        t = f, n = u, i = b;
         break;
       case 3:
-        t = d, n = f, i = u;
+        t = f, n = d, i = u;
         break;
       case 4:
-        t = b, n = d, i = u;
+        t = b, n = f, i = u;
         break;
       case 5:
-        t = u, n = d, i = f;
+        t = u, n = f, i = d;
         break;
     }
     return t *= 255, n *= 255, i *= 255, new o(t, n, i, c);
@@ -475,17 +480,17 @@ class P {
   rgbaToHsla(e) {
     const t = e.red / 255, n = e.green / 255, i = e.blue / 255, { alpha: l } = e, u = Math.max(t, n, i), c = Math.min(t, n, i);
     let g = 0, h = 0, p = (u + c) / 2;
-    const d = u - c;
+    const f = u - c;
     if (u !== c) {
-      switch (h = p > 0.5 ? d / (2 - u - c) : d / (u + c), u) {
+      switch (h = p > 0.5 ? f / (2 - u - c) : f / (u + c), u) {
         case t:
-          g = (n - i) / d + (n < i ? 6 : 0);
+          g = (n - i) / f + (n < i ? 6 : 0);
           break;
         case n:
-          g = (i - t) / d + 2;
+          g = (i - t) / f + 2;
           break;
         case i:
-          g = (t - n) / d + 4;
+          g = (t - n) / f + 4;
           break;
       }
       g /= 6;
@@ -717,14 +722,14 @@ var ce = function() {
         } catch (v) {
           l = v instanceof we ? v.errors : [v];
         }
-      var d = this._finalizers;
-      if (d) {
+      var f = this._finalizers;
+      if (f) {
         this._finalizers = null;
         try {
-          for (var f = Pe(d), b = f.next(); !b.done; b = f.next()) {
+          for (var d = Pe(f), b = d.next(); !b.done; b = d.next()) {
             var y = b.value;
             try {
-              je(y);
+              xe(y);
             } catch (v) {
               l = l ?? [], v instanceof we ? l = Me(Me([], Ee(l)), Ee(v.errors)) : l.push(v);
             }
@@ -733,7 +738,7 @@ var ce = function() {
           n = { error: v };
         } finally {
           try {
-            b && !b.done && (i = f.return) && i.call(f);
+            b && !b.done && (i = d.return) && i.call(d);
           } finally {
             if (n) throw n.error;
           }
@@ -746,7 +751,7 @@ var ce = function() {
     var t;
     if (e && e !== this)
       if (this.closed)
-        je(e);
+        xe(e);
       else {
         if (e instanceof r) {
           if (e.closed || e._hasParent(this))
@@ -775,7 +780,7 @@ var ce = function() {
 function Ze(r) {
   return r instanceof ce || r && "closed" in r && Y(r.remove) && Y(r.add) && Y(r.unsubscribe);
 }
-function je(r) {
+function xe(r) {
   Y(r) ? r() : r.unsubscribe();
 }
 var Ce = {
@@ -784,7 +789,7 @@ var Ce = {
   Promise: void 0,
   useDeprecatedSynchronousErrorHandling: !1,
   useDeprecatedNextContext: !1
-}, Rt = {
+}, $t = {
   setTimeout: function(r, e) {
     for (var t = [], n = 2; n < arguments.length; n++)
       t[n - 2] = arguments[n];
@@ -795,8 +800,8 @@ var Ce = {
   },
   delegate: void 0
 };
-function $t(r) {
-  Rt.setTimeout(function() {
+function Vt(r) {
+  $t.setTimeout(function() {
     throw r;
   });
 }
@@ -809,7 +814,7 @@ var Ve = function(r) {
   _(e, r);
   function e(t) {
     var n = r.call(this) || this;
-    return n.isStopped = !1, t ? (n.destination = t, Ze(t) && t.add(n)) : n.destination = At, n;
+    return n.isStopped = !1, t ? (n.destination = t, Ze(t) && t.add(n)) : n.destination = xt, n;
   }
   return e.create = function(t, n, i) {
     return new Oe(t, n, i);
@@ -836,11 +841,11 @@ var Ve = function(r) {
       this.unsubscribe();
     }
   }, e;
-}(ce), Vt = Function.prototype.bind;
+}(ce), jt = Function.prototype.bind;
 function be(r, e) {
-  return Vt.call(r, e);
+  return jt.call(r, e);
 }
-var It = function() {
+var At = function() {
   function r(e) {
     this.partialObserver = e;
   }
@@ -891,28 +896,28 @@ var It = function() {
         complete: t.complete && be(t.complete, c)
       }) : u = t;
     }
-    return l.destination = new It(u), l;
+    return l.destination = new At(u), l;
   }
   return e;
 }(Ve);
 function ae(r) {
-  $t(r);
+  Vt(r);
 }
-function xt(r) {
+function It(r) {
   throw r;
 }
-var At = {
+var xt = {
   closed: !0,
   next: Ne,
-  error: xt,
+  error: It,
   complete: Ne
-}, jt = function() {
+}, Nt = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
 function Ke(r) {
   return r;
 }
-function Nt(r) {
+function Ut(r) {
   return r.length === 0 ? Ke : r.length === 1 ? r[0] : function(t) {
     return r.reduce(function(n, i) {
       return i(n);
@@ -940,7 +945,7 @@ var Ue = function() {
     }
   }, r.prototype.forEach = function(e, t) {
     var n = this;
-    return t = De(t), new t(function(i, l) {
+    return t = Le(t), new t(function(i, l) {
       var u = new Oe({
         next: function(c) {
           try {
@@ -957,15 +962,15 @@ 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[jt] = function() {
+  }, r.prototype[Nt] = function() {
     return this;
   }, r.prototype.pipe = function() {
     for (var e = [], t = 0; t < arguments.length; t++)
       e[t] = arguments[t];
-    return Nt(e)(this);
+    return Ut(e)(this);
   }, r.prototype.toPromise = function(e) {
     var t = this;
-    return e = De(e), new e(function(n, i) {
+    return e = Le(e), new e(function(n, i) {
       var l;
       t.subscribe(function(u) {
         return l = u;
@@ -979,22 +984,22 @@ var Ue = function() {
     return new r(e);
   }, r;
 }();
-function De(r) {
+function Le(r) {
   var e;
   return (e = r ?? Ce.Promise) !== null && e !== void 0 ? e : Promise;
 }
-function Ut(r) {
+function Lt(r) {
   return r && Y(r.next) && Y(r.error) && Y(r.complete);
 }
 function Dt(r) {
-  return r && r instanceof Ve || Ut(r) && Ze(r);
+  return r && r instanceof Ve || Lt(r) && Ze(r);
 }
-function Lt(r) {
+function Ft(r) {
   return Y(r == null ? void 0 : r.lift);
 }
-function Ft(r) {
+function qt(r) {
   return function(e) {
-    if (Lt(e))
+    if (Ft(e))
       return e.lift(function(t) {
         try {
           return r(t, this);
@@ -1005,10 +1010,10 @@ function Ft(r) {
     throw new TypeError("Unable to lift unknown Observable type");
   };
 }
-function qt(r, e, t, n, i) {
-  return new Yt(r, e, t, n, i);
+function Yt(r, e, t, n, i) {
+  return new Xt(r, e, t, n, i);
 }
-var Yt = function(r) {
+var Xt = function(r) {
   _(e, r);
   function e(t, n, i, l, u, c) {
     var g = r.call(this, t) || this;
@@ -1043,22 +1048,22 @@ var Yt = function(r) {
       r.prototype.unsubscribe.call(this), !n && ((t = this.onFinalize) === null || t === void 0 || t.call(this));
     }
   }, e;
-}(Ve), Xt = Je(function(r) {
+}(Ve), Gt = Je(function(r) {
   return function() {
     r(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
-}), Ie = function(r) {
+}), je = function(r) {
   _(e, r);
   function e() {
     var t = r.call(this) || this;
     return t.closed = !1, t.currentObservers = null, t.observers = [], t.isStopped = !1, t.hasError = !1, t.thrownError = null, t;
   }
   return e.prototype.lift = function(t) {
-    var n = new Le(this, this);
+    var n = new De(this, this);
     return n.operator = t, n;
   }, e.prototype._throwIfClosed = function() {
     if (this.closed)
-      throw new Xt();
+      throw new Gt();
   }, e.prototype.next = function(t) {
     var n = this;
     oe(function() {
@@ -1124,9 +1129,9 @@ var Yt = function(r) {
     var t = new Ue();
     return t.source = this, t;
   }, e.create = function(t, n) {
-    return new Le(t, n);
+    return new De(t, n);
   }, e;
-}(Ue), Le = function(r) {
+}(Ue), De = function(r) {
   _(e, r);
   function e(t, n) {
     var i = r.call(this) || this;
@@ -1145,7 +1150,7 @@ var Yt = function(r) {
     var n, i;
     return (i = (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(t)) !== null && i !== void 0 ? i : Qe;
   }, e;
-}(Ie), Fe = function(r) {
+}(je), Fe = function(r) {
   _(e, r);
   function e(t) {
     var n = r.call(this) || this;
@@ -1168,21 +1173,21 @@ var Yt = function(r) {
   }, e.prototype.next = function(t) {
     r.prototype.next.call(this, this._value = t);
   }, e;
-}(Ie);
-function Gt(r, e) {
-  return e === void 0 && (e = Ke), r = r ?? Wt, Ft(function(t, n) {
+}(je);
+function Wt(r, e) {
+  return e === void 0 && (e = Ke), r = r ?? zt, qt(function(t, n) {
     var i, l = !0;
-    t.subscribe(qt(n, function(u) {
+    t.subscribe(Yt(n, function(u) {
       var c = e(u);
       (l || !r(i, c)) && (l = !1, i = c, n.next(u));
     }));
   });
 }
-function Wt(r, e) {
+function zt(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 xe {
+class Ae {
   constructor(e) {
     /** 所选颜色值 */
     s(this, "modelValue", null);
@@ -1190,24 +1195,24 @@ class xe {
     s(this, "hueValue", null);
     /** 初始颜色值 */
     s(this, "initValue", null);
-    s(this, "valueChanged", new Ie());
+    s(this, "valueChanged", new je());
     s(this, "presetsVisibilityChanges", new Fe(!0));
     s(this, "initType", null);
     s(this, "alphaChannelVisibilityChanges", new Fe(!0));
-    s(this, "valueChanges", this.valueChanged.asObservable().pipe(Gt(
+    s(this, "valueChanges", this.valueChanged.asObservable().pipe(Wt(
       (e, t) => e.toRgbaString() === t.toRgbaString()
     )));
     s(this, "colorPresets", []);
-    const t = e[0], n = P.from(t);
+    const t = e[0], n = E.from(t);
     this.setValue(n), this.setHueColor(n);
   }
   /** 设置值 */
   setValueFrom(e, t, n) {
-    const i = P.from(e);
-    return this.initValue || (this.initValue = P.from(e)), typeof e == "string" && this.finOutInputType(e), this.setHueColor(i), this.setValue(i), this;
+    const i = E.from(e);
+    return this.initValue || (this.initValue = E.from(e)), typeof e == "string" && this.finOutInputType(e), this.setHueColor(i), this.setValue(i), this;
   }
   setHueColor(e) {
-    (this.hueValue && e.getHsva().hue > 0 || !this.hueValue) && (this.hueValue = new P().setHsva(e.getHsva().hue));
+    (this.hueValue && e.getHsva().hue > 0 || !this.hueValue) && (this.hueValue = new E().setHsva(e.getHsva().hue));
   }
   get hue() {
     return this.hueValue;
@@ -1226,7 +1231,7 @@ class xe {
   }
   reset() {
     let e;
-    return this.initValue ? (e = this.initValue.clone(), this.setHueColor(e)) : (e = P.from(new o(255, 0, 0, 1)), this.hueValue = new P().setHsva(e.getHsva().hue)), this.setValue(e), this;
+    return this.initValue ? (e = this.initValue.clone(), this.setHueColor(e)) : (e = E.from(new o(255, 0, 0, 1)), this.hueValue = new E().setHsva(e.getHsva().hue)), this.setValue(e), this;
   }
   showAlphaChannel() {
     return this.alphaChannelVisibilityChanges.next(!0), this;
@@ -1260,7 +1265,7 @@ class xe {
   setPresets(e) {
     const t = [];
     return e.map((n) => {
-      Array.isArray(n) ? t.push(this.setPresets(n)) : t.push(new P(n));
+      Array.isArray(n) ? t.push(this.setPresets(n)) : t.push(new E(n));
     }), t;
   }
   get presets() {
@@ -1271,8 +1276,8 @@ class xe {
   }
 }
 /** 确定输入颜色类型 */
-s(xe, "finOutInputType");
-function A(r, e) {
+s(Ae, "finOutInputType");
+function x(r, e) {
   switch (e) {
     case R.hex:
       return r.toHexString();
@@ -1290,80 +1295,80 @@ function A(r, e) {
       return r.toRgbaString();
   }
 }
-const zt = {
+const Jt = {
   color: { type: Object, default: "" },
   hue: { type: Object, default: "" },
   randomId: { type: String, default: "" },
   allowColorNull: { type: Boolean, default: !1 }
 }, Te = /* @__PURE__ */ T({
   name: "SvPanel",
-  props: zt,
+  props: Jt,
   emits: ["update:color"],
   setup(r, e) {
     const t = S(null), n = S(null), i = S(r.randomId), l = S(r.allowColorNull);
     function u() {
       return r.hue ? r.hue.toRgbaString() : "#3f51b5";
     }
-    function c(d, f) {
+    function c(f, d) {
       var b, y;
-      d = Math.max(0, Math.min(d, 100)), f = Math.max(0, Math.min(f, 100)), t.value && ((b = t.value.style) == null || b.setProperty("top", `${100 - f}%`), (y = t.value.style) == null || y.setProperty("left", `${d}%`));
+      f = Math.max(0, Math.min(f, 100)), d = Math.max(0, Math.min(d, 100)), t.value && ((b = t.value.style) == null || b.setProperty("top", `${100 - d}%`), (y = t.value.style) == null || y.setProperty("left", `${f}%`));
     }
     function g() {
-      const d = document.getElementById(`farris-color-picker-plus-sure-${i.value}`);
-      d.className = "btn btn-secondary";
-      const f = document.getElementById(`farris-color-picker-plus-input-${i.value}`);
-      f.style.borderColor = "#dcdfe6";
+      const f = document.getElementById(`farris-color-picker-plus-sure-${i.value}`);
+      f.className = "btn btn-secondary";
+      const d = document.getElementById(`farris-color-picker-plus-input-${i.value}`);
+      d.style.borderColor = "#dcdfe6";
     }
     function h({
-      x: d,
-      y: f,
+      x: f,
+      y: d,
       height: b,
       width: y
     }) {
-      const v = d * 100 / y, $ = -(f * 100 / b) + 100;
+      const v = f * 100 / y, $ = -(d * 100 / b) + 100;
       c(v, $);
-      const E = r.color == null ? "transparent" : r.color, H = P.from(E);
+      const M = r.color == null ? "transparent" : r.color, H = E.from(M);
       if (g(), H != null) {
-        const V = r.hue.getHsva(), j = H.getHsva(), M = new P().setHsva(V.hue, v, $, j.alpha);
-        e.emit("update:color", M);
+        const j = r.hue.getHsva(), N = H.getHsva(), P = new E().setHsva(j.hue, v, $, N.alpha);
+        e.emit("update:color", P);
       }
       !H && l.value && e.emit("update:color", null);
     }
-    function p(d) {
+    function p(f) {
       if (n.value) {
         const {
-          width: f,
+          width: d,
           height: b,
           top: y,
           left: v
         } = n.value.getBoundingClientRect(), {
           pageX: $,
-          pageY: E
-        } = "touches" in d ? d.touches[0] : d, H = Math.max(0, Math.min($ - (v + window.pageXOffset), f)), V = Math.max(0, Math.min(E - (y + window.pageYOffset), b));
+          pageY: M
+        } = "touches" in f ? f.touches[0] : f, H = Math.max(0, Math.min($ - (v + window.pageXOffset), d)), j = Math.max(0, Math.min(M - (y + window.pageYOffset), b));
         h({
           x: H,
-          y: V,
+          y: j,
           height: b,
-          width: f
+          width: d
         });
       }
     }
     return C(() => {
-      const d = r.color.getHsva();
-      c(d.saturation, d.value);
-    }), F(() => r.color, (d) => {
-      d.getHsva();
-    }), F(() => r.color, (d) => {
-      const f = d.getHsva();
+      const f = r.color.getHsva();
       c(f.saturation, f.value);
+    }), F(() => r.color, (f) => {
+      f.getHsva();
+    }), F(() => r.color, (f) => {
+      const d = f.getHsva();
+      c(d.saturation, d.value);
     }), () => k("div", {
       class: "f-sv-panel-component",
       ref: n,
       style: {
         backgroundColor: u()
       },
-      onMousedown: K((d) => p(d), ["prevent"]),
-      onTouchstart: K((d) => p(d), ["prevent"])
+      onMousedown: K((f) => p(f), ["prevent"]),
+      onTouchstart: K((f) => p(f), ["prevent"])
     }, [k("div", {
       class: "color-svpanel__white"
     }, null), k("div", {
@@ -1373,14 +1378,14 @@ const zt = {
       ref: t
     }, [k("div", null, null)])]);
   }
-}), Jt = {
+}), Qt = {
   color: { type: Object, default: "" },
   hue: { type: Object, default: "" },
   allowColorNull: { type: Boolean, default: !1 },
   onChange: { type: Function }
 }, _e = /* @__PURE__ */ T({
   name: "Hue",
-  props: Jt,
+  props: Qt,
   emits: ["update:color", "update:hue"],
   setup(r, e) {
     const t = S(r.hue), n = S(r.allowColorNull), i = [];
@@ -1393,15 +1398,15 @@ const zt = {
         const {
           width: v,
           height: $,
-          top: E,
+          top: M,
           left: H
         } = u.value.getBoundingClientRect(), {
-          pageX: V,
-          pageY: j
-        } = "touches" in y ? y.touches[0] : y, M = Math.max(0, Math.min(V - (H + window.pageXOffset), v)), I = Math.max(0, Math.min(j - (E + window.pageYOffset), $));
+          pageX: j,
+          pageY: N
+        } = "touches" in y ? y.touches[0] : y, P = Math.max(0, Math.min(j - (H + window.pageXOffset), v)), V = Math.max(0, Math.min(N - (M + window.pageYOffset), $));
         b({
-          x: M,
-          y: I,
+          x: P,
+          y: V,
           height: $,
           width: v
         });
@@ -1421,31 +1426,31 @@ const zt = {
         $.addEventListener("mousedown", p), $.addEventListener("touchstart", p);
       });
       const v = r.color.getHsva();
-      f(v.hue);
+      d(v.hue);
     });
-    const d = S(null);
-    function f(y) {
-      var E;
+    const f = S(null);
+    function d(y) {
+      var M;
       const v = Math.max(0, Math.min(y / 360 * 100, 100));
-      d.value && ((E = d.value.style) == null || E.setProperty("top", `${v}%`));
+      f.value && ((M = f.value.style) == null || M.setProperty("top", `${v}%`));
     }
     function b({
       x: y,
       y: v,
       height: $,
-      width: E
+      width: M
     }) {
       const H = v / $ * 360;
-      f(H);
-      const V = r.color.getHsva(), j = new P().setHsva(H, V.saturation, V.value, V.alpha), M = new P().setHsva(H, 100, 100, V.alpha);
-      (r.color != null || r.color == null && n.value) && (e.emit("update:hue", M), e.emit("update:color", j));
+      d(H);
+      const j = r.color.getHsva(), N = new E().setHsva(H, j.saturation, j.value, j.alpha), P = new E().setHsva(H, 100, 100, j.alpha);
+      (r.color != null || r.color == null && n.value) && (e.emit("update:hue", P), e.emit("update:color", N));
     }
     return F(t, (y) => {
       const v = y.getHsva();
-      f(v.hue);
+      d(v.hue);
     }), F(() => r.color, (y) => {
       const v = y.getHsva();
-      f(v.hue);
+      d(v.hue);
     }), () => k("div", {
       class: "f-hue-component",
       ref: u,
@@ -1455,63 +1460,63 @@ const zt = {
       class: "color-hue-slider__bar"
     }, null), k("div", {
       class: "color-hue-slider__thumb",
-      ref: d
+      ref: f
     }, null)]);
   }
-}), Qt = {
+}), Zt = {
   color: { type: Object, default: "" },
   randomId: { type: String, default: "" },
   allowColorNull: { type: Boolean, default: !1 }
 }, et = /* @__PURE__ */ T({
   name: "Alpha",
-  props: Qt,
+  props: Zt,
   emits: ["update:color"],
   setup(r, e) {
     const t = S(null), n = S(null), i = S(r.randomId), l = S(r.allowColorNull), u = (p) => {
       var b;
-      const d = Math.max(0, Math.min(p * 100, 100));
-      n.value && ((b = n.value.style) == null || b.setProperty("left", `${d}%`));
+      const f = Math.max(0, Math.min(p * 100, 100));
+      n.value && ((b = n.value.style) == null || b.setProperty("left", `${f}%`));
     };
     function c(p) {
       if (t.value) {
         const {
-          width: d,
-          height: f,
+          width: f,
+          height: d,
           top: b,
           left: y
         } = t.value.getBoundingClientRect(), {
           pageX: v,
           pageY: $
-        } = "touches" in p ? p.touches[0] : p, E = Math.max(0, Math.min(v - (y + window.pageXOffset), d)), H = Math.max(0, Math.min($ - (b + window.pageYOffset), f));
+        } = "touches" in p ? p.touches[0] : p, M = Math.max(0, Math.min(v - (y + window.pageXOffset), f)), H = Math.max(0, Math.min($ - (b + window.pageYOffset), d));
         h({
-          x: E,
+          x: M,
           y: H,
-          height: f,
-          width: d
+          height: d,
+          width: f
         });
       }
     }
     function g() {
       const p = document.getElementById(`farris-color-picker-plus-sure-${i.value}`);
       p.className = "btn btn-secondary";
-      const d = document.getElementById(`farris-color-picker-plus-input-${i.value}`);
-      d.style.borderColor = "#dcdfe6";
+      const f = document.getElementById(`farris-color-picker-plus-input-${i.value}`);
+      f.style.borderColor = "#dcdfe6";
     }
     const h = ({
       x: p,
-      width: d
+      width: f
     }) => {
-      const f = p / d;
-      u(f), g();
-      const b = r.color.getHsva(), y = new P().setHsva(b.hue, b.saturation, b.value, f);
+      const d = p / f;
+      u(d), g();
+      const b = r.color.getHsva(), y = new E().setHsva(b.hue, b.saturation, b.value, d);
       r.color != null ? e.emit("update:color", y) : r.color == null && l.value && e.emit("update:color", null);
     };
     return C(() => {
       const p = r.color.getHsva();
       u(p.alpha);
     }), F(() => r.color, (p) => {
-      const d = p.getHsva();
-      u(d.alpha);
+      const f = p.getHsva();
+      u(f.alpha);
     }), () => k("div", {
       class: "f-alpha-component",
       ref: t,
@@ -1524,17 +1529,17 @@ const zt = {
       ref: n
     }, null)]);
   }
-}), Zt = {
+}), Ct = {
   color: { type: Object, default: "" },
   hue: { type: Object, default: "" },
   colorPresets: { type: Object, default: "" },
   randomId: { type: String, default: "" }
 }, tt = /* @__PURE__ */ T({
   name: "Preset",
-  props: Zt,
+  props: Ct,
   emits: ["update:hue", "update:color"],
   setup(r, e) {
-    const t = S(new P()), n = S(r.colorPresets), i = S(r.randomId);
+    const t = S(new E()), n = S(r.colorPresets), i = S(r.randomId);
     function l() {
       const h = document.getElementById(`farris-color-picker-plus-sure-${i.value}`);
       h.className = "btn btn-secondary";
@@ -1543,14 +1548,14 @@ const zt = {
     }
     function u(h) {
       l();
-      const p = h.getRgba(), d = h.getHsva(), f = new P().setRgba(p.red, p.green, p.blue, p.alpha), b = new P().setHsva(d.hue);
-      t.value = h, e.emit("update:hue", b), e.emit("update:color", f);
+      const p = h.getRgba(), f = h.getHsva(), d = new E().setRgba(p.red, p.green, p.blue, p.alpha), b = new E().setHsva(f.hue);
+      t.value = h, e.emit("update:hue", b), e.emit("update:color", d);
     }
     function c(h) {
-      const p = t.value.getRgba().toString(), d = t.value.getHsva().toString(), f = h.getRgba().toString() === p && h.getHsva().toString() === d;
+      const p = t.value.getRgba().toString(), f = t.value.getHsva().toString(), d = h.getRgba().toString() === p && h.getHsva().toString() === f;
       return {
-        "color-preset__color-selector": f,
-        selected: f
+        "color-preset__color-selector": d,
+        selected: d
       };
     }
     function g(h, p) {
@@ -1576,20 +1581,18 @@ const zt = {
   props: $e,
   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 xe("#000000");
-    const $ = S(r.color);
-    let E, H;
-    const V = S(null), j = S(null), M = S(null);
-    let I = U(() => !y && v && v.initType ? v.initType : y);
-    const B = U({
+    const t = S(new E(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), f = S("HEX"), d = Math.floor(Math.random() * 1e3).toString();
+    let b = -1, y;
+    const v = new Ae("#000000"), $ = S(r.color);
+    let M, H;
+    const j = S(null), N = S(null), P = S(null), V = U(() => !y && v && v.initType ? v.initType : y), O = U({
       get() {
-        return y && n.value !== null ? (te(y), A(new P(n.value), R[y])) : n.value;
+        return y && n.value !== null ? (te(y), x(new E(n.value), R[y])) : n.value;
       },
       set(w) {
         w !== null && (q(w), J(w));
       }
-    }), N = S(B.value), x = U(() => b > -1), W = U(() => c.value.length > 0), he = U(() => ({
+    }), A = S(O.value), I = U(() => b > -1), W = U(() => c.value.length > 0), he = U(() => ({
       "background-color": l.value
     })), ie = U(() => h.value && g.value ? "display:flex" : "display:none"), z = [{
       text: "HEX",
@@ -1600,33 +1603,33 @@ const zt = {
     }];
     function pe() {
       const w = document.getElementById("farris-color-picker-panel");
-      w.id = `farris-color-picker-panel-${f}`;
+      w.id = `farris-color-picker-panel-${d}`;
       const m = document.getElementById("farris-color-picker-plus-sure");
-      m.id = `farris-color-picker-plus-sure-${f}`;
-      const O = document.getElementById("farris-color-picker-plus-input");
-      O.id = `farris-color-picker-plus-input-${f}`, H = document.getElementById(`farris-color-picker-plus-sure-${f}`), E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
+      m.id = `farris-color-picker-plus-sure-${d}`;
+      const B = document.getElementById("farris-color-picker-plus-input");
+      B.id = `farris-color-picker-plus-input-${d}`, H = document.getElementById(`farris-color-picker-plus-sure-${d}`), M = document.getElementById(`farris-color-picker-panel-${d}`), M.className = "color-picker-panel disabled";
     }
     function G() {
       if (!u.value && !n.value) {
-        document.getElementById(`farris-color-picker-plus-sure-${f}`).classList.toggle("disabled");
-        const m = document.getElementById(`farris-color-picker-plus-input-${f}`);
+        document.getElementById(`farris-color-picker-plus-sure-${d}`).classList.toggle("disabled");
+        const m = document.getElementById(`farris-color-picker-plus-input-${d}`);
         m.style.borderColor = "red";
       }
     }
-    function de() {
-      n.value && (q(n.value), !n.value && u.value || (n.value = A(new P(n.value), R[I.value])), N.value = B.value), ee(te(v.initType));
+    function fe() {
+      n.value && (q(n.value), !n.value && u.value || (n.value = x(new E(n.value), R[V.value])), A.value = O.value), ee(te(v.initType));
     }
     function se() {
-      n.value && q(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = A(new P(n.value), R[I.value]) : !n.value && u.value && (l.value = null);
+      n.value && q(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = x(new E(n.value), R[V.value]) : !n.value && u.value && (l.value = null);
     }
-    function fe() {
+    function de() {
       v.valueChanges.subscribe((w) => {
-        const m = A(w, R[y || v.initType]);
+        const m = x(w, R[y || v.initType]);
         n.value = m;
       });
     }
     function ee(w) {
-      d.value = z[w].text;
+      f.value = z[w].text;
     }
     function ve() {
       var w;
@@ -1635,49 +1638,49 @@ const zt = {
     qe(() => {
       v.setColorPresets(c.value || ["#eaecf3"]);
     }), C(() => {
-      pe(), G(), de(), se();
-    }), F(d, () => {
-      fe(), B.value = A(new P(n.value), R[y || v.initType]), t.value = new P(B.value), ve();
+      pe(), G(), fe(), se();
+    }), F(f, () => {
+      de(), O.value = x(new E(n.value), R[y || v.initType]), t.value = new E(O.value), ve();
     }), F(n, (w) => {
-      A(v.value, v.initType) !== w && w !== null && q(w), ee(te(v.initType));
+      x(v.value, v.initType) !== w && w !== null && q(w), ee(te(v.initType));
     }), F(t, (w) => {
-      n.value = A(w, R[y || v.initType]), q(n.value), B.value = n.value;
+      n.value = x(w, R[y || v.initType]), q(n.value), O.value = n.value;
     });
     function J(w) {
-      const m = document.getElementById(`farris-color-picker-plus-input-${f}`);
-      (w == "" || w == null || w == null) && !u.value ? (n.value = null, m.style.borderColor = "red", H.className = "btn btn-secondary disabled") : (m.style.borderColor = "#dcdfe6", H.className = "btn btn-secondary");
+      const m = document.getElementById(`farris-color-picker-plus-input-${d}`);
+      (w === "" || w === void 0 || w == null) && !u.value ? (n.value = null, m.style.borderColor = "red", H.className = "btn btn-secondary disabled") : (m.style.borderColor = "#dcdfe6", H.className = "btn btn-secondary");
     }
     function ge(w) {
-      var m, O;
+      var m, B;
       if (w == null || w.stopPropagation(), u.value) {
         l.value = (n == null ? void 0 : n.value) ?? null;
-        const L = {
+        const D = {
           elementValue: l
         };
-        e.emit("valueChanged", L), D();
+        e.emit("valueChanged", D), L();
       }
-      if (!u.value && !(B.value == null || B.value == null || B.value == "")) {
-        (O = (m = V.value) == null ? void 0 : m.style) == null || O.setProperty("background", n.value), p.value = !0, l.value = n.value;
-        const L = {
+      if (!u.value && !(O.value === void 0 || O.value == null || O.value === "")) {
+        (B = (m = j.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
+        const D = {
           elementValue: l
         };
-        e.emit("valueChanged", L), D();
+        e.emit("valueChanged", D), L();
       }
-      !$.value && !n.value && !p.value && u && D(), J(n.value), B.value = n.value, H.classList.contains("disabled") || (N.value = n.value, g.value = !1);
+      !$.value && !n.value && !p.value && u && L(), J(n.value), O.value = n.value, H.classList.contains("disabled") || (A.value = n.value, g.value = !1);
     }
     function q(w) {
-      v == null || v.setValueFrom(w, f, u.value);
+      v == null || v.setValueFrom(w, d, 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"), G(), q(n.value), w.stopPropagation());
+      M = document.getElementById(`farris-color-picker-panel-${d}`);
+      const m = M.className === "color-picker-panel";
+      i.value || m || (g.value = !0, M.classList.toggle("disabled"), G(), q(n.value), w.stopPropagation());
     }
-    function D() {
-      E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
+    function L() {
+      M = document.getElementById(`farris-color-picker-panel-${d}`), M.className = "color-picker-panel disabled";
     }
     function te(w) {
-      const m = z.findIndex((O) => O.type === w);
+      const m = z.findIndex((B) => B.type === w);
       return b = m, m;
     }
     function Q(w) {
@@ -1688,13 +1691,13 @@ const zt = {
     }
     return () => k("div", {
       class: "f-color-picker-component",
-      ref: j
+      ref: N
     }, [k("div", {
       class: ["color-picker-panel", {
         disabled: i.value
       }],
       id: "farris-color-picker-panel",
-      ref: M,
+      ref: P,
       onClick: (w) => w.stopPropagation(),
       style: "top:30px"
     }, [k("div", {
@@ -1706,7 +1709,7 @@ const zt = {
       color: t.value,
       "onUpdate:color": (w) => t.value = w
     }, null), k(Te, {
-      randomId: f,
+      randomId: d,
       hue: v.hue,
       "onUpdate:hue": (w) => v.hue = w,
       allowColorNull: u.value,
@@ -1714,7 +1717,7 @@ const zt = {
       "onUpdate:color": (w) => t.value = w
     }, null)]), k(et, {
       style: ie.value,
-      randomId: f,
+      randomId: d,
       allowColorNull: u.value,
       color: t.value,
       "onUpdate:color": (w) => t.value = w
@@ -1723,13 +1726,13 @@ const zt = {
       style: "display:flex;align-items: center;"
     }, [X(k("span", {
       style: "width:40px;margin-right:10px;"
-    }, [d.value]), [[Z, W]]), X(k("input", {
+    }, [f.value]), [[Z, W]]), X(k("input", {
       type: "text",
       title: "color-picker-plus",
       id: "farris-color-picker-plus-input",
-      "onUpdate:modelValue": (w) => B.value = w,
+      "onUpdate:modelValue": (w) => O.value = w,
       style: "float:none"
-    }, null), [[Ye, B.value]]), X(k("div", {
+    }, null), [[Ye, O.value]]), X(k("div", {
       class: "type-icon-btn-wrapper",
       style: "cursor:pointer"
     }, [k("span", {
@@ -1749,15 +1752,15 @@ const zt = {
       "onUpdate:color": (w) => t.value = w,
       hue: v.hue,
       "onUpdate:hue": (w) => v.hue = w,
-      randomId: f,
+      randomId: d,
       colorPresets: v.presets
-    }, null), [[Z, x]])]), k("div", {
+    }, null), [[Z, I]])]), k("div", {
       class: "color-picker-wrapper"
     }, [k("input", {
       title: "color-picker-input",
       type: "text",
       class: "color-picker-input form-control",
-      value: N.value,
+      value: A.value,
       readonly: i.value,
       onClick: (w) => w.stopPropagation()
     }, null), k("div", {
@@ -1770,102 +1773,108 @@ const zt = {
     }, null)])])])]);
   }
 });
-function Ct(r, e, t) {
-  var j;
-  function n() {
-  }
-  const i = "", l = "", u = S();
-  function c() {
+function Kt(r, e, t) {
+  var N;
+  const n = "", i = "", l = S();
+  function u() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function g() {
+  function c() {
     return !1;
   }
-  function h() {
+  function g() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function p() {
+  function h() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function d(M) {
-    if (!M || !M.value)
+  function p(P) {
+    if (!P || !P.value)
       return null;
-    if (M.value.schema && M.value.schema.type === "component")
-      return M.value;
-    const I = S(M == null ? void 0 : M.value.parent), B = d(I);
-    return B || null;
+    if (P.value.schema && P.value.schema.type === "component")
+      return P.value;
+    const V = S(P == null ? void 0 : P.value.parent), O = p(V);
+    return O || null;
   }
-  function f(M = e) {
-    const { componentInstance: I, designerItemElementRef: B } = M;
-    return !I || !I.value ? null : I.value.canMove ? B : f(M.parent);
+  function f(P = e) {
+    const { componentInstance: V, designerItemElementRef: O } = P;
+    return !V || !V.value ? null : V.value.canMove ? O : f(P.parent);
   }
-  function b(M) {
+  function d(P) {
     return !!t;
   }
-  function y() {
+  function b() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function v() {
+  function y() {
   }
-  function $(M, I) {
+  function v(P, V) {
   }
-  function E(M, I) {
-    const { componentType: B } = M;
-    let N = We(B, M, I);
-    const x = B.toLowerCase().replace("-", "_");
-    return N && !N.id && N.type === B && (N.id = `${x}_${Math.random().toString().slice(2, 6)}`), N;
+  function $(P, V) {
+    const { componentType: O } = P;
+    let A = We(O, P, V);
+    const I = O.toLowerCase().replace(/-/g, "_");
+    return A && !A.id && A.type === O && (A.id = `${I}_${Math.random().toString().slice(2, 6)}`), A;
   }
-  function H(M) {
+  function M(P) {
   }
-  function V(...M) {
+  function H(...P) {
   }
-  return u.value = {
-    canMove: c(),
-    canSelectParent: g(),
-    canDelete: h(),
-    canNested: !p(),
+  function j() {
+    e != null && e.schema.contents && e.schema.contents.map((P) => {
+      var A;
+      let V = P.id;
+      P.type === "component-ref" && (V = P.component);
+      const O = r.value.querySelector(`#${V}-design-item`);
+      (A = O == null ? void 0 : O.componentInstance) != null && A.value.onRemoveComponent && O.componentInstance.value.onRemoveComponent();
+    });
+  }
+  return l.value = {
+    canMove: u(),
+    canSelectParent: c(),
+    canDelete: g(),
+    canNested: !h(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: r,
-    parent: (j = e == null ? void 0 : e.parent) == null ? void 0 : j.componentInstance,
+    parent: (N = e == null ? void 0 : e.parent) == null ? void 0 : N.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: i,
-    designerClass: l,
-    canAccepts: b,
-    getBelongedComponentInstance: d,
+    styles: n,
+    designerClass: i,
+    canAccepts: d,
+    getBelongedComponentInstance: p,
     getDraggableDesignItemElement: f,
-    getDraggingDisplayText: y,
-    getPropConfig: V,
-    getDragScopeElement: v,
-    onAcceptMovedChildElement: $,
-    onChildElementMovedOut: H,
-    addNewChildComponentSchema: E,
-    updateDragAndDropRules: n,
+    getDraggingDisplayText: b,
+    getPropConfig: H,
+    getDragScopeElement: y,
+    onAcceptMovedChildElement: v,
+    onChildElementMovedOut: M,
+    addNewChildComponentSchema: $,
     triggerBelongedComponentToMoveWhenMoved: S(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: S(!1)
-  }, u;
+    triggerBelongedComponentToDeleteWhenDeleted: S(!1),
+    onRemoveComponent: j
+  }, l;
 }
-const Kt = /* @__PURE__ */ T({
+const Tt = /* @__PURE__ */ T({
   name: "FColorPickerDesign",
   props: $e,
   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 xe("#000000");
-    const $ = S(r.color);
-    let E, H;
-    const V = S(null), j = S(null), M = S(), I = it("design-item-context"), B = Ct(M, I);
+    const t = S(new E(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), f = S("HEX"), d = Math.floor(Math.random() * 1e3).toString();
+    let b = -1, y;
+    const v = new Ae("#000000"), $ = S(r.color);
+    let M, H;
+    const j = S(null), N = S(null), P = S(), V = it("design-item-context"), O = Kt(P, V);
     C(() => {
-      M.value.componentInstance = B;
-    }), e.expose(B.value);
-    let N = U(() => !y && v && v.initType ? v.initType : y);
-    const x = U({
+      P.value.componentInstance = O;
+    }), e.expose(O.value);
+    const A = U(() => !y && v && v.initType ? v.initType : y), I = U({
       get() {
-        return y && n.value !== null ? (Q(y), A(new P(n.value), R[y])) : n.value;
+        return y && n.value !== null ? (Q(y), x(new E(n.value), R[y])) : n.value;
       },
       set(m) {
-        m !== null && (D(m), q(m));
+        m !== null && (L(m), q(m));
       }
-    }), W = S(x.value), he = U(() => b > -1), ie = U(() => c.value.length > 0), z = U(() => ({
+    }), W = S(I.value), he = U(() => b > -1), ie = U(() => c.value.length > 0), z = U(() => ({
       "background-color": l.value
     })), pe = U(() => h.value && g.value ? "display:flex" : "display:none"), G = [{
       text: "HEX",
@@ -1874,35 +1883,35 @@ const Kt = /* @__PURE__ */ T({
       text: "RGBA",
       type: R.rgba
     }];
-    function de() {
+    function fe() {
       const m = document.getElementById("farris-color-picker-panel");
-      m.id = `farris-color-picker-panel-${f}`;
-      const O = document.getElementById("farris-color-picker-plus-sure");
-      O.id = `farris-color-picker-plus-sure-${f}`;
-      const L = document.getElementById("farris-color-picker-plus-input");
-      L.id = `farris-color-picker-plus-input-${f}`, H = document.getElementById(`farris-color-picker-plus-sure-${f}`), E = document.getElementById(`farris-color-picker-panel-${f}`), E.className = "color-picker-panel disabled";
+      m.id = `farris-color-picker-panel-${d}`;
+      const B = document.getElementById("farris-color-picker-plus-sure");
+      B.id = `farris-color-picker-plus-sure-${d}`;
+      const D = document.getElementById("farris-color-picker-plus-input");
+      D.id = `farris-color-picker-plus-input-${d}`, H = document.getElementById(`farris-color-picker-plus-sure-${d}`), M = document.getElementById(`farris-color-picker-panel-${d}`), M.className = "color-picker-panel disabled";
     }
     function se() {
       if (!u.value && !n.value) {
-        document.getElementById(`farris-color-picker-plus-sure-${f}`).classList.toggle("disabled");
-        const O = document.getElementById(`farris-color-picker-plus-input-${f}`);
-        O.style.borderColor = "red";
+        document.getElementById(`farris-color-picker-plus-sure-${d}`).classList.toggle("disabled");
+        const B = document.getElementById(`farris-color-picker-plus-input-${d}`);
+        B.style.borderColor = "red";
       }
     }
-    function fe() {
-      n.value && (D(n.value), !n.value && u.value || (n.value = A(new P(n.value), R[N.value])), W.value = x.value), J(Q(v.initType));
+    function de() {
+      n.value && (L(n.value), !n.value && u.value || (n.value = x(new E(n.value), R[A.value])), W.value = I.value), J(Q(v.initType));
     }
     function ee() {
-      n.value && D(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = A(new P(n.value), R[N.value]) : !n.value && u.value && (l.value = null);
+      n.value && L(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? l.value = x(new E(n.value), R[A.value]) : !n.value && u.value && (l.value = null);
     }
     function ve() {
       v.valueChanges.subscribe((m) => {
-        const O = A(m, R[y || v.initType]);
-        n.value = O;
+        const B = x(m, R[y || v.initType]);
+        n.value = B;
       });
     }
     function J(m) {
-      d.value = G[m].text;
+      f.value = G[m].text;
     }
     function ge() {
       var m;
@@ -1911,61 +1920,61 @@ const Kt = /* @__PURE__ */ T({
     qe(() => {
       v.setColorPresets(c.value || ["#eaecf3"]);
     }), C(() => {
-      de(), se(), fe(), ee();
-    }), F(d, () => {
-      ve(), x.value = A(new P(n.value), R[y || v.initType]), t.value = new P(x.value), ge();
+      fe(), se(), de(), ee();
+    }), F(f, () => {
+      ve(), I.value = x(new E(n.value), R[y || v.initType]), t.value = new E(I.value), ge();
     }), F(n, (m) => {
-      A(v.value, v.initType) !== m && m !== null && D(m), J(Q(v.initType));
+      x(v.value, v.initType) !== m && m !== null && L(m), J(Q(v.initType));
     }), F(t, (m) => {
-      n.value = A(m, R[y || v.initType]), D(n.value), x.value = n.value;
+      n.value = x(m, R[y || v.initType]), L(n.value), I.value = n.value;
     });
     function q(m) {
-      const O = document.getElementById(`farris-color-picker-plus-input-${f}`);
-      (m == "" || m == null || m == null) && !u.value ? (n.value = null, O.style.borderColor = "red", H.className = "btn btn-secondary disabled") : (O.style.borderColor = "#dcdfe6", H.className = "btn btn-secondary");
+      const B = document.getElementById(`farris-color-picker-plus-input-${d}`);
+      (m === "" || m === void 0 || m == null) && !u.value ? (n.value = null, B.style.borderColor = "red", H.className = "btn btn-secondary disabled") : (B.style.borderColor = "#dcdfe6", H.className = "btn btn-secondary");
     }
     function ye() {
-      var m, O;
+      var m, B;
       if (u.value) {
         l.value = (n == null ? void 0 : n.value) ?? null;
-        const L = {
+        const D = {
           elementValue: l
         };
-        e.emit("valueChanged", L), E.classList.toggle("disabled");
+        e.emit("valueChanged", D), M.classList.toggle("disabled");
       }
-      if (!u.value && !(x.value == null || x.value == null || x.value == "")) {
-        (O = (m = V.value) == null ? void 0 : m.style) == null || O.setProperty("background", n.value), p.value = !0, l.value = n.value;
-        const L = {
+      if (!u.value && !(I.value === void 0 || I.value == null || I.value === "")) {
+        (B = (m = j.value) == null ? void 0 : m.style) == null || B.setProperty("background", n.value), p.value = !0, l.value = n.value;
+        const D = {
           elementValue: l
         };
-        e.emit("valueChanged", L), E.classList.toggle("disabled");
+        e.emit("valueChanged", D), M.classList.toggle("disabled");
       }
-      !$.value && !n.value && !p.value && u && E.classList.toggle("disabled"), q(n.value), x.value = n.value, H.classList.contains("disabled") || (W.value = n.value, g.value = !1);
+      !$.value && !n.value && !p.value && u && M.classList.toggle("disabled"), q(n.value), I.value = n.value, H.classList.contains("disabled") || (W.value = n.value, g.value = !1);
     }
-    function D(m) {
-      v == null || v.setValueFrom(m, f, u.value);
+    function L(m) {
+      v == null || v.setValueFrom(m, d, u.value);
     }
     function te(m) {
-      i.value || (g.value = !0, E.classList.toggle("disabled"), se(), D(n.value));
+      i.value || (g.value = !0, M.classList.toggle("disabled"), se(), L(n.value));
     }
     function Q(m) {
-      const O = G.findIndex((L) => L.type === m);
-      return b = O, O;
+      const B = G.findIndex((D) => D.type === m);
+      return b = B, B;
     }
     function w(m) {
       if (!H.classList.contains("disabled")) {
-        const O = G.length;
-        b = (O + b + (m === "up" ? 1 : -1)) % O, y = G[b].type, J(b), D(n.value);
+        const B = G.length;
+        b = (B + b + (m === "up" ? 1 : -1)) % B, y = G[b].type, J(b), L(n.value);
       }
     }
     return () => k("div", {
       class: "f-color-picker-component",
-      ref: M
+      ref: P
     }, [k("div", {
       class: ["color-picker-panel", {
         disabled: i.value
       }],
       id: "farris-color-picker-panel",
-      ref: j,
+      ref: N,
       onClick: (m) => m.stopPropagation,
       style: "top:30px"
     }, [k("div", {
@@ -1977,7 +1986,7 @@ const Kt = /* @__PURE__ */ T({
       color: t.value,
       "onUpdate:color": (m) => t.value = m
     }, null), k(Te, {
-      randomId: f,
+      randomId: d,
       hue: v.hue,
       "onUpdate:hue": (m) => v.hue = m,
       allowColorNull: u.value,
@@ -1985,7 +1994,7 @@ const Kt = /* @__PURE__ */ T({
       "onUpdate:color": (m) => t.value = m
     }, null)]), k(et, {
       style: pe.value,
-      randomId: f,
+      randomId: d,
       allowColorNull: u.value,
       color: t.value,
       "onUpdate:color": (m) => t.value = m
@@ -1994,12 +2003,13 @@ const Kt = /* @__PURE__ */ T({
       style: "display:flex;align-items: center;"
     }, [X(k("span", {
       style: "width:40px;margin-right:10px;"
-    }, [d.value]), [[Z, ie]]), X(k("input", {
+    }, [f.value]), [[Z, ie]]), X(k("input", {
+      title: "color-picker-plus-input",
       type: "text",
       id: "farris-color-picker-plus-input",
-      "onUpdate:modelValue": (m) => x.value = m,
+      "onUpdate:modelValue": (m) => I.value = m,
       style: "float:none"
-    }, null), [[Ye, x.value]]), X(k("div", {
+    }, null), [[Ye, I.value]]), X(k("div", {
       class: "type-icon-btn-wrapper",
       style: "cursor:pointer"
     }, [k("span", {
@@ -2020,7 +2030,7 @@ const Kt = /* @__PURE__ */ T({
       colorPresets: v.presets,
       hue: v.hue,
       "onUpdate:hue": (m) => v.hue = m,
-      randomId: f
+      randomId: d
     }, null), [[Z, he]])]), k("div", {
       class: "color-picker-wrapper"
     }, [k("input", {
@@ -2038,20 +2048,15 @@ const Kt = /* @__PURE__ */ T({
       style: z.value
     }, null)])])])]);
   }
-}), Tt = (r) => {
-  const e = r;
-  return e.install = function(t) {
-    t.component(e.name, r);
-  }, r;
-};
+});
 ue.register = (r, e, t) => {
   r["color-picker"] = ue, e["color-picker"] = ze;
 };
 ue.registerDesigner = (r, e, t) => {
-  r["color-picker"] = Kt, e["color-picker"] = ze;
+  r["color-picker"] = Tt, e["color-picker"] = ze;
 };
-const nn = Tt(ue);
+const rn = at(ue);
 export {
   ue as FColorPicker,
-  nn as default
+  rn as default
 };