@farris/ui-vue 1.1.0 → 1.1.1

package/color-picker/index.esm.js

@@ -1,2081 +0,0 @@
-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 a = (r, e, t) => (rt(r, typeof e != "symbol" ? e + "" : e, t), t);
-import { defineComponent as ee, ref as S, onMounted as T, watch as C, createVNode as k, withModifiers as _, createTextVNode as $e, computed as U, onBeforeMount as Ye, withDirectives as W, vShow as K, vModelText as Xe, inject as it } from "vue";
-import { cloneDeep as at } from "lodash-es";
-const We = {}, Ge = {};
-function Ae(r) {
-  const { properties: e, title: t } = r, n = Object.keys(e).reduce((i, u) => (i[u] = e[u].type === "object" && e[u].properties ? Ae(e[u]) : at(e[u].default), i), {});
-  return n.id = `${t}-${Date.now()}`, n;
-}
-function Pe(r, e = {}) {
-  const t = We[r];
-  if (t) {
-    let n = Ae(t);
-    const i = Ge[r];
-    return n = i ? i({ getSchemaByType: Pe }, n, e) : n, n;
-  }
-  return null;
-}
-function st(r, e) {
-  const t = Ae(e);
-  return Object.keys(r).reduce((n, i) => (n[i] = r[i], n), t), t;
-}
-function ot(r, e) {
-  return Object.keys(r).filter((n) => r[n] != null).reduce((n, i) => {
-    if (e.has(i)) {
-      const u = e.get(i);
-      if (typeof u == "string")
-        n[u] = r[i];
-      else {
-        const l = u(i, r[i], r);
-        Object.assign(n, l);
-      }
-    } else
-      n[i] = r[i];
-    return n;
-  }, {});
-}
-function lt(r, e, t = /* @__PURE__ */ new Map()) {
-  const n = st(r, e);
-  return ot(n, t);
-}
-function ut(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(d[h].length) !== Number(y);
-      if (b === "moreThan")
-        return Number(d[h].length) >= Number(y);
-      if (b === "lessThan")
-        return Number(d[h].length) <= Number(y);
-    }
-    return !1;
-  }
-  function t(h, p, f, d) {
-    return d[p] && d[p].propertyValue && String(d[p].propertyValue.value) === String(f);
-  }
-  const n = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", t]
-  ]);
-  Object.keys(r).reduce((h, p) => (h.set(p, r[p]), h), n);
-  function i(h, p) {
-    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: h, param: b, value: y };
-    }) : [];
-  }
-  function u(h) {
-    return Object.keys(h).reduce((f, d) => {
-      const b = i(d, h[d]);
-      return f.push(...b), f;
-    }, []);
-  }
-  function l(h, p) {
-    if (n.has(h.operator)) {
-      const f = n.get(h.operator);
-      return f && f(h.target, h.param, h.value, p) || !1;
-    }
-    return !1;
-  }
-  function c(h, p) {
-    return u(h).reduce((b, y) => b && l(y, p), !0);
-  }
-  function g(h, p) {
-    const f = Object.keys(h), d = f.includes("allOf"), b = f.includes("anyOf"), y = d || b, E = (y ? h[y ? d ? "allOf" : "anyOf" : "allOf"] : [h]).map((x) => c(x, p));
-    return d ? !E.includes(!1) : E.includes(!0);
-  }
-  return { parseValueSchema: g };
-}
-const ct = {}, ht = {};
-ut();
-function pt(r, e, t = /* @__PURE__ */ new Map(), n = (l, c, g) => c, i = {}, u = (l) => l) {
-  return We[e.title] = e, Ge[e.title] = n, ct[e.title] = i, ht[e.title] = u, (l = {}) => {
-    const c = lt(l, e, t), g = Object.keys(r).reduce((h, p) => (h[p] = r[p].default, h), {});
-    return Object.assign(g, c);
-  };
-}
-const ft = "https://json-schema.org/draft/2020-12/schema", dt = "https://farris-design.gitee.io/color-picker.schema.json", vt = "color-picker", gt = "A Farris Component", yt = "object", mt = {
-  id: {
-    description: "The unique identifier for color picker",
-    type: "string"
-  },
-  type: {
-    description: "The type string of color picker",
-    type: "string",
-    default: "color-picker"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, wt = [
-  "id",
-  "type"
-], bt = {
-  $schema: ft,
-  $id: dt,
-  title: vt,
-  description: gt,
-  type: yt,
-  properties: mt,
-  required: wt
-};
-function kt(r, e, t) {
-  return e;
-}
-function St(r, e) {
-  return { customClass: e.class };
-}
-const Pt = /* @__PURE__ */ new Map([
-  ["appearance", St]
-]), Et = "color-picker", Mt = "A Farris Component", Ht = "object", Bt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, Ot = {
-  title: Et,
-  description: Mt,
-  type: Ht,
-  categories: Bt
-}, xe = {
-  /** 初始颜色 */
-  color: { type: String, default: "#e1e2e3" },
-  /** 禁用 */
-  disabled: { type: Boolean, default: !1 },
-  /** 预置颜色 */
-  presets: { type: Array, default: [] },
-  /** 允许颜色为空 */
-  allowColorNull: { type: Boolean, default: !1 },
-  /** 颜色值变化事件 */
-  onValueChanged: { type: Function, default: () => {
-  } }
-}, De = pt(xe, bt, Pt, kt, Ot);
-class he {
-}
-class we extends he {
-  constructor(e, t, n, i) {
-    super(), this.cyan = e, this.magenta = t, this.yellow = n, this.black = i;
-  }
-  toString() {
-    return `cmyk(${this.getCyan()}%, ${this.getMagenta()}%, ${this.getYellow()}%, ${this.getBlack()}%)`;
-  }
-  getCyan() {
-    return Math.round(this.cyan);
-  }
-  getMagenta() {
-    return Math.round(this.magenta);
-  }
-  getYellow() {
-    return Math.round(this.yellow);
-  }
-  getBlack() {
-    return Math.round(this.black);
-  }
-}
-class ie extends he {
-  constructor(e, t, n, i) {
-    super(), this.hue = e, this.saturation = t, this.lightness = n, this.alpha = i;
-  }
-  toString(e = !0) {
-    return e ? `hsla(${this.getHue()}, ${this.getSaturation()}%, ${this.getLightness()}%, ${this.getAlpha()})` : `hsl(${this.getHue()}, ${this.getSaturation()}%, ${this.getLightness()}%)`;
-  }
-  getHue() {
-    return Math.round(this.hue);
-  }
-  getSaturation() {
-    return Math.round(this.saturation);
-  }
-  getLightness() {
-    return Math.round(this.lightness);
-  }
-  getAlpha() {
-    return Math.round(this.alpha * 100) / 100;
-  }
-}
-class ae extends he {
-  constructor(e, t, n, i) {
-    super(), this.hue = e, this.saturation = t, this.value = n, this.alpha = i;
-  }
-  toString(e = !0) {
-    return e ? `hsva(${this.getHue()}, ${this.getSaturation()}%, ${this.getValue()}%, ${this.getAlpha()})` : `hsv(${this.getHue()}, ${this.getSaturation()}%, ${this.getValue()}%)`;
-  }
-  getHue() {
-    return Math.round(this.hue);
-  }
-  getSaturation() {
-    return Math.round(this.saturation);
-  }
-  getValue() {
-    return Math.round(this.value);
-  }
-  getAlpha() {
-    return Math.round(this.alpha * 100) / 100;
-  }
-}
-class o extends he {
-  constructor(e, t, n, i) {
-    super(), this.red = e, this.green = t, this.blue = n, this.alpha = i;
-  }
-  toString(e = !0) {
-    return e ? `rgba(${this.getRed()}, ${this.getGreen()}, ${this.getBlue()}, ${this.getAlpha()})` : `rgb(${this.getRed()}, ${this.getGreen()}, ${this.getBlue()})`;
-  }
-  getRed() {
-    return Math.round(this.red);
-  }
-  getGreen() {
-    return Math.round(this.green);
-  }
-  getBlue() {
-    return Math.round(this.blue);
-  }
-  getAlpha() {
-    return Math.round(this.alpha * 100) / 100;
-  }
-}
-const s = class s {
-};
-a(s, "transparent", new o(0, 0, 0, 0)), a(s, "aliceblue", new o(240, 248, 255, 1)), a(s, "antiquewhite", new o(250, 235, 215, 1)), a(s, "aqua", new o(0, 255, 255, 1)), a(s, "aquamarine", new o(127, 255, 212, 1)), a(s, "azure", new o(240, 255, 255, 1)), a(s, "beige", new o(245, 245, 220, 1)), a(s, "bisque", new o(255, 228, 196, 1)), a(s, "black", new o(0, 0, 0, 1)), a(s, "blanchedalmond", new o(255, 235, 205, 1)), a(s, "blue", new o(0, 0, 255, 1)), a(s, "blueviolet", new o(138, 43, 226, 1)), a(s, "brown", new o(165, 42, 42, 1)), a(s, "burlywood", new o(222, 184, 135, 1)), a(s, "cadetblue", new o(95, 158, 160, 1)), a(s, "chartreuse", new o(127, 255, 0, 1)), a(s, "chocolate", new o(210, 105, 30, 1)), a(s, "coral", new o(255, 127, 80, 1)), a(s, "cornflowerblue", new o(100, 149, 237, 1)), a(s, "cornsilk", new o(255, 248, 220, 1)), a(s, "crimson", new o(220, 20, 60, 1)), a(s, "cyan", new o(0, 255, 255, 1)), a(s, "darkblue", new o(0, 0, 139, 1)), a(s, "darkcyan", new o(0, 139, 139, 1)), a(s, "darkgoldenrod", new o(184, 134, 11, 1)), a(s, "darkgray", new o(169, 169, 169, 1)), a(s, "darkgreen", new o(0, 100, 0, 1)), a(s, "darkgrey", s.darkgray), a(s, "darkkhaki", new o(189, 183, 107, 1)), a(s, "darkmagenta", new o(139, 0, 139, 1)), a(s, "darkolivegreen", new o(85, 107, 47, 1)), a(s, "darkorange", new o(255, 140, 0, 1)), a(s, "darkorchid", new o(153, 50, 204, 1)), a(s, "darkred", new o(139, 0, 0, 1)), a(s, "darksalmon", new o(233, 150, 122, 1)), a(s, "darkseagreen", new o(143, 188, 143, 1)), a(s, "darkslateblue", new o(72, 61, 139, 1)), a(s, "darkslategray", new o(47, 79, 79, 1)), a(s, "darkslategrey", s.darkslategray), a(s, "darkturquoise", new o(0, 206, 209, 1)), a(s, "darkviolet", new o(148, 0, 211, 1)), a(s, "deeppink", new o(255, 20, 147, 1)), a(s, "deepskyblue", new o(0, 191, 255, 1)), a(s, "dimgray", new o(105, 105, 105, 1)), a(s, "dimgrey", s.dimgray), a(s, "dodgerblue", new o(30, 144, 255, 1)), a(s, "firebrick", new o(178, 34, 34, 1)), a(s, "floralwhite", new o(255, 250, 240, 1)), a(s, "forestgreen", new o(34, 139, 34, 1)), a(s, "fuchsia", new o(255, 0, 255, 1)), a(s, "gainsboro", new o(220, 220, 220, 1)), a(s, "ghostwhite", new o(248, 248, 255, 1)), a(s, "gold", new o(255, 215, 0, 1)), a(s, "goldenrod", new o(218, 165, 32, 1)), a(s, "gray", new o(128, 128, 128, 1)), a(s, "grey", s.gray), a(s, "green", new o(0, 128, 0, 1)), a(s, "greenyellow", new o(173, 255, 47, 1)), a(s, "honeydew", new o(240, 255, 240, 1)), a(s, "hotpink", new o(255, 105, 180, 1)), a(s, "indianred", new o(205, 92, 92, 1)), a(s, "indigo", new o(75, 0, 130, 1)), a(s, "ivory", new o(255, 255, 240, 1)), a(s, "khaki", new o(240, 230, 140, 1)), a(s, "lavender", new o(230, 230, 250, 1)), a(s, "lavenderblush", new o(255, 240, 245, 1)), a(s, "lawngreen", new o(124, 252, 0, 1)), a(s, "lemonchiffon", new o(255, 250, 205, 1)), a(s, "lightblue", new o(173, 216, 230, 1)), a(s, "lightcoral", new o(240, 128, 128, 1)), a(s, "lightcyan", new o(224, 255, 255, 1)), a(s, "lightgoldenrodyellow", new o(250, 250, 210, 1)), a(s, "lightgray", new o(211, 211, 211, 1)), a(s, "lightgreen", new o(144, 238, 144, 1)), a(s, "lightgrey", s.lightgray), a(s, "lightpink", new o(255, 182, 193, 1)), a(s, "lightsalmon", new o(255, 160, 122, 1)), a(s, "lightseagreen", new o(32, 178, 170, 1)), a(s, "lightskyblue", new o(135, 206, 250, 1)), a(s, "lightslategray", new o(119, 136, 153, 1)), a(s, "lightslategrey", s.lightslategray), a(s, "lightsteelblue", new o(176, 196, 222, 1)), a(s, "lightyellow", new o(255, 255, 224, 1)), a(s, "lime", new o(0, 255, 0, 1)), a(s, "limegreen", new o(50, 205, 50, 1)), a(s, "linen", new o(250, 240, 230, 1)), a(s, "magenta", new o(255, 0, 255, 1)), a(s, "maroon", new o(128, 0, 0, 1)), a(s, "mediumaquamarine", new o(102, 205, 170, 1)), a(s, "mediumblue", new o(0, 0, 205, 1)), a(s, "mediumorchid", new o(186, 85, 211, 1)), a(s, "mediumpurple", new o(147, 112, 219, 1)), a(s, "mediumseagreen", new o(60, 179, 113, 1)), a(s, "mediumslateblue", new o(123, 104, 238, 1)), a(s, "mediumspringgreen", new o(0, 250, 154, 1)), a(s, "mediumturquoise", new o(72, 209, 204, 1)), a(s, "mediumvioletred", new o(199, 21, 133, 1)), a(s, "midnightblue", new o(25, 25, 112, 1)), a(s, "mintcream", new o(245, 255, 250, 1)), a(s, "mistyrose", new o(255, 228, 225, 1)), a(s, "moccasin", new o(255, 228, 181, 1)), a(s, "navajowhite", new o(255, 222, 173, 1)), a(s, "navy", new o(0, 0, 128, 1)), a(s, "oldlace", new o(253, 245, 230, 1)), a(s, "olive", new o(128, 128, 0, 1)), a(s, "olivedrab", new o(107, 142, 35, 1)), a(s, "orange", new o(255, 165, 0, 1)), a(s, "orangered", new o(255, 69, 0, 1)), a(s, "orchid", new o(218, 112, 214, 1)), a(s, "palegoldenrod", new o(238, 232, 170, 1)), a(s, "palegreen", new o(152, 251, 152, 1)), a(s, "paleturquoise", new o(175, 238, 238, 1)), a(s, "palevioletred", new o(219, 112, 147, 1)), a(s, "papayawhip", new o(255, 239, 213, 1)), a(s, "peachpuff", new o(255, 218, 185, 1)), a(s, "peru", new o(205, 133, 63, 1)), a(s, "pink", new o(255, 192, 203, 1)), a(s, "plum", new o(221, 160, 221, 1)), a(s, "powderblue", new o(176, 224, 230, 1)), a(s, "purple", new o(128, 0, 128, 1)), a(s, "red", new o(255, 0, 0, 1)), a(s, "rosybrown", new o(188, 143, 143, 1)), a(s, "royalblue", new o(65, 105, 225, 1)), a(s, "saddlebrown", new o(139, 69, 19, 1)), a(s, "salmon", new o(250, 128, 114, 1)), a(s, "sandybrown", new o(244, 164, 96, 1)), a(s, "seagreen", new o(46, 139, 87, 1)), a(s, "seashell", new o(255, 245, 238, 1)), a(s, "sienna", new o(160, 82, 45, 1)), a(s, "silver", new o(192, 192, 192, 1)), a(s, "skyblue", new o(135, 206, 235, 1)), a(s, "slateblue", new o(106, 90, 205, 1)), a(s, "slategray", new o(112, 128, 144, 1)), a(s, "slategrey", s.slategray), a(s, "snow", new o(255, 250, 250, 1)), a(s, "springgreen", new o(0, 255, 127, 1)), a(s, "steelblue", new o(70, 130, 180, 1)), a(s, "tan", new o(210, 180, 140, 1)), a(s, "teal", new o(0, 128, 128, 1)), a(s, "thistle", new o(216, 191, 216, 1)), a(s, "tomato", new o(255, 99, 71, 1)), a(s, "turquoise", new o(64, 224, 208, 1)), a(s, "violet", new o(238, 130, 238, 1)), a(s, "wheat", new o(245, 222, 179, 1)), a(s, "white", new o(255, 255, 255, 1)), a(s, "whitesmoke", new o(245, 245, 245, 1)), a(s, "yellow", new o(255, 255, 0, 1)), a(s, "yellowgreen", new o(154, 205, 50, 1));
-let Ee = s;
-class P {
-  constructor(e) {
-    /**
-     * base color used to calculate other
-     * default color
-     * rgb(255, 0, 0)
-     * hsl(0, 100%, 50%)
-     * 初始色#ff0000
-     */
-    a(this, "hsva", new ae(0, 1, 1, 1));
-    a(this, "rgba", new o(255, 0, 0, 1));
-    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 ae ? new P().setHsva(e.hue, e.saturation, e.value, e.alpha) : e instanceof ie ? new P().setHsla(e.hue, e.saturation, e.lightness, e.alpha) : null;
-  }
-  /**
-   * make from existing color new color object
-   */
-  clone() {
-    return P.from(this.getRgba());
-  }
-  /**
-   * define Color from hex, rgb, rgba, hsl, hsla or cmyk string
-   */
-  setFromString(e) {
-    return this.stringToColor(e);
-  }
-  /**
-   * define Color from HSV values
-   */
-  setHsva(e, t = 100, n = 100, i = 1) {
-    return e != null && (this.hsva.hue = e), t != null && (this.hsva.saturation = t), n != null && (this.hsva.value = n), i != null && (i = i > 1 ? 1 : i < 0 ? 0 : i, this.hsva.alpha = i), this.rgba = this.hsvaToRgba(this.hsva), this;
-  }
-  /**
-   * define Color from RGBa
-   */
-  setRgba(e, t, n, i = 1) {
-    return e != null && (this.rgba.red = e), t != null && (this.rgba.green = t), n != null && (this.rgba.blue = n), i != null && (i = i > 1 ? 1 : i < 0 ? 0 : i, this.rgba.alpha = i), this.hsva = this.rgbaToHsva(this.rgba), this;
-  }
-  /**
-   * define Color from HSLa
-   */
-  setHsla(e, t, n, i = 1) {
-    i != null && (i = i > 1 ? 1 : i < 0 ? 0 : i, this.rgba.alpha = i);
-    const u = new ie(e, t, n, i);
-    return this.rgba = this.hslaToRgba(u), this.hsva = this.rgbaToHsva(this.rgba), this;
-  }
-  /**
-   * return hexadecimal value formatted as '#341d2a' or '#341d2aFF' if alhpa channel is enabled
-   */
-  toHexString(e = !1) {
-    let t = "#" + (16777216 | this.rgba.getRed() << 16 | this.rgba.getGreen() << 8 | this.rgba.getBlue()).toString(16).substr(1);
-    return e && (t += (256 | Math.round(this.rgba.alpha * 255)).toString(16).substr(1)), t.toUpperCase();
-  }
-  /**
-   * return rgba string formatted as rgba(52, 29, 42, 1)
-   */
-  toRgbaString() {
-    return this.rgba.toString();
-  }
-  /**
-   * return rgb string formatted as rgb(52, 29, 42)
-   */
-  toRgbString() {
-    return this.rgba.toString(!1);
-  }
-  /**
-   * return hsla string formatted as hsla(327, 29%, 16%, 1)
-   */
-  toHslaString() {
-    return this.getHsla().toString();
-  }
-  /**
-   * return hsl string formatted as hsl(327, 29%, 16%)
-   */
-  toHslString() {
-    return this.getHsla().toString(!1);
-  }
-  /**
-   * return hsva string formatted as hsva(327, 29%, 16%, 100%)
-   */
-  toHsvaString() {
-    return this.hsva.toString();
-  }
-  /**
-   * return hsv string formatted as hsv(327, 29%, 16%)
-   */
-  toHsvString() {
-    return this.hsva.toString(!1);
-  }
-  /**
-   * return Cmyk string formatted as cmyk(100%, 100%, 100%, 100%)
-   */
-  toCmykString() {
-    return this.getCmyk().toString();
-  }
-  getHsva() {
-    return new ae(this.hsva.hue, this.hsva.saturation, this.hsva.value, this.hsva.alpha);
-  }
-  getRgba() {
-    return new o(this.rgba.red, this.rgba.green, this.rgba.blue, this.rgba.alpha);
-  }
-  getHsla() {
-    return this.rgbaToHsla(this.rgba);
-  }
-  getCmyk() {
-    return this.rgbaToCmyk(this.rgba);
-  }
-  hsvaToHsla(e) {
-    const { hue: t } = e, n = e.saturation / 100, i = e.value / 100, u = (2 - n) * e.value / 2, l = n * i / (u <= 1 ? u : 2 - u) || 0;
-    return new ie(t, u * 100, l * 100, e.alpha);
-  }
-  hslaToHsva(e) {
-    const { hue: t } = e, n = e.lightness / 100 * 2, i = e.saturation / 100 * (n <= 1 ? n : 2 - n), u = (n + i) / 2, l = 2 * i / (n + i) || 0;
-    return new ae(t, l, u, e.alpha);
-  }
-  rgbaToHsva(e) {
-    const t = e.red / 255, n = e.green / 255, i = e.blue / 255, { alpha: u } = e, l = Math.max(t, n, i), c = Math.min(t, n, i), g = l - c;
-    let h = 0, p = l === 0 ? 0 : g / l, f = l;
-    if (l !== c) {
-      switch (l) {
-        case t:
-          h = (n - i) / g + (n < i ? 6 : 0);
-          break;
-        case n:
-          h = 2 + (i - t) / g;
-          break;
-        case i:
-          h = 4 + (t - n) / g;
-          break;
-      }
-      h /= 6;
-    }
-    return h *= 360, p *= 100, f *= 100, new ae(h, p, f, u);
-  }
-  hsvaToRgba(e) {
-    let t = 1, n = 0, i = 0;
-    const u = e.saturation / 100, l = e.value / 100, { alpha: c } = e, g = e.hue / 60, h = Math.floor(g), p = g - h, f = (1 - u) * l, d = (1 - u * p) * l, b = (1 - u * (1 - p)) * l;
-    switch (h) {
-      case 6:
-      case 0:
-        t = l, n = b, i = f;
-        break;
-      case 1:
-        t = d, n = l, i = f;
-        break;
-      case 2:
-        t = f, n = l, i = b;
-        break;
-      case 3:
-        t = f, n = d, i = l;
-        break;
-      case 4:
-        t = b, n = f, i = l;
-        break;
-      case 5:
-        t = l, n = f, i = d;
-        break;
-    }
-    return t *= 255, n *= 255, i *= 255, new o(t, n, i, c);
-  }
-  rgbaToHsla(e) {
-    const t = e.red / 255, n = e.green / 255, i = e.blue / 255, { alpha: u } = e, l = Math.max(t, n, i), c = Math.min(t, n, i);
-    let g = 0, h = 0, p = (l + c) / 2;
-    const f = l - c;
-    if (l !== c) {
-      switch (h = p > 0.5 ? f / (2 - l - c) : f / (l + c), l) {
-        case t:
-          g = (n - i) / f + (n < i ? 6 : 0);
-          break;
-        case n:
-          g = (i - t) / f + 2;
-          break;
-        case i:
-          g = (t - n) / f + 4;
-          break;
-      }
-      g /= 6;
-    }
-    return g *= 360, h *= 100, p *= 100, new ie(g, h, p, u);
-  }
-  /**
-   * convert rgb color from HSLa
-   *
-   * hue = 0 => 360
-   * saturation = 0 => 1
-   * lightness = 0 => 1
-   */
-  hslaToRgba(e) {
-    const t = e.hue / 360, n = e.saturation / 100, i = e.lightness / 100, { alpha: u } = e;
-    let l = i, c = i, g = i;
-    if (n !== 0) {
-      const h = i < 0.5 ? i * (1 + n) : i + n - i * n, p = 2 * i - h;
-      l = this.hueToRgb(p, h, t + 1 / 3), c = this.hueToRgb(p, h, t), g = this.hueToRgb(p, h, t - 1 / 3);
-    }
-    return l *= 255, c *= 255, g *= 255, new o(l, c, g, u);
-  }
-  hueToRgb(e, t, n) {
-    return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
-  }
-  /**
-   * The Red, Green, Blue values are given in the range of 0..255,
-   *
-   * the red color(R) is calculated from the cyan(C) and black(K) colors,
-   * the green color(G) is calculated from the magenta(M) and black(K) colors,
-   * The blue color(B) is calculated from the yellow(Y) and black(K) colors.
-   *
-   * Below is the formula of CMYK to RGB convertion
-   *
-   * Red = 255 × 1 - min( (1 - Cyan ÷ 100) × (1 - Black) )
-   * Green = 255 × 1 - min(1 - Magenta ÷ 100) × (1 - Black)
-   * Blue = 255 × 1 - min(1 - Yellow ÷ 100) × (1 - Black)
-   */
-  cmykToRgba(e) {
-    const t = e.black / 100, n = e.cyan / 100, i = e.magenta / 100, u = e.yellow / 100;
-    let l = Math.min(1, (1 - n) * (1 - t)), c = Math.min(1, (1 - i) * (1 - t)), g = Math.min(1, (1 - u) * (1 - t));
-    return l *= 255, c *= 255, g *= 255, new o(l, c, g, 1);
-  }
-  /**
-   * The max number of R, G, B values are 255, first of all, we divided them by 255 to become the number
-   * of 0~1, this ratio will be used in the calculation.
-   * Rc = R ÷ 255
-   * Gc = G ÷ 255
-   * Bc = B ÷ 255
-   * The black key(K) color could be many result, when we assume a black key value,
-   * the other three colors(cyan, magenta, yellow) can be calculated.
-   * we can calculate it from the red, green and blue colors, the max number of black key should be :
-   * K = 1 - min(Rc, Gc, Bc);
-   *
-   * or we can assume we run out of the black ink, need use the remaining other three color inks to finish the printing job.
-   * K = 0;
-   *
-   * The cyan color(C) is calculated from the red and black colors:
-   * C = (1 - Rc - K) ÷ (1 - K)
-   *
-   * The magenta color (M) is calculated from the green and black colors:
-   * M = (1 - Gr - K) ÷ (1 - K)
-   *
-   * The yellow color(Y) is calculated from the blue and black colors:
-   * Y = (1 - Bc - K) ÷ ( 1 - K)
-   */
-  rgbaToCmyk(e) {
-    const t = e.red / 255, n = e.green / 255, i = e.blue / 255;
-    let u = 1 - t, l = 1 - n, c = 1 - i, g = Math.min(u, l, c);
-    return g === 1 ? new we(0, 0, 0, 1) : (u = (u - g) / (1 - g), l = (l - g) / (1 - g), c = (c - g) / (1 - g), g *= 100, u *= 100, l *= 100, c *= 100, new we(u, l, c, g));
-  }
-  roundNumber(e) {
-    return Math.round(e * 100) / 100;
-  }
-  stringToColor(e) {
-    const t = e.replace(/ /g, "").toLowerCase();
-    let n = Ee[e] || null;
-    if (t[0] === "#") {
-      let l = t.substr(1);
-      const { length: c } = l;
-      let g = 1, h;
-      if (c === 3)
-        h = l.split("").map((p) => p + p);
-      else if (c === 6)
-        h = l.match(/.{2}/g);
-      else if (c === 8) {
-        const p = l.substr(-2);
-        l = l.substr(0, c - 2), g = this.roundNumber(parseInt(p || "FF", 16) / 255), h = l.match(/.{2}/g);
-      }
-      h && h.length === 3 && (n = new o(parseInt(h[0], 16), parseInt(h[1], 16), parseInt(h[2], 16), g));
-    }
-    const i = t.indexOf("("), u = t.indexOf(")");
-    if (i !== -1 && u + 1 === t.length) {
-      const l = t.substr(0, i), c = t.substr(i + 1, u - (i + 1)).split(",");
-      let g = 1, h, p;
-      switch (l) {
-        case "rgba":
-          g = parseFloat(c.pop());
-        case "rgb":
-          n = new o(parseInt(c[0], 10), parseInt(c[1], 10), parseInt(c[2], 10), g);
-          break;
-        case "hsla":
-          g = parseFloat(c.pop());
-          break;
-        case "hsl":
-          h = new ie(
-            parseInt(c[0], 10),
-            parseInt(c[1], 10),
-            parseInt(c[2], 10),
-            g
-          ), n = this.hslaToRgba(h);
-          break;
-        case "cmyk":
-          p = new we(
-            parseInt(c[0], 10),
-            parseInt(c[1], 10),
-            parseInt(c[2], 10),
-            parseInt(c[3], 10)
-          ), n = this.cmykToRgba(p);
-          break;
-      }
-    }
-    return n && (this.rgba = n, this.hsva = this.rgbaToHsva(n)), this;
-  }
-}
-var Me = function(r, e) {
-  return Me = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, n) {
-    t.__proto__ = n;
-  } || function(t, n) {
-    for (var i in n)
-      Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
-  }, Me(r, e);
-};
-function te(r, e) {
-  if (typeof e != "function" && e !== null)
-    throw new TypeError("Class extends value " + String(e) + " is not a constructor or null");
-  Me(r, e);
-  function t() {
-    this.constructor = r;
-  }
-  r.prototype = e === null ? Object.create(e) : (t.prototype = e.prototype, new t());
-}
-function He(r) {
-  var e = typeof Symbol == "function" && Symbol.iterator, t = e && r[e], n = 0;
-  if (t)
-    return t.call(r);
-  if (r && typeof r.length == "number")
-    return {
-      next: function() {
-        return r && n >= r.length && (r = void 0), { value: r && r[n++], done: !r };
-      }
-    };
-  throw new TypeError(e ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-function ue(r, e) {
-  var t = typeof Symbol == "function" && r[Symbol.iterator];
-  if (!t)
-    return r;
-  var n = t.call(r), i, u = [], l;
-  try {
-    for (; (e === void 0 || e-- > 0) && !(i = n.next()).done; )
-      u.push(i.value);
-  } catch (c) {
-    l = { error: c };
-  } finally {
-    try {
-      i && !i.done && (t = n.return) && t.call(n);
-    } finally {
-      if (l)
-        throw l.error;
-    }
-  }
-  return u;
-}
-function ce(r, e, t) {
-  if (t || arguments.length === 2)
-    for (var n = 0, i = e.length, u; n < i; n++)
-      (u || !(n in e)) && (u || (u = Array.prototype.slice.call(e, 0, n)), u[n] = e[n]);
-  return r.concat(u || Array.prototype.slice.call(e));
-}
-function Y(r) {
-  return typeof r == "function";
-}
-function ze(r) {
-  var e = function(n) {
-    Error.call(n), n.stack = new Error().stack;
-  }, t = r(e);
-  return t.prototype = Object.create(Error.prototype), t.prototype.constructor = t, t;
-}
-var be = ze(function(r) {
-  return function(t) {
-    r(this), this.message = t ? t.length + ` errors occurred during unsubscription:
-` + t.map(function(n, i) {
-      return i + 1 + ") " + n.toString();
-    }).join(`
-  `) : "", this.name = "UnsubscriptionError", this.errors = t;
-  };
-});
-function Be(r, e) {
-  if (r) {
-    var t = r.indexOf(e);
-    0 <= t && r.splice(t, 1);
-  }
-}
-var pe = function() {
-  function r(e) {
-    this.initialTeardown = e, this.closed = !1, this._parentage = null, this._finalizers = null;
-  }
-  return r.prototype.unsubscribe = function() {
-    var e, t, n, i, u;
-    if (!this.closed) {
-      this.closed = !0;
-      var l = this._parentage;
-      if (l)
-        if (this._parentage = null, Array.isArray(l))
-          try {
-            for (var c = He(l), g = c.next(); !g.done; g = c.next()) {
-              var h = g.value;
-              h.remove(this);
-            }
-          } catch (v) {
-            e = { error: v };
-          } finally {
-            try {
-              g && !g.done && (t = c.return) && t.call(c);
-            } finally {
-              if (e)
-                throw e.error;
-            }
-          }
-        else
-          l.remove(this);
-      var p = this.initialTeardown;
-      if (Y(p))
-        try {
-          p();
-        } catch (v) {
-          u = v instanceof be ? v.errors : [v];
-        }
-      var f = this._finalizers;
-      if (f) {
-        this._finalizers = null;
-        try {
-          for (var d = He(f), b = d.next(); !b.done; b = d.next()) {
-            var y = b.value;
-            try {
-              Ue(y);
-            } catch (v) {
-              u = u ?? [], v instanceof be ? u = ce(ce([], ue(u)), ue(v.errors)) : u.push(v);
-            }
-          }
-        } catch (v) {
-          n = { error: v };
-        } finally {
-          try {
-            b && !b.done && (i = d.return) && i.call(d);
-          } finally {
-            if (n)
-              throw n.error;
-          }
-        }
-      }
-      if (u)
-        throw new be(u);
-    }
-  }, r.prototype.add = function(e) {
-    var t;
-    if (e && e !== this)
-      if (this.closed)
-        Ue(e);
-      else {
-        if (e instanceof r) {
-          if (e.closed || e._hasParent(this))
-            return;
-          e._addParent(this);
-        }
-        (this._finalizers = (t = this._finalizers) !== null && t !== void 0 ? t : []).push(e);
-      }
-  }, r.prototype._hasParent = function(e) {
-    var t = this._parentage;
-    return t === e || Array.isArray(t) && t.includes(e);
-  }, r.prototype._addParent = function(e) {
-    var t = this._parentage;
-    this._parentage = Array.isArray(t) ? (t.push(e), t) : t ? [t, e] : e;
-  }, r.prototype._removeParent = function(e) {
-    var t = this._parentage;
-    t === e ? this._parentage = null : Array.isArray(t) && Be(t, e);
-  }, r.prototype.remove = function(e) {
-    var t = this._finalizers;
-    t && Be(t, e), e instanceof r && e._removeParent(this);
-  }, r.EMPTY = function() {
-    var e = new r();
-    return e.closed = !0, e;
-  }(), r;
-}(), Je = pe.EMPTY;
-function Qe(r) {
-  return r instanceof pe || r && "closed" in r && Y(r.remove) && Y(r.add) && Y(r.unsubscribe);
-}
-function Ue(r) {
-  Y(r) ? r() : r.unsubscribe();
-}
-var Ze = {
-  onUnhandledError: null,
-  onStoppedNotification: null,
-  Promise: void 0,
-  useDeprecatedSynchronousErrorHandling: !1,
-  useDeprecatedNextContext: !1
-}, Oe = {
-  setTimeout: function(r, e) {
-    for (var t = [], n = 2; n < arguments.length; n++)
-      t[n - 2] = arguments[n];
-    var i = Oe.delegate;
-    return i != null && i.setTimeout ? i.setTimeout.apply(i, ce([r, e], ue(t))) : setTimeout.apply(void 0, ce([r, e], ue(t)));
-  },
-  clearTimeout: function(r) {
-    var e = Oe.delegate;
-    return ((e == null ? void 0 : e.clearTimeout) || clearTimeout)(r);
-  },
-  delegate: void 0
-};
-function Vt(r) {
-  Oe.setTimeout(function() {
-    throw r;
-  });
-}
-function Le() {
-}
-function le(r) {
-  r();
-}
-var Ie = function(r) {
-  te(e, r);
-  function e(t) {
-    var n = r.call(this) || this;
-    return n.isStopped = !1, t ? (n.destination = t, Qe(t) && t.add(n)) : n.destination = It, n;
-  }
-  return e.create = function(t, n, i) {
-    return new Ve(t, n, i);
-  }, e.prototype.next = function(t) {
-    this.isStopped || this._next(t);
-  }, e.prototype.error = function(t) {
-    this.isStopped || (this.isStopped = !0, this._error(t));
-  }, e.prototype.complete = function() {
-    this.isStopped || (this.isStopped = !0, this._complete());
-  }, e.prototype.unsubscribe = function() {
-    this.closed || (this.isStopped = !0, r.prototype.unsubscribe.call(this), this.destination = null);
-  }, e.prototype._next = function(t) {
-    this.destination.next(t);
-  }, e.prototype._error = function(t) {
-    try {
-      this.destination.error(t);
-    } finally {
-      this.unsubscribe();
-    }
-  }, e.prototype._complete = function() {
-    try {
-      this.destination.complete();
-    } finally {
-      this.unsubscribe();
-    }
-  }, e;
-}(pe), $t = Function.prototype.bind;
-function ke(r, e) {
-  return $t.call(r, e);
-}
-var At = function() {
-  function r(e) {
-    this.partialObserver = e;
-  }
-  return r.prototype.next = function(e) {
-    var t = this.partialObserver;
-    if (t.next)
-      try {
-        t.next(e);
-      } catch (n) {
-        oe(n);
-      }
-  }, r.prototype.error = function(e) {
-    var t = this.partialObserver;
-    if (t.error)
-      try {
-        t.error(e);
-      } catch (n) {
-        oe(n);
-      }
-    else
-      oe(e);
-  }, r.prototype.complete = function() {
-    var e = this.partialObserver;
-    if (e.complete)
-      try {
-        e.complete();
-      } catch (t) {
-        oe(t);
-      }
-  }, r;
-}(), Ve = function(r) {
-  te(e, r);
-  function e(t, n, i) {
-    var u = r.call(this) || this, l;
-    if (Y(t) || !t)
-      l = {
-        next: t ?? void 0,
-        error: n ?? void 0,
-        complete: i ?? void 0
-      };
-    else {
-      var c;
-      u && Ze.useDeprecatedNextContext ? (c = Object.create(t), c.unsubscribe = function() {
-        return u.unsubscribe();
-      }, l = {
-        next: t.next && ke(t.next, c),
-        error: t.error && ke(t.error, c),
-        complete: t.complete && ke(t.complete, c)
-      }) : l = t;
-    }
-    return u.destination = new At(l), u;
-  }
-  return e;
-}(Ie);
-function oe(r) {
-  Vt(r);
-}
-function xt(r) {
-  throw r;
-}
-var It = {
-  closed: !0,
-  next: Le,
-  error: xt,
-  complete: Le
-}, Nt = function() {
-  return typeof Symbol == "function" && Symbol.observable || "@@observable";
-}();
-function Ke(r) {
-  return r;
-}
-function jt(r) {
-  return r.length === 0 ? Ke : r.length === 1 ? r[0] : function(t) {
-    return r.reduce(function(n, i) {
-      return i(n);
-    }, t);
-  };
-}
-var Re = function() {
-  function r(e) {
-    e && (this._subscribe = e);
-  }
-  return r.prototype.lift = function(e) {
-    var t = new r();
-    return t.source = this, t.operator = e, t;
-  }, r.prototype.subscribe = function(e, t, n) {
-    var i = this, u = Ut(e) ? e : new Ve(e, t, n);
-    return le(function() {
-      var l = i, c = l.operator, g = l.source;
-      u.add(c ? c.call(u, g) : g ? i._subscribe(u) : i._trySubscribe(u));
-    }), u;
-  }, r.prototype._trySubscribe = function(e) {
-    try {
-      return this._subscribe(e);
-    } catch (t) {
-      e.error(t);
-    }
-  }, r.prototype.forEach = function(e, t) {
-    var n = this;
-    return t = Fe(t), new t(function(i, u) {
-      var l = new Ve({
-        next: function(c) {
-          try {
-            e(c);
-          } catch (g) {
-            u(g), l.unsubscribe();
-          }
-        },
-        error: u,
-        complete: i
-      });
-      n.subscribe(l);
-    });
-  }, r.prototype._subscribe = function(e) {
-    var t;
-    return (t = this.source) === null || t === void 0 ? void 0 : t.subscribe(e);
-  }, r.prototype[Nt] = function() {
-    return this;
-  }, r.prototype.pipe = function() {
-    for (var e = [], t = 0; t < arguments.length; t++)
-      e[t] = arguments[t];
-    return jt(e)(this);
-  }, r.prototype.toPromise = function(e) {
-    var t = this;
-    return e = Fe(e), new e(function(n, i) {
-      var u;
-      t.subscribe(function(l) {
-        return u = l;
-      }, function(l) {
-        return i(l);
-      }, function() {
-        return n(u);
-      });
-    });
-  }, r.create = function(e) {
-    return new r(e);
-  }, r;
-}();
-function Fe(r) {
-  var e;
-  return (e = r ?? Ze.Promise) !== null && e !== void 0 ? e : Promise;
-}
-function Dt(r) {
-  return r && Y(r.next) && Y(r.error) && Y(r.complete);
-}
-function Ut(r) {
-  return r && r instanceof Ie || Dt(r) && Qe(r);
-}
-function Lt(r) {
-  return Y(r == null ? void 0 : r.lift);
-}
-function Rt(r) {
-  return function(e) {
-    if (Lt(e))
-      return e.lift(function(t) {
-        try {
-          return r(t, this);
-        } catch (n) {
-          this.error(n);
-        }
-      });
-    throw new TypeError("Unable to lift unknown Observable type");
-  };
-}
-function Ft(r, e, t, n, i) {
-  return new Ct(r, e, t, n, i);
-}
-var Ct = function(r) {
-  te(e, r);
-  function e(t, n, i, u, l, c) {
-    var g = r.call(this, t) || this;
-    return g.onFinalize = l, g.shouldUnsubscribe = c, g._next = n ? function(h) {
-      try {
-        n(h);
-      } catch (p) {
-        t.error(p);
-      }
-    } : r.prototype._next, g._error = u ? function(h) {
-      try {
-        u(h);
-      } catch (p) {
-        t.error(p);
-      } finally {
-        this.unsubscribe();
-      }
-    } : r.prototype._error, g._complete = i ? function() {
-      try {
-        i();
-      } catch (h) {
-        t.error(h);
-      } finally {
-        this.unsubscribe();
-      }
-    } : r.prototype._complete, g;
-  }
-  return e.prototype.unsubscribe = function() {
-    var t;
-    if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {
-      var n = this.closed;
-      r.prototype.unsubscribe.call(this), !n && ((t = this.onFinalize) === null || t === void 0 || t.call(this));
-    }
-  }, e;
-}(Ie), qt = ze(function(r) {
-  return function() {
-    r(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
-  };
-}), Ne = function(r) {
-  te(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 Ce(this, this);
-    return n.operator = t, n;
-  }, e.prototype._throwIfClosed = function() {
-    if (this.closed)
-      throw new qt();
-  }, e.prototype.next = function(t) {
-    var n = this;
-    le(function() {
-      var i, u;
-      if (n._throwIfClosed(), !n.isStopped) {
-        n.currentObservers || (n.currentObservers = Array.from(n.observers));
-        try {
-          for (var l = He(n.currentObservers), c = l.next(); !c.done; c = l.next()) {
-            var g = c.value;
-            g.next(t);
-          }
-        } catch (h) {
-          i = { error: h };
-        } finally {
-          try {
-            c && !c.done && (u = l.return) && u.call(l);
-          } finally {
-            if (i)
-              throw i.error;
-          }
-        }
-      }
-    });
-  }, e.prototype.error = function(t) {
-    var n = this;
-    le(function() {
-      if (n._throwIfClosed(), !n.isStopped) {
-        n.hasError = n.isStopped = !0, n.thrownError = t;
-        for (var i = n.observers; i.length; )
-          i.shift().error(t);
-      }
-    });
-  }, e.prototype.complete = function() {
-    var t = this;
-    le(function() {
-      if (t._throwIfClosed(), !t.isStopped) {
-        t.isStopped = !0;
-        for (var n = t.observers; n.length; )
-          n.shift().complete();
-      }
-    });
-  }, e.prototype.unsubscribe = function() {
-    this.isStopped = this.closed = !0, this.observers = this.currentObservers = null;
-  }, Object.defineProperty(e.prototype, "observed", {
-    get: function() {
-      var t;
-      return ((t = this.observers) === null || t === void 0 ? void 0 : t.length) > 0;
-    },
-    enumerable: !1,
-    configurable: !0
-  }), e.prototype._trySubscribe = function(t) {
-    return this._throwIfClosed(), r.prototype._trySubscribe.call(this, t);
-  }, e.prototype._subscribe = function(t) {
-    return this._throwIfClosed(), this._checkFinalizedStatuses(t), this._innerSubscribe(t);
-  }, e.prototype._innerSubscribe = function(t) {
-    var n = this, i = this, u = i.hasError, l = i.isStopped, c = i.observers;
-    return u || l ? Je : (this.currentObservers = null, c.push(t), new pe(function() {
-      n.currentObservers = null, Be(c, t);
-    }));
-  }, e.prototype._checkFinalizedStatuses = function(t) {
-    var n = this, i = n.hasError, u = n.thrownError, l = n.isStopped;
-    i ? t.error(u) : l && t.complete();
-  }, e.prototype.asObservable = function() {
-    var t = new Re();
-    return t.source = this, t;
-  }, e.create = function(t, n) {
-    return new Ce(t, n);
-  }, e;
-}(Re), Ce = function(r) {
-  te(e, r);
-  function e(t, n) {
-    var i = r.call(this) || this;
-    return i.destination = t, i.source = n, i;
-  }
-  return e.prototype.next = function(t) {
-    var n, i;
-    (i = (n = this.destination) === null || n === void 0 ? void 0 : n.next) === null || i === void 0 || i.call(n, t);
-  }, e.prototype.error = function(t) {
-    var n, i;
-    (i = (n = this.destination) === null || n === void 0 ? void 0 : n.error) === null || i === void 0 || i.call(n, t);
-  }, e.prototype.complete = function() {
-    var t, n;
-    (n = (t = this.destination) === null || t === void 0 ? void 0 : t.complete) === null || n === void 0 || n.call(t);
-  }, e.prototype._subscribe = function(t) {
-    var n, i;
-    return (i = (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(t)) !== null && i !== void 0 ? i : Je;
-  }, e;
-}(Ne), qe = function(r) {
-  te(e, r);
-  function e(t) {
-    var n = r.call(this) || this;
-    return n._value = t, n;
-  }
-  return Object.defineProperty(e.prototype, "value", {
-    get: function() {
-      return this.getValue();
-    },
-    enumerable: !1,
-    configurable: !0
-  }), e.prototype._subscribe = function(t) {
-    var n = r.prototype._subscribe.call(this, t);
-    return !n.closed && t.next(this._value), n;
-  }, e.prototype.getValue = function() {
-    var t = this, n = t.hasError, i = t.thrownError, u = t._value;
-    if (n)
-      throw i;
-    return this._throwIfClosed(), u;
-  }, e.prototype.next = function(t) {
-    r.prototype.next.call(this, this._value = t);
-  }, e;
-}(Ne);
-function Yt(r, e) {
-  return e === void 0 && (e = Ke), r = r ?? Xt, Rt(function(t, n) {
-    var i, u = !0;
-    t.subscribe(Ft(n, function(l) {
-      var c = e(l);
-      (u || !r(i, c)) && (u = !1, i = c, n.next(l));
-    }));
-  });
-}
-function Xt(r, e) {
-  return r === e;
-}
-var A = /* @__PURE__ */ ((r) => (r.hex = "hex", r.hexa = "hexa", r.rgba = "rgba", r.rgb = "rgb", r.hsla = "hsla", r.hsl = "hsl", r.cmyk = "cmyk", r))(A || {});
-class je {
-  constructor(e) {
-    /** 所选颜色值 */
-    a(this, "modelValue", null);
-    /** 色调颜色值 */
-    a(this, "hueValue", null);
-    /** 初始颜色值 */
-    a(this, "initValue", null);
-    a(this, "valueChanged", new Ne());
-    a(this, "presetsVisibilityChanges", new qe(!0));
-    a(this, "initType", null);
-    a(this, "alphaChannelVisibilityChanges", new qe(!0));
-    a(this, "valueChanges", this.valueChanged.asObservable().pipe(Yt(
-      (e, t) => e.toRgbaString() === t.toRgbaString()
-    )));
-    a(this, "colorPresets", []);
-    const t = e[0], n = P.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;
-  }
-  setHueColor(e) {
-    (this.hueValue && e.getHsva().hue > 0 || !this.hueValue) && (this.hueValue = new P().setHsva(e.getHsva().hue));
-  }
-  get hue() {
-    return this.hueValue;
-  }
-  set hue(e) {
-    this.hueValue = e;
-  }
-  setValue(e) {
-    return this.modelValue = e, this.valueChanged.next(e), this;
-  }
-  get value() {
-    return this.modelValue;
-  }
-  set value(e) {
-    this.setValue(e);
-  }
-  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;
-  }
-  showAlphaChannel() {
-    return this.alphaChannelVisibilityChanges.next(!0), this;
-  }
-  finOutInputType(e) {
-    const t = e.replace(/ /g, "").toLowerCase();
-    t[0] === "#" && (this.initType = "hex", t.length > 7 && (this.initType = "hexa"));
-    const n = t.indexOf("(");
-    switch (t.substr(0, n)) {
-      case "rgba":
-        this.initType = "rgba";
-        break;
-      case "rgb":
-        this.initType = "rgb";
-        break;
-      case "hsla":
-        this.initType = "hsla";
-        break;
-      case "hsl":
-        this.initType = "hsl";
-        break;
-      case "cmyk":
-        this.initType = "cmyk";
-        break;
-    }
-  }
-  /** 设置预定义颜色 */
-  setColorPresets(e) {
-    return this.colorPresets = this.setPresets(e), this;
-  }
-  setPresets(e) {
-    const t = [];
-    return e.map((n) => {
-      Array.isArray(n) ? t.push(this.setPresets(n)) : t.push(new P(n));
-    }), t;
-  }
-  get presets() {
-    return this.colorPresets;
-  }
-  hasPresets() {
-    return this.colorPresets.length > 0;
-  }
-}
-/** 确定输入颜色类型 */
-a(je, "finOutInputType");
-function j(r, e) {
-  switch (e) {
-    case A.hex:
-      return r.toHexString();
-    case A.hexa:
-      return r.toHexString(!0);
-    case A.rgb:
-      return r.toRgbString();
-    case A.rgba:
-      return r.toRgbaString();
-    case A.hsl:
-      return r.toHslString();
-    case A.hsla:
-      return r.toHslaString();
-    default:
-      return r.toRgbaString();
-  }
-}
-const Wt = {
-  color: { type: Object, default: "" },
-  hue: { type: Object, default: "" },
-  randomId: { type: String, default: "" },
-  allowColorNull: { type: Boolean, default: !1 }
-}, Te = /* @__PURE__ */ ee({
-  name: "SvPanel",
-  props: Wt,
-  emits: ["update:color"],
-  setup(r, e) {
-    const t = S(null), n = S(null), i = S(r.randomId), u = S(r.allowColorNull);
-    function l() {
-      return r.hue ? r.hue.toRgbaString() : "#3f51b5";
-    }
-    function c(f, d) {
-      var b, y;
-      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 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: f,
-      y: d,
-      height: b,
-      width: y
-    }) {
-      const v = f * 100 / y, V = -(d * 100 / b) + 100;
-      c(v, V);
-      const E = r.color == null ? "transparent" : r.color, H = P.from(E);
-      if (g(), H != null) {
-        const x = r.hue.getHsva(), D = H.getHsva(), N = new P().setHsva(x.hue, v, V, D.alpha);
-        e.emit("update:color", N);
-      }
-      !H && u.value && e.emit("update:color", null);
-    }
-    function p(f) {
-      if (n.value) {
-        const {
-          width: d,
-          height: b,
-          top: y,
-          left: v
-        } = n.value.getBoundingClientRect(), {
-          pageX: V,
-          pageY: E
-        } = "touches" in f ? f.touches[0] : f, H = Math.max(0, Math.min(V - (v + window.pageXOffset), d)), x = Math.max(0, Math.min(E - (y + window.pageYOffset), b));
-        h({
-          x: H,
-          y: x,
-          height: b,
-          width: d
-        });
-      }
-    }
-    return T(() => {
-      const f = r.color.getHsva();
-      c(f.saturation, f.value);
-    }), C(() => r.color, (f) => {
-      f.getHsva();
-    }), C(() => r.color, (f) => {
-      const d = f.getHsva();
-      c(d.saturation, d.value);
-    }), () => k("div", {
-      class: "f-sv-panel-component",
-      ref: n,
-      style: {
-        backgroundColor: l()
-      },
-      onMousedown: _((f) => p(f), ["prevent"]),
-      onTouchstart: _((f) => p(f), ["prevent"])
-    }, [k("div", {
-      class: "color-svpanel__white"
-    }, null), k("div", {
-      class: "color-svpanel__black"
-    }, null), k("div", {
-      class: "color-svpanel__cursor",
-      ref: t
-    }, [k("div", null, null)])]);
-  }
-}), Gt = {
-  color: { type: Object, default: "" },
-  hue: { type: Object, default: "" },
-  allowColorNull: { type: Boolean, default: !1 },
-  onChange: { type: Function }
-}, _e = /* @__PURE__ */ ee({
-  name: "Hue",
-  props: Gt,
-  emits: ["update:color", "update:hue"],
-  setup(r, e) {
-    const t = S(r.hue), n = S(r.allowColorNull), i = [];
-    function u(y) {
-      y.preventDefault(), c(y);
-    }
-    const l = S(null);
-    function c(y) {
-      if (l.value) {
-        const {
-          width: v,
-          height: V,
-          top: E,
-          left: H
-        } = l.value.getBoundingClientRect(), {
-          pageX: x,
-          pageY: D
-        } = "touches" in y ? y.touches[0] : y, N = Math.max(0, Math.min(x - (H + window.pageXOffset), v)), M = Math.max(0, Math.min(D - (E + window.pageYOffset), V));
-        b({
-          x: N,
-          y: M,
-          height: V,
-          width: v
-        });
-      }
-    }
-    function g() {
-      i.forEach((y) => y()), i.length = 0;
-    }
-    function h(y) {
-      u(y), document.addEventListener("mouseup", g), document.addEventListener("touchend", g), document.addEventListener("touchmove", u);
-    }
-    const p = (y) => {
-      h(y), y.stopPropagation();
-    };
-    T(() => {
-      document.querySelectorAll(".f-hue-component").forEach((V) => {
-        V.addEventListener("mousedown", p), V.addEventListener("touchstart", p);
-      });
-      const v = r.color.getHsva();
-      d(v.hue);
-    });
-    const f = S(null);
-    function d(y) {
-      var E;
-      const v = Math.max(0, Math.min(y / 360 * 100, 100)), V = "top";
-      f.value && ((E = f.value.style) == null || E.setProperty(V, `${v}%`));
-    }
-    function b({
-      x: y,
-      y: v,
-      height: V,
-      width: E
-    }) {
-      const H = v / V * 360;
-      d(H);
-      const x = r.color.getHsva(), D = new P().setHsva(H, x.saturation, x.value, x.alpha), N = new P().setHsva(H, 100, 100, x.alpha);
-      (r.color != null || r.color == null && n.value) && (e.emit("update:hue", N), e.emit("update:color", D));
-    }
-    return C(t, (y) => {
-      const v = y.getHsva();
-      d(v.hue);
-    }), C(() => r.color, (y) => {
-      const v = y.getHsva();
-      d(v.hue);
-    }), () => k("div", {
-      class: "f-hue-component",
-      ref: l,
-      onMousedown: _((y) => c(y), ["prevent"]),
-      onTouchstart: _((y) => c(y), ["prevent"])
-    }, [k("div", {
-      class: "color-hue-slider__bar"
-    }, null), k("div", {
-      class: "color-hue-slider__thumb",
-      ref: f
-    }, null)]);
-  }
-}), zt = {
-  color: { type: Object, default: "" },
-  randomId: { type: String, default: "" },
-  allowColorNull: { type: Boolean, default: !1 }
-}, et = /* @__PURE__ */ ee({
-  name: "Alpha",
-  props: zt,
-  emits: ["update:color"],
-  setup(r, e) {
-    const t = S(null), n = S(null), i = S(r.randomId), u = S(r.allowColorNull), l = (p) => {
-      var b;
-      const f = Math.max(0, Math.min(p * 100, 100)), d = "left";
-      n.value && ((b = n.value.style) == null || b.setProperty(d, `${f}%`));
-    };
-    function c(p) {
-      if (t.value) {
-        const {
-          width: f,
-          height: d,
-          top: b,
-          left: y
-        } = t.value.getBoundingClientRect(), {
-          pageX: v,
-          pageY: V
-        } = "touches" in p ? p.touches[0] : p, E = Math.max(0, Math.min(v - (y + window.pageXOffset), f)), H = Math.max(0, Math.min(V - (b + window.pageYOffset), d));
-        h({
-          x: E,
-          y: H,
-          height: d,
-          width: f
-        });
-      }
-    }
-    function g() {
-      const p = document.getElementById(`farris-color-picker-plus-sure-${i.value}`);
-      p.className = "btn btn-secondary";
-      const f = document.getElementById(`farris-color-picker-plus-input-${i.value}`);
-      f.style.borderColor = "#dcdfe6";
-    }
-    const h = ({
-      x: p,
-      width: f
-    }) => {
-      const d = p / f;
-      l(d), g();
-      const b = r.color.getHsva(), y = new P().setHsva(b.hue, b.saturation, b.value, d);
-      r.color != null ? e.emit("update:color", y) : r.color == null && u.value && e.emit("update:color", null);
-    };
-    return T(() => {
-      const p = r.color.getHsva();
-      l(p.alpha);
-    }), C(() => r.color, (p) => {
-      const f = p.getHsva();
-      l(f.alpha);
-    }), () => k("div", {
-      class: "f-alpha-component",
-      ref: t,
-      onMousedown: _((p) => c(p), ["prevent"]),
-      onTouchstart: _((p) => c(p), ["prevent"])
-    }, [k("div", {
-      class: "color-alpha-slider__bar"
-    }, [$e(" ")]), k("div", {
-      class: "color-alpha-slider__thumb",
-      ref: n
-    }, null)]);
-  }
-}), Jt = {
-  color: { type: Object, default: "" },
-  hue: { type: Object, default: "" },
-  colorPresets: { type: Object, default: "" },
-  randomId: { type: String, default: "" }
-}, tt = /* @__PURE__ */ ee({
-  name: "Preset",
-  props: Jt,
-  emits: ["update:hue", "update:color"],
-  setup(r, e) {
-    const t = S(new P()), n = S(r.colorPresets), i = S(r.randomId);
-    function u() {
-      const h = document.getElementById(`farris-color-picker-plus-sure-${i.value}`);
-      h.className = "btn btn-secondary";
-      const p = document.getElementById(`farris-color-picker-plus-input-${i.value}`);
-      p.style.borderColor = "#dcdfe6";
-    }
-    function l(h) {
-      u();
-      const p = h.getRgba(), f = h.getHsva(), d = new P().setRgba(p.red, p.green, p.blue, p.alpha), b = new P().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(), f = t.value.getHsva().toString(), d = h.getRgba().toString() === p && h.getHsva().toString() === f;
-      return {
-        "color-preset__color-selector": d,
-        selected: d
-      };
-    }
-    function g(h, p) {
-      return k("div", {
-        class: "color-preset__color-selector"
-      }, [k("div", {
-        key: p,
-        class: c(h),
-        style: {
-          backgroundColor: h.toRgbString()
-        },
-        onClick: () => l(h)
-      }, null)]);
-    }
-    return () => k("div", {
-      class: "f-preset-component"
-    }, [k("div", {
-      class: "color-preset__colors"
-    }, [n.value.map((h, p) => g(h, p))])]);
-  }
-}), Se = /* @__PURE__ */ ee({
-  name: "FColorPicker",
-  props: xe,
-  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), u = S(r.color), l = 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, v = new je("#000000");
-    const V = S(r.color);
-    let E, H;
-    const x = S(null), D = S(null), N = S(null);
-    let M = U(() => !y && v && v.initType ? v.initType : y);
-    const B = U({
-      get() {
-        return y && n.value !== null ? (re(y), j(new P(n.value), A[y])) : n.value;
-      },
-      set(w) {
-        w !== null && (q(w), Q(w));
-      }
-    }), $ = S(B.value), I = U(() => b > -1), X = U(() => c.value.length > 0), L = U(() => ({
-      "background-color": u.value
-    })), z = U(() => h.value && g.value ? "display:flex" : "display:none"), J = [{
-      text: "HEX",
-      type: A.hex
-    }, {
-      text: "RGBA",
-      type: A.rgba
-    }];
-    function fe() {
-      const w = document.getElementById("farris-color-picker-panel");
-      w.id = `farris-color-picker-panel-${d}`;
-      const m = document.getElementById("farris-color-picker-plus-sure");
-      m.id = `farris-color-picker-plus-sure-${d}`;
-      const O = document.getElementById("farris-color-picker-plus-input");
-      O.id = `farris-color-picker-plus-input-${d}`, H = document.getElementById(`farris-color-picker-plus-sure-${d}`), E = document.getElementById(`farris-color-picker-panel-${d}`), E.className = "color-picker-panel disabled";
-    }
-    function G() {
-      if (!l.value && !n.value) {
-        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 && l.value || (n.value = j(new P(n.value), A[M.value])), $.value = B.value), ne(re(v.initType));
-    }
-    function se() {
-      n.value && q(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? u.value = j(new P(n.value), A[M.value]) : !n.value && l.value && (u.value = null);
-    }
-    function ve() {
-      v.valueChanges.subscribe((w) => {
-        const m = j(w, A[y || v.initType]);
-        n.value = m;
-      });
-    }
-    function ne(w) {
-      f.value = J[w].text;
-    }
-    function ge() {
-      var w;
-      h.value = !!(y != null && y.includes("a") || (w = v.initType) != null && w.includes("a"));
-    }
-    Ye(() => {
-      v.setColorPresets(c.value || ["#eaecf3"]);
-    }), T(() => {
-      fe(), G(), de(), se();
-    }), C(f, () => {
-      ve(), B.value = j(new P(n.value), A[y || v.initType]), t.value = new P(B.value), ge();
-    }), C(n, (w) => {
-      j(v.value, v.initType) !== w && w !== null && q(w), ne(re(v.initType));
-    }), C(t, (w) => {
-      n.value = j(w, A[y || v.initType]), q(n.value), B.value = n.value;
-    });
-    function Q(w) {
-      const m = document.getElementById(`farris-color-picker-plus-input-${d}`);
-      (w == "" || w == null || w == null) && !l.value ? (n.value = null, m.style.borderColor = "red", H.className = "btn btn-secondary disabled") : (m.style.borderColor = "#dcdfe6", H.className = "btn btn-secondary");
-    }
-    function ye(w) {
-      var m, O;
-      if (w == null || w.stopPropagation(), l.value) {
-        u.value = (n == null ? void 0 : n.value) ?? null;
-        const F = {
-          elementValue: u
-        };
-        e.emit("valueChanged", F), R();
-      }
-      if (!l.value && !(B.value == null || B.value == null || B.value == "")) {
-        (O = (m = x.value) == null ? void 0 : m.style) == null || O.setProperty("background", n.value), p.value = !0, u.value = n.value;
-        const F = {
-          elementValue: u
-        };
-        e.emit("valueChanged", F), R();
-      }
-      !V.value && !n.value && !p.value && l && R(), Q(n.value), B.value = n.value, H.classList.contains("disabled") || ($.value = n.value, g.value = !1);
-    }
-    function q(w) {
-      v == null || v.setValueFrom(w, d, l.value);
-    }
-    function me(w) {
-      E = document.getElementById(`farris-color-picker-panel-${d}`);
-      const m = E.className == "color-picker-panel";
-      i.value || m || (g.value = !0, E.classList.toggle("disabled"), G(), q(n.value), w.stopPropagation());
-    }
-    function R() {
-      E = document.getElementById(`farris-color-picker-panel-${d}`), E.className = "color-picker-panel disabled";
-    }
-    function re(w) {
-      const m = J.findIndex((O) => O.type === w);
-      return b = m, m;
-    }
-    function Z(w) {
-      if (!H.classList.contains("disabled")) {
-        const m = J.length;
-        b = (m + b + (w === "up" ? 1 : -1)) % m, y = J[b].type, ne(b), q(n.value);
-      }
-    }
-    return () => k("div", {
-      class: "f-color-picker-component",
-      ref: D
-    }, [k("div", {
-      class: ["color-picker-panel", {
-        disabled: i.value
-      }],
-      id: "farris-color-picker-panel",
-      ref: N,
-      onClick: (w) => w.stopPropagation(),
-      style: "top:30px"
-    }, [k("div", {
-      class: "color-picker-main"
-    }, [k(_e, {
-      hue: v.hue,
-      "onUpdate:hue": (w) => v.hue = w,
-      allowColorNull: l.value,
-      color: t.value,
-      "onUpdate:color": (w) => t.value = w
-    }, null), k(Te, {
-      randomId: d,
-      hue: v.hue,
-      "onUpdate:hue": (w) => v.hue = w,
-      allowColorNull: l.value,
-      color: t.value,
-      "onUpdate:color": (w) => t.value = w
-    }, null)]), k(et, {
-      style: z.value,
-      randomId: d,
-      allowColorNull: l.value,
-      color: t.value,
-      "onUpdate:color": (w) => t.value = w
-    }, null), k("div", {
-      class: "input-btn",
-      style: "display:flex;align-items: center;"
-    }, [W(k("span", {
-      style: "width:40px;margin-right:10px;"
-    }, [f.value]), [[K, X]]), W(k("input", {
-      type: "text",
-      title: "color-picker-plus",
-      id: "farris-color-picker-plus-input",
-      "onUpdate:modelValue": (w) => B.value = w,
-      style: "float:none"
-    }, null), [[Xe, B.value]]), W(k("div", {
-      class: "type-icon-btn-wrapper",
-      style: "cursor:pointer"
-    }, [k("span", {
-      class: "f-icon f-icon-arrow-60-up type-icon-btn",
-      onClick: () => Z("up")
-    }, null), k("span", {
-      class: "f-icon f-icon-arrow-60-down type-icon-btn",
-      onClick: () => Z("down")
-    }, null)]), [[K, X]]), k("div", {
-      class: "input-btn"
-    }, [k("button", {
-      id: "farris-color-picker-plus-sure",
-      class: "btn btn-secondary",
-      onClick: (w) => ye(w)
-    }, [$e("确定")])])]), W(k(tt, {
-      color: t.value,
-      "onUpdate:color": (w) => t.value = w,
-      hue: v.hue,
-      "onUpdate:hue": (w) => v.hue = w,
-      randomId: d,
-      colorPresets: v.presets
-    }, null), [[K, I]])]), k("div", {
-      class: "color-picker-wrapper"
-    }, [k("input", {
-      title: "color-picker-input",
-      type: "text",
-      class: "color-picker-input form-control",
-      value: $.value,
-      readonly: i.value,
-      onClick: (w) => w.stopPropagation()
-    }, null), k("div", {
-      class: "color-picker-trigger",
-      onClick: me
-    }, [k("div", {
-      class: "color-picker-trigger-inner"
-    }, [k("div", {
-      style: L.value
-    }, null)])])])]);
-  }
-});
-function Qt(r, e, t) {
-  var N;
-  function n() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  n();
-  const i = t && t.getStyles && t.getStyles() || "", u = t && t.getDesignerClass && t.getDesignerClass() || "", l = S();
-  function c() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
-  }
-  function g() {
-    return !1;
-  }
-  function h() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
-  }
-  function p() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
-  }
-  function f(M) {
-    if (!M || !M.value)
-      return null;
-    if (M.value.schema && M.value.schema.type === "component")
-      return M.value;
-    const B = S(M == null ? void 0 : M.value.parent), $ = f(B);
-    return $ || null;
-  }
-  function d(M = e) {
-    const { componentInstance: B, designerItemElementRef: $ } = M;
-    return !B || !B.value ? null : B.value.canMove ? $ : d(M.parent);
-  }
-  function b(M) {
-    return !!t && t.canAccepts(M);
-  }
-  function y() {
-    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 V(M, B) {
-    B && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(B);
-  }
-  function E(M) {
-    const { componentType: B } = M;
-    let $ = Pe(B, M);
-    t && t.onResolveNewComponentSchema && ($ = t.onResolveNewComponentSchema(M, $));
-    const I = B.toLowerCase().replace("-", "_");
-    return $ && !$.id && $.type === B && ($.id = `${I}_${Math.random().toString().slice(2, 6)}`), $;
-  }
-  function H(M, B) {
-    const $ = String(M.getAttribute("data-controltype")), I = M.getAttribute("data-feature"), X = I ? JSON.parse(I) : {};
-    X.parentComponentInstance = l.value;
-    let L = Pe($, X);
-    t && t.onAcceptNewChildElement && (L = t.onAcceptNewChildElement(M, B, L));
-    const z = $.toLowerCase().replace("-", "_");
-    return L && !L.id && L.type === $ && (L.id = `${z}_${Math.random().toString().slice(2, 6)}`), L;
-  }
-  function x(M) {
-  }
-  function D() {
-    return t && t.getPropsConfig ? t.getPropsConfig() : [];
-  }
-  return l.value = {
-    canMove: c(),
-    canSelectParent: g(),
-    canDelete: h(),
-    canNested: !p(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: r,
-    parent: (N = e == null ? void 0 : e.parent) == null ? void 0 : N.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: i,
-    designerClass: u,
-    canAccepts: b,
-    getBelongedComponentInstance: f,
-    getDraggableDesignItemElement: d,
-    getDraggingDisplayText: y,
-    getPropConfig: D,
-    getDragScopeElement: v,
-    onAcceptMovedChildElement: V,
-    onAcceptNewChildElement: H,
-    onChildElementMovedOut: x,
-    addNewChildComponentSchema: E,
-    updateDragAndDropRules: n,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || S(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || S(!1)
-  }, l;
-}
-const Zt = /* @__PURE__ */ ee({
-  name: "FColorPickerDesign",
-  props: xe,
-  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), u = S(r.color), l = 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, v = new je("#000000");
-    const V = S(r.color);
-    let E, H;
-    const x = S(null), D = S(null), N = S(), M = it("design-item-context"), B = Qt(N, M);
-    T(() => {
-      N.value.componentInstance = B;
-    }), e.expose(B.value);
-    let $ = U(() => !y && v && v.initType ? v.initType : y);
-    const I = U({
-      get() {
-        return y && n.value !== null ? (Z(y), j(new P(n.value), A[y])) : n.value;
-      },
-      set(m) {
-        m !== null && (R(m), q(m));
-      }
-    }), X = S(I.value), L = U(() => b > -1), z = U(() => c.value.length > 0), J = U(() => ({
-      "background-color": u.value
-    })), fe = U(() => h.value && g.value ? "display:flex" : "display:none"), G = [{
-      text: "HEX",
-      type: A.hex
-    }, {
-      text: "RGBA",
-      type: A.rgba
-    }];
-    function de() {
-      const m = document.getElementById("farris-color-picker-panel");
-      m.id = `farris-color-picker-panel-${d}`;
-      const O = document.getElementById("farris-color-picker-plus-sure");
-      O.id = `farris-color-picker-plus-sure-${d}`;
-      const F = document.getElementById("farris-color-picker-plus-input");
-      F.id = `farris-color-picker-plus-input-${d}`, H = document.getElementById(`farris-color-picker-plus-sure-${d}`), E = document.getElementById(`farris-color-picker-panel-${d}`), E.className = "color-picker-panel disabled";
-    }
-    function se() {
-      if (!l.value && !n.value) {
-        document.getElementById(`farris-color-picker-plus-sure-${d}`).classList.toggle("disabled");
-        const O = document.getElementById(`farris-color-picker-plus-input-${d}`);
-        O.style.borderColor = "red";
-      }
-    }
-    function ve() {
-      n.value && (R(n.value), !n.value && l.value || (n.value = j(new P(n.value), A[$.value])), X.value = I.value), Q(Z(v.initType));
-    }
-    function ne() {
-      n.value && R(n.value), v.hasPresets() || v.setColorPresets(c.value), n.value ? u.value = j(new P(n.value), A[$.value]) : !n.value && l.value && (u.value = null);
-    }
-    function ge() {
-      v.valueChanges.subscribe((m) => {
-        const O = j(m, A[y || v.initType]);
-        n.value = O;
-      });
-    }
-    function Q(m) {
-      f.value = G[m].text;
-    }
-    function ye() {
-      var m;
-      h.value = !!(y != null && y.includes("a") || (m = v.initType) != null && m.includes("a"));
-    }
-    Ye(() => {
-      v.setColorPresets(c.value || ["#eaecf3"]);
-    }), T(() => {
-      de(), se(), ve(), ne();
-    }), C(f, () => {
-      ge(), I.value = j(new P(n.value), A[y || v.initType]), t.value = new P(I.value), ye();
-    }), C(n, (m) => {
-      j(v.value, v.initType) !== m && m !== null && R(m), Q(Z(v.initType));
-    }), C(t, (m) => {
-      n.value = j(m, A[y || v.initType]), R(n.value), I.value = n.value;
-    });
-    function q(m) {
-      const O = document.getElementById(`farris-color-picker-plus-input-${d}`);
-      (m == "" || m == null || m == null) && !l.value ? (n.value = null, O.style.borderColor = "red", H.className = "btn btn-secondary disabled") : (O.style.borderColor = "#dcdfe6", H.className = "btn btn-secondary");
-    }
-    function me() {
-      var m, O;
-      if (l.value) {
-        u.value = (n == null ? void 0 : n.value) ?? null;
-        const F = {
-          elementValue: u
-        };
-        e.emit("valueChanged", F), E.classList.toggle("disabled");
-      }
-      if (!l.value && !(I.value == null || I.value == null || I.value == "")) {
-        (O = (m = x.value) == null ? void 0 : m.style) == null || O.setProperty("background", n.value), p.value = !0, u.value = n.value;
-        const F = {
-          elementValue: u
-        };
-        e.emit("valueChanged", F), E.classList.toggle("disabled");
-      }
-      !V.value && !n.value && !p.value && l && E.classList.toggle("disabled"), q(n.value), I.value = n.value, H.classList.contains("disabled") || (X.value = n.value, g.value = !1);
-    }
-    function R(m) {
-      v == null || v.setValueFrom(m, d, l.value);
-    }
-    function re(m) {
-      i.value || (g.value = !0, E.classList.toggle("disabled"), se(), R(n.value));
-    }
-    function Z(m) {
-      const O = G.findIndex((F) => F.type === m);
-      return b = O, O;
-    }
-    function w(m) {
-      if (!H.classList.contains("disabled")) {
-        const O = G.length;
-        b = (O + b + (m === "up" ? 1 : -1)) % O, y = G[b].type, Q(b), R(n.value);
-      }
-    }
-    return () => k("div", {
-      class: "f-color-picker-component",
-      ref: N
-    }, [k("div", {
-      class: ["color-picker-panel", {
-        disabled: i.value
-      }],
-      id: "farris-color-picker-panel",
-      ref: D,
-      onClick: (m) => m.stopPropagation,
-      style: "top:30px"
-    }, [k("div", {
-      class: "color-picker-main"
-    }, [k(_e, {
-      hue: v.hue,
-      "onUpdate:hue": (m) => v.hue = m,
-      allowColorNull: l.value,
-      color: t.value,
-      "onUpdate:color": (m) => t.value = m
-    }, null), k(Te, {
-      randomId: d,
-      hue: v.hue,
-      "onUpdate:hue": (m) => v.hue = m,
-      allowColorNull: l.value,
-      color: t.value,
-      "onUpdate:color": (m) => t.value = m
-    }, null)]), k(et, {
-      style: fe.value,
-      randomId: d,
-      allowColorNull: l.value,
-      color: t.value,
-      "onUpdate:color": (m) => t.value = m
-    }, null), k("div", {
-      class: "input-btn",
-      style: "display:flex;align-items: center;"
-    }, [W(k("span", {
-      style: "width:40px;margin-right:10px;"
-    }, [f.value]), [[K, z]]), W(k("input", {
-      type: "text",
-      id: "farris-color-picker-plus-input",
-      "onUpdate:modelValue": (m) => I.value = m,
-      style: "float:none"
-    }, null), [[Xe, I.value]]), W(k("div", {
-      class: "type-icon-btn-wrapper",
-      style: "cursor:pointer"
-    }, [k("span", {
-      class: "f-icon f-icon-arrow-60-up type-icon-btn",
-      onClick: () => w("up")
-    }, null), k("span", {
-      class: "f-icon f-icon-arrow-60-down type-icon-btn",
-      onClick: () => w("down")
-    }, null)]), [[K, z]]), k("div", {
-      class: "input-btn"
-    }, [k("button", {
-      id: "farris-color-picker-plus-sure",
-      class: "btn btn-secondary",
-      onClick: me
-    }, [$e("确定")])])]), W(k(tt, {
-      color: t.value,
-      "onUpdate:color": (m) => t.value = m,
-      colorPresets: v.presets,
-      hue: v.hue,
-      "onUpdate:hue": (m) => v.hue = m,
-      randomId: d
-    }, null), [[K, L]])]), k("div", {
-      class: "color-picker-wrapper"
-    }, [k("input", {
-      type: "text",
-      class: "color-picker-input form-control",
-      value: X.value,
-      readonly: i.value,
-      onClick: (m) => m.stopPropagation()
-    }, null), k("div", {
-      class: "color-picker-trigger",
-      onClick: re
-    }, [k("div", {
-      class: "color-picker-trigger-inner"
-    }, [k("div", {
-      style: J.value
-    }, null)])])])]);
-  }
-}), en = {
-  install(r) {
-    r.component(Se.name, Se);
-  },
-  register(r, e, t) {
-    r["color-picker"] = Se, e["color-picker"] = De;
-  },
-  registerDesigner(r, e, t) {
-    r["color-picker"] = Zt, e["color-picker"] = De;
-  }
-};
-export {
-  Se as ColorPicker,
-  en as default
-};