@26lights/orcha 0.36.22 → 0.36.24

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as z, 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 S, 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 A, 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 Ye, getCurrentScope as Pi, onScopeDispose as Vi, toHandlerKey as Bi } from "vue";
+import { defineComponent as z, 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 S, resolveDynamicComponent as ht, normalizeClass as K, 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 A, 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 Ye, 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__ */ z({
@@ -1164,7 +1164,7 @@ const Os = {
   setup(t) {
     const e = t, a = S(() => k2[e.name]);
     return (n, s) => (p(), P(ht(a.value), {
-      class: Y(["ao-icon", `ao-icon--${n.size}`])
+      class: K(["ao-icon", `ao-icon--${n.size}`])
     }, null, 8, ["class"]));
   }
 });
@@ -1189,7 +1189,7 @@ const A2 = ["type"], T2 = {
     const e = t, a = S(() => e.size), n = S(() => e.isLoading ? "Loading" : e.iconName);
     return (s, o) => (p(), g("button", {
       type: s.type,
-      class: Y([
+      class: K([
         "ao-button",
         `ao-button--${s.variant}`,
         s.color ? `ao-button--${s.color}` : "",
@@ -1256,14 +1256,14 @@ const ye = /* @__PURE__ */ z({
     const a = t, n = ee(null), { isEditing: s, setIsEditing: o, onUpdate: i, onDiscard: r } = Es(n), l = S(() => a.title.replace(/\s*\(\d+\)$/, "")), c = S(() => s.value ? "input" : a.tag || `h${a.level}`), u = S(() => a.isEditable ? s.value ? {
       change: f,
       click: (y) => y.stopPropagation(),
-      blur: m
+      blur: h
     } : {
       click: b,
       focus: b
     } : {}), f = i((y, k) => {
       const C = k.target.value;
       e("update:title", C);
-    }), d = r(), m = async () => {
+    }), d = r(), h = async () => {
       s.value && o(!1);
     }, w = () => {
       e("toggle-is-editing", !1);
@@ -1342,7 +1342,7 @@ const O2 = {
       e("update:title", n);
     };
     return (n, s) => (p(), P(ht(n.tagName), {
-      class: Y(["ao-card-horiz", { "ao-card-horiz--active": n.isActive }])
+      class: K(["ao-card-horiz", { "ao-card-horiz--active": n.isActive }])
     }, {
       default: W(() => [
         n.isDraggable ? (p(), g("div", O2, [
@@ -1406,7 +1406,7 @@ const Mn = /* @__PURE__ */ z({
       () => a.value === "button" ? { type: "button" } : {}
     );
     return (s, o) => (p(), g("div", {
-      class: Y([
+      class: K([
         "ao-tag",
         s.color ? `ao-tag--${s.color}` : "",
         s.clickable ? "ao-tag--clickable" : "",
@@ -1586,28 +1586,28 @@ function Pa(t, e) {
   var u = va(), f = Qe((a = (n = (s = (o = e == null ? void 0 : e.weekStartsOn) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (r = i.options) === null || r === void 0 ? void 0 : r.weekStartsOn) !== null && s !== void 0 ? s : u.weekStartsOn) !== null && n !== void 0 ? n : (l = u.locale) === null || l === void 0 || (c = l.options) === null || c === void 0 ? void 0 : c.weekStartsOn) !== null && a !== void 0 ? a : 0);
   if (!(f >= 0 && f <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var d = be(t), m = d.getUTCDay(), w = (m < f ? 7 : 0) + m - f;
+  var d = be(t), h = d.getUTCDay(), w = (h < f ? 7 : 0) + h - f;
   return d.setUTCDate(d.getUTCDate() - w), d.setUTCHours(0, 0, 0, 0), d;
 }
 function Vs(t, e) {
   var a, n, s, o, i, r, l, c;
   ge(1, arguments);
-  var u = be(t), f = u.getUTCFullYear(), d = va(), m = Qe((a = (n = (s = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (r = i.options) === null || r === void 0 ? void 0 : r.firstWeekContainsDate) !== null && s !== void 0 ? s : d.firstWeekContainsDate) !== null && n !== void 0 ? n : (l = d.locale) === null || l === void 0 || (c = l.options) === null || c === void 0 ? void 0 : c.firstWeekContainsDate) !== null && a !== void 0 ? a : 1);
-  if (!(m >= 1 && m <= 7))
+  var u = be(t), f = u.getUTCFullYear(), d = va(), h = Qe((a = (n = (s = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (r = i.options) === null || r === void 0 ? void 0 : r.firstWeekContainsDate) !== null && s !== void 0 ? s : d.firstWeekContainsDate) !== null && n !== void 0 ? n : (l = d.locale) === null || l === void 0 || (c = l.options) === null || c === void 0 ? void 0 : c.firstWeekContainsDate) !== null && a !== void 0 ? a : 1);
+  if (!(h >= 1 && h <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
   var w = /* @__PURE__ */ new Date(0);
-  w.setUTCFullYear(f + 1, 0, m), w.setUTCHours(0, 0, 0, 0);
+  w.setUTCFullYear(f + 1, 0, h), w.setUTCHours(0, 0, 0, 0);
   var b = Pa(w, e), y = /* @__PURE__ */ new Date(0);
-  y.setUTCFullYear(f, 0, m), y.setUTCHours(0, 0, 0, 0);
+  y.setUTCFullYear(f, 0, h), y.setUTCHours(0, 0, 0, 0);
   var k = Pa(y, e);
   return u.getTime() >= b.getTime() ? f + 1 : u.getTime() >= k.getTime() ? f : f - 1;
 }
 function J2(t, e) {
   var a, n, s, o, i, r, l, c;
   ge(1, arguments);
-  var u = va(), f = Qe((a = (n = (s = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (r = i.options) === null || r === void 0 ? void 0 : r.firstWeekContainsDate) !== null && s !== void 0 ? s : u.firstWeekContainsDate) !== null && n !== void 0 ? n : (l = u.locale) === null || l === void 0 || (c = l.options) === null || c === void 0 ? void 0 : c.firstWeekContainsDate) !== null && a !== void 0 ? a : 1), d = Vs(t, e), m = /* @__PURE__ */ new Date(0);
-  m.setUTCFullYear(d, 0, f), m.setUTCHours(0, 0, 0, 0);
-  var w = Pa(m, e);
+  var u = va(), f = Qe((a = (n = (s = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (r = i.options) === null || r === void 0 ? void 0 : r.firstWeekContainsDate) !== null && s !== void 0 ? s : u.firstWeekContainsDate) !== null && n !== void 0 ? n : (l = u.locale) === null || l === void 0 || (c = l.options) === null || c === void 0 ? void 0 : c.firstWeekContainsDate) !== null && a !== void 0 ? a : 1), d = Vs(t, e), h = /* @__PURE__ */ new Date(0);
+  h.setUTCFullYear(d, 0, f), h.setUTCHours(0, 0, 0, 0);
+  var w = Pa(h, e);
   return w;
 }
 var e0 = 6048e5;
@@ -2722,45 +2722,45 @@ var K0 = {
 const Rs = K0;
 var G0 = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, X0 = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Q0 = /^'([^]*?)'?$/, J0 = /''/g, e3 = /[a-zA-Z]/;
 function Ns(t, e, a) {
-  var n, s, o, i, r, l, c, u, f, d, m, w, b, y, k, _, C, D;
+  var n, s, o, i, r, l, c, u, f, d, h, w, b, y, k, _, C, D;
   ge(2, arguments);
   var L = String(e), H = va(), F = (n = (s = a == null ? void 0 : a.locale) !== null && s !== void 0 ? s : H.locale) !== null && n !== void 0 ? n : Rs, U = Qe((o = (i = (r = (l = a == null ? void 0 : a.firstWeekContainsDate) !== null && l !== void 0 ? l : a == null || (c = a.locale) === null || c === void 0 || (u = c.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && r !== void 0 ? r : H.firstWeekContainsDate) !== null && i !== void 0 ? i : (f = H.locale) === null || f === void 0 || (d = f.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && o !== void 0 ? o : 1);
   if (!(U >= 1 && U <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var q = Qe((m = (w = (b = (y = a == null ? void 0 : a.weekStartsOn) !== null && y !== void 0 ? y : a == null || (k = a.locale) === null || k === void 0 || (_ = k.options) === null || _ === void 0 ? void 0 : _.weekStartsOn) !== null && b !== void 0 ? b : H.weekStartsOn) !== null && w !== void 0 ? w : (C = H.locale) === null || C === void 0 || (D = C.options) === null || D === void 0 ? void 0 : D.weekStartsOn) !== null && m !== void 0 ? m : 0);
+  var q = Qe((h = (w = (b = (y = a == null ? void 0 : a.weekStartsOn) !== null && y !== void 0 ? y : a == null || (k = a.locale) === null || k === void 0 || (_ = k.options) === null || _ === void 0 ? void 0 : _.weekStartsOn) !== null && b !== void 0 ? b : H.weekStartsOn) !== null && w !== void 0 ? w : (C = H.locale) === null || C === void 0 || (D = C.options) === null || D === void 0 ? void 0 : D.weekStartsOn) !== null && h !== void 0 ? h : 0);
   if (!(q >= 0 && q <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!F.localize)
     throw new RangeError("locale must contain localize property");
   if (!F.formatLong)
     throw new RangeError("locale must contain formatLong property");
-  var E = be(t);
-  if (!Ds(E))
+  var O = be(t);
+  if (!Ds(O))
     throw new RangeError("Invalid time value");
-  var K = ra(E), R = mn(E, K), Z = {
+  var x = ra(O), R = mn(O, x), Z = {
     firstWeekContainsDate: U,
     weekStartsOn: q,
     locale: F,
-    _originalDate: E
-  }, ie = L.match(X0).map(function(O) {
-    var N = O[0];
+    _originalDate: O
+  }, ie = L.match(X0).map(function(E) {
+    var N = E[0];
     if (N === "p" || N === "P") {
       var M = r0[N];
-      return M(O, F.formatLong);
+      return M(E, F.formatLong);
     }
-    return O;
-  }).join("").match(G0).map(function(O) {
-    if (O === "''")
+    return E;
+  }).join("").match(G0).map(function(E) {
+    if (E === "''")
       return "'";
-    var N = O[0];
+    var N = E[0];
     if (N === "'")
-      return t3(O);
+      return t3(E);
     var M = s0[N];
     if (M)
-      return !(a != null && a.useAdditionalWeekYearTokens) && d0(O) && ds(O, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && c0(O) && ds(O, e, String(t)), M(R, O, F.localize, Z);
+      return !(a != null && a.useAdditionalWeekYearTokens) && d0(E) && ds(E, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && c0(E) && ds(E, e, String(t)), M(R, E, F.localize, Z);
     if (N.match(e3))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + N + "`");
-    return O;
+    return E;
   }).join("");
   return ie;
 }
@@ -2771,23 +2771,23 @@ function t3(t) {
 function a3(t, e, a) {
   var n, s, o, i, r, l, c, u, f, d;
   ge(2, arguments);
-  var m = be(t), w = be(e), b = va(), y = (n = (s = a == null ? void 0 : a.locale) !== null && s !== void 0 ? s : b.locale) !== null && n !== void 0 ? n : Rs, k = Qe((o = (i = (r = (l = a == null ? void 0 : a.weekStartsOn) !== null && l !== void 0 ? l : a == null || (c = a.locale) === null || c === void 0 || (u = c.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && r !== void 0 ? r : b.weekStartsOn) !== null && i !== void 0 ? i : (f = b.locale) === null || f === void 0 || (d = f.options) === null || d === void 0 ? void 0 : d.weekStartsOn) !== null && o !== void 0 ? o : 0);
+  var h = be(t), w = be(e), b = va(), y = (n = (s = a == null ? void 0 : a.locale) !== null && s !== void 0 ? s : b.locale) !== null && n !== void 0 ? n : Rs, k = Qe((o = (i = (r = (l = a == null ? void 0 : a.weekStartsOn) !== null && l !== void 0 ? l : a == null || (c = a.locale) === null || c === void 0 || (u = c.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && r !== void 0 ? r : b.weekStartsOn) !== null && i !== void 0 ? i : (f = b.locale) === null || f === void 0 || (d = f.options) === null || d === void 0 ? void 0 : d.weekStartsOn) !== null && o !== void 0 ? o : 0);
   if (!y.localize)
     throw new RangeError("locale must contain localize property");
   if (!y.formatLong)
     throw new RangeError("locale must contain formatLong property");
   if (!y.formatRelative)
     throw new RangeError("locale must contain formatRelative property");
-  var _ = q2(m, w);
+  var _ = q2(h, w);
   if (isNaN(_))
     throw new RangeError("Invalid time value");
   var C;
   _ < -6 ? C = "other" : _ < -1 ? C = "lastWeek" : _ < 0 ? C = "yesterday" : _ < 1 ? C = "today" : _ < 2 ? C = "tomorrow" : _ < 7 ? C = "nextWeek" : C = "other";
-  var D = mn(m, ra(m)), L = mn(w, ra(w)), H = y.formatRelative(C, D, L, {
+  var D = mn(h, ra(h)), L = mn(w, ra(w)), H = y.formatRelative(C, D, L, {
     locale: y,
     weekStartsOn: k
   });
-  return Ns(m, H, {
+  return Ns(h, H, {
     locale: y,
     weekStartsOn: k
   });
@@ -3495,10 +3495,10 @@ function Ws() {
           break;
         w = b, l = y;
       }
-      let d = s.middleInternal(i, r, l, c), m;
-      for (let w = d.getScale(); w > 0; w = m) {
-        m = w - 1;
-        const b = d.setScale(m);
+      let d = s.middleInternal(i, r, l, c), h;
+      for (let w = d.getScale(); w > 0; w = h) {
+        h = w - 1;
+        const b = d.setScale(h);
         if (i.compareTo(b) >= 0 || b.compareTo(r) >= 0)
           break;
         d = b;
@@ -3714,7 +3714,7 @@ const zs = (t) => {
     };
     return (i, r) => (p(), g("div", {
       role: "img",
-      class: Y(n.value),
+      class: K(n.value),
       title: i.userName
     }, [
       i.avatarUrl ? T("", !0) : (p(), g("span", I3, G(Q(s)), 1)),
@@ -3878,7 +3878,7 @@ const a5 = ["type"], n5 = {
     const e = t, a = S(() => e.size), n = S(() => e.isLoading ? "Loading" : e.iconName);
     return (s, o) => (p(), g("button", {
       type: s.type,
-      class: Y([
+      class: K([
         "ao-button-card",
         `ao-button-card--${s.color}`,
         `ao-button-card--${s.corners}`,
@@ -4159,7 +4159,7 @@ const l5 = /* @__PURE__ */ z({
   emits: ["close"],
   setup(t) {
     return (e, a) => (p(), g("div", {
-      class: Y(["ao-modal__wrapper", `ao-modal__wrapper--${e.size}`])
+      class: K(["ao-modal__wrapper", `ao-modal__wrapper--${e.size}`])
     }, [
       v("div", {
         class: "ao-modal__backdrop",
@@ -4288,47 +4288,47 @@ function vs(t, e, a) {
     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;
-  let m;
+  let h;
   switch (l) {
     case "top":
-      m = {
+      h = {
         x: u,
         y: n.y - s.height
       };
       break;
     case "bottom":
-      m = {
+      h = {
         x: u,
         y: n.y + n.height
       };
       break;
     case "right":
-      m = {
+      h = {
         x: n.x + n.width,
         y: f
       };
       break;
     case "left":
-      m = {
+      h = {
         x: n.x - s.width,
         y: f
       };
       break;
     default:
-      m = {
+      h = {
         x: n.x,
         y: n.y
       };
   }
   switch (Ka(e)) {
     case "start":
-      m[i] -= d * (a && c ? -1 : 1);
+      h[i] -= d * (a && c ? -1 : 1);
       break;
     case "end":
-      m[i] += d * (a && c ? -1 : 1);
+      h[i] += d * (a && c ? -1 : 1);
       break;
   }
-  return m;
+  return h;
 }
 const E5 = async (t, e, a) => {
   const {
@@ -4344,7 +4344,7 @@ const E5 = async (t, e, a) => {
   }), {
     x: u,
     y: f
-  } = vs(c, n, l), d = n, m = {}, w = 0;
+  } = vs(c, n, l), d = n, h = {}, w = 0;
   for (let b = 0; b < r.length; b++) {
     const {
       name: y,
@@ -4360,7 +4360,7 @@ const E5 = async (t, e, a) => {
       initialPlacement: n,
       placement: d,
       strategy: s,
-      middlewareData: m,
+      middlewareData: h,
       rects: c,
       platform: i,
       elements: {
@@ -4368,10 +4368,10 @@ const E5 = async (t, e, a) => {
         floating: e
       }
     });
-    if (u = _ ?? u, f = C ?? f, m = {
-      ...m,
+    if (u = _ ?? u, f = C ?? f, h = {
+      ...h,
       [y]: {
-        ...m[y],
+        ...h[y],
         ...D
       }
     }, L && w <= 50) {
@@ -4391,7 +4391,7 @@ const E5 = async (t, e, a) => {
     y: f,
     placement: d,
     strategy: s,
-    middlewareData: m
+    middlewareData: h
   };
 };
 async function Ks(t, e) {
@@ -4409,8 +4409,8 @@ async function Ks(t, e) {
     rootBoundary: u = "viewport",
     elementContext: f = "floating",
     altBoundary: d = !1,
-    padding: m = 0
-  } = Ln(e, t), w = O5(m), y = r[d ? f === "floating" ? "reference" : "floating" : f], k = Ra(await o.getClippingRect({
+    padding: h = 0
+  } = Ln(e, t), w = O5(h), y = r[d ? f === "floating" ? "reference" : "floating" : f], k = Ra(await o.getClippingRect({
     element: (a = await (o.isElement == null ? void 0 : o.isElement(y))) == null || a ? y : y.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(r.floating)),
     boundary: c,
     rootBoundary: u,
@@ -4454,7 +4454,7 @@ const I5 = function(t) {
         mainAxis: u = !0,
         crossAxis: f = !0,
         fallbackPlacements: d,
-        fallbackStrategy: m = "bestFit",
+        fallbackStrategy: h = "bestFit",
         fallbackAxisSideDirection: w = "none",
         flipAlignment: b = !0,
         ...y
@@ -4473,7 +4473,7 @@ const I5 = function(t) {
         placement: s,
         overflows: F
       }], !F.every((R) => R <= 0)) {
-        var q, E;
+        var q, O;
         const R = (((q = o.flip) == null ? void 0 : q.index) || 0) + 1, Z = L[R];
         if (Z)
           return {
@@ -4485,13 +4485,13 @@ const I5 = function(t) {
               placement: Z
             }
           };
-        let ie = (E = U.filter((O) => O.overflows[0] <= 0).sort((O, N) => O.overflows[1] - N.overflows[1])[0]) == null ? void 0 : E.placement;
+        let ie = (O = U.filter((E) => E.overflows[0] <= 0).sort((E, N) => E.overflows[1] - N.overflows[1])[0]) == null ? void 0 : O.placement;
         if (!ie)
-          switch (m) {
+          switch (h) {
             case "bestFit": {
-              var K;
-              const O = (K = U.map((N) => [N.placement, N.overflows.filter((M) => M > 0).reduce((M, h) => M + h, 0)]).sort((N, M) => N[1] - M[1])[0]) == null ? void 0 : K[0];
-              O && (ie = O);
+              var x;
+              const E = (x = U.map((N) => [N.placement, N.overflows.filter((M) => M > 0).reduce((M, m) => M + m, 0)]).sort((N, M) => N[1] - M[1])[0]) == null ? void 0 : x[0];
+              E && (ie = E);
               break;
             }
             case "initialPlacement":
@@ -4524,22 +4524,22 @@ const I5 = function(t) {
         ...r
       } = Ln(t, e), l = await Ks(e, r), c = Ft(a), u = Ka(a), f = Hn(a) === "y", {
         width: d,
-        height: m
+        height: h
       } = n.floating;
       let w, b;
       c === "top" || c === "bottom" ? (w = c, b = u === (await (s.isRTL == null ? void 0 : s.isRTL(o.floating)) ? "start" : "end") ? "left" : "right") : (b = c, w = u === "end" ? "top" : "bottom");
-      const y = m - l[w], k = d - l[b], _ = !e.middlewareData.shift;
+      const y = h - l[w], k = d - l[b], _ = !e.middlewareData.shift;
       let C = y, D = k;
       if (f) {
         const H = d - l.left - l.right;
         D = u || _ ? ua(k, H) : H;
       } else {
-        const H = m - l.top - l.bottom;
+        const H = h - l.top - l.bottom;
         C = u || _ ? ua(y, H) : H;
       }
       if (_ && !u) {
         const H = Ee(l.left, 0), F = Ee(l.right, 0), U = Ee(l.top, 0), q = Ee(l.bottom, 0);
-        f ? D = d - 2 * (H !== 0 || F !== 0 ? H + F : Ee(l.left, l.right)) : C = m - 2 * (U !== 0 || q !== 0 ? U + q : Ee(l.top, l.bottom));
+        f ? D = d - 2 * (H !== 0 || F !== 0 ? H + F : Ee(l.left, l.right)) : C = h - 2 * (U !== 0 || q !== 0 ? U + q : Ee(l.top, l.bottom));
       }
       await i({
         ...e,
@@ -4547,7 +4547,7 @@ const I5 = function(t) {
         availableHeight: C
       });
       const L = await s.getDimensions(o.floating);
-      return d !== L.width || m !== L.height ? {
+      return d !== L.width || h !== L.height ? {
         reset: {
           rects: !0
         }
@@ -4690,9 +4690,9 @@ function St(t, e, a, n) {
   const r = V5(o, a, n) ? Js(o) : pt(0);
   let l = (s.left + r.x) / i.x, c = (s.top + r.y) / i.y, u = s.width / i.x, f = s.height / i.y;
   if (o) {
-    const d = ke(o), m = n && et(n) ? ke(n) : n;
+    const d = ke(o), h = n && et(n) ? ke(n) : n;
     let w = d.frameElement;
-    for (; w && n && m !== d; ) {
+    for (; w && n && h !== d; ) {
       const b = Vt(w), y = w.getBoundingClientRect(), k = Ve(w), _ = y.left + (w.clientLeft + parseFloat(k.paddingLeft)) * b.x, C = y.top + (w.clientTop + parseFloat(k.paddingTop)) * b.y;
       l *= b.x, c *= b.y, u *= b.x, f *= b.y, l += _, c += C, w = ke(w).frameElement;
     }
@@ -4905,8 +4905,8 @@ function K5(t, e) {
     } = t.getBoundingClientRect();
     if (r || e(), !f || !d)
       return;
-    const m = Oa(u), w = Oa(s.clientWidth - (c + f)), b = Oa(s.clientHeight - (u + d)), y = Oa(c), _ = {
-      rootMargin: -m + "px " + -w + "px " + -b + "px " + -y + "px",
+    const h = Oa(u), w = Oa(s.clientWidth - (c + f)), b = Oa(s.clientHeight - (u + d)), y = Oa(c), _ = {
+      rootMargin: -h + "px " + -w + "px " + -b + "px " + -y + "px",
       threshold: Ee(0, ua(1, l)) || 1
     };
     let C = !0;
@@ -4949,13 +4949,13 @@ function G5(t, e, a, n) {
     }), o && k.addEventListener("resize", a);
   });
   const f = c && r ? K5(c, a) : null;
-  let d = -1, m = null;
-  i && (m = new ResizeObserver((k) => {
+  let d = -1, h = null;
+  i && (h = new ResizeObserver((k) => {
     let [_] = k;
-    _ && _.target === c && m && (m.unobserve(e), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
-      m && m.observe(e);
+    _ && _.target === c && h && (h.unobserve(e), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+      h && h.observe(e);
     })), a();
-  }), c && !l && m.observe(c), m.observe(e));
+  }), c && !l && h.observe(c), h.observe(e));
   let w, b = l ? St(t) : null;
   l && y();
   function y() {
@@ -4965,7 +4965,7 @@ function G5(t, e, a, n) {
   return a(), () => {
     u.forEach((k) => {
       s && k.removeEventListener("scroll", a), o && k.removeEventListener("resize", a);
-    }), f && f(), m && m.disconnect(), m = null, l && cancelAnimationFrame(w);
+    }), f && f(), h && h.disconnect(), h = null, l && cancelAnimationFrame(w);
   };
 }
 const X5 = (t, e, a) => {
@@ -5020,8 +5020,8 @@ const X5 = (t, e, a) => {
           fallbackPlacements: ["top-start", "bottom-start"]
         }),
         L5({
-          apply({ availableWidth: f, availableHeight: d, elements: m, rects: w }) {
-            Object.assign(m.floating.style, {
+          apply({ availableWidth: f, availableHeight: d, elements: h, rects: w }) {
+            Object.assign(h.floating.style, {
               minHeight: `${s.value}px`,
               width: `${w.reference.width}px`,
               maxWidth: `${f}px`,
@@ -5052,8 +5052,8 @@ function je(t) {
 function J5(t, e, a) {
   const { object: n, valueProp: s, mode: o } = Me(t), i = At().proxy, r = a.iv, l = (f, d = !0) => {
     r.value = u(f);
-    const m = c(f);
-    e.emit("change", m, i), d && (e.emit("input", m), e.emit("update:modelValue", m));
+    const h = c(f);
+    e.emit("change", h, i), d && (e.emit("input", h), e.emit("update:modelValue", h));
   }, c = (f) => n.value || je(f) ? f : Array.isArray(f) ? f.map((d) => d[s.value]) : f[s.value], u = (f) => je(f) ? o.value === "single" ? {} : [] : f;
   return {
     update: l
@@ -5077,8 +5077,8 @@ function t7(t, e, a) {
     r.value = d.target.value;
   }, u = (d) => {
     if (n && n.value) {
-      let m = n.value;
-      typeof m == "string" && (m = new RegExp(m)), d.key.match(m) || d.preventDefault();
+      let h = n.value;
+      typeof h == "string" && (h = new RegExp(h)), d.key.match(h) || d.preventDefault();
     }
   }, f = (d) => {
     if (n && n.value) {
@@ -5134,7 +5134,7 @@ function i7(t, e, a) {
     label: u,
     appendNewTag: f,
     appendNewOption: d,
-    multipleLabel: m,
+    multipleLabel: h,
     object: w,
     loading: b,
     delay: y,
@@ -5147,21 +5147,21 @@ function i7(t, e, a) {
     allowAbsent: F,
     groupLabel: U,
     canDeselect: q,
-    max: E,
-    strict: K,
+    max: O,
+    strict: x,
     closeOnSelect: R,
     closeOnDeselect: Z,
     groups: ie,
-    reverse: O,
+    reverse: E,
     infinite: N,
     groupOptions: M,
-    groupHideEmpty: h,
+    groupHideEmpty: m,
     groupSelect: I,
     onCreate: J,
     disabledProp: ae,
     searchStart: le,
     searchFilter: ne
-  } = Me(t), re = At().proxy, x = a.iv, V = a.ev, X = a.search, he = a.clearSearch, we = a.update, Kt = a.pointer, Gt = a.setPointer, nt = a.clearPointer, _a = a.focus, tn = a.deactivate, st = a.close, ya = a.localize, it = ee([]), Ne = ee([]), Ae = ee(!1), Be = ee(null), qe = ee(N.value && i.value === -1 ? 10 : i.value), Xt = S(() => l.value || c.value || !1), ba = S(() => f.value !== void 0 ? f.value : d.value !== void 0 ? d.value : !0), Te = S(() => {
+  } = Me(t), re = At().proxy, Y = a.iv, V = a.ev, X = a.search, he = a.clearSearch, we = a.update, Kt = a.pointer, Gt = a.setPointer, nt = a.clearPointer, _a = a.focus, tn = a.deactivate, st = a.close, ya = a.localize, it = ee([]), Ne = ee([]), Ae = ee(!1), Be = ee(null), qe = ee(N.value && i.value === -1 ? 10 : i.value), Xt = S(() => l.value || c.value || !1), ba = S(() => f.value !== void 0 ? f.value : d.value !== void 0 ? d.value : !0), Te = S(() => {
     if (ie.value) {
       let $ = _t.value || /* istanbul ignore next */
       [], B = [];
@@ -5177,7 +5177,7 @@ function i7(t, e, a) {
     }
   }), Qt = S(() => {
     let $ = Te.value;
-    return O.value && ($ = $.reverse()), Ot.value.length && ($ = Ot.value.concat($)), ln($);
+    return E.value && ($ = $.reverse()), Ot.value.length && ($ = Ot.value.concat($)), ln($);
   }), ot = S(() => {
     let $ = Qt.value;
     return qe.value > 0 && ($ = $.slice(0, qe.value)), $;
@@ -5216,12 +5216,12 @@ function i7(t, e, a) {
   }), nn = S(() => {
     switch (s.value) {
       case "single":
-        return !je(x.value[H.value]);
+        return !je(Y.value[H.value]);
       case "multiple":
       case "tags":
-        return !je(x.value) && x.value.length > 0;
+        return !je(Y.value) && Y.value.length > 0;
     }
-  }), pi = S(() => m !== void 0 && m.value !== void 0 ? m.value(x.value, re) : x.value && x.value.length > 1 ? `${x.value.length} options selected` : "1 option selected"), fi = S(() => !Te.value.length && !Ae.value && !Ot.value.length), vi = S(() => Te.value.length > 0 && ot.value.length == 0 && (X.value && ie.value || !ie.value)), Ot = S(() => Xt.value === !1 || !X.value ? [] : $i(X.value) !== -1 ? [] : [{
+  }), pi = S(() => h !== void 0 && h.value !== void 0 ? h.value(Y.value, re) : Y.value && Y.value.length > 1 ? `${Y.value.length} options selected` : "1 option selected"), fi = S(() => !Te.value.length && !Ae.value && !Ot.value.length), vi = S(() => Te.value.length > 0 && ot.value.length == 0 && (X.value && ie.value || !ie.value)), Ot = S(() => Xt.value === !1 || !X.value ? [] : $i(X.value) !== -1 ? [] : [{
     [H.value]: X.value,
     [yt.value[0]]: X.value,
     [u.value]: X.value,
@@ -5241,7 +5241,7 @@ function i7(t, e, a) {
         break;
       case "multiple":
       case "tags":
-        we(x.value.concat($));
+        we(Y.value.concat($));
         break;
     }
     e.emit("select", es($), $, re);
@@ -5252,7 +5252,7 @@ function i7(t, e, a) {
         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]));
+        we(Array.isArray($) ? Y.value.filter((B) => $.map((oe) => oe[H.value]).indexOf(B[H.value]) === -1) : Y.value.filter((B) => B[H.value] != $[H.value]));
         break;
     }
     e.emit("deselect", es($), $, re);
@@ -5271,12 +5271,12 @@ function i7(t, e, a) {
       return s.value === "single" ? !1 : wi($[M.value]) && $[M.value].length;
     switch (s.value) {
       case "single":
-        return !je(x.value) && x.value[H.value] == $[H.value];
+        return !je(Y.value) && Y.value[H.value] == $[H.value];
       case "tags":
       case "multiple":
-        return !je(x.value) && x.value.map((B) => B[H.value]).indexOf($[H.value]) !== -1;
+        return !je(Y.value) && Y.value.map((B) => B[H.value]).indexOf($[H.value]) !== -1;
     }
-  }, sn = ($) => $[ae.value] === !0, on = () => E === void 0 || E.value === -1 || !nn.value && E.value > 0 ? !1 : x.value.length >= E.value, gi = ($) => {
+  }, sn = ($) => $[ae.value] === !0, on = () => O === void 0 || O.value === -1 || !nn.value && O.value > 0 ? !1 : Y.value.length >= O.value, gi = ($) => {
     if (!sn($)) {
       if (J && J.value && !ze($) && $.__CREATE__ && ($ = { ...$ }, delete $.__CREATE__, $ = J.value($, re), $ instanceof Promise)) {
         Ae.value = !0, $.then((B) => {
@@ -5325,7 +5325,7 @@ function i7(t, e, a) {
         case "multiple":
         case "tags":
           bi($[M.value]) ? It($[M.value]) : Et(
-            $[M.value].filter((B) => x.value.map((oe) => oe[H.value]).indexOf(B[H.value]) === -1).filter((B) => !B[ae.value]).filter((B, oe) => x.value.length + 1 + oe <= E.value || E.value === -1)
+            $[M.value].filter((B) => Y.value.map((oe) => oe[H.value]).indexOf(B[H.value]) === -1).filter((B) => !B[ae.value]).filter((B, oe) => Y.value.length + 1 + oe <= O.value || O.value === -1)
           ), r.value && Kt.value && Gt(an.value.filter((B) => !B[ae.value])[Kt.value.index]);
           break;
       }
@@ -5337,15 +5337,15 @@ function i7(t, e, a) {
     s.value !== "single" && Et(ot.value.filter(($) => !$.disabled && !ze($)));
   }, bi = ($) => $.find((B) => !ze(B) && !B[ae.value]) === void 0, wi = ($) => $.find((B) => !ze(B)) === void 0, xe = ($) => Te.value[Te.value.map((B) => String(B[H.value])).indexOf(String($))], $i = ($) => Te.value.findIndex((B) => yt.value.some((oe) => (parseInt(B[oe]) == B[oe] ? parseInt(B[oe]) : B[oe]) === (parseInt($) == $ ? parseInt($) : $))), ki = ($) => ["tags", "multiple"].indexOf(s.value) !== -1 && r.value && ze($), Si = ($) => {
     it.value.push($);
-  }, Mi = ($) => h.value ? $.filter(
+  }, Mi = ($) => m.value ? $.filter(
     (B) => X.value ? B.__VISIBLE__.length : B[M.value].length
   ) : $.filter((B) => X.value ? B.__VISIBLE__.length : !0), ln = ($, B = !0) => {
     let oe = $;
     if (X.value && C.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;
+        let os = fn(ya(bt[Ti]), x.value);
+        return le.value ? os.startsWith(fn(is, x.value)) : os.indexOf(fn(is, x.value)) !== -1;
       })), oe = oe.filter((bt) => me(bt, X.value, re));
     }
     return r.value && B && (oe = oe.filter((me) => !ki(me))), oe;
@@ -5356,7 +5356,7 @@ function i7(t, e, a) {
       return { [H.value]: oe, [yt.value[0]]: me, [u.value]: me };
     })), B = B.map((oe) => typeof oe == "object" ? oe : { [H.value]: oe, [yt.value[0]]: oe, [u.value]: oe }), B;
   }, $a = () => {
-    je(V.value) || (x.value = Sa(V.value));
+    je(V.value) || (Y.value = Sa(V.value));
   }, ka = ($) => (Ae.value = !0, new Promise((B, oe) => {
     n.value(X.value, re).then((me) => {
       Ne.value = me || [], typeof $ == "function" && $(me), Ae.value = !1;
@@ -5368,17 +5368,17 @@ function i7(t, e, a) {
   })), cn = () => {
     if (nn.value)
       if (s.value === "single") {
-        let $ = xe(x.value[H.value]);
+        let $ = xe(Y.value[H.value]);
         if ($ !== void 0) {
           let B = $[u.value];
-          x.value[u.value] = B, w.value && (V.value[u.value] = B);
+          Y.value[u.value] = B, w.value && (V.value[u.value] = B);
         }
       } else
-        x.value.forEach(($, B) => {
-          let oe = xe(x.value[B][H.value]);
+        Y.value.forEach(($, B) => {
+          let oe = xe(Y.value[B][H.value]);
           if (oe !== void 0) {
             let me = oe[u.value];
-            x.value[B][u.value] = me, w.value && (V.value[B][u.value] = me);
+            Y.value[B][u.value] = me, w.value && (V.value[B][u.value] = me);
           }
         });
   }, Ai = ($) => {
@@ -5416,15 +5416,15 @@ function i7(t, e, a) {
     }
     switch (s.value) {
       case "single":
-        (w.value ? $[H.value] != x.value[H.value] : $ != x.value[H.value]) && we(Sa($), !1);
+        (w.value ? $[H.value] != Y.value[H.value] : $ != Y.value[H.value]) && we(Sa($), !1);
         break;
       case "multiple":
       case "tags":
-        s7(w.value ? $.map((B) => B[H.value]) : $, x.value.map((B) => B[H.value])) || we(Sa($), !1);
+        s7(w.value ? $.map((B) => B[H.value]) : $, Y.value.map((B) => B[H.value])) || we(Sa($), !1);
         break;
     }
   }, { deep: !0 }), de(n, ($, B) => {
-    typeof t.options == "function" ? k.value && (!B || $ && $.toString() !== B.toString()) && ka() : (Ne.value = t.options, Object.keys(x.value).length || $a(), cn());
+    typeof t.options == "function" ? k.value && (!B || $ && $.toString() !== B.toString()) && ka() : (Ne.value = t.options, Object.keys(Y.value).length || $a(), cn());
   }), de(u, cn), de(i, ($, B) => {
     qe.value = N.value && $ === -1 ? 10 : $;
   }), {
@@ -5472,7 +5472,7 @@ function o7(t, e, a) {
     groupSelect: c,
     disabledProp: u,
     groupOptions: f
-  } = Me(t), d = a.fo, m = a.fg, w = a.handleOptionClick, b = a.handleGroupClick, y = a.search, k = a.pointer, _ = a.setPointer, C = a.clearPointer, D = a.multiselect, L = a.isOpen, H = S(() => d.value.filter((V) => !V[u.value])), F = S(() => m.value.filter((V) => !V[u.value])), U = S(() => l.value !== "single" && c.value), q = S(() => k.value && k.value.group), E = S(() => re(k.value)), K = S(() => {
+  } = Me(t), d = a.fo, h = a.fg, w = a.handleOptionClick, b = a.handleGroupClick, y = a.search, k = a.pointer, _ = a.setPointer, C = a.clearPointer, D = a.multiselect, L = a.isOpen, H = S(() => d.value.filter((V) => !V[u.value])), F = S(() => h.value.filter((V) => !V[u.value])), U = S(() => l.value !== "single" && c.value), q = S(() => k.value && k.value.group), O = S(() => re(k.value)), x = S(() => {
     const V = q.value ? k.value : (
       /* istanbul ignore next */
       re(k.value)
@@ -5482,13 +5482,13 @@ function o7(t, e, a) {
   }), R = S(() => {
     let V = F.value.map((X) => X.label).indexOf(q.value ? k.value[i.value] : re(k.value)[i.value]) + 1;
     return F.value.length <= V && (V = 0), F.value[V];
-  }), Z = S(() => [...F.value].slice(-1)[0]), ie = S(() => k.value.__VISIBLE__.filter((V) => !V[u.value])[0]), O = S(() => {
-    const V = E.value.__VISIBLE__.filter((X) => !X[u.value]);
+  }), Z = S(() => [...F.value].slice(-1)[0]), ie = S(() => k.value.__VISIBLE__.filter((V) => !V[u.value])[0]), E = S(() => {
+    const V = O.value.__VISIBLE__.filter((X) => !X[u.value]);
     return V[V.map((X) => X[n.value]).indexOf(k.value[n.value]) - 1];
   }), N = S(() => {
     const V = re(k.value).__VISIBLE__.filter((X) => !X[u.value]);
     return V[V.map((X) => X[n.value]).indexOf(k.value[n.value]) + 1];
-  }), M = S(() => [...K.value.__VISIBLE__.filter((V) => !V[u.value])].slice(-1)[0]), h = S(() => [...Z.value.__VISIBLE__.filter((V) => !V[u.value])].slice(-1)[0]), I = (V) => k.value && (!V.group && k.value[n.value] === V[n.value] || V.group !== void 0 && k.value[i.value] === V[i.value]) ? !0 : void 0, J = () => {
+  }), M = S(() => [...x.value.__VISIBLE__.filter((V) => !V[u.value])].slice(-1)[0]), m = S(() => [...Z.value.__VISIBLE__.filter((V) => !V[u.value])].slice(-1)[0]), I = (V) => k.value && (!V.group && k.value[n.value] === V[n.value] || V.group !== void 0 && k.value[i.value] === V[i.value]) ? !0 : void 0, J = () => {
     _(H.value[0] || null);
   }, ae = () => {
     !k.value || k.value[u.value] === !0 || (q.value ? b(k.value) : w(k.value));
@@ -5504,24 +5504,24 @@ function o7(t, e, a) {
       H.value.length <= V && (V = 0), _(H.value[V] || null);
     }
     De(() => {
-      x();
+      Y();
     });
   }, ne = () => {
     if (k.value === null) {
       let V = H.value[H.value.length - 1];
-      r.value && U.value && (V = h.value, V === void 0 && (V = Z.value)), _(V || null);
+      r.value && U.value && (V = m.value, V === void 0 && (V = Z.value)), _(V || null);
     } else if (r.value && U.value) {
-      let V = q.value ? M.value : O.value;
-      V === void 0 && (V = q.value ? K.value : E.value, V.__CREATE__ && (V = M.value, V === void 0 && (V = K.value))), _(V || /* istanbul ignore next */
+      let V = q.value ? M.value : E.value;
+      V === void 0 && (V = q.value ? x.value : O.value, V.__CREATE__ && (V = M.value, V === void 0 && (V = x.value))), _(V || /* istanbul ignore next */
       null);
     } else {
       let V = H.value.map((X) => X[n.value]).indexOf(k.value[n.value]) - 1;
       V < 0 && (V = H.value.length - 1), _(H.value[V] || null);
     }
     De(() => {
-      x();
+      Y();
     });
-  }, re = (V) => F.value.find((X) => X.__VISIBLE__.map((he) => he[n.value]).indexOf(V[n.value]) !== -1), x = () => {
+  }, re = (V) => F.value.find((X) => X.__VISIBLE__.map((he) => he[n.value]).indexOf(V[n.value]) !== -1), Y = () => {
     let V = D.value.querySelector("[data-pointed]");
     if (!V)
       return;
@@ -5909,25 +5909,25 @@ function B7(t, e) {
 }
 function Un(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, m = a.altBoundary, w = m === void 0 ? !1 : m, b = a.padding, y = b === void 0 ? 0 : b, k = V7(typeof y != "number" ? y : B7(y, en)), _ = d === sa ? v7 : sa, C = t.rects.popper, D = t.elements[w ? _ : d], L = P7(Mt(D) ? D : D.contextElement || gt(t.elements.popper), l, u, i), H = Wt(t.elements.reference), F = li({
+  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, h = a.altBoundary, w = h === void 0 ? !1 : h, b = a.padding, y = b === void 0 ? 0 : b, k = V7(typeof y != "number" ? y : B7(y, en)), _ = d === sa ? v7 : sa, C = t.rects.popper, D = t.elements[w ? _ : d], L = P7(Mt(D) ? D : D.contextElement || gt(t.elements.popper), l, u, i), H = Wt(t.elements.reference), F = li({
     reference: H,
     element: C,
     strategy: "absolute",
     placement: s
-  }), U = _n(Object.assign({}, C, F)), q = d === sa ? U : H, E = {
+  }), U = _n(Object.assign({}, C, F)), q = d === sa ? U : H, O = {
     top: L.top - q.top + k.top,
     bottom: q.bottom - L.bottom + k.bottom,
     left: L.left - q.left + k.left,
     right: q.right - L.right + k.right
-  }, K = t.modifiersData.offset;
-  if (d === sa && K) {
-    var R = K[s];
-    Object.keys(E).forEach(function(Z) {
-      var ie = [vt, We].indexOf(Z) >= 0 ? 1 : -1, O = [Re, We].indexOf(Z) >= 0 ? "y" : "x";
-      E[Z] += R[O] * ie;
+  }, x = t.modifiersData.offset;
+  if (d === sa && x) {
+    var R = x[s];
+    Object.keys(O).forEach(function(Z) {
+      var ie = [vt, We].indexOf(Z) >= 0 ? 1 : -1, E = [Re, We].indexOf(Z) >= 0 ? "y" : "x";
+      O[Z] += R[E] * ie;
     });
   }
-  return E;
+  return O;
 }
 var bs = {
   placement: "bottom",
@@ -5957,7 +5957,7 @@ function R7(t) {
       },
       attributes: {},
       styles: {}
-    }, f = [], d = !1, m = {
+    }, f = [], d = !1, h = {
       state: u,
       setOptions: function(k) {
         var _ = typeof k == "function" ? k(u.options) : k;
@@ -5968,7 +5968,7 @@ function R7(t) {
         var C = A7(O7([].concat(n, u.options.modifiers)));
         return u.orderedModifiers = C.filter(function(D) {
           return D.enabled;
-        }), w(), m.update();
+        }), w(), h.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -5982,8 +5982,8 @@ function R7(t) {
             u.rects = {
               reference: c7(_, Ja(C), u.options.strategy === "fixed"),
               popper: si(C)
-            }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(E) {
-              return u.modifiersData[E.name] = Object.assign({}, E.data);
+            }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(O) {
+              return u.modifiersData[O.name] = Object.assign({}, O.data);
             });
             for (var D = 0; D < u.orderedModifiers.length; D++) {
               if (u.reset === !0) {
@@ -5995,7 +5995,7 @@ function R7(t) {
                 state: u,
                 options: U,
                 name: q,
-                instance: m
+                instance: h
               }) || u);
             }
           }
@@ -6005,7 +6005,7 @@ function R7(t) {
       // not necessary (debounced to run at most once-per-tick)
       update: T7(function() {
         return new Promise(function(y) {
-          m.forceUpdate(), y(u);
+          h.forceUpdate(), y(u);
         });
       }),
       destroy: function() {
@@ -6013,8 +6013,8 @@ function R7(t) {
       }
     };
     if (!ws(r, l))
-      return m;
-    m.setOptions(c).then(function(y) {
+      return h;
+    h.setOptions(c).then(function(y) {
       !d && c.onFirstUpdate && c.onFirstUpdate(y);
     });
     function w() {
@@ -6024,7 +6024,7 @@ function R7(t) {
           var L = D({
             state: u,
             name: k,
-            instance: m,
+            instance: h,
             options: C
           }), H = function() {
           };
@@ -6037,7 +6037,7 @@ function R7(t) {
         return y();
       }), f = [];
     }
-    return m;
+    return h;
   };
 }
 var Ea = {
@@ -6091,14 +6091,14 @@ function W7(t, e) {
   };
 }
 function $s(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, m = d === void 0 ? 0 : d, w = i.y, b = w === void 0 ? 0 : w, y = typeof u == "function" ? u({
-    x: m,
+  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, h = d === void 0 ? 0 : d, w = i.y, b = w === void 0 ? 0 : w, y = typeof u == "function" ? u({
+    x: h,
     y: b
   }) : {
-    x: m,
+    x: h,
     y: b
   };
-  m = y.x, b = y.y;
+  h = y.x, b = y.y;
   var k = i.hasOwnProperty("x"), _ = i.hasOwnProperty("y"), C = Ge, D = Re, L = window;
   if (c) {
     var H = Ja(a), F = "clientHeight", U = "clientWidth";
@@ -6112,27 +6112,27 @@ function $s(t) {
     }
     if (s === Ge || (s === Re || s === We) && o === da) {
       C = vt;
-      var E = f && H === L && L.visualViewport ? L.visualViewport.width : (
+      var O = f && H === L && L.visualViewport ? L.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         H[U]
       );
-      m -= E - n.width, m *= l ? 1 : -1;
+      h -= O - n.width, h *= l ? 1 : -1;
     }
   }
-  var K = Object.assign({
+  var x = Object.assign({
     position: r
   }, c && Z7), R = u === !0 ? W7({
-    x: m,
+    x: h,
     y: b
   }, Se(a)) : {
-    x: m,
+    x: h,
     y: b
   };
-  if (m = R.x, b = R.y, l) {
+  if (h = R.x, b = R.y, l) {
     var Z;
-    return Object.assign({}, K, (Z = {}, Z[D] = _ ? "0" : "", Z[C] = k ? "0" : "", Z.transform = (L.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + b + "px)" : "translate3d(" + m + "px, " + b + "px, 0)", Z));
+    return Object.assign({}, x, (Z = {}, Z[D] = _ ? "0" : "", Z[C] = k ? "0" : "", Z.transform = (L.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + b + "px)" : "translate3d(" + h + "px, " + b + "px, 0)", Z));
   }
-  return Object.assign({}, K, (e = {}, e[D] = _ ? b + "px" : "", e[C] = k ? m + "px" : "", e.transform = "", e));
+  return Object.assign({}, x, (e = {}, e[D] = _ ? b + "px" : "", e[C] = k ? h + "px" : "", e.transform = "", e));
 }
 function q7(t) {
   var e = t.state, a = t.options, n = a.gpuAcceleration, s = n === void 0 ? !0 : n, o = a.adaptive, i = o === void 0 ? !0 : o, r = a.roundOffsets, l = r === void 0 ? !0 : r, c = {
@@ -6219,33 +6219,33 @@ 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, m = d === void 0 ? !0 : d, w = a.tetherOffset, b = w === void 0 ? 0 : w, y = 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, h = d === void 0 ? !0 : d, w = a.tetherOffset, b = w === void 0 ? 0 : w, y = Un(e, {
     boundary: l,
     rootBoundary: c,
     padding: f,
     altBoundary: u
   }), k = ct(e.placement), _ = zt(e.placement), C = !_, D = ri(k), L = Q7(D), H = e.modifiersData.popperOffsets, F = e.rects.reference, U = e.rects.popper, q = typeof b == "function" ? b(Object.assign({}, e.rects, {
     placement: e.placement
-  })) : b, E = typeof q == "number" ? {
+  })) : b, O = typeof q == "number" ? {
     mainAxis: q,
     altAxis: q
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, q), K = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, R = {
+  }, q), x = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, R = {
     x: 0,
     y: 0
   };
   if (H) {
     if (o) {
-      var Z, ie = D === "y" ? Re : Ge, O = D === "y" ? We : vt, N = D === "y" ? "height" : "width", M = H[D], h = M + y[ie], I = M - y[O], J = m ? -U[N] / 2 : 0, ae = _ === qt ? F[N] : U[N], le = _ === qt ? -U[N] : -F[N], ne = e.elements.arrow, re = m && ne ? si(ne) : {
+      var Z, ie = D === "y" ? Re : Ge, E = D === "y" ? We : vt, N = D === "y" ? "height" : "width", M = H[D], m = M + y[ie], I = M - y[E], J = h ? -U[N] / 2 : 0, ae = _ === qt ? F[N] : U[N], le = _ === qt ? -U[N] : -F[N], ne = e.elements.arrow, re = h && ne ? si(ne) : {
         width: 0,
         height: 0
-      }, x = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : ui(), V = x[ie], X = x[O], he = Ia(0, F[N], re[N]), we = C ? F[N] / 2 - J - he - V - E.mainAxis : ae - he - V - E.mainAxis, Kt = C ? -F[N] / 2 + J + he + X + E.mainAxis : le + he + X + E.mainAxis, Gt = e.elements.arrow && Ja(e.elements.arrow), nt = Gt ? D === "y" ? Gt.clientTop || 0 : Gt.clientLeft || 0 : 0, _a = (Z = K == null ? void 0 : K[D]) != null ? Z : 0, tn = M + we - _a - nt, st = M + Kt - _a, ya = Ia(m ? Na(h, tn) : h, M, m ? kt(I, st) : I);
+      }, Y = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : ui(), V = Y[ie], X = Y[E], he = Ia(0, F[N], re[N]), we = C ? F[N] / 2 - J - he - V - O.mainAxis : ae - he - V - O.mainAxis, Kt = C ? -F[N] / 2 + J + he + X + O.mainAxis : le + he + X + O.mainAxis, Gt = e.elements.arrow && Ja(e.elements.arrow), nt = Gt ? D === "y" ? Gt.clientTop || 0 : Gt.clientLeft || 0 : 0, _a = (Z = x == null ? void 0 : x[D]) != null ? Z : 0, tn = M + we - _a - nt, st = M + Kt - _a, ya = Ia(h ? Na(m, tn) : m, M, h ? kt(I, st) : I);
       H[D] = ya, R[D] = ya - M;
     }
     if (r) {
-      var it, Ne = D === "x" ? Re : Ge, Ae = D === "x" ? We : vt, Be = H[L], qe = L === "y" ? "height" : "width", Xt = Be + y[Ne], ba = Be - y[Ae], Te = [Re, Ge].indexOf(k) !== -1, Qt = (it = K == null ? void 0 : K[L]) != null ? it : 0, ot = Te ? Xt : Be - F[qe] - U[qe] - Qt + E.altAxis, _t = Te ? Be + F[qe] + U[qe] - Qt - E.altAxis : ba, wa = m && Te ? J7(ot, Be, _t) : Ia(m ? ot : Xt, Be, m ? _t : ba);
+      var it, Ne = D === "x" ? Re : Ge, Ae = D === "x" ? We : vt, Be = H[L], qe = L === "y" ? "height" : "width", Xt = Be + y[Ne], ba = Be - y[Ae], Te = [Re, Ge].indexOf(k) !== -1, Qt = (it = x == null ? void 0 : x[L]) != null ? it : 0, ot = Te ? Xt : Be - F[qe] - U[qe] - Qt + O.altAxis, _t = Te ? Be + F[qe] + U[qe] - Qt - O.altAxis : ba, wa = h && Te ? J7(ot, Be, _t) : Ia(h ? ot : Xt, Be, h ? _t : ba);
       H[L] = wa, R[L] = wa - Be;
     }
     e.modifiersData[n] = R;
@@ -6285,7 +6285,7 @@ function sp(t, e) {
     return c.indexOf(w) >= 0;
   });
   d.length === 0 && (d = f);
-  var m = d.reduce(function(w, b) {
+  var h = d.reduce(function(w, b) {
     return w[b] = Un(t, {
       placement: b,
       boundary: s,
@@ -6293,8 +6293,8 @@ function sp(t, e) {
       padding: i
     })[ct(b)], w;
   }, {});
-  return Object.keys(m).sort(function(w, b) {
-    return m[w] - m[b];
+  return Object.keys(h).sort(function(w, b) {
+    return h[w] - h[b];
   });
 }
 function ip(t) {
@@ -6306,39 +6306,39 @@ function ip(t) {
 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, m = a.flipVariations, w = m === void 0 ? !0 : m, b = a.allowedAutoPlacements, y = e.options.placement, k = ct(y), _ = k === y, C = l || (_ || !w ? [La(y)] : ip(y)), D = [y].concat(C).reduce(function(re, x) {
-      return re.concat(ct(x) === Fn ? sp(e, {
-        placement: x,
+    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, h = a.flipVariations, w = h === void 0 ? !0 : h, b = a.allowedAutoPlacements, y = e.options.placement, k = ct(y), _ = k === y, C = l || (_ || !w ? [La(y)] : ip(y)), D = [y].concat(C).reduce(function(re, Y) {
+      return re.concat(ct(Y) === Fn ? sp(e, {
+        placement: Y,
         boundary: u,
         rootBoundary: f,
         padding: c,
         flipVariations: w,
         allowedAutoPlacements: b
-      }) : x);
-    }, []), L = e.rects.reference, H = e.rects.popper, F = /* @__PURE__ */ new Map(), U = !0, q = D[0], E = 0; E < D.length; E++) {
-      var K = D[E], R = ct(K), Z = zt(K) === qt, ie = [Re, We].indexOf(R) >= 0, O = ie ? "width" : "height", N = Un(e, {
-        placement: K,
+      }) : Y);
+    }, []), L = e.rects.reference, H = e.rects.popper, F = /* @__PURE__ */ new Map(), U = !0, q = D[0], O = 0; O < D.length; O++) {
+      var x = D[O], R = ct(x), Z = zt(x) === qt, ie = [Re, We].indexOf(R) >= 0, E = ie ? "width" : "height", N = Un(e, {
+        placement: x,
         boundary: u,
         rootBoundary: f,
         altBoundary: d,
         padding: c
       }), M = ie ? Z ? vt : Ge : Z ? We : Re;
-      L[O] > H[O] && (M = La(M));
-      var h = La(M), I = [];
-      if (o && I.push(N[R] <= 0), r && I.push(N[M] <= 0, N[h] <= 0), I.every(function(re) {
+      L[E] > H[E] && (M = La(M));
+      var m = La(M), I = [];
+      if (o && I.push(N[R] <= 0), r && I.push(N[M] <= 0, N[m] <= 0), I.every(function(re) {
         return re;
       })) {
-        q = K, U = !1;
+        q = x, U = !1;
         break;
       }
-      F.set(K, I);
+      F.set(x, I);
     }
     if (U)
-      for (var J = w ? 3 : 1, ae = function(x) {
+      for (var J = w ? 3 : 1, ae = function(Y) {
         var V = D.find(function(X) {
           var he = F.get(X);
           if (he)
-            return he.slice(0, x).every(function(we) {
+            return he.slice(0, Y).every(function(we) {
               return we;
             });
         });
@@ -6363,8 +6363,8 @@ var rp = {
   }
 };
 function lp(t, e, a) {
-  const { disabled: n, appendTo: s, appendToBody: o, openDirection: i } = Me(t), r = At().proxy, l = a.multiselect, c = a.dropdown, u = ee(!1), f = ee(null), d = ee(null), m = S(() => s.value || o.value), w = S(() => i.value === "top" && d.value === "bottom" || i.value === "bottom" && d.value !== "top" ? "bottom" : "top"), b = () => {
-    u.value || n.value || (u.value = !0, e.emit("open", r), m.value && De(() => {
+  const { disabled: n, appendTo: s, appendToBody: o, openDirection: i } = Me(t), r = At().proxy, l = a.multiselect, c = a.dropdown, u = ee(!1), f = ee(null), d = ee(null), h = S(() => s.value || o.value), w = S(() => i.value === "top" && d.value === "bottom" || i.value === "bottom" && d.value !== "top" ? "bottom" : "top"), b = () => {
+    u.value || n.value || (u.value = !0, e.emit("open", r), h.value && De(() => {
       k();
     }));
   }, y = () => {
@@ -6394,7 +6394,7 @@ function lp(t, e, a) {
     return !1;
   };
   return xt(() => {
-    m.value && (f.value = X7(l.value, c.value, {
+    h.value && (f.value = X7(l.value, c.value, {
       strategy: _(l.value) ? (
         /* istanbul ignore next: UI feature */
         "fixed"
@@ -6426,7 +6426,7 @@ function lp(t, e, a) {
       ]
     }));
   }), Ts(() => {
-    !m.value || !f.value || (f.value.destroy(), f.value = null);
+    !h.value || !f.value || (f.value.destroy(), f.value = null);
   }), {
     popper: f,
     isOpen: u,
@@ -6437,20 +6437,20 @@ function lp(t, e, a) {
   };
 }
 function up(t, e, a) {
-  const { searchable: n, disabled: s, clearOnBlur: o } = Me(t), i = a.input, r = a.open, l = a.close, c = a.clearSearch, u = a.isOpen, f = a.wrapper, d = a.tags, m = ee(!1), w = ee(!1), b = S(() => n.value || s.value ? -1 : 0), y = () => {
+  const { searchable: n, disabled: s, clearOnBlur: o } = Me(t), i = a.input, r = a.open, l = a.close, c = a.clearSearch, u = a.isOpen, f = a.wrapper, d = a.tags, h = ee(!1), w = ee(!1), b = S(() => n.value || s.value ? -1 : 0), y = () => {
     n.value && i.value.blur(), f.value.blur();
   }, k = () => {
     n.value && !s.value && i.value.focus();
   }, _ = (U = !0) => {
-    s.value || (m.value = !0, U && r());
+    s.value || (h.value = !0, U && r());
   }, C = () => {
-    m.value = !1, setTimeout(() => {
-      m.value || (l(), o.value && c());
+    h.value = !1, setTimeout(() => {
+      h.value || (l(), o.value && c());
     }, 1);
   };
   return {
     tabindex: b,
-    isActive: m,
+    isActive: h,
     mouseClicked: w,
     blur: y,
     focus: k,
@@ -6486,8 +6486,8 @@ function cp(t, e, a) {
     addOptionOn: u,
     createTag: f,
     createOption: d,
-    reverse: m
-  } = Me(t), w = At().proxy, b = a.iv, y = a.update, k = a.deselect, _ = a.search, C = a.setPointer, D = a.selectPointer, L = a.backwardPointer, H = a.forwardPointer, F = a.multiselect, U = a.wrapper, q = a.tags, E = a.isOpen, K = a.open, R = a.blur, Z = a.fo, ie = S(() => f.value || d.value || !1), O = S(() => s.value !== void 0 ? s.value : u.value !== void 0 ? u.value : ["enter"]), N = () => {
+    reverse: h
+  } = Me(t), w = At().proxy, b = a.iv, y = a.update, k = a.deselect, _ = a.search, C = a.setPointer, D = a.selectPointer, L = a.backwardPointer, H = a.forwardPointer, F = a.multiselect, U = a.wrapper, q = a.tags, O = a.isOpen, x = a.open, R = a.blur, Z = a.fo, ie = S(() => f.value || d.value || !1), E = S(() => s.value !== void 0 ? s.value : u.value !== void 0 ? u.value : ["enter"]), N = () => {
     n.value === "tags" && !r.value && ie.value && i.value && !c.value && C(Z.value[Z.value.map((I) => I[l.value]).indexOf(_.value)]);
   };
   return {
@@ -6508,7 +6508,7 @@ function cp(t, e, a) {
             y([...b.value].filter((ne, re) => re !== ae)), ae === J.length - 1 && (J.length - 1 ? J[J.length - 2].focus() : i.value ? q.value.querySelector("input").focus() : U.value.focus());
             return;
           }
-          if (O.value.indexOf("enter") === -1 && ie.value)
+          if (E.value.indexOf("enter") === -1 && ie.value)
             return;
           N(), D();
           break;
@@ -6519,14 +6519,14 @@ function cp(t, e, a) {
           }
           if (!ie.value)
             return !1;
-          if (O.value.indexOf("space") === -1 && ie.value)
+          if (E.value.indexOf("space") === -1 && ie.value)
             return;
           I.preventDefault(), N(), D();
           break;
         case "Tab":
         case ";":
         case ",":
-          if (O.value.indexOf(I.key.toLowerCase()) === -1 || !ie.value)
+          if (E.value.indexOf(I.key.toLowerCase()) === -1 || !ie.value)
             return;
           N(), D(), I.preventDefault();
           break;
@@ -6536,12 +6536,12 @@ function cp(t, e, a) {
         case "ArrowUp":
           if (I.preventDefault(), !r.value)
             return;
-          E.value || K(), L();
+          O.value || x(), L();
           break;
         case "ArrowDown":
           if (I.preventDefault(), !r.value)
             return;
-          E.value || K(), H();
+          O.value || x(), H();
           break;
         case "ArrowLeft":
           if (i.value && q.value && q.value.querySelector("input").selectionStart || I.shiftKey || n.value !== "tags" || !b.value || !b.value.length)
@@ -6567,7 +6567,7 @@ function dp(t, e, a) {
     disabled: s,
     showOptions: o,
     breakTags: i
-  } = Me(t), r = a.isOpen, l = a.isPointed, c = a.isSelected, u = a.isDisabled, f = a.isActive, d = a.canPointGroups, m = a.resolving, w = a.fo, b = a.placement, y = S(() => ({
+  } = Me(t), r = a.isOpen, l = a.isPointed, c = a.isSelected, u = a.isDisabled, f = a.isActive, d = a.canPointGroups, h = a.resolving, w = a.fo, b = a.placement, y = S(() => ({
     container: "multiselect",
     containerDisabled: "is-disabled",
     containerOpen: "is-open",
@@ -6622,7 +6622,7 @@ function dp(t, e, a) {
     assist: "multiselect-assistive-text",
     spacer: "multiselect-spacer",
     ...n.value
-  })), k = S(() => !!(r.value && o.value && (!m.value || m.value && w.value.length)));
+  })), k = S(() => !!(r.value && o.value && (!h.value || h.value && w.value.length)));
   return {
     classList: S(() => {
       const C = y.value;
@@ -6675,7 +6675,7 @@ function pp(t, e, a) {
   const {
     limit: n,
     infinite: s
-  } = Me(t), o = a.isOpen, i = a.offset, r = a.search, l = a.pfo, c = a.eo, u = ee(null), f = ee(null), d = S(() => i.value < l.value.length), m = (b) => {
+  } = Me(t), o = a.isOpen, i = a.offset, r = a.search, l = a.pfo, c = a.eo, u = ee(null), f = ee(null), d = S(() => i.value < l.value.length), h = (b) => {
     const { isIntersecting: y, target: k } = b[0];
     if (y) {
       const _ = k.offsetParent, C = _.scrollTop;
@@ -6693,7 +6693,7 @@ function pp(t, e, a) {
   }, { flush: "post" }), de(c, () => {
     s.value && w();
   }, { immediate: !1, flush: "post" }), xt(() => {
-    window && window.IntersectionObserver && (u.value = new IntersectionObserver(m));
+    window && window.IntersectionObserver && (u.value = new IntersectionObserver(h));
   }), {
     hasMore: d,
     infiniteLoader: f
@@ -6709,7 +6709,7 @@ function fp(t, e, a) {
     groupLabel: l,
     aria: c,
     searchable: u
-  } = Me(t), f = a.pointer, d = a.iv, m = a.hasSelected, w = a.multipleLabelText, b = ee(null), y = S(() => {
+  } = Me(t), f = a.pointer, d = a.iv, h = a.hasSelected, w = a.multipleLabelText, b = ee(null), y = S(() => {
     let R = [];
     return s && s.value && R.push(s.value), R.push("assist"), R.join("-");
   }), k = S(() => {
@@ -6721,7 +6721,7 @@ function fp(t, e, a) {
       return R.push(f.value.group ? "multiselect-group" : "multiselect-option"), R.push(f.value.group ? f.value.index : f.value[o.value]), R.join("-");
   }), C = S(() => n.value), D = S(() => r.value !== "single"), L = S(() => {
     let R = "";
-    return r.value === "single" && m.value && (R += d.value[i.value]), r.value === "multiple" && m.value && (R += w.value), r.value === "tags" && m.value && (R += d.value.map((Z) => Z[i.value]).join(", ")), R;
+    return r.value === "single" && h.value && (R += d.value[i.value]), r.value === "multiple" && h.value && (R += w.value), r.value === "tags" && h.value && (R += d.value.map((Z) => Z[i.value]).join(", ")), R;
   }), H = S(() => {
     let R = { ...c.value };
     return u.value && (R["aria-labelledby"] = R["aria-labelledby"] ? `${y.value} ${R["aria-labelledby"]}` : y.value, L.value && R["aria-label"] && (R["aria-label"] = `${L.value}, ${R["aria-label"]}`)), R;
@@ -6734,10 +6734,10 @@ function fp(t, e, a) {
   }, q = (R) => {
     let Z = [];
     return Z.push(R), Z.join(" ");
-  }, E = (R) => {
+  }, O = (R) => {
     let Z = [];
     return Z.push(R), Z.join(" ");
-  }, K = (R) => `${R} ❎`;
+  }, x = (R) => `${R} ❎`;
   return xt(() => {
     if (s && s.value && document && document.querySelector) {
       let R = document.querySelector(`[for="${s.value}"]`);
@@ -6754,8 +6754,8 @@ function fp(t, e, a) {
     ariaOptionId: F,
     ariaOptionLabel: q,
     ariaGroupId: U,
-    ariaGroupLabel: E,
-    ariaTagLabel: K
+    ariaGroupLabel: O,
+    ariaTagLabel: x
   };
 }
 function vp(t, e, a) {
@@ -7170,7 +7170,7 @@ const Cp = ["id", "dir"], gp = ["tabindex", "aria-controls", "aria-placeholder",
 function Rp(t, e, a, n, s, o) {
   return p(), g("div", {
     ref: "multiselect",
-    class: Y(t.classList.container),
+    class: K(t.classList.container),
     id: a.searchable ? void 0 : a.id,
     dir: a.rtl ? "rtl" : void 0,
     onFocusin: e[10] || (e[10] = (...i) => t.handleFocusIn && t.handleFocusIn(...i)),
@@ -7218,7 +7218,7 @@ function Rp(t, e, a, n, s, o) {
         "div",
         {
           key: 1,
-          class: Y(t.classList.tags),
+          class: K(t.classList.tags),
           "data-tags": ""
         },
         [
@@ -7231,7 +7231,7 @@ function Rp(t, e, a, n, s, o) {
               disabled: a.disabled
             }, () => [
               (p(), g("span", {
-                class: Y([
+                class: K([
                   t.classList.tag,
                   i.disabled ? t.classList.tagDisabled : null
                 ]),
@@ -7243,7 +7243,7 @@ function Rp(t, e, a, n, s, o) {
                 v(
                   "span",
                   {
-                    class: Y(t.classList.tagWrapper)
+                    class: K(t.classList.tagWrapper)
                   },
                   G(t.localize(i[a.label])),
                   3
@@ -7251,13 +7251,13 @@ function Rp(t, e, a, n, s, o) {
                 ),
                 !a.disabled && !i.disabled ? (p(), g("span", {
                   key: 0,
-                  class: Y(t.classList.tagRemove),
+                  class: K(t.classList.tagRemove),
                   onClick: fe((c) => t.handleTagRemove(i, c), ["stop"])
                 }, [
                   v(
                     "span",
                     {
-                      class: Y(t.classList.tagRemoveIcon)
+                      class: K(t.classList.tagRemoveIcon)
                     },
                     null,
                     2
@@ -7272,7 +7272,7 @@ function Rp(t, e, a, n, s, o) {
           v(
             "div",
             {
-              class: Y(t.classList.tagsSearchWrapper),
+              class: K(t.classList.tagsSearchWrapper),
               ref: "tags"
             },
             [
@@ -7280,7 +7280,7 @@ function Rp(t, e, a, n, s, o) {
               v(
                 "span",
                 {
-                  class: Y(t.classList.tagsSearchCopy)
+                  class: K(t.classList.tagsSearchCopy)
                 },
                 G(t.search),
                 3
@@ -7325,13 +7325,13 @@ function Rp(t, e, a, n, s, o) {
         v(
           "div",
           {
-            class: Y(t.classList.singleLabel)
+            class: K(t.classList.singleLabel)
           },
           [
             v(
               "span",
               {
-                class: Y(t.classList.singleLabelText)
+                class: K(t.classList.singleLabelText)
               },
               G(t.localize(t.iv[a.label])),
               3
@@ -7348,7 +7348,7 @@ function Rp(t, e, a, n, s, o) {
         values: t.iv
       }, () => [
         v("div", {
-          class: Y(t.classList.multipleLabel),
+          class: K(t.classList.multipleLabel),
           innerHTML: t.multipleLabelText
         }, null, 10, $p)
       ]) : T("v-if", !0),
@@ -7357,7 +7357,7 @@ function Rp(t, e, a, n, s, o) {
         v(
           "div",
           {
-            class: Y(t.classList.placeholder),
+            class: K(t.classList.placeholder),
             "aria-hidden": "true"
           },
           G(a.placeholder),
@@ -7370,7 +7370,7 @@ function Rp(t, e, a, n, s, o) {
         v(
           "span",
           {
-            class: Y(t.classList.spinner),
+            class: K(t.classList.spinner),
             "aria-hidden": "true"
           },
           null,
@@ -7391,7 +7391,7 @@ function Rp(t, e, a, n, s, o) {
             role: "button",
             "data-clear": "",
             "aria-roledescription": "❎",
-            class: Y(t.classList.clear),
+            class: K(t.classList.clear),
             onClick: e[6] || (e[6] = (...i) => t.clear && t.clear(...i)),
             onKeyup: e[7] || (e[7] = dt((...i) => t.clear && t.clear(...i), ["enter"]))
           },
@@ -7399,7 +7399,7 @@ function Rp(t, e, a, n, s, o) {
             v(
               "span",
               {
-                class: Y(t.classList.clearIcon)
+                class: K(t.classList.clearIcon)
               },
               null,
               2
@@ -7419,7 +7419,7 @@ function Rp(t, e, a, n, s, o) {
         v(
           "span",
           {
-            class: Y(t.classList.caret),
+            class: K(t.classList.caret),
             onClick: e[8] || (e[8] = (...i) => t.handleCaretClick && t.handleCaretClick(...i)),
             "aria-hidden": "true"
           },
@@ -7436,13 +7436,13 @@ function Rp(t, e, a, n, s, o) {
     }, [
       v("div", {
         id: `${a.id}-dropdown`,
-        class: Y(t.classList.dropdown),
+        class: K(t.classList.dropdown),
         tabindex: "-1",
         ref: "dropdown"
       }, [
         te(t.$slots, "beforelist", { options: t.fo }),
         v("ul", {
-          class: Y(t.classList.options),
+          class: K(t.classList.options),
           id: t.ariaControls,
           role: "listbox"
         }, [
@@ -7450,7 +7450,7 @@ function Rp(t, e, a, n, s, o) {
             ve,
             { key: 0 },
             _e(t.fg, (i, r, l) => (p(), g("li", {
-              class: Y(t.classList.group),
+              class: K(t.classList.group),
               key: l,
               id: t.ariaGroupId(i),
               "aria-label": t.ariaGroupLabel(t.localize(i[a.groupLabel])),
@@ -7459,7 +7459,7 @@ function Rp(t, e, a, n, s, o) {
             }, [
               i.__CREATE__ ? T("v-if", !0) : (p(), g("div", {
                 key: 0,
-                class: Y(t.classList.groupLabel(i)),
+                class: K(t.classList.groupLabel(i)),
                 "data-pointed": t.isPointed(i),
                 onMouseenter: (c) => t.setPointer(i, r),
                 onMousedown: fe((c) => t.handleGroupClick(i), ["prevent"])
@@ -7475,7 +7475,7 @@ function Rp(t, e, a, n, s, o) {
                 ])
               ], 42, Ap)),
               v("ul", {
-                class: Y(t.classList.groupOptions),
+                class: K(t.classList.groupOptions),
                 "aria-label": t.ariaGroupLabel(t.localize(i[a.groupLabel])),
                 role: "group"
               }, [
@@ -7483,7 +7483,7 @@ function Rp(t, e, a, n, s, o) {
                   ve,
                   null,
                   _e(i.__VISIBLE__, (c, u, f) => (p(), g("li", {
-                    class: Y(t.classList.option(c, i)),
+                    class: K(t.classList.option(c, i)),
                     "data-pointed": t.isPointed(c),
                     "data-selected": t.isSelected(c) || void 0,
                     key: f,
@@ -7520,7 +7520,7 @@ function Rp(t, e, a, n, s, o) {
             ve,
             { key: 1 },
             _e(t.fo, (i, r, l) => (p(), g("li", {
-              class: Y(t.classList.option(i)),
+              class: K(t.classList.option(i)),
               "data-pointed": t.isPointed(i),
               "data-selected": t.isSelected(i) || void 0,
               key: l,
@@ -7552,13 +7552,13 @@ function Rp(t, e, a, n, s, o) {
         ], 10, Sp),
         t.noOptions ? te(t.$slots, "nooptions", { key: 0 }, () => [
           v("div", {
-            class: Y(t.classList.noOptions),
+            class: K(t.classList.noOptions),
             innerHTML: t.localize(a.noOptionsText)
           }, null, 10, Lp)
         ]) : T("v-if", !0),
         t.noResults ? te(t.$slots, "noresults", { key: 1 }, () => [
           v("div", {
-            class: Y(t.classList.noResults),
+            class: K(t.classList.noResults),
             innerHTML: t.localize(a.noResultsText)
           }, null, 10, Hp)
         ]) : T("v-if", !0),
@@ -7566,7 +7566,7 @@ function Rp(t, e, a, n, s, o) {
           "div",
           {
             key: 2,
-            class: Y(t.classList.inifinite),
+            class: K(t.classList.inifinite),
             ref: "infiniteLoader"
           },
           [
@@ -7574,7 +7574,7 @@ function Rp(t, e, a, n, s, o) {
               v(
                 "span",
                 {
-                  class: Y(t.classList.inifiniteSpinner)
+                  class: K(t.classList.inifiniteSpinner)
                 },
                 null,
                 2
@@ -7591,7 +7591,7 @@ function Rp(t, e, a, n, s, o) {
     T(" Hacky input element to show HTML5 required warning "),
     a.required ? (p(), g("input", {
       key: 0,
-      class: Y(t.classList.fakeInput),
+      class: K(t.classList.fakeInput),
       tabindex: "-1",
       value: t.textValue,
       required: ""
@@ -7625,7 +7625,7 @@ function Rp(t, e, a, n, s, o) {
     T(" Screen reader assistive text "),
     a.searchable && t.hasSelected ? (p(), g("div", {
       key: 2,
-      class: Y(t.classList.assist),
+      class: K(t.classList.assist),
       id: t.ariaAssist,
       "aria-hidden": "true"
     }, G(t.ariaLabel), 11, Bp)) : T("v-if", !0),
@@ -7633,7 +7633,7 @@ function Rp(t, e, a, n, s, o) {
     v(
       "div",
       {
-        class: Y(t.classList.spacer)
+        class: K(t.classList.spacer)
       },
       null,
       2
@@ -7774,34 +7774,34 @@ const jp = { class: "ao-tasks" }, Fp = { class: "ao-tasks__list" }, Up = ["id",
     };
     return (f, d) => (p(), g("div", jp, [
       v("ul", Fp, [
-        (p(!0), g(ve, null, _e(f.tasks, (m) => {
+        (p(!0), g(ve, null, _e(f.tasks, (h) => {
           var w, b;
           return p(), g("li", {
-            key: m.id,
+            key: h.id,
             class: "ao-subtask"
           }, [
-            ((w = f.isCheckable) == null ? void 0 : w.call(f, m)) ?? !1 ? (p(), P(ce, {
+            ((w = f.isCheckable) == null ? void 0 : w.call(f, h)) ?? !1 ? (p(), P(ce, {
               key: 0,
               class: "ao-subtask__check",
-              "icon-name": m.isDone ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
+              "icon-name": h.isDone ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
               disabled: !f.isEditable,
               variant: "ghost",
               color: "primary",
-              onClick: () => r(m.id, !m.isDone)
+              onClick: () => r(h.id, !h.isDone)
             }, null, 8, ["icon-name", "disabled", "onClick"])) : T("", !0),
             v("input", {
-              id: m.id,
-              value: m.name,
+              id: h.id,
+              value: h.name,
               readonly: !f.isEditable,
-              class: Y(["ao-field__input ao-subtask__field", { "ao-subtask__field--checked": m.isDone }]),
+              class: K(["ao-field__input ao-subtask__field", { "ao-subtask__field--checked": h.isDone }]),
               type: "text",
-              onChange: (y) => i(y, m.id),
+              onChange: (y) => i(y, h.id),
               onKeyup: dt(u, ["enter"])
             }, null, 42, Up),
             Fa(". "),
             !f.isTemplate && f.users ? (p(), P($e, {
               key: 1,
-              value: (b = m.assignee) != null && b.id ? [m.assignee.id] : [],
+              value: (b = h.assignee) != null && b.id ? [h.assignee.id] : [],
               options: s.value,
               "close-on-select": !0,
               searchable: !0,
@@ -7811,7 +7811,7 @@ const jp = { class: "ao-tasks" }, Fp = { class: "ao-tasks__list" }, Up = ["id",
               placeholder: f.$t("feed.filters.assignee.placeholder"),
               disabled: !f.isEditable,
               caret: f.isEditable,
-              onChange: (y) => c(y, m.id)
+              onChange: (y) => c(y, h.id)
             }, {
               tag: W(({ option: y, handleTagRemove: k }) => [
                 A(Je, {
@@ -7830,7 +7830,7 @@ const jp = { class: "ao-tasks" }, Fp = { class: "ao-tasks__list" }, Up = ["id",
               size: "sm",
               variant: "ghost",
               color: "neutral",
-              onClick: () => l(m.id)
+              onClick: () => l(h.id)
             }, null, 8, ["onClick"])) : T("", !0)
           ]);
         }), 128))
@@ -7894,7 +7894,7 @@ const qp = ["onDrop", "onDragenter", "onDragover", "onDragleave"], zp = { class:
       u.dataTransfer && e("add", f);
     }
     return (u, f) => (p(), g("div", {
-      class: Y([
+      class: K([
         "ao-files__wrapper",
         {
           "ao-files__wrapper--drop-active": i.value
@@ -7987,7 +7987,7 @@ const nf = { class: "ao-comment" }, sf = { class: "ao-comment__created-at" }, of
       return _ && a3(_, k);
     }), u = S(() => o.value ? "textarea" : "p"), f = l(), d = r((b) => {
       e("edit", b);
-    }), m = () => {
+    }), h = () => {
       e("remove");
     }, w = ee(2);
     return Di(() => {
@@ -8051,7 +8051,7 @@ const nf = { class: "ao-comment" }, sf = { class: "ao-comment__created-at" }, of
               size: "sm",
               variant: "ghost",
               color: "neutral",
-              onClick: m
+              onClick: h
             }, null, 8, ["label"]),
             A(ce, {
               label: b.$t("activity.comment.edit"),
@@ -8080,8 +8080,8 @@ const cf = { class: "ao-comments__header" }, df = ["onSubmit"], pf = ["placehold
   emits: ["createComment", "updateComment", "removeComment"],
   setup(t, { emit: e }) {
     const a = t, n = S(() => (a.comments || []).toSorted(
-      (d, m) => z2(la(d.createdAt), la(m.createdAt))
-    )), s = (f) => a.users.find((m) => m.id === f), o = ee();
+      (d, h) => z2(la(d.createdAt), la(h.createdAt))
+    )), s = (f) => a.users.find((h) => h.id === f), o = ee();
     De(() => {
       o.value && (o.value.scrollTop = o.value.scrollHeight);
     });
@@ -8104,7 +8104,7 @@ const cf = { class: "ao-comments__header" }, df = ["onSubmit"], pf = ["placehold
       e("removeComment", { id: f });
     };
     return (f, d) => {
-      var m;
+      var h;
       return p(), g("div", {
         ref_key: "commentsContainer",
         ref: o,
@@ -8140,7 +8140,7 @@ const cf = { class: "ao-comments__header" }, df = ["onSubmit"], pf = ["placehold
             ])
           ], 40, df)
         ]),
-        ((m = n.value) == null ? void 0 : m.length) > 0 ? (p(), g("ul", vf, [
+        ((h = n.value) == null ? void 0 : h.length) > 0 ? (p(), g("ul", vf, [
           (p(!0), g(ve, null, _e(n.value, (w) => (p(), P(uf, {
             key: w.id,
             user: s(w.author.id),
@@ -8222,185 +8222,185 @@ const yn = /* @__PURE__ */ z({
   emits: ["update:activity", "close", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment"],
   setup(t, { emit: e }) {
     const a = t, n = S(() => {
-      var h;
-      return a.isEditable === !0 ? !0 : a.userId && a.isEditable === "only-own" ? a.userId === ((h = a.activity.assignee) == null ? void 0 : h.id) : !1;
-    }), s = (h) => {
+      var m;
+      return a.isEditable === !0 ? !0 : a.userId && a.isEditable === "only-own" ? a.userId === ((m = a.activity.assignee) == null ? void 0 : m.id) : !1;
+    }), s = (m) => {
       e("update:activity", {
         id: a.activity.id,
-        name: h
+        name: m
       });
     }, o = S({
       get() {
         return a.activity.description ?? "";
       },
-      set(h) {
-        e("update:activity", { id: a.activity.id, description: h });
+      set(m) {
+        e("update:activity", { id: a.activity.id, description: m });
       }
     }), i = S({
       get() {
         return a.activity.estimation ?? 0;
       },
-      set(h) {
-        e("update:activity", { id: a.activity.id, estimation: h });
+      set(m) {
+        e("update:activity", { id: a.activity.id, estimation: m });
       }
     }), r = S({
       get() {
         return a.activity.important ?? !1;
       },
-      set(h) {
-        e("update:activity", { id: a.activity.id, important: h });
+      set(m) {
+        e("update:activity", { id: a.activity.id, important: m });
       }
     }), l = S({
       get() {
         return a.activity.private ?? !1;
       },
-      set(h) {
-        e("update:activity", { id: a.activity.id, private: h });
+      set(m) {
+        e("update:activity", { id: a.activity.id, private: m });
       }
     }), c = S({
       get() {
         return a.activity.deadline;
       },
-      set(h) {
-        e("update:activity", { id: a.activity.id, deadline: h });
+      set(m) {
+        e("update:activity", { id: a.activity.id, deadline: m });
       }
     }), u = S(() => {
-      var h;
-      return (h = a.activityTypes) == null ? void 0 : h.map((I) => ({
+      var m;
+      return (m = a.activityTypes) == null ? void 0 : m.map((I) => ({
         label: I.name,
         value: I.id
       }));
     }), f = S({
       get() {
-        var h;
-        return (h = a.activity.type) == null ? void 0 : h.id;
+        var m;
+        return (m = a.activity.type) == null ? void 0 : m.id;
       },
-      set(h) {
-        e("update:activity", { id: a.activity.id, typeId: h });
+      set(m) {
+        e("update:activity", { id: a.activity.id, typeId: m });
       }
-    }), d = S(() => a.templateActivities.filter((h) => h.id !== a.activity.id).map((h) => ({
-      label: h.name,
-      value: h.id
-    }))), m = S({
+    }), d = S(() => a.templateActivities.filter((m) => m.id !== a.activity.id).map((m) => ({
+      label: m.name,
+      value: m.id
+    }))), h = S({
       get() {
-        var h;
-        return (h = a.activity.dependingOn) == null ? void 0 : h.map((I) => I.id);
+        var m;
+        return (m = a.activity.dependingOn) == null ? void 0 : m.map((I) => I.id);
       },
-      set(h) {
-        h && e("update:activity", {
+      set(m) {
+        m && e("update:activity", {
           id: a.activity.id,
-          dependingOn: h
+          dependingOn: m
         });
       }
-    }), w = S(() => d.value.map((h) => {
+    }), w = S(() => d.value.map((m) => {
       var I;
       return {
-        ...h,
-        disabled: (I = a.activity.blocking) == null ? void 0 : I.some((J) => J.id === h.value)
+        ...m,
+        disabled: (I = a.activity.blocking) == null ? void 0 : I.some((J) => J.id === m.value)
       };
     })), b = S({
       get() {
-        var h;
-        return (h = a.activity.blocking) == null ? void 0 : h.map((I) => I.id);
+        var m;
+        return (m = a.activity.blocking) == null ? void 0 : m.map((I) => I.id);
       },
-      set(h) {
-        h && e("update:activity", {
+      set(m) {
+        m && e("update:activity", {
           id: a.activity.id,
-          blocking: h
+          blocking: m
         });
       }
-    }), y = S(() => d.value.map((h) => {
+    }), y = S(() => d.value.map((m) => {
       var I;
       return {
-        ...h,
+        ...m,
         disabled: (I = a.activity.dependingOn) == null ? void 0 : I.some(
-          (J) => J.id === h.value
+          (J) => J.id === m.value
         )
       };
-    })), k = (h) => {
-      e("addSubtask", h);
-    }, _ = (h) => {
-      e("updateSubtask", h);
-    }, C = (h) => {
-      e("deleteSubtask", h);
+    })), k = (m) => {
+      e("addSubtask", m);
+    }, _ = (m) => {
+      e("updateSubtask", m);
+    }, C = (m) => {
+      e("deleteSubtask", m);
     }, D = S(() => {
-      var h;
-      return ((h = a.users) == null ? void 0 : h.map((I) => ({
+      var m;
+      return ((m = a.users) == null ? void 0 : m.map((I) => ({
         label: `${I.firstName} ${I.lastName}`,
         value: I.id,
         avatar: I.avatarUrl
       }))) || [];
     }), L = S({
       get() {
-        var h, I;
-        return (h = a.activity.assignee) != null && h.id ? [(I = a.activity.assignee) == null ? void 0 : I.id] : [];
+        var m, I;
+        return (m = a.activity.assignee) != null && m.id ? [(I = a.activity.assignee) == null ? void 0 : I.id] : [];
       },
-      set(h) {
+      set(m) {
         e("update:activity", {
           id: a.activity.id,
-          assigneeId: h[0] ?? null
+          assigneeId: m[0] ?? null
           // `undefined` is not a value for GraphQL, we have to use `null` to reset a value
         });
       }
-    }), H = (h) => {
+    }), H = (m) => {
       e("addFiles", {
         activityId: a.activity.id,
-        files: h
+        files: m
       });
-    }, F = (h) => {
+    }, F = (m) => {
       e("removeFile", {
         activityId: a.activity.id,
-        file: h
+        file: m
       });
-    }, U = S(() => a.projects.map((h) => ({
-      value: h.id,
-      label: h.name
+    }, U = S(() => a.projects.map((m) => ({
+      value: m.id,
+      label: m.name
     }))), q = S(() => {
       var I, J, ae;
-      const h = (ae = (J = (I = a.activity) == null ? void 0 : I.project) == null ? void 0 : J.phases) == null ? void 0 : ae.reduce(
+      const m = (ae = (J = (I = a.activity) == null ? void 0 : I.project) == null ? void 0 : J.phases) == null ? void 0 : ae.reduce(
         (le, ne) => [...le, ...ne.milestones],
         []
       );
-      return h == null ? void 0 : h.map((le) => ({
+      return m == null ? void 0 : m.map((le) => ({
         value: le.id,
         label: le.name
       }));
-    }), E = (h) => {
+    }), O = (m) => {
       a.activity && e("update:activity", {
         id: a.activity.id,
-        projectId: h
+        projectId: m
       });
-    }, K = (h) => {
+    }, x = (m) => {
       a.activity && e("update:activity", {
         id: a.activity.id,
-        milestoneId: h
+        milestoneId: m
       });
     }, R = S(() => {
-      var h;
-      return (h = a.statuses) == null ? void 0 : h.map((I) => ({
+      var m;
+      return (m = a.statuses) == null ? void 0 : m.map((I) => ({
         value: I.id,
         label: I.name
       }));
-    }), Z = (h) => {
+    }), Z = (m) => {
       e("update:activity", {
         id: a.activity.id,
-        statusId: h
+        statusId: m
       });
-    }, ie = (h) => {
+    }, ie = (m) => {
       e("addComment", {
-        ...h,
+        ...m,
         activityId: a.activity.id
       });
-    }, O = (h) => {
-      e("updateComment", h);
-    }, N = (h) => {
-      e("removeComment", h);
+    }, E = (m) => {
+      e("updateComment", m);
+    }, N = (m) => {
+      e("removeComment", m);
     }, M = S(() => {
-      var h, I;
-      return ((h = a.activity.createdBy) == null ? void 0 : h.firstName) && ((I = a.activity.createdBy) == null ? void 0 : I.lastName) && `${a.activity.createdBy.firstName} ${a.activity.createdBy.lastName}`;
+      var m, I;
+      return ((m = a.activity.createdBy) == null ? void 0 : m.firstName) && ((I = a.activity.createdBy) == null ? void 0 : I.lastName) && `${a.activity.createdBy.firstName} ${a.activity.createdBy.lastName}`;
     });
-    return (h, I) => (p(), P(In, {
-      onClose: I[10] || (I[10] = (J) => h.$emit("close"))
+    return (m, I) => (p(), P(In, {
+      onClose: I[10] || (I[10] = (J) => m.$emit("close"))
     }, {
       default: W(() => {
         var J, ae, le;
@@ -8408,51 +8408,51 @@ const yn = /* @__PURE__ */ z({
           v("div", mf, [
             v("div", Cf, [
               v("div", gf, [
-                h.breadcrumbs ? (p(), g("div", _f, G(h.breadcrumbs), 1)) : T("", !0),
+                m.breadcrumbs ? (p(), g("div", _f, G(m.breadcrumbs), 1)) : T("", !0),
                 A(ye, {
-                  title: h.activity.name || "",
+                  title: m.activity.name || "",
                   level: 4,
                   "is-editable": n.value,
                   "onUpdate:title": s
                 }, null, 8, ["title", "is-editable"]),
                 v("div", yf, [
                   U.value ? (p(), g("label", bf, [
-                    v("span", wf, G(h.$t("activity.project.label")), 1),
+                    v("span", wf, G(m.$t("activity.project.label")), 1),
                     A($e, {
                       options: U.value,
-                      value: (J = h.activity.project) == null ? void 0 : J.id,
+                      value: (J = m.activity.project) == null ? void 0 : J.id,
                       searchable: !0,
                       disabled: !n.value,
                       caret: n.value,
-                      onChange: E
+                      onChange: O
                     }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : T("", !0),
                   q.value ? (p(), g("label", $f, [
-                    v("span", kf, G(h.$t("activity.milestone.label")), 1),
+                    v("span", kf, G(m.$t("activity.milestone.label")), 1),
                     A($e, {
                       options: q.value,
-                      value: (ae = h.activity.milestone) == null ? void 0 : ae.id,
+                      value: (ae = m.activity.milestone) == null ? void 0 : ae.id,
                       searchable: !0,
                       disabled: !n.value,
                       caret: n.value,
-                      onChange: K
+                      onChange: x
                     }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : T("", !0)
                 ]),
-                te(h.$slots, "header")
+                te(m.$slots, "header")
               ]),
               v("div", Sf, [
                 v("fieldset", Mf, [
                   v("div", Af, [
                     A(af, {
-                      attachments: h.activity.attachments,
-                      "is-editable": h.attachmentEnabled && n.value && h.isTemplate !== !0 && !!h.userId,
+                      attachments: m.activity.attachments,
+                      "is-editable": m.attachmentEnabled && n.value && m.isTemplate !== !0 && !!m.userId,
                       onAdd: H,
                       onRemove: F
                     }, {
                       default: W(() => [
                         v("label", Tf, [
-                          v("span", Of, G(h.$t("activity.description.label")), 1),
+                          v("span", Of, G(m.$t("activity.description.label")), 1),
                           Ke(v("textarea", {
                             "onUpdate:modelValue": I[0] || (I[0] = (ne) => o.value = ne),
                             readonly: !n.value,
@@ -8476,7 +8476,7 @@ const yn = /* @__PURE__ */ z({
                   ]),
                   v("div", If, [
                     v("label", Lf, [
-                      v("span", Hf, G(h.$t("activity.estimation.label")), 1),
+                      v("span", Hf, G(m.$t("activity.estimation.label")), 1),
                       Ke(v("input", {
                         "onUpdate:modelValue": I[1] || (I[1] = (ne) => i.value = ne),
                         readonly: !n.value,
@@ -8502,38 +8502,38 @@ const yn = /* @__PURE__ */ z({
                     A(pe, { name: "SelectCheckBox" }),
                     A(ye, {
                       level: 4,
-                      title: h.$t("activity.tasks.title")
+                      title: m.$t("activity.tasks.title")
                     }, null, 8, ["title"])
                   ]),
                   v("div", Bf, [
                     A(Wp, {
                       class: "ao-activity-details__tasks ao-field__row",
-                      tasks: h.activity.tasks || [],
-                      "activity-id": h.activity.id,
-                      users: h.users,
-                      "is-checkable": h.isTaskCheckable,
+                      tasks: m.activity.tasks || [],
+                      "activity-id": m.activity.id,
+                      users: m.users,
+                      "is-checkable": m.isTaskCheckable,
                       "is-editable": n.value,
-                      "is-template": h.isTemplate,
+                      "is-template": m.isTemplate,
                       onAdd: k,
                       onUpdate: _,
                       onDelete: C
                     }, null, 8, ["tasks", "activity-id", "users", "is-checkable", "is-editable", "is-template"])
                   ])
                 ]),
-                h.isTemplate !== !0 && h.userId ? (p(), g("div", Rf, [
+                m.isTemplate !== !0 && m.userId ? (p(), g("div", Rf, [
                   v("div", Nf, [
                     A(pe, { name: "ChatOutline" }),
                     A(ye, {
                       level: 4,
-                      title: h.$t("activity.comments.title")
+                      title: m.$t("activity.comments.title")
                     }, null, 8, ["title"])
                   ]),
                   A(hf, {
-                    comments: h.activity.comments,
-                    users: h.users,
-                    "user-id": h.userId,
+                    comments: m.activity.comments,
+                    users: m.users,
+                    "user-id": m.userId,
                     onCreateComment: ie,
-                    onUpdateComment: O,
+                    onUpdateComment: E,
                     onRemoveComment: N
                   }, null, 8, ["comments", "users", "user-id"])
                 ])) : T("", !0)
@@ -8543,16 +8543,16 @@ const yn = /* @__PURE__ */ z({
               v("div", Ff, [
                 A(pe, {
                   name: "CloseRounded",
-                  onClick: I[2] || (I[2] = (ne) => h.$emit("close"))
+                  onClick: I[2] || (I[2] = (ne) => m.$emit("close"))
                 })
               ]),
               R.value ? (p(), g("div", Uf, [
                 v("label", Zf, [
-                  v("span", Wf, G(h.$t("activity.status.label")), 1),
+                  v("span", Wf, G(m.$t("activity.status.label")), 1),
                   A($e, {
                     class: "ao-activity-details__multiselect",
                     options: R.value,
-                    value: (le = h.activity.status) == null ? void 0 : le.id,
+                    value: (le = m.activity.status) == null ? void 0 : le.id,
                     "can-clear": !1,
                     "can-deselect": !1,
                     disabled: !n.value,
@@ -8563,7 +8563,7 @@ const yn = /* @__PURE__ */ z({
               ])) : T("", !0),
               v("div", qf, [
                 v("div", zf, [
-                  v("span", xf, G(h.$t("activity.assignee.label")), 1),
+                  v("span", xf, G(m.$t("activity.assignee.label")), 1),
                   A($e, {
                     modelValue: L.value,
                     "onUpdate:modelValue": I[3] || (I[3] = (ne) => L.value = ne),
@@ -8572,7 +8572,7 @@ const yn = /* @__PURE__ */ z({
                     "close-on-select": !0,
                     searchable: !0,
                     max: 1,
-                    placeholder: h.$t("activity.filters.assignee.placeholder"),
+                    placeholder: m.$t("activity.filters.assignee.placeholder"),
                     mode: "tags",
                     disabled: !n.value,
                     caret: n.value
@@ -8585,7 +8585,7 @@ const yn = /* @__PURE__ */ z({
                         "user-name": ne.label,
                         "avatar-url": ne.avatar,
                         "is-closable": !0,
-                        onClose: (x) => re(ne, x)
+                        onClose: (Y) => re(ne, Y)
                       }, null, 8, ["user-name", "avatar-url", "onClose"])
                     ]),
                     _: 1
@@ -8593,9 +8593,9 @@ const yn = /* @__PURE__ */ z({
                 ])
               ]),
               v("div", Yf, [
-                h.isTemplate !== !0 && h.userId ? (p(), g("div", Kf, [
+                m.isTemplate !== !0 && m.userId ? (p(), g("div", Kf, [
                   v("label", Gf, [
-                    v("span", Xf, G(h.$t("activity.deadline.label")), 1),
+                    v("span", Xf, G(m.$t("activity.deadline.label")), 1),
                     Ke(v("input", {
                       "onUpdate:modelValue": I[4] || (I[4] = (ne) => c.value = ne),
                       readonly: !n.value,
@@ -8622,20 +8622,20 @@ const yn = /* @__PURE__ */ z({
                       mode: "single",
                       searchable: !0,
                       options: u.value,
-                      placeholder: h.$t("activity.filters.type.placeholder"),
+                      placeholder: m.$t("activity.filters.type.placeholder"),
                       disabled: !n.value,
                       caret: n.value
                     }, null, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
                   ])
                 ])) : T("", !0),
-                te(h.$slots, "default", { activity: h.activity })
+                te(m.$slots, "default", { activity: m.activity })
               ]),
               v("div", a9, [
                 A(yn, {
                   modelValue: r.value,
                   "onUpdate:modelValue": I[6] || (I[6] = (ne) => r.value = ne),
                   modelModifiers: { lazy: !0 },
-                  label: h.$t("activity.important.label"),
+                  label: m.$t("activity.important.label"),
                   disabled: !n.value,
                   variant: "ghost",
                   "icon-name": "FlagRounded",
@@ -8645,12 +8645,12 @@ const yn = /* @__PURE__ */ z({
                   size: "sm"
                 }, null, 8, ["modelValue", "label", "disabled"])
               ]),
-              h.isTemplate !== !0 && h.activity.createdBy.id === h.userId ? (p(), g("div", n9, [
+              m.isTemplate !== !0 && m.activity.createdBy.id === m.userId ? (p(), g("div", n9, [
                 A(yn, {
                   modelValue: l.value,
                   "onUpdate:modelValue": I[7] || (I[7] = (ne) => l.value = ne),
                   modelModifiers: { lazy: !0 },
-                  label: h.$t("activity.private.label"),
+                  label: m.$t("activity.private.label"),
                   disabled: !n.value,
                   variant: "ghost",
                   "icon-name": "Lock",
@@ -8664,16 +8664,16 @@ const yn = /* @__PURE__ */ z({
                   A(pe, { name: "FlowsheetOutlineRounded" }),
                   A(ye, {
                     level: 4,
-                    title: h.$t("activity.dependencies.title")
+                    title: m.$t("activity.dependencies.title")
                   }, null, 8, ["title"])
                 ]),
                 v("div", o9, [
                   v("div", r9, [
                     v("label", l9, [
-                      v("span", u9, G(h.$t("activity.dependingOn.label")), 1),
+                      v("span", u9, G(m.$t("activity.dependingOn.label")), 1),
                       A($e, {
-                        modelValue: m.value,
-                        "onUpdate:modelValue": I[8] || (I[8] = (ne) => m.value = ne),
+                        modelValue: h.value,
+                        "onUpdate:modelValue": I[8] || (I[8] = (ne) => h.value = ne),
                         class: "ao-activity-details__multiselect",
                         mode: "tags",
                         "close-on-select": !1,
@@ -8686,7 +8686,7 @@ const yn = /* @__PURE__ */ z({
                   ]),
                   v("div", c9, [
                     v("label", d9, [
-                      v("span", p9, G(h.$t("activity.blocking.label")), 1),
+                      v("span", p9, G(m.$t("activity.blocking.label")), 1),
                       A($e, {
                         modelValue: b.value,
                         "onUpdate:modelValue": I[9] || (I[9] = (ne) => b.value = ne),
@@ -8702,7 +8702,7 @@ const yn = /* @__PURE__ */ z({
                   ])
                 ])
               ]),
-              h.isTemplate !== !0 && M.value ? (p(), g("div", f9, [
+              m.isTemplate !== !0 && M.value ? (p(), g("div", f9, [
                 v("div", v9, [
                   A(Je, {
                     "user-name": M.value,
@@ -8778,7 +8778,7 @@ const h9 = /* @__PURE__ */ z({
       set(k) {
         e("update:rule", { ...a.rule, trigger: k });
       }
-    }), m = S(() => Object.values(N2)), w = S({
+    }), h = S(() => Object.values(N2)), w = S({
       get() {
         return a.rule.duration;
       },
@@ -8808,7 +8808,7 @@ const h9 = /* @__PURE__ */ z({
         A(Q(lt), {
           modelValue: d.value,
           "onUpdate:modelValue": _[2] || (_[2] = (C) => d.value = C),
-          options: m.value
+          options: h.value
         }, null, 8, ["modelValue", "options"]),
         A(Q(lt), {
           modelValue: c.value,
@@ -8916,7 +8916,7 @@ const _9 = {
     const a = t, { t: n } = Tt(), s = S(
       () => {
         var M;
-        return (M = a.templates) == null ? void 0 : M.find((h) => h.id === a.templateId);
+        return (M = a.templates) == null ? void 0 : M.find((m) => m.id === a.templateId);
       }
     ), o = ee(!1);
     de(
@@ -8927,26 +8927,26 @@ const _9 = {
         var M;
         return (M = s.value) == null ? void 0 : M.phases;
       },
-      (M, h) => {
-        o.value && Xe(M, h);
+      (M, m) => {
+        o.value && Xe(M, m);
       }
     );
     const i = S(() => {
-      var M, h;
-      return (h = (M = s == null ? void 0 : s.value) == null ? void 0 : M.phases) == null ? void 0 : h.find((I) => I.id === a.phaseId);
+      var M, m;
+      return (m = (M = s == null ? void 0 : s.value) == null ? void 0 : M.phases) == null ? void 0 : m.find((I) => I.id === a.phaseId);
     });
     de(
       () => {
         var M;
         return (M = i.value) == null ? void 0 : M.milestones;
       },
-      (M, h) => {
-        o.value && Xe(M, h);
+      (M, m) => {
+        o.value && Xe(M, m);
       }
     );
     const r = S(() => {
-      var M, h;
-      return (h = (M = i.value) == null ? void 0 : M.milestones) == null ? void 0 : h.find(
+      var M, m;
+      return (m = (M = i.value) == null ? void 0 : M.milestones) == null ? void 0 : m.find(
         (I) => I.id === a.milestoneId
       );
     });
@@ -8955,19 +8955,19 @@ const _9 = {
         var M;
         return (M = r.value) == null ? void 0 : M.activities;
       },
-      (M, h) => {
-        o.value && Xe(M, h);
+      (M, m) => {
+        o.value && Xe(M, m);
       }
     );
     const l = S(() => {
-      var M, h;
-      return ((h = (M = s.value) == null ? void 0 : M.phases) == null ? void 0 : h.reduce((I, J) => {
+      var M, m;
+      return ((m = (M = s.value) == null ? void 0 : M.phases) == null ? void 0 : m.reduce((I, J) => {
         const ae = J.milestones || [];
         return [...I, ...ae];
       }, [])) || [];
     }), c = S(() => {
-      var M, h;
-      return ((h = (M = s.value) == null ? void 0 : M.phases) == null ? void 0 : h.reduce((I, J) => {
+      var M, m;
+      return ((m = (M = s.value) == null ? void 0 : M.phases) == null ? void 0 : m.reduce((I, J) => {
         const le = (J.milestones || []).reduce(
           (ne, re) => re.activities ? [...ne, ...re.activities] : ne,
           []
@@ -8975,8 +8975,8 @@ const _9 = {
         return [...I, ...le];
       }, [])) || [];
     }), u = S(() => {
-      var M, h;
-      return (h = (M = r.value) == null ? void 0 : M.activities) == null ? void 0 : h.find(
+      var M, m;
+      return (m = (M = r.value) == null ? void 0 : M.activities) == null ? void 0 : m.find(
         (I) => I.id === a.activityId
       );
     }), f = S(() => {
@@ -8985,7 +8985,7 @@ const _9 = {
     }), d = () => {
       if (!s.value)
         return;
-      const { name: M, rank: h } = Bt(
+      const { name: M, rank: m } = Bt(
         s.value.phases,
         "phase",
         n
@@ -8995,10 +8995,10 @@ const _9 = {
         templateId: a.templateId,
         item: {
           name: M,
-          rank: h
+          rank: m
         }
       });
-    }, m = (M) => {
+    }, h = (M) => {
       e("updateItem", {
         templateId: a.templateId,
         id: a.templateId,
@@ -9013,19 +9013,19 @@ const _9 = {
           id: M
         }
       });
-    }, b = (M, h) => {
+    }, b = (M, m) => {
       e("updateItem", {
         templateId: a.templateId,
         id: M,
         itemType: Ce.PHASES,
-        data: { name: h }
+        data: { name: m }
       });
     }, y = (M) => {
       e("updateItem", M);
     }, k = (M) => {
       if (!i.value)
         return;
-      const { name: h, rank: I } = Bt(
+      const { name: m, rank: I } = Bt(
         i.value.milestones,
         "milestone",
         n
@@ -9035,7 +9035,7 @@ const _9 = {
         templateId: a.templateId,
         phaseId: M.phaseId,
         item: {
-          name: h,
+          name: m,
           rank: I,
           phaseId: M.phaseId
         }
@@ -9050,15 +9050,15 @@ const _9 = {
         }
       });
     }, C = (M) => {
-      const { id: h, ...I } = M;
+      const { id: m, ...I } = M;
       e("updateItem", {
         itemType: Ce.MILESTONES,
-        id: h,
+        id: m,
         templateId: a.templateId,
         data: I
       });
     }, D = (M) => {
-      const { milestoneId: h } = M;
+      const { milestoneId: m } = M;
       if (!r.value)
         return;
       const { name: I, rank: J } = Bt(
@@ -9068,26 +9068,26 @@ const _9 = {
       );
       o.value = !0, e("addItem", {
         type: Ce.ACTIVITIES,
-        milestoneId: h,
+        milestoneId: m,
         templateId: a.templateId,
-        item: { name: I, rank: J, milestoneId: h }
+        item: { name: I, rank: J, milestoneId: m }
       });
     }, L = (M) => {
-      var h, I;
+      var m, I;
       e("removeItem", {
         type: Ce.ACTIVITIES,
         templateId: a.templateId,
-        phaseId: (h = i.value) == null ? void 0 : h.id,
+        phaseId: (m = i.value) == null ? void 0 : m.id,
         milestoneId: (I = r.value) == null ? void 0 : I.id,
         data: {
           id: M.id
         }
       });
     }, H = (M) => {
-      const { id: h, ...I } = M;
+      const { id: m, ...I } = M;
       e("updateItem", {
         itemType: Ce.ACTIVITIES,
-        id: h,
+        id: m,
         templateId: a.templateId,
         data: I
       });
@@ -9095,12 +9095,12 @@ const _9 = {
       F.value = !F.value;
     }, q = () => {
       e("addRule", { templateId: a.templateId });
-    }, E = (M) => {
+    }, O = (M) => {
       e("removeRule", { id: M, templateId: a.templateId });
-    }, K = (M) => {
-      var h;
+    }, x = (M) => {
+      var m;
       if (M.moved) {
-        const I = Ca(M, ((h = s.value) == null ? void 0 : h.phases) ?? []);
+        const I = Ca(M, ((m = s.value) == null ? void 0 : m.phases) ?? []);
         e("updateItem", {
           itemType: Ce.PHASES,
           id: M.moved.element.id,
@@ -9135,25 +9135,25 @@ const _9 = {
         templateId: a.templateId,
         data: M
       });
-    }, O = (M) => {
+    }, E = (M) => {
       e("addFiles", M);
     }, N = (M) => {
       e("removeFile", M);
     };
-    return (M, h) => {
+    return (M, m) => {
       var I, J, ae, le, ne, re;
       return s.value ? (p(), g("div", _9, [
         A(Ya, {
           "can-go-back": !0,
-          onGoBack: h[1] || (h[1] = (x) => M.$router.push({ name: Q(Dt).TEMPLATES_LIST }))
+          onGoBack: m[1] || (m[1] = (Y) => M.$router.push({ name: Q(Dt).TEMPLATES_LIST }))
         }, {
           primary: W(() => [
             A(ye, {
               title: f.value,
               level: 2,
               "is-editable": !0,
-              "onUpdate:title": h[0] || (h[0] = (x) => {
-                m(x);
+              "onUpdate:title": m[0] || (m[0] = (Y) => {
+                h(Y);
               })
             }, null, 8, ["title"])
           ]),
@@ -9167,7 +9167,7 @@ const _9 = {
                 class: "ao-templates__list",
                 "item-key": "id",
                 handle: ".ao-card__drag",
-                onChange: K
+                onChange: x
               }, {
                 header: W(() => [
                   A(ye, {
@@ -9176,22 +9176,22 @@ const _9 = {
                     class: "ao-list__title"
                   }, null, 8, ["title"])
                 ]),
-                item: W(({ element: x }) => {
+                item: W(({ element: Y }) => {
                   var V;
                   return [
                     A(l5, {
-                      id: x.id,
-                      name: x.name,
-                      milestones: x.milestones,
-                      "is-active": ((V = i.value) == null ? void 0 : V.id) === x.id,
+                      id: Y.id,
+                      name: Y.name,
+                      milestones: Y.milestones,
+                      "is-active": ((V = i.value) == null ? void 0 : V.id) === Y.id,
                       "is-draggable": !0,
                       onClick: (X) => M.$router.push({
-                        params: { templateId: M.templateId, phaseId: x.id }
+                        params: { templateId: M.templateId, phaseId: Y.id }
                       }),
                       "onUpdate:title": (X) => {
-                        b(x.id, X);
+                        b(Y.id, X);
                       },
-                      onRemove: () => w(x.id)
+                      onRemove: () => w(Y.id)
                     }, null, 8, ["id", "name", "milestones", "is-active", "onClick", "onUpdate:title", "onRemove"])
                   ];
                 }),
@@ -9245,19 +9245,19 @@ const _9 = {
             "is-template": !0,
             "is-editable": !0,
             users: M.users,
-            "onUpdate:activity": h[2] || (h[2] = (x) => {
-              u.value && H(x);
+            "onUpdate:activity": m[2] || (m[2] = (Y) => {
+              u.value && H(Y);
             }),
             "attachment-enabled": !1,
             onClose: M.$router.back,
             onAddSubtask: R,
             onUpdateSubtask: Z,
             onDeleteSubtask: ie,
-            onAddFiles: O,
+            onAddFiles: E,
             onRemoveFile: N
           }, {
-            default: W((x) => [
-              te(M.$slots, "activityDetailsBody", pa(fa(x)))
+            default: W((Y) => [
+              te(M.$slots, "activityDetailsBody", pa(fa(Y)))
             ]),
             _: 3
           }, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : T("", !0)
@@ -9272,7 +9272,7 @@ const _9 = {
             "template-activities": c.value,
             onClose: U,
             onAddRule: q,
-            onRemoveRule: E
+            onRemoveRule: O
           }, null, 8, ["template-id", "rules", "template-phases", "template-milestones", "template-activities"])) : T("", !0)
         ]))
       ])) : T("", !0);
@@ -9294,7 +9294,7 @@ const A9 = {
   },
   setup(t) {
     return (e, a) => (p(), P(ht(e.tagName), {
-      class: Y([
+      class: K([
         "ao-card",
         {
           "ao-card--clickable": e.isClickable,
@@ -9326,12 +9326,12 @@ const qn = /* @__PURE__ */ z({
   setup(t) {
     const e = t, a = S(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
     return (n, s) => (p(), g("div", {
-      class: Y(["ao-progress", n.status ? `ao-progress--${n.status}` : ""]),
+      class: K(["ao-progress", n.status ? `ao-progress--${n.status}` : ""]),
       role: "meter"
     }, [
       (p(!0), g(ve, null, _e(a.value, (o) => (p(), g("div", {
         key: o,
-        class: Y(["ao-progress__progress"]),
+        class: K(["ao-progress__progress"]),
         style: wn({ width: `${o * 100}%` })
       }, null, 4))), 128))
     ], 2));
@@ -9361,8 +9361,8 @@ const E9 = { class: "ao-card-project-phase__header" }, I9 = { class: "ao-card-pr
       var u;
       const c = (u = a.milestones) == null ? void 0 : u.reduce(
         (f, d) => {
-          var m;
-          return f + ((m = d.activities) == null ? void 0 : m.reduce((w, b) => w + (b.estimation || 0), 0));
+          var h;
+          return f + ((h = d.activities) == null ? void 0 : h.reduce((w, b) => w + (b.estimation || 0), 0));
         },
         0
       );
@@ -9410,7 +9410,7 @@ const E9 = { class: "ao-card-project-phase__header" }, I9 = { class: "ao-card-pr
             ])) : T("", !0)
           ])) : T("", !0),
           v("div", {
-            class: Y(["ao-card-project-phase__footer-row", l.value ? "" : "ao-card-project-phase__no_deadline"])
+            class: K(["ao-card-project-phase__footer-row", l.value ? "" : "ao-card-project-phase__no_deadline"])
           }, [
             c.isEditable ? Ke((p(), g("input", {
               key: 0,
@@ -9497,7 +9497,7 @@ const R9 = { class: "ao-card-project-milestone__default" }, N9 = {
       e("updateMilestone", { id: a.id, name: l });
     };
     return (l, c) => (p(), P(Wn, {
-      class: Y([
+      class: K([
         "ao-card-project-milestone",
         { "ao-card-project-milestone--selected": l.isSelected }
       ]),
@@ -9554,7 +9554,7 @@ const R9 = { class: "ao-card-project-milestone__default" }, N9 = {
           l.important ? (p(), P(pe, {
             key: 0,
             name: "FlagRounded",
-            class: Y(
+            class: K(
               l.isSelected ? "ao-card-project-milestone__important--selected" : "ao-card-project-milestone__important"
             ),
             size: "sm"
@@ -9593,8 +9593,8 @@ const G9 = {
     const a = t, { t: n } = Tt();
     de(
       () => a.phase.milestones,
-      (d, m) => {
-        Xe(d, m);
+      (d, h) => {
+        Xe(d, h);
       }
     );
     const s = (d) => {
@@ -9606,12 +9606,12 @@ const G9 = {
         (d) => O3(d, a.closedStatus)
       )
     ), r = (d) => {
-      const { name: m, rank: w } = Bt(
+      const { name: h, rank: w } = Bt(
         i.value ?? [],
         "milestone",
         n
       );
-      e("addMilestone", { name: m, rank: w, phaseId: d });
+      e("addMilestone", { name: h, rank: w, phaseId: d });
     }, l = (d) => {
       e("updateMilestone", d);
     }, c = (d) => {
@@ -9628,10 +9628,10 @@ const G9 = {
         rank: jt(i.value, d.moved.newIndex)
       });
     };
-    return (d, m) => {
+    return (d, h) => {
       var w;
       return p(), g("li", {
-        class: Y([
+        class: K([
           "ao-project-phase",
           { "ao-project-phase--selected": d.phase.id === ((w = d.$route.params) == null ? void 0 : w.phaseId) }
         ])
@@ -9678,7 +9678,7 @@ const G9 = {
                     assignee: b.assignee,
                     important: b.important,
                     readonly: d.readonly,
-                    class: Y(["ao-project-phase__milestone"]),
+                    class: K(["ao-project-phase__milestone"]),
                     onClick: (k) => !d.readonly && d.$router.push({
                       name: Q(Fe).milestone,
                       params: { phaseId: d.phase.id, milestoneId: b.id }
@@ -9696,7 +9696,7 @@ const G9 = {
                 label: d.$t("project.milestone.add"),
                 class: "ao-project-phase__milestone-add",
                 "icon-name": "Add",
-                onClick: m[0] || (m[0] = () => r(d.phase.id))
+                onClick: h[0] || (h[0] = () => r(d.phase.id))
               }, null, 8, ["label"])) : T("", !0)
             ])
           ])
@@ -9869,7 +9869,7 @@ const vv = { class: "toggle-wrapper" };
 function hv(t, e, a, n, s, o) {
   return p(), g("div", vv, [
     v("button", {
-      class: Y({
+      class: K({
         button: !0,
         "button--left": !0,
         "button--inactive": !t.isLeft
@@ -9878,7 +9878,7 @@ function hv(t, e, a, n, s, o) {
       onClick: e[0] || (e[0] = (...i) => t.selectLeft && t.selectLeft(...i))
     }, G(t.leftLabel), 3),
     v("button", {
-      class: Y({
+      class: K({
         button: !0,
         "button--right": !0,
         "button--inactive": t.isLeft
@@ -9907,94 +9907,94 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
   emits: ["addPhase", "updatePhase", "archivePhase", "addMilestone", "updateMilestone", "archiveMilestone", "addActivity", "update:activity", "archiveActivity", "unarchiveActivity", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment", "applyTemplate", "update:showsArchived"],
   setup(t, { emit: e }) {
     const a = t, { t: n } = Tt(), s = S(
-      () => a.phases.flatMap((E) => E.milestones)
+      () => a.phases.flatMap((O) => O.milestones)
     ), o = () => {
-      const { name: E, rank: K } = Bt(a.phases, "phase", n);
-      e("addPhase", { name: E, rank: K, projectId: a.project.id });
-    }, i = (E) => {
-      e("updatePhase", E);
-    }, r = (E) => {
-      e("archivePhase", E);
-    }, l = (E) => {
-      e("addMilestone", E);
-    }, c = (E) => {
-      e("updateMilestone", E);
-    }, u = (E) => {
-      e("archiveMilestone", E);
-    }, f = (E) => {
-      e("addActivity", E);
-    }, d = (E) => {
-      e("update:activity", E);
-    }, m = (E) => {
-      e("archiveActivity", E);
-    }, w = (E) => {
-      e("unarchiveActivity", E);
-    }, b = (E) => {
-      e("addSubtask", E);
-    }, y = (E) => {
-      e("updateSubtask", E);
-    }, k = (E) => {
-      e("deleteSubtask", E);
+      const { name: O, rank: x } = Bt(a.phases, "phase", n);
+      e("addPhase", { name: O, rank: x, projectId: a.project.id });
+    }, i = (O) => {
+      e("updatePhase", O);
+    }, r = (O) => {
+      e("archivePhase", O);
+    }, l = (O) => {
+      e("addMilestone", O);
+    }, c = (O) => {
+      e("updateMilestone", O);
+    }, u = (O) => {
+      e("archiveMilestone", O);
+    }, f = (O) => {
+      e("addActivity", O);
+    }, d = (O) => {
+      e("update:activity", O);
+    }, h = (O) => {
+      e("archiveActivity", O);
+    }, w = (O) => {
+      e("unarchiveActivity", O);
+    }, b = (O) => {
+      e("addSubtask", O);
+    }, y = (O) => {
+      e("updateSubtask", O);
+    }, k = (O) => {
+      e("deleteSubtask", O);
     }, _ = S(
-      () => s.value.flatMap((E) => E.activities)
-    ), C = (E) => {
-      e("addFiles", E);
-    }, D = (E) => {
-      e("removeFile", E);
-    }, L = (E) => {
-      e("addComment", E);
-    }, H = (E) => {
-      e("updateComment", E);
-    }, F = (E) => {
-      e("removeComment", E);
-    }, U = ee(!1), q = (E, K) => {
-      e("applyTemplate", { templateId: E, projectId: K }), U.value = !1;
+      () => s.value.flatMap((O) => O.activities)
+    ), C = (O) => {
+      e("addFiles", O);
+    }, D = (O) => {
+      e("removeFile", O);
+    }, L = (O) => {
+      e("addComment", O);
+    }, H = (O) => {
+      e("updateComment", O);
+    }, F = (O) => {
+      e("removeComment", O);
+    }, U = ee(!1), q = (O, x) => {
+      e("applyTemplate", { templateId: O, projectId: x }), U.value = !1;
     };
-    return (E, K) => {
+    return (O, x) => {
       const R = Ye("RouterView");
       return p(), g(ve, null, [
-        v("div", He({ class: "ao-project-overview" }, E.$attrs), [
+        v("div", He({ class: "ao-project-overview" }, O.$attrs), [
           v("div", mv, [
             A(Ya, null, {
               primary: W(() => [
                 A(ci, {
                   "is-left": !0,
-                  "right-label": E.$t("project.switch.feed"),
-                  "left-label": E.$t("project.switch.overview"),
-                  "onUpdate:isLeft": K[0] || (K[0] = (Z) => {
-                    Z || E.$router.push({ name: Q(Fe).feed });
+                  "right-label": O.$t("project.switch.feed"),
+                  "left-label": O.$t("project.switch.overview"),
+                  "onUpdate:isLeft": x[0] || (x[0] = (Z) => {
+                    Z || O.$router.push({ name: Q(Fe).feed });
                   })
                 }, null, 8, ["right-label", "left-label"]),
                 A(ce, {
                   class: "ao-feed__show-archived",
                   size: "sm",
-                  "icon-name": E.showsArchived ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
+                  "icon-name": O.showsArchived ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
                   "icon-position": "start",
                   color: "primary",
                   variant: "ghost",
-                  label: E.$t("feed.filters.showsArchived.label"),
+                  label: O.$t("feed.filters.showsArchived.label"),
                   role: "checkbox",
-                  "aria-checked": E.showsArchived,
-                  onClick: K[1] || (K[1] = (Z) => E.$emit("update:showsArchived", !E.showsArchived))
+                  "aria-checked": O.showsArchived,
+                  onClick: x[1] || (x[1] = (Z) => O.$emit("update:showsArchived", !O.showsArchived))
                 }, null, 8, ["icon-name", "label", "aria-checked"])
               ]),
               secondary: W(() => [
-                E.isEditable === !0 ? (p(), P(ce, {
+                O.isEditable === !0 ? (p(), P(ce, {
                   key: 0,
                   class: "ao-project-overview__add-template",
                   color: "primary",
-                  label: E.$t("project.template.add.label"),
-                  onClick: K[2] || (K[2] = (Z) => U.value = !0)
+                  label: O.$t("project.template.add.label"),
+                  onClick: x[2] || (x[2] = (Z) => U.value = !0)
                 }, null, 8, ["label"])) : T("", !0)
               ]),
               _: 1
             }),
             v("div", Cv, [
               A(rv, {
-                phases: E.phases,
-                "closed-status": E.closedStatus,
-                "is-editable": E.isEditable === !0,
-                users: E.users,
+                phases: O.phases,
+                "closed-status": O.closedStatus,
+                "is-editable": O.isEditable === !0,
+                users: O.users,
                 onAddMilestone: l,
                 onUpdateMilestone: c,
                 onArchiveMilestone: u,
@@ -10006,32 +10006,32 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
           ]),
           A(R, {
             class: "ao-project__sidebar",
-            phases: E.phases,
-            "project-id": E.project.id,
-            "project-name": E.project.name,
-            users: E.users,
-            "is-editable": E.isEditable === !0,
-            "closed-status": E.closedStatus,
-            onClose: K[3] || (K[3] = (Z) => E.$router.push({ name: Q(Fe).project })),
+            phases: O.phases,
+            "project-id": O.project.id,
+            "project-name": O.project.name,
+            users: O.users,
+            "is-editable": O.isEditable === !0,
+            "closed-status": O.closedStatus,
+            onClose: x[3] || (x[3] = (Z) => O.$router.push({ name: Q(Fe).project })),
             onUpdateMilestone: c,
             onAddActivity: f,
             onUpdateActivity: d,
-            onArchiveActivity: m,
+            onArchiveActivity: h,
             onUnarchiveActivity: w
           }, null, 8, ["phases", "project-id", "project-name", "users", "is-editable", "closed-status"]),
           (p(), P(Nt, { to: "body" }, [
             A(R, {
               name: "modal",
               activities: _.value,
-              "is-task-checkable": E.isTaskCheckable,
-              statuses: E.statuses,
-              "activity-types": E.activityTypes,
-              phases: E.phases,
-              project: E.project,
-              users: E.users,
-              "user-id": E.userId,
-              "is-editable": E.isEditable,
-              "attachment-enabled": E.attachmentEnabled,
+              "is-task-checkable": O.isTaskCheckable,
+              statuses: O.statuses,
+              "activity-types": O.activityTypes,
+              phases: O.phases,
+              project: O.project,
+              users: O.users,
+              "user-id": O.userId,
+              "is-editable": O.isEditable,
+              "attachment-enabled": O.attachmentEnabled,
               "onUpdate:activity": d,
               onAddSubtask: b,
               onUpdateSubtask: y,
@@ -10045,7 +10045,7 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
               default: W(({ Component: Z }) => [
                 (p(), P(ht(Z), null, {
                   default: W((ie) => [
-                    te(E.$slots, "activityDetailsBody", pa(fa(ie)))
+                    te(O.$slots, "activityDetailsBody", pa(fa(ie)))
                   ]),
                   _: 2
                 }, 1024))
@@ -10057,9 +10057,9 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
         (p(), P(Nt, { to: "body" }, [
           U.value ? (p(), P(pv, {
             key: 0,
-            "project-id": E.project.id,
-            templates: E.templates,
-            onClose: K[4] || (K[4] = (Z) => U.value = !1),
+            "project-id": O.project.id,
+            templates: O.templates,
+            onClose: x[4] || (x[4] = (Z) => U.value = !1),
             onApply: q
           }, null, 8, ["project-id", "templates"])) : T("", !0)
         ]))
@@ -10077,7 +10077,7 @@ const _v = { class: "ao-card-feed__header" }, yv = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
 }, kv = {
-  class: /* @__PURE__ */ Y(["ao-card-feed__title-group"])
+  class: /* @__PURE__ */ K(["ao-card-feed__title-group"])
 }, Sv = {
   key: 1,
   class: "ao-card-feed__deadline"
@@ -10105,6 +10105,7 @@ const _v = { class: "ao-card-feed__header" }, yv = {
     projectColor: {},
     phaseName: {},
     milestoneName: {},
+    milestoneColor: {},
     deadline: {},
     important: { type: Boolean },
     assignee: {},
@@ -10118,22 +10119,22 @@ const _v = { class: "ao-card-feed__header" }, yv = {
   },
   emits: ["removeAssignee", "updateActivity"],
   setup(t, { emit: e }) {
-    const a = t, n = S(() => a.tagType === "milestone" ? a.milestoneName : a.projectName), s = (d) => {
+    const a = t, n = S(() => a.tagType === "milestone" ? a.milestoneName : a.projectName), s = S(() => a.tagType === "milestone" ? a.milestoneColor : a.projectColor), o = (h) => {
       e("updateActivity", {
         id: a.id,
-        name: d
+        name: h
       });
-    }, o = S(() => a.tagType === "milestone" && a.phaseName ? `${a.phaseName}` : a.phaseName && a.milestoneName ? `${a.phaseName} / ${a.milestoneName}` : ""), i = S(() => a.assignee ? [a.assignee] : []), r = S(() => Tn(a.deadline)), l = (d) => {
-      e("removeAssignee", d);
-    }, c = S(() => {
-      var d;
-      return (d = a.tasks) == null ? void 0 : d.length;
-    }), u = S(() => {
-      var d;
-      return (d = a.tasks) == null ? void 0 : d.filter((m) => m.isDone).length;
-    }), f = S(() => (u.value || 0) / (c.value || 1));
-    return (d, m) => (p(), P(Wn, {
-      class: Y(["ao-card-feed", { "ao-card-feed--closed": d.isClosed }]),
+    }, i = S(() => a.tagType === "milestone" && a.phaseName ? `${a.phaseName}` : a.phaseName && a.milestoneName ? `${a.phaseName} / ${a.milestoneName}` : ""), r = S(() => a.assignee ? [a.assignee] : []), l = S(() => Tn(a.deadline)), c = (h) => {
+      e("removeAssignee", h);
+    }, u = S(() => {
+      var h;
+      return (h = a.tasks) == null ? void 0 : h.length;
+    }), f = S(() => {
+      var h;
+      return (h = a.tasks) == null ? void 0 : h.filter((w) => w.isDone).length;
+    }), d = S(() => (f.value || 0) / (u.value || 1));
+    return (h, w) => (p(), P(Wn, {
+      class: K(["ao-card-feed", { "ao-card-feed--closed": h.isClosed }]),
       "is-clickable": !0
     }, {
       header: W(() => [
@@ -10143,93 +10144,93 @@ const _v = { class: "ao-card-feed__header" }, yv = {
             label: n.value,
             class: "ao-card-feed__project",
             variant: "solid",
-            color: d.projectColor ? void 0 : "primary",
-            "raw-color": d.projectColor
+            color: h.projectColor ? void 0 : "primary",
+            "raw-color": s.value
           }, null, 8, ["label", "color", "raw-color"])) : T("", !0),
-          d.isPrivate || d.important || d.isClosed ? (p(), g("div", yv, [
-            d.isPrivate ? (p(), P(pe, {
+          h.isPrivate || h.important || h.isClosed ? (p(), g("div", yv, [
+            h.isPrivate ? (p(), P(pe, {
               key: 0,
               name: "Lock",
               class: "ao-card-feed__warning",
               size: "sm"
             })) : T("", !0),
-            d.important ? (p(), P(pe, {
+            h.important ? (p(), P(pe, {
               key: 1,
               name: "FlagRounded",
               class: "ao-card-feed__important",
               size: "sm"
             })) : T("", !0),
-            d.isClosed ? (p(), P(pe, {
+            h.isClosed ? (p(), P(pe, {
               key: 2,
               name: "CheckSmallRounded",
               class: "ao-card-feed__closed"
             })) : T("", !0)
           ])) : T("", !0),
-          d.$slots.secondary ? (p(), g("div", bv, [
-            te(d.$slots, "secondary")
+          h.$slots.secondary ? (p(), g("div", bv, [
+            te(h.$slots, "secondary")
           ])) : T("", !0)
         ])
       ]),
       default: W(() => [
         v("div", wv, [
-          o.value ? (p(), g("span", $v, G(o.value), 1)) : T("", !0),
+          i.value ? (p(), g("span", $v, G(i.value), 1)) : T("", !0),
           v("div", kv, [
             A(ye, {
-              id: d.id,
-              title: d.name,
+              id: h.id,
+              title: h.name,
               level: 5,
-              "is-editable": d.isEditable,
-              "onUpdate:title": s
+              "is-editable": h.isEditable,
+              "onUpdate:title": o
             }, null, 8, ["id", "title", "is-editable"])
           ]),
-          d.deadline ? (p(), g("span", Sv, G(r.value), 1)) : T("", !0)
+          h.deadline ? (p(), g("span", Sv, G(l.value), 1)) : T("", !0)
         ])
       ]),
       footer: W(() => [
         v("div", Mv, [
           v("div", Av, [
             v("ul", Tv, [
-              (p(!0), g(ve, null, _e(i.value, (w) => (p(), g(ve, {
-                key: w.id
+              (p(!0), g(ve, null, _e(r.value, (b) => (p(), g(ve, {
+                key: b.id
               }, [
-                w ? (p(), g("li", Ov, [
+                b ? (p(), g("li", Ov, [
                   A(Je, {
-                    "user-name": Q(zs)(w),
-                    "avatar-url": w.avatarUrl,
+                    "user-name": Q(zs)(b),
+                    "avatar-url": b.avatarUrl,
                     "is-closable": !0,
-                    onClose: () => l(w.id)
+                    onClose: () => c(b.id)
                   }, null, 8, ["user-name", "avatar-url", "onClose"])
                 ])) : T("", !0)
               ], 64))), 128))
             ]),
-            d.comments || d.attachments ? (p(), g("ul", Ev, [
-              d.comments ? (p(), g("li", Iv, [
+            h.comments || h.attachments ? (p(), g("ul", Ev, [
+              h.comments ? (p(), g("li", Iv, [
                 A(pe, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                v("span", Lv, G(d.comments), 1)
+                v("span", Lv, G(h.comments), 1)
               ])) : T("", !0),
-              d.attachments ? (p(), g("li", Hv, [
+              h.attachments ? (p(), g("li", Hv, [
                 A(pe, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                v("span", Dv, G(d.attachments), 1)
+                v("span", Dv, G(h.attachments), 1)
               ])) : T("", !0)
             ])) : T("", !0)
           ]),
           v("div", Pv, [
-            d.tasks && d.tasks.length ? (p(), g("div", Vv, [
+            h.tasks && h.tasks.length ? (p(), g("div", Vv, [
               v("div", Bv, [
                 A(pe, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                v("span", Rv, G(u.value) + " / " + G(c.value), 1)
+                v("span", Rv, G(f.value) + " / " + G(u.value), 1)
               ]),
               A(qn, {
-                percentages: f.value,
+                percentages: d.value,
                 class: "ao-card-feed__progress"
               }, null, 8, ["percentages"])
             ])) : T("", !0)
@@ -10633,7 +10634,7 @@ var Xn = z({
     },
     mousemoveHandler(t) {
       const { clientX: e, clientY: a } = t, { top: n, left: s, width: o, height: i } = this.suckerCanvas.getBoundingClientRect(), r = e - s, l = a - n, u = this.suckerCanvas.getContext("2d").getImageData(Math.min(r, o - 1), Math.min(l, i - 1), 1, 1);
-      let [f, d, m, w] = u.data;
+      let [f, d, h, w] = u.data;
       w = parseFloat((w / 255).toFixed(2));
       const b = this.suckerPreview.style;
       Object.assign(b, {
@@ -10645,7 +10646,7 @@ var Xn = z({
         borderRadius: "50%",
         border: "2px solid #fff",
         boxShadow: "0 0 8px 0 rgba(0, 0, 0, 0.16)",
-        background: `rgba(${f}, ${d}, ${m}, ${w})`,
+        background: `rgba(${f}, ${d}, ${h}, ${w})`,
         zIndex: 95
       }), this.suckerArea.length && // @ts-ignore
       e >= this.suckerArea[0] && // @ts-ignore
@@ -10656,8 +10657,8 @@ var Xn = z({
     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: n } = e, { top: s, left: o, width: i, height: r } = t.getBoundingClientRect(), l = a - o, c = n - s, f = t.getContext("2d").getImageData(Math.min(l, i - 1), Math.min(c, r - 1), 1, 1);
-        let [d, m, w, b] = f.data;
-        b = parseFloat((b / 255).toFixed(2)), this.$emit("selectSucker", { r: d, g: m, b: w, a: b });
+        let [d, h, w, b] = f.data;
+        b = parseFloat((b / 255).toFixed(2)), this.$emit("selectSucker", { r: d, g: h, b: w, a: b });
       }));
     }
   }
@@ -11186,8 +11187,11 @@ const r4 = {
   },
   methods: {
     togglePicker() {
-      if (this.showPicker = !this.showPicker, !this.showPicker)
-        return this.$emit("update:color", this.color);
+      this.showPicker = !this.showPicker;
+    },
+    changeColor(t) {
+      const { r: e, g: a, b: n, a: s } = t.rgba, o = `rgba(${e}, ${a}, ${n}, ${s})`;
+      this.$emit("update:color", o);
     }
   }
 }, l4 = { class: "color-picker-wrapper" };
@@ -11204,7 +11208,7 @@ function u4(t, e, a, n, s, o) {
       class: "color-picker",
       theme: "light",
       color: a.color,
-      onChangeColor: t.changeColor
+      onChangeColor: o.changeColor
     }, null, 8, ["color", "onChangeColor"])) : T("", !0)
   ]);
 }
@@ -11277,7 +11281,7 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
           color: _
         });
       }
-    }), m = S({
+    }), h = S({
       get: () => {
         var _;
         return ((_ = i == null ? void 0 : i.value) == null ? void 0 : _.deadline) ?? "";
@@ -11353,13 +11357,13 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
             v("div", C4, [
               v("label", g4, [
                 Ke(v("input", {
-                  "onUpdate:modelValue": C[1] || (C[1] = (L) => m.value = L),
+                  "onUpdate:modelValue": C[1] || (C[1] = (L) => h.value = L),
                   class: "ao-milestone__field ao-milestone__date-field",
                   type: "date"
                 }, null, 512), [
                   [
                     ut,
-                    m.value,
+                    h.value,
                     void 0,
                     { lazy: !0 }
                   ]
@@ -11411,24 +11415,25 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
             group: "kanban"
           }, _.$attrs, { onChange: f }), {
             item: W(({ element: L }) => {
-              var H, F, U, q;
+              var H, F, U, q, O;
               return [
                 A(di, {
                   id: L.id,
                   name: L.name || L.id,
                   "phase-name": (H = s.value) == null ? void 0 : H.name,
                   "milestone-name": (F = i.value) == null ? void 0 : F.name,
+                  "milestone-color": (U = i.value) == null ? void 0 : U.color,
                   deadline: L.deadline,
                   important: L.important,
                   users: _.users,
                   assignee: L.assignee,
-                  comments: (U = L.comments) == null ? void 0 : U.length,
-                  attachments: (q = L.attachments) == null ? void 0 : q.length,
+                  comments: (q = L.comments) == null ? void 0 : q.length,
+                  attachments: (O = L.attachments) == null ? void 0 : O.length,
                   tasks: L.tasks,
                   "is-editable": _.isEditable,
                   "is-private": L.private,
                   "is-closed": w(L),
-                  onClick: (E) => _.$router.push({
+                  onClick: (x) => _.$router.push({
                     name: Q(Fe).activity,
                     params: { milestoneId: _.milestoneId, activityId: L.id }
                   }),
@@ -11466,7 +11471,7 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
                     ]),
                     key: "0"
                   } : void 0
-                ]), 1032, ["id", "name", "phase-name", "milestone-name", "deadline", "important", "users", "assignee", "comments", "attachments", "tasks", "is-editable", "is-private", "is-closed", "onClick", "onRemoveAssignee"])
+                ]), 1032, ["id", "name", "phase-name", "milestone-name", "milestone-color", "deadline", "important", "users", "assignee", "comments", "attachments", "tasks", "is-editable", "is-private", "is-closed", "onClick", "onRemoveAssignee"])
               ];
             }),
             _: 1
@@ -11528,7 +11533,7 @@ const $4 = /* @__PURE__ */ z({
       e("addFiles", y);
     }, d = (y) => {
       e("removeFile", y);
-    }, m = (y) => {
+    }, h = (y) => {
       e("addComment", y);
     }, w = (y) => {
       e("updateComment", y);
@@ -11559,7 +11564,7 @@ const $4 = /* @__PURE__ */ z({
         onDeleteSubtask: u,
         onAddFiles: f,
         onRemoveFile: d,
-        onAddComment: m,
+        onAddComment: h,
         onUpdateComment: w,
         onRemoveComment: b
       }, {
@@ -11679,10 +11684,10 @@ function P4(t, e, a = {}) {
       };
     },
     { immediate: r, flush: "post" }
-  ) : oa, m = () => {
+  ) : oa, h = () => {
     u(), d(), f.value = !1;
   };
-  return M4(m), {
+  return M4(h), {
     isSupported: l,
     isActive: f,
     pause() {
@@ -11691,11 +11696,11 @@ function P4(t, e, a = {}) {
     resume() {
       f.value = !0;
     },
-    stop: m
+    stop: h
   };
 }
 const V4 = {
-  class: /* @__PURE__ */ Y(["ao-list-kanban"])
+  class: /* @__PURE__ */ K(["ao-list-kanban"])
 }, B4 = { class: "ao-list-kanban__header" }, R4 = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
@@ -11787,30 +11792,31 @@ const V4 = {
         }
       }), {
         item: W(({ element: d }) => {
-          var m, w, b, y, k, _, C, D;
+          var h, w, b, y, k, _, C, D, L;
           return [
             A(di, {
-              class: Y(o(d) ? "ao-list-draggable" : ""),
+              class: K(o(d) ? "ao-list-draggable" : ""),
               id: d.id,
               name: d.name,
-              "project-name": (m = d.project) == null ? void 0 : m.name,
+              "project-name": (h = d.project) == null ? void 0 : h.name,
               "project-color": (w = d.project) == null ? void 0 : w.color,
               "phase-name": (y = (b = d.milestone) == null ? void 0 : b.phase) == null ? void 0 : y.name,
               "milestone-name": (k = d.milestone) == null ? void 0 : k.name,
+              "milestone-color": (_ = d.milestone) == null ? void 0 : _.color,
               deadline: d.deadline,
-              rules: ((_ = d.rules) == null ? void 0 : _.length) || 0,
+              rules: ((C = d.rules) == null ? void 0 : C.length) || 0,
               tasks: d.tasks,
               description: d.description,
               important: d.important,
               type: d.type,
-              comments: (C = d.comments) == null ? void 0 : C.length,
-              attachments: (D = d.attachments) == null ? void 0 : D.length,
+              comments: (D = d.comments) == null ? void 0 : D.length,
+              attachments: (L = d.attachments) == null ? void 0 : L.length,
               users: u.users,
               assignee: d.assignee,
               "is-editable": o(d),
               "is-private": d.private,
               "tag-type": u.tagType,
-              onUpdateActivity: [(L) => o(d) && r(L), () => o(d) && r],
+              onUpdateActivity: [(H) => o(d) && r(H), () => o(d) && r],
               onClick: () => i(d.id),
               onRemoveAssignee: () => o(d) && r({ id: d.id, assigneeId: null })
             }, {
@@ -11839,7 +11845,7 @@ const V4 = {
                 }, null, 8, ["label", "onClick"])) : T("", !0)
               ]),
               _: 2
-            }, 1032, ["class", "id", "name", "project-name", "project-color", "phase-name", "milestone-name", "deadline", "rules", "tasks", "description", "important", "type", "comments", "attachments", "users", "assignee", "is-editable", "is-private", "tag-type", "onUpdateActivity", "onClick", "onRemoveAssignee"])
+            }, 1032, ["class", "id", "name", "project-name", "project-color", "phase-name", "milestone-name", "milestone-color", "deadline", "rules", "tasks", "description", "important", "type", "comments", "attachments", "users", "assignee", "is-editable", "is-private", "tag-type", "onUpdateActivity", "onClick", "onRemoveAssignee"])
           ];
         }),
         footer: W(() => [
@@ -11896,14 +11902,14 @@ const W4 = { class: "ao-field ao-search-field" }, q4 = ["value", "placeholder",
       }, null, 40, q4),
       A(pe, {
         name: "SearchRounded",
-        class: Y(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
+        class: K(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
       }, null, 8, ["class"]),
       A(ce, {
         "icon-name": "CloseRounded",
         size: "sm",
         color: "primary",
         corners: "round",
-        class: Y(`ao-search-field__button ao-search-field__action ${i.modelValue ? "ao-search-field__action--visible" : ""}`),
+        class: K(`ao-search-field__button ao-search-field__action ${i.modelValue ? "ao-search-field__action--visible" : ""}`),
         onClick: o
       }, null, 8, ["class"])
     ]));
@@ -11931,15 +11937,15 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
   },
   emits: ["change:activities", "addActivity", "update:filters", "selectActivity", "update:activity", "archiveActivity", "unarchiveActivity", "update:searchText", "clear:searchText", "update:showsArchivedActivities", "update:showsOnlyImportant", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment"],
   setup(t, { emit: e }) {
-    const a = t, { t: n } = Tt(), s = Pt(a, "activities"), o = async (O) => {
-      await e("selectActivity", O);
+    const a = t, { t: n } = Tt(), s = Pt(a, "activities"), o = async (E) => {
+      await e("selectActivity", E);
     }, i = ee({}), r = ee(!1), l = ee(!1), c = S(() => a.project ? "milestone" : "project");
     de(
       [() => a.statuses, () => a.activities, () => a.initialActivityId],
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      async ([O, N, M], [h, I]) => {
+      async ([E, N, M], [m, I]) => {
         i.value = Object.fromEntries(
-          O.map((J) => [
+          E.map((J) => [
             J.id,
             N.filter((ae) => {
               var le;
@@ -11951,68 +11957,68 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
       { immediate: !0 }
     );
     const u = S(() => {
-      var O;
-      return !a.selectedActivity || !a.selectedActivity.milestone ? "" : `${((O = a.selectedActivity.milestone.phase) == null ? void 0 : O.name) ?? ""} / ${a.selectedActivity.milestone.name ?? ""}`;
-    }), f = (O) => {
+      var E;
+      return !a.selectedActivity || !a.selectedActivity.milestone ? "" : `${((E = a.selectedActivity.milestone.phase) == null ? void 0 : E.name) ?? ""} / ${a.selectedActivity.milestone.name ?? ""}`;
+    }), f = (E) => {
       var J, ae;
-      const N = (J = a.activities) == null ? void 0 : J.at(-1), M = N ? Ie.LexoRank.parse(N.rank).genNext() : Ie.LexoRank.middle(), h = ((ae = a.activities) == null ? void 0 : ae.length) ?? 0, I = {
-        name: n("activity.defaultName", { idx: h + 1 }),
+      const N = (J = a.activities) == null ? void 0 : J.at(-1), M = N ? Ie.LexoRank.parse(N.rank).genNext() : Ie.LexoRank.middle(), m = ((ae = a.activities) == null ? void 0 : ae.length) ?? 0, I = {
+        name: n("activity.defaultName", { idx: m + 1 }),
         rank: M.format(),
-        statusId: O.id
+        statusId: E.id
       };
       a.filters.assigneeId.length > 0 && (I.assigneeId = a.filters.assigneeId[0]), a.filters.projectId.length > 0 && (I.projectId = a.filters.projectId[0]), a.filters.typeId.length > 0 && (I.typeId = a.filters.typeId[0]), l.value = !0, e("addActivity", I);
-    }, d = (O, N) => {
-      l.value = !1, e("update:filters", { ...a.filters, [O]: N });
-    }, m = S(
+    }, d = (E, N) => {
+      l.value = !1, e("update:filters", { ...a.filters, [E]: N });
+    }, h = S(
       () => a.project ? [a.project] : a.projects ?? []
-    ), w = S(() => m.value.map((O) => ({
-      value: O.id,
-      label: O.name
+    ), w = S(() => h.value.map((E) => ({
+      value: E.id,
+      label: E.name
     }))), b = S(() => {
-      var O;
-      return (O = a.activityTypes) == null ? void 0 : O.map((N) => ({
+      var E;
+      return (E = a.activityTypes) == null ? void 0 : E.map((N) => ({
         value: N.id,
         label: N.name
       }));
-    }), y = S(() => a.users.map((O) => ({
-      value: O.id,
-      label: `${O.firstName} ${O.lastName}`,
-      avatar: O.avatarUrl
-    }))), k = (O) => {
-      a.selectedActivity && e("update:activity", O);
-    }, _ = (O) => {
-      e("update:activity", O);
-    }, C = (O) => {
-      e("archiveActivity", O);
-    }, D = (O) => {
-      e("unarchiveActivity", O);
-    }, L = (O) => {
-      l.value = !1, e("update:searchText", O);
-    }, H = (O) => {
-      l.value = !1, e("clear:searchText", O);
-    }, F = (O) => {
-      a.selectedActivity && e("addSubtask", O);
-    }, U = (O) => {
-      a.selectedActivity && e("updateSubtask", O);
-    }, q = (O) => {
-      a.selectedActivity && e("deleteSubtask", O);
-    }, E = (O) => {
-      e("addFiles", O);
-    }, K = (O) => {
-      e("removeFile", O);
-    }, R = (O) => {
+    }), y = S(() => a.users.map((E) => ({
+      value: E.id,
+      label: `${E.firstName} ${E.lastName}`,
+      avatar: E.avatarUrl
+    }))), k = (E) => {
+      a.selectedActivity && e("update:activity", E);
+    }, _ = (E) => {
+      e("update:activity", E);
+    }, C = (E) => {
+      e("archiveActivity", E);
+    }, D = (E) => {
+      e("unarchiveActivity", E);
+    }, L = (E) => {
+      l.value = !1, e("update:searchText", E);
+    }, H = (E) => {
+      l.value = !1, e("clear:searchText", E);
+    }, F = (E) => {
+      a.selectedActivity && e("addSubtask", E);
+    }, U = (E) => {
+      a.selectedActivity && e("updateSubtask", E);
+    }, q = (E) => {
+      a.selectedActivity && e("deleteSubtask", E);
+    }, O = (E) => {
+      e("addFiles", E);
+    }, x = (E) => {
+      e("removeFile", E);
+    }, R = (E) => {
       a.selectedActivity && e("addComment", {
-        ...O,
+        ...E,
         activityId: a.selectedActivity.id
       });
-    }, Z = (O) => {
+    }, Z = (E) => {
       const { id: N } = a.selectedActivity || {};
-      N && e("updateComment", O);
-    }, ie = (O) => {
+      N && e("updateComment", E);
+    }, ie = (E) => {
       const { id: N } = a.selectedActivity || {};
-      N && e("removeComment", O);
+      N && e("removeComment", E);
     };
-    return (O, N) => {
+    return (E, N) => {
       var M;
       return p(), g("div", x4, [
         A(Ya, null, {
@@ -12021,61 +12027,61 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
               a.project ? (p(), P(ci, {
                 key: 0,
                 "is-left": !1,
-                "right-label": O.$t("project.switch.feed"),
-                "left-label": O.$t("project.switch.overview"),
-                "onUpdate:isLeft": N[0] || (N[0] = (h) => {
-                  h && O.$router.push({ name: Q(Fe).project });
+                "right-label": E.$t("project.switch.feed"),
+                "left-label": E.$t("project.switch.overview"),
+                "onUpdate:isLeft": N[0] || (N[0] = (m) => {
+                  m && E.$router.push({ name: Q(Fe).project });
                 })
               }, null, 8, ["right-label", "left-label"])) : T("", !0),
               A(z4, {
-                "model-value": O.searchText,
-                placeholder: O.$t("feed.search.placeholder"),
+                "model-value": E.searchText,
+                placeholder: E.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
                 "onUpdate:modelValue": L,
                 onClear: H
               }, null, 8, ["model-value", "placeholder"]),
               a.project ? T("", !0) : (p(), P($e, {
                 key: 1,
-                "model-value": O.filters[Q(Lt).project],
+                "model-value": E.filters[Q(Lt).project],
                 mode: "tags",
                 options: w.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__projects",
-                placeholder: O.$t("feed.filters.project.placeholder"),
-                "onUpdate:modelValue": N[1] || (N[1] = (h) => d(Q(Lt).project, h))
+                placeholder: E.$t("feed.filters.project.placeholder"),
+                "onUpdate:modelValue": N[1] || (N[1] = (m) => d(Q(Lt).project, m))
               }, null, 8, ["model-value", "options", "placeholder"])),
               b.value ? (p(), P($e, {
                 key: 2,
-                "model-value": O.filters[Q(Lt).type],
+                "model-value": E.filters[Q(Lt).type],
                 mode: "tags",
                 options: b.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__types",
-                placeholder: O.$t("feed.filters.activityType.placeholder"),
-                "onUpdate:modelValue": N[2] || (N[2] = (h) => d(Q(Lt).type, h))
+                placeholder: E.$t("feed.filters.activityType.placeholder"),
+                "onUpdate:modelValue": N[2] || (N[2] = (m) => d(Q(Lt).type, m))
               }, null, 8, ["model-value", "options", "placeholder"])) : T("", !0),
               y.value.length ? (p(), P($e, {
                 key: 3,
-                "model-value": O.filters[Q(Lt).assignee],
+                "model-value": E.filters[Q(Lt).assignee],
                 mode: "tags",
                 options: y.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__assignees",
-                placeholder: O.$t("feed.filters.assignee.placeholder"),
-                "onUpdate:modelValue": N[3] || (N[3] = (h) => d(Q(Lt).assignee, h))
+                placeholder: E.$t("feed.filters.assignee.placeholder"),
+                "onUpdate:modelValue": N[3] || (N[3] = (m) => d(Q(Lt).assignee, m))
               }, {
                 tag: W(({
-                  option: h,
+                  option: m,
                   handleTagRemove: I
                 }) => [
                   A(Je, {
-                    "user-name": h.label,
-                    "avatar-url": h.avatar,
+                    "user-name": m.label,
+                    "avatar-url": m.avatar,
                     "is-closable": !0,
-                    onClose: (J) => I(h, J)
+                    onClose: (J) => I(m, J)
                   }, null, 8, ["user-name", "avatar-url", "onClose"])
                 ]),
                 _: 1
@@ -12084,42 +12090,42 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
             A(ce, {
               class: "ao-feed__only-important",
               size: "sm",
-              "icon-name": O.showsOnlyImportant ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
+              "icon-name": E.showsOnlyImportant ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
               "icon-position": "start",
               color: "primary",
               variant: "ghost",
-              label: O.$t("feed.filters.showsOnlyImportant.label"),
+              label: E.$t("feed.filters.showsOnlyImportant.label"),
               role: "checkbox",
-              "aria-checked": O.showsOnlyImportant,
-              onClick: N[4] || (N[4] = (h) => O.$emit("update:showsOnlyImportant", !O.showsOnlyImportant))
+              "aria-checked": E.showsOnlyImportant,
+              onClick: N[4] || (N[4] = (m) => E.$emit("update:showsOnlyImportant", !E.showsOnlyImportant))
             }, null, 8, ["icon-name", "label", "aria-checked"]),
             A(ce, {
               class: "ao-feed__show-archived",
               size: "sm",
-              "icon-name": O.showsArchivedActivities ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
+              "icon-name": E.showsArchivedActivities ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
               "icon-position": "start",
               color: "primary",
               variant: "ghost",
-              label: O.$t("feed.filters.showsArchivedActivities.label"),
+              label: E.$t("feed.filters.showsArchivedActivities.label"),
               role: "checkbox",
-              "aria-checked": O.showsArchivedActivities,
-              onClick: N[5] || (N[5] = (h) => O.$emit("update:showsArchivedActivities", !O.showsArchivedActivities))
+              "aria-checked": E.showsArchivedActivities,
+              onClick: N[5] || (N[5] = (m) => E.$emit("update:showsArchivedActivities", !E.showsArchivedActivities))
             }, null, 8, ["icon-name", "label", "aria-checked"])
           ]),
           _: 1
         }),
         v("div", K4, [
-          (p(!0), g(ve, null, _e(O.statuses, (h) => (p(), P(Z4, {
-            key: h.id,
-            status: h,
-            list: i.value[h.id],
-            title: h.name,
-            "footer-label": O.$t("feed.activity.add"),
-            users: O.users,
-            "user-id": O.userId,
-            "is-editable": O.isEditable,
+          (p(!0), g(ve, null, _e(E.statuses, (m) => (p(), P(Z4, {
+            key: m.id,
+            status: m,
+            list: i.value[m.id],
+            title: m.name,
+            "footer-label": E.$t("feed.activity.add"),
+            users: E.users,
+            "user-id": E.userId,
+            "is-editable": E.isEditable,
             tagType: c.value,
-            onAdd: () => f(h),
+            onAdd: () => f(m),
             onSelectActivity: o,
             onArchiveActivity: C,
             onUnarchiveActivity: D,
@@ -12127,33 +12133,33 @@ 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, {
+          E.selectedActivity ? (p(), P(Zn, {
             key: 0,
-            activity: O.selectedActivity,
-            "activity-types": O.activityTypes,
-            "milestone-id": (M = O.selectedActivity.milestone) == null ? void 0 : M.id,
+            activity: E.selectedActivity,
+            "activity-types": E.activityTypes,
+            "milestone-id": (M = E.selectedActivity.milestone) == null ? void 0 : M.id,
             "template-activities": s.value,
-            users: O.users,
-            "user-id": O.userId,
-            "is-task-checkable": O.isTaskCheckable,
-            statuses: O.statuses,
+            users: E.users,
+            "user-id": E.userId,
+            "is-task-checkable": E.isTaskCheckable,
+            statuses: E.statuses,
             breadcrumbs: u.value,
-            "is-editable": O.isEditable,
-            "attachment-enabled": O.attachmentEnabled,
-            projects: m.value,
+            "is-editable": E.isEditable,
+            "attachment-enabled": E.attachmentEnabled,
+            projects: h.value,
             onClose: N[6] || (N[6] = () => o(null)),
             "onUpdate:activity": k,
             onAddSubtask: F,
             onUpdateSubtask: U,
             onDeleteSubtask: q,
-            onAddFiles: E,
-            onRemoveFile: K,
+            onAddFiles: O,
+            onRemoveFile: x,
             onAddComment: R,
             onUpdateComment: Z,
             onRemoveComment: ie
           }, {
-            default: W((h) => [
-              te(O.$slots, "activityDetailsBody", pa(fa(h)))
+            default: W((m) => [
+              te(E.$slots, "activityDetailsBody", pa(fa(m)))
             ]),
             _: 3
           }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "attachment-enabled", "projects"])) : T("", !0)
@@ -12320,7 +12326,7 @@ const J4 = { class: "ao-field__label" }, e8 = /* @__PURE__ */ z({
   },
   setup(t) {
     return (e, a) => (p(), g("label", {
-      class: Y(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
+      class: K(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
       v("span", J4, G(e.label), 1),
       te(e.$slots, "default")