@26lights/orcha 0.36.25 → 0.36.27

package/dist/orcha.es.js

@@ -1,7 +1,7 @@
-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 { 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 M, normalizeStyle as wn, withModifiers as fe, createSlots as Ua, Fragment as ve, renderList as _e, onMounted as xt, onBeforeUnmount as Ts, onUnmounted as $n, Teleport as Nt, toRefs as Me, getCurrentInstance as At, toRef as Pt, normalizeProps as pa, guardReactiveProps as fa, withDirectives as Ke, vShow as Hi, onUpdated as Di, vModelText as ut, resolveComponent as Fe, 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({
+const c8 = /* @__PURE__ */ z({
   __name: "AoTemplates",
   props: {
     templates: {}
@@ -1346,21 +1346,21 @@ const O2 = {
     }, {
       default: W(() => [
         n.isDraggable ? (p(), g("div", O2, [
-          A(pe, {
+          M(pe, {
             name: "DragIndicator",
             class: "ao-card-horiz__drag-handle"
           })
         ])) : T("", !0),
         v("div", E2, [
           n.icon ? (p(), g("div", I2, [
-            A(pe, {
+            M(pe, {
               class: "ao-card-horiz__icon",
               name: n.icon,
               size: "xl"
             }, null, 8, ["name"])
           ])) : T("", !0),
           v("div", L2, [
-            A(ye, {
+            M(ye, {
               id: n.id,
               class: "ao-card-horiz__title",
               level: 4,
@@ -1428,7 +1428,7 @@ const Mn = /* @__PURE__ */ z({
         class: "ao-tag__close",
         onClick: o[1] || (o[1] = (i) => s.$emit("close", i))
       }, [
-        A(pe, {
+        M(pe, {
           name: "CloseRounded",
           size: "sm",
           class: "ao-tag__close-icon"
@@ -1441,11 +1441,11 @@ const hn = {
   todo: "todo",
   done: "done",
   archived: "archived"
-}, c8 = {
+}, d8 = {
   months: "months",
   weeks: "weeks",
   days: "days"
-}, d8 = {
+}, p8 = {
   future: "future",
   this_month: "this_month",
   this_week: "this_week",
@@ -1469,7 +1469,7 @@ const hn = {
   TASKS: "tasks"
 };
 var F2 = /* @__PURE__ */ ((t) => (t.PHASES = "phases", t.MILESTONES = "milestones", t.ACTIVITIES = "activities", t))(F2 || {});
-const p8 = {
+const f8 = {
   add: "add",
   remove: "remove",
   moved: "moved"
@@ -2745,8 +2745,8 @@ function Ns(t, e, a) {
   }, ie = L.match(X0).map(function(E) {
     var N = E[0];
     if (N === "p" || N === "P") {
-      var M = r0[N];
-      return M(E, F.formatLong);
+      var A = r0[N];
+      return A(E, F.formatLong);
     }
     return E;
   }).join("").match(G0).map(function(E) {
@@ -2755,9 +2755,9 @@ function Ns(t, e, a) {
     var N = E[0];
     if (N === "'")
       return t3(E);
-    var M = s0[N];
-    if (M)
-      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);
+    var A = s0[N];
+    if (A)
+      return !(a != null && a.useAdditionalWeekYearTokens) && d0(E) && ds(E, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && c0(E) && ds(E, e, String(t)), A(R, E, F.localize, Z);
     if (N.match(e3))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + N + "`");
     return E;
@@ -3768,14 +3768,14 @@ const H3 = { class: "ao-card-template__subitems" }, D3 = { class: "ao-card-templ
       subtitle: W(() => [
         v("ul", H3, [
           v("li", D3, [
-            A(pe, {
+            M(pe, {
               name: "MountainFlagOutlineRounded",
               size: "sm"
             }),
             v("span", P3, G(n.milestones), 1)
           ]),
           v("li", V3, [
-            A(pe, {
+            M(pe, {
               name: "TaskOutlineRounded",
               size: "sm"
             }),
@@ -3787,7 +3787,7 @@ const H3 = { class: "ao-card-template__subitems" }, D3 = { class: "ao-card-templ
         v("div", R3, [
           v("div", N3, [
             v("div", j3, [
-              A(pe, {
+              M(pe, {
                 name: "WaterfallChartRounded",
                 size: "sm"
               }),
@@ -3823,7 +3823,7 @@ const H3 = { class: "ao-card-template__subitems" }, D3 = { class: "ao-card-templ
                 v("span", G3, G(n.$t("template.updatedBy.label")), 1)
               ]),
               v("div", X3, [
-                A(Je, { "user-name": n.updatedBy }, null, 8, ["user-name"])
+                M(Je, { "user-name": n.updatedBy }, null, 8, ["user-name"])
               ])
             ])) : T("", !0)
           ])
@@ -3925,7 +3925,7 @@ const s5 = { class: "ao-card-template-item__footer" }, i5 = {
         v("ul", s5, [
           (p(), g(ve, null, _e(n, (l) => (p(), g(ve, { key: l }, [
             i.$props[l] ? (p(), g("li", i5, [
-              A(pe, {
+              M(pe, {
                 name: s[l],
                 size: "sm"
               }, null, 8, ["name"]),
@@ -3936,7 +3936,7 @@ const s5 = { class: "ao-card-template-item__footer" }, i5 = {
       ]),
       secondary: W(() => [
         v("div", r5, [
-          A(ce, {
+          M(ce, {
             "icon-name": "DeleteOutlineRounded",
             variant: "ghost",
             size: "md",
@@ -4024,7 +4024,7 @@ const l5 = /* @__PURE__ */ z({
       onChange: i
     }, {
       header: W(() => [
-        A(ye, {
+        M(ye, {
           title: "Milestones",
           level: 3,
           class: "ao-list__title"
@@ -4049,7 +4049,7 @@ const l5 = /* @__PURE__ */ z({
       ]),
       footer: W(() => [
         v("div", c5, [
-          A(Ct, {
+          M(Ct, {
             "icon-name": "AddBoxOutlineRounded",
             label: r.$t("template.milestones.add"),
             onClick: n
@@ -4114,7 +4114,7 @@ const l5 = /* @__PURE__ */ z({
       onChange: i
     }, {
       header: W(() => [
-        A(ye, {
+        M(ye, {
           title: "Activities",
           level: 3,
           class: "ao-list__title"
@@ -4135,7 +4135,7 @@ const l5 = /* @__PURE__ */ z({
       ]),
       footer: W(() => [
         v("div", f5, [
-          A(Ct, {
+          M(Ct, {
             "icon-name": "AddBoxOutlineRounded",
             label: r.$t("template.activities.add"),
             onClick: n
@@ -4168,7 +4168,7 @@ const l5 = /* @__PURE__ */ z({
       v("div", h5, [
         e.$slots.header ? (p(), g("div", m5, [
           v("div", C5, [
-            A(ce, {
+            M(ce, {
               "icon-name": "CloseRounded",
               variant: "ghost",
               color: "primary",
@@ -4490,7 +4490,7 @@ const I5 = function(t) {
           switch (h) {
             case "bestFit": {
               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];
+              const E = (x = U.map((N) => [N.placement, N.overflows.filter((A) => A > 0).reduce((A, m) => A + m, 0)]).sort((N, A) => N[1] - A[1])[0]) == null ? void 0 : x[0];
               E && (ie = E);
               break;
             }
@@ -4572,7 +4572,7 @@ function Gs(t) {
 function et(t) {
   return t instanceof Element || t instanceof ke(t).Element;
 }
-function Ue(t) {
+function Ze(t) {
   return t instanceof HTMLElement || t instanceof ke(t).HTMLElement;
 }
 function hs(t) {
@@ -4596,7 +4596,7 @@ function Dn(t) {
 }
 function D5(t) {
   let e = Ut(t);
-  for (; Ue(e) && !Ga(e); ) {
+  for (; Ze(e) && !Ga(e); ) {
     if (Dn(e))
       return e;
     e = Ut(e);
@@ -4635,7 +4635,7 @@ function Ut(t) {
 }
 function Xs(t) {
   const e = Ut(t);
-  return Ga(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : Ue(e) && ga(e) ? e : Xs(e);
+  return Ga(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : Ze(e) && ga(e) ? e : Xs(e);
 }
 function ca(t, e, a) {
   var n;
@@ -4646,7 +4646,7 @@ function ca(t, e, a) {
 function Qs(t) {
   const e = Ve(t);
   let a = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
-  const s = Ue(t), o = s ? t.offsetWidth : a, i = s ? t.offsetHeight : n, r = Va(a) !== o || Va(n) !== i;
+  const s = Ze(t), o = s ? t.offsetWidth : a, i = s ? t.offsetHeight : n, r = Va(a) !== o || Va(n) !== i;
   return r && (a = o, n = i), {
     width: a,
     height: n,
@@ -4658,7 +4658,7 @@ function Vn(t) {
 }
 function Vt(t) {
   const e = Vn(t);
-  if (!Ue(e))
+  if (!Ze(e))
     return pt(1);
   const a = e.getBoundingClientRect(), {
     width: n,
@@ -4710,7 +4710,7 @@ function B5(t) {
     offsetParent: a,
     strategy: n
   } = t;
-  const s = Ue(a), o = at(a);
+  const s = Ze(a), o = at(a);
   if (a === o)
     return e;
   let i = {
@@ -4718,7 +4718,7 @@ function B5(t) {
     scrollTop: 0
   }, r = pt(1);
   const l = pt(0);
-  if ((s || !s && n !== "fixed") && ((ft(a) !== "body" || ga(o)) && (i = Xa(a)), Ue(a))) {
+  if ((s || !s && n !== "fixed") && ((ft(a) !== "body" || ga(o)) && (i = Xa(a)), Ze(a))) {
     const c = St(a);
     r = Vt(a), l.x = c.x + a.clientLeft, l.y = c.y + a.clientTop;
   }
@@ -4762,7 +4762,7 @@ function j5(t, e) {
   };
 }
 function F5(t, e) {
-  const a = St(t, !0, e === "fixed"), n = a.top + t.clientTop, s = a.left + t.clientLeft, o = Ue(t) ? Vt(t) : pt(1), i = t.clientWidth * o.x, r = t.clientHeight * o.y, l = s * o.x, c = n * o.y;
+  const a = St(t, !0, e === "fixed"), n = a.top + t.clientTop, s = a.left + t.clientLeft, o = Ze(t) ? Vt(t) : pt(1), i = t.clientWidth * o.x, r = t.clientHeight * o.y, l = s * o.x, c = n * o.y;
   return {
     width: i,
     height: r,
@@ -4827,7 +4827,7 @@ function W5(t) {
   return Qs(t);
 }
 function q5(t, e, a) {
-  const n = Ue(e), s = at(e), o = a === "fixed", i = St(t, !0, o, e);
+  const n = Ze(e), s = at(e), o = a === "fixed", i = St(t, !0, o, e);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4847,11 +4847,11 @@ function q5(t, e, a) {
   };
 }
 function Cs(t, e) {
-  return !Ue(t) || Ve(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+  return !Ze(t) || Ve(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
 }
 function ai(t, e) {
   const a = ke(t);
-  if (!Ue(t))
+  if (!Ze(t))
     return a;
   let n = Cs(t, e);
   for (; n && H5(n) && Ve(n).position === "static"; )
@@ -5154,19 +5154,19 @@ function i7(t, e, a) {
     groups: ie,
     reverse: E,
     infinite: N,
-    groupOptions: M,
+    groupOptions: A,
     groupHideEmpty: m,
     groupSelect: I,
     onCreate: J,
     disabledProp: ae,
     searchStart: le,
     searchFilter: ne
-  } = 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(() => {
+  } = 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), ze = 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 = [];
       return $.forEach((oe) => {
-        un(oe[M.value]).forEach((me) => {
+        un(oe[A.value]).forEach((me) => {
           B.push(Object.assign({}, me, oe[ae.value] ? { [ae.value]: !0 } : {}));
         });
       }), B;
@@ -5180,7 +5180,7 @@ function i7(t, e, a) {
     return E.value && ($ = $.reverse()), Ot.value.length && ($ = Ot.value.concat($)), ln($);
   }), ot = S(() => {
     let $ = Qt.value;
-    return qe.value > 0 && ($ = $.slice(0, qe.value)), $;
+    return ze.value > 0 && ($ = $.slice(0, ze.value)), $;
   }), _t = S(() => {
     if (!ie.value)
       return [];
@@ -5188,14 +5188,14 @@ function i7(t, e, a) {
     [];
     return it.value.length && $.push({
       [U.value]: " ",
-      [M.value]: [...it.value],
+      [A.value]: [...it.value],
       __CREATE__: !0
     }), $.concat(B);
   }), wa = S(() => {
     let $ = [..._t.value].map((B) => ({ ...B }));
-    return Ot.value.length && ($[0] && $[0].__CREATE__ ? $[0][M.value] = [...Ot.value, ...$[0][M.value]] : $ = [{
+    return Ot.value.length && ($[0] && $[0].__CREATE__ ? $[0][A.value] = [...Ot.value, ...$[0][A.value]] : $ = [{
       [U.value]: " ",
-      [M.value]: [...Ot.value],
+      [A.value]: [...Ot.value],
       __CREATE__: !0
     }].concat($)), $;
   }), an = S(() => {
@@ -5204,12 +5204,12 @@ function i7(t, e, a) {
     let $ = wa.value;
     return Mi(($ || /* istanbul ignore next */
     []).map((B, oe) => {
-      const me = un(B[M.value]);
+      const me = un(B[A.value]);
       return {
         ...B,
         index: oe,
         group: !0,
-        [M.value]: ln(me, !1).map((bt) => Object.assign({}, bt, B[ae.value] ? { [ae.value]: !0 } : {})),
+        [A.value]: ln(me, !1).map((bt) => Object.assign({}, bt, B[ae.value] ? { [ae.value]: !0 } : {})),
         __VISIBLE__: ln(me).map((bt) => Object.assign({}, bt, B[ae.value] ? { [ae.value]: !0 } : {}))
       };
     }));
@@ -5235,7 +5235,7 @@ function i7(t, e, a) {
         return [];
     }
   }), mi = S(() => b.value || Ae.value), Et = ($) => {
-    switch (typeof $ != "object" && ($ = xe($)), s.value) {
+    switch (typeof $ != "object" && ($ = Ye($)), s.value) {
       case "single":
         we($);
         break;
@@ -5246,7 +5246,7 @@ function i7(t, e, a) {
     }
     e.emit("select", es($), $, re);
   }, It = ($) => {
-    switch (typeof $ != "object" && ($ = xe($)), s.value) {
+    switch (typeof $ != "object" && ($ = Ye($)), s.value) {
       case "single":
         as();
         break;
@@ -5266,9 +5266,9 @@ function i7(t, e, a) {
     ts($);
   }, as = () => {
     we(hi.value), e.emit("clear", re);
-  }, ze = ($) => {
+  }, xe = ($) => {
     if ($.group !== void 0)
-      return s.value === "single" ? !1 : wi($[M.value]) && $[M.value].length;
+      return s.value === "single" ? !1 : wi($[A.value]) && $[A.value].length;
     switch (s.value) {
       case "single":
         return !je(Y.value) && Y.value[H.value] == $[H.value];
@@ -5278,7 +5278,7 @@ function i7(t, e, a) {
     }
   }, 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)) {
+      if (J && J.value && !xe($) && $.__CREATE__ && ($ = { ...$ }, delete $.__CREATE__, $ = J.value($, re), $ instanceof Promise)) {
         Ae.value = !0, $.then((B) => {
           Ae.value = !1, ns(B);
         });
@@ -5289,14 +5289,14 @@ function i7(t, e, a) {
   }, ns = ($) => {
     switch ($.__CREATE__ && ($ = { ...$ }, delete $.__CREATE__), s.value) {
       case "single":
-        if ($ && ze($)) {
+        if ($ && xe($)) {
           q.value && It($), Z.value && (nt(), st());
           return;
         }
         $ && rn($), L.value && he(), R.value && (nt(), st()), $ && Et($);
         break;
       case "multiple":
-        if ($ && ze($)) {
+        if ($ && xe($)) {
           It($), Z.value && (nt(), st());
           return;
         }
@@ -5307,7 +5307,7 @@ function i7(t, e, a) {
         $ && (rn($), Et($)), L.value && he(), r.value && nt(), R.value && st();
         break;
       case "tags":
-        if ($ && ze($)) {
+        if ($ && xe($)) {
           It($), Z.value && (nt(), st());
           return;
         }
@@ -5324,26 +5324,26 @@ function i7(t, e, a) {
       switch (s.value) {
         case "multiple":
         case "tags":
-          bi($[M.value]) ? It($[M.value]) : Et(
-            $[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)
+          bi($[A.value]) ? It($[A.value]) : Et(
+            $[A.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;
       }
       R.value && tn();
     }
   }, rn = ($) => {
-    xe($[H.value]) === void 0 && Xt.value && (e.emit("tag", $[H.value], re), e.emit("option", $[H.value], re), e.emit("create", $[H.value], re), ba.value && Si($), he());
+    Ye($[H.value]) === void 0 && Xt.value && (e.emit("tag", $[H.value], re), e.emit("option", $[H.value], re), e.emit("create", $[H.value], re), ba.value && Si($), he());
   }, yi = () => {
-    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 = ($) => {
+    s.value !== "single" && Et(ot.value.filter(($) => !$.disabled && !xe($)));
+  }, bi = ($) => $.find((B) => !xe(B) && !B[ae.value]) === void 0, wi = ($) => $.find((B) => !xe(B)) === void 0, Ye = ($) => 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 && xe($), Si = ($) => {
     it.value.push($);
   }, Mi = ($) => m.value ? $.filter(
-    (B) => X.value ? B.__VISIBLE__.length : B[M.value].length
+    (B) => X.value ? B.__VISIBLE__.length : B[A.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) => {
+      me || (me = (bt, is, o8) => yt.value.some((Ti) => {
         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));
@@ -5368,14 +5368,14 @@ function i7(t, e, a) {
   })), cn = () => {
     if (nn.value)
       if (s.value === "single") {
-        let $ = xe(Y.value[H.value]);
+        let $ = Ye(Y.value[H.value]);
         if ($ !== void 0) {
           let B = $[u.value];
           Y.value[u.value] = B, w.value && (V.value[u.value] = B);
         }
       } else
         Y.value.forEach(($, B) => {
-          let oe = xe(Y.value[B][H.value]);
+          let oe = Ye(Y.value[B][H.value]);
           if (oe !== void 0) {
             let me = oe[u.value];
             Y.value[B][u.value] = me, w.value && (V.value[B][u.value] = me);
@@ -5383,11 +5383,11 @@ function i7(t, e, a) {
         });
   }, Ai = ($) => {
     ka($);
-  }, Sa = ($) => je($) ? s.value === "single" ? {} : [] : w.value ? $ : s.value === "single" ? xe($) || (F.value ? {
+  }, Sa = ($) => je($) ? s.value === "single" ? {} : [] : w.value ? $ : s.value === "single" ? Ye($) || (F.value ? {
     [u.value]: $,
     [H.value]: $,
     [yt.value[0]]: $
-  } : {}) : $.filter((B) => !!xe(B) || F.value).map((B) => xe(B) || {
+  } : {}) : $.filter((B) => !!Ye(B) || F.value).map((B) => Ye(B) || {
     [u.value]: B,
     [H.value]: B,
     [yt.value[0]]: B
@@ -5426,7 +5426,7 @@ function i7(t, e, a) {
   }, { deep: !0 }), de(n, ($, B) => {
     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 : $;
+    ze.value = N.value && $ === -1 ? 10 : $;
   }), {
     pfo: Qt,
     fo: ot,
@@ -5443,16 +5443,16 @@ function i7(t, e, a) {
     noResults: vi,
     resolving: Ae,
     busy: mi,
-    offset: qe,
+    offset: ze,
     select: Et,
     deselect: It,
     remove: ts,
     selectAll: yi,
     clear: as,
-    isSelected: ze,
+    isSelected: xe,
     isDisabled: sn,
     isMax: on,
-    getOption: xe,
+    getOption: Ye,
     handleOptionClick: gi,
     handleGroupClick: _i,
     handleTagRemove: Ci,
@@ -5488,7 +5488,7 @@ function o7(t, e, a) {
   }), 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(() => [...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 = () => {
+  }), A = 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));
@@ -5511,8 +5511,8 @@ function o7(t, e, a) {
       let V = H.value[H.value.length - 1];
       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 : 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 */
+      let V = q.value ? A.value : E.value;
+      V === void 0 && (V = q.value ? x.value : O.value, V.__CREATE__ && (V = A.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;
@@ -5615,7 +5615,7 @@ function r7(t) {
 function l7(t) {
   return t === Se(t) || !Pe(t) ? Rn(t) : r7(t);
 }
-function Ze(t) {
+function We(t) {
   return t ? (t.nodeName || "").toLowerCase() : null;
 }
 function gt(t) {
@@ -5647,7 +5647,7 @@ function c7(t, e, a) {
     x: 0,
     y: 0
   };
-  return (n || !n && !a) && ((Ze(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  return (n || !n && !a) && ((We(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
   jn(o)) && (r = l7(e)), Pe(e) ? (l = Wt(e, !0), l.x += e.clientLeft, l.y += e.clientTop) : o && (l.x = Nn(o))), {
     x: i.left + r.scrollLeft - l.x,
     y: i.top + r.scrollTop - l.y,
@@ -5665,7 +5665,7 @@ function si(t) {
   };
 }
 function Qa(t) {
-  return Ze(t) === "html" ? t : (
+  return We(t) === "html" ? t : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
@@ -5677,7 +5677,7 @@ function Qa(t) {
   );
 }
 function ii(t) {
-  return ["html", "body", "#document"].indexOf(Ze(t)) >= 0 ? t.ownerDocument.body : Pe(t) && jn(t) ? t : ii(Qa(t));
+  return ["html", "body", "#document"].indexOf(We(t)) >= 0 ? t.ownerDocument.body : Pe(t) && jn(t) ? t : ii(Qa(t));
 }
 function ia(t, e) {
   var a;
@@ -5689,7 +5689,7 @@ function ia(t, e) {
   );
 }
 function d7(t) {
-  return ["table", "td", "th"].indexOf(Ze(t)) >= 0;
+  return ["table", "td", "th"].indexOf(We(t)) >= 0;
 }
 function gs(t) {
   return !Pe(t) || // https://github.com/popperjs/popper-core/issues/837
@@ -5703,7 +5703,7 @@ function p7(t) {
       return null;
   }
   var s = Qa(t);
-  for (Bn(s) && (s = s.host); Pe(s) && ["html", "body"].indexOf(Ze(s)) < 0; ) {
+  for (Bn(s) && (s = s.host); Pe(s) && ["html", "body"].indexOf(We(s)) < 0; ) {
     var o = tt(s);
     if (o.transform !== "none" || o.perspective !== "none" || o.contain === "paint" || ["transform", "perspective"].indexOf(o.willChange) !== -1 || e && o.willChange === "filter" || e && o.filter && o.filter !== "none")
       return s;
@@ -5714,9 +5714,9 @@ function p7(t) {
 function Ja(t) {
   for (var e = Se(t), a = gs(t); a && d7(a) && tt(a).position === "static"; )
     a = gs(a);
-  return a && (Ze(a) === "html" || Ze(a) === "body" && tt(a).position === "static") ? e : a || p7(t) || e;
+  return a && (We(a) === "html" || We(a) === "body" && tt(a).position === "static") ? e : a || p7(t) || e;
 }
-var Re = "top", We = "bottom", vt = "right", Ge = "left", Fn = "auto", en = [Re, We, vt, Ge], qt = "start", da = "end", f7 = "clippingParents", oi = "viewport", sa = "popper", v7 = "reference", _s = /* @__PURE__ */ en.reduce(function(t, e) {
+var Re = "top", qe = "bottom", vt = "right", Ge = "left", Fn = "auto", en = [Re, qe, vt, Ge], qt = "start", da = "end", f7 = "clippingParents", oi = "viewport", sa = "popper", v7 = "reference", _s = /* @__PURE__ */ en.reduce(function(t, e) {
   return t.concat([e + "-" + qt, e + "-" + da]);
 }, []), h7 = /* @__PURE__ */ [].concat(en, [Fn]).reduce(function(t, e) {
   return t.concat([e, e + "-" + qt, e + "-" + da]);
@@ -5825,7 +5825,7 @@ function ys(t, e, a) {
 function D7(t) {
   var e = ia(Qa(t)), a = ["absolute", "fixed"].indexOf(tt(t).position) >= 0, n = a && Pe(t) ? Ja(t) : t;
   return Mt(n) ? e.filter(function(s) {
-    return Mt(s) && L7(s, n) && Ze(s) !== "body";
+    return Mt(s) && L7(s, n) && We(s) !== "body";
   }) : [];
 }
 function P7(t, e, a, n) {
@@ -5853,7 +5853,7 @@ function li(t) {
         y: e.y - a.height
       };
       break;
-    case We:
+    case qe:
       l = {
         x: i,
         y: e.y + e.height
@@ -5923,7 +5923,7 @@ function Un(t, e) {
   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";
+      var ie = [vt, qe].indexOf(Z) >= 0 ? 1 : -1, E = [Re, qe].indexOf(Z) >= 0 ? "y" : "x";
       O[Z] += R[E] * ie;
     });
   }
@@ -6103,14 +6103,14 @@ function $s(t) {
   if (c) {
     var H = Ja(a), F = "clientHeight", U = "clientWidth";
     if (H === Se(a) && (H = gt(a), tt(H).position !== "static" && r === "absolute" && (F = "scrollHeight", U = "scrollWidth")), H = H, s === Re || (s === Ge || s === vt) && o === da) {
-      D = We;
+      D = qe;
       var q = f && H === L && L.visualViewport ? L.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         H[F]
       );
       b -= q - n.height, b *= l ? 1 : -1;
     }
-    if (s === Ge || (s === Re || s === We) && o === da) {
+    if (s === Ge || (s === Re || s === qe) && o === da) {
       C = vt;
       var O = f && H === L && L.visualViewport ? L.visualViewport.width : (
         // $FlowFixMe[prop-missing]
@@ -6168,7 +6168,7 @@ function x7(t) {
   var e = t.state;
   Object.keys(e.elements).forEach(function(a) {
     var n = e.styles[a] || {}, s = e.attributes[a] || {}, o = e.elements[a];
-    !Pe(o) || !Ze(o) || (Object.assign(o.style, n), Object.keys(s).forEach(function(i) {
+    !Pe(o) || !We(o) || (Object.assign(o.style, n), Object.keys(s).forEach(function(i) {
       var r = s[i];
       r === !1 ? o.removeAttribute(i) : o.setAttribute(i, r === !0 ? "" : r);
     }));
@@ -6192,7 +6192,7 @@ function Y7(t) {
       var s = e.elements[n], o = e.attributes[n] || {}, i = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : a[n]), r = i.reduce(function(l, c) {
         return l[c] = "", l;
       }, {});
-      !Pe(s) || !Ze(s) || (Object.assign(s.style, r), Object.keys(o).forEach(function(l) {
+      !Pe(s) || !We(s) || (Object.assign(s.style, r), Object.keys(o).forEach(function(l) {
         s.removeAttribute(l);
       }));
     });
@@ -6238,14 +6238,14 @@ function ep(t) {
   };
   if (H) {
     if (o) {
-      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) : {
+      var Z, ie = D === "y" ? Re : Ge, E = D === "y" ? qe : vt, N = D === "y" ? "height" : "width", A = H[D], m = A + y[ie], I = A - 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
-      }, 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;
+      }, 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 = A + we - _a - nt, st = A + Kt - _a, ya = Ia(h ? Na(m, tn) : m, A, h ? kt(I, st) : I);
+      H[D] = ya, R[D] = ya - A;
     }
     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 = 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);
+      var it, Ne = D === "x" ? Re : Ge, Ae = D === "x" ? qe : vt, Be = H[L], ze = 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[ze] - U[ze] - Qt + O.altAxis, _t = Te ? Be + F[ze] + U[ze] - 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;
@@ -6316,16 +6316,16 @@ function op(t) {
         allowedAutoPlacements: b
       }) : 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, {
+      var x = D[O], R = ct(x), Z = zt(x) === qt, ie = [Re, qe].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[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) {
+      }), A = ie ? Z ? vt : Ge : Z ? qe : Re;
+      L[E] > H[E] && (A = La(A));
+      var m = La(A), I = [];
+      if (o && I.push(N[R] <= 0), r && I.push(N[A] <= 0, N[m] <= 0), I.every(function(re) {
         return re;
       })) {
         q = x, U = !1;
@@ -7814,7 +7814,7 @@ const jp = { class: "ao-tasks" }, Fp = { class: "ao-tasks__list" }, Up = ["id",
               onChange: (y) => c(y, h.id)
             }, {
               tag: W(({ option: y, handleTagRemove: k }) => [
-                A(Je, {
+                M(Je, {
                   "user-name": y.label,
                   "avatar-url": y.avatar,
                   "is-closable": !0,
@@ -7919,7 +7919,7 @@ const qp = ["onDrop", "onDragenter", "onDragover", "onDragleave"], zp = { class:
             target: "_blank",
             rel: "noopener noreferrer"
           }, [
-            A(pe, {
+            M(pe, {
               class: "ao-file__icon",
               name: "AttachFileRounded",
               size: "sm"
@@ -7940,7 +7940,7 @@ const qp = ["onDrop", "onDragenter", "onDragover", "onDragleave"], zp = { class:
         u.isEditable ? (p(), g("li", Gp, [
           v("label", Xp, [
             v("div", Qp, [
-              A(pe, {
+              M(pe, {
                 name: "Add",
                 size: "sm"
               }),
@@ -8030,14 +8030,14 @@ const nf = { class: "ao-comment" }, sf = { class: "ao-comment__created-at" }, of
         ]),
         b.isEditable ? (p(), g("div", lf, [
           Q(o) ? (p(), g(ve, { key: 0 }, [
-            A(ce, {
+            M(ce, {
               "icon-name": "CloseRounded",
               size: "sm",
               variant: "ghost",
               color: "neutral",
               onClick: Q(f)
             }, null, 8, ["onClick"]),
-            A(ce, {
+            M(ce, {
               "icon-name": "CheckSmallRounded",
               size: "sm",
               variant: "solid",
@@ -8046,14 +8046,14 @@ const nf = { class: "ao-comment" }, sf = { class: "ao-comment__created-at" }, of
               onClick: Q(d)
             }, null, 8, ["onClick"])
           ], 64)) : (p(), g(ve, { key: 1 }, [
-            A(ce, {
+            M(ce, {
               label: b.$t("activity.comment.delete"),
               size: "sm",
               variant: "ghost",
               color: "neutral",
               onClick: h
             }, null, 8, ["label"]),
-            A(ce, {
+            M(ce, {
               label: b.$t("activity.comment.edit"),
               size: "sm",
               variant: "ghost",
@@ -8129,7 +8129,7 @@ const cf = { class: "ao-comments__header" }, df = ["onSubmit"], pf = ["placehold
               ]
             ]),
             v("div", ff, [
-              A(ce, {
+              M(ce, {
                 type: "submit",
                 "icon-name": "SendRounded",
                 color: "primary",
@@ -8395,7 +8395,7 @@ const yn = /* @__PURE__ */ z({
       e("updateComment", m);
     }, N = (m) => {
       e("removeComment", m);
-    }, M = S(() => {
+    }, A = S(() => {
       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}`;
     });
@@ -8409,7 +8409,7 @@ const yn = /* @__PURE__ */ z({
             v("div", Cf, [
               v("div", gf, [
                 m.breadcrumbs ? (p(), g("div", _f, G(m.breadcrumbs), 1)) : T("", !0),
-                A(ye, {
+                M(ye, {
                   title: m.activity.name || "",
                   level: 4,
                   "is-editable": n.value,
@@ -8418,7 +8418,7 @@ const yn = /* @__PURE__ */ z({
                 v("div", yf, [
                   U.value ? (p(), g("label", bf, [
                     v("span", wf, G(m.$t("activity.project.label")), 1),
-                    A($e, {
+                    M($e, {
                       options: U.value,
                       value: (J = m.activity.project) == null ? void 0 : J.id,
                       searchable: !0,
@@ -8429,7 +8429,7 @@ const yn = /* @__PURE__ */ z({
                   ])) : T("", !0),
                   q.value ? (p(), g("label", $f, [
                     v("span", kf, G(m.$t("activity.milestone.label")), 1),
-                    A($e, {
+                    M($e, {
                       options: q.value,
                       value: (ae = m.activity.milestone) == null ? void 0 : ae.id,
                       searchable: !0,
@@ -8444,7 +8444,7 @@ const yn = /* @__PURE__ */ z({
               v("div", Sf, [
                 v("fieldset", Mf, [
                   v("div", Af, [
-                    A(af, {
+                    M(af, {
                       attachments: m.activity.attachments,
                       "is-editable": m.attachmentEnabled && n.value && m.isTemplate !== !0 && !!m.userId,
                       onAdd: H,
@@ -8499,14 +8499,14 @@ const yn = /* @__PURE__ */ z({
                 ]),
                 v("fieldset", Pf, [
                   v("div", Vf, [
-                    A(pe, { name: "SelectCheckBox" }),
-                    A(ye, {
+                    M(pe, { name: "SelectCheckBox" }),
+                    M(ye, {
                       level: 4,
                       title: m.$t("activity.tasks.title")
                     }, null, 8, ["title"])
                   ]),
                   v("div", Bf, [
-                    A(Wp, {
+                    M(Wp, {
                       class: "ao-activity-details__tasks ao-field__row",
                       tasks: m.activity.tasks || [],
                       "activity-id": m.activity.id,
@@ -8522,13 +8522,13 @@ const yn = /* @__PURE__ */ z({
                 ]),
                 m.isTemplate !== !0 && m.userId ? (p(), g("div", Rf, [
                   v("div", Nf, [
-                    A(pe, { name: "ChatOutline" }),
-                    A(ye, {
+                    M(pe, { name: "ChatOutline" }),
+                    M(ye, {
                       level: 4,
                       title: m.$t("activity.comments.title")
                     }, null, 8, ["title"])
                   ]),
-                  A(hf, {
+                  M(hf, {
                     comments: m.activity.comments,
                     users: m.users,
                     "user-id": m.userId,
@@ -8541,7 +8541,7 @@ const yn = /* @__PURE__ */ z({
             ]),
             v("div", jf, [
               v("div", Ff, [
-                A(pe, {
+                M(pe, {
                   name: "CloseRounded",
                   onClick: I[2] || (I[2] = (ne) => m.$emit("close"))
                 })
@@ -8549,7 +8549,7 @@ const yn = /* @__PURE__ */ z({
               R.value ? (p(), g("div", Uf, [
                 v("label", Zf, [
                   v("span", Wf, G(m.$t("activity.status.label")), 1),
-                  A($e, {
+                  M($e, {
                     class: "ao-activity-details__multiselect",
                     options: R.value,
                     value: (le = m.activity.status) == null ? void 0 : le.id,
@@ -8564,7 +8564,7 @@ const yn = /* @__PURE__ */ z({
               v("div", qf, [
                 v("div", zf, [
                   v("span", xf, G(m.$t("activity.assignee.label")), 1),
-                  A($e, {
+                  M($e, {
                     modelValue: L.value,
                     "onUpdate:modelValue": I[3] || (I[3] = (ne) => L.value = ne),
                     class: "ao-activity-details__assignees ao-activity-details__multiselect",
@@ -8581,7 +8581,7 @@ const yn = /* @__PURE__ */ z({
                       option: ne,
                       handleTagRemove: re
                     }) => [
-                      A(Je, {
+                      M(Je, {
                         "user-name": ne.label,
                         "avatar-url": ne.avatar,
                         "is-closable": !0,
@@ -8615,7 +8615,7 @@ const yn = /* @__PURE__ */ z({
               v("div", Jf, [
                 u.value ? (p(), g("div", e9, [
                   v("label", t9, [
-                    A($e, {
+                    M($e, {
                       modelValue: f.value,
                       "onUpdate:modelValue": I[5] || (I[5] = (ne) => f.value = ne),
                       class: "ao-activity-details__multiselect",
@@ -8631,7 +8631,7 @@ const yn = /* @__PURE__ */ z({
                 te(m.$slots, "default", { activity: m.activity })
               ]),
               v("div", a9, [
-                A(yn, {
+                M(yn, {
                   modelValue: r.value,
                   "onUpdate:modelValue": I[6] || (I[6] = (ne) => r.value = ne),
                   modelModifiers: { lazy: !0 },
@@ -8646,7 +8646,7 @@ const yn = /* @__PURE__ */ z({
                 }, null, 8, ["modelValue", "label", "disabled"])
               ]),
               m.isTemplate !== !0 && m.activity.createdBy.id === m.userId ? (p(), g("div", n9, [
-                A(yn, {
+                M(yn, {
                   modelValue: l.value,
                   "onUpdate:modelValue": I[7] || (I[7] = (ne) => l.value = ne),
                   modelModifiers: { lazy: !0 },
@@ -8661,8 +8661,8 @@ const yn = /* @__PURE__ */ z({
               ])) : T("", !0),
               v("fieldset", s9, [
                 v("div", i9, [
-                  A(pe, { name: "FlowsheetOutlineRounded" }),
-                  A(ye, {
+                  M(pe, { name: "FlowsheetOutlineRounded" }),
+                  M(ye, {
                     level: 4,
                     title: m.$t("activity.dependencies.title")
                   }, null, 8, ["title"])
@@ -8671,7 +8671,7 @@ const yn = /* @__PURE__ */ z({
                   v("div", r9, [
                     v("label", l9, [
                       v("span", u9, G(m.$t("activity.dependingOn.label")), 1),
-                      A($e, {
+                      M($e, {
                         modelValue: h.value,
                         "onUpdate:modelValue": I[8] || (I[8] = (ne) => h.value = ne),
                         class: "ao-activity-details__multiselect",
@@ -8687,7 +8687,7 @@ const yn = /* @__PURE__ */ z({
                   v("div", c9, [
                     v("label", d9, [
                       v("span", p9, G(m.$t("activity.blocking.label")), 1),
-                      A($e, {
+                      M($e, {
                         modelValue: b.value,
                         "onUpdate:modelValue": I[9] || (I[9] = (ne) => b.value = ne),
                         class: "ao-activity-details__multiselect",
@@ -8702,13 +8702,13 @@ const yn = /* @__PURE__ */ z({
                   ])
                 ])
               ]),
-              m.isTemplate !== !0 && M.value ? (p(), g("div", f9, [
+              m.isTemplate !== !0 && A.value ? (p(), g("div", f9, [
                 v("div", v9, [
-                  A(Je, {
-                    "user-name": M.value,
+                  M(Je, {
+                    "user-name": A.value,
                     color: "black"
                   }, null, 8, ["user-name"]),
-                  v("span", null, G(M.value), 1)
+                  v("span", null, G(A.value), 1)
                 ])
               ])) : T("", !0)
             ])
@@ -8795,22 +8795,22 @@ const h9 = /* @__PURE__ */ z({
     }), y = S(() => Object.values(j2));
     return (k, _) => (p(), P(ht(k.tagName), { class: "ao-rule-line" }, {
       default: W(() => [
-        A(Q(lt), {
+        M(Q(lt), {
           modelValue: s.value,
           "onUpdate:modelValue": _[0] || (_[0] = (C) => s.value = C),
           options: o.value
         }, null, 8, ["modelValue", "options"]),
-        A(Q(lt), {
+        M(Q(lt), {
           modelValue: i.value,
           "onUpdate:modelValue": _[1] || (_[1] = (C) => i.value = C),
           options: r.value
         }, null, 8, ["modelValue", "options"]),
-        A(Q(lt), {
+        M(Q(lt), {
           modelValue: d.value,
           "onUpdate:modelValue": _[2] || (_[2] = (C) => d.value = C),
           options: h.value
         }, null, 8, ["modelValue", "options"]),
-        A(Q(lt), {
+        M(Q(lt), {
           modelValue: c.value,
           "onUpdate:modelValue": _[3] || (_[3] = (C) => c.value = C),
           options: u.value
@@ -8827,12 +8827,12 @@ const h9 = /* @__PURE__ */ z({
             { number: !0 }
           ]
         ]),
-        A(Q(lt), {
+        M(Q(lt), {
           modelValue: b.value,
           "onUpdate:modelValue": _[5] || (_[5] = (C) => b.value = C),
           options: y.value
         }, null, 8, ["modelValue", "options"]),
-        A(ce, {
+        M(ce, {
           class: "ao-rule-line__remove",
           "icon-name": "CloseRounded",
           variant: "ghost",
@@ -8861,7 +8861,7 @@ const m9 = { class: "ao-template-rules__body" }, C9 = { class: "ao-template-rule
     };
     return (s, o) => (p(), P(In, null, {
       header: W(() => [
-        A(ye, {
+        M(ye, {
           title: s.$t("template.rules.title"),
           level: 2
         }, null, 8, ["title"])
@@ -8879,7 +8879,7 @@ const m9 = { class: "ao-template-rules__body" }, C9 = { class: "ao-template-rule
               onClose: () => n(i.id)
             }, null, 8, ["rule", "template-phases", "template-milestones", "template-activities", "onClose"]))), 128))
           ]),
-          A(Ct, {
+          M(Ct, {
             label: s.$t("template.rules.add"),
             "icon-name": "Add",
             onClick: a
@@ -8915,8 +8915,8 @@ const _9 = {
   setup(t, { emit: e }) {
     const a = t, { t: n } = Tt(), s = S(
       () => {
-        var M;
-        return (M = a.templates) == null ? void 0 : M.find((m) => m.id === a.templateId);
+        var A;
+        return (A = a.templates) == null ? void 0 : A.find((m) => m.id === a.templateId);
       }
     ), o = ee(!1);
     de(
@@ -8924,50 +8924,50 @@ const _9 = {
       () => o.value = !1
     ), de(
       () => {
-        var M;
-        return (M = s.value) == null ? void 0 : M.phases;
+        var A;
+        return (A = s.value) == null ? void 0 : A.phases;
       },
-      (M, m) => {
-        o.value && Xe(M, m);
+      (A, m) => {
+        o.value && Xe(A, m);
       }
     );
     const i = S(() => {
-      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);
+      var A, m;
+      return (m = (A = s == null ? void 0 : s.value) == null ? void 0 : A.phases) == null ? void 0 : m.find((I) => I.id === a.phaseId);
     });
     de(
       () => {
-        var M;
-        return (M = i.value) == null ? void 0 : M.milestones;
+        var A;
+        return (A = i.value) == null ? void 0 : A.milestones;
       },
-      (M, m) => {
-        o.value && Xe(M, m);
+      (A, m) => {
+        o.value && Xe(A, m);
       }
     );
     const r = S(() => {
-      var M, m;
-      return (m = (M = i.value) == null ? void 0 : M.milestones) == null ? void 0 : m.find(
+      var A, m;
+      return (m = (A = i.value) == null ? void 0 : A.milestones) == null ? void 0 : m.find(
         (I) => I.id === a.milestoneId
       );
     });
     de(
       () => {
-        var M;
-        return (M = r.value) == null ? void 0 : M.activities;
+        var A;
+        return (A = r.value) == null ? void 0 : A.activities;
       },
-      (M, m) => {
-        o.value && Xe(M, m);
+      (A, m) => {
+        o.value && Xe(A, m);
       }
     );
     const l = S(() => {
-      var M, m;
-      return ((m = (M = s.value) == null ? void 0 : M.phases) == null ? void 0 : m.reduce((I, J) => {
+      var A, m;
+      return ((m = (A = s.value) == null ? void 0 : A.phases) == null ? void 0 : m.reduce((I, J) => {
         const ae = J.milestones || [];
         return [...I, ...ae];
       }, [])) || [];
     }), c = S(() => {
-      var M, m;
-      return ((m = (M = s.value) == null ? void 0 : M.phases) == null ? void 0 : m.reduce((I, J) => {
+      var A, m;
+      return ((m = (A = s.value) == null ? void 0 : A.phases) == null ? void 0 : m.reduce((I, J) => {
         const le = (J.milestones || []).reduce(
           (ne, re) => re.activities ? [...ne, ...re.activities] : ne,
           []
@@ -8975,17 +8975,17 @@ const _9 = {
         return [...I, ...le];
       }, [])) || [];
     }), u = S(() => {
-      var M, m;
-      return (m = (M = r.value) == null ? void 0 : M.activities) == null ? void 0 : m.find(
+      var A, m;
+      return (m = (A = r.value) == null ? void 0 : A.activities) == null ? void 0 : m.find(
         (I) => I.id === a.activityId
       );
     }), f = S(() => {
-      var M;
-      return ((M = s.value) == null ? void 0 : M.name) || a.templateId;
+      var A;
+      return ((A = s.value) == null ? void 0 : A.name) || a.templateId;
     }), d = () => {
       if (!s.value)
         return;
-      const { name: M, rank: m } = Bt(
+      const { name: A, rank: m } = Bt(
         s.value.phases,
         "phase",
         n
@@ -8994,35 +8994,35 @@ const _9 = {
         type: Ce.PHASES,
         templateId: a.templateId,
         item: {
-          name: M,
+          name: A,
           rank: m
         }
       });
-    }, h = (M) => {
+    }, h = (A) => {
       e("updateItem", {
         templateId: a.templateId,
         id: a.templateId,
         itemType: Ce.TEMPLATES,
-        data: { name: M }
+        data: { name: A }
       });
-    }, w = (M) => {
+    }, w = (A) => {
       e("removeItem", {
         type: Ce.PHASES,
         templateId: a.templateId,
         data: {
-          id: M
+          id: A
         }
       });
-    }, b = (M, m) => {
+    }, b = (A, m) => {
       e("updateItem", {
         templateId: a.templateId,
-        id: M,
+        id: A,
         itemType: Ce.PHASES,
         data: { name: m }
       });
-    }, y = (M) => {
-      e("updateItem", M);
-    }, k = (M) => {
+    }, y = (A) => {
+      e("updateItem", A);
+    }, k = (A) => {
       if (!i.value)
         return;
       const { name: m, rank: I } = Bt(
@@ -9033,32 +9033,32 @@ const _9 = {
       o.value = !0, e("addItem", {
         type: Ce.MILESTONES,
         templateId: a.templateId,
-        phaseId: M.phaseId,
+        phaseId: A.phaseId,
         item: {
           name: m,
           rank: I,
-          phaseId: M.phaseId
+          phaseId: A.phaseId
         }
       });
-    }, _ = (M) => {
+    }, _ = (A) => {
       e("removeItem", {
         type: Ce.MILESTONES,
         templateId: a.templateId,
-        phaseId: M.phaseId,
+        phaseId: A.phaseId,
         data: {
-          id: M.id
+          id: A.id
         }
       });
-    }, C = (M) => {
-      const { id: m, ...I } = M;
+    }, C = (A) => {
+      const { id: m, ...I } = A;
       e("updateItem", {
         itemType: Ce.MILESTONES,
         id: m,
         templateId: a.templateId,
         data: I
       });
-    }, D = (M) => {
-      const { milestoneId: m } = M;
+    }, D = (A) => {
+      const { milestoneId: m } = A;
       if (!r.value)
         return;
       const { name: I, rank: J } = Bt(
@@ -9072,7 +9072,7 @@ const _9 = {
         templateId: a.templateId,
         item: { name: I, rank: J, milestoneId: m }
       });
-    }, L = (M) => {
+    }, L = (A) => {
       var m, I;
       e("removeItem", {
         type: Ce.ACTIVITIES,
@@ -9080,11 +9080,11 @@ const _9 = {
         phaseId: (m = i.value) == null ? void 0 : m.id,
         milestoneId: (I = r.value) == null ? void 0 : I.id,
         data: {
-          id: M.id
+          id: A.id
         }
       });
-    }, H = (M) => {
-      const { id: m, ...I } = M;
+    }, H = (A) => {
+      const { id: m, ...I } = A;
       e("updateItem", {
         itemType: Ce.ACTIVITIES,
         id: m,
@@ -9095,60 +9095,60 @@ const _9 = {
       F.value = !F.value;
     }, q = () => {
       e("addRule", { templateId: a.templateId });
-    }, O = (M) => {
-      e("removeRule", { id: M, templateId: a.templateId });
-    }, x = (M) => {
+    }, O = (A) => {
+      e("removeRule", { id: A, templateId: a.templateId });
+    }, x = (A) => {
       var m;
-      if (M.moved) {
-        const I = Ca(M, ((m = s.value) == null ? void 0 : m.phases) ?? []);
+      if (A.moved) {
+        const I = Ca(A, ((m = s.value) == null ? void 0 : m.phases) ?? []);
         e("updateItem", {
           itemType: Ce.PHASES,
-          id: M.moved.element.id,
+          id: A.moved.element.id,
           templateId: a.templateId,
           data: {
             rank: I
           }
         });
       }
-    }, R = (M) => {
+    }, R = (A) => {
       !i.value || !r.value || !u.value || e("addItem", {
         type: Ce.TASKS,
-        activityId: M.activityId,
+        activityId: A.activityId,
         milestoneId: r.value.id,
         phaseId: i.value.id,
         templateId: a.templateId,
-        item: M
+        item: A
       });
-    }, Z = (M) => {
+    }, Z = (A) => {
       !i.value || !r.value || !u.value || e("updateItem", {
         itemType: Ce.TASKS,
-        id: M.id,
+        id: A.id,
         templateId: a.templateId,
-        data: M
+        data: A
       });
-    }, ie = (M) => {
+    }, ie = (A) => {
       !i.value || !r.value || !u.value || e("removeItem", {
         type: Ce.TASKS,
         activityId: u.value.id,
         milestoneId: r.value.id,
         phaseId: i.value.id,
         templateId: a.templateId,
-        data: M
+        data: A
       });
-    }, E = (M) => {
-      e("addFiles", M);
-    }, N = (M) => {
-      e("removeFile", M);
+    }, E = (A) => {
+      e("addFiles", A);
+    }, N = (A) => {
+      e("removeFile", A);
     };
-    return (M, m) => {
+    return (A, m) => {
       var I, J, ae, le, ne, re;
       return s.value ? (p(), g("div", _9, [
-        A(Ya, {
+        M(Ya, {
           "can-go-back": !0,
-          onGoBack: m[1] || (m[1] = (Y) => M.$router.push({ name: Q(Dt).TEMPLATES_LIST }))
+          onGoBack: m[1] || (m[1] = (Y) => A.$router.push({ name: Q(Dt).TEMPLATES_LIST }))
         }, {
           primary: W(() => [
-            A(ye, {
+            M(ye, {
               title: f.value,
               level: 2,
               "is-editable": !0,
@@ -9162,7 +9162,7 @@ const _9 = {
         v("div", y9, [
           v("ol", b9, [
             v("li", w9, [
-              A(Q(mt), {
+              M(Q(mt), {
                 "model-value": s.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -9170,8 +9170,8 @@ const _9 = {
                 onChange: x
               }, {
                 header: W(() => [
-                  A(ye, {
-                    title: M.$t("template.phases.title"),
+                  M(ye, {
+                    title: A.$t("template.phases.title"),
                     level: 3,
                     class: "ao-list__title"
                   }, null, 8, ["title"])
@@ -9179,14 +9179,14 @@ const _9 = {
                 item: W(({ element: Y }) => {
                   var V;
                   return [
-                    A(l5, {
+                    M(l5, {
                       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: Y.id }
+                      onClick: (X) => A.$router.push({
+                        params: { templateId: A.templateId, phaseId: Y.id }
                       }),
                       "onUpdate:title": (X) => {
                         b(Y.id, X);
@@ -9197,9 +9197,9 @@ const _9 = {
                 }),
                 footer: W(() => [
                   v("div", $9, [
-                    A(Ct, {
+                    M(Ct, {
                       "icon-name": "AddBoxOutlineRounded",
-                      label: M.$t("template.phases.add"),
+                      label: A.$t("template.phases.add"),
                       onClick: d
                     }, null, 8, ["label"])
                   ])
@@ -9210,7 +9210,7 @@ const _9 = {
             v("li", k9, [
               i.value ? (p(), P(d5, {
                 key: 0,
-                "template-id": M.templateId,
+                "template-id": A.templateId,
                 phase: i.value,
                 "milestone-id": (I = r.value) == null ? void 0 : I.id,
                 onAddMilestone: k,
@@ -9222,7 +9222,7 @@ const _9 = {
             v("li", S9, [
               i.value && r.value ? (p(), P(v5, {
                 key: 0,
-                "template-id": M.templateId,
+                "template-id": A.templateId,
                 "phase-id": (J = i.value) == null ? void 0 : J.id,
                 milestone: r.value,
                 "activity-id": (ae = u.value) == null ? void 0 : ae.id,
@@ -9237,19 +9237,19 @@ const _9 = {
           u.value ? (p(), P(Zn, {
             key: 0,
             activity: u.value,
-            "activity-types": M.activityTypes,
+            "activity-types": A.activityTypes,
             breadcrumbs: `${s.value.name} / ${(le = i.value) == null ? void 0 : le.name} / ${(ne = r.value) == null ? void 0 : ne.name}`,
             "milestone-id": (re = r.value) == null ? void 0 : re.id,
             "template-activities": c.value,
             "template-milestones": l.value,
             "is-template": !0,
             "is-editable": !0,
-            users: M.users,
+            users: A.users,
             "onUpdate:activity": m[2] || (m[2] = (Y) => {
               u.value && H(Y);
             }),
             "attachment-enabled": !1,
-            onClose: M.$router.back,
+            onClose: A.$router.back,
             onAddSubtask: R,
             onUpdateSubtask: Z,
             onDeleteSubtask: ie,
@@ -9257,7 +9257,7 @@ const _9 = {
             onRemoveFile: N
           }, {
             default: W((Y) => [
-              te(M.$slots, "activityDetailsBody", pa(fa(Y)))
+              te(A.$slots, "activityDetailsBody", pa(fa(Y)))
             ]),
             _: 3
           }, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : T("", !0)
@@ -9382,7 +9382,7 @@ const E9 = { class: "ao-card-project-phase__header" }, I9 = { class: "ao-card-pr
       "is-clickable": c.isEditable
     }, Ua({
       default: W(() => [
-        A(ye, {
+        M(ye, {
           id: c.id,
           class: "ao-card-project-phase__title",
           title: s.value || "",
@@ -9395,13 +9395,13 @@ const E9 = { class: "ao-card-project-phase__header" }, I9 = { class: "ao-card-pr
         v("div", I9, [
           o.value ? (p(), g("div", L9, [
             v("div", H9, [
-              A(pe, {
+              M(pe, {
                 name: "MountainFlagOutlineRounded",
                 size: "sm"
               }),
               v("span", D9, G(i.value) + " / " + G(o.value), 1)
             ]),
-            A(qn, {
+            M(qn, {
               percentages: r.value,
               class: "ao-card-project-phase__progress"
             }, null, 8, ["percentages"]),
@@ -9435,7 +9435,7 @@ const E9 = { class: "ao-card-project-phase__header" }, I9 = { class: "ao-card-pr
         name: "header",
         fn: W(() => [
           v("div", E9, [
-            A(ce, {
+            M(ce, {
               class: "ao-card-project-phase__archive",
               color: "primary",
               variant: "ghost",
@@ -9453,23 +9453,24 @@ const E9 = { class: "ao-card-project-phase__header" }, I9 = { class: "ao-card-pr
     ]), 1032, ["is-clickable"]));
   }
 });
-const R9 = { class: "ao-card-project-milestone__default" }, N9 = {
+const R9 = { class: "ao-card-project-milestone__default" }, N9 = { style: { display: "flex", gap: "8px" } }, j9 = {
   key: 0,
   class: "ao-card-project-milestone__archive"
-}, j9 = { class: "ao-card-project-milestone__activities" }, F9 = { class: "ao-card-project-milestone__activities-row" }, U9 = { class: "ao-card-project-milestone__subitem" }, Z9 = { class: "ao-card-project-milestone__subitem" }, W9 = {
+}, F9 = { class: "ao-card-project-milestone__activities" }, U9 = { class: "ao-card-project-milestone__activities-row" }, Z9 = { class: "ao-card-project-milestone__subitem" }, W9 = { class: "ao-card-project-milestone__subitem" }, q9 = {
   key: 1,
   class: "ao-card-project-milestone__secondary"
-}, q9 = { class: "ao-card-project-milestone__footer" }, z9 = {
+}, z9 = { class: "ao-card-project-milestone__footer" }, x9 = {
   key: 1,
   class: "ao-field ao-card-project-milestone__deadline"
-}, x9 = { class: "ao-field__label" }, Y9 = {
+}, Y9 = { class: "ao-field__label" }, K9 = {
   key: 2,
   class: "ao-card-project-milestone__assignee"
-}, K9 = /* @__PURE__ */ z({
+}, G9 = /* @__PURE__ */ z({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
     name: {},
+    color: {},
     activities: {},
     closedStatus: {},
     isEditable: { type: Boolean },
@@ -9496,90 +9497,96 @@ const R9 = { class: "ao-card-project-milestone__default" }, N9 = {
     }), i = S(() => (o.value || 0) / (s.value || 1)), r = (l) => {
       e("updateMilestone", { id: a.id, name: l });
     };
-    return (l, c) => (p(), P(Wn, {
-      class: K([
-        "ao-card-project-milestone",
-        { "ao-card-project-milestone--selected": l.isSelected }
-      ]),
-      "is-clickable": !l.readonly,
-      "tag-name": "li",
-      "is-selected": l.isSelected
-    }, {
-      default: W(() => [
-        v("div", R9, [
-          A(ye, {
-            id: l.id,
-            title: n.value || "",
-            level: 5,
-            "is-editable": !l.readonly && l.isEditable,
-            class: "ao-card-project-milestone__title",
-            "onUpdate:title": r
-          }, null, 8, ["id", "title", "is-editable"]),
-          !l.readonly && l.isEditable ? (p(), g("div", N9, [
-            A(ce, {
-              color: l.isSelected ? void 0 : "primary",
-              variant: "ghost",
-              "icon-name": "ArchiveOutlineRounded",
-              size: "sm",
-              "icon-position": "start",
-              corners: "round",
-              label: l.$t("archive"),
-              onClick: c[0] || (c[0] = fe(() => l.$emit("archiveMilestone", { id: l.id }), ["stop"]))
-            }, null, 8, ["color", "label"])
-          ])) : T("", !0)
+    return (l, c) => {
+      const u = Fe("AoBadge");
+      return p(), P(Wn, {
+        class: K([
+          "ao-card-project-milestone",
+          { "ao-card-project-milestone--selected": l.isSelected }
         ]),
-        v("div", j9, [
-          v("div", F9, [
-            s.value ? (p(), g(ve, { key: 0 }, [
-              v("div", U9, [
-                A(pe, {
-                  name: "SelectCheckBox",
-                  size: "sm"
-                }),
-                v("span", Z9, G(o.value) + " / " + G(s.value), 1)
-              ]),
-              A(qn, {
-                percentages: i.value,
-                class: "ao-card-project-milestone__progress"
-              }, null, 8, ["percentages"])
-            ], 64)) : T("", !0),
-            l.$slots.secondary ? (p(), g("div", W9, [
-              te(l.$slots, "secondary")
+        "is-clickable": !l.readonly,
+        "tag-name": "li",
+        "is-selected": l.isSelected
+      }, {
+        default: W(() => [
+          v("div", R9, [
+            v("div", N9, [
+              M(u, { color: l.color }, null, 8, ["color"]),
+              M(ye, {
+                id: l.id,
+                title: n.value || "",
+                level: 5,
+                "is-editable": !l.readonly && l.isEditable,
+                class: "ao-card-project-milestone__title",
+                "onUpdate:title": r
+              }, null, 8, ["id", "title", "is-editable"])
+            ]),
+            !l.readonly && l.isEditable ? (p(), g("div", j9, [
+              M(ce, {
+                color: l.isSelected ? void 0 : "primary",
+                variant: "ghost",
+                "icon-name": "ArchiveOutlineRounded",
+                size: "sm",
+                "icon-position": "start",
+                corners: "round",
+                label: l.$t("archive"),
+                onClick: c[0] || (c[0] = fe(() => l.$emit("archiveMilestone", { id: l.id }), ["stop"]))
+              }, null, 8, ["color", "label"])
             ])) : T("", !0)
+          ]),
+          v("div", F9, [
+            v("div", U9, [
+              s.value ? (p(), g(ve, { key: 0 }, [
+                v("div", Z9, [
+                  M(pe, {
+                    name: "SelectCheckBox",
+                    size: "sm"
+                  }),
+                  v("span", W9, G(o.value) + " / " + G(s.value), 1)
+                ]),
+                M(qn, {
+                  percentages: i.value,
+                  class: "ao-card-project-milestone__progress"
+                }, null, 8, ["percentages"])
+              ], 64)) : T("", !0),
+              l.$slots.secondary ? (p(), g("div", q9, [
+                te(l.$slots, "secondary")
+              ])) : T("", !0)
+            ])
           ])
-        ])
-      ]),
-      footer: W(() => [
-        v("div", q9, [
-          l.important ? (p(), P(pe, {
-            key: 0,
-            name: "FlagRounded",
-            class: K(
-              l.isSelected ? "ao-card-project-milestone__important--selected" : "ao-card-project-milestone__important"
-            ),
-            size: "sm"
-          }, null, 8, ["class"])) : T("", !0),
-          l.deadline ? (p(), g("label", z9, [
-            v("span", x9, G(Q(Tn)(l.deadline)), 1)
-          ])) : T("", !0),
-          l.assignee ? (p(), g("div", Y9, [
-            A(Je, {
-              "user-name": Q(zs)(l.assignee),
-              "avatar-url": l.assignee.avatarUrl,
-              color: l.isSelected ? "black" : "primary",
+        ]),
+        footer: W(() => [
+          v("div", z9, [
+            l.important ? (p(), P(pe, {
+              key: 0,
+              name: "FlagRounded",
+              class: K(
+                l.isSelected ? "ao-card-project-milestone__important--selected" : "ao-card-project-milestone__important"
+              ),
               size: "sm"
-            }, null, 8, ["user-name", "avatar-url", "color"])
-          ])) : T("", !0)
-        ])
-      ]),
-      _: 3
-    }, 8, ["class", "is-clickable", "is-selected"]));
+            }, null, 8, ["class"])) : T("", !0),
+            l.deadline ? (p(), g("label", x9, [
+              v("span", Y9, G(Q(Tn)(l.deadline)), 1)
+            ])) : T("", !0),
+            l.assignee ? (p(), g("div", K9, [
+              M(Je, {
+                "user-name": Q(zs)(l.assignee),
+                "avatar-url": l.assignee.avatarUrl,
+                color: l.isSelected ? "black" : "primary",
+                size: "sm"
+              }, null, 8, ["user-name", "avatar-url", "color"])
+            ])) : T("", !0)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "is-clickable", "is-selected"]);
+    };
   }
 });
-const G9 = {
+const X9 = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, X9 = { class: "ao-project-phase__col-phase" }, Q9 = { class: "ao-project-phase__col-milestones" }, J9 = { class: "ao-project-phase__milestones" }, ev = { class: "ao-project-phase__milestones-list-footer" }, tv = /* @__PURE__ */ z({
+}, Q9 = { class: "ao-project-phase__col-phase" }, J9 = { class: "ao-project-phase__col-milestones" }, ev = { class: "ao-project-phase__milestones" }, tv = { class: "ao-project-phase__milestones-list-footer" }, av = /* @__PURE__ */ z({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -9636,14 +9643,14 @@ const G9 = {
           { "ao-project-phase--selected": d.phase.id === ((w = d.$route.params) == null ? void 0 : w.phaseId) }
         ])
       }, [
-        d.isEditable ? (p(), g("div", G9, [
-          A(pe, {
+        d.isEditable ? (p(), g("div", X9, [
+          M(pe, {
             name: "DragIndicator",
             class: "ao-project-phase__drag-handle"
           })
         ])) : T("", !0),
-        v("div", X9, [
-          A(B9, {
+        v("div", Q9, [
+          M(B9, {
             id: d.phase.id,
             milestones: i.value,
             name: d.phase.name,
@@ -9654,9 +9661,9 @@ const G9 = {
             onArchivePhase: u
           }, null, 8, ["id", "milestones", "name", "deadline", "is-editable"])
         ]),
-        v("div", Q9, [
-          v("div", J9, [
-            A(Q(mt), He({
+        v("div", J9, [
+          v("div", ev, [
+            M(Q(mt), He({
               class: "ao-project-phase__milestones-list",
               list: i.value,
               disabled: d.readonly || !d.isEditable,
@@ -9666,9 +9673,10 @@ const G9 = {
               item: W(({ element: b }) => {
                 var y;
                 return [
-                  A(K9, {
+                  M(G9, {
                     id: b.id,
                     name: b.name,
+                    color: b.color,
                     activities: b.activities,
                     deadline: b.deadline,
                     "is-editable": !d.readonly && d.isEditable,
@@ -9680,17 +9688,17 @@ const G9 = {
                     readonly: d.readonly,
                     class: K(["ao-project-phase__milestone"]),
                     onClick: (k) => !d.readonly && d.$router.push({
-                      name: Q(Fe).milestone,
+                      name: Q(Ue).milestone,
                       params: { phaseId: d.phase.id, milestoneId: b.id }
                     }),
                     onUpdateMilestone: l,
                     onArchiveMilestone: c
-                  }, null, 8, ["id", "name", "activities", "deadline", "is-editable", "is-draggable", "closed-status", "is-selected", "assignee", "important", "readonly", "onClick"])
+                  }, null, 8, ["id", "name", "color", "activities", "deadline", "is-editable", "is-draggable", "closed-status", "is-selected", "assignee", "important", "readonly", "onClick"])
                 ];
               }),
               _: 1
             }, 16, ["list", "disabled"]),
-            v("div", ev, [
+            v("div", tv, [
               d.isEditable ? (p(), P(Ct, {
                 key: 0,
                 label: d.$t("project.milestone.add"),
@@ -9705,10 +9713,10 @@ const G9 = {
     };
   }
 });
-const av = { class: "ao-project__phases" }, nv = {
+const nv = { class: "ao-project__phases" }, sv = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, sv = /* @__PURE__ */ v("div", { class: "ao-project-phase__empty_drag" }, null, -1), iv = { class: "ao-project-phase__col-phase" }, ov = /* @__PURE__ */ v("div", { class: "ao-project-phase__col-milestones" }, null, -1), rv = /* @__PURE__ */ z({
+}, iv = /* @__PURE__ */ v("div", { class: "ao-project-phase__empty_drag" }, null, -1), ov = { class: "ao-project-phase__col-phase" }, rv = /* @__PURE__ */ v("div", { class: "ao-project-phase__col-milestones" }, null, -1), lv = /* @__PURE__ */ z({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -9744,8 +9752,8 @@ const av = { class: "ao-project__phases" }, nv = {
     }, c = (u) => {
       e("addPhase", u);
     };
-    return (u, f) => (p(), g("div", av, [
-      A(Q(mt), {
+    return (u, f) => (p(), g("div", nv, [
+      M(Q(mt), {
         class: "ao-project-phase__phases-list",
         "model-value": u.phases,
         "item-key": "id",
@@ -9753,7 +9761,7 @@ const av = { class: "ao-project__phases" }, nv = {
         onChange: r
       }, {
         item: W(({ element: d }) => [
-          A(tv, {
+          M(av, {
             phase: d,
             "is-editable": !u.readonly && u.isEditable,
             "closed-status": u.closedStatus,
@@ -9768,22 +9776,22 @@ const av = { class: "ao-project__phases" }, nv = {
         ]),
         _: 1
       }, 8, ["model-value"]),
-      u.isEditable ? (p(), g("div", nv, [
-        sv,
-        v("div", iv, [
-          A(Ct, {
+      u.isEditable ? (p(), g("div", sv, [
+        iv,
+        v("div", ov, [
+          M(Ct, {
             label: u.$t("project.phases.add"),
             "icon-name": "Add",
             class: "ao-project-phase__add-phase",
             onClick: c
           }, null, 8, ["label"])
         ]),
-        ov
+        rv
       ])) : T("", !0)
     ]));
   }
 });
-const lv = ["onSubmit"], uv = { class: "ao-add-template-modal__form-body" }, cv = { class: "field__row" }, dv = { class: "ao-add-template-modal__form-footer" }, pv = /* @__PURE__ */ z({
+const uv = ["onSubmit"], cv = { class: "ao-add-template-modal__form-body" }, dv = { class: "field__row" }, pv = { class: "ao-add-template-modal__form-footer" }, fv = /* @__PURE__ */ z({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -9801,7 +9809,7 @@ const lv = ["onSubmit"], uv = { class: "ao-add-template-modal__form-body" }, cv
     };
     return (r, l) => (p(), P(In, { size: "sm" }, {
       header: W(() => [
-        A(ye, {
+        M(ye, {
           title: r.$t("project.template.add.title"),
           level: 3
         }, null, 8, ["title"])
@@ -9811,9 +9819,9 @@ const lv = ["onSubmit"], uv = { class: "ao-add-template-modal__form-body" }, cv
           class: "ao-add-template-modal__form",
           onSubmit: fe(i, ["prevent"])
         }, [
-          v("div", uv, [
-            v("div", cv, [
-              A($e, {
+          v("div", cv, [
+            v("div", dv, [
+              M($e, {
                 value: s.value,
                 options: n.value,
                 detached: !0,
@@ -9821,8 +9829,8 @@ const lv = ["onSubmit"], uv = { class: "ao-add-template-modal__form-body" }, cv
               }, null, 8, ["value", "options"])
             ])
           ]),
-          v("footer", dv, [
-            A(ce, {
+          v("footer", pv, [
+            M(ce, {
               label: r.$t("project.template.add.label"),
               type: "submit",
               color: "primary",
@@ -9830,13 +9838,13 @@ const lv = ["onSubmit"], uv = { class: "ao-add-template-modal__form-body" }, cv
               onClick: i
             }, null, 8, ["label"])
           ])
-        ], 40, lv)
+        ], 40, uv)
       ]),
       _: 1
     }));
   }
 });
-const fv = z({
+const vv = z({
   props: {
     isLeft: {
       type: Boolean,
@@ -9865,9 +9873,9 @@ const fv = z({
     }
   }
 });
-const vv = { class: "toggle-wrapper" };
-function hv(t, e, a, n, s, o) {
-  return p(), g("div", vv, [
+const hv = { class: "toggle-wrapper" };
+function mv(t, e, a, n, s, o) {
+  return p(), g("div", hv, [
     v("button", {
       class: K({
         button: !0,
@@ -9888,7 +9896,7 @@ function hv(t, e, a, n, s, o) {
     }, G(t.rightLabel), 3)
   ]);
 }
-const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527"]]), mv = { class: "ao-project" }, Cv = { class: "ao-project__body" }, gv = /* @__PURE__ */ z({
+const ci = /* @__PURE__ */ j(vv, [["render", mv], ["__scopeId", "data-v-cbe33527"]]), Cv = { class: "ao-project" }, gv = { class: "ao-project__body" }, _v = /* @__PURE__ */ z({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -9951,21 +9959,21 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
       e("applyTemplate", { templateId: O, projectId: x }), U.value = !1;
     };
     return (O, x) => {
-      const R = Ye("RouterView");
+      const R = Fe("RouterView");
       return p(), g(ve, null, [
         v("div", He({ class: "ao-project-overview" }, O.$attrs), [
-          v("div", mv, [
-            A(Ya, null, {
+          v("div", Cv, [
+            M(Ya, null, {
               primary: W(() => [
-                A(ci, {
+                M(ci, {
                   "is-left": !0,
                   "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 });
+                    Z || O.$router.push({ name: Q(Ue).feed });
                   })
                 }, null, 8, ["right-label", "left-label"]),
-                A(ce, {
+                M(ce, {
                   class: "ao-feed__show-archived",
                   size: "sm",
                   "icon-name": O.showsArchived ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -9989,8 +9997,8 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
               ]),
               _: 1
             }),
-            v("div", Cv, [
-              A(rv, {
+            v("div", gv, [
+              M(lv, {
                 phases: O.phases,
                 "closed-status": O.closedStatus,
                 "is-editable": O.isEditable === !0,
@@ -10004,7 +10012,7 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
               }, null, 8, ["phases", "closed-status", "is-editable", "users"])
             ])
           ]),
-          A(R, {
+          M(R, {
             class: "ao-project__sidebar",
             phases: O.phases,
             "project-id": O.project.id,
@@ -10012,7 +10020,7 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
             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 })),
+            onClose: x[3] || (x[3] = (Z) => O.$router.push({ name: Q(Ue).project })),
             onUpdateMilestone: c,
             onAddActivity: f,
             onUpdateActivity: d,
@@ -10020,7 +10028,7 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
             onUnarchiveActivity: w
           }, null, 8, ["phases", "project-id", "project-name", "users", "is-editable", "closed-status"]),
           (p(), P(Nt, { to: "body" }, [
-            A(R, {
+            M(R, {
               name: "modal",
               activities: _.value,
               "is-task-checkable": O.isTaskCheckable,
@@ -10055,7 +10063,7 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
           ]))
         ], 16),
         (p(), P(Nt, { to: "body" }, [
-          U.value ? (p(), P(pv, {
+          U.value ? (p(), P(fv, {
             key: 0,
             "project-id": O.project.id,
             templates: O.templates,
@@ -10067,36 +10075,36 @@ const ci = /* @__PURE__ */ j(fv, [["render", hv], ["__scopeId", "data-v-cbe33527
     };
   }
 });
-const _v = { class: "ao-card-feed__header" }, yv = {
+const yv = { class: "ao-card-feed__header" }, bv = {
   key: 1,
   class: "ao-card-feed__header-secondary ao-card-feed__header-icons"
-}, bv = {
+}, wv = {
   key: 2,
   class: "ao-card-feed__header-secondary ao-card-feed__secondary"
-}, wv = { class: "ao-card-feed__body" }, $v = {
+}, $v = { class: "ao-card-feed__body" }, kv = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
-}, kv = {
-  class: /* @__PURE__ */ K(["ao-card-feed__title-group"])
 }, Sv = {
+  class: /* @__PURE__ */ K(["ao-card-feed__title-group"])
+}, Mv = {
   key: 1,
   class: "ao-card-feed__deadline"
-}, Mv = { class: "ao-card-feed__footer" }, Av = { class: "ao-card-feed__footer-row" }, Tv = { class: "ao-assignees" }, Ov = {
+}, Av = { class: "ao-card-feed__footer" }, Tv = { class: "ao-card-feed__footer-row" }, Ov = { class: "ao-assignees" }, Ev = {
   key: 0,
   class: "ao-assignee"
-}, Ev = {
+}, Iv = {
   key: 0,
   class: "ao-card-feed__subitems"
-}, Iv = {
+}, Lv = {
   key: 0,
   class: "ao-card-feed__subitem"
-}, Lv = { class: "ao-card-feed__subitem" }, Hv = {
+}, Hv = { class: "ao-card-feed__subitem" }, Dv = {
   key: 1,
   class: "ao-card-feed__subitem"
-}, Dv = { class: "ao-card-feed__subitem" }, Pv = { class: "ao-card-feed__footer-row" }, Vv = {
+}, Pv = { class: "ao-card-feed__subitem" }, Vv = { class: "ao-card-feed__footer-row" }, Bv = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, Bv = { class: "ao-card-feed__subitem" }, Rv = { class: "ao-card-feed__subitem" }, di = /* @__PURE__ */ z({
+}, Rv = { class: "ao-card-feed__subitem" }, Nv = { class: "ao-card-feed__subitem" }, di = /* @__PURE__ */ z({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -10138,7 +10146,7 @@ const _v = { class: "ao-card-feed__header" }, yv = {
       "is-clickable": !0
     }, {
       header: W(() => [
-        v("div", _v, [
+        v("div", yv, [
           n.value ? (p(), P(Mn, {
             key: 0,
             label: n.value,
@@ -10147,7 +10155,7 @@ const _v = { class: "ao-card-feed__header" }, yv = {
             color: h.projectColor ? void 0 : "primary",
             "raw-color": s.value
           }, null, 8, ["label", "color", "raw-color"])) : T("", !0),
-          h.isPrivate || h.important || h.isClosed ? (p(), g("div", yv, [
+          h.isPrivate || h.important || h.isClosed ? (p(), g("div", bv, [
             h.isPrivate ? (p(), P(pe, {
               key: 0,
               name: "Lock",
@@ -10166,16 +10174,16 @@ const _v = { class: "ao-card-feed__header" }, yv = {
               class: "ao-card-feed__closed"
             })) : T("", !0)
           ])) : T("", !0),
-          h.$slots.secondary ? (p(), g("div", bv, [
+          h.$slots.secondary ? (p(), g("div", wv, [
             te(h.$slots, "secondary")
           ])) : T("", !0)
         ])
       ]),
       default: W(() => [
-        v("div", wv, [
-          i.value ? (p(), g("span", $v, G(i.value), 1)) : T("", !0),
-          v("div", kv, [
-            A(ye, {
+        v("div", $v, [
+          i.value ? (p(), g("span", kv, G(i.value), 1)) : T("", !0),
+          v("div", Sv, [
+            M(ye, {
               id: h.id,
               title: h.name,
               level: 5,
@@ -10183,18 +10191,18 @@ const _v = { class: "ao-card-feed__header" }, yv = {
               "onUpdate:title": o
             }, null, 8, ["id", "title", "is-editable"])
           ]),
-          h.deadline ? (p(), g("span", Sv, G(l.value), 1)) : T("", !0)
+          h.deadline ? (p(), g("span", Mv, G(l.value), 1)) : T("", !0)
         ])
       ]),
       footer: W(() => [
-        v("div", Mv, [
-          v("div", Av, [
-            v("ul", Tv, [
+        v("div", Av, [
+          v("div", Tv, [
+            v("ul", Ov, [
               (p(!0), g(ve, null, _e(r.value, (b) => (p(), g(ve, {
                 key: b.id
               }, [
-                b ? (p(), g("li", Ov, [
-                  A(Je, {
+                b ? (p(), g("li", Ev, [
+                  M(Je, {
                     "user-name": Q(zs)(b),
                     "avatar-url": b.avatarUrl,
                     "is-closable": !0,
@@ -10203,33 +10211,33 @@ const _v = { class: "ao-card-feed__header" }, yv = {
                 ])) : T("", !0)
               ], 64))), 128))
             ]),
-            h.comments || h.attachments ? (p(), g("ul", Ev, [
-              h.comments ? (p(), g("li", Iv, [
-                A(pe, {
+            h.comments || h.attachments ? (p(), g("ul", Iv, [
+              h.comments ? (p(), g("li", Lv, [
+                M(pe, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                v("span", Lv, G(h.comments), 1)
+                v("span", Hv, G(h.comments), 1)
               ])) : T("", !0),
-              h.attachments ? (p(), g("li", Hv, [
-                A(pe, {
+              h.attachments ? (p(), g("li", Dv, [
+                M(pe, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                v("span", Dv, G(h.attachments), 1)
+                v("span", Pv, G(h.attachments), 1)
               ])) : T("", !0)
             ])) : T("", !0)
           ]),
-          v("div", Pv, [
-            h.tasks && h.tasks.length ? (p(), g("div", Vv, [
-              v("div", Bv, [
-                A(pe, {
+          v("div", Vv, [
+            h.tasks && h.tasks.length ? (p(), g("div", Bv, [
+              v("div", Rv, [
+                M(pe, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                v("span", Rv, G(f.value) + " / " + G(u.value), 1)
+                v("span", Nv, G(f.value) + " / " + G(u.value), 1)
               ]),
-              A(qn, {
+              M(qn, {
                 percentages: d.value,
                 class: "ao-card-feed__progress"
               }, null, 8, ["percentages"])
@@ -10248,8 +10256,8 @@ const _v = { class: "ao-card-feed__header" }, yv = {
   */
 function wt(t) {
   let e = { r: 0, g: 0, b: 0, a: 1 };
-  /#/.test(t) ? e = jv(t) : /rgb/.test(t) ? e = Ms(t) : typeof t == "string" ? e = Ms(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
-  const { r: a, g: n, b: s, a: o } = e, { h: i, s: r, v: l } = Fv(e);
+  /#/.test(t) ? e = Fv(t) : /rgb/.test(t) ? e = Ms(t) : typeof t == "string" ? e = Ms(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
+  const { r: a, g: n, b: s, a: o } = e, { h: i, s: r, v: l } = Uv(e);
   return { r: a, g: n, b: s, a: o === void 0 ? 1 : o, h: i, s: r, v: l };
 }
 function zn(t) {
@@ -10260,11 +10268,11 @@ function bn(t, e, a, n, s, o) {
   const i = t === "l", r = e.createLinearGradient(0, 0, i ? a : 0, i ? 0 : n);
   r.addColorStop(0.01, s), r.addColorStop(0.99, o), e.fillStyle = r, e.fillRect(0, 0, a, n);
 }
-function Nv({ r: t, g: e, b: a }, n) {
+function jv({ r: t, g: e, b: a }, n) {
   const s = (i) => ("0" + Number(i).toString(16)).slice(-2), o = `#${s(t)}${s(e)}${s(a)}`;
   return n ? o.toUpperCase() : o;
 }
-function jv(t) {
+function Fv(t) {
   t = t.slice(1);
   const e = (a) => parseInt(a, 16) || 0;
   return {
@@ -10281,7 +10289,7 @@ function Ms(t) {
     a: Number(t[3] ? t[3] : 1)
   }) : t;
 }
-function Fv({ r: t, g: e, b: a }) {
+function Uv({ r: t, g: e, b: a }) {
   t = t / 255, e = e / 255, a = a / 255;
   const n = Math.max(t, e, a), s = Math.min(t, e, a), o = n - s;
   let i = 0;
@@ -10348,8 +10356,8 @@ var xn = z({
     }
   }
 });
-const Uv = { ref: "canvasSaturation" };
-function Zv(t, e, a, n, s, o) {
+const Zv = { ref: "canvasSaturation" };
+function Wv(t, e, a, n, s, o) {
   return p(), P(
     "div",
     {
@@ -10357,14 +10365,14 @@ function Zv(t, e, a, n, s, o) {
       onMousedown: e[1] || (e[1] = fe((...i) => t.selectSaturation && t.selectSaturation(...i), ["prevent", "stop"]))
     },
     [
-      A(
+      M(
         "canvas",
-        Uv,
+        Zv,
         null,
         512
         /* NEED_PATCH */
       ),
-      A(
+      M(
         "div",
         {
           style: t.slideSaturationStyle,
@@ -10379,7 +10387,7 @@ function Zv(t, e, a, n, s, o) {
     /* HYDRATE_EVENTS */
   );
 }
-xn.render = Zv;
+xn.render = Wv;
 xn.__file = "src/color/Saturation.vue";
 var Yn = z({
   props: {
@@ -10434,8 +10442,8 @@ var Yn = z({
     }
   }
 });
-const Wv = { ref: "canvasHue" };
-function qv(t, e, a, n, s, o) {
+const qv = { ref: "canvasHue" };
+function zv(t, e, a, n, s, o) {
   return p(), P(
     "div",
     {
@@ -10443,14 +10451,14 @@ function qv(t, e, a, n, s, o) {
       onMousedown: e[1] || (e[1] = fe((...i) => t.selectHue && t.selectHue(...i), ["prevent", "stop"]))
     },
     [
-      A(
+      M(
         "canvas",
-        Wv,
+        qv,
         null,
         512
         /* NEED_PATCH */
       ),
-      A(
+      M(
         "div",
         {
           style: t.slideHueStyle,
@@ -10465,7 +10473,7 @@ function qv(t, e, a, n, s, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Yn.render = qv;
+Yn.render = zv;
 Yn.__file = "src/color/Hue.vue";
 var Kn = z({
   props: {
@@ -10529,8 +10537,8 @@ var Kn = z({
     }
   }
 });
-const zv = { ref: "canvasAlpha" };
-function xv(t, e, a, n, s, o) {
+const xv = { ref: "canvasAlpha" };
+function Yv(t, e, a, n, s, o) {
   return p(), P(
     "div",
     {
@@ -10538,14 +10546,14 @@ function xv(t, e, a, n, s, o) {
       onMousedown: e[1] || (e[1] = fe((...i) => t.selectAlpha && t.selectAlpha(...i), ["prevent", "stop"]))
     },
     [
-      A(
+      M(
         "canvas",
-        zv,
+        xv,
         null,
         512
         /* NEED_PATCH */
       ),
-      A(
+      M(
         "div",
         {
           style: t.slideAlphaStyle,
@@ -10560,7 +10568,7 @@ function xv(t, e, a, n, s, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Kn.render = xv;
+Kn.render = Yv;
 Kn.__file = "src/color/Alpha.vue";
 var Gn = z({
   props: {
@@ -10597,10 +10605,10 @@ var Gn = z({
     }
   }
 });
-function Yv(t, e, a, n, s, o) {
+function Kv(t, e, a, n, s, o) {
   return p(), P("canvas");
 }
-Gn.render = Yv;
+Gn.render = Kv;
 Gn.__file = "src/color/Preview.vue";
 var Xn = z({
   props: {
@@ -10663,37 +10671,37 @@ var Xn = z({
     }
   }
 });
-const Kv = /* @__PURE__ */ A(
+const Gv = /* @__PURE__ */ M(
   "path",
   { d: "M13.1,8.2l5.6,5.6c0.4,0.4,0.5,1.1,0.1,1.5s-1.1,0.5-1.5,0.1c0,0-0.1,0-0.1-0.1l-1.4-1.4l-7.7,7.7C7.9,21.9,7.6,22,7.3,22H3.1C2.5,22,2,21.5,2,20.9l0,0v-4.2c0-0.3,0.1-0.6,0.3-0.8l5.8-5.8C8.5,9.7,9.2,9.6,9.7,10s0.5,1.1,0.1,1.5c0,0,0,0.1-0.1,0.1l-5.5,5.5v2.7h2.7l7.4-7.4L8.7,6.8c-0.5-0.4-0.5-1-0.1-1.5s1.1-0.5,1.5-0.1c0,0,0.1,0,0.1,0.1l1.4,1.4l3.5-3.5c1.6-1.6,4.1-1.6,5.8-0.1c1.6,1.6,1.6,4.1,0.1,5.8L20.9,9l-3.6,3.6c-0.4,0.4-1.1,0.5-1.5,0.1" },
   null,
   -1
   /* HOISTED */
-), Gv = {
+), Xv = {
   key: 1,
   class: "sucker",
   viewBox: "-16 -16 68 68",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#9099a4"
-}, Xv = /* @__PURE__ */ A(
+}, Qv = /* @__PURE__ */ M(
   "g",
   {
     fill: "none",
     "fill-rule": "evenodd"
   },
   [
-    /* @__PURE__ */ A("g", {
+    /* @__PURE__ */ M("g", {
       transform: "translate(1 1)",
       "stroke-width": "4"
     }, [
-      /* @__PURE__ */ A("circle", {
+      /* @__PURE__ */ M("circle", {
         "stroke-opacity": ".5",
         cx: "18",
         cy: "18",
         r: "18"
       }),
-      /* @__PURE__ */ A("path", { d: "M36 18c0-9.94-8.06-18-18-18" }, [
-        /* @__PURE__ */ A("animateTransform", {
+      /* @__PURE__ */ M("path", { d: "M36 18c0-9.94-8.06-18-18-18" }, [
+        /* @__PURE__ */ M("animateTransform", {
           attributeName: "transform",
           type: "rotate",
           from: "0 18 18",
@@ -10707,7 +10715,7 @@ const Kv = /* @__PURE__ */ A(
   -1
   /* HOISTED */
 );
-function Qv(t, e, a, n, s, o) {
+function Jv(t, e, a, n, s, o) {
   return p(), P("div", null, [
     t.isSucking ? T("v-if", !0) : (p(), P(
       "svg",
@@ -10719,17 +10727,17 @@ function Qv(t, e, a, n, s, o) {
         onClick: e[1] || (e[1] = (...i) => t.openSucker && t.openSucker(...i))
       },
       [
-        Kv
+        Gv
       ],
       2
       /* CLASS */
     )),
-    t.isSucking ? (p(), P("svg", Gv, [
-      Xv
+    t.isSucking ? (p(), P("svg", Xv, [
+      Qv
     ])) : T("v-if", !0)
   ]);
 }
-Xn.render = Qv;
+Xn.render = Jv;
 Xn.__file = "src/color/Sucker.vue";
 var Qn = z({
   props: {
@@ -10762,17 +10770,17 @@ var Qn = z({
     };
   }
 });
-const Jv = { class: "color-type" }, e4 = { class: "name" };
-function t4(t, e, a, n, s, o) {
-  return p(), P("div", Jv, [
-    A(
+const e4 = { class: "color-type" }, t4 = { class: "name" };
+function a4(t, e, a, n, s, o) {
+  return p(), P("div", e4, [
+    M(
       "span",
-      e4,
+      t4,
       G(t.name),
       1
       /* TEXT */
     ),
-    Ke(A(
+    Ke(M(
       "input",
       {
         "onUpdate:modelValue": e[1] || (e[1] = (i) => t.modelColor = i),
@@ -10788,7 +10796,7 @@ function t4(t, e, a, n, s, o) {
     ])
   ]);
 }
-Qn.render = t4;
+Qn.render = a4;
 Qn.__file = "src/color/Box.vue";
 var Jn = z({
   name: "ColorPicker",
@@ -10830,13 +10838,13 @@ var Jn = z({
     };
   }
 });
-const a4 = { class: "colors" }, n4 = {
+const n4 = { class: "colors" }, s4 = {
   key: 0,
   class: "colors history"
 };
-function s4(t, e, a, n, s, o) {
+function i4(t, e, a, n, s, o) {
   return p(), P("div", null, [
-    A("ul", a4, [
+    M("ul", n4, [
       (p(!0), P(
         ve,
         null,
@@ -10845,7 +10853,7 @@ function s4(t, e, a, n, s, o) {
           class: "item",
           onClick: (r) => t.selectColor(i)
         }, [
-          A(
+          M(
             "div",
             {
               style: { background: `url(${t.imgAlphaBase64})` },
@@ -10855,7 +10863,7 @@ function s4(t, e, a, n, s, o) {
             4
             /* STYLE */
           ),
-          A(
+          M(
             "div",
             {
               style: { background: i },
@@ -10870,7 +10878,7 @@ function s4(t, e, a, n, s, o) {
         /* KEYED_FRAGMENT */
       ))
     ]),
-    t.colorsHistory.length ? (p(), P("ul", n4, [
+    t.colorsHistory.length ? (p(), P("ul", s4, [
       (p(!0), P(
         ve,
         null,
@@ -10879,7 +10887,7 @@ function s4(t, e, a, n, s, o) {
           class: "item",
           onClick: (r) => t.selectColor(i)
         }, [
-          A(
+          M(
             "div",
             {
               style: { background: `url(${t.imgAlphaBase64})` },
@@ -10889,7 +10897,7 @@ function s4(t, e, a, n, s, o) {
             4
             /* STYLE */
           ),
-          A(
+          M(
             "div",
             {
               style: { background: i },
@@ -10906,7 +10914,7 @@ function s4(t, e, a, n, s, o) {
     ])) : T("v-if", !0)
   ]);
 }
-Jn.render = s4;
+Jn.render = i4;
 Jn.__file = "src/color/Colors.vue";
 var Rt = z({
   components: {
@@ -11017,7 +11025,7 @@ var Rt = z({
       return `rgba(${this.rgbaStringShort})`;
     },
     hexString() {
-      return Nv(this.rgba, !0);
+      return jv(this.rgba, !0);
     }
   },
   created() {
@@ -11081,9 +11089,9 @@ var Rt = z({
     }
   }
 });
-const i4 = { class: "color-set" };
-function o4(t, e, a, n, s, o) {
-  const i = Ye("Saturation"), r = Ye("Hue"), l = Ye("Alpha"), c = Ye("Preview"), u = Ye("Sucker"), f = Ye("Box"), d = Ye("Colors");
+const o4 = { class: "color-set" };
+function r4(t, e, a, n, s, o) {
+  const i = Fe("Saturation"), r = Fe("Hue"), l = Fe("Alpha"), c = Fe("Preview"), u = Fe("Sucker"), f = Fe("Box"), d = Fe("Colors");
   return p(), P(
     "div",
     {
@@ -11091,22 +11099,22 @@ function o4(t, e, a, n, s, o) {
       style: { width: t.totalWidth + "px" }
     },
     [
-      A("div", i4, [
-        A(i, {
+      M("div", o4, [
+        M(i, {
           ref: "saturation",
           color: t.rgbString,
           hsv: t.hsv,
           size: t.hueHeight,
           onSelectSaturation: t.selectSaturation
         }, null, 8, ["color", "hsv", "size", "onSelectSaturation"]),
-        A(r, {
+        M(r, {
           ref: "hue",
           hsv: t.hsv,
           width: t.hueWidth,
           height: t.hueHeight,
           onSelectHue: t.selectHue
         }, null, 8, ["hsv", "width", "height", "onSelectHue"]),
-        A(l, {
+        M(l, {
           ref: "alpha",
           color: t.rgbString,
           rgba: t.rgba,
@@ -11115,14 +11123,14 @@ function o4(t, e, a, n, s, o) {
           onSelectAlpha: t.selectAlpha
         }, null, 8, ["color", "rgba", "width", "height", "onSelectAlpha"])
       ]),
-      A(
+      M(
         "div",
         {
           style: { height: t.previewHeight + "px" },
           class: "color-show"
         },
         [
-          A(c, {
+          M(c, {
             color: t.rgbaString,
             width: t.previewWidth,
             height: t.previewHeight
@@ -11138,21 +11146,21 @@ function o4(t, e, a, n, s, o) {
         4
         /* STYLE */
       ),
-      A(f, {
+      M(f, {
         name: "HEX",
         color: t.modelHex,
         onInputColor: t.inputHex,
         onInputFocus: t.handleFocus,
         onInputBlur: t.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      A(f, {
+      M(f, {
         name: "RGBA",
         color: t.modelRgba,
         onInputColor: t.inputRgba,
         onInputFocus: t.handleFocus,
         onInputBlur: t.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      A(d, {
+      M(d, {
         color: t.rgbaString,
         "colors-default": t.colorsDefault,
         "colors-history-key": t.colorsHistoryKey,
@@ -11165,12 +11173,12 @@ function o4(t, e, a, n, s, o) {
     /* CLASS, STYLE */
   );
 }
-Rt.render = o4;
+Rt.render = r4;
 Rt.__file = "src/color/ColorPicker.vue";
 Rt.install = (t) => {
   t.component(Rt.name, Rt);
 };
-const r4 = {
+const l4 = {
   props: {
     color: {
       type: String,
@@ -11194,10 +11202,10 @@ const r4 = {
       this.$emit("update:color", o);
     }
   }
-}, l4 = { class: "color-picker-wrapper" };
-function u4(t, e, a, n, s, o) {
-  const i = Ye("ColorPicker");
-  return p(), g("div", l4, [
+}, u4 = { class: "color-picker-wrapper" };
+function c4(t, e, a, n, s, o) {
+  const i = Fe("ColorPicker");
+  return p(), g("div", u4, [
     v("button", {
       style: wn({ backgroundColor: a.color }),
       class: "color-button",
@@ -11212,10 +11220,10 @@ function u4(t, e, a, n, s, o) {
     }, null, 8, ["color", "onChangeColor"])) : T("", !0)
   ]);
 }
-const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-milestone" }, p4 = { class: "ao-project-milestone__header" }, f4 = { class: "ao-project-milestone__header_line" }, v4 = { class: "ao-project-milestone__header_line" }, h4 = { class: "ao-project-milestone__title" }, m4 = {
+const d4 = /* @__PURE__ */ j(l4, [["render", c4]]), p4 = { class: "ao-project-milestone" }, f4 = { class: "ao-project-milestone__header" }, v4 = { class: "ao-project-milestone__header_line" }, h4 = { class: "ao-project-milestone__header_line" }, m4 = { class: "ao-project-milestone__title" }, C4 = {
   key: 0,
   class: "ao-fieldset ao-milestone__fieldset"
-}, C4 = { class: "ao-field__row ao-milestone__field-row" }, g4 = { class: "ao-field ao-field--inline" }, _4 = { class: "ao-field__row ao-milestone__field-row" }, y4 = { class: "ao-field ao-milestone__field-multiselect" }, b4 = { class: "ao-project-milestone__body" }, w4 = {
+}, g4 = { class: "ao-field__row ao-milestone__field-row" }, _4 = { class: "ao-field ao-field--inline" }, y4 = { class: "ao-field__row ao-milestone__field-row" }, b4 = { class: "ao-field ao-milestone__field-multiselect" }, w4 = { class: "ao-project-milestone__body" }, $4 = {
   key: 0,
   class: "ao-project-milestone__footer"
 }, As = /* @__PURE__ */ z({
@@ -11322,10 +11330,10 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
     });
     return (_, C) => {
       var D;
-      return p(), g("div", d4, [
-        v("header", p4, [
-          v("div", f4, [
-            A(ce, {
+      return p(), g("div", p4, [
+        v("header", f4, [
+          v("div", v4, [
+            M(ce, {
               "icon-name": "CloseRounded",
               variant: "ghost",
               size: "sm",
@@ -11333,13 +11341,13 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
               onClick: l
             })
           ]),
-          v("div", v4, [
-            v("div", h4, [
-              A(ye, {
+          v("div", h4, [
+            v("div", m4, [
+              M(ye, {
                 title: ((D = i.value) == null ? void 0 : D.name) || _.milestoneId,
                 level: 5
               }, null, 8, ["title"]),
-              A(yn, {
+              M(yn, {
                 modelValue: k.value,
                 "onUpdate:modelValue": C[0] || (C[0] = (L) => k.value = L),
                 modelModifiers: { lazy: !0 },
@@ -11353,9 +11361,9 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
               }, null, 8, ["modelValue", "disabled", "label"])
             ])
           ]),
-          i.value ? (p(), g("div", m4, [
-            v("div", C4, [
-              v("label", g4, [
+          i.value ? (p(), g("div", C4, [
+            v("div", g4, [
+              v("label", _4, [
                 Ke(v("input", {
                   "onUpdate:modelValue": C[1] || (C[1] = (L) => h.value = L),
                   class: "ao-milestone__field ao-milestone__date-field",
@@ -11370,9 +11378,9 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
                 ])
               ])
             ]),
-            v("div", _4, [
-              v("label", y4, [
-                A($e, {
+            v("div", y4, [
+              v("label", b4, [
+                M($e, {
                   modelValue: y.value,
                   "onUpdate:modelValue": C[2] || (C[2] = (L) => y.value = L),
                   options: b.value,
@@ -11389,7 +11397,7 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
                     option: L,
                     handleTagRemove: H
                   }) => [
-                    A(Je, {
+                    M(Je, {
                       "user-name": L.label,
                       "avatar-url": L.avatar,
                       "is-closable": !0,
@@ -11400,14 +11408,14 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
                 }, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
               ])
             ]),
-            A(c4, {
+            M(d4, {
               color: d.value,
               "onUpdate:color": C[3] || (C[3] = (L) => d.value = L)
             }, null, 8, ["color"])
           ])) : T("", !0)
         ]),
-        v("div", b4, [
-          A(Q(mt), He({
+        v("div", w4, [
+          M(Q(mt), He({
             class: "ao-project-milestone__activities",
             list: r.value,
             disabled: !_.isEditable,
@@ -11417,7 +11425,7 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
             item: W(({ element: L }) => {
               var H, F, U, q, O;
               return [
-                A(di, {
+                M(di, {
                   id: L.id,
                   name: L.name || L.id,
                   "phase-name": (H = s.value) == null ? void 0 : H.name,
@@ -11434,7 +11442,7 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
                   "is-private": L.private,
                   "is-closed": w(L),
                   onClick: (x) => _.$router.push({
-                    name: Q(Fe).activity,
+                    name: Q(Ue).activity,
                     params: { milestoneId: _.milestoneId, activityId: L.id }
                   }),
                   onUpdateActivity: u,
@@ -11476,8 +11484,8 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          _.isEditable ? (p(), g("div", w4, [
-            A(Ct, {
+          _.isEditable ? (p(), g("div", $4, [
+            M(Ct, {
               "icon-name": "Add",
               label: _.$t("project.activity.add"),
               onClick: c
@@ -11488,7 +11496,7 @@ const c4 = /* @__PURE__ */ j(r4, [["render", u4]]), d4 = { class: "ao-project-mi
     };
   }
 });
-const $4 = /* @__PURE__ */ z({
+const k4 = /* @__PURE__ */ z({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -11575,15 +11583,15 @@ const $4 = /* @__PURE__ */ z({
       }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "attachment-enabled", "projects", "onClose"])) : T("", !0);
     };
   }
-}), k4 = { class: "ao-col-header" }, S4 = /* @__PURE__ */ z({
+}), S4 = { class: "ao-col-header" }, M4 = /* @__PURE__ */ z({
   __name: "AoColHeader",
   props: {
     title: {},
     items: {}
   },
   setup(t) {
-    return (e, a) => (p(), g("header", k4, [
-      A(ye, {
+    return (e, a) => (p(), g("header", S4, [
+      M(ye, {
         title: e.title,
         class: "ao-col-header__title",
         level: 4
@@ -11598,17 +11606,17 @@ const $4 = /* @__PURE__ */ z({
     ]));
   }
 });
-function M4(t) {
+function A4(t) {
   return Pi() ? (Vi(t), !0) : !1;
 }
 function ja(t) {
   return typeof t == "function" ? t() : Q(t);
 }
-const A4 = typeof window < "u" && typeof document < "u";
+const T4 = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const T4 = (t) => t != null, oa = () => {
+const O4 = (t) => t != null, oa = () => {
 };
-function O4(t, e) {
+function E4(t, e) {
   function a(...n) {
     return new Promise((s, o) => {
       Promise.resolve(t(() => e.apply(this, n), { fn: e, thisArg: this, args: n })).then(s).catch(o);
@@ -11616,7 +11624,7 @@ function O4(t, e) {
   }
   return a;
 }
-function E4(t, e = {}) {
+function I4(t, e = {}) {
   let a, n, s = oa;
   const o = (r) => {
     clearTimeout(r), s(), s = oa;
@@ -11632,9 +11640,9 @@ function E4(t, e = {}) {
     });
   };
 }
-function I4(t, e = 200, a = {}) {
-  return O4(
-    E4(e, a),
+function L4(t, e = 200, a = {}) {
+  return E4(
+    I4(e, a),
     t
   );
 }
@@ -11643,27 +11651,27 @@ function vn(t) {
   const a = ja(t);
   return (e = a == null ? void 0 : a.$el) != null ? e : a;
 }
-const L4 = A4 ? window : void 0;
-function H4() {
+const H4 = T4 ? window : void 0;
+function D4() {
   const t = ee(!1), e = At();
   return e && xt(() => {
     t.value = !0;
   }, e), t;
 }
-function D4(t) {
-  const e = H4();
+function P4(t) {
+  const e = D4();
   return S(() => (e.value, !!t()));
 }
-function P4(t, e, a = {}) {
+function V4(t, e, a = {}) {
   const {
     root: n,
     rootMargin: s = "0px",
     threshold: o = 0.1,
-    window: i = L4,
+    window: i = H4,
     immediate: r = !0
-  } = a, l = D4(() => i && "IntersectionObserver" in i), c = S(() => {
+  } = a, l = P4(() => i && "IntersectionObserver" in i), c = S(() => {
     const w = ja(t);
-    return (Array.isArray(w) ? w : [w]).map(vn).filter(T4);
+    return (Array.isArray(w) ? w : [w]).map(vn).filter(O4);
   });
   let u = oa;
   const f = ee(r), d = l.value ? de(
@@ -11687,7 +11695,7 @@ function P4(t, e, a = {}) {
   ) : oa, h = () => {
     u(), d(), f.value = !1;
   };
-  return M4(h), {
+  return A4(h), {
     isSupported: l,
     isActive: f,
     pause() {
@@ -11699,24 +11707,24 @@ function P4(t, e, a = {}) {
     stop: h
   };
 }
-const V4 = {
+const B4 = {
   class: /* @__PURE__ */ K(["ao-list-kanban"])
-}, B4 = { class: "ao-list-kanban__header" }, R4 = {
+}, R4 = { class: "ao-list-kanban__header" }, N4 = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
-}, N4 = {
+}, j4 = {
   key: 1,
   class: "ao-list-kanban__end"
-}, j4 = {
+}, F4 = {
   key: 0,
   class: "ao-list-kanban__no-more"
-}, F4 = {
+}, U4 = {
   key: 1,
   class: "ao-list-kanban__divider"
-}, U4 = {
+}, Z4 = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, Z4 = /* @__PURE__ */ z({
+}, W4 = /* @__PURE__ */ z({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -11734,7 +11742,7 @@ const V4 = {
   emits: ["add", "update:list", "change:list", "loadMore", "selectActivity", "archiveActivity", "unarchiveActivity", "updateActivity"],
   setup(t, { emit: e }) {
     const a = t, n = ee(!1), s = ee(null);
-    P4(s, ([{ isIntersecting: u }]) => {
+    V4(s, ([{ isIntersecting: u }]) => {
       n.value = u;
     }), de(n, (u) => {
       u && a.hasMore && !a.isLoading && e("loadMore");
@@ -11759,12 +11767,12 @@ const V4 = {
         )
       });
     }, c = ee(!1);
-    return (u, f) => (p(), g("div", V4, [
+    return (u, f) => (p(), g("div", B4, [
       u.title || u.$slots.header ? te(u.$slots, "header", { key: 0 }, () => {
         var d;
         return [
-          v("div", B4, [
-            u.title ? (p(), P(S4, {
+          v("div", R4, [
+            u.title ? (p(), P(M4, {
               key: 0,
               title: u.title,
               level: 3,
@@ -11773,7 +11781,7 @@ const V4 = {
           ])
         ];
       }) : T("", !0),
-      A(Q(mt), He({
+      M(Q(mt), He({
         class: ["ao-list-kanban__list", c.value ? "ao-list-kanban__transition" : void 0],
         list: u.list,
         "item-key": "id",
@@ -11794,7 +11802,7 @@ const V4 = {
         item: W(({ element: d }) => {
           var h, w, b, y, k, _, C, D, L;
           return [
-            A(di, {
+            M(di, {
               class: K(o(d) ? "ao-list-draggable" : ""),
               id: d.id,
               name: d.name,
@@ -11849,20 +11857,20 @@ const V4 = {
           ];
         }),
         footer: W(() => [
-          u.isLoading ? (p(), g("div", R4, [
-            A(pe, { name: "Loading" })
+          u.isLoading ? (p(), g("div", N4, [
+            M(pe, { name: "Loading" })
           ])) : u.hasMore ? (p(), g("div", {
             key: 2,
             ref_key: "scrollEnd",
             ref: s,
             class: "ao-list-kanban__end"
-          }, null, 512)) : (p(), g("div", N4, [
-            u.noMoreLabel ? (p(), g("span", j4, G(u.noMoreLabel), 1)) : u.isEditable ? (p(), g("span", F4)) : T("", !0)
+          }, null, 512)) : (p(), g("div", j4, [
+            u.noMoreLabel ? (p(), g("span", F4, G(u.noMoreLabel), 1)) : u.isEditable ? (p(), g("span", U4)) : T("", !0)
           ]))
         ]),
         _: 1
       }, 16, ["class", "list", "disabled"]),
-      u.$slots.footer || u.footerLabel ? (p(), g("div", U4, [
+      u.$slots.footer || u.footerLabel ? (p(), g("div", Z4, [
         te(u.$slots, "footer", {}, () => [
           u.isEditable ? (p(), P(Ct, {
             key: 0,
@@ -11875,7 +11883,7 @@ const V4 = {
     ]));
   }
 });
-const W4 = { class: "ao-field ao-search-field" }, q4 = ["value", "placeholder", "onKeypress"], z4 = /* @__PURE__ */ z({
+const q4 = { class: "ao-field ao-search-field" }, z4 = ["value", "placeholder", "onKeypress"], x4 = /* @__PURE__ */ z({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -11887,10 +11895,10 @@ const W4 = { class: "ao-field ao-search-field" }, q4 = ["value", "placeholder",
     const a = t, n = async (i) => {
       const l = i.target.value;
       e("update:modelValue", l, i);
-    }, s = I4(n, a.delay), o = (i) => {
+    }, s = L4(n, a.delay), o = (i) => {
       e("clear", i);
     };
-    return (i, r) => (p(), g("div", W4, [
+    return (i, r) => (p(), g("div", q4, [
       v("input", {
         value: i.modelValue,
         type: "text",
@@ -11899,12 +11907,12 @@ const W4 = { class: "ao-field ao-search-field" }, q4 = ["value", "placeholder",
         onInput: r[0] || (r[0] = //@ts-ignore
         (...l) => Q(s) && Q(s)(...l)),
         onKeypress: dt(n, ["enter"])
-      }, null, 40, q4),
-      A(pe, {
+      }, null, 40, z4),
+      M(pe, {
         name: "SearchRounded",
         class: K(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
       }, null, 8, ["class"]),
-      A(ce, {
+      M(ce, {
         "icon-name": "CloseRounded",
         size: "sm",
         color: "primary",
@@ -11915,7 +11923,7 @@ const W4 = { class: "ao-field ao-search-field" }, q4 = ["value", "placeholder",
     ]));
   }
 });
-const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { class: "ao-feed__body" }, G4 = /* @__PURE__ */ z({
+const Y4 = { class: "ao-feed" }, K4 = { class: "ao-feed__filters" }, G4 = { class: "ao-feed__body" }, X4 = /* @__PURE__ */ z({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -11943,7 +11951,7 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
     de(
       [() => a.statuses, () => a.activities, () => a.initialActivityId],
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      async ([E, N, M], [m, I]) => {
+      async ([E, N, A], [m, I]) => {
         i.value = Object.fromEntries(
           E.map((J) => [
             J.id,
@@ -11952,7 +11960,7 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
               return ((le = ae.status) == null ? void 0 : le.id) === J.id;
             })
           ])
-        ), M && !r.value && (o(M), r.value = !0), l.value && Xe(N, I);
+        ), A && !r.value && (o(A), r.value = !0), l.value && Xe(N, I);
       },
       { immediate: !0 }
     );
@@ -11961,9 +11969,9 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
       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(), m = ((ae = a.activities) == null ? void 0 : ae.length) ?? 0, I = {
+      const N = (J = a.activities) == null ? void 0 : J.at(-1), A = 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(),
+        rank: A.format(),
         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);
@@ -12019,21 +12027,21 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
       N && e("removeComment", E);
     };
     return (E, N) => {
-      var M;
-      return p(), g("div", x4, [
-        A(Ya, null, {
+      var A;
+      return p(), g("div", Y4, [
+        M(Ya, null, {
           primary: W(() => [
-            v("div", Y4, [
+            v("div", K4, [
               a.project ? (p(), P(ci, {
                 key: 0,
                 "is-left": !1,
                 "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 });
+                  m && E.$router.push({ name: Q(Ue).project });
                 })
               }, null, 8, ["right-label", "left-label"])) : T("", !0),
-              A(z4, {
+              M(x4, {
                 "model-value": E.searchText,
                 placeholder: E.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
@@ -12077,7 +12085,7 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
                   option: m,
                   handleTagRemove: I
                 }) => [
-                  A(Je, {
+                  M(Je, {
                     "user-name": m.label,
                     "avatar-url": m.avatar,
                     "is-closable": !0,
@@ -12087,7 +12095,7 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
                 _: 1
               }, 8, ["model-value", "options", "placeholder"])) : T("", !0)
             ]),
-            A(ce, {
+            M(ce, {
               class: "ao-feed__only-important",
               size: "sm",
               "icon-name": E.showsOnlyImportant ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -12099,7 +12107,7 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
               "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, {
+            M(ce, {
               class: "ao-feed__show-archived",
               size: "sm",
               "icon-name": E.showsArchivedActivities ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -12114,8 +12122,8 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
           ]),
           _: 1
         }),
-        v("div", K4, [
-          (p(!0), g(ve, null, _e(E.statuses, (m) => (p(), P(Z4, {
+        v("div", G4, [
+          (p(!0), g(ve, null, _e(E.statuses, (m) => (p(), P(W4, {
             key: m.id,
             status: m,
             list: i.value[m.id],
@@ -12137,7 +12145,7 @@ const x4 = { class: "ao-feed" }, Y4 = { class: "ao-feed__filters" }, K4 = { clas
             key: 0,
             activity: E.selectedActivity,
             "activity-types": E.activityTypes,
-            "milestone-id": (M = E.selectedActivity.milestone) == null ? void 0 : M.id,
+            "milestone-id": (A = E.selectedActivity.milestone) == null ? void 0 : A.id,
             "template-activities": s.value,
             users: E.users,
             "user-id": E.userId,
@@ -12172,7 +12180,7 @@ const Dt = {
   TEMPLATES: "templates",
   TEMPLATE_DETAILS: "template_details",
   TEMPLATES_LIST: "templates_list"
-}, f8 = (t, e = {}) => [
+}, v8 = (t, e = {}) => [
   {
     path: t,
     name: Dt.TEMPLATES,
@@ -12182,7 +12190,7 @@ const Dt = {
       {
         path: "",
         name: Dt.TEMPLATES_LIST,
-        component: Q4
+        component: J4
       },
       {
         path: ":templateId/:phaseId?/:milestoneId?/:activityId?",
@@ -12192,49 +12200,49 @@ const Dt = {
       }
     ]
   }
-], Fe = {
+], Ue = {
   project: "AoProject",
   feed: "AoProjectFeed",
   milestone: "AoMilestone",
   activity: "AoActivity"
-}, v8 = (t, e = {}) => [
+}, h8 = (t, e = {}) => [
   {
     path: t,
     ...e,
-    redirect: { name: Fe.project },
+    redirect: { name: Ue.project },
     children: [
       {
         path: "",
-        name: Fe.project,
-        component: gv,
+        name: Ue.project,
+        component: _v,
         props: !0,
         children: [
           {
             path: ":phaseId/:milestoneId",
-            name: Fe.milestone,
+            name: Ue.milestone,
             component: As,
             props: !0
           },
           {
             path: ":phaseId/:milestoneId/:activityId",
-            name: Fe.activity,
+            name: Ue.activity,
             props: { default: !0, modal: !0 },
             components: {
               default: As,
-              modal: $4
+              modal: k4
             }
           }
         ]
       },
       {
         path: "feed",
-        name: Fe.feed,
-        component: G4,
+        name: Ue.feed,
+        component: X4,
         props: !0
       }
     ]
   }
-], X4 = { class: "ao-templates" }, Q4 = /* @__PURE__ */ z({
+], Q4 = { class: "ao-templates" }, J4 = /* @__PURE__ */ z({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -12274,10 +12282,10 @@ const Dt = {
         });
       }
     };
-    return (r, l) => (p(), g("div", X4, [
-      A(Ya, null, {
+    return (r, l) => (p(), g("div", Q4, [
+      M(Ya, null, {
         secondary: W(() => [
-          A(ce, {
+          M(ce, {
             label: r.$t("templates.new"),
             color: "primary",
             "icon-name": "Add",
@@ -12287,7 +12295,7 @@ const Dt = {
         ]),
         _: 1
       }),
-      A(Q(mt), {
+      M(Q(mt), {
         "model-value": r.templates,
         class: "ao-templates__list",
         "item-key": "id",
@@ -12297,7 +12305,7 @@ const Dt = {
         item: W(({ element: c }) => {
           var u;
           return [
-            A(Q3, {
+            M(Q3, {
               id: c.id,
               title: c.name,
               phases: c.phases,
@@ -12318,7 +12326,7 @@ const Dt = {
     ]));
   }
 });
-const J4 = { class: "ao-field__label" }, e8 = /* @__PURE__ */ z({
+const e8 = { class: "ao-field__label" }, t8 = /* @__PURE__ */ z({
   __name: "AoField",
   props: {
     label: {},
@@ -12328,11 +12336,11 @@ const J4 = { class: "ao-field__label" }, e8 = /* @__PURE__ */ z({
     return (e, a) => (p(), g("label", {
       class: K(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
-      v("span", J4, G(e.label), 1),
+      v("span", e8, G(e.label), 1),
       te(e.$slots, "default")
     ], 2));
   }
-}), t8 = ["type", "value", "disabled", "readonly"], h8 = /* @__PURE__ */ z({
+}), a8 = ["type", "value", "disabled", "readonly"], m8 = /* @__PURE__ */ z({
   __name: "AoInputField",
   props: {
     label: { default: "" },
@@ -12349,7 +12357,7 @@ const J4 = { class: "ao-field__label" }, e8 = /* @__PURE__ */ z({
     ), s = (o) => {
       a.modelModifiers.number && (o = Number(o)), e("update:modelValue", o);
     };
-    return (o, i) => (p(), P(e8, { label: o.label }, {
+    return (o, i) => (p(), P(t8, { label: o.label }, {
       default: W(() => [
         v("input", He({
           class: "ao-field__input",
@@ -12359,12 +12367,12 @@ const J4 = { class: "ao-field__label" }, e8 = /* @__PURE__ */ z({
           readonly: o.isReadonly
         }, {
           [Bi(n.value)]: i[0] || (i[0] = (r) => s(r.target.value))
-        }), null, 16, t8)
+        }), null, 16, a8)
       ]),
       _: 1
     }, 8, ["label"]));
   }
-}), a8 = { class: "ao-field" }, n8 = { class: "ao-field__label" }, s8 = ["checked", "disabled"], m8 = /* @__PURE__ */ z({
+}), n8 = { class: "ao-field" }, s8 = { class: "ao-field__label" }, i8 = ["checked", "disabled"], C8 = /* @__PURE__ */ z({
   __name: "AoCheckboxField",
   props: {
     label: { default: "" },
@@ -12374,8 +12382,8 @@ const J4 = { class: "ao-field__label" }, e8 = /* @__PURE__ */ z({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (p(), g("label", a8, [
-      v("span", n8, G(e.label), 1),
+    return (e, a) => (p(), g("label", n8, [
+      v("span", s8, G(e.label), 1),
       v("input", {
         class: "ao-field__input",
         type: "checkbox",
@@ -12388,30 +12396,30 @@ const J4 = { class: "ao-field__label" }, e8 = /* @__PURE__ */ z({
             ((s = n.target) == null ? void 0 : s.checked) ?? !1
           );
         })
-      }, null, 40, s8)
+      }, null, 40, i8)
     ]));
   }
 });
 export {
   di as AoCardFeed,
-  m8 as AoCheckboxField,
-  G4 as AoFeed,
-  e8 as AoField,
-  h8 as AoInputField,
+  C8 as AoCheckboxField,
+  X4 as AoFeed,
+  t8 as AoField,
+  m8 as AoInputField,
   $e as AoMultiselect,
-  rv as AoProjectPhases,
+  lv as AoProjectPhases,
   M9 as AoTemplateDetails,
-  u8 as AoTemplates,
-  Q4 as AoTemplatesList,
+  c8 as AoTemplates,
+  J4 as AoTemplatesList,
   F2 as TemplateItemTypeEnum,
-  d8 as activityFeedStatus,
-  c8 as durationTypes,
+  p8 as activityFeedStatus,
+  d8 as durationTypes,
   Lt as feedFilterTypes,
-  v8 as getProjectOverviewRoutes,
-  f8 as getTemplateRoutes,
-  p8 as listUpdateTypes,
+  h8 as getProjectOverviewRoutes,
+  v8 as getTemplateRoutes,
+  f8 as listUpdateTypes,
   hn as milestoneStatus,
-  Fe as projectOverviewRoutes,
+  Ue as projectOverviewRoutes,
   R2 as ruleComparators,
   j2 as ruleDurationUnits,
   N2 as ruleTriggerTypes,