@26lights/orcha 0.36.11 → 0.36.12

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, openBlock as p, createBlock as P, unref as Q, mergeProps as He, createElementBlock as g, createElementVNode as v, pushScopeId as Oi, popScopeId as Ei, createStaticVNode as Ii, computed as k, resolveDynamicComponent as ht, normalizeClass as Y, renderSlot as te, toDisplayString as G, createCommentVNode as T, ref as ee, watch as de, nextTick as De, withKeys as dt, toHandlers as Li, withCtx as W, createTextVNode as Fa, createVNode as M, normalizeStyle as wn, withModifiers as fe, createSlots as Ua, Fragment as ve, renderList as _e, onMounted as xt, onBeforeUnmount as Ts, onUnmounted as $n, Teleport as Nt, toRefs as Me, getCurrentInstance as At, toRef as Pt, normalizeProps as pa, guardReactiveProps as fa, withDirectives as Ke, vShow as Hi, onUpdated as Di, vModelText as ut, resolveComponent as xe, getCurrentScope as Pi, onScopeDispose as Vi, toHandlerKey as Bi } from "vue";
+import { defineComponent as q, openBlock as p, createBlock as P, unref as Q, mergeProps as He, createElementBlock as g, createElementVNode as v, pushScopeId as Oi, popScopeId as Ei, createStaticVNode as Ii, computed as k, resolveDynamicComponent as ht, normalizeClass as Y, renderSlot as te, toDisplayString as G, createCommentVNode as T, ref as ee, watch as de, nextTick as De, withKeys as dt, toHandlers as Li, withCtx as W, createTextVNode as Fa, createVNode as M, normalizeStyle as As, withModifiers as fe, createSlots as Ua, Fragment as ve, renderList as _e, onMounted as xt, onBeforeUnmount as Ts, onUnmounted as wn, Teleport as Nt, toRefs as Me, getCurrentInstance as At, toRef as Pt, normalizeProps as pa, guardReactiveProps as fa, withDirectives as Ke, vShow as Hi, onUpdated as Di, vModelText as ut, resolveComponent as xe, getCurrentScope as Pi, onScopeDispose as Vi, toHandlerKey as Bi } from "vue";
 import { RouterView as Ri } from "vue-router";
 import mt from "vuedraggable";
 const u8 = /* @__PURE__ */ q({
@@ -617,23 +617,23 @@ function lu(t, e) {
 const uu = /* @__PURE__ */ j(su, [["render", lu]]), cu = q({
   name: "LoadingIcon"
 });
-const kn = (t) => (Oi("data-v-ad6da4a9"), t = t(), Ei(), t), du = {
+const $n = (t) => (Oi("data-v-ad6da4a9"), t = t(), Ei(), t), du = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, pu = /* @__PURE__ */ kn(() => /* @__PURE__ */ v("circle", {
+}, pu = /* @__PURE__ */ $n(() => /* @__PURE__ */ v("circle", {
   class: "dot dot--1",
   cx: "6",
   cy: "12",
   r: "2"
-}, null, -1)), fu = /* @__PURE__ */ kn(() => /* @__PURE__ */ v("circle", {
+}, null, -1)), fu = /* @__PURE__ */ $n(() => /* @__PURE__ */ v("circle", {
   class: "dot dot--2",
   cx: "12",
   cy: "12",
   r: "2"
-}, null, -1)), vu = /* @__PURE__ */ kn(() => /* @__PURE__ */ v("circle", {
+}, null, -1)), vu = /* @__PURE__ */ $n(() => /* @__PURE__ */ v("circle", {
   class: "dot dot--3",
   cx: "18",
   cy: "12",
@@ -1139,7 +1139,7 @@ const $2 = /* @__PURE__ */ j(g2, [["render", w2]]), k2 = /* @__PURE__ */ Object.
   MD: "md",
   LG: "lg",
   XL: "xl"
-}, Sn = {
+}, kn = {
   PRIMARY: "primary",
   NEUTRAL: "neutral",
   BLACK: "black"
@@ -1149,7 +1149,7 @@ const $2 = /* @__PURE__ */ j(g2, [["render", w2]]), k2 = /* @__PURE__ */ Object.
   DANGER: "danger"
 };
 ({
-  ...Sn,
+  ...kn,
   ...M2
 });
 const Os = {
@@ -1390,7 +1390,7 @@ const O2 = {
     }, 8, ["class"]));
   }
 });
-const Mn = /* @__PURE__ */ q({
+const Sn = /* @__PURE__ */ q({
   __name: "AoTag",
   props: {
     label: {},
@@ -1413,7 +1413,7 @@ const Mn = /* @__PURE__ */ q({
         s.closable ? "ao-tag--closable" : "",
         s.variant ? `ao-tag--${s.variant}` : ""
       ]),
-      style: wn(s.rawColor ? { "--ao-tag-bg": s.rawColor } : {})
+      style: As(s.rawColor ? { "--ao-tag-bg": s.rawColor } : {})
     }, [
       (p(), P(ht(a.value), He({ class: "ao-tag__label" }, n.value, {
         onClick: o[0] || (o[0] = (i) => s.$emit("click", i))
@@ -1514,7 +1514,7 @@ function ra(t) {
   var e = new Date(Date.UTC(t.getFullYear(), t.getMonth(), t.getDate(), t.getHours(), t.getMinutes(), t.getSeconds(), t.getMilliseconds()));
   return e.setUTCFullYear(t.getFullYear()), t.getTime() - e.getTime();
 }
-function rs(t) {
+function os(t) {
   ge(1, arguments);
   var e = be(t);
   return e.setHours(0, 0, 0, 0), e;
@@ -1522,7 +1522,7 @@ function rs(t) {
 var W2 = 864e5;
 function q2(t, e) {
   ge(2, arguments);
-  var a = rs(t), n = rs(e), s = a.getTime() - ra(a), o = n.getTime() - ra(n);
+  var a = os(t), n = os(e), s = a.getTime() - ra(a), o = n.getTime() - ra(n);
   return Math.round((s - o) / W2);
 }
 function z2(t, e) {
@@ -2158,7 +2158,7 @@ var Ht = {
       return "Z";
     switch (a) {
       case "X":
-        return us(i);
+        return ls(i);
       case "XXXX":
       case "XX":
         return $t(i);
@@ -2173,7 +2173,7 @@ var Ht = {
     var o = s._originalDate || e, i = o.getTimezoneOffset();
     switch (a) {
       case "x":
-        return us(i);
+        return ls(i);
       case "xxxx":
       case "xx":
         return $t(i);
@@ -2190,7 +2190,7 @@ var Ht = {
       case "O":
       case "OO":
       case "OOO":
-        return "GMT" + ls(i, ":");
+        return "GMT" + rs(i, ":");
       case "OOOO":
       default:
         return "GMT" + $t(i, ":");
@@ -2203,7 +2203,7 @@ var Ht = {
       case "z":
       case "zz":
       case "zzz":
-        return "GMT" + ls(i, ":");
+        return "GMT" + rs(i, ":");
       case "zzzz":
       default:
         return "GMT" + $t(i, ":");
@@ -2220,14 +2220,14 @@ var Ht = {
     return ue(i, a.length);
   }
 };
-function ls(t, e) {
+function rs(t, e) {
   var a = t > 0 ? "-" : "+", n = Math.abs(t), s = Math.floor(n / 60), o = n % 60;
   if (o === 0)
     return a + String(s);
   var i = e || "";
   return a + String(s) + i + ue(o, 2);
 }
-function us(t, e) {
+function ls(t, e) {
   if (t % 60 === 0) {
     var a = t > 0 ? "-" : "+";
     return a + ue(Math.abs(t) / 60, 2);
@@ -2239,7 +2239,7 @@ function $t(t, e) {
   return n + o + a + i;
 }
 const s0 = n0;
-var cs = function(e, a) {
+var us = function(e, a) {
   switch (e) {
     case "P":
       return a.date({
@@ -2282,7 +2282,7 @@ var cs = function(e, a) {
 }, i0 = function(e, a) {
   var n = e.match(/(P+)(p+)?/) || [], s = n[1], o = n[2];
   if (!o)
-    return cs(e, a);
+    return us(e, a);
   var i;
   switch (s) {
     case "P":
@@ -2307,7 +2307,7 @@ var cs = function(e, a) {
       });
       break;
   }
-  return i.replace("{{date}}", cs(s, a)).replace("{{time}}", Bs(o, a));
+  return i.replace("{{date}}", us(s, a)).replace("{{time}}", Bs(o, a));
 }, o0 = {
   p: Bs,
   P: i0
@@ -2320,7 +2320,7 @@ function c0(t) {
 function d0(t) {
   return u0.indexOf(t) !== -1;
 }
-function ds(t, e, a) {
+function cs(t, e, a) {
   if (t === "YYYY")
     throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(e, "`) for formatting years to the input `").concat(a, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
   if (t === "YY")
@@ -2757,7 +2757,7 @@ function Ns(t, e, a) {
       return t3(O);
     var S = s0[N];
     if (S)
-      return !(a != null && a.useAdditionalWeekYearTokens) && d0(O) && ds(O, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && c0(O) && ds(O, e, String(t)), S(R, O, U.localize, Z);
+      return !(a != null && a.useAdditionalWeekYearTokens) && d0(O) && cs(O, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && c0(O) && cs(O, e, String(t)), S(R, O, U.localize, Z);
     if (N.match(e3))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + N + "`");
     return O;
@@ -3253,11 +3253,11 @@ class Oe {
   }
 }
 ha.LexoDecimal = Oe;
-var Ta = {}, ps;
+var Ta = {}, ds;
 function Us() {
-  if (ps)
+  if (ds)
     return Ta;
-  ps = 1, Object.defineProperty(Ta, "__esModule", { value: !0 });
+  ds = 1, Object.defineProperty(Ta, "__esModule", { value: !0 });
   const t = Yt, e = Ws();
   class a {
     constructor(s) {
@@ -3311,7 +3311,7 @@ function Us() {
   }
   return Ta.default = a, Ta;
 }
-var An = {}, Zs = {};
+var Mn = {}, Zs = {};
 Object.defineProperty(Zs, "__esModule", { value: !0 });
 var qa = {};
 Object.defineProperty(qa, "__esModule", { value: !0 });
@@ -3421,13 +3421,13 @@ xa.LexoNumeralSystem64 = k3;
       o !== "default" && !Object.prototype.hasOwnProperty.call(s, o) && e(s, n, o);
   };
   Object.defineProperty(t, "__esModule", { value: !0 }), a(Zs, t), a(qa, t), a(za, t), a(xa, t);
-})(An);
-var fs;
+})(Mn);
+var ps;
 function Ws() {
-  if (fs)
+  if (ps)
     return aa;
-  fs = 1, Object.defineProperty(aa, "__esModule", { value: !0 }), aa.LexoRank = void 0;
-  const t = ha, e = Us(), a = ma, n = An;
+  ps = 1, Object.defineProperty(aa, "__esModule", { value: !0 }), aa.LexoRank = void 0;
+  const t = ha, e = Us(), a = ma, n = Mn;
   class s {
     constructor(i, r) {
       this.value = i.format() + "|" + s.formatDecimal(r), this.bucket = i, this.decimal = r;
@@ -3628,7 +3628,7 @@ function Ws() {
     for (var o in n)
       o !== "default" && !Object.prototype.hasOwnProperty.call(s, o) && e(s, n, o);
   };
-  Object.defineProperty(t, "__esModule", { value: !0 }), a(Fs, t), a(An, t);
+  Object.defineProperty(t, "__esModule", { value: !0 }), a(Fs, t), a(Mn, t);
 })(Ie);
 function qs(t) {
   return (t == null ? void 0 : t.reduce((e, a) => {
@@ -3671,17 +3671,17 @@ function jt(t, e) {
     return Ie.LexoRank.parse(n.rank).between(Ie.LexoRank.parse(a.rank)).format();
   }
 }
-function Tn(t, e = "dd/MM/yyyy") {
+function An(t, e = "dd/MM/yyyy") {
   if (!t)
     return "";
   const a = la(t);
   return Ds(a) ? Ns(a, e) : "";
 }
-function On(t, e) {
+function Tn(t, e) {
   return t.status.id === e.id;
 }
 function T3(t, e) {
-  return t.activities.length === 0 ? !1 : !t.activities.some((a) => !On(a, e));
+  return t.activities.length === 0 ? !1 : !t.activities.some((a) => !Tn(a, e));
 }
 function O3(t, e) {
   return {
@@ -3794,7 +3794,7 @@ const H3 = { class: "ao-card-template__subitems" }, D3 = { class: "ao-card-templ
               v("span", F3, G(n.$t("template.phases.title")), 1)
             ]),
             n.phases ? (p(), g("ul", U3, [
-              (p(!0), g(ve, null, _e(n.phases, (o) => (p(), P(Mn, {
+              (p(!0), g(ve, null, _e(n.phases, (o) => (p(), P(Sn, {
                 key: o.id,
                 label: o.name || o.id,
                 color: "primary",
@@ -3869,7 +3869,7 @@ const a5 = ["type"], n5 = {
     iconName: {},
     iconPosition: {},
     type: { default: () => "button" },
-    color: { default: () => Sn.BLACK },
+    color: { default: () => kn.BLACK },
     size: { default: () => Za.MD },
     isLoading: { type: Boolean, default: () => !1 },
     corners: { default: () => Os.ROUNDED }
@@ -3900,7 +3900,7 @@ const a5 = ["type"], n5 = {
 const s5 = { class: "ao-card-template-item__footer" }, i5 = {
   key: 0,
   class: "ao-card-template-item__subitem"
-}, o5 = { class: "ao-card-template-item__subitem-number" }, r5 = { class: "ao-card-template-item__secondary" }, En = /* @__PURE__ */ q({
+}, o5 = { class: "ao-card-template-item__subitem-number" }, r5 = { class: "ao-card-template-item__secondary" }, On = /* @__PURE__ */ q({
   __name: "AoCardTemplateItem",
   props: {
     milestones: {},
@@ -3961,7 +3961,7 @@ const l5 = /* @__PURE__ */ q({
       var s;
       return (s = e.milestones) == null ? void 0 : s.length;
     }), n = k(() => e.milestones ? qs(e.milestones) : 0);
-    return (s, o) => (p(), P(En, He({
+    return (s, o) => (p(), P(On, He({
       id: s.id,
       title: s.name,
       activities: n.value,
@@ -3983,7 +3983,7 @@ const l5 = /* @__PURE__ */ q({
       var n;
       return ((n = e.activities) == null ? void 0 : n.length) || 0;
     });
-    return (n, s) => (p(), P(En, { activities: a.value }, {
+    return (n, s) => (p(), P(On, { activities: a.value }, {
       default: W(() => [
         te(n.$slots, "default")
       ]),
@@ -4070,7 +4070,7 @@ const l5 = /* @__PURE__ */ q({
       var n;
       return ((n = e.tasks) == null ? void 0 : n.length) || 0;
     });
-    return (n, s) => (p(), P(En, { tasks: a.value }, {
+    return (n, s) => (p(), P(On, { tasks: a.value }, {
       default: W(() => [
         te(n.$slots, "default")
       ]),
@@ -4151,7 +4151,7 @@ const l5 = /* @__PURE__ */ q({
 }, C5 = { class: "ao-modal__header-meta" }, g5 = { class: "ao-modal__title-group" }, _5 = { class: "ao-modal__body" }, y5 = {
   key: 1,
   class: "ao-modal__footer"
-}, In = /* @__PURE__ */ q({
+}, En = /* @__PURE__ */ q({
   __name: "AoModal",
   props: {
     size: { default: "md" }
@@ -4201,7 +4201,7 @@ const ua = Math.min, Ee = Math.max, Va = Math.round, Oa = Math.floor, pt = (t) =
   start: "end",
   end: "start"
 };
-function Ln(t, e) {
+function In(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
 function Ft(t) {
@@ -4216,11 +4216,11 @@ function $5(t) {
 function xs(t) {
   return t === "y" ? "height" : "width";
 }
-function Hn(t) {
+function Ln(t) {
   return ["top", "bottom"].includes(Ft(t)) ? "y" : "x";
 }
 function Ys(t) {
-  return $5(Hn(t));
+  return $5(Ln(t));
 }
 function k5(t, e, a) {
   a === void 0 && (a = !1);
@@ -4282,12 +4282,12 @@ function Ra(t) {
     bottom: t.y + t.height
   };
 }
-function vs(t, e, a) {
+function fs(t, e, a) {
   let {
     reference: n,
     floating: s
   } = t;
-  const o = Hn(e), i = Ys(e), r = xs(i), l = Ft(e), c = o === "y", u = n.x + n.width / 2 - s.width / 2, f = n.y + n.height / 2 - s.height / 2, d = n[r] / 2 - s[r] / 2;
+  const o = Ln(e), i = Ys(e), r = xs(i), l = Ft(e), c = o === "y", u = n.x + n.width / 2 - s.width / 2, f = n.y + n.height / 2 - s.height / 2, d = n[r] / 2 - s[r] / 2;
   let C;
   switch (l) {
     case "top":
@@ -4344,7 +4344,7 @@ const E5 = async (t, e, a) => {
   }), {
     x: u,
     y: f
-  } = vs(c, n, l), d = n, C = {}, b = 0;
+  } = fs(c, n, l), d = n, C = {}, b = 0;
   for (let y = 0; y < r.length; y++) {
     const {
       name: _,
@@ -4382,7 +4382,7 @@ const E5 = async (t, e, a) => {
       }) : D.rects), {
         x: u,
         y: f
-      } = vs(c, d, l)), y = -1;
+      } = fs(c, d, l)), y = -1;
       continue;
     }
   }
@@ -4410,7 +4410,7 @@ async function Ks(t, e) {
     elementContext: f = "floating",
     altBoundary: d = !1,
     padding: C = 0
-  } = Ln(e, t), b = O5(C), _ = r[d ? f === "floating" ? "reference" : "floating" : f], h = Ra(await o.getClippingRect({
+  } = In(e, t), b = O5(C), _ = r[d ? f === "floating" ? "reference" : "floating" : f], h = Ra(await o.getClippingRect({
     element: (a = await (o.isElement == null ? void 0 : o.isElement(_))) == null || a ? _ : _.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(r.floating)),
     boundary: c,
     rootBoundary: u,
@@ -4458,7 +4458,7 @@ const I5 = function(t) {
         fallbackAxisSideDirection: b = "none",
         flipAlignment: y = !0,
         ..._
-      } = Ln(t, e);
+      } = In(t, e);
       if ((a = o.arrow) != null && a.alignmentOffset)
         return {};
       const h = Ft(s), A = Ft(r) === r, w = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = d || (A || !y ? [Ba(r)] : S5(r));
@@ -4522,7 +4522,7 @@ const I5 = function(t) {
         apply: i = () => {
         },
         ...r
-      } = Ln(t, e), l = await Ks(e, r), c = Ft(a), u = Ka(a), f = Hn(a) === "y", {
+      } = In(t, e), l = await Ks(e, r), c = Ft(a), u = Ka(a), f = Ln(a) === "y", {
         width: d,
         height: C
       } = n.floating;
@@ -4575,7 +4575,7 @@ function et(t) {
 function Fe(t) {
   return t instanceof HTMLElement || t instanceof ke(t).HTMLElement;
 }
-function hs(t) {
+function vs(t) {
   return typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof ke(t).ShadowRoot;
 }
 function ga(t) {
@@ -4590,20 +4590,20 @@ function ga(t) {
 function H5(t) {
   return ["table", "td", "th"].includes(ft(t));
 }
-function Dn(t) {
-  const e = Pn(), a = Ve(t);
+function Hn(t) {
+  const e = Dn(), a = Ve(t);
   return a.transform !== "none" || a.perspective !== "none" || (a.containerType ? a.containerType !== "normal" : !1) || !e && (a.backdropFilter ? a.backdropFilter !== "none" : !1) || !e && (a.filter ? a.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((n) => (a.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (a.contain || "").includes(n));
 }
 function D5(t) {
   let e = Ut(t);
   for (; Fe(e) && !Ga(e); ) {
-    if (Dn(e))
+    if (Hn(e))
       return e;
     e = Ut(e);
   }
   return null;
 }
-function Pn() {
+function Dn() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function Ga(t) {
@@ -4628,10 +4628,10 @@ function Ut(t) {
     // Step into the shadow DOM of the parent of a slotted node.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
-    hs(t) && t.host || // Fallback.
+    vs(t) && t.host || // Fallback.
     at(t)
   );
-  return hs(e) ? e.host : e;
+  return vs(e) ? e.host : e;
 }
 function Xs(t) {
   const e = Ut(t);
@@ -4653,11 +4653,11 @@ function Qs(t) {
     $: r
   };
 }
-function Vn(t) {
+function Pn(t) {
   return et(t) ? t : t.contextElement;
 }
 function Vt(t) {
-  const e = Vn(t);
+  const e = Pn(t);
   if (!Fe(e))
     return pt(1);
   const a = e.getBoundingClientRect(), {
@@ -4674,7 +4674,7 @@ function Vt(t) {
 const P5 = /* @__PURE__ */ pt(0);
 function Js(t) {
   const e = ke(t);
-  return !Pn() || !e.visualViewport ? P5 : {
+  return !Dn() || !e.visualViewport ? P5 : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
@@ -4684,7 +4684,7 @@ function V5(t, e, a) {
 }
 function St(t, e, a, n) {
   e === void 0 && (e = !1), a === void 0 && (a = !1);
-  const s = t.getBoundingClientRect(), o = Vn(t);
+  const s = t.getBoundingClientRect(), o = Pn(t);
   let i = pt(1);
   e && (n ? et(n) && (i = Vt(n)) : i = Vt(t));
   const r = V5(o, a, n) ? Js(o) : pt(0);
@@ -4751,7 +4751,7 @@ function j5(t, e) {
   let o = n.clientWidth, i = n.clientHeight, r = 0, l = 0;
   if (s) {
     o = s.width, i = s.height;
-    const c = Pn();
+    const c = Dn();
     (!c || c && e === "fixed") && (r = s.offsetLeft, l = s.offsetTop);
   }
   return {
@@ -4770,7 +4770,7 @@ function F5(t, e) {
     y: c
   };
 }
-function ms(t, e, a) {
+function hs(t, e, a) {
   let n;
   if (e === "viewport")
     n = j5(t, a);
@@ -4800,7 +4800,7 @@ function U5(t, e) {
   const o = Ve(t).position === "fixed";
   let i = o ? Ut(t) : t;
   for (; et(i) && !Ga(i); ) {
-    const r = Ve(i), l = Dn(i);
+    const r = Ve(i), l = Hn(i);
     !l && r.position === "fixed" && (s = null), (o ? !l && !s : !l && r.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ga(i) && !l && ti(t, i)) ? n = n.filter((u) => u !== i) : s = r, i = Ut(i);
   }
   return e.set(t, n), n;
@@ -4813,9 +4813,9 @@ function Z5(t) {
     strategy: s
   } = t;
   const i = [...a === "clippingAncestors" ? U5(e, this._c) : [].concat(a), n], r = i[0], l = i.reduce((c, u) => {
-    const f = ms(e, u, s);
+    const f = hs(e, u, s);
     return c.top = Ee(f.top, c.top), c.right = ua(f.right, c.right), c.bottom = ua(f.bottom, c.bottom), c.left = Ee(f.left, c.left), c;
-  }, ms(e, r, s));
+  }, hs(e, r, s));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -4846,17 +4846,17 @@ function q5(t, e, a) {
     height: i.height
   };
 }
-function Cs(t, e) {
+function ms(t, e) {
   return !Fe(t) || Ve(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
 }
 function ai(t, e) {
   const a = ke(t);
   if (!Fe(t))
     return a;
-  let n = Cs(t, e);
+  let n = ms(t, e);
   for (; n && H5(n) && Ve(n).position === "static"; )
-    n = Cs(n, e);
-  return n && (ft(n) === "html" || ft(n) === "body" && Ve(n).position === "static" && !Dn(n)) ? a : n || D5(t) || a;
+    n = ms(n, e);
+  return n && (ft(n) === "html" || ft(n) === "body" && Ve(n).position === "static" && !Hn(n)) ? a : n || D5(t) || a;
 }
 const z5 = async function(t) {
   let {
@@ -4942,7 +4942,7 @@ function G5(t, e, a, n) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = n, c = Vn(t), u = s || o ? [...c ? ca(c) : [], ...ca(e)] : [];
+  } = n, c = Pn(t), u = s || o ? [...c ? ca(c) : [], ...ca(e)] : [];
   u.forEach((h) => {
     s && h.addEventListener("scroll", a, {
       passive: !0
@@ -5042,7 +5042,7 @@ const X5 = (t, e, a) => {
     c();
   }), Ts(() => {
     r.value();
-  }), $n(() => {
+  }), wn(() => {
     r.value();
   });
 };
@@ -5244,27 +5244,27 @@ function i7(t, e, a) {
         we(x.value.concat($));
         break;
     }
-    e.emit("select", es($), $, re);
+    e.emit("select", Jn($), $, re);
   }, It = ($) => {
     switch (typeof $ != "object" && ($ = ze($)), s.value) {
       case "single":
-        as();
+        ts();
         break;
       case "tags":
       case "multiple":
         we(Array.isArray($) ? x.value.filter((B) => $.map((oe) => oe[H.value]).indexOf(B[H.value]) === -1) : x.value.filter((B) => B[H.value] != $[H.value]));
         break;
     }
-    e.emit("deselect", es($), $, re);
-  }, es = ($) => b.value ? $ : $[H.value], ts = ($) => {
+    e.emit("deselect", Jn($), $, re);
+  }, Jn = ($) => b.value ? $ : $[H.value], es = ($) => {
     It($);
   }, Ci = ($, B) => {
     if (B.button !== 0) {
       B.preventDefault();
       return;
     }
-    ts($);
-  }, as = () => {
+    es($);
+  }, ts = () => {
     we(hi.value), e.emit("clear", re);
   }, qe = ($) => {
     if ($.group !== void 0)
@@ -5280,13 +5280,13 @@ function i7(t, e, a) {
     if (!sn($)) {
       if (J && J.value && !qe($) && $.__CREATE__ && ($ = { ...$ }, delete $.__CREATE__, $ = J.value($, re), $ instanceof Promise)) {
         Ae.value = !0, $.then((B) => {
-          Ae.value = !1, ns(B);
+          Ae.value = !1, as(B);
         });
         return;
       }
-      ns($);
+      as($);
     }
-  }, ns = ($) => {
+  }, as = ($) => {
     switch ($.__CREATE__ && ($ = { ...$ }, delete $.__CREATE__), s.value) {
       case "single":
         if ($ && qe($)) {
@@ -5343,9 +5343,9 @@ function i7(t, e, a) {
     let oe = $;
     if (X.value && w.value) {
       let me = ne.value;
-      me || (me = (bt, is, i8) => yt.value.some((Ti) => {
-        let os = fn(ya(bt[Ti]), K.value);
-        return le.value ? os.startsWith(fn(is, K.value)) : os.indexOf(fn(is, K.value)) !== -1;
+      me || (me = (bt, ss, i8) => yt.value.some((Ti) => {
+        let is = fn(ya(bt[Ti]), K.value);
+        return le.value ? is.startsWith(fn(ss, K.value)) : is.indexOf(fn(ss, K.value)) !== -1;
       })), oe = oe.filter((bt) => me(bt, X.value, re));
     }
     return r.value && B && (oe = oe.filter((me) => !ki(me))), oe;
@@ -5391,7 +5391,7 @@ function i7(t, e, a) {
     [u.value]: B,
     [H.value]: B,
     [yt.value[0]]: B
-  }), ss = () => {
+  }), ns = () => {
     Be.value = de(X, ($) => {
       $.length < A.value || !$ && A.value !== 0 || (Ae.value = !0, E.value && (Ne.value = []), setTimeout(() => {
         $ == X.value && n.value(X.value, re).then((B) => {
@@ -5407,8 +5407,8 @@ function i7(t, e, a) {
   };
   if (s.value !== "single" && !je(V.value) && !Array.isArray(V.value))
     throw new Error(`v-model must be an array when using "${s.value}" mode`);
-  return n && typeof n.value == "function" ? h.value ? ka($a) : b.value == !0 && $a() : (Ne.value = n.value, $a()), _.value > -1 && ss(), de(_, ($, B) => {
-    Be.value && Be.value(), $ >= 0 && ss();
+  return n && typeof n.value == "function" ? h.value ? ka($a) : b.value == !0 && $a() : (Ne.value = n.value, $a()), _.value > -1 && ns(), de(_, ($, B) => {
+    Be.value && Be.value(), $ >= 0 && ns();
   }), de(V, ($) => {
     if (je($)) {
       we(Sa($), !1);
@@ -5446,9 +5446,9 @@ function i7(t, e, a) {
     offset: We,
     select: Et,
     deselect: It,
-    remove: ts,
+    remove: es,
     selectAll: yi,
-    clear: as,
+    clear: ts,
     isSelected: qe,
     isDisabled: sn,
     isMax: on,
@@ -5567,7 +5567,7 @@ function Pe(t) {
   var e = Se(t).HTMLElement;
   return t instanceof e || t instanceof HTMLElement;
 }
-function Bn(t) {
+function Vn(t) {
   if (typeof ShadowRoot > "u")
     return !1;
   var e = Se(t).ShadowRoot;
@@ -5599,7 +5599,7 @@ function Wt(t, e, a) {
     y: u
   };
 }
-function Rn(t) {
+function Bn(t) {
   var e = Se(t), a = e.pageXOffset, n = e.pageYOffset;
   return {
     scrollLeft: a,
@@ -5613,7 +5613,7 @@ function r7(t) {
   };
 }
 function l7(t) {
-  return t === Se(t) || !Pe(t) ? Rn(t) : r7(t);
+  return t === Se(t) || !Pe(t) ? Bn(t) : r7(t);
 }
 function Ue(t) {
   return t ? (t.nodeName || "").toLowerCase() : null;
@@ -5624,13 +5624,13 @@ function gt(t) {
     t.document
   )) || window.document).documentElement;
 }
-function Nn(t) {
-  return Wt(gt(t)).left + Rn(t).scrollLeft;
+function Rn(t) {
+  return Wt(gt(t)).left + Bn(t).scrollLeft;
 }
 function tt(t) {
   return Se(t).getComputedStyle(t);
 }
-function jn(t) {
+function Nn(t) {
   var e = tt(t), a = e.overflow, n = e.overflowX, s = e.overflowY;
   return /auto|scroll|overlay|hidden/.test(a + s + n);
 }
@@ -5648,7 +5648,7 @@ function c7(t, e, a) {
     y: 0
   };
   return (n || !n && !a) && ((Ue(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  jn(o)) && (r = l7(e)), Pe(e) ? (l = Wt(e, !0), l.x += e.clientLeft, l.y += e.clientTop) : o && (l.x = Nn(o))), {
+  Nn(o)) && (r = l7(e)), Pe(e) ? (l = Wt(e, !0), l.x += e.clientLeft, l.y += e.clientTop) : o && (l.x = Rn(o))), {
     x: i.left + r.scrollLeft - l.x,
     y: i.top + r.scrollTop - l.y,
     width: i.width,
@@ -5671,18 +5671,18 @@ function Qa(t) {
     // $FlowFixMe[prop-missing]
     t.assignedSlot || // step into the shadow DOM of the parent of a slotted node
     t.parentNode || // DOM Element detected
-    (Bn(t) ? t.host : null) || // ShadowRoot detected
+    (Vn(t) ? t.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
     gt(t)
   );
 }
 function ii(t) {
-  return ["html", "body", "#document"].indexOf(Ue(t)) >= 0 ? t.ownerDocument.body : Pe(t) && jn(t) ? t : ii(Qa(t));
+  return ["html", "body", "#document"].indexOf(Ue(t)) >= 0 ? t.ownerDocument.body : Pe(t) && Nn(t) ? t : ii(Qa(t));
 }
 function ia(t, e) {
   var a;
   e === void 0 && (e = []);
-  var n = ii(t), s = n === ((a = t.ownerDocument) == null ? void 0 : a.body), o = Se(n), i = s ? [o].concat(o.visualViewport || [], jn(n) ? n : []) : n, r = e.concat(i);
+  var n = ii(t), s = n === ((a = t.ownerDocument) == null ? void 0 : a.body), o = Se(n), i = s ? [o].concat(o.visualViewport || [], Nn(n) ? n : []) : n, r = e.concat(i);
   return s ? r : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
     r.concat(ia(Qa(i)))
@@ -5691,7 +5691,7 @@ function ia(t, e) {
 function d7(t) {
   return ["table", "td", "th"].indexOf(Ue(t)) >= 0;
 }
-function gs(t) {
+function Cs(t) {
   return !Pe(t) || // https://github.com/popperjs/popper-core/issues/837
   tt(t).position === "fixed" ? null : t.offsetParent;
 }
@@ -5703,7 +5703,7 @@ function p7(t) {
       return null;
   }
   var s = Qa(t);
-  for (Bn(s) && (s = s.host); Pe(s) && ["html", "body"].indexOf(Ue(s)) < 0; ) {
+  for (Vn(s) && (s = s.host); Pe(s) && ["html", "body"].indexOf(Ue(s)) < 0; ) {
     var o = tt(s);
     if (o.transform !== "none" || o.perspective !== "none" || o.contain === "paint" || ["transform", "perspective"].indexOf(o.willChange) !== -1 || e && o.willChange === "filter" || e && o.filter && o.filter !== "none")
       return s;
@@ -5712,13 +5712,13 @@ function p7(t) {
   return null;
 }
 function Ja(t) {
-  for (var e = Se(t), a = gs(t); a && d7(a) && tt(a).position === "static"; )
-    a = gs(a);
+  for (var e = Se(t), a = Cs(t); a && d7(a) && tt(a).position === "static"; )
+    a = Cs(a);
   return a && (Ue(a) === "html" || Ue(a) === "body" && tt(a).position === "static") ? e : a || p7(t) || e;
 }
-var Re = "top", Ze = "bottom", vt = "right", Ge = "left", Fn = "auto", en = [Re, Ze, vt, Ge], qt = "start", da = "end", f7 = "clippingParents", oi = "viewport", sa = "popper", v7 = "reference", _s = /* @__PURE__ */ en.reduce(function(t, e) {
+var Re = "top", Ze = "bottom", vt = "right", Ge = "left", jn = "auto", en = [Re, Ze, vt, Ge], qt = "start", da = "end", f7 = "clippingParents", oi = "viewport", sa = "popper", v7 = "reference", gs = /* @__PURE__ */ en.reduce(function(t, e) {
   return t.concat([e + "-" + qt, e + "-" + da]);
-}, []), h7 = /* @__PURE__ */ [].concat(en, [Fn]).reduce(function(t, e) {
+}, []), h7 = /* @__PURE__ */ [].concat(en, [jn]).reduce(function(t, e) {
   return t.concat([e, e + "-" + qt, e + "-" + da]);
 }, []), m7 = "beforeRead", C7 = "read", g7 = "afterRead", _7 = "beforeMain", y7 = "main", b7 = "afterMain", w7 = "beforeWrite", $7 = "write", k7 = "afterWrite", S7 = [m7, C7, g7, _7, y7, b7, w7, $7, k7];
 function M7(t) {
@@ -5780,12 +5780,12 @@ function E7(t, e) {
   return {
     width: o,
     height: i,
-    x: r + Nn(t),
+    x: r + Rn(t),
     y: l
   };
 }
 function I7(t) {
-  var e, a = gt(t), n = Rn(t), s = (e = t.ownerDocument) == null ? void 0 : e.body, o = kt(a.scrollWidth, a.clientWidth, s ? s.scrollWidth : 0, s ? s.clientWidth : 0), i = kt(a.scrollHeight, a.clientHeight, s ? s.scrollHeight : 0, s ? s.clientHeight : 0), r = -n.scrollLeft + Nn(t), l = -n.scrollTop;
+  var e, a = gt(t), n = Bn(t), s = (e = t.ownerDocument) == null ? void 0 : e.body, o = kt(a.scrollWidth, a.clientWidth, s ? s.scrollWidth : 0, s ? s.clientWidth : 0), i = kt(a.scrollHeight, a.clientHeight, s ? s.scrollHeight : 0, s ? s.clientHeight : 0), r = -n.scrollLeft + Rn(t), l = -n.scrollTop;
   return tt(s || a).direction === "rtl" && (r += kt(a.clientWidth, s ? s.clientWidth : 0) - o), {
     width: o,
     height: i,
@@ -5797,7 +5797,7 @@ function L7(t, e) {
   var a = e.getRootNode && e.getRootNode();
   if (t.contains(e))
     return !0;
-  if (a && Bn(a)) {
+  if (a && Vn(a)) {
     var n = e;
     do {
       if (n && t.isSameNode(n))
@@ -5819,7 +5819,7 @@ function H7(t, e) {
   var a = Wt(t, !1, e === "fixed");
   return a.top = a.top + t.clientTop, a.left = a.left + t.clientLeft, a.bottom = a.top + t.clientHeight, a.right = a.left + t.clientWidth, a.width = t.clientWidth, a.height = t.clientHeight, a.x = a.left, a.y = a.top, a;
 }
-function ys(t, e, a) {
+function _s(t, e, a) {
   return e === oi ? _n(E7(t, a)) : Mt(e) ? H7(e, a) : _n(I7(gt(t)));
 }
 function D7(t) {
@@ -5830,9 +5830,9 @@ function D7(t) {
 }
 function P7(t, e, a, n) {
   var s = e === "clippingParents" ? D7(t) : [].concat(e), o = [].concat(s, [a]), i = o[0], r = o.reduce(function(l, c) {
-    var u = ys(t, c, n);
+    var u = _s(t, c, n);
     return l.top = kt(u.top, l.top), l.right = Na(u.right, l.right), l.bottom = Na(u.bottom, l.bottom), l.left = kt(u.left, l.left), l;
-  }, ys(t, i, n));
+  }, _s(t, i, n));
   return r.width = r.right - r.left, r.height = r.bottom - r.top, r.x = r.left, r.y = r.top, r;
 }
 function ct(t) {
@@ -5907,7 +5907,7 @@ function B7(t, e) {
     return a[n] = t, a;
   }, {});
 }
-function Un(t, e) {
+function Fn(t, e) {
   e === void 0 && (e = {});
   var a = e, n = a.placement, s = n === void 0 ? t.placement : n, o = a.strategy, i = o === void 0 ? t.strategy : o, r = a.boundary, l = r === void 0 ? f7 : r, c = a.rootBoundary, u = c === void 0 ? oi : c, f = a.elementContext, d = f === void 0 ? sa : f, C = a.altBoundary, b = C === void 0 ? !1 : C, y = a.padding, _ = y === void 0 ? 0 : y, h = V7(typeof _ != "number" ? _ : B7(_, en)), A = d === sa ? v7 : sa, w = t.rects.popper, E = t.elements[b ? A : d], D = P7(Mt(E) ? E : E.contextElement || gt(t.elements.popper), l, u, i), H = Wt(t.elements.reference), U = li({
     reference: H,
@@ -5929,12 +5929,12 @@ function Un(t, e) {
   }
   return I;
 }
-var bs = {
+var ys = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function ws() {
+function bs() {
   for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
     e[a] = arguments[a];
   return !e.some(function(n) {
@@ -5943,13 +5943,13 @@ function ws() {
 }
 function R7(t) {
   t === void 0 && (t = {});
-  var e = t, a = e.defaultModifiers, n = a === void 0 ? [] : a, s = e.defaultOptions, o = s === void 0 ? bs : s;
+  var e = t, a = e.defaultModifiers, n = a === void 0 ? [] : a, s = e.defaultOptions, o = s === void 0 ? ys : s;
   return function(r, l, c) {
     c === void 0 && (c = o);
     var u = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, bs, o),
+      options: Object.assign({}, ys, o),
       modifiersData: {},
       elements: {
         reference: r,
@@ -5978,7 +5978,7 @@ function R7(t) {
       forceUpdate: function() {
         if (!d) {
           var h = u.elements, A = h.reference, w = h.popper;
-          if (ws(A, w)) {
+          if (bs(A, w)) {
             u.rects = {
               reference: c7(A, Ja(w), u.options.strategy === "fixed"),
               popper: si(w)
@@ -6012,7 +6012,7 @@ function R7(t) {
         y(), d = !0;
       }
     };
-    if (!ws(r, l))
+    if (!bs(r, l))
       return C;
     C.setOptions(c).then(function(_) {
       !d && c.onFirstUpdate && c.onFirstUpdate(_);
@@ -6090,7 +6090,7 @@ function W7(t, e) {
     y: Zt(n * s) / s || 0
   };
 }
-function $s(t) {
+function ws(t) {
   var e, a = t.popper, n = t.popperRect, s = t.placement, o = t.variation, i = t.offsets, r = t.position, l = t.gpuAcceleration, c = t.adaptive, u = t.roundOffsets, f = t.isFixed, d = i.x, C = d === void 0 ? 0 : d, b = i.y, y = b === void 0 ? 0 : b, _ = typeof u == "function" ? u({
     x: C,
     y
@@ -6143,12 +6143,12 @@ function q7(t) {
     gpuAcceleration: s,
     isFixed: e.options.strategy === "fixed"
   };
-  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, $s(Object.assign({}, c, {
+  e.modifiersData.popperOffsets != null && (e.styles.popper = Object.assign({}, e.styles.popper, ws(Object.assign({}, c, {
     offsets: e.modifiersData.popperOffsets,
     position: e.options.strategy,
     adaptive: i,
     roundOffsets: l
-  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, $s(Object.assign({}, c, {
+  })))), e.modifiersData.arrow != null && (e.styles.arrow = Object.assign({}, e.styles.arrow, ws(Object.assign({}, c, {
     offsets: e.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -6219,7 +6219,7 @@ function J7(t, e, a) {
   return n > a ? a : n;
 }
 function ep(t) {
-  var e = t.state, a = t.options, n = t.name, s = a.mainAxis, o = s === void 0 ? !0 : s, i = a.altAxis, r = i === void 0 ? !1 : i, l = a.boundary, c = a.rootBoundary, u = a.altBoundary, f = a.padding, d = a.tether, C = d === void 0 ? !0 : d, b = a.tetherOffset, y = b === void 0 ? 0 : b, _ = Un(e, {
+  var e = t.state, a = t.options, n = t.name, s = a.mainAxis, o = s === void 0 ? !0 : s, i = a.altAxis, r = i === void 0 ? !1 : i, l = a.boundary, c = a.rootBoundary, u = a.altBoundary, f = a.padding, d = a.tether, C = d === void 0 ? !0 : d, b = a.tetherOffset, y = b === void 0 ? 0 : b, _ = Fn(e, {
     boundary: l,
     rootBoundary: c,
     padding: f,
@@ -6272,21 +6272,21 @@ var np = {
   start: "end",
   end: "start"
 };
-function ks(t) {
+function $s(t) {
   return t.replace(/start|end/g, function(e) {
     return np[e];
   });
 }
 function sp(t, e) {
   e === void 0 && (e = {});
-  var a = e, n = a.placement, s = a.boundary, o = a.rootBoundary, i = a.padding, r = a.flipVariations, l = a.allowedAutoPlacements, c = l === void 0 ? h7 : l, u = zt(n), f = u ? r ? _s : _s.filter(function(b) {
+  var a = e, n = a.placement, s = a.boundary, o = a.rootBoundary, i = a.padding, r = a.flipVariations, l = a.allowedAutoPlacements, c = l === void 0 ? h7 : l, u = zt(n), f = u ? r ? gs : gs.filter(function(b) {
     return zt(b) === u;
   }) : en, d = f.filter(function(b) {
     return c.indexOf(b) >= 0;
   });
   d.length === 0 && (d = f);
   var C = d.reduce(function(b, y) {
-    return b[y] = Un(t, {
+    return b[y] = Fn(t, {
       placement: y,
       boundary: s,
       rootBoundary: o,
@@ -6298,16 +6298,16 @@ function sp(t, e) {
   });
 }
 function ip(t) {
-  if (ct(t) === Fn)
+  if (ct(t) === jn)
     return [];
   var e = La(t);
-  return [ks(t), e, ks(e)];
+  return [$s(t), e, $s(e)];
 }
 function op(t) {
   var e = t.state, a = t.options, n = t.name;
   if (!e.modifiersData[n]._skip) {
     for (var s = a.mainAxis, o = s === void 0 ? !0 : s, i = a.altAxis, r = i === void 0 ? !0 : i, l = a.fallbackPlacements, c = a.padding, u = a.boundary, f = a.rootBoundary, d = a.altBoundary, C = a.flipVariations, b = C === void 0 ? !0 : C, y = a.allowedAutoPlacements, _ = e.options.placement, h = ct(_), A = h === _, w = l || (A || !b ? [La(_)] : ip(_)), E = [_].concat(w).reduce(function(re, x) {
-      return re.concat(ct(x) === Fn ? sp(e, {
+      return re.concat(ct(x) === jn ? sp(e, {
         placement: x,
         boundary: u,
         rootBoundary: f,
@@ -6316,7 +6316,7 @@ function op(t) {
         allowedAutoPlacements: y
       }) : x);
     }, []), D = e.rects.reference, H = e.rects.popper, U = /* @__PURE__ */ new Map(), F = !0, z = E[0], I = 0; I < E.length; I++) {
-      var K = E[I], R = ct(K), Z = zt(K) === qt, ie = [Re, Ze].indexOf(R) >= 0, O = ie ? "width" : "height", N = Un(e, {
+      var K = E[I], R = ct(K), Z = zt(K) === qt, ie = [Re, Ze].indexOf(R) >= 0, O = ie ? "width" : "height", N = Fn(e, {
         placement: K,
         boundary: u,
         rootBoundary: f,
@@ -7668,7 +7668,7 @@ const $e = /* @__PURE__ */ q({
     ]), 1536));
   }
 });
-var Ss;
+var ks;
 function Tt() {
   const t = Np(), e = t.appContext.config.globalProperties;
   return {
@@ -7693,10 +7693,10 @@ q({
     return () => {
       const a = t.translation, n = [];
       let s, o = 0;
-      for (; (s = Ss.exec(a)) !== null; ) {
+      for (; (s = ks.exec(a)) !== null; ) {
         n.push(a.substring(o, s.index));
         const i = e[s[1]];
-        i ? n.push(...i()) : n.push(s[0]), o = Ss.lastIndex;
+        i ? n.push(...i()) : n.push(s[0]), o = ks.lastIndex;
       }
       return n.push(a.substring(o)), n;
     };
@@ -7869,7 +7869,7 @@ const qp = ["onDrop", "onDragenter", "onDragover", "onDragleave"], zp = { class:
       o.forEach((u) => {
         document.body.addEventListener(u, (f) => f.preventDefault());
       });
-    }), $n(() => {
+    }), wn(() => {
       o.forEach((u) => {
         document.body.removeEventListener(
           u,
@@ -8169,7 +8169,7 @@ const yn = /* @__PURE__ */ q({
       e("update:modelValue", !a.modelValue);
     };
     return (s, o) => (p(), P(ce, {
-      color: s.modelValue ? s.color : Q(Sn).NEUTRAL,
+      color: s.modelValue ? s.color : Q(kn).NEUTRAL,
       "icon-position": "start",
       onClick: o[0] || (o[0] = () => n())
     }, null, 8, ["color"]));
@@ -8201,7 +8201,7 @@ const yn = /* @__PURE__ */ q({
 }, s9 = { class: "ao-fieldset ao-activity-details__aside-section" }, i9 = { class: "ao-fieldset__title" }, o9 = { class: "ao-fieldset__body" }, r9 = { class: "ao-field__row" }, l9 = { class: "ao-field ao-field--multiselect" }, u9 = { class: "ao-field__label" }, c9 = { class: "ao-field__row" }, d9 = { class: "ao-field ao-field--multiselect" }, p9 = { class: "ao-field__label" }, f9 = {
   key: 2,
   class: "ao-activity-details__aside-section ao-activity-details__aside-section--created-by"
-}, v9 = { class: "ao-activity__created-by" }, Zn = /* @__PURE__ */ q({
+}, v9 = { class: "ao-activity__created-by" }, Un = /* @__PURE__ */ q({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -8399,7 +8399,7 @@ const yn = /* @__PURE__ */ q({
       var m, L;
       return ((m = a.activity.createdBy) == null ? void 0 : m.firstName) && ((L = a.activity.createdBy) == null ? void 0 : L.lastName) && `${a.activity.createdBy.firstName} ${a.activity.createdBy.lastName}`;
     });
-    return (m, L) => (p(), P(In, {
+    return (m, L) => (p(), P(En, {
       onClose: L[10] || (L[10] = (J) => m.$emit("close"))
     }, {
       default: W(() => {
@@ -8859,7 +8859,7 @@ const m9 = { class: "ao-template-rules__body" }, C9 = { class: "ao-template-rule
     }, n = (s) => {
       e("removeRule", s);
     };
-    return (s, o) => (p(), P(In, null, {
+    return (s, o) => (p(), P(En, null, {
       header: W(() => [
         M(ye, {
           title: s.$t("template.rules.title"),
@@ -9234,7 +9234,7 @@ const _9 = {
           ])
         ]),
         (p(), P(Nt, { to: "body" }, [
-          u.value ? (p(), P(Zn, {
+          u.value ? (p(), P(Un, {
             key: 0,
             activity: u.value,
             "activity-types": S.activityTypes,
@@ -9285,7 +9285,7 @@ const A9 = {
 }, T9 = { class: "ao-card__body" }, O9 = {
   key: 1,
   class: "ao-card__footer"
-}, Wn = /* @__PURE__ */ q({
+}, Zn = /* @__PURE__ */ q({
   __name: "AoCard",
   props: {
     isClickable: { type: Boolean },
@@ -9317,7 +9317,7 @@ const A9 = {
     }, 8, ["class"]));
   }
 });
-const qn = /* @__PURE__ */ q({
+const Wn = /* @__PURE__ */ q({
   __name: "AoProgress",
   props: {
     percentages: {},
@@ -9332,7 +9332,7 @@ const qn = /* @__PURE__ */ q({
       (p(!0), g(ve, null, _e(a.value, (o) => (p(), g("div", {
         key: o,
         class: Y(["ao-progress__progress"]),
-        style: wn({ width: `${o * 100}%` })
+        style: As({ width: `${o * 100}%` })
       }, null, 4))), 128))
     ], 2));
   }
@@ -9377,7 +9377,7 @@ const E9 = { class: "ao-card-project-phase__header" }, I9 = { class: "ao-card-pr
       get: () => a.deadline ?? "",
       set: (c) => e("update:deadline", c != null && c.length ? c : null)
     });
-    return (c, u) => (p(), P(Wn, {
+    return (c, u) => (p(), P(Zn, {
       class: "ao-card-project-phase",
       "is-clickable": c.isEditable
     }, Ua({
@@ -9401,7 +9401,7 @@ const E9 = { class: "ao-card-project-phase__header" }, I9 = { class: "ao-card-pr
               }),
               v("span", D9, G(i.value) + " / " + G(o.value), 1)
             ]),
-            M(qn, {
+            M(Wn, {
               percentages: r.value,
               class: "ao-card-project-phase__progress"
             }, null, 8, ["percentages"]),
@@ -9425,7 +9425,7 @@ const E9 = { class: "ao-card-project-phase__header" }, I9 = { class: "ao-card-pr
                 { lazy: !0 }
               ]
             ]) : T("", !0),
-            v("span", V9, G(Q(Tn)(c.deadline)), 1)
+            v("span", V9, G(Q(An)(c.deadline)), 1)
           ], 2)
         ])
       ]),
@@ -9491,12 +9491,12 @@ const R9 = { class: "ao-card-project-milestone__default" }, N9 = {
     }), o = k(() => {
       var l;
       return (l = a.activities) == null ? void 0 : l.filter(
-        (c) => On(c, a.closedStatus)
+        (c) => Tn(c, a.closedStatus)
       ).length;
     }), i = k(() => (o.value || 0) / (s.value || 1)), r = (l) => {
       e("updateMilestone", { id: a.id, name: l });
     };
-    return (l, c) => (p(), P(Wn, {
+    return (l, c) => (p(), P(Zn, {
       class: Y([
         "ao-card-project-milestone",
         { "ao-card-project-milestone--selected": l.isSelected }
@@ -9538,7 +9538,7 @@ const R9 = { class: "ao-card-project-milestone__default" }, N9 = {
                 }),
                 v("span", Z9, G(o.value) + " / " + G(s.value), 1)
               ]),
-              M(qn, {
+              M(Wn, {
                 percentages: i.value,
                 class: "ao-card-project-milestone__progress"
               }, null, 8, ["percentages"])
@@ -9560,7 +9560,7 @@ const R9 = { class: "ao-card-project-milestone__default" }, N9 = {
             size: "sm"
           }, null, 8, ["class"])) : T("", !0),
           l.deadline ? (p(), g("label", z9, [
-            v("span", x9, G(Q(Tn)(l.deadline)), 1)
+            v("span", x9, G(Q(An)(l.deadline)), 1)
           ])) : T("", !0),
           l.assignee ? (p(), g("div", Y9, [
             M(Je, {
@@ -9799,7 +9799,7 @@ const lv = ["onSubmit"], uv = { class: "ao-add-template-modal__form-body" }, cv
     }, i = () => {
       s.value && e("apply", s.value, a.projectId);
     };
-    return (r, l) => (p(), P(In, { size: "sm" }, {
+    return (r, l) => (p(), P(En, { size: "sm" }, {
       header: W(() => [
         M(ye, {
           title: r.$t("project.template.add.title"),
@@ -10123,7 +10123,7 @@ const _v = { class: "ao-card-feed__header" }, yv = {
         id: a.id,
         name: d
       });
-    }, o = k(() => a.tagType === "milestone" && a.phaseName ? `${a.phaseName}` : a.phaseName && a.milestoneName ? `${a.phaseName} / ${a.milestoneName}` : ""), i = k(() => a.assignee ? [a.assignee] : []), r = k(() => Tn(a.deadline)), l = (d) => {
+    }, o = k(() => a.tagType === "milestone" && a.phaseName ? `${a.phaseName}` : a.phaseName && a.milestoneName ? `${a.phaseName} / ${a.milestoneName}` : ""), i = k(() => a.assignee ? [a.assignee] : []), r = k(() => An(a.deadline)), l = (d) => {
       e("removeAssignee", d);
     }, c = k(() => {
       var d;
@@ -10132,13 +10132,13 @@ const _v = { class: "ao-card-feed__header" }, yv = {
       var d;
       return (d = a.tasks) == null ? void 0 : d.filter((C) => C.isDone).length;
     }), f = k(() => (u.value || 0) / (c.value || 1));
-    return (d, C) => (p(), P(Wn, {
+    return (d, C) => (p(), P(Zn, {
       class: Y(["ao-card-feed", { "ao-card-feed--closed": d.isClosed }]),
       "is-clickable": !0
     }, {
       header: W(() => [
         v("div", _v, [
-          n.value ? (p(), P(Mn, {
+          n.value ? (p(), P(Sn, {
             key: 0,
             label: n.value,
             class: "ao-card-feed__project",
@@ -10228,7 +10228,7 @@ const _v = { class: "ao-card-feed__header" }, yv = {
                 }),
                 v("span", Rv, G(u.value) + " / " + G(c.value), 1)
               ]),
-              M(qn, {
+              M(Wn, {
                 percentages: f.value,
                 class: "ao-card-feed__progress"
               }, null, 8, ["percentages"])
@@ -10247,11 +10247,11 @@ const _v = { class: "ao-card-feed__header" }, yv = {
   */
 function wt(t) {
   let e = { r: 0, g: 0, b: 0, a: 1 };
-  /#/.test(t) ? e = jv(t) : /rgb/.test(t) ? e = Ms(t) : typeof t == "string" ? e = Ms(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
+  /#/.test(t) ? e = jv(t) : /rgb/.test(t) ? e = Ss(t) : typeof t == "string" ? e = Ss(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
   const { r: a, g: n, b: s, a: o } = e, { h: i, s: r, v: l } = Fv(e);
   return { r: a, g: n, b: s, a: o === void 0 ? 1 : o, h: i, s: r, v: l };
 }
-function zn(t) {
+function qn(t) {
   const e = document.createElement("canvas"), a = e.getContext("2d"), n = t * 2;
   return e.width = n, e.height = n, a.fillStyle = "#ffffff", a.fillRect(0, 0, n, n), a.fillStyle = "#ccd5db", a.fillRect(0, 0, t, t), a.fillRect(t, t, t, t), e;
 }
@@ -10272,7 +10272,7 @@ function jv(t) {
     b: e(t.slice(4, 6))
   };
 }
-function Ms(t) {
+function Ss(t) {
   return typeof t == "string" ? (t = (/rgba?\((.*?)\)/.exec(t) || ["", "0,0,0,1"])[1].split(","), {
     r: Number(t[0]) || 0,
     g: Number(t[1]) || 0,
@@ -10288,7 +10288,7 @@ function Fv({ r: t, g: e, b: a }) {
   let r = parseFloat((n === 0 ? 0 : 1 - s / n).toFixed(2)), l = parseFloat(n.toFixed(2));
   return { h: i, s: r, v: l };
 }
-var xn = q({
+var zn = q({
   props: {
     color: {
       type: String,
@@ -10378,9 +10378,9 @@ function Zv(t, e, a, n, s, o) {
     /* HYDRATE_EVENTS */
   );
 }
-xn.render = Zv;
-xn.__file = "src/color/Saturation.vue";
-var Yn = q({
+zn.render = Zv;
+zn.__file = "src/color/Saturation.vue";
+var xn = q({
   props: {
     hsv: {
       type: Object,
@@ -10464,9 +10464,9 @@ function qv(t, e, a, n, s, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Yn.render = qv;
-Yn.__file = "src/color/Hue.vue";
-var Kn = q({
+xn.render = qv;
+xn.__file = "src/color/Hue.vue";
+var Yn = q({
   props: {
     color: {
       type: String,
@@ -10505,7 +10505,7 @@ var Kn = q({
   },
   methods: {
     renderColor() {
-      const t = this.$refs.canvasAlpha, e = this.width, a = this.height, n = this.alphaSize, s = zn(n), o = t.getContext("2d");
+      const t = this.$refs.canvasAlpha, e = this.width, a = this.height, n = this.alphaSize, s = qn(n), o = t.getContext("2d");
       t.width = e, t.height = a, o.fillStyle = o.createPattern(s, "repeat"), o.fillRect(0, 0, e, a), bn("p", o, e, a, "rgba(255,255,255,0)", this.color);
     },
     renderSlide() {
@@ -10559,9 +10559,9 @@ function xv(t, e, a, n, s, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Kn.render = xv;
-Kn.__file = "src/color/Alpha.vue";
-var Gn = q({
+Yn.render = xv;
+Yn.__file = "src/color/Alpha.vue";
+var Kn = q({
   props: {
     color: {
       type: String,
@@ -10591,7 +10591,7 @@ var Gn = q({
   },
   methods: {
     renderColor() {
-      const t = this.$el, e = this.width, a = this.height, n = this.alphaSize, s = zn(n), o = t.getContext("2d");
+      const t = this.$el, e = this.width, a = this.height, n = this.alphaSize, s = qn(n), o = t.getContext("2d");
       t.width = e, t.height = a, o.fillStyle = o.createPattern(s, "repeat"), o.fillRect(0, 0, e, a), o.fillStyle = this.color, o.fillRect(0, 0, e, a);
     }
   }
@@ -10599,9 +10599,9 @@ var Gn = q({
 function Yv(t, e, a, n, s, o) {
   return p(), P("canvas");
 }
-Gn.render = Yv;
-Gn.__file = "src/color/Preview.vue";
-var Xn = q({
+Kn.render = Yv;
+Kn.__file = "src/color/Preview.vue";
+var Gn = q({
   props: {
     suckerCanvas: {
       type: Object,
@@ -10728,9 +10728,9 @@ function Qv(t, e, a, n, s, o) {
     ])) : T("v-if", !0)
   ]);
 }
-Xn.render = Qv;
-Xn.__file = "src/color/Sucker.vue";
-var Qn = q({
+Gn.render = Qv;
+Gn.__file = "src/color/Sucker.vue";
+var Xn = q({
   props: {
     name: {
       type: String,
@@ -10787,9 +10787,9 @@ function t4(t, e, a, n, s, o) {
     ])
   ]);
 }
-Qn.render = t4;
-Qn.__file = "src/color/Box.vue";
-var Jn = q({
+Xn.render = t4;
+Xn.__file = "src/color/Box.vue";
+var Qn = q({
   name: "ColorPicker",
   props: {
     color: {
@@ -10808,7 +10808,7 @@ var Jn = q({
   emits: ["selectColor"],
   setup(t, { emit: e }) {
     const a = ee(), n = ee([]), s = ee();
-    t.colorsHistoryKey && localStorage && (n.value = JSON.parse(localStorage.getItem(t.colorsHistoryKey)) || []), s.value = zn(4).toDataURL(), $n(() => {
+    t.colorsHistoryKey && localStorage && (n.value = JSON.parse(localStorage.getItem(t.colorsHistoryKey)) || []), s.value = qn(4).toDataURL(), wn(() => {
       o(a.value);
     });
     function o(r) {
@@ -10905,17 +10905,17 @@ function s4(t, e, a, n, s, o) {
     ])) : T("v-if", !0)
   ]);
 }
-Jn.render = s4;
-Jn.__file = "src/color/Colors.vue";
+Qn.render = s4;
+Qn.__file = "src/color/Colors.vue";
 var Rt = q({
   components: {
-    Saturation: xn,
-    Hue: Yn,
-    Alpha: Kn,
-    Preview: Gn,
-    Sucker: Xn,
-    Box: Qn,
-    Colors: Jn
+    Saturation: zn,
+    Hue: xn,
+    Alpha: Yn,
+    Preview: Kn,
+    Sucker: Gn,
+    Box: Xn,
+    Colors: Qn
   },
   emits: ["changeColor", "openSucker", "inputFocus", "inputBlur"],
   props: {
@@ -11198,12 +11198,7 @@ function u4(t, e, a, n, s, o) {
     v("button", {
       class: "color-button",
       onClick: e[0] || (e[0] = (...r) => o.togglePicker && o.togglePicker(...r))
-    }, [
-      v("span", {
-        style: wn({ backgroundColor: s.color }),
-        class: "color-preview"
-      }, null, 4)
-    ]),
+    }),
     s.showPicker ? (p(), P(i, {
       key: 0,
       class: "color-picker",
@@ -11219,7 +11214,7 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
 }, C4 = { class: "ao-field__row ao-milestone__field-row" }, g4 = { class: "ao-field ao-field--inline" }, _4 = { class: "ao-field__row ao-milestone__field-row" }, y4 = { class: "ao-field ao-milestone__field-multiselect" }, b4 = { class: "ao-project-milestone__body" }, w4 = {
   key: 0,
   class: "ao-project-milestone__footer"
-}, As = /* @__PURE__ */ q({
+}, Ms = /* @__PURE__ */ q({
   __name: "AoProjectOverviewMilestoneDetails",
   props: {
     milestoneId: {},
@@ -11282,7 +11277,7 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
           deadline: h != null && h.length ? h : null
         });
       }
-    }), C = (h) => a.closedStatus ? On(h, a.closedStatus) : !1, b = k(() => {
+    }), C = (h) => a.closedStatus ? Tn(h, a.closedStatus) : !1, b = k(() => {
       var h;
       return ((h = a.users) == null ? void 0 : h.map((A) => ({
         label: `${A.firstName} ${A.lastName}`,
@@ -11528,7 +11523,7 @@ const $4 = /* @__PURE__ */ q({
     };
     return (_, h) => {
       var A, w;
-      return i.value ? (p(), P(Zn, {
+      return i.value ? (p(), P(Un, {
         key: 0,
         activity: i.value,
         "activity-types": _.activityTypes,
@@ -11574,7 +11569,7 @@ const $4 = /* @__PURE__ */ q({
         class: "ao-col-header__title",
         level: 4
       }, null, 8, ["title"]),
-      e.items ? (p(), P(Mn, {
+      e.items ? (p(), P(Sn, {
         key: 0,
         label: e.items,
         class: "ao-col-header__items",
@@ -12118,7 +12113,7 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
           }, null, 8, ["status", "list", "title", "footer-label", "users", "user-id", "is-editable", "tagType", "onAdd"]))), 128))
         ]),
         (p(), P(Nt, { to: "body" }, [
-          O.selectedActivity ? (p(), P(Zn, {
+          O.selectedActivity ? (p(), P(Un, {
             key: 0,
             activity: O.selectedActivity,
             "activity-types": O.activityTypes,
@@ -12197,7 +12192,7 @@ const Dt = {
           {
             path: ":phaseId/:milestoneId",
             name: Ye.milestone,
-            component: As,
+            component: Ms,
             props: !0
           },
           {
@@ -12205,7 +12200,7 @@ const Dt = {
             name: Ye.activity,
             props: { default: !0, modal: !0 },
             components: {
-              default: As,
+              default: Ms,
               modal: $4
             }
           }