@26lights/orcha 0.41.83 → 0.41.85

package/dist/orcha.es.js

@@ -1260,49 +1260,49 @@ const be = /* @__PURE__ */ q({
   setup(t, { emit: e }) {
     const a = t, s = Y(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = Hn(s), r = A(() => n.value ? "input" : a.tag || `h${a.level}`), d = A(() => a.isEditable ? n.value ? {
       change: u,
-      click: (y) => y.stopPropagation(),
+      click: (_) => _.stopPropagation(),
       blur: p
     } : {
       click: w,
       focus: w
-    } : {}), u = i((y, g) => {
+    } : {}), u = i((_, g) => {
       const m = g.target.value;
       e("update:title", m);
     }), c = l(), p = async () => {
       n.value && o(!1);
     }, h = () => {
       e("toggle-is-editing", !1);
-    }, w = (y) => {
-      y.stopPropagation(), n.value || o(!0);
+    }, w = (_) => {
+      _.stopPropagation(), n.value || o(!0);
     };
     return ce(
       () => a.isEditable,
-      (y) => {
-        y || c();
+      (_) => {
+        _ || c();
       }
-    ), (y, g) => (v(), D(mt(r.value), Ae({
-      id: y.id,
+    ), (_, g) => (v(), D(mt(r.value), Ae({
+      id: _.id,
       ref_key: "target",
       ref: s,
       class: [
         "ao-title",
-        `ao-title--${y.level}`,
+        `ao-title--${_.level}`,
         {
-          [`ao-title--${y.color}`]: !!y.color,
-          "ao-title--editable": y.isEditable,
+          [`ao-title--${_.color}`]: !!_.color,
+          "ao-title--editable": _.isEditable,
           "ao-field__input ao-title--editing": Q(n),
           "ao-title--readonly": !Q(n)
         }
       ],
       type: Q(n) ? "text" : null,
-      value: Q(n) ? y.title : null,
+      value: Q(n) ? _.title : null,
       tabindex: "0",
       onKeyup: dt(h, ["enter"])
     }, ji(d.value), {
       onKeydown: dt(Q(c), ["esc"])
     }), {
       default: N(() => [
-        qa(W(y.title), 1)
+        qa(W(_.title), 1)
       ]),
       _: 1
     }, 16, ["id", "class", "type", "value", "onKeyup", "onKeydown"]));
@@ -1609,10 +1609,10 @@ function Nn(t, e) {
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
   var w = /* @__PURE__ */ new Date(0);
   w.setUTCFullYear(c + 1, 0, h), w.setUTCHours(0, 0, 0, 0);
-  var y = Na(w, e), g = /* @__PURE__ */ new Date(0);
+  var _ = Na(w, e), g = /* @__PURE__ */ new Date(0);
   g.setUTCFullYear(c, 0, h), g.setUTCHours(0, 0, 0, 0);
   var $ = Na(g, e);
-  return u.getTime() >= y.getTime() ? c + 1 : u.getTime() >= $.getTime() ? c : c - 1;
+  return u.getTime() >= _.getTime() ? c + 1 : u.getTime() >= $.getTime() ? c : c - 1;
 }
 function r0(t, e) {
   var a, s, n, o, i, l, r, d;
@@ -2734,12 +2734,12 @@ var n3 = {
 const Fn = n3;
 var i3 = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, o3 = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, l3 = /^'([^]*?)'?$/, r3 = /''/g, u3 = /[a-zA-Z]/;
 function Zn(t, e, a) {
-  var s, n, o, i, l, r, d, u, c, p, h, w, y, g, $, m, _, P;
+  var s, n, o, i, l, r, d, u, c, p, h, w, _, g, $, m, y, P;
   Ce(2, arguments);
   var I = String(e), L = ga(), F = (s = (n = a == null ? void 0 : a.locale) !== null && n !== void 0 ? n : L.locale) !== null && s !== void 0 ? s : Fn, z = Qe((o = (i = (l = (r = a == null ? void 0 : a.firstWeekContainsDate) !== null && r !== void 0 ? r : a == null || (d = a.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && l !== void 0 ? l : L.firstWeekContainsDate) !== null && i !== void 0 ? i : (c = L.locale) === null || c === void 0 || (p = c.options) === null || p === void 0 ? void 0 : p.firstWeekContainsDate) !== null && o !== void 0 ? o : 1);
   if (!(z >= 1 && z <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var K = Qe((h = (w = (y = (g = a == null ? void 0 : a.weekStartsOn) !== null && g !== void 0 ? g : a == null || ($ = a.locale) === null || $ === void 0 || (m = $.options) === null || m === void 0 ? void 0 : m.weekStartsOn) !== null && y !== void 0 ? y : L.weekStartsOn) !== null && w !== void 0 ? w : (_ = L.locale) === null || _ === void 0 || (P = _.options) === null || P === void 0 ? void 0 : P.weekStartsOn) !== null && h !== void 0 ? h : 0);
+  var K = Qe((h = (w = (_ = (g = a == null ? void 0 : a.weekStartsOn) !== null && g !== void 0 ? g : a == null || ($ = a.locale) === null || $ === void 0 || (m = $.options) === null || m === void 0 ? void 0 : m.weekStartsOn) !== null && _ !== void 0 ? _ : L.weekStartsOn) !== null && w !== void 0 ? w : (y = L.locale) === null || y === void 0 || (P = y.options) === null || P === void 0 ? void 0 : P.weekStartsOn) !== null && h !== void 0 ? h : 0);
   if (!(K >= 0 && K <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!F.localize)
@@ -2783,7 +2783,7 @@ function c3(t) {
 function d3(t, e, a) {
   var s, n, o, i, l, r, d, u, c, p;
   Ce(2, arguments);
-  var h = $e(t), w = $e(e), y = ga(), g = (s = (n = a == null ? void 0 : a.locale) !== null && n !== void 0 ? n : y.locale) !== null && s !== void 0 ? s : Fn, $ = Qe((o = (i = (l = (r = a == null ? void 0 : a.weekStartsOn) !== null && r !== void 0 ? r : a == null || (d = a.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && l !== void 0 ? l : y.weekStartsOn) !== null && i !== void 0 ? i : (c = y.locale) === null || c === void 0 || (p = c.options) === null || p === void 0 ? void 0 : p.weekStartsOn) !== null && o !== void 0 ? o : 0);
+  var h = $e(t), w = $e(e), _ = ga(), g = (s = (n = a == null ? void 0 : a.locale) !== null && n !== void 0 ? n : _.locale) !== null && s !== void 0 ? s : Fn, $ = Qe((o = (i = (l = (r = a == null ? void 0 : a.weekStartsOn) !== null && r !== void 0 ? r : a == null || (d = a.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && l !== void 0 ? l : _.weekStartsOn) !== null && i !== void 0 ? i : (c = _.locale) === null || c === void 0 || (p = c.options) === null || p === void 0 ? void 0 : p.weekStartsOn) !== null && o !== void 0 ? o : 0);
   if (!g.localize)
     throw new RangeError("locale must contain localize property");
   if (!g.formatLong)
@@ -2793,9 +2793,9 @@ function d3(t, e, a) {
   var m = e0(h, w);
   if (isNaN(m))
     throw new RangeError("Invalid time value");
-  var _;
-  m < -6 ? _ = "other" : m < -1 ? _ = "lastWeek" : m < 0 ? _ = "yesterday" : m < 1 ? _ = "today" : m < 2 ? _ = "tomorrow" : m < 7 ? _ = "nextWeek" : _ = "other";
-  var P = ws(h, ua(h)), I = ws(w, ua(w)), L = g.formatRelative(_, P, I, {
+  var y;
+  m < -6 ? y = "other" : m < -1 ? y = "lastWeek" : m < 0 ? y = "yesterday" : m < 1 ? y = "today" : m < 2 ? y = "tomorrow" : m < 7 ? y = "nextWeek" : y = "other";
+  var P = ws(h, ua(h)), I = ws(w, ua(w)), L = g.formatRelative(y, P, I, {
     locale: g,
     weekStartsOn: $
   });
@@ -3500,20 +3500,20 @@ function xn() {
       }
       let c;
       for (let w = r.getScale(); w > 0; d = c) {
-        const y = w - 1, g = r.setScale(y, !0);
-        if (c = d.setScale(y, !1), g.compareTo(c) === 0)
+        const _ = w - 1, g = r.setScale(_, !0);
+        if (c = d.setScale(_, !1), g.compareTo(c) === 0)
           return n.checkMid(i, l, g);
         if (g.compareTo(c) > 0)
           break;
-        w = y, r = g;
+        w = _, r = g;
       }
       let p = n.middleInternal(i, l, r, d), h;
       for (let w = p.getScale(); w > 0; w = h) {
         h = w - 1;
-        const y = p.setScale(h);
-        if (i.compareTo(y) >= 0 || y.compareTo(l) >= 0)
+        const _ = p.setScale(h);
+        if (i.compareTo(_) >= 0 || _.compareTo(l) >= 0)
           break;
-        p = y;
+        p = _;
       }
       return p;
     }
@@ -4397,13 +4397,13 @@ const F5 = async (t, e, a) => {
     x: u,
     y: c
   } = _n(d, s, r), p = s, h = {}, w = 0;
-  for (let y = 0; y < l.length; y++) {
+  for (let _ = 0; _ < l.length; _++) {
     const {
       name: g,
       fn: $
-    } = l[y], {
+    } = l[_], {
       x: m,
-      y: _,
+      y,
       data: P,
       reset: I
     } = await $({
@@ -4420,7 +4420,7 @@ const F5 = async (t, e, a) => {
         floating: e
       }
     });
-    if (u = m ?? u, c = _ ?? c, h = {
+    if (u = m ?? u, c = y ?? c, h = {
       ...h,
       [g]: {
         ...h[g],
@@ -4434,7 +4434,7 @@ const F5 = async (t, e, a) => {
       }) : I.rects), {
         x: u,
         y: c
-      } = _n(d, p, r)), y = -1;
+      } = _n(d, p, r)), _ = -1;
       continue;
     }
   }
@@ -4471,7 +4471,7 @@ async function Jn(t, e) {
     ...i.floating,
     x: s,
     y: n
-  } : i.reference, _ = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), P = await (o.isElement == null ? void 0 : o.isElement(_)) ? await (o.getScale == null ? void 0 : o.getScale(_)) || {
+  } : i.reference, y = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), P = await (o.isElement == null ? void 0 : o.isElement(y)) ? await (o.getScale == null ? void 0 : o.getScale(y)) || {
     x: 1,
     y: 1
   } : {
@@ -4479,7 +4479,7 @@ async function Jn(t, e) {
     y: 1
   }, I = Za(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: m,
-    offsetParent: _,
+    offsetParent: y,
     strategy: r
   }) : m);
   return {
@@ -4508,17 +4508,17 @@ const Z5 = function(t) {
         fallbackPlacements: p,
         fallbackStrategy: h = "bestFit",
         fallbackAxisSideDirection: w = "none",
-        flipAlignment: y = !0,
+        flipAlignment: _ = !0,
         ...g
       } = Ds(t, e);
       if ((a = o.arrow) != null && a.alignmentOffset)
         return {};
-      const $ = Zt(n), m = Zt(l) === l, _ = await (r.isRTL == null ? void 0 : r.isRTL(d.floating)), P = p || (m || !y ? [Fa(l)] : B5(l));
-      !p && w !== "none" && P.push(...R5(l, y, w, _));
+      const $ = Zt(n), m = Zt(l) === l, y = await (r.isRTL == null ? void 0 : r.isRTL(d.floating)), P = p || (m || !_ ? [Fa(l)] : B5(l));
+      !p && w !== "none" && P.push(...R5(l, _, w, y));
       const I = [l, ...P], L = await Jn(e, g), F = [];
       let z = ((s = o.flip) == null ? void 0 : s.overflows) || [];
       if (u && F.push(L[$]), c) {
-        const j = D5(n, i, _);
+        const j = D5(n, i, y);
         F.push(L[j[0]], L[j[1]]);
       }
       if (z = [...z, {
@@ -4578,25 +4578,25 @@ const Z5 = function(t) {
         width: p,
         height: h
       } = s.floating;
-      let w, y;
-      d === "top" || d === "bottom" ? (w = d, y = u === (await (n.isRTL == null ? void 0 : n.isRTL(o.floating)) ? "start" : "end") ? "left" : "right") : (y = d, w = u === "end" ? "top" : "bottom");
-      const g = h - r[w], $ = p - r[y], m = !e.middlewareData.shift;
-      let _ = g, P = $;
+      let w, _;
+      d === "top" || d === "bottom" ? (w = d, _ = u === (await (n.isRTL == null ? void 0 : n.isRTL(o.floating)) ? "start" : "end") ? "left" : "right") : (_ = d, w = u === "end" ? "top" : "bottom");
+      const g = h - r[w], $ = p - r[_], m = !e.middlewareData.shift;
+      let y = g, P = $;
       if (c) {
         const L = p - r.left - r.right;
         P = u || m ? da($, L) : L;
       } else {
         const L = h - r.top - r.bottom;
-        _ = u || m ? da(g, L) : L;
+        y = u || m ? da(g, L) : L;
       }
       if (m && !u) {
         const L = He(r.left, 0), F = He(r.right, 0), z = He(r.top, 0), K = He(r.bottom, 0);
-        c ? P = p - 2 * (L !== 0 || F !== 0 ? L + F : He(r.left, r.right)) : _ = h - 2 * (z !== 0 || K !== 0 ? z + K : He(r.top, r.bottom));
+        c ? P = p - 2 * (L !== 0 || F !== 0 ? L + F : He(r.left, r.right)) : y = h - 2 * (z !== 0 || K !== 0 ? z + K : He(r.top, r.bottom));
       }
       await i({
         ...e,
         availableWidth: P,
-        availableHeight: _
+        availableHeight: y
       });
       const I = await n.getDimensions(o.floating);
       return p !== I.width || h !== I.height ? {
@@ -4745,8 +4745,8 @@ function Ot(t, e, a, s) {
     const p = Te(o), h = s && et(s) ? Te(s) : s;
     let w = p.frameElement;
     for (; w && s && h !== p; ) {
-      const y = Nt(w), g = w.getBoundingClientRect(), $ = je(w), m = g.left + (w.clientLeft + parseFloat($.paddingLeft)) * y.x, _ = g.top + (w.clientTop + parseFloat($.paddingTop)) * y.y;
-      r *= y.x, d *= y.y, u *= y.x, c *= y.y, r += m, d += _, w = Te(w).frameElement;
+      const _ = Nt(w), g = w.getBoundingClientRect(), $ = je(w), m = g.left + (w.clientLeft + parseFloat($.paddingLeft)) * _.x, y = g.top + (w.clientTop + parseFloat($.paddingTop)) * _.y;
+      r *= _.x, d *= _.y, u *= _.x, c *= _.y, r += m, d += y, w = Te(w).frameElement;
     }
   }
   return Za({
@@ -4957,21 +4957,21 @@ function l7(t, e) {
     } = t.getBoundingClientRect();
     if (l || e(), !c || !p)
       return;
-    const h = Pa(u), w = Pa(n.clientWidth - (d + c)), y = Pa(n.clientHeight - (u + p)), g = Pa(d), m = {
-      rootMargin: -h + "px " + -w + "px " + -y + "px " + -g + "px",
+    const h = Pa(u), w = Pa(n.clientWidth - (d + c)), _ = Pa(n.clientHeight - (u + p)), g = Pa(d), m = {
+      rootMargin: -h + "px " + -w + "px " + -_ + "px " + -g + "px",
       threshold: He(0, da(1, r)) || 1
     };
-    let _ = !0;
+    let y = !0;
     function P(I) {
       const L = I[0].intersectionRatio;
       if (L !== r) {
-        if (!_)
+        if (!y)
           return i();
         L ? i(!1, L) : s = setTimeout(() => {
           i(!1, 1e-7);
         }, 100);
       }
-      _ = !1;
+      y = !1;
     }
     try {
       a = new IntersectionObserver(P, {
@@ -5008,11 +5008,11 @@ function r7(t, e, a, s) {
       h && h.observe(e);
     })), a();
   }), d && !r && h.observe(d), h.observe(e));
-  let w, y = r ? Ot(t) : null;
+  let w, _ = r ? Ot(t) : null;
   r && g();
   function g() {
     const $ = Ot(t);
-    y && ($.x !== y.x || $.y !== y.y || $.width !== y.width || $.height !== y.height) && a(), y = $, w = requestAnimationFrame(g);
+    _ && ($.x !== _.x || $.y !== _.y || $.width !== _.width || $.height !== _.height) && a(), _ = $, w = requestAnimationFrame(g);
   }
   return a(), () => {
     u.forEach(($) => {
@@ -5135,8 +5135,8 @@ function v7(t, e, a) {
   }, c = (p) => {
     if (s && s.value) {
       let w = (p.clipboardData || /* istanbul ignore next */
-      window.clipboardData).getData("Text"), y = s.value;
-      typeof y == "string" && (y = new RegExp(y)), w.split("").every((g) => !!g.match(y)) || p.preventDefault();
+      window.clipboardData).getData("Text"), _ = s.value;
+      typeof _ == "string" && (_ = new RegExp(_)), w.split("").every((g) => !!g.match(_)) || p.preventDefault();
     }
     e.emit("paste", p, n);
   };
@@ -5188,11 +5188,11 @@ function g7(t, e, a) {
     appendNewOption: p,
     multipleLabel: h,
     object: w,
-    loading: y,
+    loading: _,
     delay: g,
     resolveOnLoad: $,
     minChars: m,
-    filterResults: _,
+    filterResults: y,
     clearOnSearch: P,
     clearOnSelect: I,
     valueProp: L,
@@ -5286,7 +5286,7 @@ function g7(t, e, a) {
       case "tags":
         return [];
     }
-  }), wi = A(() => y.value || Ie.value), Ht = (S) => {
+  }), wi = A(() => _.value || Ie.value), Ht = (S) => {
     switch (typeof S != "object" && (S = Ke(S)), n.value) {
       case "single":
         ke(S);
@@ -5393,7 +5393,7 @@ function g7(t, e, a) {
     (B) => x.value ? B.__VISIBLE__.length : B[E.value].length
   ) : S.filter((B) => x.value ? B.__VISIBLE__.length : !0), fs = (S, B = !0) => {
     let ue = S;
-    if (x.value && _.value) {
+    if (x.value && y.value) {
       let ge = oe.value;
       ge || (ge = ($t, cn, X4) => wt.value.some((Hi) => {
         let dn = ys(ka($t[Hi]), ae.value);
@@ -5524,7 +5524,7 @@ function C7(t, e, a) {
     groupSelect: d,
     disabledProp: u,
     groupOptions: c
-  } = Ee(t), p = a.fo, h = a.fg, w = a.handleOptionClick, y = a.handleGroupClick, g = a.search, $ = a.pointer, m = a.setPointer, _ = a.clearPointer, P = a.multiselect, I = a.isOpen, L = A(() => p.value.filter((H) => !H[u.value])), F = A(() => h.value.filter((H) => !H[u.value])), z = A(() => r.value !== "single" && d.value), K = A(() => $.value && $.value.group), J = A(() => ne($.value)), ae = A(() => {
+  } = Ee(t), p = a.fo, h = a.fg, w = a.handleOptionClick, _ = a.handleGroupClick, g = a.search, $ = a.pointer, m = a.setPointer, y = a.clearPointer, P = a.multiselect, I = a.isOpen, L = A(() => p.value.filter((H) => !H[u.value])), F = A(() => h.value.filter((H) => !H[u.value])), z = A(() => r.value !== "single" && d.value), K = A(() => $.value && $.value.group), J = A(() => ne($.value)), ae = A(() => {
     const H = K.value ? $.value : (
       /* istanbul ignore next */
       ne($.value)
@@ -5543,7 +5543,7 @@ function C7(t, e, a) {
   }), E = A(() => [...ae.value.__VISIBLE__.filter((H) => !H[u.value])].slice(-1)[0]), T = A(() => [...G.value.__VISIBLE__.filter((H) => !H[u.value])].slice(-1)[0]), k = (H) => $.value && (!H.group && $.value[s.value] === H[s.value] || H.group !== void 0 && $.value[i.value] === H[i.value]) ? !0 : void 0, R = () => {
     m(L.value[0] || null);
   }, b = () => {
-    !$.value || $.value[u.value] === !0 || (K.value ? y($.value) : w($.value));
+    !$.value || $.value[u.value] === !0 || (K.value ? _($.value) : w($.value));
   }, V = () => {
     if ($.value === null)
       m((l.value && z.value ? F.value[0].__CREATE__ ? L.value[0] : F.value[0] : L.value[0]) || null);
@@ -5581,7 +5581,7 @@ function C7(t, e, a) {
     l.value && (x = K.value ? H.parentElement.parentElement.parentElement : H.parentElement.parentElement.parentElement.parentElement), H.offsetTop + H.offsetHeight > x.clientHeight + x.scrollTop && (x.scrollTop = H.offsetTop + H.offsetHeight - x.clientHeight), H.offsetTop < x.scrollTop && (x.scrollTop = H.offsetTop);
   };
   return ce(g, (H) => {
-    o.value && (H.length && n.value ? R() : _());
+    o.value && (H.length && n.value ? R() : y());
   }), ce(I, (H) => {
     if (H) {
       let x = P.value.querySelectorAll("[data-selected]")[0];
@@ -5961,12 +5961,12 @@ function K7(t, e) {
 }
 function qs(t, e) {
   e === void 0 && (e = {});
-  var a = e, s = a.placement, n = s === void 0 ? t.placement : s, o = a.strategy, i = o === void 0 ? t.strategy : o, l = a.boundary, r = l === void 0 ? S7 : l, d = a.rootBoundary, u = d === void 0 ? ci : d, c = a.elementContext, p = c === void 0 ? ia : c, h = a.altBoundary, w = h === void 0 ? !1 : h, y = a.padding, g = y === void 0 ? 0 : y, $ = x7(typeof g != "number" ? g : K7(g, is)), m = p === ia ? A7 : ia, _ = t.rects.popper, P = t.elements[w ? m : p], I = Y7(Et(P) ? P : P.contextElement || _t(t.elements.popper), r, u, i), L = qt(t.elements.reference), F = pi({
+  var a = e, s = a.placement, n = s === void 0 ? t.placement : s, o = a.strategy, i = o === void 0 ? t.strategy : o, l = a.boundary, r = l === void 0 ? S7 : l, d = a.rootBoundary, u = d === void 0 ? ci : d, c = a.elementContext, p = c === void 0 ? ia : c, h = a.altBoundary, w = h === void 0 ? !1 : h, _ = a.padding, g = _ === void 0 ? 0 : _, $ = x7(typeof g != "number" ? g : K7(g, is)), m = p === ia ? A7 : ia, y = t.rects.popper, P = t.elements[w ? m : p], I = Y7(Et(P) ? P : P.contextElement || _t(t.elements.popper), r, u, i), L = qt(t.elements.reference), F = pi({
     reference: L,
-    element: _,
+    element: y,
     strategy: "absolute",
     placement: n
-  }), z = Ss(Object.assign({}, _, F)), K = p === ia ? z : L, J = {
+  }), z = Ss(Object.assign({}, y, F)), K = p === ia ? z : L, J = {
     top: I.top - K.top + $.top,
     bottom: K.bottom - I.bottom + $.bottom,
     left: I.left - K.left + $.left,
@@ -6013,12 +6013,12 @@ function G7(t) {
       state: u,
       setOptions: function($) {
         var m = typeof $ == "function" ? $(u.options) : $;
-        y(), u.options = Object.assign({}, o, u.options, m), u.scrollParents = {
+        _(), u.options = Object.assign({}, o, u.options, m), u.scrollParents = {
           reference: Et(l) ? oa(l) : l.contextElement ? oa(l.contextElement) : [],
           popper: oa(r)
         };
-        var _ = R7(U7([].concat(s, u.options.modifiers)));
-        return u.orderedModifiers = _.filter(function(P) {
+        var y = R7(U7([].concat(s, u.options.modifiers)));
+        return u.orderedModifiers = y.filter(function(P) {
           return P.enabled;
         }), w(), h.update();
       },
@@ -6029,11 +6029,11 @@ function G7(t) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!p) {
-          var $ = u.elements, m = $.reference, _ = $.popper;
-          if (Mn(m, _)) {
+          var $ = u.elements, m = $.reference, y = $.popper;
+          if (Mn(m, y)) {
             u.rects = {
-              reference: w7(m, ns(_), u.options.strategy === "fixed"),
-              popper: ri(_)
+              reference: w7(m, ns(y), u.options.strategy === "fixed"),
+              popper: ri(y)
             }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(J) {
               return u.modifiersData[J.name] = Object.assign({}, J.data);
             });
@@ -6061,7 +6061,7 @@ function G7(t) {
         });
       }),
       destroy: function() {
-        y(), p = !0;
+        _(), p = !0;
       }
     };
     if (!Mn(l, r))
@@ -6071,20 +6071,20 @@ function G7(t) {
     });
     function w() {
       u.orderedModifiers.forEach(function(g) {
-        var $ = g.name, m = g.options, _ = m === void 0 ? {} : m, P = g.effect;
+        var $ = g.name, m = g.options, y = m === void 0 ? {} : m, P = g.effect;
         if (typeof P == "function") {
           var I = P({
             state: u,
             name: $,
             instance: h,
-            options: _
+            options: y
           }), L = function() {
           };
           c.push(I || L);
         }
       });
     }
-    function y() {
+    function _() {
       c.forEach(function(g) {
         return g();
       }), c = [];
@@ -6143,15 +6143,15 @@ function ap(t, e) {
   };
 }
 function Tn(t) {
-  var e, a = t.popper, s = t.popperRect, n = t.placement, o = t.variation, i = t.offsets, l = t.position, r = t.gpuAcceleration, d = t.adaptive, u = t.roundOffsets, c = t.isFixed, p = i.x, h = p === void 0 ? 0 : p, w = i.y, y = w === void 0 ? 0 : w, g = typeof u == "function" ? u({
+  var e, a = t.popper, s = t.popperRect, n = t.placement, o = t.variation, i = t.offsets, l = t.position, r = t.gpuAcceleration, d = t.adaptive, u = t.roundOffsets, c = t.isFixed, p = i.x, h = p === void 0 ? 0 : p, w = i.y, _ = w === void 0 ? 0 : w, g = typeof u == "function" ? u({
     x: h,
-    y
+    y: _
   }) : {
     x: h,
-    y
+    y: _
   };
-  h = g.x, y = g.y;
-  var $ = i.hasOwnProperty("x"), m = i.hasOwnProperty("y"), _ = Ge, P = Ne, I = window;
+  h = g.x, _ = g.y;
+  var $ = i.hasOwnProperty("x"), m = i.hasOwnProperty("y"), y = Ge, P = Ne, I = window;
   if (d) {
     var L = ns(a), F = "clientHeight", z = "clientWidth";
     if (L === Oe(a) && (L = _t(a), tt(L).position !== "static" && l === "absolute" && (F = "scrollHeight", z = "scrollWidth")), L = L, n === Ne || (n === Ge || n === ht) && o === va) {
@@ -6160,10 +6160,10 @@ function Tn(t) {
         // $FlowFixMe[prop-missing]
         L[F]
       );
-      y -= K - s.height, y *= r ? 1 : -1;
+      _ -= K - s.height, _ *= r ? 1 : -1;
     }
     if (n === Ge || (n === Ne || n === qe) && o === va) {
-      _ = ht;
+      y = ht;
       var J = c && L === I && I.visualViewport ? I.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         L[z]
@@ -6175,16 +6175,16 @@ function Tn(t) {
     position: l
   }, d && tp), j = u === !0 ? ap({
     x: h,
-    y
+    y: _
   }, Oe(a)) : {
     x: h,
-    y
+    y: _
   };
-  if (h = j.x, y = j.y, r) {
+  if (h = j.x, _ = j.y, r) {
     var G;
-    return Object.assign({}, ae, (G = {}, G[P] = m ? "0" : "", G[_] = $ ? "0" : "", G.transform = (I.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + y + "px)" : "translate3d(" + h + "px, " + y + "px, 0)", G));
+    return Object.assign({}, ae, (G = {}, G[P] = m ? "0" : "", G[y] = $ ? "0" : "", G.transform = (I.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + _ + "px)" : "translate3d(" + h + "px, " + _ + "px, 0)", G));
   }
-  return Object.assign({}, ae, (e = {}, e[P] = m ? y + "px" : "", e[_] = $ ? h + "px" : "", e.transform = "", e));
+  return Object.assign({}, ae, (e = {}, e[P] = m ? _ + "px" : "", e[y] = $ ? h + "px" : "", e.transform = "", e));
 }
 function sp(t) {
   var e = t.state, a = t.options, s = a.gpuAcceleration, n = s === void 0 ? !0 : s, o = a.adaptive, i = o === void 0 ? !0 : o, l = a.roundOffsets, r = l === void 0 ? !0 : l, d = {
@@ -6271,14 +6271,14 @@ function dp(t, e, a) {
   return s > a ? a : s;
 }
 function pp(t) {
-  var e = t.state, a = t.options, s = t.name, n = a.mainAxis, o = n === void 0 ? !0 : n, i = a.altAxis, l = i === void 0 ? !1 : i, r = a.boundary, d = a.rootBoundary, u = a.altBoundary, c = a.padding, p = a.tether, h = p === void 0 ? !0 : p, w = a.tetherOffset, y = w === void 0 ? 0 : w, g = qs(e, {
+  var e = t.state, a = t.options, s = t.name, n = a.mainAxis, o = n === void 0 ? !0 : n, i = a.altAxis, l = i === void 0 ? !1 : i, r = a.boundary, d = a.rootBoundary, u = a.altBoundary, c = a.padding, p = a.tether, h = p === void 0 ? !0 : p, w = a.tetherOffset, _ = w === void 0 ? 0 : w, g = qs(e, {
     boundary: r,
     rootBoundary: d,
     padding: c,
     altBoundary: u
-  }), $ = ct(e.placement), m = xt(e.placement), _ = !m, P = di($), I = cp(P), L = e.modifiersData.popperOffsets, F = e.rects.reference, z = e.rects.popper, K = typeof y == "function" ? y(Object.assign({}, e.rects, {
+  }), $ = ct(e.placement), m = xt(e.placement), y = !m, P = di($), I = cp(P), L = e.modifiersData.popperOffsets, F = e.rects.reference, z = e.rects.popper, K = typeof _ == "function" ? _(Object.assign({}, e.rects, {
     placement: e.placement
-  })) : y, J = typeof K == "number" ? {
+  })) : _, J = typeof K == "number" ? {
     mainAxis: K,
     altAxis: K
   } : Object.assign({
@@ -6293,7 +6293,7 @@ function pp(t) {
       var G, le = P === "y" ? Ne : Ge, se = P === "y" ? qe : ht, ee = P === "y" ? "height" : "width", E = L[P], T = E + g[le], k = E - g[se], R = h ? -z[ee] / 2 : 0, b = m === Yt ? F[ee] : z[ee], V = m === Yt ? -z[ee] : -F[ee], oe = e.elements.arrow, ne = h && oe ? ri(oe) : {
         width: 0,
         height: 0
-      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : vi(), H = Z[le], x = Z[se], he = Va(0, F[ee], ne[ee]), ke = _ ? F[ee] / 2 - R - he - H - J.mainAxis : b - he - H - J.mainAxis, Gt = _ ? -F[ee] / 2 + R + he + x + J.mainAxis : V + he + x + J.mainAxis, Xt = e.elements.arrow && ns(e.elements.arrow), st = Xt ? P === "y" ? Xt.clientTop || 0 : Xt.clientLeft || 0 : 0, $a = (G = ae == null ? void 0 : ae[P]) != null ? G : 0, rs = E + ke - $a - st, nt = E + Gt - $a, ka = Va(h ? Wa(T, rs) : T, E, h ? At(k, nt) : k);
+      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : vi(), H = Z[le], x = Z[se], he = Va(0, F[ee], ne[ee]), ke = y ? F[ee] / 2 - R - he - H - J.mainAxis : b - he - H - J.mainAxis, Gt = y ? -F[ee] / 2 + R + he + x + J.mainAxis : V + he + x + J.mainAxis, Xt = e.elements.arrow && ns(e.elements.arrow), st = Xt ? P === "y" ? Xt.clientTop || 0 : Xt.clientLeft || 0 : 0, $a = (G = ae == null ? void 0 : ae[P]) != null ? G : 0, rs = E + ke - $a - st, nt = E + Gt - $a, ka = Va(h ? Wa(T, rs) : T, E, h ? At(k, nt) : k);
       L[P] = ka, j[P] = ka - E;
     }
     if (l) {
@@ -6337,16 +6337,16 @@ function mp(t, e) {
     return d.indexOf(w) >= 0;
   });
   p.length === 0 && (p = c);
-  var h = p.reduce(function(w, y) {
-    return w[y] = qs(t, {
-      placement: y,
+  var h = p.reduce(function(w, _) {
+    return w[_] = qs(t, {
+      placement: _,
       boundary: n,
       rootBoundary: o,
       padding: i
-    })[ct(y)], w;
+    })[ct(_)], w;
   }, {});
-  return Object.keys(h).sort(function(w, y) {
-    return h[w] - h[y];
+  return Object.keys(h).sort(function(w, _) {
+    return h[w] - h[_];
   });
 }
 function gp(t) {
@@ -6358,14 +6358,14 @@ function gp(t) {
 function Cp(t) {
   var e = t.state, a = t.options, s = t.name;
   if (!e.modifiersData[s]._skip) {
-    for (var n = a.mainAxis, o = n === void 0 ? !0 : n, i = a.altAxis, l = i === void 0 ? !0 : i, r = a.fallbackPlacements, d = a.padding, u = a.boundary, c = a.rootBoundary, p = a.altBoundary, h = a.flipVariations, w = h === void 0 ? !0 : h, y = a.allowedAutoPlacements, g = e.options.placement, $ = ct(g), m = $ === g, _ = r || (m || !w ? [Da(g)] : gp(g)), P = [g].concat(_).reduce(function(ne, Z) {
+    for (var n = a.mainAxis, o = n === void 0 ? !0 : n, i = a.altAxis, l = i === void 0 ? !0 : i, r = a.fallbackPlacements, d = a.padding, u = a.boundary, c = a.rootBoundary, p = a.altBoundary, h = a.flipVariations, w = h === void 0 ? !0 : h, _ = a.allowedAutoPlacements, g = e.options.placement, $ = ct(g), m = $ === g, y = r || (m || !w ? [Da(g)] : gp(g)), P = [g].concat(y).reduce(function(ne, Z) {
       return ne.concat(ct(Z) === zs ? mp(e, {
         placement: Z,
         boundary: u,
         rootBoundary: c,
         padding: d,
         flipVariations: w,
-        allowedAutoPlacements: y
+        allowedAutoPlacements: _
       }) : Z);
     }, []), I = e.rects.reference, L = e.rects.popper, F = /* @__PURE__ */ new Map(), z = !0, K = P[0], J = 0; J < P.length; J++) {
       var ae = P[J], j = ct(ae), G = xt(ae) === Yt, le = [Ne, qe].indexOf(j) >= 0, se = le ? "width" : "height", ee = qs(e, {
@@ -6415,7 +6415,7 @@ var _p = {
   }
 };
 function yp(t, e, a) {
-  const { disabled: s, appendTo: n, appendToBody: o, openDirection: i } = Ee(t), l = Lt().proxy, r = a.multiselect, d = a.dropdown, u = Y(!1), c = Y(null), p = Y(null), h = A(() => n.value || o.value), w = A(() => i.value === "top" && p.value === "bottom" || i.value === "bottom" && p.value !== "top" ? "bottom" : "top"), y = () => {
+  const { disabled: s, appendTo: n, appendToBody: o, openDirection: i } = Ee(t), l = Lt().proxy, r = a.multiselect, d = a.dropdown, u = Y(!1), c = Y(null), p = Y(null), h = A(() => n.value || o.value), w = A(() => i.value === "top" && p.value === "bottom" || i.value === "bottom" && p.value !== "top" ? "bottom" : "top"), _ = () => {
     u.value || s.value || (u.value = !0, e.emit("open", l), h.value && Me(() => {
       $();
     }));
@@ -6424,7 +6424,7 @@ function yp(t, e, a) {
   }, $ = () => {
     if (!c.value)
       return;
-    let _ = parseInt(window.getComputedStyle(d.value).borderTopWidth.replace("px", "")), P = parseInt(window.getComputedStyle(d.value).borderBottomWidth.replace("px", ""));
+    let y = parseInt(window.getComputedStyle(d.value).borderTopWidth.replace("px", "")), P = parseInt(window.getComputedStyle(d.value).borderBottomWidth.replace("px", ""));
     c.value.setOptions((I) => ({
       ...I,
       modifiers: [
@@ -6432,16 +6432,16 @@ function yp(t, e, a) {
         {
           name: "offset",
           options: {
-            offset: [0, (w.value === "top" ? _ : P) * -1]
+            offset: [0, (w.value === "top" ? y : P) * -1]
           }
         }
       ]
     })), c.value.update();
-  }, m = (_) => {
-    for (; _ && _ !== document.body; ) {
-      if (getComputedStyle(_).position === "fixed")
+  }, m = (y) => {
+    for (; y && y !== document.body; ) {
+      if (getComputedStyle(y).position === "fixed")
         return !0;
-      _ = _.parentElement;
+      y = y.parentElement;
     }
     return !1;
   };
@@ -6460,19 +6460,19 @@ function yp(t, e, a) {
           enabled: !0,
           phase: "beforeWrite",
           requires: ["computeStyles"],
-          fn: ({ state: _ }) => {
-            _.styles.popper.width = `${_.rects.reference.width}px`;
+          fn: ({ state: y }) => {
+            y.styles.popper.width = `${y.rects.reference.width}px`;
           },
-          effect: ({ state: _ }) => {
-            _.elements.popper.style.width = `${_.elements.reference.offsetWidth}px`;
+          effect: ({ state: y }) => {
+            y.elements.popper.style.width = `${y.elements.reference.offsetWidth}px`;
           }
         },
         {
           name: "toggleClass",
           enabled: !0,
           phase: "write",
-          fn({ state: _ }) {
-            p.value = _.placement;
+          fn({ state: y }) {
+            p.value = y.placement;
           }
         }
       ]
@@ -6482,44 +6482,44 @@ function yp(t, e, a) {
   }), {
     popper: c,
     isOpen: u,
-    open: y,
+    open: _,
     close: g,
     placement: w,
     updatePopper: $
   };
 }
 function bp(t, e, a) {
-  const { searchable: s, disabled: n, clearOnBlur: o } = Ee(t), i = a.input, l = a.open, r = a.close, d = a.clearSearch, u = a.isOpen, c = a.wrapper, p = a.tags, h = Y(!1), w = Y(!1), y = A(() => s.value || n.value ? -1 : 0), g = () => {
+  const { searchable: s, disabled: n, clearOnBlur: o } = Ee(t), i = a.input, l = a.open, r = a.close, d = a.clearSearch, u = a.isOpen, c = a.wrapper, p = a.tags, h = Y(!1), w = Y(!1), _ = A(() => s.value || n.value ? -1 : 0), g = () => {
     s.value && i.value.blur(), c.value.blur();
   }, $ = () => {
     s.value && !n.value && i.value.focus();
   }, m = (z = !0) => {
     n.value || (h.value = !0, z && l());
-  }, _ = () => {
+  }, y = () => {
     h.value = !1, setTimeout(() => {
       h.value || (r(), o.value && d());
     }, 1);
   };
   return {
-    tabindex: y,
+    tabindex: _,
     isActive: h,
     mouseClicked: w,
     blur: g,
     focus: $,
     activate: m,
-    deactivate: _,
+    deactivate: y,
     handleFocusIn: (z) => {
       z.target.closest("[data-tags]") && z.target.nodeName !== "INPUT" || z.target.closest("[data-clear]") || m(w.value);
     },
     handleFocusOut: () => {
-      _();
+      y();
     },
     handleCaretClick: () => {
-      _(), g();
+      y(), g();
     },
     handleMousedown: (z) => {
       w.value = !0, u.value && (z.target.isEqualNode(c.value) || z.target.isEqualNode(p.value)) ? setTimeout(() => {
-        _();
+        y();
       }, 0) : !u.value && (document.activeElement.isEqualNode(c.value) || document.activeElement.isEqualNode(i.value)) && m(), setTimeout(() => {
         w.value = !1;
       }, 0);
@@ -6539,8 +6539,8 @@ function wp(t, e, a) {
     createTag: c,
     createOption: p,
     reverse: h
-  } = Ee(t), w = Lt().proxy, y = a.iv, g = a.update, $ = a.deselect, m = a.search, _ = a.setPointer, P = a.selectPointer, I = a.backwardPointer, L = a.forwardPointer, F = a.multiselect, z = a.wrapper, K = a.tags, J = a.isOpen, ae = a.open, j = a.blur, G = a.fo, le = A(() => c.value || p.value || !1), se = A(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ee = () => {
-    s.value === "tags" && !l.value && le.value && i.value && !d.value && _(G.value[G.value.map((k) => k[r.value]).indexOf(m.value)]);
+  } = Ee(t), w = Lt().proxy, _ = a.iv, g = a.update, $ = a.deselect, m = a.search, y = a.setPointer, P = a.selectPointer, I = a.backwardPointer, L = a.forwardPointer, F = a.multiselect, z = a.wrapper, K = a.tags, J = a.isOpen, ae = a.open, j = a.blur, G = a.fo, le = A(() => c.value || p.value || !1), se = A(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ee = () => {
+    s.value === "tags" && !l.value && le.value && i.value && !d.value && y(G.value[G.value.map((k) => k[r.value]).indexOf(m.value)]);
   };
   return {
     handleKeydown: (k) => {
@@ -6548,16 +6548,16 @@ function wp(t, e, a) {
       let R, b;
       switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(k.key) !== -1 && s.value === "tags" && (R = [...F.value.querySelectorAll("[data-tags] > *")].filter((V) => V !== K.value), b = R.findIndex((V) => V === document.activeElement)), k.key) {
         case "Backspace":
-          if (s.value === "single" || i.value && [null, ""].indexOf(m.value) === -1 || y.value.length === 0)
+          if (s.value === "single" || i.value && [null, ""].indexOf(m.value) === -1 || _.value.length === 0)
             return;
-          let V = y.value.filter((oe) => !oe.disabled && oe.remove !== !1);
+          let V = _.value.filter((oe) => !oe.disabled && oe.remove !== !1);
           V.length && $(V[V.length - 1]);
           break;
         case "Enter":
           if (k.preventDefault(), k.keyCode === 229)
             return;
           if (b !== -1 && b !== void 0) {
-            g([...y.value].filter((oe, ne) => ne !== b)), b === R.length - 1 && (R.length - 1 ? R[R.length - 2].focus() : i.value ? K.value.querySelector("input").focus() : z.value.focus());
+            g([..._.value].filter((oe, ne) => ne !== b)), b === R.length - 1 && (R.length - 1 ? R[R.length - 2].focus() : i.value ? K.value.querySelector("input").focus() : z.value.focus());
             return;
           }
           if (se.value.indexOf("enter") === -1 && le.value)
@@ -6596,12 +6596,12 @@ function wp(t, e, a) {
           J.value || ae(), L();
           break;
         case "ArrowLeft":
-          if (i.value && K.value && K.value.querySelector("input").selectionStart || k.shiftKey || s.value !== "tags" || !y.value || !y.value.length)
+          if (i.value && K.value && K.value.querySelector("input").selectionStart || k.shiftKey || s.value !== "tags" || !_.value || !_.value.length)
             return;
           k.preventDefault(), b === -1 ? R[R.length - 1].focus() : b > 0 && R[b - 1].focus();
           break;
         case "ArrowRight":
-          if (b === -1 || k.shiftKey || s.value !== "tags" || !y.value || !y.value.length)
+          if (b === -1 || k.shiftKey || s.value !== "tags" || !_.value || !_.value.length)
             return;
           k.preventDefault(), R.length > b + 1 ? R[b + 1].focus() : i.value ? K.value.querySelector("input").focus() : i.value || z.value.focus();
           break;
@@ -6619,7 +6619,7 @@ function $p(t, e, a) {
     disabled: n,
     showOptions: o,
     breakTags: i
-  } = Ee(t), l = a.isOpen, r = a.isPointed, d = a.isSelected, u = a.isDisabled, c = a.isActive, p = a.canPointGroups, h = a.resolving, w = a.fo, y = a.placement, g = A(() => ({
+  } = Ee(t), l = a.isOpen, r = a.isPointed, d = a.isSelected, u = a.isDisabled, c = a.isActive, p = a.canPointGroups, h = a.resolving, w = a.fo, _ = a.placement, g = A(() => ({
     container: "multiselect",
     containerDisabled: "is-disabled",
     containerOpen: "is-open",
@@ -6677,47 +6677,47 @@ function $p(t, e, a) {
   })), $ = A(() => !!(l.value && o.value && (!h.value || h.value && w.value.length)));
   return {
     classList: A(() => {
-      const _ = g.value;
+      const y = g.value;
       return {
-        container: [_.container].concat(n.value ? _.containerDisabled : []).concat($.value && y.value === "top" ? _.containerOpenTop : []).concat($.value && y.value !== "top" ? _.containerOpen : []).concat(c.value ? _.containerActive : []),
-        wrapper: _.wrapper,
-        spacer: _.spacer,
-        singleLabel: _.singleLabel,
-        singleLabelText: _.singleLabelText,
-        multipleLabel: _.multipleLabel,
-        search: _.search,
-        tags: _.tags,
-        tag: [_.tag].concat(n.value ? _.tagDisabled : []),
-        tagWrapper: [_.tagWrapper, i.value ? _.tagWrapperBreak : null],
-        tagDisabled: _.tagDisabled,
-        tagRemove: _.tagRemove,
-        tagRemoveIcon: _.tagRemoveIcon,
-        tagsSearchWrapper: _.tagsSearchWrapper,
-        tagsSearch: _.tagsSearch,
-        tagsSearchCopy: _.tagsSearchCopy,
-        placeholder: _.placeholder,
-        caret: [_.caret].concat(l.value ? _.caretOpen : []),
-        clear: _.clear,
-        clearIcon: _.clearIcon,
-        spinner: _.spinner,
-        inifinite: _.inifinite,
-        inifiniteSpinner: _.inifiniteSpinner,
-        dropdown: [_.dropdown].concat(y.value === "top" ? _.dropdownTop : []).concat(!l.value || !o.value || !$.value ? _.dropdownHidden : []),
-        options: [_.options].concat(y.value === "top" ? _.optionsTop : []),
-        group: _.group,
+        container: [y.container].concat(n.value ? y.containerDisabled : []).concat($.value && _.value === "top" ? y.containerOpenTop : []).concat($.value && _.value !== "top" ? y.containerOpen : []).concat(c.value ? y.containerActive : []),
+        wrapper: y.wrapper,
+        spacer: y.spacer,
+        singleLabel: y.singleLabel,
+        singleLabelText: y.singleLabelText,
+        multipleLabel: y.multipleLabel,
+        search: y.search,
+        tags: y.tags,
+        tag: [y.tag].concat(n.value ? y.tagDisabled : []),
+        tagWrapper: [y.tagWrapper, i.value ? y.tagWrapperBreak : null],
+        tagDisabled: y.tagDisabled,
+        tagRemove: y.tagRemove,
+        tagRemoveIcon: y.tagRemoveIcon,
+        tagsSearchWrapper: y.tagsSearchWrapper,
+        tagsSearch: y.tagsSearch,
+        tagsSearchCopy: y.tagsSearchCopy,
+        placeholder: y.placeholder,
+        caret: [y.caret].concat(l.value ? y.caretOpen : []),
+        clear: y.clear,
+        clearIcon: y.clearIcon,
+        spinner: y.spinner,
+        inifinite: y.inifinite,
+        inifiniteSpinner: y.inifiniteSpinner,
+        dropdown: [y.dropdown].concat(_.value === "top" ? y.dropdownTop : []).concat(!l.value || !o.value || !$.value ? y.dropdownHidden : []),
+        options: [y.options].concat(_.value === "top" ? y.optionsTop : []),
+        group: y.group,
         groupLabel: (P) => {
-          let I = [_.groupLabel];
-          return r(P) ? I.push(d(P) ? _.groupLabelSelectedPointed : _.groupLabelPointed) : d(P) && p.value ? I.push(u(P) ? _.groupLabelSelectedDisabled : _.groupLabelSelected) : u(P) && I.push(_.groupLabelDisabled), p.value && I.push(_.groupLabelPointable), I;
+          let I = [y.groupLabel];
+          return r(P) ? I.push(d(P) ? y.groupLabelSelectedPointed : y.groupLabelPointed) : d(P) && p.value ? I.push(u(P) ? y.groupLabelSelectedDisabled : y.groupLabelSelected) : u(P) && I.push(y.groupLabelDisabled), p.value && I.push(y.groupLabelPointable), I;
         },
-        groupOptions: _.groupOptions,
+        groupOptions: y.groupOptions,
         option: (P, I) => {
-          let L = [_.option];
-          return r(P) ? L.push(d(P) ? _.optionSelectedPointed : _.optionPointed) : d(P) ? L.push(u(P) ? _.optionSelectedDisabled : _.optionSelected) : (u(P) || I && u(I)) && L.push(_.optionDisabled), L;
+          let L = [y.option];
+          return r(P) ? L.push(d(P) ? y.optionSelectedPointed : y.optionPointed) : d(P) ? L.push(u(P) ? y.optionSelectedDisabled : y.optionSelected) : (u(P) || I && u(I)) && L.push(y.optionDisabled), L;
         },
-        noOptions: _.noOptions,
-        noResults: _.noResults,
-        assist: _.assist,
-        fakeInput: _.fakeInput
+        noOptions: y.noOptions,
+        noResults: y.noResults,
+        assist: y.assist,
+        fakeInput: y.fakeInput
       };
     }),
     showDropdown: $
@@ -6727,12 +6727,12 @@ function kp(t, e, a) {
   const {
     limit: s,
     infinite: n
-  } = Ee(t), o = a.isOpen, i = a.offset, l = a.search, r = a.pfo, d = a.eo, u = Y(null), c = Y(null), p = A(() => i.value < r.value.length), h = (y) => {
-    const { isIntersecting: g, target: $ } = y[0];
+  } = Ee(t), o = a.isOpen, i = a.offset, l = a.search, r = a.pfo, d = a.eo, u = Y(null), c = Y(null), p = A(() => i.value < r.value.length), h = (_) => {
+    const { isIntersecting: g, target: $ } = _[0];
     if (g) {
-      const m = $.offsetParent, _ = m.scrollTop;
+      const m = $.offsetParent, y = m.scrollTop;
       i.value += s.value == -1 ? 10 : s.value, Me(() => {
-        m.scrollTop = _;
+        m.scrollTop = y;
       });
     }
   }, w = () => {
@@ -6761,7 +6761,7 @@ function Sp(t, e, a) {
     groupLabel: r,
     aria: d,
     searchable: u
-  } = Ee(t), c = a.pointer, p = a.iv, h = a.hasSelected, w = a.multipleLabelText, y = Y(null), g = A(() => {
+  } = Ee(t), c = a.pointer, p = a.iv, h = a.hasSelected, w = a.multipleLabelText, _ = Y(null), g = A(() => {
     let j = [];
     return n && n.value && j.push(n.value), j.push("assist"), j.join("-");
   }), $ = A(() => {
@@ -6771,7 +6771,7 @@ function Sp(t, e, a) {
     let j = [];
     if (n && n.value && j.push(n.value), c.value)
       return j.push(c.value.group ? "multiselect-group" : "multiselect-option"), j.push(c.value.group ? c.value.index : c.value[o.value]), j.join("-");
-  }), _ = A(() => s.value), P = A(() => l.value !== "single"), I = A(() => {
+  }), y = A(() => s.value), P = A(() => l.value !== "single"), I = A(() => {
     let j = "";
     return l.value === "single" && h.value && (j += p.value[i.value]), l.value === "multiple" && h.value && (j += w.value), l.value === "tags" && h.value && (j += p.value.map((G) => G[i.value]).join(", ")), j;
   }), L = A(() => {
@@ -6793,14 +6793,14 @@ function Sp(t, e, a) {
   return It(() => {
     if (n && n.value && document && document.querySelector) {
       let j = document.querySelector(`[for="${n.value}"]`);
-      y.value = j ? j.innerText : null;
+      _.value = j ? j.innerText : null;
     }
   }), {
     arias: L,
     ariaLabel: I,
     ariaAssist: g,
     ariaControls: $,
-    ariaPlaceholder: _,
+    ariaPlaceholder: y,
     ariaMultiselectable: P,
     ariaActiveDescendant: m,
     ariaOptionId: F,
@@ -7827,7 +7827,7 @@ const Qp = { class: "ao-tasks" }, Jp = { class: "ao-tasks__list" }, ev = ["id",
     return (c, p) => (v(), C("div", Qp, [
       f("ul", Jp, [
         (v(!0), C(fe, null, _e(c.tasks, (h) => {
-          var w, y;
+          var w, _;
           return v(), C("li", {
             key: h.id,
             class: "ao-subtask"
@@ -7853,7 +7853,7 @@ const Qp = { class: "ao-tasks" }, Jp = { class: "ao-tasks__list" }, ev = ["id",
             qa(". "),
             !c.isTemplate && c.users ? (v(), D(Se, {
               key: 1,
-              value: (y = h.assignee) != null && y.id ? [h.assignee.id] : [],
+              value: (_ = h.assignee) != null && _.id ? [h.assignee.id] : [],
               options: n.value,
               "close-on-select": !0,
               searchable: !0,
@@ -8032,30 +8032,30 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
   emits: ["edit", "remove"],
   setup(t, { emit: e }) {
     const a = t, s = A(() => {
-      const y = a.user;
-      return y ? `${y == null ? void 0 : y.firstName} ${y == null ? void 0 : y.lastName}` : null;
+      const _ = a.user;
+      return _ ? `${_ == null ? void 0 : _.firstName} ${_ == null ? void 0 : _.lastName}` : null;
     }), n = Y(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = Hn(n), d = A(() => {
-      const y = a.editedAt && ca(a.editedAt), g = ca(a.createdAt), $ = /* @__PURE__ */ new Date(), m = y ?? g;
+      const _ = a.editedAt && ca(a.editedAt), g = ca(a.createdAt), $ = /* @__PURE__ */ new Date(), m = _ ?? g;
       return m && d3(m, $);
-    }), u = A(() => o.value ? "textarea" : "p"), c = r(), p = l((y) => {
-      e("edit", y);
+    }), u = A(() => o.value ? "textarea" : "p"), c = r(), p = l((_) => {
+      e("edit", _);
     }), h = () => {
       e("remove");
     }, w = Y(2);
     return Ni(() => {
       Me(() => {
-        var y;
+        var _;
         if (!o.value) {
-          const g = (y = n.value) == null ? void 0 : y.getClientRects().length;
+          const g = (_ = n.value) == null ? void 0 : _.getClientRects().length;
           w.value = g || 2;
         }
       });
-    }), (y, g) => {
+    }), (_, g) => {
       var $;
       return v(), C("li", hv, [
         s.value ? (v(), D(Je, {
           key: 0,
-          "avatar-url": ($ = y.user) == null ? void 0 : $.avatarUrl,
+          "avatar-url": ($ = _.user) == null ? void 0 : $.avatarUrl,
           "user-name": s.value,
           class: "ao-comment__avatar"
         }, null, 8, ["avatar-url", "user-name"])) : O("", !0),
@@ -8066,7 +8066,7 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
               ref_key: "commentContent",
               ref: n,
               class: "ao-comment__content",
-              value: Q(o) ? y.content : null,
+              value: Q(o) ? _.content : null,
               rows: Q(o) ? w.value : null,
               onKeyup: [
                 dt(Q(c), ["esc"]),
@@ -8074,13 +8074,13 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
               ]
             }, {
               default: N(() => [
-                qa(W(y.content), 1)
+                qa(W(_.content), 1)
               ]),
               _: 1
             }, 40, ["value", "rows", "onKeyup"]))
           ])
         ]),
-        y.isEditable ? (v(), C("div", _v, [
+        _.isEditable ? (v(), C("div", _v, [
           Q(o) ? (v(), C(fe, { key: 0 }, [
             M(re, {
               "icon-name": "CloseRounded",
@@ -8099,14 +8099,14 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
             }, null, 8, ["onClick"])
           ], 64)) : (v(), C(fe, { key: 1 }, [
             M(re, {
-              label: y.$t("activity.comment.delete"),
+              label: _.$t("activity.comment.delete"),
               size: "sm",
               variant: "ghost",
               color: "neutral",
               onClick: h
             }, null, 8, ["label"]),
             M(re, {
-              label: y.$t("activity.comment.edit"),
+              label: _.$t("activity.comment.edit"),
               size: "sm",
               variant: "ghost",
               color: "neutral",
@@ -8201,7 +8201,7 @@ const bv = { class: "ao-comments__header" }, wv = ["onSubmit"], $v = ["placehold
             "edited-at": w.updatedAt,
             "is-editable": w.author.id === c.userId,
             class: "ao-comment",
-            onEdit: (y) => d(w.id, y),
+            onEdit: (_) => d(w.id, _),
             onRemove: () => u(w.id)
           }, null, 8, ["user", "content", "created-at", "edited-at", "is-editable", "onEdit", "onRemove"]))), 128))
         ])) : O("", !0)
@@ -8350,7 +8350,7 @@ const As = /* @__PURE__ */ q({
         ...b,
         disabled: (V = a.activity.blocking) == null ? void 0 : V.some((oe) => oe.id === b.value)
       };
-    })), y = A({
+    })), _ = A({
       get() {
         var b;
         return (b = a.activity.blocking) == null ? void 0 : b.map((V) => V.id);
@@ -8373,7 +8373,7 @@ const As = /* @__PURE__ */ q({
       e("addSubtask", b);
     }, m = (b) => {
       e("updateSubtask", b);
-    }, _ = (b) => {
+    }, y = (b) => {
       e("deleteSubtask", b);
     };
     function P() {
@@ -8593,7 +8593,7 @@ const As = /* @__PURE__ */ q({
                       "is-template": b.isTemplate,
                       onAdd: $,
                       onUpdate: m,
-                      onDelete: _
+                      onDelete: y
                     }, null, 8, ["tasks", "activity-id", "users", "is-checkable", "is-editable", "is-template"])
                   ])
                 ]),
@@ -8775,8 +8775,8 @@ const As = /* @__PURE__ */ q({
                     f("label", kf, [
                       f("span", Sf, W(b.$t("activity.blocking.label")), 1),
                       M(Se, {
-                        modelValue: y.value,
-                        "onUpdate:modelValue": V[9] || (V[9] = (H) => y.value = H),
+                        modelValue: _.value,
+                        "onUpdate:modelValue": V[9] || (V[9] = (H) => _.value = H),
                         class: "ao-activity-details__multiselect",
                         mode: "tags",
                         "close-on-select": !1,
@@ -8847,9 +8847,9 @@ const Tf = /* @__PURE__ */ q({
         [me.ACTIVITIES]: a.templateActivities,
         [me.MILESTONES]: a.templateMilestones,
         [me.PHASES]: a.templatePhases
-      }[s.value]) == null ? void 0 : m.map((_) => ({
-        value: _.id,
-        label: _.name
+      }[s.value]) == null ? void 0 : m.map((y) => ({
+        value: y.id,
+        label: y.name
       }));
     }), r = Rt(a.rule.comparator), d = A({
       get() {
@@ -8872,7 +8872,7 @@ const Tf = /* @__PURE__ */ q({
       set($) {
         e("update:rule", { ...a.rule, duration: $ });
       }
-    }), y = A({
+    }), _ = A({
       get() {
         return a.rule.durationUnit;
       },
@@ -8884,26 +8884,26 @@ const Tf = /* @__PURE__ */ q({
       default: N(() => [
         M(Q(ut), {
           modelValue: n.value,
-          "onUpdate:modelValue": m[0] || (m[0] = (_) => n.value = _),
+          "onUpdate:modelValue": m[0] || (m[0] = (y) => n.value = y),
           options: o.value
         }, null, 8, ["modelValue", "options"]),
         M(Q(ut), {
           modelValue: i.value,
-          "onUpdate:modelValue": m[1] || (m[1] = (_) => i.value = _),
+          "onUpdate:modelValue": m[1] || (m[1] = (y) => i.value = y),
           options: l.value
         }, null, 8, ["modelValue", "options"]),
         M(Q(ut), {
           modelValue: p.value,
-          "onUpdate:modelValue": m[2] || (m[2] = (_) => p.value = _),
+          "onUpdate:modelValue": m[2] || (m[2] = (y) => p.value = y),
           options: h.value
         }, null, 8, ["modelValue", "options"]),
         M(Q(ut), {
           modelValue: d.value,
-          "onUpdate:modelValue": m[3] || (m[3] = (_) => d.value = _),
+          "onUpdate:modelValue": m[3] || (m[3] = (y) => d.value = y),
           options: u.value
         }, null, 8, ["modelValue", "options"]),
         De(f("input", {
-          "onUpdate:modelValue": m[4] || (m[4] = (_) => w.value = _),
+          "onUpdate:modelValue": m[4] || (m[4] = (y) => w.value = y),
           type: "number",
           min: "0"
         }, null, 512), [
@@ -8915,15 +8915,15 @@ const Tf = /* @__PURE__ */ q({
           ]
         ]),
         M(Q(ut), {
-          modelValue: y.value,
-          "onUpdate:modelValue": m[5] || (m[5] = (_) => y.value = _),
+          modelValue: _.value,
+          "onUpdate:modelValue": m[5] || (m[5] = (y) => _.value = y),
           options: g.value
         }, null, 8, ["modelValue", "options"]),
         M(re, {
           class: "ao-rule-line__remove",
           "icon-name": "CloseRounded",
           variant: "ghost",
-          onClick: m[6] || (m[6] = (_) => $.$emit("close"))
+          onClick: m[6] || (m[6] = (y) => $.$emit("close"))
         })
       ]),
       _: 1
@@ -9100,7 +9100,7 @@ const Lf = {
           id: E
         }
       });
-    }, y = (E, T) => {
+    }, _ = (E, T) => {
       e("updateItem", {
         templateId: a.templateId,
         id: E,
@@ -9136,7 +9136,7 @@ const Lf = {
           id: E.id
         }
       });
-    }, _ = (E) => {
+    }, y = (E) => {
       const { id: T, ...k } = E;
       e("updateItem", {
         itemType: me.MILESTONES,
@@ -9276,7 +9276,7 @@ const Lf = {
                         params: { templateId: E.templateId, phaseId: Z.id }
                       }),
                       "onUpdate:title": (x) => {
-                        y(Z.id, x);
+                        _(Z.id, x);
                       },
                       onRemove: () => w(Z.id)
                     }, null, 8, ["id", "name", "milestones", "is-active", "onClick", "onUpdate:title", "onRemove"])
@@ -9301,7 +9301,7 @@ const Lf = {
                 phase: i.value,
                 "milestone-id": (k = l.value) == null ? void 0 : k.id,
                 onAddMilestone: $,
-                onUpdateMilestone: _,
+                onUpdateMilestone: y,
                 onUpdatePhase: g,
                 onRemoveMilestone: m
               }, null, 8, ["template-id", "phase", "milestone-id"])) : O("", !0)
@@ -9832,8 +9832,8 @@ var Js = q({
       const { clientX: e, clientY: a } = t, { top: s, left: n, width: o, height: i } = this.suckerCanvas.getBoundingClientRect(), l = e - n, r = a - s, u = this.suckerCanvas.getContext("2d").getImageData(Math.min(l, o - 1), Math.min(r, i - 1), 1, 1);
       let [c, p, h, w] = u.data;
       w = parseFloat((w / 255).toFixed(2));
-      const y = this.suckerPreview.style;
-      Object.assign(y, {
+      const _ = this.suckerPreview.style;
+      Object.assign(_, {
         position: "absolute",
         left: e + 20 + "px",
         top: a - 36 + "px",
@@ -9848,13 +9848,13 @@ var Js = q({
       e >= this.suckerArea[0] && // @ts-ignore
       a >= this.suckerArea[1] && // @ts-ignore
       e <= this.suckerArea[2] && // @ts-ignore
-      a <= this.suckerArea[3] ? y.display = "" : y.display = "none";
+      a <= this.suckerArea[3] ? _.display = "" : _.display = "none";
     },
     suckColor(t) {
       t && t.tagName !== "CANVAS" || (this.suckerPreview = document.createElement("div"), this.suckerPreview && document.body.appendChild(this.suckerPreview), document.addEventListener("mousemove", this.mousemoveHandler), document.addEventListener("mouseup", this.mousemoveHandler), t.addEventListener("click", (e) => {
         const { clientX: a, clientY: s } = e, { top: n, left: o, width: i, height: l } = t.getBoundingClientRect(), r = a - o, d = s - n, c = t.getContext("2d").getImageData(Math.min(r, i - 1), Math.min(d, l - 1), 1, 1);
-        let [p, h, w, y] = c.data;
-        y = parseFloat((y / 255).toFixed(2)), this.$emit("selectSucker", { r: p, g: h, b: w, a: y });
+        let [p, h, w, _] = c.data;
+        _ = parseFloat((_ / 255).toFixed(2)), this.$emit("selectSucker", { r: p, g: h, b: w, a: _ });
       }));
     }
   }
@@ -10373,40 +10373,47 @@ const ph = { class: "color-picker-wrapper" }, an = /* @__PURE__ */ q({
   },
   emits: ["update:color"],
   setup(t, { emit: e }) {
-    const a = t, s = Y(!1), n = Y(null), o = async () => {
-      s.value = !0, await Me(), setTimeout(() => {
-        window.addEventListener("click", i);
+    const a = t, s = Y(!1), n = Y(null), o = Y("bottom"), i = async () => {
+      s.value = !0;
+      const u = n.value, c = u == null ? void 0 : u.parentElement;
+      if (u && c) {
+        const p = c.getBoundingClientRect(), h = u.offsetHeight, w = window.innerHeight - p.bottom, _ = p.top;
+        o.value = w < h && _ > h ? "top" : "bottom";
+      }
+      await Me(), setTimeout(() => {
+        window.addEventListener("click", l);
       }, 0);
-    }, i = (d) => {
-      const u = d.target;
-      n.value && !n.value.contains(u) && (s.value = !1, e("update:color", l.value), window.removeEventListener("click", i));
+    }, l = (u) => {
+      const c = u.target;
+      n.value && !n.value.contains(c) && (s.value = !1, e("update:color", r.value), window.removeEventListener("click", l));
     };
     Ts(() => {
-      window.removeEventListener("click", i);
-    }), ce(() => a.color, (d) => {
-      s.value || (l.value = d);
+      window.removeEventListener("click", l);
+    }), ce(() => a.color, (u) => {
+      s.value || (r.value = u);
     });
-    const l = Y(a.color), r = (d) => {
-      const { r: u, g: c, b: p, a: h } = d.rgba;
-      l.value = `rgba(${u}, ${c}, ${p}, ${h})`;
+    const r = Y(a.color), d = (u) => {
+      const { r: c, g: p, b: h, a: w } = u.rgba;
+      r.value = `rgba(${c}, ${p}, ${h}, ${w})`;
     };
-    return (d, u) => (v(), C("div", ph, [
-      te(d.$slots, "clickable", {
-        openPicker: o,
-        bgColor: d.color
+    return (u, c) => (v(), C("div", ph, [
+      te(u.$slots, "clickable", {
+        openPicker: i,
+        bgColor: u.color
       }),
       s.value ? (v(), C("div", {
         key: 0,
         ref_key: "pickerRef",
-        ref: n
+        ref: n,
+        class: X(["color-picker", o.value])
       }, [
         M(Q(Ut), {
-          class: "color-picker",
+          class: "color-picker-box",
           theme: "light",
-          color: d.color,
-          onChangeColor: r
+          color: u.color,
+          onChangeColor: d
         }, null, 8, ["color"])
-      ], 512)) : O("", !0)
+      ], 2)) : O("", !0)
     ]));
   }
 });
@@ -10440,7 +10447,7 @@ const vh = { class: "ao-card-project-phase__header" }, fh = { class: "ao-card-pr
       return (c = a.milestones) == null ? void 0 : c.reduce(
         (p, h) => {
           var w;
-          return p + ((w = h.activities) == null ? void 0 : w.reduce((y, g) => y + (g.estimation || 0), 0));
+          return p + ((w = h.activities) == null ? void 0 : w.reduce((_, g) => _ + (g.estimation || 0), 0));
         },
         0
       );
@@ -10475,7 +10482,7 @@ const vh = { class: "ao-card-project-phase__header" }, fh = { class: "ao-card-pr
           "is-clickable": c.isEditable,
           color: w,
           withLeftBorder: !0,
-          onClick: (y) => u(y, h)
+          onClick: (_) => u(_, h)
         }, fa({
           default: N(() => [
             f("div", fh, [
@@ -10514,7 +10521,7 @@ const vh = { class: "ao-card-project-phase__header" }, fh = { class: "ao-card-pr
               }, [
                 c.isEditable ? De((v(), C("input", {
                   key: 0,
-                  "onUpdate:modelValue": p[1] || (p[1] = (y) => r.value = y),
+                  "onUpdate:modelValue": p[1] || (p[1] = (_) => r.value = _),
                   class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--input",
                   type: "date"
                 }, null, 512)), [
@@ -10741,7 +10748,7 @@ const Rh = { class: "ao-mapping-card-project-phase__header" }, Nh = { class: "ao
       return (c = a.milestones) == null ? void 0 : c.reduce(
         (p, h) => {
           var w;
-          return p + ((w = h.activities) == null ? void 0 : w.reduce((y, g) => y + (g.estimation || 0), 0));
+          return p + ((w = h.activities) == null ? void 0 : w.reduce((_, g) => _ + (g.estimation || 0), 0));
         },
         0
       );
@@ -10776,7 +10783,7 @@ const Rh = { class: "ao-mapping-card-project-phase__header" }, Nh = { class: "ao
           "is-clickable": c.isEditable,
           color: w,
           withLeftBorder: !0,
-          onClick: (y) => u(y, h)
+          onClick: (_) => u(_, h)
         }, fa({
           default: N(() => [
             f("div", Nh, [
@@ -10815,7 +10822,7 @@ const Rh = { class: "ao-mapping-card-project-phase__header" }, Nh = { class: "ao
               }, [
                 c.isEditable ? De((v(), C("input", {
                   key: 0,
-                  "onUpdate:modelValue": p[1] || (p[1] = (y) => r.value = y),
+                  "onUpdate:modelValue": p[1] || (p[1] = (_) => r.value = _),
                   class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--input",
                   type: "date"
                 }, null, 512)), [
@@ -10886,8 +10893,8 @@ const Kh = { class: "ao-project-phase" }, Gh = {
     const a = t, { t: s } = yt();
     ce(
       () => a.phase.milestones,
-      (m, _) => {
-        Xe(m, _);
+      (m, y) => {
+        Xe(m, y);
       }
     );
     const n = (m) => {
@@ -10901,12 +10908,12 @@ const Kh = { class: "ao-project-phase" }, Gh = {
         (m) => j3(m, a.closedStatus)
       )
     ), r = (m) => {
-      const { name: _, rank: P } = Mt(
+      const { name: y, rank: P } = Mt(
         l.value ?? [],
         "milestone",
         s
       );
-      e("addMilestone", { name: _, rank: P, phaseId: m });
+      e("addMilestone", { name: y, rank: P, phaseId: m });
     }, d = (m) => {
       e("updateMilestone", m);
     }, u = (m) => {
@@ -10926,11 +10933,11 @@ const Kh = { class: "ao-project-phase" }, Gh = {
         id: m.moved.element.id,
         rank: Ft(l.value, m.moved.newIndex)
       });
-    }, y = qi(), g = A(() => y.path.includes("/mapping")), $ = A(() => {
+    }, _ = qi(), g = A(() => _.path.includes("/mapping")), $ = A(() => {
       var m;
-      return a.phase.id !== ((m = y.params) == null ? void 0 : m.phaseId) ? { backgroundColor: "var(--ao-color-sheet)" } : a.phase.color ? { backgroundColor: N3(a.phase.color) } : { backgroundColor: "var(--ao-color-primary-lightest)" };
+      return a.phase.id !== ((m = _.params) == null ? void 0 : m.phaseId) ? { backgroundColor: "var(--ao-color-sheet)" } : a.phase.color ? { backgroundColor: N3(a.phase.color) } : { backgroundColor: "var(--ao-color-primary-lightest)" };
     });
-    return (m, _) => (v(), C("li", Kh, [
+    return (m, y) => (v(), C("li", Kh, [
       f("div", {
         class: "ao-project-phases__draggable-card",
         style: pt($.value)
@@ -11022,7 +11029,7 @@ const Kh = { class: "ao-project-phase" }, Gh = {
               label: m.$t("project.milestone.add"),
               class: "ao-project-phase__milestone-add",
               "icon-name": "Add",
-              onClick: _[0] || (_[0] = () => r(m.phase.id))
+              onClick: y[0] || (y[0] = () => r(m.phase.id))
             }, null, 8, ["label"])) : O("", !0)
           ])
         ], 4)
@@ -11310,7 +11317,7 @@ const sn = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297
       e("unarchiveMilestone", T);
     }, w = (T) => {
       e("addActivity", T);
-    }, y = (T) => {
+    }, _ = (T) => {
       e("update:activity", T);
     }, g = (T) => {
       e("archiveActivity", T);
@@ -11318,7 +11325,7 @@ const sn = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297
       e("unarchiveActivity", T);
     }, m = (T) => {
       e("addSubtask", T);
-    }, _ = (T) => {
+    }, y = (T) => {
       e("updateSubtask", T);
     }, P = (T) => {
       e("deleteSubtask", T);
@@ -11419,7 +11426,7 @@ const sn = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297
             onClose: k[4] || (k[4] = (b) => T.$router.push({ name: Q(ye).project })),
             onUpdateMilestone: c,
             onAddActivity: w,
-            onUpdateActivity: y,
+            onUpdateActivity: _,
             onArchiveActivity: g,
             onUnarchiveActivity: $
           }, null, 8, ["phases", "project-id", "project-name", "users", "is-editable", "closed-status"]),
@@ -11436,9 +11443,9 @@ const sn = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297
               "user-id": T.userId,
               "is-editable": T.isEditable,
               "attachment-enabled": T.attachmentEnabled,
-              "onUpdate:activity": y,
+              "onUpdate:activity": _,
               onAddSubtask: m,
-              onUpdateSubtask: _,
+              onUpdateSubtask: y,
               onDeleteSubtask: P,
               onAddFiles: L,
               onRemoveFile: F,
@@ -11608,15 +11615,15 @@ const T9 = { class: "ao-card-feed__header" }, O9 = {
         f("div", B9, [
           f("div", j9, [
             f("ul", R9, [
-              (v(!0), C(fe, null, _e(l.value, (y) => (v(), C(fe, {
-                key: y.id
+              (v(!0), C(fe, null, _e(l.value, (_) => (v(), C(fe, {
+                key: _.id
               }, [
-                y ? (v(), C("li", N9, [
+                _ ? (v(), C("li", N9, [
                   M(Je, {
-                    "user-name": Q(Gn)(y),
-                    "avatar-url": y.avatarUrl,
+                    "user-name": Q(Gn)(_),
+                    "avatar-url": _.avatarUrl,
                     "is-closable": !0,
-                    onClose: () => d(y.id)
+                    onClose: () => d(_.id)
                   }, null, 8, ["user-name", "avatar-url", "onClose"])
                 ])) : O("", !0)
               ], 64))), 128))
@@ -11680,26 +11687,26 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
   setup(t, { emit: e }) {
     const a = t, { t: s } = yt(), n = A(() => {
       var m;
-      return (m = a.phases) == null ? void 0 : m.find((_) => _.id === a.phaseId);
+      return (m = a.phases) == null ? void 0 : m.find((y) => y.id === a.phaseId);
     }), o = A(
       () => {
         var m;
-        return (m = a.phases) == null ? void 0 : m.flatMap((_) => _.milestones);
+        return (m = a.phases) == null ? void 0 : m.flatMap((y) => y.milestones);
       }
     ), i = A(() => {
       var m;
-      return (m = o.value) == null ? void 0 : m.find((_) => _.id === a.milestoneId);
+      return (m = o.value) == null ? void 0 : m.find((y) => y.id === a.milestoneId);
     }), l = A(() => {
       var m;
       return (m = i.value) == null ? void 0 : m.activities;
     });
-    ce(l, (m, _) => {
-      Xe(m, _);
+    ce(l, (m, y) => {
+      Xe(m, y);
     });
     const r = (m) => {
       e("close", m);
     }, d = () => {
-      const { name: m, rank: _ } = Mt(
+      const { name: m, rank: y } = Mt(
         l.value ?? [],
         "activity",
         s
@@ -11707,7 +11714,7 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
       e("addActivity", {
         milestoneId: a.milestoneId,
         name: m,
-        rank: _,
+        rank: y,
         projectId: a.projectId
       });
     }, u = (m) => {
@@ -11739,17 +11746,17 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
           deadline: m != null && m.length ? m : null
         });
       }
-    }), w = (m) => a.closedStatus ? Hs(m, a.closedStatus) : !1, y = A(() => {
+    }), w = (m) => a.closedStatus ? Hs(m, a.closedStatus) : !1, _ = A(() => {
       var m;
-      return ((m = a.users) == null ? void 0 : m.map((_) => ({
-        label: `${_.firstName} ${_.lastName}`,
-        value: _.id,
-        avatar: _.avatarUrl
+      return ((m = a.users) == null ? void 0 : m.map((y) => ({
+        label: `${y.firstName} ${y.lastName}`,
+        value: y.id,
+        avatar: y.avatarUrl
       }))) || [];
     }), g = A({
       get() {
-        var m, _;
-        return (_ = (m = i.value) == null ? void 0 : m.assignee) != null && _.id ? [i.value.assignee.id] : [];
+        var m, y;
+        return (y = (m = i.value) == null ? void 0 : m.assignee) != null && y.id ? [i.value.assignee.id] : [];
       },
       set(m) {
         e("updateMilestone", {
@@ -11767,7 +11774,7 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
         e("updateMilestone", { id: a.milestoneId, important: m });
       }
     });
-    return (m, _) => {
+    return (m, y) => {
       var P;
       return v(), C("div", G9, [
         f("header", X9, [
@@ -11788,7 +11795,7 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
               }, null, 8, ["title"]),
               M(As, {
                 modelValue: $.value,
-                "onUpdate:modelValue": _[0] || (_[0] = (I) => $.value = I),
+                "onUpdate:modelValue": y[0] || (y[0] = (I) => $.value = I),
                 modelModifiers: { lazy: !0 },
                 disabled: !m.isEditable,
                 class: "ao-milestone__important",
@@ -11804,7 +11811,7 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
             f("div", a4, [
               f("label", s4, [
                 De(f("input", {
-                  "onUpdate:modelValue": _[1] || (_[1] = (I) => h.value = I),
+                  "onUpdate:modelValue": y[1] || (y[1] = (I) => h.value = I),
                   class: "ao-milestone__field ao-milestone__date-field",
                   type: "date"
                 }, null, 512), [
@@ -11821,8 +11828,8 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
               f("label", i4, [
                 M(Se, {
                   modelValue: g.value,
-                  "onUpdate:modelValue": _[2] || (_[2] = (I) => g.value = I),
-                  options: y.value,
+                  "onUpdate:modelValue": y[2] || (y[2] = (I) => g.value = I),
+                  options: _.value,
                   "close-on-select": !0,
                   searchable: !0,
                   max: 1,
@@ -11849,7 +11856,7 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
             ]),
             M(an, {
               color: p.value,
-              "onUpdate:color": _[3] || (_[3] = (I) => p.value = I)
+              "onUpdate:color": y[3] || (y[3] = (I) => p.value = I)
             }, {
               clickable: N(({ openPicker: I, bgColor: L }) => [
                 f("button", {
@@ -11994,11 +12001,11 @@ const u4 = /* @__PURE__ */ q({
       e("addComment", g);
     }, w = (g) => {
       e("updateComment", g);
-    }, y = (g) => {
+    }, _ = (g) => {
       e("removeComment", g);
     };
     return (g, $) => {
-      var m, _;
+      var m, y;
       return i.value ? (v(), D(Ys, {
         key: 0,
         activity: i.value,
@@ -12010,7 +12017,7 @@ const u4 = /* @__PURE__ */ q({
         "user-id": g.userId,
         "is-task-checkable": g.isTaskCheckable,
         statuses: g.statuses,
-        breadcrumbs: `${(m = s.value) == null ? void 0 : m.name} / ${(_ = o.value) == null ? void 0 : _.name}`,
+        breadcrumbs: `${(m = s.value) == null ? void 0 : m.name} / ${(y = o.value) == null ? void 0 : y.name}`,
         "is-editable": g.isEditable,
         "attachment-enabled": g.attachmentEnabled,
         projects: [g.project],
@@ -12023,7 +12030,7 @@ const u4 = /* @__PURE__ */ q({
         onRemoveFile: p,
         onAddComment: h,
         onUpdateComment: w,
-        onRemoveComment: y
+        onRemoveComment: _
       }, {
         default: N((P) => [
           te(g.$slots, "default", ha(ma(P)))
@@ -12125,13 +12132,13 @@ function b4(t, e, a = {}) {
   let u = la;
   const c = Y(l), p = r.value ? ce(
     () => [d.value, bs(s), c.value],
-    ([w, y]) => {
+    ([w, _]) => {
       if (u(), !c.value || !w.length)
         return;
       const g = new IntersectionObserver(
         e,
         {
-          root: bs(y),
+          root: bs(_),
           rootMargin: n,
           threshold: o
         }
@@ -12249,7 +12256,7 @@ const w4 = {
         }
       }), {
         item: N(({ element: p }) => {
-          var h, w, y, g, $, m, _, P, I;
+          var h, w, _, g, $, m, y, P, I;
           return [
             M(gi, {
               class: X(o(p) ? "ao-list-draggable" : ""),
@@ -12257,11 +12264,11 @@ const w4 = {
               name: p.name,
               "project-name": (h = p.project) == null ? void 0 : h.name,
               "project-color": (w = p.project) == null ? void 0 : w.color,
-              "phase-name": (g = (y = p.milestone) == null ? void 0 : y.phase) == null ? void 0 : g.name,
+              "phase-name": (g = (_ = p.milestone) == null ? void 0 : _.phase) == null ? void 0 : g.name,
               "milestone-name": ($ = p.milestone) == null ? void 0 : $.name,
               "milestone-color": (m = p.milestone) == null ? void 0 : m.color,
               deadline: p.deadline,
-              rules: ((_ = p.rules) == null ? void 0 : _.length) || 0,
+              rules: ((y = p.rules) == null ? void 0 : y.length) || 0,
               tasks: p.tasks,
               description: p.description,
               important: p.important,
@@ -12435,7 +12442,7 @@ const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { clas
       d.value = !1, e("update:filters", { ...a.filters, [k]: R });
     }, w = A(
       () => a.project ? [a.project] : a.projects ?? []
-    ), y = A(() => w.value.map((k) => ({
+    ), _ = A(() => w.value.map((k) => ({
       value: k.id,
       label: k.name
     }))), g = A(() => {
@@ -12450,7 +12457,7 @@ const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { clas
       avatar: k.avatarUrl
     }))), m = (k) => {
       a.selectedActivity && e("update:activity", k);
-    }, _ = (k) => {
+    }, y = (k) => {
       e("update:activity", k);
     }, P = (k) => {
       e("archiveActivity", k);
@@ -12510,7 +12517,7 @@ const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { clas
                 key: 0,
                 "model-value": k.filters[Q(Dt).project],
                 mode: "tags",
-                options: y.value,
+                options: _.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__projects",
@@ -12607,7 +12614,7 @@ const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { clas
             onSelectActivity: i,
             onArchiveActivity: P,
             onUnarchiveActivity: I,
-            onUpdateActivity: _
+            onUpdateActivity: y
           }, null, 8, ["status", "list", "title", "footer-label", "users", "user-id", "is-editable", "tagType", "onAdd"]))), 128))
         ]),
         (v(), D(Tt, { to: "body" }, [
@@ -12683,9 +12690,9 @@ const B4 = { class: "ao-project-mapping" }, j4 = { class: "ao-project-mapping-ma
       e("applyTemplate", { templateId: g, projectId: $ }), d.value = !1;
     }, p = (g, $) => {
       var P;
-      const m = (P = a.templates) == null ? void 0 : P.at(-1), _ = m ? we.LexoRank.parse(m.rank).genNext() : we.LexoRank.middle();
-      e("saveTemplate", { templateName: g, rank: _.format(), phaseIds: $ }), u.value = !1;
-    }, h = Es(), w = Y("mapping"), y = [
+      const m = (P = a.templates) == null ? void 0 : P.at(-1), y = m ? we.LexoRank.parse(m.rank).genNext() : we.LexoRank.middle();
+      e("saveTemplate", { templateName: g, rank: y.format(), phaseIds: $ }), u.value = !1;
+    }, h = Es(), w = Y("mapping"), _ = [
       { label: "Overview", value: "overview" },
       { label: "Feed", value: "feed" },
       { label: "Mapping", value: "mapping" }
@@ -12698,7 +12705,7 @@ const B4 = { class: "ao-project-mapping" }, j4 = { class: "ao-project-mapping-ma
           M(ba, null, {
             primary: N(() => [
               M(sn, {
-                tabs: y,
+                tabs: _,
                 modelValue: w.value,
                 "onUpdate:modelValue": $[0] || ($[0] = (m) => w.value = m)
               }, null, 8, ["modelValue"]),