@orchidui/dashboard 0.0.1 → 0.2.0

package/dist/index.js

@@ -1 +1,4355 @@
-console.log('orchidui')
+var El = Object.defineProperty;
+var Dl = (e, t, n) => t in e ? El(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var un = (e, t, n) => Dl(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as ll, h as _n, resolveComponent as Il, ref as _, onMounted as Tt, openBlock as w, createBlock as ce, unref as M, withCtx as be, createElementVNode as P, createElementBlock as N, createVNode as q, mergeProps as Fn, Fragment as We, renderList as vt, normalizeClass as we, toDisplayString as Et, createCommentVNode as K, computed as Me, createSlots as al, renderSlot as Qe, normalizeProps as Pn, guardReactiveProps as Ln, withKeys as Tn, nextTick as ol, normalizeStyle as lt, createTextVNode as ft, watch as Dt, inject as Ft, reactive as Nn, provide as Vt, withDirectives as Ol, vShow as Tl, defineAsyncComponent as Vl } from "vue";
+import { Dropdown as rn, Icon as Ee, Checkbox as Al, Button as It, Table as Ml, Tabs as _l, Pagination as Fl, PrevNext as Rn, Select as il, Input as xt, TableHeader as Pl, Chip as dn, FormBuilder as Ll, BaseInput as rl, Slider as Gt } from "@orchidui/core";
+import { hslToRgb as Bn, hsl2Hex as jn, rgb2Hex as Hn, rgbaToHex8 as Nl, hexToRgb as cn, rgbToHue as Ut, rgbToHsl as Yn, hex8ToRgba as Rl, parseRgba as Bl, parseRgb as jl } from "./Dashboard/ColorPicker/components/converters.js";
+import { c as Hl, g as Yl, Q as Le, a as Ul } from "./QuillEditor-CEkhRyf0.js";
+import { PieChart as Xl } from "./Dashboard/Charts/PieChart/OcPieChart.js";
+import { LineChart as gi } from "./Dashboard/Charts/LineChart/OcLineChart.js";
+import { BarChart as vi } from "./Dashboard/Charts/BarChart/OcBarChart.js";
+import { BarRaceChart as yi } from "./Dashboard/Charts/BarRaceChart/OcBarRaceChart.js";
+import { _ as xi } from "./OcCard-w0EuBfr4.js";
+import { getFromLocalStorage as sl, formatHeadersFromLocalStorage as ul, formatHeadersToLocalStorage as Ql, setInLocalStorage as Wl } from "./Dashboard/DataTable/utils/editColumnsUtils.js";
+var dl = { exports: {} };
+(function(e, t) {
+  (function(n, l) {
+    e.exports = l();
+  })(Hl, function() {
+    var n = 1e3, l = 6e4, a = 36e5, i = "millisecond", r = "second", s = "minute", o = "hour", u = "day", g = "week", p = "month", y = "quarter", m = "year", D = "date", k = "Invalid Date", le = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, G = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, fe = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(L) {
+      var E = ["th", "st", "nd", "rd"], x = L % 100;
+      return "[" + L + (E[(x - 20) % 10] || E[x] || E[0]) + "]";
+    } }, pe = function(L, E, x) {
+      var T = String(L);
+      return !T || T.length >= E ? L : "" + Array(E + 1 - T.length).join(x) + L;
+    }, he = { s: pe, z: function(L) {
+      var E = -L.utcOffset(), x = Math.abs(E), T = Math.floor(x / 60), C = x % 60;
+      return (E <= 0 ? "+" : "-") + pe(T, 2, "0") + ":" + pe(C, 2, "0");
+    }, m: function L(E, x) {
+      if (E.date() < x.date()) return -L(x, E);
+      var T = 12 * (x.year() - E.year()) + (x.month() - E.month()), C = E.clone().add(T, p), H = x - C < 0, j = E.clone().add(T + (H ? -1 : 1), p);
+      return +(-(T + (x - C) / (H ? C - j : j - C)) || 0);
+    }, a: function(L) {
+      return L < 0 ? Math.ceil(L) || 0 : Math.floor(L);
+    }, p: function(L) {
+      return { M: p, y: m, w: g, d: u, D, h: o, m: s, s: r, ms: i, Q: y }[L] || String(L || "").toLowerCase().replace(/s$/, "");
+    }, u: function(L) {
+      return L === void 0;
+    } }, B = "en", ae = {};
+    ae[B] = fe;
+    var De = "$isDayjsObject", xe = function(L) {
+      return L instanceof ye || !(!L || !L[De]);
+    }, F = function L(E, x, T) {
+      var C;
+      if (!E) return B;
+      if (typeof E == "string") {
+        var H = E.toLowerCase();
+        ae[H] && (C = H), x && (ae[H] = x, C = H);
+        var j = E.split("-");
+        if (!C && j.length > 1) return L(j[0]);
+      } else {
+        var re = E.name;
+        ae[re] = E, C = re;
+      }
+      return !T && C && (B = C), C || !T && B;
+    }, V = function(L, E) {
+      if (xe(L)) return L.clone();
+      var x = typeof E == "object" ? E : {};
+      return x.date = L, x.args = arguments, new ye(x);
+    }, Y = he;
+    Y.l = F, Y.i = xe, Y.w = function(L, E) {
+      return V(L, { locale: E.$L, utc: E.$u, x: E.$x, $offset: E.$offset });
+    };
+    var ye = function() {
+      function L(x) {
+        this.$L = F(x.locale, null, !0), this.parse(x), this.$x = this.$x || x.x || {}, this[De] = !0;
+      }
+      var E = L.prototype;
+      return E.parse = function(x) {
+        this.$d = function(T) {
+          var C = T.date, H = T.utc;
+          if (C === null) return /* @__PURE__ */ new Date(NaN);
+          if (Y.u(C)) return /* @__PURE__ */ new Date();
+          if (C instanceof Date) return new Date(C);
+          if (typeof C == "string" && !/Z$/i.test(C)) {
+            var j = C.match(le);
+            if (j) {
+              var re = j[2] - 1 || 0, oe = (j[7] || "0").substring(0, 3);
+              return H ? new Date(Date.UTC(j[1], re, j[3] || 1, j[4] || 0, j[5] || 0, j[6] || 0, oe)) : new Date(j[1], re, j[3] || 1, j[4] || 0, j[5] || 0, j[6] || 0, oe);
+            }
+          }
+          return new Date(C);
+        }(x), this.init();
+      }, E.init = function() {
+        var x = this.$d;
+        this.$y = x.getFullYear(), this.$M = x.getMonth(), this.$D = x.getDate(), this.$W = x.getDay(), this.$H = x.getHours(), this.$m = x.getMinutes(), this.$s = x.getSeconds(), this.$ms = x.getMilliseconds();
+      }, E.$utils = function() {
+        return Y;
+      }, E.isValid = function() {
+        return this.$d.toString() !== k;
+      }, E.isSame = function(x, T) {
+        var C = V(x);
+        return this.startOf(T) <= C && C <= this.endOf(T);
+      }, E.isAfter = function(x, T) {
+        return V(x) < this.startOf(T);
+      }, E.isBefore = function(x, T) {
+        return this.endOf(T) < V(x);
+      }, E.$g = function(x, T, C) {
+        return Y.u(x) ? this[T] : this.set(C, x);
+      }, E.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, E.valueOf = function() {
+        return this.$d.getTime();
+      }, E.startOf = function(x, T) {
+        var C = this, H = !!Y.u(T) || T, j = Y.p(x), re = function(v, z) {
+          var ie = Y.w(C.$u ? Date.UTC(C.$y, z, v) : new Date(C.$y, z, v), C);
+          return H ? ie : ie.endOf(u);
+        }, oe = function(v, z) {
+          return Y.w(C.toDate()[v].apply(C.toDate("s"), (H ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(z)), C);
+        }, Se = this.$W, $e = this.$M, se = this.$D, Ce = "set" + (this.$u ? "UTC" : "");
+        switch (j) {
+          case m:
+            return H ? re(1, 0) : re(31, 11);
+          case p:
+            return H ? re(1, $e) : re(0, $e + 1);
+          case g:
+            var Re = this.$locale().weekStart || 0, b = (Se < Re ? Se + 7 : Se) - Re;
+            return re(H ? se - b : se + (6 - b), $e);
+          case u:
+          case D:
+            return oe(Ce + "Hours", 0);
+          case o:
+            return oe(Ce + "Minutes", 1);
+          case s:
+            return oe(Ce + "Seconds", 2);
+          case r:
+            return oe(Ce + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, E.endOf = function(x) {
+        return this.startOf(x, !1);
+      }, E.$set = function(x, T) {
+        var C, H = Y.p(x), j = "set" + (this.$u ? "UTC" : ""), re = (C = {}, C[u] = j + "Date", C[D] = j + "Date", C[p] = j + "Month", C[m] = j + "FullYear", C[o] = j + "Hours", C[s] = j + "Minutes", C[r] = j + "Seconds", C[i] = j + "Milliseconds", C)[H], oe = H === u ? this.$D + (T - this.$W) : T;
+        if (H === p || H === m) {
+          var Se = this.clone().set(D, 1);
+          Se.$d[re](oe), Se.init(), this.$d = Se.set(D, Math.min(this.$D, Se.daysInMonth())).$d;
+        } else re && this.$d[re](oe);
+        return this.init(), this;
+      }, E.set = function(x, T) {
+        return this.clone().$set(x, T);
+      }, E.get = function(x) {
+        return this[Y.p(x)]();
+      }, E.add = function(x, T) {
+        var C, H = this;
+        x = Number(x);
+        var j = Y.p(T), re = function($e) {
+          var se = V(H);
+          return Y.w(se.date(se.date() + Math.round($e * x)), H);
+        };
+        if (j === p) return this.set(p, this.$M + x);
+        if (j === m) return this.set(m, this.$y + x);
+        if (j === u) return re(1);
+        if (j === g) return re(7);
+        var oe = (C = {}, C[s] = l, C[o] = a, C[r] = n, C)[j] || 1, Se = this.$d.getTime() + x * oe;
+        return Y.w(Se, this);
+      }, E.subtract = function(x, T) {
+        return this.add(-1 * x, T);
+      }, E.format = function(x) {
+        var T = this, C = this.$locale();
+        if (!this.isValid()) return C.invalidDate || k;
+        var H = x || "YYYY-MM-DDTHH:mm:ssZ", j = Y.z(this), re = this.$H, oe = this.$m, Se = this.$M, $e = C.weekdays, se = C.months, Ce = C.meridiem, Re = function(z, ie, ue, ge) {
+          return z && (z[ie] || z(T, H)) || ue[ie].slice(0, ge);
+        }, b = function(z) {
+          return Y.s(re % 12 || 12, z, "0");
+        }, v = Ce || function(z, ie, ue) {
+          var ge = z < 12 ? "AM" : "PM";
+          return ue ? ge.toLowerCase() : ge;
+        };
+        return H.replace(G, function(z, ie) {
+          return ie || function(ue) {
+            switch (ue) {
+              case "YY":
+                return String(T.$y).slice(-2);
+              case "YYYY":
+                return Y.s(T.$y, 4, "0");
+              case "M":
+                return Se + 1;
+              case "MM":
+                return Y.s(Se + 1, 2, "0");
+              case "MMM":
+                return Re(C.monthsShort, Se, se, 3);
+              case "MMMM":
+                return Re(se, Se);
+              case "D":
+                return T.$D;
+              case "DD":
+                return Y.s(T.$D, 2, "0");
+              case "d":
+                return String(T.$W);
+              case "dd":
+                return Re(C.weekdaysMin, T.$W, $e, 2);
+              case "ddd":
+                return Re(C.weekdaysShort, T.$W, $e, 3);
+              case "dddd":
+                return $e[T.$W];
+              case "H":
+                return String(re);
+              case "HH":
+                return Y.s(re, 2, "0");
+              case "h":
+                return b(1);
+              case "hh":
+                return b(2);
+              case "a":
+                return v(re, oe, !0);
+              case "A":
+                return v(re, oe, !1);
+              case "m":
+                return String(oe);
+              case "mm":
+                return Y.s(oe, 2, "0");
+              case "s":
+                return String(T.$s);
+              case "ss":
+                return Y.s(T.$s, 2, "0");
+              case "SSS":
+                return Y.s(T.$ms, 3, "0");
+              case "Z":
+                return j;
+            }
+            return null;
+          }(z) || j.replace(":", "");
+        });
+      }, E.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, E.diff = function(x, T, C) {
+        var H, j = this, re = Y.p(T), oe = V(x), Se = (oe.utcOffset() - this.utcOffset()) * l, $e = this - oe, se = function() {
+          return Y.m(j, oe);
+        };
+        switch (re) {
+          case m:
+            H = se() / 12;
+            break;
+          case p:
+            H = se();
+            break;
+          case y:
+            H = se() / 3;
+            break;
+          case g:
+            H = ($e - Se) / 6048e5;
+            break;
+          case u:
+            H = ($e - Se) / 864e5;
+            break;
+          case o:
+            H = $e / a;
+            break;
+          case s:
+            H = $e / l;
+            break;
+          case r:
+            H = $e / n;
+            break;
+          default:
+            H = $e;
+        }
+        return C ? H : Y.a(H);
+      }, E.daysInMonth = function() {
+        return this.endOf(p).$D;
+      }, E.$locale = function() {
+        return ae[this.$L];
+      }, E.locale = function(x, T) {
+        if (!x) return this.$L;
+        var C = this.clone(), H = F(x, T, !0);
+        return H && (C.$L = H), C;
+      }, E.clone = function() {
+        return Y.w(this.$d, this);
+      }, E.toDate = function() {
+        return new Date(this.valueOf());
+      }, E.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, E.toISOString = function() {
+        return this.$d.toISOString();
+      }, E.toString = function() {
+        return this.$d.toUTCString();
+      }, L;
+    }(), Ve = ye.prototype;
+    return V.prototype = Ve, [["$ms", i], ["$s", r], ["$m", s], ["$H", o], ["$W", u], ["$M", p], ["$y", m], ["$D", D]].forEach(function(L) {
+      Ve[L[1]] = function(E) {
+        return this.$g(E, L[0], L[1]);
+      };
+    }), V.extend = function(L, E) {
+      return L.$i || (L(E, ye, V), L.$i = !0), V;
+    }, V.locale = F, V.isDayjs = xe, V.unix = function(L) {
+      return V(1e3 * L);
+    }, V.en = ae[B], V.Ls = ae, V.p = {}, V;
+  });
+})(dl);
+var ql = dl.exports;
+const fn = /* @__PURE__ */ Yl(ql);
+/*!
+  * vue-draggable-next v2.2.0
+  * (c) 2023 Anish George
+  * @license MIT
+  */
+/**!
+ * Sortable 1.14.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function Un(e, t) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var l = Object.getOwnPropertySymbols(e);
+    t && (l = l.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), n.push.apply(n, l);
+  }
+  return n;
+}
+function rt(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Un(Object(n), !0).forEach(function(l) {
+      Gl(e, l, n[l]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Un(Object(n)).forEach(function(l) {
+      Object.defineProperty(e, l, Object.getOwnPropertyDescriptor(n, l));
+    });
+  }
+  return e;
+}
+function zt(e) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? zt = function(t) {
+    return typeof t;
+  } : zt = function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, zt(e);
+}
+function Gl(e, t, n) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = n, e;
+}
+function dt() {
+  return dt = Object.assign || function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var l in n)
+        Object.prototype.hasOwnProperty.call(n, l) && (e[l] = n[l]);
+    }
+    return e;
+  }, dt.apply(this, arguments);
+}
+function zl(e, t) {
+  if (e == null) return {};
+  var n = {}, l = Object.keys(e), a, i;
+  for (i = 0; i < l.length; i++)
+    a = l[i], !(t.indexOf(a) >= 0) && (n[a] = e[a]);
+  return n;
+}
+function Kl(e, t) {
+  if (e == null) return {};
+  var n = zl(e, t), l, a;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (a = 0; a < i.length; a++)
+      l = i[a], !(t.indexOf(l) >= 0) && Object.prototype.propertyIsEnumerable.call(e, l) && (n[l] = e[l]);
+  }
+  return n;
+}
+var Zl = "1.14.0";
+function ut(e) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(e);
+}
+var ct = ut(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), jt = ut(/Edge/i), Xn = ut(/firefox/i), Pt = ut(/safari/i) && !ut(/chrome/i) && !ut(/android/i), cl = ut(/iP(ad|od|hone)/i), Jl = ut(/chrome/i) && ut(/android/i), fl = {
+  capture: !1,
+  passive: !1
+};
+function ve(e, t, n) {
+  e.addEventListener(t, n, !ct && fl);
+}
+function de(e, t, n) {
+  e.removeEventListener(t, n, !ct && fl);
+}
+function tn(e, t) {
+  if (t) {
+    if (t[0] === ">" && (t = t.substring(1)), e)
+      try {
+        if (e.matches)
+          return e.matches(t);
+        if (e.msMatchesSelector)
+          return e.msMatchesSelector(t);
+        if (e.webkitMatchesSelector)
+          return e.webkitMatchesSelector(t);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function ea(e) {
+  return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
+}
+function ot(e, t, n, l) {
+  if (e) {
+    n = n || document;
+    do {
+      if (t != null && (t[0] === ">" ? e.parentNode === n && tn(e, t) : tn(e, t)) || l && e === n)
+        return e;
+      if (e === n) break;
+    } while (e = ea(e));
+  }
+  return null;
+}
+var Qn = /\s+/g;
+function qe(e, t, n) {
+  if (e && t)
+    if (e.classList)
+      e.classList[n ? "add" : "remove"](t);
+    else {
+      var l = (" " + e.className + " ").replace(Qn, " ").replace(" " + t + " ", " ");
+      e.className = (l + (n ? " " + t : "")).replace(Qn, " ");
+    }
+}
+function X(e, t, n) {
+  var l = e && e.style;
+  if (l) {
+    if (n === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (n = e.currentStyle), t === void 0 ? n : n[t];
+    !(t in l) && t.indexOf("webkit") === -1 && (t = "-webkit-" + t), l[t] = n + (typeof n == "string" ? "" : "px");
+  }
+}
+function Ct(e, t) {
+  var n = "";
+  if (typeof e == "string")
+    n = e;
+  else
+    do {
+      var l = X(e, "transform");
+      l && l !== "none" && (n = l + " " + n);
+    } while (!t && (e = e.parentNode));
+  var a = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return a && new a(n);
+}
+function pl(e, t, n) {
+  if (e) {
+    var l = e.getElementsByTagName(t), a = 0, i = l.length;
+    if (n)
+      for (; a < i; a++)
+        n(l[a], a);
+    return l;
+  }
+  return [];
+}
+function it() {
+  var e = document.scrollingElement;
+  return e || document.documentElement;
+}
+function _e(e, t, n, l, a) {
+  if (!(!e.getBoundingClientRect && e !== window)) {
+    var i, r, s, o, u, g, p;
+    if (e !== window && e.parentNode && e !== it() ? (i = e.getBoundingClientRect(), r = i.top, s = i.left, o = i.bottom, u = i.right, g = i.height, p = i.width) : (r = 0, s = 0, o = window.innerHeight, u = window.innerWidth, g = window.innerHeight, p = window.innerWidth), (t || n) && e !== window && (a = a || e.parentNode, !ct))
+      do
+        if (a && a.getBoundingClientRect && (X(a, "transform") !== "none" || n && X(a, "position") !== "static")) {
+          var y = a.getBoundingClientRect();
+          r -= y.top + parseInt(X(a, "border-top-width")), s -= y.left + parseInt(X(a, "border-left-width")), o = r + i.height, u = s + i.width;
+          break;
+        }
+      while (a = a.parentNode);
+    if (l && e !== window) {
+      var m = Ct(a || e), D = m && m.a, k = m && m.d;
+      m && (r /= k, s /= D, p /= D, g /= k, o = r + g, u = s + p);
+    }
+    return {
+      top: r,
+      left: s,
+      bottom: o,
+      right: u,
+      width: p,
+      height: g
+    };
+  }
+}
+function Wn(e, t, n) {
+  for (var l = mt(e, !0), a = _e(e)[t]; l; ) {
+    var i = _e(l)[n], r = void 0;
+    if (r = a >= i, !r) return l;
+    if (l === it()) break;
+    l = mt(l, !1);
+  }
+  return !1;
+}
+function Ot(e, t, n, l) {
+  for (var a = 0, i = 0, r = e.children; i < r.length; ) {
+    if (r[i].style.display !== "none" && r[i] !== Q.ghost && (l || r[i] !== Q.dragged) && ot(r[i], n.draggable, e, !1)) {
+      if (a === t)
+        return r[i];
+      a++;
+    }
+    i++;
+  }
+  return null;
+}
+function Vn(e, t) {
+  for (var n = e.lastElementChild; n && (n === Q.ghost || X(n, "display") === "none" || t && !tn(n, t)); )
+    n = n.previousElementSibling;
+  return n || null;
+}
+function Je(e, t) {
+  var n = 0;
+  if (!e || !e.parentNode)
+    return -1;
+  for (; e = e.previousElementSibling; )
+    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== Q.clone && (!t || tn(e, t)) && n++;
+  return n;
+}
+function qn(e) {
+  var t = 0, n = 0, l = it();
+  if (e)
+    do {
+      var a = Ct(e), i = a.a, r = a.d;
+      t += e.scrollLeft * i, n += e.scrollTop * r;
+    } while (e !== l && (e = e.parentNode));
+  return [t, n];
+}
+function ta(e, t) {
+  for (var n in e)
+    if (e.hasOwnProperty(n)) {
+      for (var l in t)
+        if (t.hasOwnProperty(l) && t[l] === e[n][l]) return Number(n);
+    }
+  return -1;
+}
+function mt(e, t) {
+  if (!e || !e.getBoundingClientRect) return it();
+  var n = e, l = !1;
+  do
+    if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+      var a = X(n);
+      if (n.clientWidth < n.scrollWidth && (a.overflowX == "auto" || a.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (a.overflowY == "auto" || a.overflowY == "scroll")) {
+        if (!n.getBoundingClientRect || n === document.body) return it();
+        if (l || t) return n;
+        l = !0;
+      }
+    }
+  while (n = n.parentNode);
+  return it();
+}
+function na(e, t) {
+  if (e && t)
+    for (var n in t)
+      t.hasOwnProperty(n) && (e[n] = t[n]);
+  return e;
+}
+function pn(e, t) {
+  return Math.round(e.top) === Math.round(t.top) && Math.round(e.left) === Math.round(t.left) && Math.round(e.height) === Math.round(t.height) && Math.round(e.width) === Math.round(t.width);
+}
+var Lt;
+function gl(e, t) {
+  return function() {
+    if (!Lt) {
+      var n = arguments, l = this;
+      n.length === 1 ? e.call(l, n[0]) : e.apply(l, n), Lt = setTimeout(function() {
+        Lt = void 0;
+      }, t);
+    }
+  };
+}
+function la() {
+  clearTimeout(Lt), Lt = void 0;
+}
+function ml(e, t, n) {
+  e.scrollLeft += t, e.scrollTop += n;
+}
+function vl(e) {
+  var t = window.Polymer, n = window.jQuery || window.Zepto;
+  return t && t.dom ? t.dom(e).cloneNode(!0) : n ? n(e).clone(!0)[0] : e.cloneNode(!0);
+}
+var ze = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function aa() {
+  var e = [], t;
+  return {
+    captureAnimationState: function() {
+      if (e = [], !!this.options.animation) {
+        var l = [].slice.call(this.el.children);
+        l.forEach(function(a) {
+          if (!(X(a, "display") === "none" || a === Q.ghost)) {
+            e.push({
+              target: a,
+              rect: _e(a)
+            });
+            var i = rt({}, e[e.length - 1].rect);
+            if (a.thisAnimationDuration) {
+              var r = Ct(a, !0);
+              r && (i.top -= r.f, i.left -= r.e);
+            }
+            a.fromRect = i;
+          }
+        });
+      }
+    },
+    addAnimationState: function(l) {
+      e.push(l);
+    },
+    removeAnimationState: function(l) {
+      e.splice(ta(e, {
+        target: l
+      }), 1);
+    },
+    animateAll: function(l) {
+      var a = this;
+      if (!this.options.animation) {
+        clearTimeout(t), typeof l == "function" && l();
+        return;
+      }
+      var i = !1, r = 0;
+      e.forEach(function(s) {
+        var o = 0, u = s.target, g = u.fromRect, p = _e(u), y = u.prevFromRect, m = u.prevToRect, D = s.rect, k = Ct(u, !0);
+        k && (p.top -= k.f, p.left -= k.e), u.toRect = p, u.thisAnimationDuration && pn(y, p) && !pn(g, p) && // Make sure animatingRect is on line between toRect & fromRect
+        (D.top - p.top) / (D.left - p.left) === (g.top - p.top) / (g.left - p.left) && (o = ia(D, y, m, a.options)), pn(p, g) || (u.prevFromRect = g, u.prevToRect = p, o || (o = a.options.animation), a.animate(u, D, p, o)), o && (i = !0, r = Math.max(r, o), clearTimeout(u.animationResetTimer), u.animationResetTimer = setTimeout(function() {
+          u.animationTime = 0, u.prevFromRect = null, u.fromRect = null, u.prevToRect = null, u.thisAnimationDuration = null;
+        }, o), u.thisAnimationDuration = o);
+      }), clearTimeout(t), i ? t = setTimeout(function() {
+        typeof l == "function" && l();
+      }, r) : typeof l == "function" && l(), e = [];
+    },
+    animate: function(l, a, i, r) {
+      if (r) {
+        X(l, "transition", ""), X(l, "transform", "");
+        var s = Ct(this.el), o = s && s.a, u = s && s.d, g = (a.left - i.left) / (o || 1), p = (a.top - i.top) / (u || 1);
+        l.animatingX = !!g, l.animatingY = !!p, X(l, "transform", "translate3d(" + g + "px," + p + "px,0)"), this.forRepaintDummy = oa(l), X(l, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), X(l, "transform", "translate3d(0,0,0)"), typeof l.animated == "number" && clearTimeout(l.animated), l.animated = setTimeout(function() {
+          X(l, "transition", ""), X(l, "transform", ""), l.animated = !1, l.animatingX = !1, l.animatingY = !1;
+        }, r);
+      }
+    }
+  };
+}
+function oa(e) {
+  return e.offsetWidth;
+}
+function ia(e, t, n, l) {
+  return Math.sqrt(Math.pow(t.top - e.top, 2) + Math.pow(t.left - e.left, 2)) / Math.sqrt(Math.pow(t.top - n.top, 2) + Math.pow(t.left - n.left, 2)) * l.animation;
+}
+var wt = [], gn = {
+  initializeByDefault: !0
+}, Ht = {
+  mount: function(t) {
+    for (var n in gn)
+      gn.hasOwnProperty(n) && !(n in t) && (t[n] = gn[n]);
+    wt.forEach(function(l) {
+      if (l.pluginName === t.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(t.pluginName, " more than once");
+    }), wt.push(t);
+  },
+  pluginEvent: function(t, n, l) {
+    var a = this;
+    this.eventCanceled = !1, l.cancel = function() {
+      a.eventCanceled = !0;
+    };
+    var i = t + "Global";
+    wt.forEach(function(r) {
+      n[r.pluginName] && (n[r.pluginName][i] && n[r.pluginName][i](rt({
+        sortable: n
+      }, l)), n.options[r.pluginName] && n[r.pluginName][t] && n[r.pluginName][t](rt({
+        sortable: n
+      }, l)));
+    });
+  },
+  initializePlugins: function(t, n, l, a) {
+    wt.forEach(function(s) {
+      var o = s.pluginName;
+      if (!(!t.options[o] && !s.initializeByDefault)) {
+        var u = new s(t, n, t.options);
+        u.sortable = t, u.options = t.options, t[o] = u, dt(l, u.defaults);
+      }
+    });
+    for (var i in t.options)
+      if (t.options.hasOwnProperty(i)) {
+        var r = this.modifyOption(t, i, t.options[i]);
+        typeof r < "u" && (t.options[i] = r);
+      }
+  },
+  getEventProperties: function(t, n) {
+    var l = {};
+    return wt.forEach(function(a) {
+      typeof a.eventProperties == "function" && dt(l, a.eventProperties.call(n[a.pluginName], t));
+    }), l;
+  },
+  modifyOption: function(t, n, l) {
+    var a;
+    return wt.forEach(function(i) {
+      t[i.pluginName] && i.optionListeners && typeof i.optionListeners[n] == "function" && (a = i.optionListeners[n].call(t[i.pluginName], l));
+    }), a;
+  }
+};
+function ra(e) {
+  var t = e.sortable, n = e.rootEl, l = e.name, a = e.targetEl, i = e.cloneEl, r = e.toEl, s = e.fromEl, o = e.oldIndex, u = e.newIndex, g = e.oldDraggableIndex, p = e.newDraggableIndex, y = e.originalEvent, m = e.putSortable, D = e.extraEventProperties;
+  if (t = t || n && n[ze], !!t) {
+    var k, le = t.options, G = "on" + l.charAt(0).toUpperCase() + l.substr(1);
+    window.CustomEvent && !ct && !jt ? k = new CustomEvent(l, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (k = document.createEvent("Event"), k.initEvent(l, !0, !0)), k.to = r || n, k.from = s || n, k.item = a || n, k.clone = i, k.oldIndex = o, k.newIndex = u, k.oldDraggableIndex = g, k.newDraggableIndex = p, k.originalEvent = y, k.pullMode = m ? m.lastPutMode : void 0;
+    var fe = rt(rt({}, D), Ht.getEventProperties(l, t));
+    for (var pe in fe)
+      k[pe] = fe[pe];
+    n && n.dispatchEvent(k), le[G] && le[G].call(t, k);
+  }
+}
+var sa = ["evt"], Xe = function(t, n) {
+  var l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, a = l.evt, i = Kl(l, sa);
+  Ht.pluginEvent.bind(Q)(t, n, rt({
+    dragEl: $,
+    parentEl: Ie,
+    ghostEl: te,
+    rootEl: ke,
+    nextEl: bt,
+    lastDownEl: Kt,
+    cloneEl: Oe,
+    cloneHidden: gt,
+    dragStarted: At,
+    putSortable: Ne,
+    activeSortable: Q.active,
+    originalEvent: a,
+    oldIndex: kt,
+    oldDraggableIndex: Nt,
+    newIndex: Ge,
+    newDraggableIndex: pt,
+    hideGhostForTarget: xl,
+    unhideGhostForTarget: wl,
+    cloneNowHidden: function() {
+      gt = !0;
+    },
+    cloneNowShown: function() {
+      gt = !1;
+    },
+    dispatchSortableEvent: function(s) {
+      He({
+        sortable: n,
+        name: s,
+        originalEvent: a
+      });
+    }
+  }, i));
+};
+function He(e) {
+  ra(rt({
+    putSortable: Ne,
+    cloneEl: Oe,
+    targetEl: $,
+    rootEl: ke,
+    oldIndex: kt,
+    oldDraggableIndex: Nt,
+    newIndex: Ge,
+    newDraggableIndex: pt
+  }, e));
+}
+var $, Ie, te, ke, bt, Kt, Oe, gt, kt, Ge, Nt, pt, Xt, Ne, $t = !1, nn = !1, ln = [], ht, nt, mn, vn, Gn, zn, At, St, Rt, Bt = !1, Qt = !1, Zt, Be, hn = [], kn = !1, an = [], sn = typeof document < "u", Wt = cl, Kn = jt || ct ? "cssFloat" : "float", ua = sn && !Jl && !cl && "draggable" in document.createElement("div"), hl = function() {
+  if (sn) {
+    if (ct)
+      return !1;
+    var e = document.createElement("x");
+    return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
+  }
+}(), yl = function(t, n) {
+  var l = X(t), a = parseInt(l.width) - parseInt(l.paddingLeft) - parseInt(l.paddingRight) - parseInt(l.borderLeftWidth) - parseInt(l.borderRightWidth), i = Ot(t, 0, n), r = Ot(t, 1, n), s = i && X(i), o = r && X(r), u = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + _e(i).width, g = o && parseInt(o.marginLeft) + parseInt(o.marginRight) + _e(r).width;
+  if (l.display === "flex")
+    return l.flexDirection === "column" || l.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (l.display === "grid")
+    return l.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+  if (i && s.float && s.float !== "none") {
+    var p = s.float === "left" ? "left" : "right";
+    return r && (o.clear === "both" || o.clear === p) ? "vertical" : "horizontal";
+  }
+  return i && (s.display === "block" || s.display === "flex" || s.display === "table" || s.display === "grid" || u >= a && l[Kn] === "none" || r && l[Kn] === "none" && u + g > a) ? "vertical" : "horizontal";
+}, da = function(t, n, l) {
+  var a = l ? t.left : t.top, i = l ? t.right : t.bottom, r = l ? t.width : t.height, s = l ? n.left : n.top, o = l ? n.right : n.bottom, u = l ? n.width : n.height;
+  return a === s || i === o || a + r / 2 === s + u / 2;
+}, ca = function(t, n) {
+  var l;
+  return ln.some(function(a) {
+    var i = a[ze].options.emptyInsertThreshold;
+    if (!(!i || Vn(a))) {
+      var r = _e(a), s = t >= r.left - i && t <= r.right + i, o = n >= r.top - i && n <= r.bottom + i;
+      if (s && o)
+        return l = a;
+    }
+  }), l;
+}, bl = function(t) {
+  function n(i, r) {
+    return function(s, o, u, g) {
+      var p = s.options.group.name && o.options.group.name && s.options.group.name === o.options.group.name;
+      if (i == null && (r || p))
+        return !0;
+      if (i == null || i === !1)
+        return !1;
+      if (r && i === "clone")
+        return i;
+      if (typeof i == "function")
+        return n(i(s, o, u, g), r)(s, o, u, g);
+      var y = (r ? s : o).options.group.name;
+      return i === !0 || typeof i == "string" && i === y || i.join && i.indexOf(y) > -1;
+    };
+  }
+  var l = {}, a = t.group;
+  (!a || zt(a) != "object") && (a = {
+    name: a
+  }), l.name = a.name, l.checkPull = n(a.pull, !0), l.checkPut = n(a.put), l.revertClone = a.revertClone, t.group = l;
+}, xl = function() {
+  !hl && te && X(te, "display", "none");
+}, wl = function() {
+  !hl && te && X(te, "display", "");
+};
+sn && document.addEventListener("click", function(e) {
+  if (nn)
+    return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), nn = !1, !1;
+}, !0);
+var yt = function(t) {
+  if ($) {
+    t = t.touches ? t.touches[0] : t;
+    var n = ca(t.clientX, t.clientY);
+    if (n) {
+      var l = {};
+      for (var a in t)
+        t.hasOwnProperty(a) && (l[a] = t[a]);
+      l.target = l.rootEl = n, l.preventDefault = void 0, l.stopPropagation = void 0, n[ze]._onDragOver(l);
+    }
+  }
+}, fa = function(t) {
+  $ && $.parentNode[ze]._isOutsideThisEl(t.target);
+};
+function Q(e, t) {
+  if (!(e && e.nodeType && e.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));
+  this.el = e, this.options = t = dt({}, t), e[ze] = this;
+  var n = {
+    group: null,
+    sort: !0,
+    disabled: !1,
+    store: null,
+    handle: null,
+    draggable: /^[uo]l$/i.test(e.nodeName) ? ">li" : ">*",
+    swapThreshold: 1,
+    // percentage; 0 <= x <= 1
+    invertSwap: !1,
+    // invert always
+    invertedSwapThreshold: null,
+    // will be set to same as swapThreshold if default
+    removeCloneOnHide: !0,
+    direction: function() {
+      return yl(e, this.options);
+    },
+    ghostClass: "sortable-ghost",
+    chosenClass: "sortable-chosen",
+    dragClass: "sortable-drag",
+    ignore: "a, img",
+    filter: null,
+    preventOnFilter: !0,
+    animation: 0,
+    easing: null,
+    setData: function(r, s) {
+      r.setData("Text", s.textContent);
+    },
+    dropBubble: !1,
+    dragoverBubble: !1,
+    dataIdAttr: "data-id",
+    delay: 0,
+    delayOnTouchOnly: !1,
+    touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+    forceFallback: !1,
+    fallbackClass: "sortable-fallback",
+    fallbackOnBody: !1,
+    fallbackTolerance: 0,
+    fallbackOffset: {
+      x: 0,
+      y: 0
+    },
+    supportPointer: Q.supportPointer !== !1 && "PointerEvent" in window && !Pt,
+    emptyInsertThreshold: 5
+  };
+  Ht.initializePlugins(this, e, n);
+  for (var l in n)
+    !(l in t) && (t[l] = n[l]);
+  bl(t);
+  for (var a in this)
+    a.charAt(0) === "_" && typeof this[a] == "function" && (this[a] = this[a].bind(this));
+  this.nativeDraggable = t.forceFallback ? !1 : ua, this.nativeDraggable && (this.options.touchStartThreshold = 1), t.supportPointer ? ve(e, "pointerdown", this._onTapStart) : (ve(e, "mousedown", this._onTapStart), ve(e, "touchstart", this._onTapStart)), this.nativeDraggable && (ve(e, "dragover", this), ve(e, "dragenter", this)), ln.push(this.el), t.store && t.store.get && this.sort(t.store.get(this) || []), dt(this, aa());
+}
+Q.prototype = /** @lends Sortable.prototype */
+{
+  constructor: Q,
+  _isOutsideThisEl: function(t) {
+    !this.el.contains(t) && t !== this.el && (St = null);
+  },
+  _getDirection: function(t, n) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, t, n, $) : this.options.direction;
+  },
+  _onTapStart: function(t) {
+    if (t.cancelable) {
+      var n = this, l = this.el, a = this.options, i = a.preventOnFilter, r = t.type, s = t.touches && t.touches[0] || t.pointerType && t.pointerType === "touch" && t, o = (s || t).target, u = t.target.shadowRoot && (t.path && t.path[0] || t.composedPath && t.composedPath()[0]) || o, g = a.filter;
+      if (xa(l), !$ && !(/mousedown|pointerdown/.test(r) && t.button !== 0 || a.disabled) && !u.isContentEditable && !(!this.nativeDraggable && Pt && o && o.tagName.toUpperCase() === "SELECT") && (o = ot(o, a.draggable, l, !1), !(o && o.animated) && Kt !== o)) {
+        if (kt = Je(o), Nt = Je(o, a.draggable), typeof g == "function") {
+          if (g.call(this, t, o, this)) {
+            He({
+              sortable: n,
+              rootEl: u,
+              name: "filter",
+              targetEl: o,
+              toEl: l,
+              fromEl: l
+            }), Xe("filter", n, {
+              evt: t
+            }), i && t.cancelable && t.preventDefault();
+            return;
+          }
+        } else if (g && (g = g.split(",").some(function(p) {
+          if (p = ot(u, p.trim(), l, !1), p)
+            return He({
+              sortable: n,
+              rootEl: p,
+              name: "filter",
+              targetEl: o,
+              fromEl: l,
+              toEl: l
+            }), Xe("filter", n, {
+              evt: t
+            }), !0;
+        }), g)) {
+          i && t.cancelable && t.preventDefault();
+          return;
+        }
+        a.handle && !ot(u, a.handle, l, !1) || this._prepareDragStart(t, s, o);
+      }
+    }
+  },
+  _prepareDragStart: function(t, n, l) {
+    var a = this, i = a.el, r = a.options, s = i.ownerDocument, o;
+    if (l && !$ && l.parentNode === i) {
+      var u = _e(l);
+      if (ke = i, $ = l, Ie = $.parentNode, bt = $.nextSibling, Kt = l, Xt = r.group, Q.dragged = $, ht = {
+        target: $,
+        clientX: (n || t).clientX,
+        clientY: (n || t).clientY
+      }, Gn = ht.clientX - u.left, zn = ht.clientY - u.top, this._lastX = (n || t).clientX, this._lastY = (n || t).clientY, $.style["will-change"] = "all", o = function() {
+        if (Xe("delayEnded", a, {
+          evt: t
+        }), Q.eventCanceled) {
+          a._onDrop();
+          return;
+        }
+        a._disableDelayedDragEvents(), !Xn && a.nativeDraggable && ($.draggable = !0), a._triggerDragStart(t, n), He({
+          sortable: a,
+          name: "choose",
+          originalEvent: t
+        }), qe($, r.chosenClass, !0);
+      }, r.ignore.split(",").forEach(function(g) {
+        pl($, g.trim(), yn);
+      }), ve(s, "dragover", yt), ve(s, "mousemove", yt), ve(s, "touchmove", yt), ve(s, "mouseup", a._onDrop), ve(s, "touchend", a._onDrop), ve(s, "touchcancel", a._onDrop), Xn && this.nativeDraggable && (this.options.touchStartThreshold = 4, $.draggable = !0), Xe("delayStart", this, {
+        evt: t
+      }), r.delay && (!r.delayOnTouchOnly || n) && (!this.nativeDraggable || !(jt || ct))) {
+        if (Q.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        ve(s, "mouseup", a._disableDelayedDrag), ve(s, "touchend", a._disableDelayedDrag), ve(s, "touchcancel", a._disableDelayedDrag), ve(s, "mousemove", a._delayedDragTouchMoveHandler), ve(s, "touchmove", a._delayedDragTouchMoveHandler), r.supportPointer && ve(s, "pointermove", a._delayedDragTouchMoveHandler), a._dragStartTimer = setTimeout(o, r.delay);
+      } else
+        o();
+    }
+  },
+  _delayedDragTouchMoveHandler: function(t) {
+    var n = t.touches ? t.touches[0] : t;
+    Math.max(Math.abs(n.clientX - this._lastX), Math.abs(n.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+  },
+  _disableDelayedDrag: function() {
+    $ && yn($), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var t = this.el.ownerDocument;
+    de(t, "mouseup", this._disableDelayedDrag), de(t, "touchend", this._disableDelayedDrag), de(t, "touchcancel", this._disableDelayedDrag), de(t, "mousemove", this._delayedDragTouchMoveHandler), de(t, "touchmove", this._delayedDragTouchMoveHandler), de(t, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(t, n) {
+    n = n || t.pointerType == "touch" && t, !this.nativeDraggable || n ? this.options.supportPointer ? ve(document, "pointermove", this._onTouchMove) : n ? ve(document, "touchmove", this._onTouchMove) : ve(document, "mousemove", this._onTouchMove) : (ve($, "dragend", this), ve(ke, "dragstart", this._onDragStart));
+    try {
+      document.selection ? Jt(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(t, n) {
+    if ($t = !1, ke && $) {
+      Xe("dragStarted", this, {
+        evt: n
+      }), this.nativeDraggable && ve(document, "dragover", fa);
+      var l = this.options;
+      !t && qe($, l.dragClass, !1), qe($, l.ghostClass, !0), Q.active = this, t && this._appendGhost(), He({
+        sortable: this,
+        name: "start",
+        originalEvent: n
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (nt) {
+      this._lastX = nt.clientX, this._lastY = nt.clientY, xl();
+      for (var t = document.elementFromPoint(nt.clientX, nt.clientY), n = t; t && t.shadowRoot && (t = t.shadowRoot.elementFromPoint(nt.clientX, nt.clientY), t !== n); )
+        n = t;
+      if ($.parentNode[ze]._isOutsideThisEl(t), n)
+        do {
+          if (n[ze]) {
+            var l = void 0;
+            if (l = n[ze]._onDragOver({
+              clientX: nt.clientX,
+              clientY: nt.clientY,
+              target: t,
+              rootEl: n
+            }), l && !this.options.dragoverBubble)
+              break;
+          }
+          t = n;
+        } while (n = n.parentNode);
+      wl();
+    }
+  },
+  _onTouchMove: function(t) {
+    if (ht) {
+      var n = this.options, l = n.fallbackTolerance, a = n.fallbackOffset, i = t.touches ? t.touches[0] : t, r = te && Ct(te, !0), s = te && r && r.a, o = te && r && r.d, u = Wt && Be && qn(Be), g = (i.clientX - ht.clientX + a.x) / (s || 1) + (u ? u[0] - hn[0] : 0) / (s || 1), p = (i.clientY - ht.clientY + a.y) / (o || 1) + (u ? u[1] - hn[1] : 0) / (o || 1);
+      if (!Q.active && !$t) {
+        if (l && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < l)
+          return;
+        this._onDragStart(t, !0);
+      }
+      if (te) {
+        r ? (r.e += g - (mn || 0), r.f += p - (vn || 0)) : r = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: g,
+          f: p
+        };
+        var y = "matrix(".concat(r.a, ",").concat(r.b, ",").concat(r.c, ",").concat(r.d, ",").concat(r.e, ",").concat(r.f, ")");
+        X(te, "webkitTransform", y), X(te, "mozTransform", y), X(te, "msTransform", y), X(te, "transform", y), mn = g, vn = p, nt = i;
+      }
+      t.cancelable && t.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!te) {
+      var t = this.options.fallbackOnBody ? document.body : ke, n = _e($, !0, Wt, !0, t), l = this.options;
+      if (Wt) {
+        for (Be = t; X(Be, "position") === "static" && X(Be, "transform") === "none" && Be !== document; )
+          Be = Be.parentNode;
+        Be !== document.body && Be !== document.documentElement ? (Be === document && (Be = it()), n.top += Be.scrollTop, n.left += Be.scrollLeft) : Be = it(), hn = qn(Be);
+      }
+      te = $.cloneNode(!0), qe(te, l.ghostClass, !1), qe(te, l.fallbackClass, !0), qe(te, l.dragClass, !0), X(te, "transition", ""), X(te, "transform", ""), X(te, "box-sizing", "border-box"), X(te, "margin", 0), X(te, "top", n.top), X(te, "left", n.left), X(te, "width", n.width), X(te, "height", n.height), X(te, "opacity", "0.8"), X(te, "position", Wt ? "absolute" : "fixed"), X(te, "zIndex", "100000"), X(te, "pointerEvents", "none"), Q.ghost = te, t.appendChild(te), X(te, "transform-origin", Gn / parseInt(te.style.width) * 100 + "% " + zn / parseInt(te.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(t, n) {
+    var l = this, a = t.dataTransfer, i = l.options;
+    if (Xe("dragStart", this, {
+      evt: t
+    }), Q.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    Xe("setupClone", this), Q.eventCanceled || (Oe = vl($), Oe.draggable = !1, Oe.style["will-change"] = "", this._hideClone(), qe(Oe, this.options.chosenClass, !1), Q.clone = Oe), l.cloneId = Jt(function() {
+      Xe("clone", l), !Q.eventCanceled && (l.options.removeCloneOnHide || ke.insertBefore(Oe, $), l._hideClone(), He({
+        sortable: l,
+        name: "clone"
+      }));
+    }), !n && qe($, i.dragClass, !0), n ? (nn = !0, l._loopId = setInterval(l._emulateDragOver, 50)) : (de(document, "mouseup", l._onDrop), de(document, "touchend", l._onDrop), de(document, "touchcancel", l._onDrop), a && (a.effectAllowed = "move", i.setData && i.setData.call(l, a, $)), ve(document, "drop", l), X($, "transform", "translateZ(0)")), $t = !0, l._dragStartId = Jt(l._dragStarted.bind(l, n, t)), ve(document, "selectstart", l), At = !0, Pt && X(document.body, "user-select", "none");
+  },
+  // Returns true - if no further action is needed (either inserted or another condition)
+  _onDragOver: function(t) {
+    var n = this.el, l = t.target, a, i, r, s = this.options, o = s.group, u = Q.active, g = Xt === o, p = s.sort, y = Ne || u, m, D = this, k = !1;
+    if (kn) return;
+    function le(C, H) {
+      Xe(C, D, rt({
+        evt: t,
+        isOwner: g,
+        axis: m ? "vertical" : "horizontal",
+        revert: r,
+        dragRect: a,
+        targetRect: i,
+        canSort: p,
+        fromSortable: y,
+        target: l,
+        completed: fe,
+        onMove: function(re, oe) {
+          return qt(ke, n, $, a, re, _e(re), t, oe);
+        },
+        changed: pe
+      }, H));
+    }
+    function G() {
+      le("dragOverAnimationCapture"), D.captureAnimationState(), D !== y && y.captureAnimationState();
+    }
+    function fe(C) {
+      return le("dragOverCompleted", {
+        insertion: C
+      }), C && (g ? u._hideClone() : u._showClone(D), D !== y && (qe($, Ne ? Ne.options.ghostClass : u.options.ghostClass, !1), qe($, s.ghostClass, !0)), Ne !== D && D !== Q.active ? Ne = D : D === Q.active && Ne && (Ne = null), y === D && (D._ignoreWhileAnimating = l), D.animateAll(function() {
+        le("dragOverAnimationComplete"), D._ignoreWhileAnimating = null;
+      }), D !== y && (y.animateAll(), y._ignoreWhileAnimating = null)), (l === $ && !$.animated || l === n && !l.animated) && (St = null), !s.dragoverBubble && !t.rootEl && l !== document && ($.parentNode[ze]._isOutsideThisEl(t.target), !C && yt(t)), !s.dragoverBubble && t.stopPropagation && t.stopPropagation(), k = !0;
+    }
+    function pe() {
+      Ge = Je($), pt = Je($, s.draggable), He({
+        sortable: D,
+        name: "change",
+        toEl: n,
+        newIndex: Ge,
+        newDraggableIndex: pt,
+        originalEvent: t
+      });
+    }
+    if (t.preventDefault !== void 0 && t.cancelable && t.preventDefault(), l = ot(l, s.draggable, n, !0), le("dragOver"), Q.eventCanceled) return k;
+    if ($.contains(t.target) || l.animated && l.animatingX && l.animatingY || D._ignoreWhileAnimating === l)
+      return fe(!1);
+    if (nn = !1, u && !s.disabled && (g ? p || (r = Ie !== ke) : Ne === this || (this.lastPutMode = Xt.checkPull(this, u, $, t)) && o.checkPut(this, u, $, t))) {
+      if (m = this._getDirection(t, l) === "vertical", a = _e($), le("dragOverValid"), Q.eventCanceled) return k;
+      if (r)
+        return Ie = ke, G(), this._hideClone(), le("revert"), Q.eventCanceled || (bt ? ke.insertBefore($, bt) : ke.appendChild($)), fe(!0);
+      var he = Vn(n, s.draggable);
+      if (!he || va(t, m, this) && !he.animated) {
+        if (he === $)
+          return fe(!1);
+        if (he && n === t.target && (l = he), l && (i = _e(l)), qt(ke, n, $, a, l, i, t, !!l) !== !1)
+          return G(), n.appendChild($), Ie = n, pe(), fe(!0);
+      } else if (he && ma(t, m, this)) {
+        var B = Ot(n, 0, s, !0);
+        if (B === $)
+          return fe(!1);
+        if (l = B, i = _e(l), qt(ke, n, $, a, l, i, t, !1) !== !1)
+          return G(), n.insertBefore($, B), Ie = n, pe(), fe(!0);
+      } else if (l.parentNode === n) {
+        i = _e(l);
+        var ae = 0, De, xe = $.parentNode !== n, F = !da($.animated && $.toRect || a, l.animated && l.toRect || i, m), V = m ? "top" : "left", Y = Wn(l, "top", "top") || Wn($, "top", "top"), ye = Y ? Y.scrollTop : void 0;
+        St !== l && (De = i[V], Bt = !1, Qt = !F && s.invertSwap || xe), ae = ha(t, l, i, m, F ? 1 : s.swapThreshold, s.invertedSwapThreshold == null ? s.swapThreshold : s.invertedSwapThreshold, Qt, St === l);
+        var Ve;
+        if (ae !== 0) {
+          var L = Je($);
+          do
+            L -= ae, Ve = Ie.children[L];
+          while (Ve && (X(Ve, "display") === "none" || Ve === te));
+        }
+        if (ae === 0 || Ve === l)
+          return fe(!1);
+        St = l, Rt = ae;
+        var E = l.nextElementSibling, x = !1;
+        x = ae === 1;
+        var T = qt(ke, n, $, a, l, i, t, x);
+        if (T !== !1)
+          return (T === 1 || T === -1) && (x = T === 1), kn = !0, setTimeout(ga, 30), G(), x && !E ? n.appendChild($) : l.parentNode.insertBefore($, x ? E : l), Y && ml(Y, 0, ye - Y.scrollTop), Ie = $.parentNode, De !== void 0 && !Qt && (Zt = Math.abs(De - _e(l)[V])), pe(), fe(!0);
+      }
+      if (n.contains($))
+        return fe(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    de(document, "mousemove", this._onTouchMove), de(document, "touchmove", this._onTouchMove), de(document, "pointermove", this._onTouchMove), de(document, "dragover", yt), de(document, "mousemove", yt), de(document, "touchmove", yt);
+  },
+  _offUpEvents: function() {
+    var t = this.el.ownerDocument;
+    de(t, "mouseup", this._onDrop), de(t, "touchend", this._onDrop), de(t, "pointerup", this._onDrop), de(t, "touchcancel", this._onDrop), de(document, "selectstart", this);
+  },
+  _onDrop: function(t) {
+    var n = this.el, l = this.options;
+    if (Ge = Je($), pt = Je($, l.draggable), Xe("drop", this, {
+      evt: t
+    }), Ie = $ && $.parentNode, Ge = Je($), pt = Je($, l.draggable), Q.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    $t = !1, Qt = !1, Bt = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Cn(this.cloneId), Cn(this._dragStartId), this.nativeDraggable && (de(document, "drop", this), de(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Pt && X(document.body, "user-select", ""), X($, "transform", ""), t && (At && (t.cancelable && t.preventDefault(), !l.dropBubble && t.stopPropagation()), te && te.parentNode && te.parentNode.removeChild(te), (ke === Ie || Ne && Ne.lastPutMode !== "clone") && Oe && Oe.parentNode && Oe.parentNode.removeChild(Oe), $ && (this.nativeDraggable && de($, "dragend", this), yn($), $.style["will-change"] = "", At && !$t && qe($, Ne ? Ne.options.ghostClass : this.options.ghostClass, !1), qe($, this.options.chosenClass, !1), He({
+      sortable: this,
+      name: "unchoose",
+      toEl: Ie,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: t
+    }), ke !== Ie ? (Ge >= 0 && (He({
+      rootEl: Ie,
+      name: "add",
+      toEl: Ie,
+      fromEl: ke,
+      originalEvent: t
+    }), He({
+      sortable: this,
+      name: "remove",
+      toEl: Ie,
+      originalEvent: t
+    }), He({
+      rootEl: Ie,
+      name: "sort",
+      toEl: Ie,
+      fromEl: ke,
+      originalEvent: t
+    }), He({
+      sortable: this,
+      name: "sort",
+      toEl: Ie,
+      originalEvent: t
+    })), Ne && Ne.save()) : Ge !== kt && Ge >= 0 && (He({
+      sortable: this,
+      name: "update",
+      toEl: Ie,
+      originalEvent: t
+    }), He({
+      sortable: this,
+      name: "sort",
+      toEl: Ie,
+      originalEvent: t
+    })), Q.active && ((Ge == null || Ge === -1) && (Ge = kt, pt = Nt), He({
+      sortable: this,
+      name: "end",
+      toEl: Ie,
+      originalEvent: t
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    Xe("nulling", this), ke = $ = Ie = te = bt = Oe = Kt = gt = ht = nt = At = Ge = pt = kt = Nt = St = Rt = Ne = Xt = Q.dragged = Q.ghost = Q.clone = Q.active = null, an.forEach(function(t) {
+      t.checked = !0;
+    }), an.length = mn = vn = 0;
+  },
+  handleEvent: function(t) {
+    switch (t.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(t);
+        break;
+      case "dragenter":
+      case "dragover":
+        $ && (this._onDragOver(t), pa(t));
+        break;
+      case "selectstart":
+        t.preventDefault();
+        break;
+    }
+  },
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
+   */
+  toArray: function() {
+    for (var t = [], n, l = this.el.children, a = 0, i = l.length, r = this.options; a < i; a++)
+      n = l[a], ot(n, r.draggable, this.el, !1) && t.push(n.getAttribute(r.dataIdAttr) || ba(n));
+    return t;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(t, n) {
+    var l = {}, a = this.el;
+    this.toArray().forEach(function(i, r) {
+      var s = a.children[r];
+      ot(s, this.options.draggable, a, !1) && (l[i] = s);
+    }, this), n && this.captureAnimationState(), t.forEach(function(i) {
+      l[i] && (a.removeChild(l[i]), a.appendChild(l[i]));
+    }), n && this.animateAll();
+  },
+  /**
+   * Save the current sorting
+   */
+  save: function() {
+    var t = this.options.store;
+    t && t.set && t.set(this);
+  },
+  /**
+   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+   * @param   {HTMLElement}  el
+   * @param   {String}       [selector]  default: `options.draggable`
+   * @returns {HTMLElement|null}
+   */
+  closest: function(t, n) {
+    return ot(t, n || this.options.draggable, this.el, !1);
+  },
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
+   */
+  option: function(t, n) {
+    var l = this.options;
+    if (n === void 0)
+      return l[t];
+    var a = Ht.modifyOption(this, t, n);
+    typeof a < "u" ? l[t] = a : l[t] = n, t === "group" && bl(l);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    Xe("destroy", this);
+    var t = this.el;
+    t[ze] = null, de(t, "mousedown", this._onTapStart), de(t, "touchstart", this._onTapStart), de(t, "pointerdown", this._onTapStart), this.nativeDraggable && (de(t, "dragover", this), de(t, "dragenter", this)), Array.prototype.forEach.call(t.querySelectorAll("[draggable]"), function(n) {
+      n.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), ln.splice(ln.indexOf(this.el), 1), this.el = t = null;
+  },
+  _hideClone: function() {
+    if (!gt) {
+      if (Xe("hideClone", this), Q.eventCanceled) return;
+      X(Oe, "display", "none"), this.options.removeCloneOnHide && Oe.parentNode && Oe.parentNode.removeChild(Oe), gt = !0;
+    }
+  },
+  _showClone: function(t) {
+    if (t.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (gt) {
+      if (Xe("showClone", this), Q.eventCanceled) return;
+      $.parentNode == ke && !this.options.group.revertClone ? ke.insertBefore(Oe, $) : bt ? ke.insertBefore(Oe, bt) : ke.appendChild(Oe), this.options.group.revertClone && this.animate($, Oe), X(Oe, "display", ""), gt = !1;
+    }
+  }
+};
+function pa(e) {
+  e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
+}
+function qt(e, t, n, l, a, i, r, s) {
+  var o, u = e[ze], g = u.options.onMove, p;
+  return window.CustomEvent && !ct && !jt ? o = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (o = document.createEvent("Event"), o.initEvent("move", !0, !0)), o.to = t, o.from = e, o.dragged = n, o.draggedRect = l, o.related = a || t, o.relatedRect = i || _e(t), o.willInsertAfter = s, o.originalEvent = r, e.dispatchEvent(o), g && (p = g.call(u, o, r)), p;
+}
+function yn(e) {
+  e.draggable = !1;
+}
+function ga() {
+  kn = !1;
+}
+function ma(e, t, n) {
+  var l = _e(Ot(n.el, 0, n.options, !0)), a = 10;
+  return t ? e.clientX < l.left - a || e.clientY < l.top && e.clientX < l.right : e.clientY < l.top - a || e.clientY < l.bottom && e.clientX < l.left;
+}
+function va(e, t, n) {
+  var l = _e(Vn(n.el, n.options.draggable)), a = 10;
+  return t ? e.clientX > l.right + a || e.clientX <= l.right && e.clientY > l.bottom && e.clientX >= l.left : e.clientX > l.right && e.clientY > l.top || e.clientX <= l.right && e.clientY > l.bottom + a;
+}
+function ha(e, t, n, l, a, i, r, s) {
+  var o = l ? e.clientY : e.clientX, u = l ? n.height : n.width, g = l ? n.top : n.left, p = l ? n.bottom : n.right, y = !1;
+  if (!r) {
+    if (s && Zt < u * a) {
+      if (!Bt && (Rt === 1 ? o > g + u * i / 2 : o < p - u * i / 2) && (Bt = !0), Bt)
+        y = !0;
+      else if (Rt === 1 ? o < g + Zt : o > p - Zt)
+        return -Rt;
+    } else if (o > g + u * (1 - a) / 2 && o < p - u * (1 - a) / 2)
+      return ya(t);
+  }
+  return y = y || r, y && (o < g + u * i / 2 || o > p - u * i / 2) ? o > g + u / 2 ? 1 : -1 : 0;
+}
+function ya(e) {
+  return Je($) < Je(e) ? 1 : -1;
+}
+function ba(e) {
+  for (var t = e.tagName + e.className + e.src + e.href + e.textContent, n = t.length, l = 0; n--; )
+    l += t.charCodeAt(n);
+  return l.toString(36);
+}
+function xa(e) {
+  an.length = 0;
+  for (var t = e.getElementsByTagName("input"), n = t.length; n--; ) {
+    var l = t[n];
+    l.checked && an.push(l);
+  }
+}
+function Jt(e) {
+  return setTimeout(e, 0);
+}
+function Cn(e) {
+  return clearTimeout(e);
+}
+sn && ve(document, "touchmove", function(e) {
+  (Q.active || $t) && e.cancelable && e.preventDefault();
+});
+Q.utils = {
+  on: ve,
+  off: de,
+  css: X,
+  find: pl,
+  is: function(t, n) {
+    return !!ot(t, n, t, !1);
+  },
+  extend: na,
+  throttle: gl,
+  closest: ot,
+  toggleClass: qe,
+  clone: vl,
+  index: Je,
+  nextTick: Jt,
+  cancelNextTick: Cn,
+  detectDirection: yl,
+  getChild: Ot
+};
+Q.get = function(e) {
+  return e[ze];
+};
+Q.mount = function() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  t[0].constructor === Array && (t = t[0]), t.forEach(function(l) {
+    if (!l.prototype || !l.prototype.constructor)
+      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(l));
+    l.utils && (Q.utils = rt(rt({}, Q.utils), l.utils)), Ht.mount(l);
+  });
+};
+Q.create = function(e, t) {
+  return new Q(e, t);
+};
+Q.version = Zl;
+var Ae = [], Mt, En, Dn = !1, bn, xn, on, _t;
+function wa() {
+  function e() {
+    this.defaults = {
+      scroll: !0,
+      forceAutoScrollFallback: !1,
+      scrollSensitivity: 30,
+      scrollSpeed: 10,
+      bubbleScroll: !0
+    };
+    for (var t in this)
+      t.charAt(0) === "_" && typeof this[t] == "function" && (this[t] = this[t].bind(this));
+  }
+  return e.prototype = {
+    dragStarted: function(n) {
+      var l = n.originalEvent;
+      this.sortable.nativeDraggable ? ve(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? ve(document, "pointermove", this._handleFallbackAutoScroll) : l.touches ? ve(document, "touchmove", this._handleFallbackAutoScroll) : ve(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(n) {
+      var l = n.originalEvent;
+      !this.options.dragOverBubble && !l.rootEl && this._handleAutoScroll(l);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? de(document, "dragover", this._handleAutoScroll) : (de(document, "pointermove", this._handleFallbackAutoScroll), de(document, "touchmove", this._handleFallbackAutoScroll), de(document, "mousemove", this._handleFallbackAutoScroll)), Zn(), en(), la();
+    },
+    nulling: function() {
+      on = En = Mt = Dn = _t = bn = xn = null, Ae.length = 0;
+    },
+    _handleFallbackAutoScroll: function(n) {
+      this._handleAutoScroll(n, !0);
+    },
+    _handleAutoScroll: function(n, l) {
+      var a = this, i = (n.touches ? n.touches[0] : n).clientX, r = (n.touches ? n.touches[0] : n).clientY, s = document.elementFromPoint(i, r);
+      if (on = n, l || this.options.forceAutoScrollFallback || jt || ct || Pt) {
+        wn(n, this.options, s, l);
+        var o = mt(s, !0);
+        Dn && (!_t || i !== bn || r !== xn) && (_t && Zn(), _t = setInterval(function() {
+          var u = mt(document.elementFromPoint(i, r), !0);
+          u !== o && (o = u, en()), wn(n, a.options, u, l);
+        }, 10), bn = i, xn = r);
+      } else {
+        if (!this.options.bubbleScroll || mt(s, !0) === it()) {
+          en();
+          return;
+        }
+        wn(n, this.options, mt(s, !1), !1);
+      }
+    }
+  }, dt(e, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function en() {
+  Ae.forEach(function(e) {
+    clearInterval(e.pid);
+  }), Ae = [];
+}
+function Zn() {
+  clearInterval(_t);
+}
+var wn = gl(function(e, t, n, l) {
+  if (t.scroll) {
+    var a = (e.touches ? e.touches[0] : e).clientX, i = (e.touches ? e.touches[0] : e).clientY, r = t.scrollSensitivity, s = t.scrollSpeed, o = it(), u = !1, g;
+    En !== n && (En = n, en(), Mt = t.scroll, g = t.scrollFn, Mt === !0 && (Mt = mt(n, !0)));
+    var p = 0, y = Mt;
+    do {
+      var m = y, D = _e(m), k = D.top, le = D.bottom, G = D.left, fe = D.right, pe = D.width, he = D.height, B = void 0, ae = void 0, De = m.scrollWidth, xe = m.scrollHeight, F = X(m), V = m.scrollLeft, Y = m.scrollTop;
+      m === o ? (B = pe < De && (F.overflowX === "auto" || F.overflowX === "scroll" || F.overflowX === "visible"), ae = he < xe && (F.overflowY === "auto" || F.overflowY === "scroll" || F.overflowY === "visible")) : (B = pe < De && (F.overflowX === "auto" || F.overflowX === "scroll"), ae = he < xe && (F.overflowY === "auto" || F.overflowY === "scroll"));
+      var ye = B && (Math.abs(fe - a) <= r && V + pe < De) - (Math.abs(G - a) <= r && !!V), Ve = ae && (Math.abs(le - i) <= r && Y + he < xe) - (Math.abs(k - i) <= r && !!Y);
+      if (!Ae[p])
+        for (var L = 0; L <= p; L++)
+          Ae[L] || (Ae[L] = {});
+      (Ae[p].vx != ye || Ae[p].vy != Ve || Ae[p].el !== m) && (Ae[p].el = m, Ae[p].vx = ye, Ae[p].vy = Ve, clearInterval(Ae[p].pid), (ye != 0 || Ve != 0) && (u = !0, Ae[p].pid = setInterval((function() {
+        l && this.layer === 0 && Q.active._onTouchMove(on);
+        var E = Ae[this.layer].vy ? Ae[this.layer].vy * s : 0, x = Ae[this.layer].vx ? Ae[this.layer].vx * s : 0;
+        typeof g == "function" && g.call(Q.dragged.parentNode[ze], x, E, e, on, Ae[this.layer].el) !== "continue" || ml(Ae[this.layer].el, x, E);
+      }).bind({
+        layer: p
+      }), 24))), p++;
+    } while (t.bubbleScroll && y !== o && (y = mt(y, !1)));
+    Dn = u;
+  }
+}, 30), Sl = function(t) {
+  var n = t.originalEvent, l = t.putSortable, a = t.dragEl, i = t.activeSortable, r = t.dispatchSortableEvent, s = t.hideGhostForTarget, o = t.unhideGhostForTarget;
+  if (n) {
+    var u = l || i;
+    s();
+    var g = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, p = document.elementFromPoint(g.clientX, g.clientY);
+    o(), u && !u.el.contains(p) && (r("spill"), this.onSpill({
+      dragEl: a,
+      putSortable: l
+    }));
+  }
+};
+function An() {
+}
+An.prototype = {
+  startIndex: null,
+  dragStart: function(t) {
+    var n = t.oldDraggableIndex;
+    this.startIndex = n;
+  },
+  onSpill: function(t) {
+    var n = t.dragEl, l = t.putSortable;
+    this.sortable.captureAnimationState(), l && l.captureAnimationState();
+    var a = Ot(this.sortable.el, this.startIndex, this.options);
+    a ? this.sortable.el.insertBefore(n, a) : this.sortable.el.appendChild(n), this.sortable.animateAll(), l && l.animateAll();
+  },
+  drop: Sl
+};
+dt(An, {
+  pluginName: "revertOnSpill"
+});
+function Mn() {
+}
+Mn.prototype = {
+  onSpill: function(t) {
+    var n = t.dragEl, l = t.putSortable, a = l || this.sortable;
+    a.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), a.animateAll();
+  },
+  drop: Sl
+};
+dt(Mn, {
+  pluginName: "removeOnSpill"
+});
+Q.mount(new wa());
+Q.mount(Mn, An);
+function Sa() {
+  return typeof window < "u" ? window.console : global.console;
+}
+const $a = Sa();
+function ka(e) {
+  const t = /* @__PURE__ */ Object.create(null);
+  return function(l) {
+    return t[l] || (t[l] = e(l));
+  };
+}
+const Ca = /-(\w)/g, Jn = ka((e) => e.replace(Ca, (t, n) => n ? n.toUpperCase() : ""));
+function Sn(e) {
+  e.parentElement !== null && e.parentElement.removeChild(e);
+}
+function el(e, t, n) {
+  const l = n === 0 ? e.children[0] : e.children[n - 1].nextSibling;
+  e.insertBefore(t, l);
+}
+function Ea(e, t) {
+  return Object.values(e).indexOf(t);
+}
+function Da(e, t, n, l) {
+  if (!e)
+    return [];
+  const a = Object.values(e), i = t.length - l;
+  return [...t].map((s, o) => o >= i ? a.length : a.indexOf(s));
+}
+function $l(e, t) {
+  this.$nextTick(() => this.$emit(e.toLowerCase(), t));
+}
+function Ia(e) {
+  return (t) => {
+    this.realList !== null && this["onDrag" + e](t), $l.call(this, e, t);
+  };
+}
+function Oa(e) {
+  return ["transition-group", "TransitionGroup"].includes(e);
+}
+function Ta(e) {
+  if (!e || e.length !== 1)
+    return !1;
+  const [{ type: t }] = e;
+  return t ? Oa(t.name) : !1;
+}
+function Va(e, t) {
+  return t ? { ...t.props, ...t.attrs } : e;
+}
+const In = ["Start", "Add", "Remove", "Update", "End"], On = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], Aa = ["Move", ...In, ...On].map((e) => "on" + e);
+let $n = null;
+const Ma = {
+  options: Object,
+  list: {
+    type: Array,
+    required: !1,
+    default: null
+  },
+  noTransitionOnDrag: {
+    type: Boolean,
+    default: !1
+  },
+  clone: {
+    type: Function,
+    default: (e) => e
+  },
+  tag: {
+    type: String,
+    default: "div"
+  },
+  move: {
+    type: Function,
+    default: null
+  },
+  componentData: {
+    type: Object,
+    required: !1,
+    default: null
+  },
+  component: {
+    type: String,
+    default: null
+  },
+  modelValue: {
+    type: Array,
+    required: !1,
+    default: null
+  }
+}, tl = ll({
+  name: "VueDraggableNext",
+  inheritAttrs: !1,
+  emits: [
+    "update:modelValue",
+    "move",
+    "change",
+    ...In.map((e) => e.toLowerCase()),
+    ...On.map((e) => e.toLowerCase())
+  ],
+  props: Ma,
+  data() {
+    return {
+      transitionMode: !1,
+      noneFunctionalComponentMode: !1,
+      headerOffset: 0,
+      footerOffset: 0,
+      _sortable: {},
+      visibleIndexes: [],
+      context: {}
+    };
+  },
+  render() {
+    const e = this.$slots.default ? this.$slots.default() : null, t = Va(this.$attrs, this.componentData);
+    return e ? (this.transitionMode = Ta(e), _n(this.getTag(), t, e)) : _n(this.getTag(), t, []);
+  },
+  created() {
+    this.list !== null && this.modelValue !== null && $a.error("list props are mutually exclusive! Please set one.");
+  },
+  mounted() {
+    const e = {};
+    In.forEach((a) => {
+      e["on" + a] = Ia.call(this, a);
+    }), On.forEach((a) => {
+      e["on" + a] = $l.bind(this, a);
+    });
+    const t = Object.keys(this.$attrs).reduce((a, i) => (a[Jn(i)] = this.$attrs[i], a), {}), n = Object.assign({}, t, e, {
+      onMove: (a, i) => this.onDragMove(a, i)
+    });
+    !("draggable" in n) && (n.draggable = ">*");
+    const l = this.$el.nodeType === 1 ? this.$el : this.$el.parentElement;
+    this._sortable = new Q(l, n), l.__draggable_component__ = this, this.computeIndexes();
+  },
+  beforeUnmount() {
+    try {
+      this._sortable !== void 0 && this._sortable.destroy();
+    } catch {
+    }
+  },
+  computed: {
+    realList() {
+      return this.list ? this.list : this.modelValue;
+    }
+  },
+  watch: {
+    $attrs: {
+      handler(e) {
+        this.updateOptions(e);
+      },
+      deep: !0
+    },
+    realList() {
+      this.computeIndexes();
+    }
+  },
+  methods: {
+    getTag() {
+      return this.component ? Il(this.component) : this.tag;
+    },
+    updateOptions(e) {
+      for (var t in e) {
+        const n = Jn(t);
+        Aa.indexOf(n) === -1 && this._sortable.option(n, e[t]);
+      }
+    },
+    getChildrenNodes() {
+      return this.$el.children;
+    },
+    computeIndexes() {
+      this.$nextTick(() => {
+        this.visibleIndexes = Da(this.getChildrenNodes(), this.$el.children, this.transitionMode, this.footerOffset);
+      });
+    },
+    getUnderlyingVm(e) {
+      const t = Ea(this.getChildrenNodes() || [], e);
+      if (t === -1)
+        return null;
+      const n = this.realList[t];
+      return { index: t, element: n };
+    },
+    emitChanges(e) {
+      this.$nextTick(() => {
+        this.$emit("change", e);
+      });
+    },
+    alterList(e) {
+      if (this.list) {
+        e(this.list);
+        return;
+      }
+      const t = [...this.modelValue];
+      e(t), this.$emit("update:modelValue", t);
+    },
+    spliceList() {
+      const e = (t) => t.splice(...arguments);
+      this.alterList(e);
+    },
+    updatePosition(e, t) {
+      const n = (l) => l.splice(t, 0, l.splice(e, 1)[0]);
+      this.alterList(n);
+    },
+    getVmIndex(e) {
+      const t = this.visibleIndexes, n = t.length;
+      return e > n - 1 ? n : t[e];
+    },
+    getComponent() {
+      return this.$slots.default ? (
+        //@ts-ignore
+        this.$slots.default()[0].componentInstance
+      ) : null;
+    },
+    resetTransitionData(e) {
+      if (!this.noTransitionOnDrag || !this.transitionMode)
+        return;
+      var t = this.getChildrenNodes();
+      t[e].data = null;
+      const n = this.getComponent();
+      n.children = [], n.kept = void 0;
+    },
+    onDragStart(e) {
+      this.computeIndexes(), this.context = this.getUnderlyingVm(e.item), this.context && (e.item._underlying_vm_ = this.clone(this.context.element), $n = e.item);
+    },
+    onDragAdd(e) {
+      const t = e.item._underlying_vm_;
+      if (t === void 0)
+        return;
+      Sn(e.item);
+      const n = this.getVmIndex(e.newIndex);
+      this.spliceList(n, 0, t), this.computeIndexes();
+      const l = { element: t, newIndex: n };
+      this.emitChanges({ added: l });
+    },
+    onDragRemove(e) {
+      if (el(this.$el, e.item, e.oldIndex), e.pullMode === "clone") {
+        Sn(e.clone);
+        return;
+      }
+      if (!this.context)
+        return;
+      const t = this.context.index;
+      this.spliceList(t, 1);
+      const n = { element: this.context.element, oldIndex: t };
+      this.resetTransitionData(t), this.emitChanges({ removed: n });
+    },
+    onDragUpdate(e) {
+      Sn(e.item), el(e.from, e.item, e.oldIndex);
+      const t = this.context.index, n = this.getVmIndex(e.newIndex);
+      this.updatePosition(t, n);
+      const l = { element: this.context.element, oldIndex: t, newIndex: n };
+      this.emitChanges({ moved: l });
+    },
+    updateProperty(e, t) {
+      e.hasOwnProperty(t) && (e[t] += this.headerOffset);
+    },
+    onDragMove(e, t) {
+      const n = this.move;
+      if (!n || !this.realList)
+        return !0;
+      const l = this.getRelatedContextFromMoveEvent(e), a = this.context, i = this.computeFutureIndex(l, e);
+      Object.assign(a, { futureIndex: i });
+      const r = Object.assign({}, e, {
+        relatedContext: l,
+        draggedContext: a
+      });
+      return n(r, t);
+    },
+    onDragEnd() {
+      this.computeIndexes(), $n = null;
+    },
+    getTrargetedComponent(e) {
+      return e.__draggable_component__;
+    },
+    getRelatedContextFromMoveEvent({ to: e, related: t }) {
+      const n = this.getTrargetedComponent(e);
+      if (!n)
+        return { component: n };
+      const l = n.realList, a = { list: l, component: n };
+      if (e !== t && l && n.getUnderlyingVm) {
+        const i = n.getUnderlyingVm(t);
+        if (i)
+          return Object.assign(i, a);
+      }
+      return a;
+    },
+    computeFutureIndex(e, t) {
+      const n = [...t.to.children].filter((r) => r.style.display !== "none");
+      if (n.length === 0)
+        return 0;
+      const l = n.indexOf(t.related), a = e.component.getVmIndex(l);
+      return n.indexOf($n) !== -1 || !t.willInsertAfter ? a : a + 1;
+    }
+  }
+}), _a = { class: "p-5 gap-y-4 text-sm flex w-[250px] flex-col" }, Fa = {
+  key: 0,
+  class: "gap-y-2 flex flex-col border-b pb-3 border-oc-gray-200"
+}, Pa = { class: "gap-y-2 flex flex-col" }, La = {
+  key: 0,
+  class: "flex items-center bg-white justify-between h-[26px]"
+}, Na = { class: "flex items-center w-full gap-x-3" }, Ra = { class: "truncate w-full max-w-[160px]" }, Ba = {
+  __name: "ColumnEdit",
+  props: {
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    headers: {
+      type: Array,
+      default: () => []
+    },
+    localKey: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["change-active", "onMoved", "update-order"],
+  setup(e, { emit: t }) {
+    const n = t, l = e, a = _([]), i = _([]), r = _(!1), s = (u = !1) => {
+      i.value = i.value.map((g) => ({
+        ...g,
+        isActive: !0
+      })), n("update-order", {
+        fixedHeaders: i.value,
+        activeHeaders: a.value,
+        isOnMount: u
+      });
+    }, o = {
+      handle: ".drag-el",
+      filter: ".is-disabled",
+      group: "headers",
+      animation: 500,
+      forceFallback: !1,
+      move: (u) => u.to.dataset.activeHeaders ? !0 : !!u.draggedContext.futureIndex,
+      "onUpdate:modelValue": () => s()
+    };
+    return Tt(() => {
+      const u = sl(l.localKey), { fixed: g, active: p } = ul(u, l.headers, l.localKey);
+      i.value = g || l.headers.slice(0, 1), a.value = p || l.headers.slice(1).map((y) => {
+        var m, D, k;
+        return {
+          ...y,
+          isActive: ((k = (D = (m = l.options) == null ? void 0 : m.active) == null ? void 0 : D.find((le) => le.key === y.key)) == null ? void 0 : k.isActive) ?? !0
+        };
+      }), s(!0);
+    }), (u, g) => (w(), ce(M(rn), {
+      modelValue: r.value,
+      "onUpdate:modelValue": g[3] || (g[3] = (p) => r.value = p),
+      class: "h-[36px]",
+      "is-attach-to-body": ""
+    }, {
+      menu: be(() => [
+        P("div", _a, [
+          i.value.length ? (w(), N("div", Fa, [
+            g[4] || (g[4] = P("span", { class: "text-oc-text-400 font-medium" }, "Fixed columns", -1)),
+            q(M(tl), Fn({
+              key: "key",
+              modelValue: i.value,
+              "onUpdate:modelValue": g[0] || (g[0] = (p) => i.value = p)
+            }, o), {
+              default: be(() => [
+                (w(!0), N(We, null, vt(i.value, (p, y) => (w(), N("div", {
+                  key: p.key,
+                  class: we(["flex items-center justify-between h-[26px]", y ? "" : "is-disabled"])
+                }, [
+                  P("span", null, Et(p.label), 1),
+                  y ? (w(), ce(M(Ee), {
+                    key: 0,
+                    width: "18",
+                    height: "18",
+                    class: "text-oc-text-400 drag-el cursor-move",
+                    name: "draggable"
+                  })) : K("", !0)
+                ], 2))), 128))
+              ]),
+              _: 1
+            }, 16, ["modelValue"])
+          ])) : K("", !0),
+          P("div", Pa, [
+            g[5] || (g[5] = P("span", { class: "text-oc-text-400 font-medium" }, "Active columns", -1)),
+            q(M(tl), Fn({
+              key: "key",
+              modelValue: a.value,
+              "onUpdate:modelValue": g[2] || (g[2] = (p) => a.value = p)
+            }, o, { "data-active-headers": "true" }), {
+              default: be(() => [
+                (w(!0), N(We, null, vt(a.value, (p) => (w(), N(We, {
+                  key: p.key
+                }, [
+                  p.key !== "actions" ? (w(), N("div", La, [
+                    P("div", Na, [
+                      q(M(Al), {
+                        modelValue: p.isActive,
+                        "onUpdate:modelValue": [
+                          (y) => p.isActive = y,
+                          g[1] || (g[1] = (y) => s())
+                        ],
+                        class: "!w-fit"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                      P("div", Ra, Et(p.label), 1)
+                    ]),
+                    a.value.length > 1 ? (w(), ce(M(Ee), {
+                      key: 0,
+                      width: "18",
+                      height: "18",
+                      class: "text-oc-text-400 drag-el cursor-move",
+                      name: "draggable"
+                    })) : K("", !0)
+                  ])) : K("", !0)
+                ], 64))), 128))
+              ]),
+              _: 1
+            }, 16, ["modelValue"])
+          ])
+        ])
+      ]),
+      default: be(() => [
+        q(M(It), {
+          label: "Edit Column",
+          "left-icon": "setting",
+          variant: "secondary"
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+}, ja = { class: "flex flex-col gap-9 relative" }, Ha = {
+  key: 0,
+  class: "flex items-center px-4 min-h-[52px]"
+}, Ya = {
+  key: 0,
+  class: "flex gap-5 items-center absolute left-5"
+}, Ua = {
+  key: 1,
+  class: "flex gap-3 absolute left-5"
+}, Xa = {
+  key: 1,
+  class: "flex w-full gap-5 md:justify-start justify-center"
+}, Qa = {
+  key: 2,
+  class: "hidden md:flex items-center"
+}, si = {
+  __name: "OcDataTable",
+  props: {
+    isLoading: Boolean,
+    id: {
+      type: String,
+      required: !0
+    },
+    options: {
+      type: Object,
+      required: !0
+    },
+    filter: {
+      type: Object,
+      required: !0
+    },
+    selected: {
+      type: Array,
+      required: !1
+    },
+    rowClass: String,
+    rowKey: {
+      type: String,
+      Function,
+      default: "id"
+    },
+    rowLink: String
+  },
+  emits: {
+    "update:selected": [],
+    "update:filter": [],
+    "click:row": [],
+    "filter-fields-changed": [],
+    "filter-removed": [],
+    "search-query-changed": [],
+    "hover:cell": []
+  },
+  setup(e, { emit: t }) {
+    var H, j, re, oe, Se, $e, se, Ce, Re;
+    const n = e, l = t, a = Me(() => {
+      var b;
+      return (b = n.options) == null ? void 0 : b.pagination;
+    }), i = Me(() => {
+      var b;
+      return (b = n.options) == null ? void 0 : b.cursor;
+    }), r = _(), s = Me(() => {
+      var b;
+      return (b = n.options) == null ? void 0 : b.tableOptions;
+    }), o = Me(() => {
+      var b;
+      return {
+        ...s.value,
+        headers: r.value ? r.value.filter((v) => x(v.key)) : (b = s.value) == null ? void 0 : b.headers.filter((v) => x(v.key))
+      };
+    }), u = Me(() => {
+      var b;
+      return (b = n.options) == null ? void 0 : b.filterOptions;
+    }), g = Me(() => {
+      var b;
+      return (b = n.options) == null ? void 0 : b.hidePerPageDropdown;
+    }), p = Me(() => {
+      var b;
+      return ((b = a.value) == null ? void 0 : b.last_page) === 1;
+    }), y = _(!1), m = _(n.filter[(j = (H = u.value) == null ? void 0 : H.tabs) == null ? void 0 : j.key]), D = _(n.filter.page), k = _(
+      (oe = (re = u.value) == null ? void 0 : re.per_page) != null && oe.key ? n.filter[($e = (Se = u.value) == null ? void 0 : Se.per_page) == null ? void 0 : $e.key] : n.filter.per_page
+    ), le = ((Re = n.filter[(Ce = (se = u.value) == null ? void 0 : se.search) == null ? void 0 : Ce.key]) == null ? void 0 : Re.trim()) ?? "", G = _(le ? le.split(",") : []), fe = _(!1), pe = Me(
+      () => {
+        var b, v;
+        return (v = (b = n.options) == null ? void 0 : b.perPageOptions) == null ? void 0 : v.map(
+          (z) => ({
+            label: `${z}`,
+            value: z
+          })
+        );
+      }
+    ), he = Me(() => {
+      let b = [
+        {
+          label: "10",
+          value: 10
+        },
+        {
+          label: "15",
+          value: 15
+        },
+        {
+          label: "20",
+          value: 20
+        },
+        {
+          label: "25",
+          value: 25
+        },
+        {
+          label: "40",
+          value: 40
+        },
+        {
+          label: "50",
+          value: 50
+        },
+        {
+          label: "75",
+          value: 75
+        },
+        {
+          label: "99",
+          value: 99
+        }
+      ], v = pe.value ?? b;
+      if (a.value) {
+        const z = a.value.total < 100 ? a.value.total : 100;
+        z > 10 && (v = v.filter((ie) => ie.value <= z));
+      }
+      return [...new Set(v)];
+    }), B = Me(() => {
+      var b;
+      return ((b = n.selected) == null ? void 0 : b.length) > 0;
+    }), ae = (b) => {
+      !b.trim() || G.value.includes(b) || (u.value ? G.value.push(b) : G.value = [b], ye(), l("search-query-changed", b));
+    }, De = (b) => {
+      G.value = G.value.filter((v) => v !== b), ye();
+    }, xe = n.filter;
+    !xe && a ? xe.page = 1 : !xe && i && (xe.cursor = "");
+    const F = _(xe), V = () => {
+      var v, z, ie, ue, ge, U, Te, O;
+      G.value = [];
+      const b = {};
+      u.value ? xe.page = 1 : xe.cursor = "", (z = (v = u.value) == null ? void 0 : v.per_page) != null && z.key ? b[(ue = (ie = u.value) == null ? void 0 : ie.per_page) == null ? void 0 : ue.key] = k.value : b.per_page = k.value, (U = (ge = u.value) == null ? void 0 : ge.tabs) != null && U.key ? b[(O = (Te = u.value) == null ? void 0 : Te.tabs) == null ? void 0 : O.key] = m.value : b.tabs = m.value, F.value = b, ye();
+    }, Y = () => {
+      ye(null, D.value);
+    }, ye = (b = null, v = !1, z = "") => {
+      var ie, ue, ge;
+      a.value && !v && (D.value = 1), a.value ? F.value.page = D.value : F.value.cursor = z, (ie = u.value) != null && ie.per_page ? F.value[u.value.per_page.key] = k.value : F.value.per_page = k.value, (ue = u.value) != null && ue.tabs && (F.value[u.value.tabs.key] = m.value), (ge = u.value) != null && ge.search && (F.value[u.value.search.key] = G.value.join()), b && (y.value = !1, F.value = { ...F.value, ...b }, Object.keys(F.value).forEach((U) => {
+        Array.isArray(F.value[U]) && F.value[U].length === 0 && delete F.value[U];
+      })), l("update:filter", F.value);
+    }, Ve = (b, v) => {
+      ye(b), l("filter-removed", v);
+    }, L = (b) => {
+      let v = [];
+      return b.forEach((z) => {
+        v.push(z.key);
+      }), v;
+    }, E = Me(() => {
+      if (F.value) {
+        let b = [];
+        return Object.keys(F.value).forEach((v) => {
+          var ge, U, Te, O, h, W, Fe, Ye, Ke, et, at;
+          let z = (U = (ge = u.value) == null ? void 0 : ge.tabs) == null ? void 0 : U.key;
+          const ie = (O = (Te = u.value) == null ? void 0 : Te.search) == null ? void 0 : O.key, ue = ((W = (h = u.value) == null ? void 0 : h.per_page) == null ? void 0 : W.key) ?? "per_page";
+          if ((Fe = u.value.form) == null || Fe.find((Pe) => {
+            Pe.name === z && (z = "");
+          }), v !== "page" && v !== "cursor" && v !== ue && v !== z && v !== ie) {
+            let Pe = null, me = (Ye = u.value.form) == null ? void 0 : Ye.find((tt) => {
+              if (typeof tt.name == "object") {
+                let je = !1;
+                return tt.name.forEach((Ze) => {
+                  Ze.key === v && (je = !0, Pe = L(tt.name));
+                }), je;
+              } else
+                return tt.name === v;
+            }), Ue = "";
+            if (me && F.value[v]) {
+              if (typeof me.name == "object" ? (Ke = me.name) == null || Ke.forEach((je) => {
+                Ue && (Ue += " - "), Ue += F.value[je.key];
+              }) : Ue = F.value[v], me.props.options && (Ue = (me.props.multiple ? F.value[v] : [F.value[v]]).map(
+                (Ze) => {
+                  var Yt;
+                  return (Yt = me.props.options.find(({ value: c }) => c === Ze)) == null ? void 0 : Yt.label;
+                }
+              ).join(", ")), me.type === "RangeInput" && Array.isArray(F.value[v]) && (Ue = F.value[v][0].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " - " + F.value[v][1].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")), me.type === "DatePicker")
+                if (((et = me == null ? void 0 : me.props) == null ? void 0 : et.type) === "range" && me.name && me.name[1]) {
+                  const je = fn(F.value[me.name[0].key]).format("MM/DD/YYYY"), Ze = fn(F.value[me.name[1].key]).format("MM/DD/YYYY");
+                  Ue = je === Ze ? je : je + " - " + Ze;
+                } else Ue = fn(F.value[me.name]).format("MM/DD/YYYY");
+              let tt = `${(at = me == null ? void 0 : me.props) == null ? void 0 : at.label} : ${Ue}`;
+              me && me.name && typeof me.name == "object" && b.find((Ze) => Ze.name === Pe[0]) && (tt = ""), b.push({
+                label: tt,
+                name: v,
+                multiNames: Pe
+              });
+            }
+          }
+        }), b;
+      }
+      return [];
+    }), x = (b) => {
+      var v, z, ie, ue, ge, U;
+      return ((U = (ge = (ue = (ie = F.value) == null ? void 0 : ie[(z = (v = u.value) == null ? void 0 : v.columnEdit) == null ? void 0 : z.key]) == null ? void 0 : ue.active) == null ? void 0 : ge.find((Te) => Te.key === b)) == null ? void 0 : U.isActive) ?? !0;
+    }, T = ({ fixedHeaders: b, activeHeaders: v, isOnMount: z }) => {
+      var ie, ue, ge, U;
+      if (F.value[(ue = (ie = u.value) == null ? void 0 : ie.columnEdit) == null ? void 0 : ue.key].fixed = b, F.value[(U = (ge = u.value) == null ? void 0 : ge.columnEdit) == null ? void 0 : U.key].active = v, r.value = [...b, ...v], !z) {
+        const Te = Ql(b, v);
+        Wl(u.value.columnEdit.localStorageKey, Te);
+      }
+    }, C = () => {
+      var b, v, z, ie, ue, ge;
+      if ((v = (b = u.value) == null ? void 0 : b.columnEdit) != null && v.localStorageKey) {
+        const U = sl(u.value.columnEdit.localStorageKey);
+        if (U) {
+          const { fixed: Te, active: O } = ul(
+            U,
+            s.value.headers,
+            u.value.columnEdit.localStorageKey
+          );
+          F.value[(ie = (z = u.value) == null ? void 0 : z.columnEdit) == null ? void 0 : ie.key].fixed = Te, F.value[(ge = (ue = u.value) == null ? void 0 : ue.columnEdit) == null ? void 0 : ge.key].active = O, r.value = [...Te, ...O];
+        }
+      }
+    };
+    return Tt(() => {
+      C();
+    }), (b, v) => {
+      var z, ie, ue, ge;
+      return w(), N("div", ja, [
+        s.value ? (w(), ce(M(Ml), {
+          key: 0,
+          selected: e.selected,
+          "row-key": e.rowKey,
+          options: o.value,
+          "is-loading": e.isLoading,
+          "loading-rows": k.value,
+          "row-class": e.rowClass,
+          "row-link": e.rowLink,
+          "is-sticky": s.value.isSticky,
+          "is-borderless": s.value.isBorderless,
+          "onUpdate:selected": v[7] || (v[7] = (U) => b.$emit("update:selected", U)),
+          "onClick:row": v[8] || (v[8] = (U) => b.$emit("click:row", U)),
+          "onHover:cell": v[9] || (v[9] = (U) => b.$emit("hover:cell", U))
+        }, al({
+          after: be(() => [
+            Qe(b.$slots, "after")
+          ]),
+          empty: be(() => [
+            Qe(b.$slots, "empty")
+          ]),
+          "table-header": be((U) => [
+            Qe(b.$slots, "table-header", Pn(Ln(U)))
+          ]),
+          "table-body": be((U) => [
+            Qe(b.$slots, "table-body", Pn(Ln(U)))
+          ]),
+          _: 2
+        }, [
+          b.$slots.before || (z = u.value) != null && z.search || (ie = u.value) != null && ie.form || (ue = u.value) != null && ue.tabs ? {
+            name: "before",
+            fn: be(() => {
+              var U, Te, O, h;
+              return [
+                Qe(b.$slots, "before"),
+                (U = u.value) != null && U.search || (Te = u.value) != null && Te.form || (O = u.value) != null && O.tabs ? (w(), N("div", Ha, [
+                  B.value ? (w(), N("div", Ya, [
+                    Qe(b.$slots, "bulk-actions", { selectedRows: e.selected })
+                  ])) : (w(), N("div", Ua, [
+                    (h = u.value) != null && h.tabs ? (w(), ce(M(_l), {
+                      key: 0,
+                      modelValue: m.value,
+                      "onUpdate:modelValue": [
+                        v[0] || (v[0] = (W) => m.value = W),
+                        v[1] || (v[1] = (W) => ye(null))
+                      ],
+                      tabs: u.value.tabs.options,
+                      variant: "pills"
+                    }, null, 8, ["modelValue", "tabs"])) : K("", !0)
+                  ])),
+                  Qe(b.$slots, "filter-options", {}, () => {
+                    var W, Fe, Ye, Ke, et, at;
+                    return [
+                      (W = u.value) != null && W.search || (Fe = u.value) != null && Fe.form || (Ye = u.value) != null && Ye.columnEdit ? (w(), N("div", {
+                        key: 0,
+                        class: we([
+                          "flex gap-3 absolute ml-auto bg-oc-bg-light right-4 max-w-[calc(100%-24px)]",
+                          u.value ? fe.value ? "md:w-fit w-full" : "" : "w-full justify-end"
+                        ])
+                      }, [
+                        (Ke = u.value) != null && Ke.search ? (w(), ce(M(qa), {
+                          key: 0,
+                          "is-search-only": !u.value.tabs || u.value.isSearchOnly,
+                          onAddQuery: ae,
+                          onToggle: v[2] || (v[2] = (Pe) => fe.value = Pe)
+                        }, null, 8, ["is-search-only"])) : K("", !0),
+                        (et = u.value) != null && et.form ? (w(), ce(M(rn), {
+                          key: 1,
+                          modelValue: y.value,
+                          "onUpdate:modelValue": v[6] || (v[6] = (Pe) => y.value = Pe),
+                          distance: 9,
+                          placement: "bottom-end",
+                          "is-attach-to-body": ""
+                        }, {
+                          menu: be(() => [
+                            y.value ? (w(), ce(M(eo), {
+                              key: 0,
+                              id: e.id,
+                              "json-form": u.value.form ?? [],
+                              grid: u.value.grid ?? null,
+                              values: n.filter,
+                              actions: u.value.actions,
+                              onApplyFilter: v[3] || (v[3] = (Pe) => ye(Pe)),
+                              onFilterFieldsChanged: v[4] || (v[4] = (Pe) => l("filter-fields-changed", Pe)),
+                              onCancel: v[5] || (v[5] = (Pe) => y.value = !1)
+                            }, {
+                              default: be(({ errors: Pe, values: me, jsonForm: Ue, updateForm: tt }) => [
+                                Qe(b.$slots, "custom-filter-form", {
+                                  errors: Pe,
+                                  values: me,
+                                  jsonForm: Ue,
+                                  updateFilter: tt
+                                })
+                              ]),
+                              _: 3
+                            }, 8, ["id", "json-form", "grid", "values", "actions"])) : K("", !0)
+                          ]),
+                          default: be(() => [
+                            q(M(It), {
+                              "is-active": y.value,
+                              variant: "secondary",
+                              "left-icon": "filter"
+                            }, null, 8, ["is-active"])
+                          ]),
+                          _: 3
+                        }, 8, ["modelValue"])) : K("", !0),
+                        u.value.columnEdit ? (w(), ce(Ba, {
+                          key: 2,
+                          options: F.value.columnEdit,
+                          headers: ((at = s.value) == null ? void 0 : at.headers) || [],
+                          "local-key": u.value.columnEdit.localStorageKey,
+                          onUpdateOrder: T
+                        }, null, 8, ["options", "headers", "local-key"])) : K("", !0)
+                      ], 2)) : K("", !0)
+                    ];
+                  })
+                ])) : K("", !0),
+                q(M(za), {
+                  filters: E.value,
+                  queries: G.value,
+                  class: "border-t border-oc-gray-200",
+                  onRemoveQuery: De,
+                  onRemoveAll: V,
+                  onRemoveFilter: Ve
+                }, null, 8, ["filters", "queries"])
+              ];
+            }),
+            key: "0"
+          } : void 0,
+          vt((ge = s.value) == null ? void 0 : ge.headers, (U, Te) => ({
+            name: U.key,
+            fn: be(({ data: O, item: h }) => [
+              Qe(b.$slots, U.key, {
+                data: O,
+                item: h
+              })
+            ])
+          }))
+        ]), 1032, ["selected", "row-key", "options", "is-loading", "loading-rows", "row-class", "row-link", "is-sticky", "is-borderless"])) : K("", !0),
+        Qe(b.$slots, "before-pagination"),
+        a.value || i.value ? (w(), N("div", {
+          key: 1,
+          class: we(["flex gap-3 items-center", a.value && a.value.last_page === 1 ? "justify-end" : ""])
+        }, [
+          a.value && !p.value ? (w(), ce(M(Fl), {
+            key: 0,
+            modelValue: D.value,
+            "onUpdate:modelValue": [
+              v[10] || (v[10] = (U) => D.value = U),
+              Y
+            ],
+            class: "justify-center",
+            "max-page": a.value.last_page,
+            strategy: a.value.strategy,
+            "total-visible": "5"
+          }, null, 8, ["modelValue", "max-page", "strategy"])) : K("", !0),
+          i.value ? (w(), N("div", Xa, [
+            q(M(Rn), {
+              disabled: !i.value.prev,
+              onClick: v[11] || (v[11] = (U) => i.value.prev ? ye(null, !1, i.value.prev) : null)
+            }, null, 8, ["disabled"]),
+            q(M(Rn), {
+              disabled: !i.value.next,
+              "is-next": "",
+              onClick: v[12] || (v[12] = (U) => i.value.next ? ye(null, !1, i.value.next) : null)
+            }, null, 8, ["disabled"])
+          ])) : K("", !0),
+          g.value ? K("", !0) : (w(), N("div", Qa, [
+            q(M(il), {
+              modelValue: k.value,
+              "onUpdate:modelValue": [
+                v[13] || (v[13] = (U) => k.value = U),
+                v[14] || (v[14] = (U) => ye(null))
+              ],
+              label: "Item per page",
+              "is-inline-label": "",
+              "popper-options": { placement: "auto" },
+              options: he.value
+            }, null, 8, ["modelValue", "options"])
+          ]))
+        ], 2)) : K("", !0)
+      ]);
+    };
+  }
+}, Wa = { class: "flex gap-x-4" }, qa = {
+  __name: "OcFilterSearch",
+  props: {
+    isSearchOnly: Boolean
+  },
+  emits: {
+    addQuery: [],
+    toggle: []
+  },
+  setup(e, { emit: t }) {
+    const n = t, l = _(!1), a = _(""), i = _(), r = async () => {
+      l.value = !0, n("toggle", l), await ol(), i.value.focus();
+    };
+    return (s, o) => (w(), N(We, null, [
+      P("div", {
+        class: we(["w-full", l.value || e.isSearchOnly ? "" : "absolute max-w-0 overflow-hidden"])
+      }, [
+        P("div", Wa, [
+          q(M(xt), {
+            ref_key: "searchInput",
+            ref: i,
+            modelValue: a.value,
+            "onUpdate:modelValue": o[0] || (o[0] = (u) => a.value = u),
+            placeholder: "Search something here",
+            class: "md:min-w-[310px]",
+            icon: "search",
+            onKeyup: o[1] || (o[1] = Tn(
+              () => {
+                s.$emit("addQuery", a.value), a.value = "";
+              },
+              ["enter"]
+            ))
+          }, null, 8, ["modelValue"]),
+          e.isSearchOnly ? (w(), ce(M(It), {
+            key: 0,
+            label: "Search",
+            variant: "secondary",
+            class: "shrink-0",
+            onClick: o[2] || (o[2] = () => {
+              s.$emit("addQuery", a.value), a.value = "";
+            })
+          })) : (w(), N("span", {
+            key: 1,
+            class: "py-3 text-base cursor-pointer flex normal-case items-center font-medium text-oc-text-400",
+            onClick: o[3] || (o[3] = () => {
+              l.value = !1, s.$emit("toggle", l.value), a.value = "";
+            })
+          }, " Clear "))
+        ])
+      ], 2),
+      e.isSearchOnly ? K("", !0) : (w(), N("div", {
+        key: 0,
+        class: we(l.value ? "max-w-0 overflow-hidden" : "")
+      }, [
+        l.value ? K("", !0) : (w(), ce(M(It), {
+          key: 0,
+          variant: "secondary",
+          "left-icon": "search",
+          onClick: r
+        }))
+      ], 2))
+    ], 64));
+  }
+}, Ga = { class: "flex gap-1 items-center normal-case flex-wrap" }, za = {
+  __name: "OcFilterSearchFor",
+  props: {
+    filters: Object,
+    queries: Object
+  },
+  emits: {
+    removeQuery: [],
+    removeFilter: [],
+    removeAll: []
+  },
+  setup(e, { emit: t }) {
+    const n = e, l = t, a = Me(() => {
+      var s;
+      let r = [];
+      return (s = n.filters) == null || s.forEach((o) => {
+        if (o.multiNames) {
+          const u = r.find((g) => g.name === o.multiNames[0]);
+          u ? u.label = u.label + o.label : r.push(o);
+        } else
+          r.push(o);
+      }), r;
+    }), i = (r, s) => {
+      let o = {};
+      o[r] = "", s ? s.forEach((u) => {
+        let g = {};
+        g[u] = "", l("removeFilter", g, u);
+      }) : l("removeFilter", o, r);
+    };
+    return (r, s) => a.value.length > 0 || e.queries.length > 0 ? (w(), ce(M(Pl), {
+      key: 0,
+      class: "!w-full !justify-start !bg-oc-bg-light"
+    }, {
+      default: be(() => [
+        P("div", Ga, [
+          s[1] || (s[1] = P("span", { class: "pr-2 text-sm font-medium text-oc-text" }, "Search for:", -1)),
+          (w(!0), N(We, null, vt(e.queries, (o) => (w(), ce(M(dn), {
+            key: o,
+            variant: "accent-1",
+            closable: "",
+            label: o,
+            onRemove: (u) => r.$emit("removeQuery", o)
+          }, null, 8, ["label", "onRemove"]))), 128)),
+          (w(!0), N(We, null, vt(a.value, (o) => (w(), ce(M(dn), {
+            key: o.name,
+            variant: "accent-1",
+            closable: "",
+            label: o.label,
+            onRemove: (u) => i(o.name, o.multiNames)
+          }, null, 8, ["label", "onRemove"]))), 128)),
+          q(M(dn), {
+            variant: "gray",
+            class: "cursor-pointer",
+            label: "Clear all",
+            onClick: s[0] || (s[0] = (o) => r.$emit("removeAll"))
+          })
+        ])
+      ]),
+      _: 1
+    })) : K("", !0);
+  }
+}, Ka = { class: "flex w-[326px] flex-col gap-y-5" }, Za = { class: "max-h-[500px] overflow-y-auto p-5" }, Ja = { class: "flex gap-x-5 px-5 pb-5" }, eo = {
+  __name: "OcFilterForm",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    },
+    jsonForm: {
+      type: Array
+    },
+    values: {
+      type: Object
+    },
+    actions: {
+      type: Object
+    },
+    grid: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["applyFilter", "cancel", "filter-fields-changed"],
+  setup(e, { emit: t }) {
+    const n = e, l = t, a = _({}), i = _({}), r = _([]), s = (m) => {
+      r.value.findIndex((k) => k === m) >= 0 || r.value.push(m);
+    }, o = (m, D = null) => {
+      typeof m.name == "object" ? m.name.forEach((k, le) => {
+        a.value[k.key] = D[le];
+      }) : a.value[m.name] = D, s(m.name);
+    }, u = Me(() => Object.values(a.value).length > 0), g = Me(() => {
+      var m, D;
+      return ((D = (m = n.actions) == null ? void 0 : m.applyButton) == null ? void 0 : D.label) || "Apply";
+    }), p = Me(() => {
+      var m, D;
+      return ((D = (m = n.actions) == null ? void 0 : m.cancelButton) == null ? void 0 : D.label) || "Cancel";
+    });
+    Tt(() => {
+      a.value = { ...n.values };
+    });
+    const y = () => {
+      l("applyFilter", a.value), l("filter-fields-changed", r.value), r.value = [];
+    };
+    return (m, D) => (w(), N("div", Ka, [
+      Qe(m.$slots, "default", {
+        errors: i.value,
+        values: a.value,
+        jsonForm: e.jsonForm,
+        updateForm: o
+      }, () => [
+        P("div", Za, [
+          q(M(Ll), {
+            id: `filter-form-${e.id}`,
+            class: "grid gap-5",
+            errors: i.value,
+            values: a.value,
+            "json-form": e.jsonForm,
+            grid: e.grid ?? null,
+            onOnUpdate: o
+          }, null, 8, ["id", "errors", "values", "json-form", "grid"])
+        ])
+      ]),
+      P("div", Ja, [
+        q(M(It), {
+          class: "w-full",
+          variant: "secondary",
+          label: p.value,
+          onClick: D[0] || (D[0] = (k) => m.$emit("cancel"))
+        }, null, 8, ["label"]),
+        q(M(It), {
+          class: "w-full",
+          "is-disabled": !u.value,
+          label: g.value,
+          onClick: y
+        }, null, 8, ["is-disabled", "label"])
+      ])
+    ]));
+  }
+}, to = { key: 1 }, no = {
+  __name: "OcColorPicker",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    variant: {
+      type: String,
+      default: "solid"
+    },
+    hideOpacity: Boolean,
+    hideInputColor: Boolean,
+    presetColors: {
+      type: Array
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: t }) {
+    const n = e, l = t, a = _(!1), i = _(n.modelValue), r = (k) => {
+      k && (i.value = k, l("update:model-value", k));
+    }, s = Me(() => n.variant === "gradient" ? {
+      class: "w-[20px] h-[20px] hide-svg-icon",
+      style: {
+        background: i.value
+      }
+    } : {
+      style: {
+        color: i.value
+      }
+    }), o = _(), u = _([]), g = () => {
+      u.value.length > 8 && (u.value = u.value.filter((k, le) => le < 8)), localStorage.setItem("ck-cp-local-color-list", JSON.stringify(u.value));
+    };
+    let p = localStorage.getItem("ck-cp-local-color-list");
+    p && (u.value = [...new Set(JSON.parse(p))], g());
+    const y = (k) => {
+      if (!k && i.value)
+        if (u.value.find((G) => G === i.value))
+          u.value = [
+            i.value,
+            ...u.value.filter((G) => G !== i.value)
+          ], g();
+        else {
+          u.value.length >= 9 && u.value.pop();
+          let G = i.value;
+          u.value.unshift(G), g();
+        }
+    }, m = _(!1), D = (k) => {
+      i.value = k, l("update:model-value", k), a.value = !1;
+    };
+    return (k, le) => (w(), ce(M(rl), {
+      class: we(e.hideInputColor ? "w-[40px]" : ""),
+      onClick: le[1] || (le[1] = () => {
+        var G;
+        return (G = o.value) == null ? void 0 : G.toggleDropdown();
+      })
+    }, {
+      default: be(() => [
+        q(M(rn), {
+          ref_key: "dropdownRef",
+          ref: o,
+          modelValue: a.value,
+          "onUpdate:modelValue": [
+            le[0] || (le[0] = (G) => a.value = G),
+            y
+          ],
+          "max-menu-height": 800,
+          placement: "auto"
+        }, {
+          menu: be(() => [
+            m.value ? K("", !0) : (w(), ce(M(zo), {
+              key: 0,
+              variant: e.variant,
+              "show-alpha": !e.hideOpacity,
+              type: e.hideOpacity ? "HEX" : "HEX8",
+              "model-value": e.modelValue,
+              "last-used-colors": u.value,
+              "preset-colors": e.presetColors,
+              "onUpdate:modelValue": r,
+              onLastUsedPick: D
+            }, null, 8, ["variant", "show-alpha", "type", "model-value", "last-used-colors", "preset-colors"]))
+          ]),
+          default: be(() => [
+            e.hideInputColor ? (w(), N("div", to, [
+              Qe(k.$slots, "picker-icon", {}, () => [
+                q(M(Ee), {
+                  class: "cursor-pointer",
+                  style: lt(`color: ${i.value}`),
+                  name: "drop"
+                }, null, 8, ["style"])
+              ])
+            ])) : (w(), ce(M(xt), {
+              key: 0,
+              "model-value": i.value,
+              icon: "drop",
+              "icon-props": s.value,
+              placeholder: "#FFFFFF",
+              "onUpdate:modelValue": r
+            }, al({ _: 2 }, [
+              k.$slots.leading ? {
+                name: "leading",
+                fn: be(() => [
+                  Qe(k.$slots, "leading")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["model-value", "icon-props"]))
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}, lo = ["id"], ao = { class: "flex items-center gap-x-3 px-5" }, oo = { class: "flex items-center gap-x-5 cursor-pointer" }, io = { class: "flex flex-col py-2 overflow-hidden" }, ro = ["onClick"], so = { class: "flex gap-x-3 items-center px-5" }, uo = { class: "flex items-center gap-x-3 px-5" }, co = { class: "flex gap-x-3 items-center px-5" }, fo = { class: "flex gap-x-3 items-center px-5" }, po = { class: "flex items-center" }, go = { class: "grid cursor-pointer px-5" }, mo = {
+  key: 5,
+  class: "flex gap-x-3 items-center px-5"
+}, vo = { class: "flex" }, ho = { class: "mt-1 mx-2 cursor-pointer" }, ui = {
+  __name: "OcTextEditor",
+  props: {
+    /**
+     * The font sizes of the editor.
+     */
+    fontSizes: { type: Array, required: !0 },
+    /**
+     * The initial font size of the editor. (if empty the first item of `fontSizes` will be used, needs to be a value of `fontSizes`)
+     */
+    initialFontSize: { type: String },
+    modelValue: String,
+    image: String,
+    errorMessage: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    hint: {
+      type: String,
+      default: ""
+    },
+    isRequired: {
+      type: Boolean,
+      default: !1
+    },
+    labelIcon: {
+      type: String,
+      default: ""
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    },
+    tooltipOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    variant: {
+      type: String,
+      validator: (e) => ["default", "text-only"].includes(e),
+      default: "default"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "update:image"],
+  setup(e, { emit: t }) {
+    const n = e, l = t, a = {
+      default: [
+        "changes",
+        "font-size",
+        "font-style",
+        "link",
+        "image",
+        "quote",
+        "media",
+        "list",
+        "alignment"
+      ],
+      "text-only": ["changes", "font-size", "font-style", "link", "quote", "list", "alignment"]
+    }, i = Me(() => a[n.variant]), r = Le.import("attributors/style/size");
+    r.whitelist = n.fontSizes.map((O) => O.value), Le.register(r, !0);
+    const s = Le.import("attributors/style/align");
+    Le.register(s, !0);
+    const o = Le.import("attributors/style/background");
+    Le.register(o, !0);
+    const u = Le.import("attributors/style/color");
+    Le.register(u, !0);
+    const g = Le.import("attributors/style/direction");
+    Le.register(g, !0);
+    const p = Le.import("attributors/style/font");
+    Le.register(p, !0);
+    const y = Le.import("blots/block/embed");
+    class m extends y {
+    }
+    un(m, "blotName", "divider"), un(m, "tagName", "hr"), Le.register(m);
+    const D = () => {
+      if (V.value.getQuill().getSelection(!0)) {
+        const h = V.value.getQuill().getSelection(!0);
+        V.value.getQuill().insertText(h.index, `
+`, Le.sources.USER), V.value.getQuill().insertEmbed(h.index + 1, "divider", !0, Le.sources.USER), V.value.getQuill().setSelection(h.index + 2, Le.sources.SILENT);
+      }
+    }, k = _(
+      Math.random().toString(36).replace(/[^a-zA-Z]+/g, "")
+    ), le = _(!1), G = _(!1), fe = _(!1), pe = _(!1), he = _(!1), B = _(!1), ae = _(!1), De = _(""), xe = _(""), F = _(""), V = _(), Y = _(!1), ye = _(n.image), Ve = (O) => {
+      le.value = V.value.getQuill().history.stack.undo.length > 0, G.value = V.value.getQuill().history.stack.redo.length > 0, fe.value = V.value.getQuill().getFormat().bold, pe.value = V.value.getQuill().getFormat().italic, he.value = V.value.getQuill().getFormat().underline, ae.value = V.value.getQuill().getFormat().blockquote, xe.value = V.value.getQuill().getFormat().list, F.value = V.value.getQuill().getFormat().align;
+      let h = document.createElement("div");
+      h.innerHTML = O, Y.value && (h.innerText ? l("update:modelValue", O || "") : l("update:modelValue", ""), h.remove());
+    }, L = () => {
+      V.value.getQuill().history.undo(), Ve(n.modelValue);
+    }, E = () => {
+      V.value.getQuill().history.redo(), Ve(n.modelValue);
+    }, x = () => {
+      var O;
+      V.value.getQuill().format("bold", !fe.value), (O = V.value.getQuill().getSelection()) != null && O.length || (fe.value = !fe.value);
+    }, T = () => {
+      var O;
+      V.value.getQuill().format("italic", !pe.value), (O = V.value.getQuill().getSelection()) != null && O.length || (pe.value = !pe.value);
+    }, C = () => {
+      var O;
+      V.value.getQuill().format("underline", !he.value), (O = V.value.getQuill().getSelection()) != null && O.length || (he.value = !he.value);
+    }, H = (O) => {
+      V.value.getQuill().format("size", O), De.value = O, B.value = !1;
+    }, j = () => {
+      const O = V.value.getQuill().getSelection();
+      O && O.length > 0 && V.value.getQuill().theme.tooltip.edit();
+    }, re = () => {
+      V.value.getQuill().format("blockquote", !ae.value);
+    }, oe = (O) => {
+      const h = V.value.getQuill().getSelection();
+      h && (V.value.getQuill().clipboard.dangerouslyPasteHTML(h.index, `<img src="${O}" />`), ye.value = O, l("update:image", ye.value));
+    }, Se = () => {
+      V.value.getQuill().getSelection() || V.value.getQuill().setSelection(V.value.getQuill().getLength() - 1);
+      const O = document.createElement("input");
+      O.type = "file", O.accept = "jpg,.jpeg,.png,.webp,.gif", O.onchange = () => {
+        const h = O.files[0], W = new FileReader();
+        W.onload = () => oe(W.result), W.readAsDataURL(h);
+      }, O.click();
+    }, $e = (O) => /^data:image\/(png|jpg|jpeg|gif);base64,/.test(O), se = (O) => {
+      setTimeout(() => {
+        var W;
+        if (O) {
+          const Fe = V.value.getHTML(), Ye = document.createElement("div");
+          Ye.innerHTML = Fe;
+          let Ke = Ye.getElementsByTagName("img");
+          if (Ke && Ke.length > 0)
+            for (let et = 0; et < Ke.length; et++) {
+              const at = (W = Ke[et]) == null ? void 0 : W.getAttribute("src");
+              $e(at) && l("update:image", at);
+            }
+        }
+      }, 100);
+      const { items: h } = O.clipboardData;
+      h.length && h[0].getAsString((W) => {
+        $e(W) && (V.value.getQuill().getSelection() || V.value.getQuill().setSelection(V.value.getQuill().getLength() - 1));
+      });
+    }, Ce = () => {
+      V.value.getQuill().theme.tooltip.edit("video");
+    }, Re = (O) => {
+      V.value.getQuill().format("list", O), xe.value = O;
+    }, b = (O = void 0) => {
+      V.value.getQuill().format("align", O), F.value = O;
+    }, v = _(""), z = () => {
+      V.value.getQuill().format("color", v.value);
+    };
+    Tt(() => {
+      H(n.initialFontSize || n.fontSizes[0].value), Y.value = !0;
+    });
+    const ie = _(100), ue = _(!1), ge = (O) => {
+      var W, Fe;
+      ie.value = O;
+      const h = (W = window.getSelection()) == null ? void 0 : W.focusNode;
+      h && h.nodeName !== "#text" && (V.value.getQuill().format("width", `${ie.value}%`), (Fe = h == null ? void 0 : h.querySelector("img")) == null || Fe.setAttribute("style", "margin:auto;display:block;"));
+    }, U = (O = "left") => {
+      var W, Fe;
+      const h = (W = window.getSelection()) == null ? void 0 : W.focusNode;
+      if (h && h.nodeName !== "#text") {
+        let Ye = "float:left";
+        O == "center" ? Ye = "" : O == "right" && (Ye = "float:right"), (Fe = h == null ? void 0 : h.querySelector("img")) == null || Fe.setAttribute("style", `margin:auto;display:block;${Ye}`);
+      }
+    }, Te = () => {
+      var h;
+      const O = (h = window.getSelection()) == null ? void 0 : h.focusNode;
+      ue.value = O.innerHTML && O.innerHTML.includes("<img");
+    };
+    return (O, h) => (w(), ce(M(rl), {
+      label: e.label,
+      hint: e.hint,
+      "error-message": e.errorMessage,
+      "is-required": e.isRequired,
+      "label-icon": e.labelIcon,
+      "tooltip-text": e.tooltipText,
+      "tooltip-options": e.tooltipOptions
+    }, {
+      default: be(() => [
+        P("div", {
+          class: we(["grid", { "has-error": e.errorMessage }]),
+          onClick: Te
+        }, [
+          k.value ? (w(), ce(M(Ul), {
+            key: 0,
+            id: `#${k.value}`,
+            ref_key: "quill",
+            ref: V,
+            content: e.modelValue,
+            options: {
+              bounds: `#${k.value}`
+            },
+            theme: "snow",
+            "content-type": "html",
+            class: "min-h-[200px]",
+            placeholder: e.placeholder,
+            "onUpdate:content": Ve,
+            onPaste: se
+          }, {
+            toolbar: be(() => [
+              P("div", {
+                id: k.value,
+                class: "flex min-h-[36px] flex-wrap !py-2 !px-3 gap-y-2 rounded-t"
+              }, [
+                i.value.includes("changes") ? (w(), N(We, { key: 0 }, [
+                  P("div", ao, [
+                    q(M(Ee), {
+                      class: we(le.value ? "text-oc-text cursor-pointer" : "text-oc-text-300"),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/undo",
+                      onClick: L
+                    }, null, 8, ["class"]),
+                    q(M(Ee), {
+                      class: we(G.value ? "text-oc-text cursor-pointer" : "text-oc-text-300"),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/redo",
+                      onClick: E
+                    }, null, 8, ["class"])
+                  ]),
+                  h[12] || (h[12] = P("div", { class: "border-l border-oc-gray-200" }, null, -1))
+                ], 64)) : K("", !0),
+                i.value.includes("font-size") ? (w(), N(We, { key: 1 }, [
+                  q(M(rn), {
+                    modelValue: B.value,
+                    "onUpdate:modelValue": h[0] || (h[0] = (W) => B.value = W),
+                    class: "px-5"
+                  }, {
+                    menu: be(() => [
+                      P("div", io, [
+                        (w(!0), N(We, null, vt(e.fontSizes, (W) => (w(), N("div", {
+                          key: W.value,
+                          class: we(["min-w-[120px] cursor-pointer py-2 px-3 hover:bg-oc-gray-50", De.value === W.value ? "font-medium" : ""]),
+                          onClick: (Fe) => H(W.value)
+                        }, Et(W.label), 11, ro))), 128))
+                      ])
+                    ]),
+                    default: be(() => {
+                      var W;
+                      return [
+                        P("div", oo, [
+                          ft(Et((W = e.fontSizes.find((Fe) => Fe.value === De.value)) == null ? void 0 : W.label) + " ", 1),
+                          q(M(Ee), {
+                            width: "20",
+                            height: "20",
+                            name: "chevron-down",
+                            class: we(["transition-all", B.value ? "rotate-180" : ""])
+                          }, null, 8, ["class"])
+                        ])
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["modelValue"]),
+                  h[13] || (h[13] = P("div", { class: "border-l border-oc-gray-200" }, null, -1))
+                ], 64)) : K("", !0),
+                i.value.includes("font-style") ? (w(), N(We, { key: 2 }, [
+                  P("div", so, [
+                    q(M(Ee), {
+                      class: we(["cursor-pointer", fe.value ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/bold",
+                      onClick: x
+                    }, null, 8, ["class"]),
+                    q(M(Ee), {
+                      class: we(["cursor-pointer", pe.value ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/italic",
+                      onClick: T
+                    }, null, 8, ["class"]),
+                    q(M(Ee), {
+                      class: we(["cursor-pointer", he.value ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/underline",
+                      onClick: C
+                    }, null, 8, ["class"])
+                  ]),
+                  h[14] || (h[14] = P("div", { class: "border-l border-oc-gray-200" }, null, -1))
+                ], 64)) : K("", !0),
+                P("div", uo, [
+                  i.value.includes("link") ? (w(), ce(M(Ee), {
+                    key: 0,
+                    class: "cursor-pointer",
+                    width: "20",
+                    height: "20",
+                    name: "text-editor/link",
+                    onClick: j
+                  })) : K("", !0),
+                  i.value.includes("image") ? (w(), ce(M(Ee), {
+                    key: 1,
+                    class: "cursor-pointer",
+                    width: "20",
+                    height: "20",
+                    name: "text-editor/image",
+                    onClick: Se
+                  })) : K("", !0),
+                  i.value.includes("quote") ? (w(), ce(M(Ee), {
+                    key: 2,
+                    class: we(["cursor-pointer", ae.value ? "text-oc-text" : "text-oc-text-300"]),
+                    width: "20",
+                    height: "20",
+                    name: "text-editor/quote",
+                    onClick: re
+                  }, null, 8, ["class"])) : K("", !0),
+                  i.value.includes("media") ? (w(), ce(M(Ee), {
+                    key: 3,
+                    class: "cursor-pointer",
+                    width: "20",
+                    height: "20",
+                    name: "text-editor/media",
+                    onClick: Ce
+                  })) : K("", !0)
+                ]),
+                i.value.includes("list") ? (w(), N(We, { key: 3 }, [
+                  h[15] || (h[15] = P("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                  P("div", co, [
+                    q(M(Ee), {
+                      class: we(["cursor-pointer", xe.value === "bullet" ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/bullet",
+                      onClick: h[1] || (h[1] = (W) => Re("bullet"))
+                    }, null, 8, ["class"]),
+                    q(M(Ee), {
+                      class: we(["cursor-pointer", xe.value === "ordered" ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/number",
+                      onClick: h[2] || (h[2] = (W) => Re("ordered"))
+                    }, null, 8, ["class"])
+                  ])
+                ], 64)) : K("", !0),
+                i.value.includes("alignment") ? (w(), N(We, { key: 4 }, [
+                  h[16] || (h[16] = P("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                  P("div", fo, [
+                    q(M(Ee), {
+                      class: we(["cursor-pointer", F.value ? "text-oc-text-300" : "text-oc-text"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/left",
+                      onClick: h[3] || (h[3] = (W) => b())
+                    }, null, 8, ["class"]),
+                    q(M(Ee), {
+                      class: we(["cursor-pointer", F.value === "center" ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/center",
+                      onClick: h[4] || (h[4] = (W) => b("center"))
+                    }, null, 8, ["class"]),
+                    q(M(Ee), {
+                      class: we(["cursor-pointer", F.value === "right" ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/right",
+                      onClick: h[5] || (h[5] = (W) => b("right"))
+                    }, null, 8, ["class"]),
+                    q(M(Ee), {
+                      class: we(["cursor-pointer", F.value === "justify" ? "text-oc-text" : "text-oc-text-300"]),
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/justify",
+                      onClick: h[6] || (h[6] = (W) => b("justify"))
+                    }, null, 8, ["class"])
+                  ])
+                ], 64)) : K("", !0),
+                h[18] || (h[18] = P("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                P("div", po, [
+                  q(M(no), {
+                    modelValue: v.value,
+                    "onUpdate:modelValue": [
+                      h[7] || (h[7] = (W) => v.value = W),
+                      z
+                    ],
+                    "hide-input-color": ""
+                  }, {
+                    "picker-icon": be(() => [
+                      P("div", go, [
+                        P("div", {
+                          style: lt(`color:${v.value}`)
+                        }, "A", 4),
+                        P("div", {
+                          class: "h-[5px] w-full rounded border",
+                          style: lt(`background:${v.value}`)
+                        }, null, 4)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                h[19] || (h[19] = P("div", { class: "border-l border-oc-gray-200" }, null, -1)),
+                ue.value ? (w(), N("div", mo, [
+                  q(M(Gt), {
+                    label: "Image width",
+                    class: "w-[120px]",
+                    "model-value": ie.value,
+                    "min-limit": 0,
+                    "max-limit": 100,
+                    "onUpdate:modelValue": ge
+                  }, null, 8, ["model-value"]),
+                  P("div", vo, [
+                    q(M(Ee), {
+                      class: "cursor-pointer",
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/left",
+                      onClick: h[8] || (h[8] = (W) => U())
+                    }),
+                    q(M(Ee), {
+                      class: "cursor-pointer",
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/center",
+                      onClick: h[9] || (h[9] = (W) => U("center"))
+                    }),
+                    q(M(Ee), {
+                      class: "cursor-pointer",
+                      width: "20",
+                      height: "20",
+                      name: "text-editor/right",
+                      onClick: h[10] || (h[10] = (W) => U("right"))
+                    })
+                  ])
+                ])) : K("", !0),
+                P("div", ho, [
+                  (w(), N("svg", {
+                    width: "20",
+                    height: "20",
+                    viewBox: "0 0 15 15",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    onClick: h[11] || (h[11] = (W) => D())
+                  }, h[17] || (h[17] = [
+                    P("path", {
+                      "fill-rule": "evenodd",
+                      "clip-rule": "evenodd",
+                      d: "M2 7.5C2 7.22386 2.22386 7 2.5 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H2.5C2.22386 8 2 7.77614 2 7.5Z",
+                      fill: "#000000"
+                    }, null, -1)
+                  ])))
+                ])
+              ], 8, lo)
+            ]),
+            _: 1
+          }, 8, ["id", "content", "options", "placeholder"])) : K("", !0)
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
+  }
+}, yo = {
+  __name: "InputHex",
+  props: {
+    modelValue: {
+      type: String
+    }
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: t }) {
+    const n = e, l = t, a = _(""), i = (s) => {
+      a.value = s, a.value = `#${s.replace(/#/g, "")}`;
+    }, r = () => {
+      let s = a.value;
+      if (s === n.modelValue) return;
+      if (!/^#[0-9a-fA-F]+$/.test(s)) {
+        a.value = n.modelValue;
+        return;
+      }
+      let o = s.replace(/#/g, "");
+      switch (o.length) {
+        case 0:
+          o = n.modelValue.replace("#", "");
+          break;
+        case 1:
+        case 2:
+          o = o.repeat(3);
+          break;
+        case 4:
+        case 5:
+          o = o.slice(0, 3);
+          break;
+        case 3:
+        case 6:
+          break;
+        default:
+          o = o.slice(0, 6);
+      }
+      a.value = `#${o.toUpperCase()}`, l("update:modelValue", a.value);
+    };
+    return Dt(
+      () => n.modelValue,
+      (s, o) => {
+        s !== o && (a.value = s);
+      },
+      { immediate: !0 }
+    ), (s, o) => (w(), ce(M(xt), {
+      class: "w-[158px]",
+      placeholder: "#FFFFFF",
+      "model-value": a.value,
+      "onUpdate:modelValue": i,
+      onBlur: r,
+      onKeyup: Tn(r, ["enter"])
+    }, null, 8, ["model-value"]));
+  }
+}, bo = { class: "grid grid-cols-3 gap-3" }, nl = {
+  __name: "InputRgbHsl",
+  props: {
+    inputType: {
+      default: "RGB",
+      type: String
+    },
+    rgbValue: {
+      type: Object
+    },
+    hslValue: {
+      type: Object
+    }
+  },
+  emits: {
+    "update-rgb-value": [],
+    "update-hsl-value": []
+  },
+  setup(e, { emit: t }) {
+    const n = e, l = t, a = _({
+      r: 0,
+      g: 0,
+      b: 0
+    }), i = _(), r = _(), s = _(), o = (p, y) => {
+      var D, k, le;
+      let m = 255;
+      if (n.inputType == "HSL" && (m = 100, p == "r" && (m = 360)), !isNaN(parseInt(y))) {
+        if (p == "r") {
+          let G = parseInt(y);
+          G <= m && (a.value.r = G, n.inputType == "RGB" ? u("r") : g()), (D = i.value) == null || D.focus();
+        } else if (p == "g") {
+          let G = parseInt(y);
+          G <= m && (a.value.g = G, n.inputType == "RGB" ? u("g") : g()), (k = r.value) == null || k.focus();
+        } else if (p == "b") {
+          let G = parseInt(y);
+          G <= m && (a.value.b = G, n.inputType == "RGB" ? u("b") : g()), (le = s.value) == null || le.focus();
+        }
+      }
+    }, u = (p) => {
+      l("update-rgb-value", {
+        type: p,
+        value: {
+          r: parseInt(a.value.r),
+          g: parseInt(a.value.g),
+          b: parseInt(a.value.b)
+        }
+      });
+    }, g = () => {
+      l("update-hsl-value", {
+        h: parseInt(a.value.r),
+        s: parseInt(a.value.g),
+        l: parseInt(a.value.b)
+      });
+    };
+    return n.inputType === "RGB" ? Dt(
+      () => n.rgbValue,
+      (p, y) => {
+        p !== y && (a.value = p);
+      },
+      { immediate: !0, deep: !0 }
+    ) : Dt(
+      () => n.hslValue,
+      (p) => {
+        a.value = {
+          r: p.h,
+          g: p.s,
+          b: p.l
+        };
+      },
+      { immediate: !0, deep: !0 }
+    ), (p, y) => (w(), N("div", bo, [
+      q(M(xt), {
+        ref_key: "rInputEl",
+        ref: i,
+        "model-value": a.value.r,
+        placeholder: "100",
+        "onUpdate:modelValue": y[0] || (y[0] = (m) => o("r", m))
+      }, null, 8, ["model-value"]),
+      q(M(xt), {
+        ref_key: "gInputEl",
+        ref: r,
+        "model-value": a.value.g,
+        placeholder: "100",
+        "onUpdate:modelValue": y[1] || (y[1] = (m) => o("g", m))
+      }, null, 8, ["model-value"]),
+      q(M(xt), {
+        ref_key: "bInputEl",
+        ref: s,
+        "model-value": a.value.b,
+        placeholder: "100",
+        "onUpdate:modelValue": y[2] || (y[2] = (m) => o("b", m))
+      }, null, 8, ["model-value"])
+    ]));
+  }
+}, xo = {
+  __name: "InputOpacity",
+  props: {
+    modelValue: {
+      type: Number
+    }
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: t }) {
+    const n = e, l = t, a = _(""), i = (s) => {
+      a.value = s;
+    }, r = () => {
+      let s = parseInt(a.value);
+      s && s <= 100 ? l("update:modelValue", s) : a.value = n.modelValue;
+    };
+    return Dt(
+      () => n.modelValue,
+      (s, o) => {
+        s !== o && (a.value = s);
+      },
+      { immediate: !0 }
+    ), (s, o) => (w(), ce(M(xt), {
+      class: "w-[75px]",
+      placeholder: "100",
+      "model-value": a.value,
+      "onUpdate:modelValue": i,
+      onBlur: r,
+      onKeyup: Tn(r, ["enter"])
+    }, {
+      leading: be(() => o[0] || (o[0] = [
+        ft("%")
+      ])),
+      _: 1
+    }, 8, ["model-value"]));
+  }
+}, wo = {
+  __name: "SelectColorFormat",
+  props: {
+    modelValue: { default: "RGB", type: String }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: t }) {
+    const l = _(e.modelValue), a = t, i = (r) => {
+      l.value = r, a("update:model-value", r);
+    };
+    return (r, s) => (w(), ce(M(il), {
+      class: "!w-[80px]",
+      "model-value": l.value,
+      options: [
+        {
+          label: "HEX",
+          value: "HEX"
+        },
+        {
+          label: "RGB",
+          value: "RGB"
+        },
+        {
+          label: "HSL",
+          value: "HSL"
+        }
+      ],
+      "onUpdate:modelValue": i
+    }, null, 8, ["model-value"]));
+  }
+}, So = { class: "opacity-bar" }, $o = { class: "picker-opacity-slider opacity-bar-background" }, ko = ["value"], Co = {
+  __name: "SliderOpacity",
+  props: {
+    modelValue: { default: 0, type: Number }
+  },
+  emits: ["update:modelValue", "onInput"],
+  setup(e, { emit: t }) {
+    const n = Ft("opacitySlider"), l = t, a = (i) => {
+      l("update:modelValue", parseInt(i.target.value)), l("onInput", i);
+    };
+    return (i, r) => (w(), N("div", So, [
+      P("div", $o, [
+        P("input", {
+          ref_key: "opacitySlider",
+          ref: n,
+          value: e.modelValue,
+          class: "opacity__slider",
+          type: "range",
+          min: "0",
+          max: "100",
+          onInput: a
+        }, null, 40, ko)
+      ])
+    ]));
+  }
+}, Eo = {
+  __name: "SliderGradient",
+  props: {
+    gradientType: String
+  },
+  emits: ["onAddColor", "onMouseDown", "onDeleteColor"],
+  setup(e, { emit: t }) {
+    const n = Ft("gradientBar"), l = _(), a = t, i = (y) => {
+      y.preventDefault();
+    }, r = _("left:0"), s = _(!1), o = (y) => {
+      a("onMouseDown", y);
+    }, u = () => {
+      let y = l.value.querySelector(".select");
+      r.value = y == null ? void 0 : y.getAttribute("style");
+    }, g = () => {
+      var m;
+      u(), (((m = l.value.querySelectorAll(".gradient-handle")) == null ? void 0 : m.length) ?? 2) > 2 ? s.value = !0 : s.value = !1;
+    }, p = (y) => {
+      s.value = !1, a("onAddColor", y);
+    };
+    return (y, m) => (w(), N("div", {
+      ref_key: "gradientSlider",
+      ref: l,
+      class: "relative h-[40px]",
+      onClick: g
+    }, [
+      P("button", {
+        type: "button",
+        class: we(["absolute top-[-18px] text-oc-accent-3 rounded-[4px] border-2 border-oc-gray-200 p-2 bg-oc-bg-light", s.value ? "" : "!hidden"]),
+        style: lt(r.value),
+        onClick: m[0] || (m[0] = (D) => y.$emit("onDeleteColor"))
+      }, [
+        q(M(Ee), {
+          name: "bin",
+          width: "14",
+          height: "14"
+        })
+      ], 6),
+      P("div", {
+        class: we(["gradient-bar", {
+          "mt-[20px]": e.gradientType === "linear",
+          "mt-[12px]": e.gradientType === "radial"
+        }]),
+        onMousedown: o,
+        onDragstart: i
+      }, [
+        P("div", {
+          ref_key: "gradientBar",
+          ref: n,
+          class: "gradient-container",
+          onDblclick: p
+        }, null, 544)
+      ], 34)
+    ], 512));
+  }
+}, Do = { class: "picker-hue" }, Io = ["value"], Oo = {
+  __name: "SliderHue",
+  props: {
+    modelValue: { default: 0, type: Number }
+  },
+  emits: ["update:modelValue", "onInput", "onChange"],
+  setup(e, { emit: t }) {
+    const n = t, l = (a) => {
+      n("update:modelValue", parseFloat(a.target.value)), n("onInput", a);
+    };
+    return (a, i) => (w(), N("div", Do, [
+      P("input", {
+        value: e.modelValue,
+        class: "picker-hue-range-slider",
+        type: "range",
+        min: "0",
+        max: "360",
+        step: "0.1",
+        onInput: l,
+        onChange: i[0] || (i[0] = (r) => a.$emit("onChange", r))
+      }, null, 40, Io)
+    ]));
+  }
+}, To = { class: "px-2 mt-2" }, Vo = {
+  key: 1,
+  class: "grid grid-cols-2 gap-4 px-1"
+}, Ao = {
+  __name: "GradientSettings",
+  props: {
+    mode: {
+      default: "gradient",
+      type: String
+    },
+    gradientType: { default: "linear", type: String },
+    angle: { default: 90, type: Number },
+    percentageX: { default: 50, type: Number },
+    percentageY: { default: 50, type: Number }
+  },
+  emits: ["update:angle", "update:percentageX", "update:percentageY", "onInput"],
+  setup(e, { emit: t }) {
+    const n = _(!1), l = _(!1);
+    Tt(() => {
+      n.value = !0, l.value = !0;
+    });
+    const a = t, i = (r, s) => {
+      let o = parseInt(r);
+      switch (s) {
+        case "angle":
+          r > 360 ? o = 360 : r < 0 && (o = 0), a("update:angle", o), a("onInput");
+          break;
+        case "percentageX":
+          r > 100 ? o = 100 : r < 0 && (o = 0), a("update:percentageX", o), a("onInput");
+          break;
+        case "percentageY":
+          r > 100 ? o = 100 : r < 0 && (o = 0), a("update:percentageY", o), a("onInput");
+          break;
+      }
+    };
+    return (r, s) => (w(), N("div", To, [
+      e.gradientType == "linear" && n.value ? (w(), ce(M(Gt), {
+        key: 0,
+        label: "Angle",
+        "model-value": e.angle,
+        "min-limit": 0,
+        "max-limit": 360,
+        "onUpdate:modelValue": s[0] || (s[0] = (o) => i(o, "angle"))
+      }, {
+        "min-limit-label": be(() => s[3] || (s[3] = [
+          ft("0 ")
+        ])),
+        "max-limit-label": be(() => s[4] || (s[4] = [
+          ft("360"),
+          P("span", null, "°", -1)
+        ])),
+        _: 1
+      }, 8, ["model-value"])) : K("", !0),
+      e.gradientType == "radial" && l.value ? (w(), N("div", Vo, [
+        q(M(Gt), {
+          label: "Position X",
+          "model-value": e.percentageX,
+          "min-limit": 0,
+          "max-limit": 100,
+          "onUpdate:modelValue": s[1] || (s[1] = (o) => i(o, "percentageX"))
+        }, {
+          "min-limit-label": be(() => s[5] || (s[5] = [
+            ft("0")
+          ])),
+          "max-limit-label": be(() => s[6] || (s[6] = [
+            ft("100%")
+          ])),
+          _: 1
+        }, 8, ["model-value"]),
+        q(M(Gt), {
+          label: "Position Y",
+          "model-value": e.percentageY,
+          "min-limit": 0,
+          "max-limit": 100,
+          "onUpdate:modelValue": s[2] || (s[2] = (o) => i(o, "percentageY"))
+        }, {
+          "min-limit-label": be(() => s[7] || (s[7] = [
+            ft("0")
+          ])),
+          "max-limit-label": be(() => s[8] || (s[8] = [
+            ft("100%")
+          ])),
+          _: 1
+        }, 8, ["model-value"])
+      ])) : K("", !0)
+    ]));
+  }
+}, Mo = {
+  __name: "PickerWrap",
+  emits: ["onMouseDown"],
+  setup(e) {
+    const t = Ft("canvas"), n = Ft("pickerWrap"), l = Ft("pickerPointer"), a = (i) => {
+      i.preventDefault();
+    };
+    return (i, r) => (w(), N("div", {
+      ref_key: "pickerWrap",
+      ref: n,
+      class: "cp-picker-wrap",
+      onMousedown: r[0] || (r[0] = (s) => i.$emit("onMouseDown", s)),
+      onDragstart: a
+    }, [
+      P("canvas", {
+        ref_key: "canvas",
+        ref: t,
+        class: "colour-area"
+      }, null, 512),
+      r[1] || (r[1] = P("div", { class: "colour-area-mask" }, null, -1)),
+      P("div", {
+        ref_key: "pickerPointer",
+        ref: l,
+        class: "colour-area-point-circle"
+      }, null, 512)
+    ], 544));
+  }
+}, _o = { class: "w-full flex justify-center" }, Fo = {
+  key: 1,
+  width: "28",
+  height: "28",
+  viewBox: "0 0 28 28",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Po = {
+  __name: "ColorType",
+  props: {
+    variant: String,
+    mode: {
+      default: "gradient",
+      type: String
+    },
+    gradientType: { default: "linear", type: String },
+    iconClasses: {
+      default: () => ({
+        linear: "",
+        radial: ""
+      }),
+      type: Object
+    },
+    modelValue: String
+  },
+  emits: ["onChangeMode"],
+  setup(e) {
+    return (t, n) => (w(), N("div", _o, [
+      P("button", {
+        type: "button",
+        class: we(e.mode == "solid" ? "active" : ""),
+        style: { padding: "7px" },
+        onClick: n[0] || (n[0] = (l) => t.$emit("onChangeMode", "solid"))
+      }, [
+        e.modelValue && e.mode == "solid" ? (w(), N("div", {
+          key: 0,
+          class: "w-[28px] h-[28px] rounded-full border",
+          style: lt(`background:${e.modelValue}`)
+        }, null, 4)) : (w(), N("svg", Fo, n[3] || (n[3] = [
+          P("g", { opacity: "0.5" }, [
+            P("path", {
+              d: "M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z",
+              fill: "#03102F"
+            })
+          ], -1)
+        ])))
+      ], 2),
+      P("button", {
+        type: "button",
+        class: we(e.gradientType == "linear" && e.mode != "solid" ? "active" : ""),
+        style: lt(`${e.iconClasses.linear ? "" : "padding: 7px;"}`),
+        onClick: n[1] || (n[1] = (l) => t.$emit("onChangeMode", "linear"))
+      }, [
+        P("div", {
+          class: "w-[28px] h-[28px] rounded-full border",
+          style: lt(
+            e.modelValue && e.gradientType == "linear" && e.mode != "solid" ? `background:${e.modelValue}` : `
+          background: linear-gradient(
+            180deg,
+            #03102f 0%,
+            rgba(3, 16, 47, 0) 100%
+          );
+        `
+          )
+        }, null, 4)
+      ], 6),
+      P("button", {
+        type: "button",
+        class: we(e.gradientType == "radial" && e.mode != "solid" ? "active" : ""),
+        style: lt(`${e.iconClasses.radial ? "" : "padding: 6px;"}`),
+        onClick: n[2] || (n[2] = (l) => t.$emit("onChangeMode", "radial"))
+      }, [
+        P("div", {
+          class: "w-[28px] h-[28px] rounded-full border",
+          style: lt(
+            e.modelValue && e.gradientType == "radial" && e.mode != "solid" ? `background:${e.modelValue}` : "background: radial-gradient(circle at 50% 50%, rgb(255, 255, 255) 0%, rgb(3, 16, 47) 100%);"
+          )
+        }, null, 4)
+      ], 6)
+    ]));
+  }
+}, Lo = ["cp-theme"], No = {
+  key: 0,
+  class: "flex justify-end border-b h-[46px] relative mt-[-5px] mb-5"
+}, Ro = {
+  key: 1,
+  class: "grid items-center mb-5"
+}, Bo = { key: 2 }, jo = { key: 0 }, Ho = { class: "ck-cp-local-color-conatiner" }, Yo = ["onClick"], Uo = { class: "flex items-center gap-2" }, Xo = { id: "ck-cp-target-background" }, Qo = { class: "flex gap-3" }, Wo = {
+  key: 0,
+  class: "w-full flex gap-3"
+}, qo = {
+  key: 4,
+  class: "ck-cp-local-color-conatiner"
+}, Go = ["onClick"], zo = {
+  __name: "OcColorPickerPopup",
+  props: {
+    modelValue: {
+      default: "",
+      type: String
+    },
+    type: { default: "HEX8", type: String },
+    inputType: { default: "HEX", type: String },
+    theme: { default: "light", type: String },
+    showColorList: { default: !0, type: Boolean },
+    showEyeDrop: { default: !0, type: Boolean },
+    showAlpha: { default: !0, type: Boolean },
+    showInputMenu: { default: !0, type: Boolean },
+    showInputSet: { default: !0, type: Boolean },
+    disabled: { default: !1, type: Boolean },
+    iconClasses: {
+      default: () => ({
+        linear: "",
+        radial: "",
+        ruler: "",
+        eyeDroper: "",
+        inputMenu: "",
+        save: "",
+        delete: ""
+      }),
+      type: Object
+    },
+    presetColors: Array,
+    variant: {
+      type: String,
+      default: "solid"
+    },
+    lastUsedColors: Array
+  },
+  emits: ["update:modelValue", "last-used-pick"],
+  setup(e, { emit: t }) {
+    const n = e, l = _(n.variant == "gradient" ? "gradient" : "solid"), a = _(null), i = t, r = _(n.modelValue), s = (c) => {
+      r.value = c, le.value && i("update:modelValue", c);
+    }, o = _([
+      { id: 1, r: 68, g: 71, b: 119, a: 100, percent: 0, hue: 0, select: !0 },
+      { id: 2, r: 0, g: 0, b: 255, a: 100, percent: 100, hue: 0, select: !1 }
+    ]), u = _(n.lastUsedColors);
+    Dt(
+      () => n.lastUsedColors,
+      () => {
+        u.value = n.lastUsedColors;
+      },
+      {
+        deep: !0
+      }
+    );
+    const g = Me(() => n.variant !== "gradient" ? u.value.filter((c) => !c.includes("linear") && !c.includes("radial")) : u.value), p = _(!1), y = _("linear"), m = Nn({
+      angle: 90,
+      percentageX: 50,
+      percentageY: 50
+    }), D = _(""), k = _(n.inputType), le = _(!1), G = _(), fe = _(), pe = _(), he = _(), B = _(), ae = Nn({
+      h: 0,
+      s: 0,
+      l: 0
+    });
+    Vt("gradientBar", fe), Vt("canvas", pe), Vt("pickerWrap", he), Vt("pickerPointer", B), Vt("opacitySlider", G);
+    let De = 0, xe = 0, F = 0, V = 0, Y = 0, ye = 0;
+    const Ve = (c) => {
+      !he.value || !B.value || (Y = he.value.offsetHeight - B.value.offsetHeight, ye = he.value.offsetWidth - B.value.offsetWidth, F = c.clientX - c.target.getBoundingClientRect().left, V = c.clientY - c.target.getBoundingClientRect().top, De = F - B.value.offsetWidth / 2, xe = V - B.value.offsetHeight / 2, B.value.style.left = `${De}px`, B.value.style.top = `${xe}px`, x(!1), me(), window.addEventListener("mousemove", L), window.addEventListener("mouseup", E));
+    }, L = (c) => {
+      c.preventDefault();
+      const d = he.value.getBoundingClientRect(), f = c.clientX - d.left - B.value.offsetWidth / 2, S = c.clientY - d.top - B.value.offsetHeight / 2;
+      f >= 0 && f <= ye ? (De = f, B.value.style.left = `${f}px`) : 0 > f ? (De = 0, B.value.style.left = "0px") : f > ye && (De = ye, B.value.style.left = `${ye}px`), S >= 0 && S <= Y ? (xe = S, B.value.style.top = `${S}px`) : 0 > S ? (xe = 0, B.value.style.top = "0px") : S > Y && (xe = Y, B.value.style.top = `${Y}px`), x(!1), me();
+    }, E = () => {
+      window.removeEventListener("mousemove", L), window.removeEventListener("mouseup", E);
+    }, x = (c) => {
+      if (!c) {
+        let d = H();
+        const f = Bn(T.value, d.s, d.l);
+        if (f) {
+          if (le.value) {
+            let S = o.value.find((I) => I.select == !0);
+            S && (S.r = f.r, S.g = f.g, S.b = f.b);
+          }
+          O(), h();
+        }
+      }
+    }, T = _(0), C = async (c) => {
+      const { rgb: d } = jn(T.value, 100, 50);
+      Te(d), setTimeout(() => {
+        x(c), me();
+      }, 0);
+    }, H = () => {
+      let c = { s: 0, l: 0 }, d = he.value.offsetWidth - B.value.offsetWidth, f = he.value.offsetHeight - B.value.offsetHeight, S = parseInt(B.value.style.left), A = 1 - parseInt(B.value.style.top) / f, Z = S / d;
+      return c.l = A / 2 * (2 - Z), c.s = A * Z / (1 - Math.abs(2 * c.l - 1)), Number.isNaN(c.s) && (c.s = c.l), c.l = c.l > 1 ? 1 : c.l, c.s = c.s > 1 ? 1 : c.s, c;
+    }, j = () => {
+      const c = o.value.find((d) => d.select == !0);
+      if (c) {
+        const { l: d, s: f } = Yn(c.r, c.g, c.b);
+        let S = d, I = f;
+        Number.isNaN(I) && (I = S);
+        let A = { x: 0, y: 0 }, Z = he.value.offsetWidth - B.value.offsetWidth, ne = he.value.offsetHeight - B.value.offsetHeight;
+        const [J, R] = 2 * S - 1 < 0 ? [
+          Z * 2 * I / (1 + I),
+          ne * (1 - S * (1 + I))
+        ] : [
+          -Z * 2 * (S - 1) * I / (S + I - S * I),
+          ne * (S - 1) * (I - 1)
+        ];
+        return A.x = J, A.y = R, A;
+      } else
+        return null;
+    }, re = () => {
+      const c = o.value.find((d) => d.select == !0);
+      c && (c.hue = T.value);
+    }, oe = _(100), Se = (c) => {
+      if (n.showAlpha) {
+        const d = o.value.find((f) => f.select == !0);
+        d && (d.a = parseInt(c), h());
+      }
+    }, $e = (c) => {
+      var f, S, I, A;
+      const d = (S = (f = a.value) == null ? void 0 : f.querySelector(".gradient-handle-content")) == null ? void 0 : S.getBoundingClientRect();
+      return c === 0 ? "0px" : c === 100 && d ? `${(((I = fe.value) == null ? void 0 : I.offsetWidth) || 0) - (d.width || 0)}px` : `${(((A = fe.value) == null ? void 0 : A.offsetWidth) || 0) * (c / 100) - ((d == null ? void 0 : d.width) || 0) / 2}px`;
+    };
+    let se = null, Ce = null;
+    const Re = (c) => {
+      var S, I;
+      const f = c.target.offsetParent;
+      if ((S = f == null ? void 0 : f.id) != null && S.includes("clr-gb-")) {
+        const A = f.id.replace("clr-gb-", "");
+        Ce = f;
+        const Z = o.value.find((ne) => ne.select == !0);
+        if (Z && Z.id != A) {
+          const ne = (I = a.value) == null ? void 0 : I.querySelector(".gradient-handle.select");
+          ne == null || ne.classList.remove("select"), f.classList.add("select");
+          const J = o.value.findIndex((R) => R.select == !0);
+          for (let R = 0; R < o.value.length; R++) {
+            const ee = o.value[R];
+            if (ee.id == A) {
+              J != -1 && (o.value[J].select = !1), o.value[R].select = !0, oe.value = ee.a, ue(ee.r, ee.g, ee.b, ee.hue, !0), O(), me();
+              break;
+            }
+          }
+        }
+        window.addEventListener("mousemove", v), window.addEventListener("mouseup", b);
+      }
+    }, b = () => {
+      window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", Re);
+    }, v = (c) => {
+      var A, Z;
+      c.preventDefault();
+      const d = (Z = (A = a.value) == null ? void 0 : A.querySelector(".gradient-handle-content")) == null ? void 0 : Z.getBoundingClientRect(), f = se == null ? void 0 : se.getBoundingClientRect(), S = f.width - (d == null ? void 0 : d.width);
+      let I = c.clientX - (f.left || 0) - ((d == null ? void 0 : d.width) || 0) / 2;
+      if (I < 0 ? I = 0 : I > S && (I = S), Ce) {
+        Ce.style.left = `${I}px`;
+        const ne = parseFloat((I / ((f == null ? void 0 : f.width) - (d == null ? void 0 : d.width)) * 100).toFixed(0)), J = o.value.find(
+          (R) => R.id == (Ce == null ? void 0 : Ce.id.replace("clr-gb-", ""))
+        );
+        J && (J.percent = ne), h();
+      }
+    }, z = (c) => {
+      var ne, J;
+      const d = se == null ? void 0 : se.getBoundingClientRect(), f = Math.round((c.clientX - ((d == null ? void 0 : d.left) || 0)) / ((d == null ? void 0 : d.width) || 1) * 100), S = o.value.findIndex((R) => R.select == !0), I = o.value[S], A = {
+        id: Date.now(),
+        r: I.r,
+        g: I.g,
+        b: I.b,
+        a: I.a,
+        percent: f,
+        hue: I.hue,
+        select: !0
+      };
+      o.value[S].select = !1;
+      const Z = (ne = a.value) == null ? void 0 : ne.querySelector(".gradient-handle.select");
+      Z == null || Z.classList.remove("select"), o.value = [...o.value, A], U(A), Ce = (J = a.value) == null ? void 0 : J.querySelector(`#clr-gb-${A.id}`), h();
+    }, ie = (c) => {
+      if (c.r == 0 && c.g == 0 && c.b == 0)
+        return !0;
+      if (c.r == 255 && c.g == 255 && c.b == 255)
+        return !0;
+      {
+        const d = pe.value.getContext("2d", { willReadFrequently: !0 }), f = pe.value.width, S = pe.value.height, I = d.getImageData(0, 0, f, S).data, A = c.r, Z = c.g, ne = c.b;
+        for (let J = 0; J < S; J++)
+          for (let R = 0; R < f; R++) {
+            const ee = (J * f + R) * 4, st = I[ee], kl = I[ee + 1], Cl = I[ee + 2];
+            if (st === A && kl === Z && Cl === ne)
+              return !0;
+          }
+        return !1;
+      }
+    }, ue = (c, d, f, S, I) => {
+      setTimeout(() => {
+        if (ie({ r: c, g: d, b: f })) {
+          let A = j();
+          A && (B.value.style.left = `${A.x}px`, B.value.style.top = `${A.y}px`);
+        } else {
+          let A = j();
+          A && (B.value.style.left = `${A.x}px`, B.value.style.top = `${A.y}px`), T.value = S, C(I);
+        }
+      }, 0);
+    }, ge = () => {
+      o.value.forEach((f) => U(f)), W();
+      const c = o.value[0];
+      T.value = c.hue, C(!0);
+      let d = j();
+      d && (B.value.style.left = `${d.x}px`, B.value.style.top = `${d.y}px`), O(), h();
+    }, U = (c) => {
+      if (l.value == "gradient") {
+        let d = document.createElement("div");
+        d.id = `clr-gb-${c.id}`, d.classList.add("gradient-handle"), d.style.left = $e(c.percent);
+        let f = document.createElement("div");
+        f.classList.add("gradient-handle-content"), c.select == !0 && d.classList.add("select"), d.appendChild(f), se && se.appendChild(d);
+      }
+    }, Te = (c) => {
+      const d = pe.value.getContext("2d", { willReadFrequently: !0 }), f = pe.value.width, S = pe.value.height;
+      d.fillStyle = `rgb(${c[0]},${c[1]},${c[2]})`, d.fillRect(0, 0, f, S);
+      let I = d.createLinearGradient(0, 0, f - 12, 0);
+      I.addColorStop(0, "rgb(255,255,255)"), I.addColorStop(1, "rgba(255,255,255,0)"), d.fillStyle = I, d.fillRect(0, 0, f, S);
+      let A = d.createLinearGradient(0, 0, 0, S);
+      A.addColorStop(0, "rgba(0,0,0,0)"), A.addColorStop(1, "rgb(0,0,0)"), d.fillStyle = A, d.fillRect(0, 0, f, S);
+    }, O = () => {
+      if (n.showAlpha) {
+        let c = o.value.find((d) => d.select == !0);
+        c && (G.value.style.background = ` linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(${c.r}, ${c.g}, ${c.b}, 100) 97%)`);
+      }
+    }, h = () => {
+      var c;
+      if (l.value == "gradient") {
+        o.value.sort((I, A) => I.percent - A.percent);
+        let d = "linear-gradient(90deg, ", f;
+        if (y.value == "linear") {
+          f = `linear-gradient(${m.angle}deg, `;
+          for (let I = 0; I < o.value.length; I++) {
+            const { r: A, g: Z, b: ne, a: J, percent: R } = o.value[I];
+            o.value.length - 1 == I ? (d = d + `rgba(${A},${Z},${ne},${J / 100}) ${R}%)`, f = f + `rgba(${A},${Z},${ne},${J / 100}) ${R}%)`) : (d = d + `rgba(${A},${Z},${ne},${J / 100}) ${R}%, `, f = f + `rgba(${A},${Z},${ne},${J / 100}) ${R}%, `);
+          }
+        } else {
+          f = `radial-gradient(circle at ${m.percentageX}% ${m.percentageY}%, `;
+          for (let I = 0; I < o.value.length; I++) {
+            const { r: A, g: Z, b: ne, a: J, percent: R } = o.value[I];
+            o.value.length - 1 == I ? (d = d + `rgba(${A},${Z},${ne},${J / 100}) ${R}%)`, f = f + `rgba(${A},${Z},${ne},${J / 100}) ${R}%)`) : (d = d + `rgba(${A},${Z},${ne},${J / 100}) ${R}%, `, f = f + `rgba(${A},${Z},${ne},${J / 100}) ${R}%, `);
+          }
+        }
+        fe.value.style.backgroundImage = d;
+        let S = (c = a.value) == null ? void 0 : c.querySelector("#ck-cp-target-background");
+        S && (S.style.backgroundImage = f, le.value && s(S.style.backgroundImage));
+      } else {
+        const { r: d, g: f, b: S, a: I } = o.value[0];
+        let A = "";
+        switch (n.type) {
+          case "HEX8":
+            A = Nl(d, f, S, I / 100);
+            break;
+          case "RGBA":
+            A = `rgba(${d},${f},${S},${I / 100})`;
+            break;
+          case "RGB":
+            A = `rgb(${d},${f},${S})`;
+            break;
+          case "HEX":
+            A = Hn(d, f, S);
+            break;
+        }
+        s(A);
+      }
+    }, W = () => {
+      o.value.forEach((c) => {
+        c.hue = Ut(c.r, c.g, c.b);
+      });
+    }, Fe = (c) => {
+      y.value = c, h();
+    }, Ye = () => {
+      var c, d;
+      if (o.value.length > 2) {
+        const f = o.value.findIndex((S) => S.select == !0);
+        if (f !== -1) {
+          const S = o.value[f].id;
+          o.value.splice(f, 1);
+          const I = (c = a.value) == null ? void 0 : c.querySelector(`#clr-gb-${S}`);
+          I == null || I.remove();
+          const A = o.value[0];
+          A && (A.select = !0, Ce = (d = a.value) == null ? void 0 : d.querySelector(`#clr-gb-${A.id}`), Ce == null || Ce.classList.add("select"), ue(A.r, A.g, A.b, A.hue, !1), me(), h());
+        }
+      }
+    }, Ke = () => {
+      var f;
+      const c = (f = a.value) == null ? void 0 : f.querySelector("#cp-btn-eyedropper");
+      c == null || c.classList.add("active"), new EyeDropper().open().then((S) => {
+        const { sRGBHex: I } = S, A = o.value.find((ne) => ne.select == !0), Z = cn(I);
+        if (Z) {
+          const ne = Ut(Z.r, Z.g, Z.b);
+          if (A && (A.hue = ne, A.r = Z.r, A.g = Z.g, A.b = Z.b), ie(Z)) {
+            const J = j();
+            J && (B.value.style.left = `${J.x}px`, B.value.style.top = `${J.y}px`);
+          } else {
+            T.value = ne;
+            const { rgb: J } = jn(ne, 100, 50);
+            Te(J);
+            const R = j();
+            R && (B.value.style.left = `${R.x}px`, B.value.style.top = `${R.y}px`);
+          }
+          me(), O(), h(), c == null || c.classList.remove("active");
+        }
+      }).catch(() => {
+        c == null || c.classList.remove("active");
+      });
+    }, et = (c) => {
+      const { value: d, type: f } = c;
+      if (f != "a") {
+        const S = o.value.find((I) => I.select == !0);
+        if (S) {
+          S.r = parseInt(d.r), S.g = parseInt(d.g), S.b = parseInt(d.b);
+          const I = Ut(S.r, S.g, S.b);
+          S.hue = I, ue(S.r, S.g, S.b, S.hue, !0), h(), O();
+        }
+      } else
+        oe.value = d, h(), O();
+    }, at = (c) => {
+      ae.h = c.h, ae.s = c.s, ae.l = c.l;
+      const d = o.value.find((f) => f.select == !0);
+      if (d && !Number.isNaN(ae.h) && !Number.isNaN(ae.s) && !Number.isNaN(ae.l)) {
+        const { r: f, g: S, b: I } = Bn(ae.h, ae.s / 100, ae.l / 100);
+        d.hue = ae.h, d.r = f, d.g = S, d.b = I, ue(d.r, d.g, d.b, d.hue, !0), h(), O();
+      }
+    }, Pe = () => {
+      if (D.value) {
+        const c = cn(D.value);
+        if (c) {
+          const d = Ut(c.r, c.g, c.b), f = o.value.find((S) => S.select == !0);
+          f && (f.r = c.r, f.g = c.g, f.b = c.b, f.hue = d, ue(c.r, c.g, c.b, f.hue, !0), h(), O(), je(k.value));
+        }
+      }
+    }, me = () => {
+      const c = o.value.find((d) => d.select == !0);
+      c && (D.value = Hn(c.r, c.g, c.b).toUpperCase()), je(k.value);
+    }, Ue = (c) => {
+      i("last-used-pick", c);
+    };
+    window.EyeDropper && (p.value = !0);
+    const tt = (c = "") => {
+      if (l.value == "gradient") {
+        let d = c.includes("linear") ? "linear" : "radial", f = [];
+        if (y.value = d, d == "linear") {
+          let S = /^linear-gradient\((.*)\)$/, I = c.replace(";", "").trim().match(S), A = /,\s*(?![^()]*\))/;
+          if (I) {
+            let Z = I[1].split(A);
+            for (let ne = 0; ne < Z.length; ne++) {
+              const J = Z[ne];
+              let R = {
+                id: ne,
+                r: 0,
+                g: 0,
+                b: 0,
+                a: 100,
+                percent: 100,
+                hue: 0,
+                select: !1
+              };
+              if (J.includes("deg"))
+                m.angle = parseInt(J.replace("deg", ""));
+              else if (J.includes("rgba")) {
+                let ee = J.trim().replace(/rgba|\(|\)|%/g, "").replace(/,/g, " ").split(" ");
+                ee = ee.filter((st) => st.trim() !== ""), R.r = parseInt(ee[0]), R.g = parseInt(ee[1]), R.b = parseInt(ee[2]), R.a = parseFloat(ee[3]) * 100, R.percent = parseInt(ee[4]), f.push(R);
+              } else if (J.includes("rgb")) {
+                let ee = J.trim().replace(/rgb|\(|\)|%/g, "").replace(/,/g, " ").split(" ");
+                ee = ee.filter((st) => st.trim() !== ""), R.r = parseInt(ee[0]), R.g = parseInt(ee[1]), R.b = parseInt(ee[2]), R.percent = parseInt(ee[3]), f.push(R);
+              }
+            }
+          }
+        } else {
+          let S = /^radial-gradient\((.*)\)$/, I = c.replace(";", "").trim().match(S), A = /,\s*(?![^()]*\))/;
+          if (I) {
+            let Z = I[1].split(A);
+            for (let ne = 0; ne < Z.length; ne++) {
+              const J = Z[ne];
+              let R = {
+                id: ne,
+                r: 0,
+                g: 0,
+                b: 0,
+                a: 100,
+                percent: 100,
+                hue: 0,
+                select: !1
+              };
+              if (J.includes("circle at")) {
+                let ee = J.replace("circle at ", "").replace(" ", "").replace(/%/g, " ").trim().split(" ");
+                m.percentageX = parseInt(ee[0]), m.percentageY = parseInt(ee[1]);
+              } else if (J.includes("rgba")) {
+                let ee = J.replace(/rgba|\(|\)|%/g, "").replace(/,/g, " ").split(" ");
+                ee = ee.filter((st) => st.trim() !== ""), R.r = parseInt(ee[0]), R.g = parseInt(ee[1]), R.b = parseInt(ee[2]), R.a = parseFloat(ee[3]) * 100, R.percent = parseInt(ee[4]), f.push(R);
+              } else if (J.includes("rgb")) {
+                let ee = J.replace(/rgb|\(|\)|%/g, "").replace(/,/g, " ").split(" ");
+                ee = ee.filter((st) => st.trim() !== ""), R.r = parseInt(ee[0]), R.g = parseInt(ee[1]), R.b = parseInt(ee[2]), R.percent = parseInt(ee[3]), f.push(R);
+              }
+            }
+          }
+        }
+        f.length > 1 && (o.value = f, o.value[0].select = !0, oe.value = o.value[0].a);
+      } else if (c) {
+        let d = {
+          r: 0,
+          g: 0,
+          b: 0,
+          a: 0
+        };
+        if (c.includes("#"))
+          if (c.length >= 8)
+            d = Rl(c);
+          else {
+            let f = cn(c);
+            f ? (d.a = 1, d.r = f.r, d.g = f.g, d.b = f.b) : d = null;
+          }
+        else if (c.includes("rgb"))
+          if (c.includes("rgba"))
+            d = Bl(c);
+          else {
+            let f = jl(c);
+            f ? (d.a = 1, d.r = f.r, d.g = f.g, d.b = f.b) : d = null;
+          }
+        d && (o.value[0].r = d.r, o.value[0].b = d.b, o.value[0].g = d.g, o.value[0].a = parseInt((d.a * 100).toFixed(0)), oe.value = o.value[0].a, o.value[0].hue = 0);
+      }
+    }, je = (c) => {
+      const d = o.value.find((f) => f.select == !0);
+      if (d) {
+        switch (c) {
+          case "RGB":
+            break;
+          case "HSL": {
+            const { h: f, s: S, l: I } = Yn(d.r, d.g, d.b);
+            ae.h = Math.round(f), ae.s = Math.round(S * 100), ae.l = Math.round(I * 100);
+            break;
+          }
+        }
+        k.value = c;
+      }
+    }, Ze = (c) => {
+      c && tt(c), ge();
+    };
+    Dt(
+      () => n.modelValue,
+      (c, d) => {
+        c !== d && c !== r.value && (o.value.forEach((f) => {
+          const S = se == null ? void 0 : se.querySelector(`#clr-gb-${f.id}`);
+          S == null || S.remove();
+        }), Ze(c));
+      }
+    );
+    const Yt = (c) => {
+      o.value.forEach((d) => {
+        const f = se == null ? void 0 : se.querySelector(`#clr-gb-${d.id}`);
+        f == null || f.remove();
+      }), c !== "solid" ? (l.value = "gradient", setTimeout(() => {
+        var d;
+        se = (d = a.value) == null ? void 0 : d.querySelector(".gradient-bar"), Fe(c), ge();
+      }, 200)) : c === "solid" && (l.value = "solid", o.value = o.value.map((d) => (d.select = !1, d)), o.value[0].select = !0, setTimeout(() => {
+        Ze(n.modelValue);
+      }, 200));
+    };
+    return Tt(() => {
+      var c;
+      l.value = n.modelValue.includes("linear") || n.modelValue.includes("radial") ? "gradient" : "solid", l.value == "gradient" && (se = (c = a.value) == null ? void 0 : c.querySelector(".gradient-bar")), Ze(n.modelValue), je(k.value), ol(() => {
+        le.value = !0;
+      });
+    }), (c, d) => (w(), N("div", {
+      ref_key: "pickerTemplateRef",
+      ref: a,
+      class: we(["ck-cp-container", e.disabled ? "ck-cp-disabled " : ""]),
+      "cp-theme": e.theme
+    }, [
+      e.variant == "gradient" ? (w(), N("div", No, [
+        q(Po, {
+          class: "mr-auto",
+          variant: e.variant,
+          mode: l.value,
+          "model-value": e.modelValue,
+          iconClasses: e.iconClasses,
+          gradientType: y.value,
+          onOnChangeMode: Yt
+        }, null, 8, ["variant", "mode", "model-value", "iconClasses", "gradientType"])
+      ])) : K("", !0),
+      l.value == "gradient" && e.variant == "gradient" ? (w(), N("div", Ro, [
+        q(Eo, {
+          gradientType: y.value,
+          onOnAddColor: z,
+          onOnMouseDown: Re,
+          onOnDeleteColor: Ye
+        }, null, 8, ["gradientType"]),
+        q(Ao, {
+          percentageY: m.percentageY,
+          "onUpdate:percentageY": d[0] || (d[0] = (f) => m.percentageY = f),
+          angle: m.angle,
+          "onUpdate:angle": d[1] || (d[1] = (f) => m.angle = f),
+          percentageX: m.percentageX,
+          "onUpdate:percentageX": d[2] || (d[2] = (f) => m.percentageX = f),
+          inputType: k.value,
+          mode: l.value,
+          gradientType: y.value,
+          onOnInput: h
+        }, null, 8, ["percentageY", "angle", "percentageX", "inputType", "mode", "gradientType"])
+      ])) : (w(), N("div", Bo, [
+        e.presetColors ? (w(), N("div", jo, [
+          d[10] || (d[10] = P("div", { class: "text-oc-text-400 text-sm my-3 font-medium" }, "Choose color", -1)),
+          P("div", Ho, [
+            (w(!0), N(We, null, vt(e.presetColors, (f) => (w(), N("div", {
+              key: `color-${f}`,
+              class: "ck-cp-color-item !w-[32px] !h-[32px]",
+              style: lt(`background:${f}`),
+              onClick: (S) => Ue(f)
+            }, null, 12, Yo))), 128))
+          ])
+        ])) : K("", !0)
+      ])),
+      q(Mo, { onOnMouseDown: Ve }),
+      P("div", Uo, [
+        q(Oo, {
+          class: we(p.value ? "max-w-[90%]" : ""),
+          modelValue: T.value,
+          "onUpdate:modelValue": d[3] || (d[3] = (f) => T.value = f),
+          onOnInput: d[4] || (d[4] = (f) => C(!1)),
+          onOnChange: re
+        }, null, 8, ["class", "modelValue"]),
+        p.value ? (w(), N("button", {
+          key: 0,
+          id: "cp-btn-eyedropper",
+          type: "button",
+          class: "cp-btn",
+          style: { padding: "7px" },
+          onClick: Ke
+        }, d[11] || (d[11] = [
+          P("svg", {
+            version: "1.1",
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "32",
+            height: "32",
+            viewBox: "0 0 32 32"
+          }, [
+            P("path", { d: "M21.35 1.825l-6.344 6.35-0.588-0.588c-0.781-0.781-2.050-0.781-2.831 0s-0.781 2.050 0 2.831l10 10c0.781 0.781 2.050 0.781 2.831 0s0.781-2.050 0-2.831l-0.587-0.587 6.344-6.35c2.438-2.438 2.438-6.388 0-8.819s-6.387-2.438-8.819 0zM3.462 20.206c-0.938 0.938-1.462 2.212-1.462 3.538v2.65l-1.663 2.494c-0.531 0.794-0.425 1.85 0.25 2.525s1.731 0.781 2.525 0.25l2.494-1.663h2.65c1.325 0 2.6-0.525 3.537-1.462l7.544-7.544-2.831-2.831-7.544 7.544c-0.188 0.188-0.444 0.294-0.706 0.294h-2.256v-2.256c0-0.262 0.106-0.519 0.294-0.706l7.544-7.544-2.831-2.831-7.544 7.544z" })
+          ], -1)
+        ]))) : K("", !0)
+      ]),
+      e.showAlpha ? (w(), ce(Co, {
+        key: 3,
+        modelValue: oe.value,
+        "onUpdate:modelValue": d[5] || (d[5] = (f) => oe.value = f),
+        onOnInput: d[6] || (d[6] = (f) => Se(f.target.value))
+      }, null, 8, ["modelValue"])) : K("", !0),
+      Ol(P("div", Xo, null, 512), [
+        [Tl, !1]
+      ]),
+      P("div", Qo, [
+        q(wo, {
+          "model-value": k.value,
+          "onUpdate:modelValue": je
+        }, null, 8, ["model-value"]),
+        le.value && e.showInputSet ? (w(), N("div", Wo, [
+          k.value == "HEX" ? (w(), ce(yo, {
+            key: 0,
+            modelValue: D.value,
+            "onUpdate:modelValue": [
+              d[7] || (d[7] = (f) => D.value = f),
+              Pe
+            ]
+          }, null, 8, ["modelValue"])) : K("", !0),
+          k.value == "RGB" ? (w(), ce(nl, {
+            key: 1,
+            "rgb-value": o.value.find((f) => f.select == !0),
+            onUpdateRgbValue: et
+          }, null, 8, ["rgb-value"])) : K("", !0),
+          k.value == "HSL" ? (w(), ce(nl, {
+            key: 2,
+            "input-type": "HSL",
+            "hsl-value": ae,
+            onUpdateHslValue: at
+          }, null, 8, ["hsl-value"])) : K("", !0),
+          e.showAlpha ? (w(), ce(xo, {
+            key: 3,
+            modelValue: oe.value,
+            "onUpdate:modelValue": [
+              d[8] || (d[8] = (f) => oe.value = f),
+              d[9] || (d[9] = (f) => Se(f))
+            ]
+          }, null, 8, ["modelValue"])) : K("", !0)
+        ])) : K("", !0)
+      ]),
+      d[12] || (d[12] = P("div", { class: "text-oc-text-400 text-sm my-3 font-medium font-inter" }, "Last used", -1)),
+      u.value.length > 0 && e.showColorList ? (w(), N("div", qo, [
+        (w(!0), N(We, null, vt(g.value, (f) => (w(), N("div", {
+          key: `color-${f}`,
+          class: "ck-cp-color-item !w-[32px] !h-[32px]",
+          style: lt(`background:${f}`),
+          onClick: (S) => Ue(f)
+        }, null, 12, Go))), 128))
+      ])) : K("", !0)
+    ], 10, Lo));
+  }
+}, Ko = { class: "flex flex-col pt-10 px-7 gap-y-7 items-center" }, Zo = { class: "flex flex-col gap-y-4 text-center items-center" }, Jo = {
+  key: 0,
+  class: "text-xl font-medium"
+}, ei = {
+  key: 0,
+  class: "text-sm text-oc-text-400"
+}, di = /* @__PURE__ */ ll({
+  __name: "OcOnboardingProgressbar",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: [String, Number],
+      default: "0"
+    },
+    chartData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const t = e, n = Me(() => ({
+      grid: {
+        containLabel: !1
+      },
+      series: [
+        {
+          name: "Onboarding Progressbar",
+          type: "pie",
+          emphasis: {
+            disabled: !0
+          },
+          avoidLabelOverlap: !1,
+          label: {
+            color: "#000",
+            fontWeight: "bold",
+            fontFamily: "Inter",
+            fontSize: "24",
+            position: "center",
+            formatter: () => t.value + "%"
+          },
+          labelLine: {
+            show: !0
+          },
+          radius: ["60%", "100%"],
+          data: t.chartData
+        }
+      ]
+    }));
+    return (l, a) => (w(), N("div", Ko, [
+      q(M(Xl), {
+        class: "w-[140px] bg-white rounded-full h-[140px]",
+        "additional-options": n.value,
+        "tooltip-formatter": () => null,
+        "tooltip-value-formatter": () => null
+      }, null, 8, ["additional-options"]),
+      P("div", Zo, [
+        e.title ? (w(), N("span", Jo, Et(e.title), 1)) : K("", !0),
+        Qe(l.$slots, "description", {}, () => [
+          e.description ? (w(), N("span", ei, Et(e.description), 1)) : K("", !0)
+        ])
+      ])
+    ]));
+  }
+}), ci = Vl(
+  () => import("./OcCodeBlock-chTpuRDc.js")
+);
+export {
+  vi as BarChart,
+  yi as BarRaceChart,
+  xi as Card,
+  ci as CodeBlock,
+  no as ColorPicker,
+  zo as ColorPickerPopup,
+  si as DataTable,
+  eo as FilterForm,
+  qa as FilterSearch,
+  za as FilterSearchFor,
+  gi as LineChart,
+  di as OnboardingProgressbar,
+  Xl as PieChart,
+  ui as TextEditor
+};