@26lights/orcha 0.42.4 → 0.42.5

package/dist/orcha.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as Y, openBlock as v, createBlock as V, unref as Q, mergeProps as Ae, createElementBlock as C, createElementVNode as f, pushScopeId as Vi, popScopeId as Di, createStaticVNode as Bi, computed as M, resolveDynamicComponent as mt, normalizeClass as X, renderSlot as te, toDisplayString as z, createCommentVNode as O, ref as q, watch as ce, nextTick as Me, withKeys as pt, toHandlers as ji, withCtx as N, createTextVNode as qa, createVNode as A, normalizeStyle as Je, withModifiers as ve, createSlots as fa, Fragment as fe, renderList as _e, onMounted as It, onBeforeUnmount as Ts, onUnmounted as Os, Teleport as Tt, toRefs as Ee, getCurrentInstance as Lt, toRef as Rt, normalizeProps as ha, guardReactiveProps as ma, withDirectives as De, vShow as Ri, onUpdated as Ni, vModelText as Ze, resolveComponent as ut, vModelCheckbox as Ui, getCurrentScope as Fi, onScopeDispose as Zi, toHandlerKey as Wi } from "vue";
+import { defineComponent as Y, openBlock as v, createBlock as V, unref as Q, mergeProps as Ae, createElementBlock as C, createElementVNode as f, pushScopeId as Vi, popScopeId as Di, createStaticVNode as Bi, computed as A, resolveDynamicComponent as mt, normalizeClass as X, renderSlot as te, toDisplayString as z, createCommentVNode as O, ref as q, watch as ce, nextTick as Me, withKeys as pt, toHandlers as ji, withCtx as N, createTextVNode as qa, createVNode as M, normalizeStyle as Qe, withModifiers as ve, createSlots as fa, Fragment as fe, renderList as _e, onMounted as It, onBeforeUnmount as Ts, onUnmounted as Os, Teleport as Tt, toRefs as Ee, getCurrentInstance as Lt, toRef as Rt, normalizeProps as ha, guardReactiveProps as ma, withDirectives as De, vShow as Ri, onUpdated as Ni, vModelText as Ze, resolveComponent as ut, vModelCheckbox as Ui, getCurrentScope as Fi, onScopeDispose as Zi, toHandlerKey as Wi } from "vue";
 import { RouterView as zi, useRoute as qi, useRouter as Es } from "vue-router";
 import gt from "vuedraggable";
-const a8 = /* @__PURE__ */ Y({
+const t8 = /* @__PURE__ */ Y({
   __name: "AoTemplates",
   props: {
     templates: {}
@@ -1167,7 +1167,7 @@ const Pn = {
     size: { default: Ya.MD }
   },
   setup(t) {
-    const e = t, a = M(() => L2[e.name]);
+    const e = t, a = A(() => L2[e.name]);
     return (s, n) => (v(), V(mt(a.value), {
       class: X(["ao-icon", `ao-icon--${s.size}`])
     }, null, 8, ["class"]));
@@ -1191,7 +1191,7 @@ const D2 = ["type"], B2 = {
     corners: { default: () => Pn.ROUNDED }
   },
   setup(t) {
-    const e = t, a = M(() => e.size), s = M(() => e.isLoading ? "Loading" : e.iconName);
+    const e = t, a = A(() => e.size), s = A(() => e.isLoading ? "Loading" : e.iconName);
     return (n, o) => (v(), C("button", {
       type: n.type,
       class: X([
@@ -1218,7 +1218,7 @@ const D2 = ["type"], B2 = {
   }
 });
 function Hn(t) {
-  const e = q(!1), a = q(""), s = M(() => "value" in t.value ? "value" : "innerHTML"), n = () => {
+  const e = q(!1), a = q(""), s = A(() => "value" in t.value ? "value" : "innerHTML"), n = () => {
     e.value = !e.value;
   }, o = (r) => {
     e.value = r;
@@ -1258,7 +1258,7 @@ const be = /* @__PURE__ */ Y({
   },
   emits: ["update:title", "toggle-is-editing"],
   setup(t, { emit: e }) {
-    const a = t, s = q(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = Hn(s), r = M(() => n.value ? "input" : a.tag || `h${a.level}`), d = M(() => a.isEditable ? n.value ? {
+    const a = t, s = q(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = Hn(s), r = A(() => n.value ? "input" : a.tag || `h${a.level}`), d = A(() => a.isEditable ? n.value ? {
       change: u,
       click: (_) => _.stopPropagation(),
       blur: p
@@ -1351,21 +1351,21 @@ const j2 = {
     }, {
       default: N(() => [
         s.isDraggable ? (v(), C("div", j2, [
-          A(pe, {
+          M(pe, {
             name: "DragIndicator",
             class: "ao-card-horiz__drag-handle"
           })
         ])) : O("", !0),
         f("div", R2, [
           s.icon ? (v(), C("div", N2, [
-            A(pe, {
+            M(pe, {
               class: "ao-card-horiz__icon",
               name: s.icon,
               size: "xl"
             }, null, 8, ["name"])
           ])) : O("", !0),
           f("div", U2, [
-            A(be, {
+            M(be, {
               id: s.id,
               class: "ao-card-horiz__title",
               level: 4,
@@ -1408,7 +1408,7 @@ const ra = /* @__PURE__ */ Y({
   },
   emits: ["click", "close"],
   setup(t) {
-    const e = t, a = M(() => e.clickable ? "button" : "span"), s = M(
+    const e = t, a = A(() => e.clickable ? "button" : "span"), s = A(
       () => a.value === "button" ? { type: "button" } : {}
     );
     return (n, o) => (v(), C("div", {
@@ -1419,7 +1419,7 @@ const ra = /* @__PURE__ */ Y({
         n.closable ? "ao-tag--closable" : "",
         n.variant ? `ao-tag--${n.variant}` : ""
       ]),
-      style: Je(n.rawColor ? { "--ao-tag-bg": n.rawColor } : {})
+      style: Qe(n.rawColor ? { "--ao-tag-bg": n.rawColor } : {})
     }, [
       (v(), V(mt(a.value), Ae({ class: "ao-tag__label" }, s.value, {
         onClick: o[0] || (o[0] = (i) => n.$emit("click", i))
@@ -1440,7 +1440,7 @@ const ra = /* @__PURE__ */ Y({
         class: "ao-tag__close",
         onClick: o[1] || (o[1] = (i) => n.$emit("close", i))
       }, [
-        A(pe, {
+        M(pe, {
           name: "CloseRounded",
           size: "sm",
           class: "ao-tag__close-icon"
@@ -1453,11 +1453,11 @@ const Ba = {
   todo: "todo",
   done: "done",
   archived: "archived"
-}, s8 = {
+}, a8 = {
   months: "months",
   weeks: "weeks",
   days: "days"
-}, n8 = {
+}, s8 = {
   future: "future",
   this_month: "this_month",
   this_week: "this_week",
@@ -1481,7 +1481,7 @@ const Ba = {
   TASKS: "tasks"
 };
 var G2 = /* @__PURE__ */ ((t) => (t.PHASES = "phases", t.MILESTONES = "milestones", t.ACTIVITIES = "activities", t))(G2 || {});
-const i8 = {
+const n8 = {
   add: "add",
   remove: "remove",
   moved: "moved"
@@ -1498,7 +1498,7 @@ function ja(t) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, ja(t);
 }
-function et(t) {
+function Je(t) {
   if (t === null || t === !0 || t === !1)
     return NaN;
   var e = Number(t);
@@ -1515,7 +1515,7 @@ function $e(t) {
 }
 function X2(t, e) {
   Ce(2, arguments);
-  var a = $e(t).getTime(), s = et(e);
+  var a = $e(t).getTime(), s = Je(e);
   return new Date(a + s);
 }
 var Q2 = {};
@@ -1554,7 +1554,7 @@ function jn(t) {
 }
 function ws(t, e) {
   Ce(2, arguments);
-  var a = et(e);
+  var a = Je(e);
   return X2(t, -a);
 }
 var s0 = 864e5;
@@ -1595,7 +1595,7 @@ function l0(t) {
 function Na(t, e) {
   var a, s, n, o, i, l, r, d;
   Ce(1, arguments);
-  var u = ga(), c = et((a = (s = (n = (o = e == null ? void 0 : e.weekStartsOn) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && n !== void 0 ? n : u.weekStartsOn) !== null && s !== void 0 ? s : (r = u.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.weekStartsOn) !== null && a !== void 0 ? a : 0);
+  var u = ga(), c = Je((a = (s = (n = (o = e == null ? void 0 : e.weekStartsOn) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && n !== void 0 ? n : u.weekStartsOn) !== null && s !== void 0 ? s : (r = u.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.weekStartsOn) !== null && a !== void 0 ? a : 0);
   if (!(c >= 0 && c <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   var p = $e(t), h = p.getUTCDay(), b = (h < c ? 7 : 0) + h - c;
@@ -1604,7 +1604,7 @@ function Na(t, e) {
 function Nn(t, e) {
   var a, s, n, o, i, l, r, d;
   Ce(1, arguments);
-  var u = $e(t), c = u.getUTCFullYear(), p = ga(), h = et((a = (s = (n = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && n !== void 0 ? n : p.firstWeekContainsDate) !== null && s !== void 0 ? s : (r = p.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && a !== void 0 ? a : 1);
+  var u = $e(t), c = u.getUTCFullYear(), p = ga(), h = Je((a = (s = (n = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && n !== void 0 ? n : p.firstWeekContainsDate) !== null && s !== void 0 ? s : (r = p.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && a !== void 0 ? a : 1);
   if (!(h >= 1 && h <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
   var b = /* @__PURE__ */ new Date(0);
@@ -1617,7 +1617,7 @@ function Nn(t, e) {
 function r0(t, e) {
   var a, s, n, o, i, l, r, d;
   Ce(1, arguments);
-  var u = ga(), c = et((a = (s = (n = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && n !== void 0 ? n : u.firstWeekContainsDate) !== null && s !== void 0 ? s : (r = u.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && a !== void 0 ? a : 1), p = Nn(t, e), h = /* @__PURE__ */ new Date(0);
+  var u = ga(), c = Je((a = (s = (n = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && n !== void 0 ? n : u.firstWeekContainsDate) !== null && s !== void 0 ? s : (r = u.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && a !== void 0 ? a : 1), p = Nn(t, e), h = /* @__PURE__ */ new Date(0);
   h.setUTCFullYear(p, 0, c), h.setUTCHours(0, 0, 0, 0);
   var b = Na(h, e);
   return b;
@@ -2736,10 +2736,10 @@ var i3 = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, o3 = /P+p+|P+|
 function Zn(t, e, a) {
   var s, n, o, i, l, r, d, u, c, p, h, b, _, g, $, w, m, I;
   Ce(2, arguments);
-  var D = String(e), E = ga(), F = (s = (n = a == null ? void 0 : a.locale) !== null && n !== void 0 ? n : E.locale) !== null && s !== void 0 ? s : Fn, W = et((o = (i = (l = (r = a == null ? void 0 : a.firstWeekContainsDate) !== null && r !== void 0 ? r : a == null || (d = a.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && l !== void 0 ? l : E.firstWeekContainsDate) !== null && i !== void 0 ? i : (c = E.locale) === null || c === void 0 || (p = c.options) === null || p === void 0 ? void 0 : p.firstWeekContainsDate) !== null && o !== void 0 ? o : 1);
+  var D = String(e), E = ga(), F = (s = (n = a == null ? void 0 : a.locale) !== null && n !== void 0 ? n : E.locale) !== null && s !== void 0 ? s : Fn, W = Je((o = (i = (l = (r = a == null ? void 0 : a.firstWeekContainsDate) !== null && r !== void 0 ? r : a == null || (d = a.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && l !== void 0 ? l : E.firstWeekContainsDate) !== null && i !== void 0 ? i : (c = E.locale) === null || c === void 0 || (p = c.options) === null || p === void 0 ? void 0 : p.firstWeekContainsDate) !== null && o !== void 0 ? o : 1);
   if (!(W >= 1 && W <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var K = et((h = (b = (_ = (g = a == null ? void 0 : a.weekStartsOn) !== null && g !== void 0 ? g : a == null || ($ = a.locale) === null || $ === void 0 || (w = $.options) === null || w === void 0 ? void 0 : w.weekStartsOn) !== null && _ !== void 0 ? _ : E.weekStartsOn) !== null && b !== void 0 ? b : (m = E.locale) === null || m === void 0 || (I = m.options) === null || I === void 0 ? void 0 : I.weekStartsOn) !== null && h !== void 0 ? h : 0);
+  var K = Je((h = (b = (_ = (g = a == null ? void 0 : a.weekStartsOn) !== null && g !== void 0 ? g : a == null || ($ = a.locale) === null || $ === void 0 || (w = $.options) === null || w === void 0 ? void 0 : w.weekStartsOn) !== null && _ !== void 0 ? _ : E.weekStartsOn) !== null && b !== void 0 ? b : (m = E.locale) === null || m === void 0 || (I = m.options) === null || I === void 0 ? void 0 : I.weekStartsOn) !== null && h !== void 0 ? h : 0);
   if (!(K >= 0 && K <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!F.localize)
@@ -2783,7 +2783,7 @@ function c3(t) {
 function d3(t, e, a) {
   var s, n, o, i, l, r, d, u, c, p;
   Ce(2, arguments);
-  var h = $e(t), b = $e(e), _ = ga(), g = (s = (n = a == null ? void 0 : a.locale) !== null && n !== void 0 ? n : _.locale) !== null && s !== void 0 ? s : Fn, $ = et((o = (i = (l = (r = a == null ? void 0 : a.weekStartsOn) !== null && r !== void 0 ? r : a == null || (d = a.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && l !== void 0 ? l : _.weekStartsOn) !== null && i !== void 0 ? i : (c = _.locale) === null || c === void 0 || (p = c.options) === null || p === void 0 ? void 0 : p.weekStartsOn) !== null && o !== void 0 ? o : 0);
+  var h = $e(t), b = $e(e), _ = ga(), g = (s = (n = a == null ? void 0 : a.locale) !== null && n !== void 0 ? n : _.locale) !== null && s !== void 0 ? s : Fn, $ = Je((o = (i = (l = (r = a == null ? void 0 : a.weekStartsOn) !== null && r !== void 0 ? r : a == null || (d = a.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && l !== void 0 ? l : _.weekStartsOn) !== null && i !== void 0 ? i : (c = _.locale) === null || c === void 0 || (p = c.options) === null || p === void 0 ? void 0 : p.weekStartsOn) !== null && o !== void 0 ? o : 0);
   if (!g.localize)
     throw new RangeError("locale must contain localize property");
   if (!g.formatLong)
@@ -2807,7 +2807,7 @@ function d3(t, e, a) {
 function ca(t, e) {
   var a;
   Ce(1, arguments);
-  var s = et((a = e == null ? void 0 : e.additionalDigits) !== null && a !== void 0 ? a : 2);
+  var s = Je((a = e == null ? void 0 : e.additionalDigits) !== null && a !== void 0 ? a : 2);
   if (s !== 2 && s !== 1 && s !== 0)
     throw new RangeError("additionalDigits must be 0, 1 or 2");
   if (!(typeof t == "string" || Object.prototype.toString.call(t) === "[object String]"))
@@ -3725,7 +3725,7 @@ function N3(t, e = 0.15) {
 const U3 = ["title"], F3 = {
   key: 0,
   className: "ao-avatar__initials"
-}, Z3 = ["src"], We = /* @__PURE__ */ Y({
+}, Z3 = ["src"], et = /* @__PURE__ */ Y({
   __name: "AoAvatar",
   props: {
     userName: {},
@@ -3736,7 +3736,7 @@ const U3 = ["title"], F3 = {
   },
   emits: ["close"],
   setup(t, { emit: e }) {
-    const a = t, s = M(() => [
+    const a = t, s = A(() => [
       `ao-avatar--${a.color}`,
       ...a.avatarUrl ? ["ao-avatar-img", `ao-avatar-img--${a.size}`] : ["ao-avatar", `ao-avatar--${a.size}`]
     ]), n = D3(a.userName), o = (i) => {
@@ -3790,10 +3790,10 @@ const W3 = { class: "ao-card-template__subitems" }, z3 = { class: "ao-card-templ
       e("updateTitle", l);
     }, n = (l, r) => {
       e("deleteItem", l, r);
-    }, o = M(() => {
+    }, o = A(() => {
       var l;
       return ((l = a.phases) == null ? void 0 : l.slice(0, _s)) ?? [];
-    }), i = M(() => a.phases && a.phases.length > _s ? a.phases.length - _s : 0);
+    }), i = A(() => a.phases && a.phases.length > _s ? a.phases.length - _s : 0);
     return (l, r) => (v(), V(Vn, {
       id: l.id,
       title: l.title,
@@ -3803,14 +3803,14 @@ const W3 = { class: "ao-card-template__subitems" }, z3 = { class: "ao-card-templ
       subtitle: N(() => [
         f("ul", W3, [
           f("li", z3, [
-            A(pe, {
+            M(pe, {
               name: "MountainFlagOutlineRounded",
               size: "sm"
             }),
             f("span", q3, z(l.milestones), 1)
           ]),
           f("li", Y3, [
-            A(pe, {
+            M(pe, {
               name: "TaskOutlineRounded",
               size: "sm"
             }),
@@ -3822,7 +3822,7 @@ const W3 = { class: "ao-card-template__subitems" }, z3 = { class: "ao-card-templ
         f("div", K3, [
           f("div", G3, [
             f("div", X3, [
-              A(pe, {
+              M(pe, {
                 name: "WaterfallChartRounded",
                 size: "sm"
               }),
@@ -3847,7 +3847,7 @@ const W3 = { class: "ao-card-template__subitems" }, z3 = { class: "ao-card-templ
       ]),
       secondary: N(() => [
         f("div", u5, [
-          A(re, {
+          M(re, {
             "icon-name": "DeleteOutlineRounded",
             variant: "ghost",
             size: "md",
@@ -3875,7 +3875,7 @@ const W3 = { class: "ao-card-template__subitems" }, z3 = { class: "ao-card-templ
                 f("span", l5, z(l.$t("template.updatedBy.label")), 1)
               ]),
               f("div", r5, [
-                A(We, { "user-name": l.updatedBy }, null, 8, ["user-name"])
+                M(et, { "user-name": l.updatedBy }, null, 8, ["user-name"])
               ])
             ])) : O("", !0)
           ])
@@ -3927,7 +3927,7 @@ const f5 = ["type"], h5 = {
     corners: { default: () => Pn.ROUNDED }
   },
   setup(t) {
-    const e = t, a = M(() => e.size), s = M(() => e.isLoading ? "Loading" : e.iconName);
+    const e = t, a = A(() => e.size), s = A(() => e.isLoading ? "Loading" : e.iconName);
     return (n, o) => (v(), C("button", {
       type: n.type,
       class: X([
@@ -3977,7 +3977,7 @@ const m5 = { class: "ao-card-template-item__footer" }, g5 = {
         f("ul", m5, [
           (v(), C(fe, null, _e(s, (r) => (v(), C(fe, { key: r }, [
             i.$props[r] ? (v(), C("li", g5, [
-              A(pe, {
+              M(pe, {
                 name: n[r],
                 size: "sm"
               }, null, 8, ["name"]),
@@ -3988,7 +3988,7 @@ const m5 = { class: "ao-card-template-item__footer" }, g5 = {
       ]),
       secondary: N(() => [
         f("div", _5, [
-          A(re, {
+          M(re, {
             "icon-name": "DeleteOutlineRounded",
             variant: "ghost",
             size: "md",
@@ -4009,10 +4009,10 @@ const y5 = /* @__PURE__ */ Y({
     milestones: {}
   },
   setup(t) {
-    const e = t, a = M(() => {
+    const e = t, a = A(() => {
       var n;
       return (n = e.milestones) == null ? void 0 : n.length;
-    }), s = M(() => e.milestones ? Kn(e.milestones) : 0);
+    }), s = A(() => e.milestones ? Kn(e.milestones) : 0);
     return (n, o) => (v(), V(Vs, Ae({
       id: n.id,
       title: n.name,
@@ -4031,7 +4031,7 @@ const y5 = /* @__PURE__ */ Y({
     activities: {}
   },
   setup(t) {
-    const e = t, a = M(() => {
+    const e = t, a = A(() => {
       var s;
       return ((s = e.activities) == null ? void 0 : s.length) || 0;
     });
@@ -4076,7 +4076,7 @@ const y5 = /* @__PURE__ */ Y({
       onChange: i
     }, {
       header: N(() => [
-        A(be, {
+        M(be, {
           title: "Milestones",
           level: 3,
           class: "ao-list__title"
@@ -4101,7 +4101,7 @@ const y5 = /* @__PURE__ */ Y({
       ]),
       footer: N(() => [
         f("div", w5, [
-          A(Ct, {
+          M(Ct, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.milestones.add"),
             onClick: s
@@ -4118,7 +4118,7 @@ const y5 = /* @__PURE__ */ Y({
     tasks: {}
   },
   setup(t) {
-    const e = t, a = M(() => {
+    const e = t, a = A(() => {
       var s;
       return ((s = e.tasks) == null ? void 0 : s.length) || 0;
     });
@@ -4166,7 +4166,7 @@ const y5 = /* @__PURE__ */ Y({
       onChange: i
     }, {
       header: N(() => [
-        A(be, {
+        M(be, {
           title: "Activities",
           level: 3,
           class: "ao-list__title"
@@ -4187,7 +4187,7 @@ const y5 = /* @__PURE__ */ Y({
       ]),
       footer: N(() => [
         f("div", S5, [
-          A(Ct, {
+          M(Ct, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.activities.add"),
             onClick: s
@@ -4220,7 +4220,7 @@ const y5 = /* @__PURE__ */ Y({
       f("div", M5, [
         e.$slots.header ? (v(), C("div", T5, [
           f("div", O5, [
-            A(re, {
+            M(re, {
               "icon-name": "CloseRounded",
               variant: "ghost",
               color: "primary",
@@ -4624,7 +4624,7 @@ function ei(t) {
 function tt(t) {
   return t instanceof Element || t instanceof Te(t).Element;
 }
-function ze(t) {
+function We(t) {
   return t instanceof HTMLElement || t instanceof Te(t).HTMLElement;
 }
 function yn(t) {
@@ -4648,7 +4648,7 @@ function js(t) {
 }
 function q5(t) {
   let e = Wt(t);
-  for (; ze(e) && !ts(e); ) {
+  for (; We(e) && !ts(e); ) {
     if (js(e))
       return e;
     e = Wt(e);
@@ -4687,7 +4687,7 @@ function Wt(t) {
 }
 function ti(t) {
   const e = Wt(t);
-  return ts(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : ze(e) && wa(e) ? e : ti(e);
+  return ts(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : We(e) && wa(e) ? e : ti(e);
 }
 function pa(t, e, a) {
   var s;
@@ -4698,7 +4698,7 @@ function pa(t, e, a) {
 function ai(t) {
   const e = je(t);
   let a = parseFloat(e.width) || 0, s = parseFloat(e.height) || 0;
-  const n = ze(t), o = n ? t.offsetWidth : a, i = n ? t.offsetHeight : s, l = Ua(a) !== o || Ua(s) !== i;
+  const n = We(t), o = n ? t.offsetWidth : a, i = n ? t.offsetHeight : s, l = Ua(a) !== o || Ua(s) !== i;
   return l && (a = o, s = i), {
     width: a,
     height: s,
@@ -4710,7 +4710,7 @@ function Ns(t) {
 }
 function Nt(t) {
   const e = Ns(t);
-  if (!ze(e))
+  if (!We(e))
     return vt(1);
   const a = e.getBoundingClientRect(), {
     width: s,
@@ -4762,7 +4762,7 @@ function K5(t) {
     offsetParent: a,
     strategy: s
   } = t;
-  const n = ze(a), o = st(a);
+  const n = We(a), o = st(a);
   if (a === o)
     return e;
   let i = {
@@ -4770,7 +4770,7 @@ function K5(t) {
     scrollTop: 0
   }, l = vt(1);
   const r = vt(0);
-  if ((n || !n && s !== "fixed") && ((ft(a) !== "body" || wa(o)) && (i = as(a)), ze(a))) {
+  if ((n || !n && s !== "fixed") && ((ft(a) !== "body" || wa(o)) && (i = as(a)), We(a))) {
     const d = Ot(a);
     l = Nt(a), r.x = d.x + a.clientLeft, r.y = d.y + a.clientTop;
   }
@@ -4814,7 +4814,7 @@ function Q5(t, e) {
   };
 }
 function J5(t, e) {
-  const a = Ot(t, !0, e === "fixed"), s = a.top + t.clientTop, n = a.left + t.clientLeft, o = ze(t) ? Nt(t) : vt(1), i = t.clientWidth * o.x, l = t.clientHeight * o.y, r = n * o.x, d = s * o.y;
+  const a = Ot(t, !0, e === "fixed"), s = a.top + t.clientTop, n = a.left + t.clientLeft, o = We(t) ? Nt(t) : vt(1), i = t.clientWidth * o.x, l = t.clientHeight * o.y, r = n * o.x, d = s * o.y;
   return {
     width: i,
     height: l,
@@ -4879,7 +4879,7 @@ function a7(t) {
   return ai(t);
 }
 function s7(t, e, a) {
-  const s = ze(e), n = st(e), o = a === "fixed", i = Ot(t, !0, o, e);
+  const s = We(e), n = st(e), o = a === "fixed", i = Ot(t, !0, o, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4899,11 +4899,11 @@ function s7(t, e, a) {
   };
 }
 function wn(t, e) {
-  return !ze(t) || je(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+  return !We(t) || je(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
 }
 function oi(t, e) {
   const a = Te(t);
-  if (!ze(t))
+  if (!We(t))
     return a;
   let s = wn(t, e);
   for (; s && z5(s) && je(s).position === "static"; )
@@ -5112,7 +5112,7 @@ function d7(t, e, a) {
   };
 }
 function p7(t, e) {
-  const { value: a, modelValue: s, mode: n, valueProp: o } = Ee(t), i = q(n.value !== "single" ? [] : {}), l = M(() => s && s.value !== void 0 ? s.value : a.value), r = M(() => n.value === "single" ? i.value[o.value] : i.value.map((u) => u[o.value])), d = M(() => n.value !== "single" ? i.value.map((u) => u[o.value]).join(",") : i.value[o.value]);
+  const { value: a, modelValue: s, mode: n, valueProp: o } = Ee(t), i = q(n.value !== "single" ? [] : {}), l = A(() => s && s.value !== void 0 ? s.value : a.value), r = A(() => n.value === "single" ? i.value[o.value] : i.value.map((u) => u[o.value])), d = A(() => n.value !== "single" ? i.value.map((u) => u[o.value]).join(",") : i.value[o.value]);
   return {
     iv: i,
     internalValue: i,
@@ -5213,7 +5213,7 @@ function g7(t, e, a) {
     disabledProp: y,
     searchStart: H,
     searchFilter: oe
-  } = Ee(t), ne = Lt().proxy, Z = a.iv, P = a.ev, x = a.search, me = a.clearSearch, ke = a.update, Gt = a.pointer, Xt = a.setPointer, nt = a.clearPointer, $a = a.focus, rs = a.deactivate, it = a.close, ka = a.localize, ot = q([]), Ue = q([]), Ie = q(!1), Re = q(null), xe = q(ee.value && i.value === -1 ? 10 : i.value), Qt = M(() => r.value || d.value || !1), Sa = M(() => c.value !== void 0 ? c.value : p.value !== void 0 ? p.value : !0), Le = M(() => {
+  } = Ee(t), ne = Lt().proxy, Z = a.iv, P = a.ev, x = a.search, me = a.clearSearch, ke = a.update, Gt = a.pointer, Xt = a.setPointer, nt = a.clearPointer, $a = a.focus, rs = a.deactivate, it = a.close, ka = a.localize, ot = q([]), Ue = q([]), Ie = q(!1), Re = q(null), Ye = q(ee.value && i.value === -1 ? 10 : i.value), Qt = A(() => r.value || d.value || !1), Sa = A(() => c.value !== void 0 ? c.value : p.value !== void 0 ? p.value : !0), Le = A(() => {
     if (le.value) {
       let S = bt.value || /* istanbul ignore next */
       [], B = [];
@@ -5227,13 +5227,13 @@ function g7(t, e, a) {
       []);
       return ot.value.length && (S = S.concat(ot.value)), S;
     }
-  }), Jt = M(() => {
+  }), Jt = A(() => {
     let S = Le.value;
     return se.value && (S = S.reverse()), Pt.value.length && (S = Pt.value.concat(S)), fs(S);
-  }), lt = M(() => {
+  }), lt = A(() => {
     let S = Jt.value;
-    return xe.value > 0 && (S = S.slice(0, xe.value)), S;
-  }), bt = M(() => {
+    return Ye.value > 0 && (S = S.slice(0, Ye.value)), S;
+  }), bt = A(() => {
     if (!le.value)
       return [];
     let S = [], B = Ue.value || /* istanbul ignore next */
@@ -5243,14 +5243,14 @@ function g7(t, e, a) {
       [L.value]: [...ot.value],
       __CREATE__: !0
     }), S.concat(B);
-  }), Aa = M(() => {
+  }), Aa = A(() => {
     let S = [...bt.value].map((B) => ({ ...B }));
     return Pt.value.length && (S[0] && S[0].__CREATE__ ? S[0][L.value] = [...Pt.value, ...S[0][L.value]] : S = [{
       [W.value]: " ",
       [L.value]: [...Pt.value],
       __CREATE__: !0
     }].concat(S)), S;
-  }), us = M(() => {
+  }), us = A(() => {
     if (!le.value)
       return [];
     let S = Aa.value;
@@ -5265,7 +5265,7 @@ function g7(t, e, a) {
         __VISIBLE__: fs(ge).map(($t) => Object.assign({}, $t, B[y.value] ? { [y.value]: !0 } : {}))
       };
     }));
-  }), cs = M(() => {
+  }), cs = A(() => {
     switch (n.value) {
       case "single":
         return !Fe(Z.value[E.value]);
@@ -5273,12 +5273,12 @@ function g7(t, e, a) {
       case "tags":
         return !Fe(Z.value) && Z.value.length > 0;
     }
-  }), Ci = M(() => h !== void 0 && h.value !== void 0 ? h.value(Z.value, ne) : Z.value && Z.value.length > 1 ? `${Z.value.length} options selected` : "1 option selected"), _i = M(() => !Le.value.length && !Ie.value && !Pt.value.length), yi = M(() => Le.value.length > 0 && lt.value.length == 0 && (x.value && le.value || !le.value)), Pt = M(() => Qt.value === !1 || !x.value ? [] : Oi(x.value) !== -1 ? [] : [{
+  }), Ci = A(() => h !== void 0 && h.value !== void 0 ? h.value(Z.value, ne) : Z.value && Z.value.length > 1 ? `${Z.value.length} options selected` : "1 option selected"), _i = A(() => !Le.value.length && !Ie.value && !Pt.value.length), yi = A(() => Le.value.length > 0 && lt.value.length == 0 && (x.value && le.value || !le.value)), Pt = A(() => Qt.value === !1 || !x.value ? [] : Oi(x.value) !== -1 ? [] : [{
     [E.value]: x.value,
     [wt.value[0]]: x.value,
     [u.value]: x.value,
     __CREATE__: !0
-  }]), wt = M(() => o.value ? Array.isArray(o.value) ? o.value : [o.value] : [u.value]), bi = M(() => {
+  }]), wt = A(() => o.value ? Array.isArray(o.value) ? o.value : [o.value] : [u.value]), bi = A(() => {
     switch (n.value) {
       case "single":
         return null;
@@ -5286,8 +5286,8 @@ function g7(t, e, a) {
       case "tags":
         return [];
     }
-  }), wi = M(() => _.value || Ie.value), Ht = (S) => {
-    switch (typeof S != "object" && (S = Ge(S)), n.value) {
+  }), wi = A(() => _.value || Ie.value), Ht = (S) => {
+    switch (typeof S != "object" && (S = Ke(S)), n.value) {
       case "single":
         ke(S);
         break;
@@ -5298,7 +5298,7 @@ function g7(t, e, a) {
     }
     e.emit("select", nn(S), S, ne);
   }, Vt = (S) => {
-    switch (typeof S != "object" && (S = Ge(S)), n.value) {
+    switch (typeof S != "object" && (S = Ke(S)), n.value) {
       case "single":
         ln();
         break;
@@ -5318,7 +5318,7 @@ function g7(t, e, a) {
     on(S);
   }, ln = () => {
     ke(bi.value), e.emit("clear", ne);
-  }, Ke = (S) => {
+  }, xe = (S) => {
     if (S.group !== void 0)
       return n.value === "single" ? !1 : Ti(S[L.value]) && S[L.value].length;
     switch (n.value) {
@@ -5330,7 +5330,7 @@ function g7(t, e, a) {
     }
   }, ds = (S) => S[y.value] === !0, ps = () => J === void 0 || J.value === -1 || !cs.value && J.value > 0 ? !1 : Z.value.length >= J.value, ki = (S) => {
     if (!ds(S)) {
-      if (R && R.value && !Ke(S) && S.__CREATE__ && (S = { ...S }, delete S.__CREATE__, S = R.value(S, ne), S instanceof Promise)) {
+      if (R && R.value && !xe(S) && S.__CREATE__ && (S = { ...S }, delete S.__CREATE__, S = R.value(S, ne), S instanceof Promise)) {
         Ie.value = !0, S.then((B) => {
           Ie.value = !1, rn(B);
         });
@@ -5341,14 +5341,14 @@ function g7(t, e, a) {
   }, rn = (S) => {
     switch (S.__CREATE__ && (S = { ...S }, delete S.__CREATE__), n.value) {
       case "single":
-        if (S && Ke(S)) {
+        if (S && xe(S)) {
           K.value && Vt(S), G.value && (nt(), it());
           return;
         }
         S && vs(S), D.value && me(), j.value && (nt(), it()), S && Ht(S);
         break;
       case "multiple":
-        if (S && Ke(S)) {
+        if (S && xe(S)) {
           Vt(S), G.value && (nt(), it());
           return;
         }
@@ -5359,7 +5359,7 @@ function g7(t, e, a) {
         S && (vs(S), Ht(S)), D.value && me(), l.value && nt(), j.value && it();
         break;
       case "tags":
-        if (S && Ke(S)) {
+        if (S && xe(S)) {
           Vt(S), G.value && (nt(), it());
           return;
         }
@@ -5384,10 +5384,10 @@ function g7(t, e, a) {
       j.value && rs();
     }
   }, vs = (S) => {
-    Ge(S[E.value]) === void 0 && Qt.value && (e.emit("tag", S[E.value], ne), e.emit("option", S[E.value], ne), e.emit("create", S[E.value], ne), Sa.value && Ii(S), me());
+    Ke(S[E.value]) === void 0 && Qt.value && (e.emit("tag", S[E.value], ne), e.emit("option", S[E.value], ne), e.emit("create", S[E.value], ne), Sa.value && Ii(S), me());
   }, Ai = () => {
-    n.value !== "single" && Ht(lt.value.filter((S) => !S.disabled && !Ke(S)));
-  }, Mi = (S) => S.find((B) => !Ke(B) && !B[y.value]) === void 0, Ti = (S) => S.find((B) => !Ke(B)) === void 0, Ge = (S) => Le.value[Le.value.map((B) => String(B[E.value])).indexOf(String(S))], Oi = (S) => Le.value.findIndex((B) => wt.value.some((ue) => (parseInt(B[ue]) == B[ue] ? parseInt(B[ue]) : B[ue]) === (parseInt(S) == S ? parseInt(S) : S))), Ei = (S) => ["tags", "multiple"].indexOf(n.value) !== -1 && l.value && Ke(S), Ii = (S) => {
+    n.value !== "single" && Ht(lt.value.filter((S) => !S.disabled && !xe(S)));
+  }, Mi = (S) => S.find((B) => !xe(B) && !B[y.value]) === void 0, Ti = (S) => S.find((B) => !xe(B)) === void 0, Ke = (S) => Le.value[Le.value.map((B) => String(B[E.value])).indexOf(String(S))], Oi = (S) => Le.value.findIndex((B) => wt.value.some((ue) => (parseInt(B[ue]) == B[ue] ? parseInt(B[ue]) : B[ue]) === (parseInt(S) == S ? parseInt(S) : S))), Ei = (S) => ["tags", "multiple"].indexOf(n.value) !== -1 && l.value && xe(S), Ii = (S) => {
     ot.value.push(S);
   }, Li = (S) => T.value ? S.filter(
     (B) => x.value ? B.__VISIBLE__.length : B[L.value].length
@@ -5395,7 +5395,7 @@ function g7(t, e, a) {
     let ue = S;
     if (x.value && m.value) {
       let ge = oe.value;
-      ge || (ge = ($t, cn, Q4) => wt.value.some((Hi) => {
+      ge || (ge = ($t, cn, X4) => wt.value.some((Hi) => {
         let dn = ys(ka($t[Hi]), ae.value);
         return H.value ? dn.startsWith(ys(cn, ae.value)) : dn.indexOf(ys(cn, ae.value)) !== -1;
       })), ue = ue.filter(($t) => ge($t, x.value, ne));
@@ -5420,14 +5420,14 @@ function g7(t, e, a) {
   })), ms = () => {
     if (cs.value)
       if (n.value === "single") {
-        let S = Ge(Z.value[E.value]);
+        let S = Ke(Z.value[E.value]);
         if (S !== void 0) {
           let B = S[u.value];
           Z.value[u.value] = B, b.value && (P.value[u.value] = B);
         }
       } else
         Z.value.forEach((S, B) => {
-          let ue = Ge(Z.value[B][E.value]);
+          let ue = Ke(Z.value[B][E.value]);
           if (ue !== void 0) {
             let ge = ue[u.value];
             Z.value[B][u.value] = ge, b.value && (P.value[B][u.value] = ge);
@@ -5435,11 +5435,11 @@ function g7(t, e, a) {
         });
   }, Pi = (S) => {
     Ta(S);
-  }, Oa = (S) => Fe(S) ? n.value === "single" ? {} : [] : b.value ? S : n.value === "single" ? Ge(S) || (F.value ? {
+  }, Oa = (S) => Fe(S) ? n.value === "single" ? {} : [] : b.value ? S : n.value === "single" ? Ke(S) || (F.value ? {
     [u.value]: S,
     [E.value]: S,
     [wt.value[0]]: S
-  } : {}) : S.filter((B) => !!Ge(B) || F.value).map((B) => Ge(B) || {
+  } : {}) : S.filter((B) => !!Ke(B) || F.value).map((B) => Ke(B) || {
     [u.value]: B,
     [E.value]: B,
     [wt.value[0]]: B
@@ -5478,7 +5478,7 @@ function g7(t, e, a) {
   }, { deep: !0 }), ce(s, (S, B) => {
     typeof t.options == "function" ? $.value && (!B || S && S.toString() !== B.toString()) && Ta() : (Ue.value = t.options, Object.keys(Z.value).length || Ma(), ms());
   }), ce(u, ms), ce(i, (S, B) => {
-    xe.value = ee.value && S === -1 ? 10 : S;
+    Ye.value = ee.value && S === -1 ? 10 : S;
   }), {
     pfo: Jt,
     fo: lt,
@@ -5495,16 +5495,16 @@ function g7(t, e, a) {
     noResults: yi,
     resolving: Ie,
     busy: wi,
-    offset: xe,
+    offset: Ye,
     select: Ht,
     deselect: Vt,
     remove: on,
     selectAll: Ai,
     clear: ln,
-    isSelected: Ke,
+    isSelected: xe,
     isDisabled: ds,
     isMax: ps,
-    getOption: Ge,
+    getOption: Ke,
     handleOptionClick: ki,
     handleGroupClick: Si,
     handleTagRemove: $i,
@@ -5524,23 +5524,23 @@ function C7(t, e, a) {
     groupSelect: d,
     disabledProp: u,
     groupOptions: c
-  } = Ee(t), p = a.fo, h = a.fg, b = a.handleOptionClick, _ = a.handleGroupClick, g = a.search, $ = a.pointer, w = a.setPointer, m = a.clearPointer, I = a.multiselect, D = a.isOpen, E = M(() => p.value.filter((P) => !P[u.value])), F = M(() => h.value.filter((P) => !P[u.value])), W = M(() => r.value !== "single" && d.value), K = M(() => $.value && $.value.group), J = M(() => ne($.value)), ae = M(() => {
+  } = Ee(t), p = a.fo, h = a.fg, b = a.handleOptionClick, _ = a.handleGroupClick, g = a.search, $ = a.pointer, w = a.setPointer, m = a.clearPointer, I = a.multiselect, D = a.isOpen, E = A(() => p.value.filter((P) => !P[u.value])), F = A(() => h.value.filter((P) => !P[u.value])), W = A(() => r.value !== "single" && d.value), K = A(() => $.value && $.value.group), J = A(() => ne($.value)), ae = A(() => {
     const P = K.value ? $.value : (
       /* istanbul ignore next */
       ne($.value)
     ), x = F.value.map((ke) => ke[i.value]).indexOf(P[i.value]);
     let me = F.value[x - 1];
     return me === void 0 && (me = G.value), me;
-  }), j = M(() => {
+  }), j = A(() => {
     let P = F.value.map((x) => x.label).indexOf(K.value ? $.value[i.value] : ne($.value)[i.value]) + 1;
     return F.value.length <= P && (P = 0), F.value[P];
-  }), G = M(() => [...F.value].slice(-1)[0]), le = M(() => $.value.__VISIBLE__.filter((P) => !P[u.value])[0]), se = M(() => {
+  }), G = A(() => [...F.value].slice(-1)[0]), le = A(() => $.value.__VISIBLE__.filter((P) => !P[u.value])[0]), se = A(() => {
     const P = J.value.__VISIBLE__.filter((x) => !x[u.value]);
     return P[P.map((x) => x[s.value]).indexOf($.value[s.value]) - 1];
-  }), ee = M(() => {
+  }), ee = A(() => {
     const P = ne($.value).__VISIBLE__.filter((x) => !x[u.value]);
     return P[P.map((x) => x[s.value]).indexOf($.value[s.value]) + 1];
-  }), L = M(() => [...ae.value.__VISIBLE__.filter((P) => !P[u.value])].slice(-1)[0]), T = M(() => [...G.value.__VISIBLE__.filter((P) => !P[u.value])].slice(-1)[0]), k = (P) => $.value && (!P.group && $.value[s.value] === P[s.value] || P.group !== void 0 && $.value[i.value] === P[i.value]) ? !0 : void 0, R = () => {
+  }), L = A(() => [...ae.value.__VISIBLE__.filter((P) => !P[u.value])].slice(-1)[0]), T = A(() => [...G.value.__VISIBLE__.filter((P) => !P[u.value])].slice(-1)[0]), k = (P) => $.value && (!P.group && $.value[s.value] === P[s.value] || P.group !== void 0 && $.value[i.value] === P[i.value]) ? !0 : void 0, R = () => {
     w(E.value[0] || null);
   }, y = () => {
     !$.value || $.value[u.value] === !0 || (K.value ? _($.value) : b($.value));
@@ -5667,7 +5667,7 @@ function _7(t) {
 function y7(t) {
   return t === Oe(t) || !Be(t) ? Fs(t) : _7(t);
 }
-function qe(t) {
+function ze(t) {
   return t ? (t.nodeName || "").toLowerCase() : null;
 }
 function _t(t) {
@@ -5699,7 +5699,7 @@ function w7(t, e, a) {
     x: 0,
     y: 0
   };
-  return (s || !s && !a) && ((qe(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  return (s || !s && !a) && ((ze(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
   Ws(o)) && (l = y7(e)), Be(e) ? (r = qt(e, !0), r.x += e.clientLeft, r.y += e.clientTop) : o && (r.x = Zs(o))), {
     x: i.left + l.scrollLeft - r.x,
     y: i.top + l.scrollTop - r.y,
@@ -5717,7 +5717,7 @@ function ri(t) {
   };
 }
 function ss(t) {
-  return qe(t) === "html" ? t : (
+  return ze(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]
@@ -5729,7 +5729,7 @@ function ss(t) {
   );
 }
 function ui(t) {
-  return ["html", "body", "#document"].indexOf(qe(t)) >= 0 ? t.ownerDocument.body : Be(t) && Ws(t) ? t : ui(ss(t));
+  return ["html", "body", "#document"].indexOf(ze(t)) >= 0 ? t.ownerDocument.body : Be(t) && Ws(t) ? t : ui(ss(t));
 }
 function oa(t, e) {
   var a;
@@ -5741,7 +5741,7 @@ function oa(t, e) {
   );
 }
 function $7(t) {
-  return ["table", "td", "th"].indexOf(qe(t)) >= 0;
+  return ["table", "td", "th"].indexOf(ze(t)) >= 0;
 }
 function $n(t) {
   return !Be(t) || // https://github.com/popperjs/popper-core/issues/837
@@ -5755,7 +5755,7 @@ function k7(t) {
       return null;
   }
   var n = ss(t);
-  for (Us(n) && (n = n.host); Be(n) && ["html", "body"].indexOf(qe(n)) < 0; ) {
+  for (Us(n) && (n = n.host); Be(n) && ["html", "body"].indexOf(ze(n)) < 0; ) {
     var o = at(n);
     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 n;
@@ -5766,9 +5766,9 @@ function k7(t) {
 function ns(t) {
   for (var e = Oe(t), a = $n(t); a && $7(a) && at(a).position === "static"; )
     a = $n(a);
-  return a && (qe(a) === "html" || qe(a) === "body" && at(a).position === "static") ? e : a || k7(t) || e;
+  return a && (ze(a) === "html" || ze(a) === "body" && at(a).position === "static") ? e : a || k7(t) || e;
 }
-var Ne = "top", Ye = "bottom", ht = "right", Xe = "left", zs = "auto", is = [Ne, Ye, ht, Xe], Yt = "start", va = "end", S7 = "clippingParents", ci = "viewport", ia = "popper", A7 = "reference", kn = /* @__PURE__ */ is.reduce(function(t, e) {
+var Ne = "top", qe = "bottom", ht = "right", Ge = "left", zs = "auto", is = [Ne, qe, ht, Ge], Yt = "start", va = "end", S7 = "clippingParents", ci = "viewport", ia = "popper", A7 = "reference", kn = /* @__PURE__ */ is.reduce(function(t, e) {
   return t.concat([e + "-" + Yt, e + "-" + va]);
 }, []), M7 = /* @__PURE__ */ [].concat(is, [zs]).reduce(function(t, e) {
   return t.concat([e, e + "-" + Yt, e + "-" + va]);
@@ -5877,7 +5877,7 @@ function Sn(t, e, a) {
 function q7(t) {
   var e = oa(ss(t)), a = ["absolute", "fixed"].indexOf(at(t).position) >= 0, s = a && Be(t) ? ns(t) : t;
   return Et(s) ? e.filter(function(n) {
-    return Et(n) && W7(n, s) && qe(n) !== "body";
+    return Et(n) && W7(n, s) && ze(n) !== "body";
   }) : [];
 }
 function Y7(t, e, a, s) {
@@ -5905,7 +5905,7 @@ function pi(t) {
         y: e.y - a.height
       };
       break;
-    case Ye:
+    case qe:
       r = {
         x: i,
         y: e.y + e.height
@@ -5917,7 +5917,7 @@ function pi(t) {
         y: l
       };
       break;
-    case Xe:
+    case Ge:
       r = {
         x: e.x - a.width,
         y: l
@@ -5975,7 +5975,7 @@ function qs(t, e) {
   if (p === ia && ae) {
     var j = ae[n];
     Object.keys(J).forEach(function(G) {
-      var le = [ht, Ye].indexOf(G) >= 0 ? 1 : -1, se = [Ne, Ye].indexOf(G) >= 0 ? "y" : "x";
+      var le = [ht, qe].indexOf(G) >= 0 ? 1 : -1, se = [Ne, qe].indexOf(G) >= 0 ? "y" : "x";
       J[G] += j[se] * le;
     });
   }
@@ -6151,18 +6151,18 @@ function Tn(t) {
     y: _
   };
   h = g.x, _ = g.y;
-  var $ = i.hasOwnProperty("x"), w = i.hasOwnProperty("y"), m = Xe, I = Ne, D = window;
+  var $ = i.hasOwnProperty("x"), w = i.hasOwnProperty("y"), m = Ge, I = Ne, D = window;
   if (d) {
     var E = ns(a), F = "clientHeight", W = "clientWidth";
-    if (E === Oe(a) && (E = _t(a), at(E).position !== "static" && l === "absolute" && (F = "scrollHeight", W = "scrollWidth")), E = E, n === Ne || (n === Xe || n === ht) && o === va) {
-      I = Ye;
+    if (E === Oe(a) && (E = _t(a), at(E).position !== "static" && l === "absolute" && (F = "scrollHeight", W = "scrollWidth")), E = E, n === Ne || (n === Ge || n === ht) && o === va) {
+      I = qe;
       var K = c && E === D && D.visualViewport ? D.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         E[F]
       );
       _ -= K - s.height, _ *= r ? 1 : -1;
     }
-    if (n === Xe || (n === Ne || n === Ye) && o === va) {
+    if (n === Ge || (n === Ne || n === qe) && o === va) {
       m = ht;
       var J = c && E === D && D.visualViewport ? D.visualViewport.width : (
         // $FlowFixMe[prop-missing]
@@ -6220,7 +6220,7 @@ function ip(t) {
   var e = t.state;
   Object.keys(e.elements).forEach(function(a) {
     var s = e.styles[a] || {}, n = e.attributes[a] || {}, o = e.elements[a];
-    !Be(o) || !qe(o) || (Object.assign(o.style, s), Object.keys(n).forEach(function(i) {
+    !Be(o) || !ze(o) || (Object.assign(o.style, s), Object.keys(n).forEach(function(i) {
       var l = n[i];
       l === !1 ? o.removeAttribute(i) : o.setAttribute(i, l === !0 ? "" : l);
     }));
@@ -6244,7 +6244,7 @@ function op(t) {
       var n = e.elements[s], o = e.attributes[s] || {}, i = Object.keys(e.styles.hasOwnProperty(s) ? e.styles[s] : a[s]), l = i.reduce(function(r, d) {
         return r[d] = "", r;
       }, {});
-      !Be(n) || !qe(n) || (Object.assign(n.style, l), Object.keys(o).forEach(function(r) {
+      !Be(n) || !ze(n) || (Object.assign(n.style, l), Object.keys(o).forEach(function(r) {
         n.removeAttribute(r);
       }));
     });
@@ -6290,14 +6290,14 @@ function pp(t) {
   };
   if (E) {
     if (o) {
-      var G, le = I === "y" ? Ne : Xe, se = I === "y" ? Ye : ht, ee = I === "y" ? "height" : "width", L = E[I], T = L + g[le], k = L - g[se], R = h ? -W[ee] / 2 : 0, y = w === Yt ? F[ee] : W[ee], H = w === Yt ? -W[ee] : -F[ee], oe = e.elements.arrow, ne = h && oe ? ri(oe) : {
+      var G, le = I === "y" ? Ne : Ge, se = I === "y" ? qe : ht, ee = I === "y" ? "height" : "width", L = E[I], T = L + g[le], k = L - g[se], R = h ? -W[ee] / 2 : 0, y = w === Yt ? F[ee] : W[ee], H = w === Yt ? -W[ee] : -F[ee], oe = e.elements.arrow, ne = h && oe ? ri(oe) : {
         width: 0,
         height: 0
       }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : vi(), P = Z[le], x = Z[se], me = Va(0, F[ee], ne[ee]), ke = m ? F[ee] / 2 - R - me - P - J.mainAxis : y - me - P - J.mainAxis, Gt = m ? -F[ee] / 2 + R + me + x + J.mainAxis : H + me + x + J.mainAxis, Xt = e.elements.arrow && ns(e.elements.arrow), nt = Xt ? I === "y" ? Xt.clientTop || 0 : Xt.clientLeft || 0 : 0, $a = (G = ae == null ? void 0 : ae[I]) != null ? G : 0, rs = L + ke - $a - nt, it = L + Gt - $a, ka = Va(h ? Wa(T, rs) : T, L, h ? At(k, it) : k);
       E[I] = ka, j[I] = ka - L;
     }
     if (l) {
-      var ot, Ue = I === "x" ? Ne : Xe, Ie = I === "x" ? Ye : ht, Re = E[D], xe = D === "y" ? "height" : "width", Qt = Re + g[Ue], Sa = Re - g[Ie], Le = [Ne, Xe].indexOf($) !== -1, Jt = (ot = ae == null ? void 0 : ae[D]) != null ? ot : 0, lt = Le ? Qt : Re - F[xe] - W[xe] - Jt + J.altAxis, bt = Le ? Re + F[xe] + W[xe] - Jt - J.altAxis : Sa, Aa = h && Le ? dp(lt, Re, bt) : Va(h ? lt : Qt, Re, h ? bt : Sa);
+      var ot, Ue = I === "x" ? Ne : Ge, Ie = I === "x" ? qe : ht, Re = E[D], Ye = D === "y" ? "height" : "width", Qt = Re + g[Ue], Sa = Re - g[Ie], Le = [Ne, Ge].indexOf($) !== -1, Jt = (ot = ae == null ? void 0 : ae[D]) != null ? ot : 0, lt = Le ? Qt : Re - F[Ye] - W[Ye] - Jt + J.altAxis, bt = Le ? Re + F[Ye] + W[Ye] - Jt - J.altAxis : Sa, Aa = h && Le ? dp(lt, Re, bt) : Va(h ? lt : Qt, Re, h ? bt : Sa);
       E[D] = Aa, j[D] = Aa - Re;
     }
     e.modifiersData[s] = j;
@@ -6368,13 +6368,13 @@ function Cp(t) {
         allowedAutoPlacements: _
       }) : Z);
     }, []), D = e.rects.reference, E = e.rects.popper, F = /* @__PURE__ */ new Map(), W = !0, K = I[0], J = 0; J < I.length; J++) {
-      var ae = I[J], j = dt(ae), G = xt(ae) === Yt, le = [Ne, Ye].indexOf(j) >= 0, se = le ? "width" : "height", ee = qs(e, {
+      var ae = I[J], j = dt(ae), G = xt(ae) === Yt, le = [Ne, qe].indexOf(j) >= 0, se = le ? "width" : "height", ee = qs(e, {
         placement: ae,
         boundary: u,
         rootBoundary: c,
         altBoundary: p,
         padding: d
-      }), L = le ? G ? ht : Xe : G ? Ye : Ne;
+      }), L = le ? G ? ht : Ge : G ? qe : Ne;
       D[se] > E[se] && (L = Da(L));
       var T = Da(L), k = [];
       if (o && k.push(ee[j] <= 0), l && k.push(ee[L] <= 0, ee[T] <= 0), k.every(function(ne) {
@@ -6415,7 +6415,7 @@ var _p = {
   }
 };
 function yp(t, e, a) {
-  const { disabled: s, appendTo: n, appendToBody: o, openDirection: i } = Ee(t), l = Lt().proxy, r = a.multiselect, d = a.dropdown, u = q(!1), c = q(null), p = q(null), h = M(() => n.value || o.value), b = M(() => i.value === "top" && p.value === "bottom" || i.value === "bottom" && p.value !== "top" ? "bottom" : "top"), _ = () => {
+  const { disabled: s, appendTo: n, appendToBody: o, openDirection: i } = Ee(t), l = Lt().proxy, r = a.multiselect, d = a.dropdown, u = q(!1), c = q(null), p = q(null), h = A(() => n.value || o.value), b = A(() => i.value === "top" && p.value === "bottom" || i.value === "bottom" && p.value !== "top" ? "bottom" : "top"), _ = () => {
     u.value || s.value || (u.value = !0, e.emit("open", l), h.value && Me(() => {
       $();
     }));
@@ -6489,7 +6489,7 @@ function yp(t, e, a) {
   };
 }
 function bp(t, e, a) {
-  const { searchable: s, disabled: n, clearOnBlur: o } = Ee(t), i = a.input, l = a.open, r = a.close, d = a.clearSearch, u = a.isOpen, c = a.wrapper, p = a.tags, h = q(!1), b = q(!1), _ = M(() => s.value || n.value ? -1 : 0), g = () => {
+  const { searchable: s, disabled: n, clearOnBlur: o } = Ee(t), i = a.input, l = a.open, r = a.close, d = a.clearSearch, u = a.isOpen, c = a.wrapper, p = a.tags, h = q(!1), b = q(!1), _ = A(() => s.value || n.value ? -1 : 0), g = () => {
     s.value && i.value.blur(), c.value.blur();
   }, $ = () => {
     s.value && !n.value && i.value.focus();
@@ -6539,7 +6539,7 @@ function wp(t, e, a) {
     createTag: c,
     createOption: p,
     reverse: h
-  } = Ee(t), b = Lt().proxy, _ = a.iv, g = a.update, $ = a.deselect, w = a.search, m = a.setPointer, I = a.selectPointer, D = a.backwardPointer, E = a.forwardPointer, F = a.multiselect, W = a.wrapper, K = a.tags, J = a.isOpen, ae = a.open, j = a.blur, G = a.fo, le = M(() => c.value || p.value || !1), se = M(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ee = () => {
+  } = Ee(t), b = Lt().proxy, _ = a.iv, g = a.update, $ = a.deselect, w = a.search, m = a.setPointer, I = a.selectPointer, D = a.backwardPointer, E = a.forwardPointer, F = a.multiselect, W = a.wrapper, K = a.tags, J = a.isOpen, ae = a.open, j = a.blur, G = a.fo, le = A(() => c.value || p.value || !1), se = A(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ee = () => {
     s.value === "tags" && !l.value && le.value && i.value && !d.value && m(G.value[G.value.map((k) => k[r.value]).indexOf(w.value)]);
   };
   return {
@@ -6619,7 +6619,7 @@ function $p(t, e, a) {
     disabled: n,
     showOptions: o,
     breakTags: i
-  } = Ee(t), l = a.isOpen, r = a.isPointed, d = a.isSelected, u = a.isDisabled, c = a.isActive, p = a.canPointGroups, h = a.resolving, b = a.fo, _ = a.placement, g = M(() => ({
+  } = Ee(t), l = a.isOpen, r = a.isPointed, d = a.isSelected, u = a.isDisabled, c = a.isActive, p = a.canPointGroups, h = a.resolving, b = a.fo, _ = a.placement, g = A(() => ({
     container: "multiselect",
     containerDisabled: "is-disabled",
     containerOpen: "is-open",
@@ -6674,9 +6674,9 @@ function $p(t, e, a) {
     assist: "multiselect-assistive-text",
     spacer: "multiselect-spacer",
     ...s.value
-  })), $ = M(() => !!(l.value && o.value && (!h.value || h.value && b.value.length)));
+  })), $ = A(() => !!(l.value && o.value && (!h.value || h.value && b.value.length)));
   return {
-    classList: M(() => {
+    classList: A(() => {
       const m = g.value;
       return {
         container: [m.container].concat(n.value ? m.containerDisabled : []).concat($.value && _.value === "top" ? m.containerOpenTop : []).concat($.value && _.value !== "top" ? m.containerOpen : []).concat(c.value ? m.containerActive : []),
@@ -6727,7 +6727,7 @@ function kp(t, e, a) {
   const {
     limit: s,
     infinite: n
-  } = Ee(t), o = a.isOpen, i = a.offset, l = a.search, r = a.pfo, d = a.eo, u = q(null), c = q(null), p = M(() => i.value < r.value.length), h = (_) => {
+  } = Ee(t), o = a.isOpen, i = a.offset, l = a.search, r = a.pfo, d = a.eo, u = q(null), c = q(null), p = A(() => i.value < r.value.length), h = (_) => {
     const { isIntersecting: g, target: $ } = _[0];
     if (g) {
       const w = $.offsetParent, m = w.scrollTop;
@@ -6761,20 +6761,20 @@ function Sp(t, e, a) {
     groupLabel: r,
     aria: d,
     searchable: u
-  } = Ee(t), c = a.pointer, p = a.iv, h = a.hasSelected, b = a.multipleLabelText, _ = q(null), g = M(() => {
+  } = Ee(t), c = a.pointer, p = a.iv, h = a.hasSelected, b = a.multipleLabelText, _ = q(null), g = A(() => {
     let j = [];
     return n && n.value && j.push(n.value), j.push("assist"), j.join("-");
-  }), $ = M(() => {
+  }), $ = A(() => {
     let j = [];
     return n && n.value && j.push(n.value), j.push("multiselect-options"), j.join("-");
-  }), w = M(() => {
+  }), w = A(() => {
     let j = [];
     if (n && n.value && j.push(n.value), c.value)
       return j.push(c.value.group ? "multiselect-group" : "multiselect-option"), j.push(c.value.group ? c.value.index : c.value[o.value]), j.join("-");
-  }), m = M(() => s.value), I = M(() => l.value !== "single"), D = M(() => {
+  }), m = A(() => s.value), I = A(() => l.value !== "single"), D = A(() => {
     let j = "";
     return l.value === "single" && h.value && (j += p.value[i.value]), l.value === "multiple" && h.value && (j += b.value), l.value === "tags" && h.value && (j += p.value.map((G) => G[i.value]).join(", ")), j;
-  }), E = M(() => {
+  }), E = A(() => {
     let j = { ...d.value };
     return u.value && (j["aria-labelledby"] = j["aria-labelledby"] ? `${g.value} ${j["aria-labelledby"]}` : g.value, D.value && j["aria-label"] && (j["aria-label"] = `${D.value}, ${j["aria-label"]}`)), j;
   }), F = (j) => {
@@ -7754,7 +7754,7 @@ Y({
     };
   }
 });
-async function Qe(t, e) {
+async function Xe(t, e) {
   if (e && t && t.length - e.length === 1) {
     const a = new Set(e.map((l) => l.id)), s = t.filter(
       (l) => !a.has(l.id)
@@ -7785,9 +7785,9 @@ const Qp = { class: "ao-tasks" }, Jp = { class: "ao-tasks__list" }, ev = ["id",
   setup(t, { emit: e }) {
     const a = t, { t: s } = yt();
     ce(() => a.tasks, (c, p) => {
-      Qe(c, p);
+      Xe(c, p);
     });
-    const n = M(
+    const n = A(
       () => {
         var c;
         return ((c = a.users) == null ? void 0 : c.map((p) => ({
@@ -7866,7 +7866,7 @@ const Qp = { class: "ao-tasks" }, Jp = { class: "ao-tasks__list" }, ev = ["id",
               onChange: (g) => d(g, h.id)
             }, {
               tag: N(({ option: g, handleTagRemove: $ }) => [
-                A(We, {
+                M(et, {
                   "user-name": g.label,
                   "avatar-url": g.avatar,
                   "is-closable": !0,
@@ -7971,7 +7971,7 @@ const sv = ["onDrop", "onDragenter", "onDragover", "onDragleave"], nv = { class:
             target: "_blank",
             rel: "noopener noreferrer"
           }, [
-            A(pe, {
+            M(pe, {
               class: "ao-file__icon",
               name: "AttachFileRounded",
               size: "sm"
@@ -7992,7 +7992,7 @@ const sv = ["onDrop", "onDragenter", "onDragover", "onDragleave"], nv = { class:
         u.isEditable ? (v(), C("li", rv, [
           f("label", uv, [
             f("div", cv, [
-              A(pe, {
+              M(pe, {
                 name: "Add",
                 size: "sm"
               }),
@@ -8031,13 +8031,13 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
   },
   emits: ["edit", "remove"],
   setup(t, { emit: e }) {
-    const a = t, s = M(() => {
+    const a = t, s = A(() => {
       const _ = a.user;
       return _ ? `${_ == null ? void 0 : _.firstName} ${_ == null ? void 0 : _.lastName}` : null;
-    }), n = q(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = Hn(n), d = M(() => {
+    }), n = q(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = Hn(n), d = A(() => {
       const _ = a.editedAt && ca(a.editedAt), g = ca(a.createdAt), $ = /* @__PURE__ */ new Date(), w = _ ?? g;
       return w && d3(w, $);
-    }), u = M(() => o.value ? "textarea" : "p"), c = r(), p = l((_) => {
+    }), u = A(() => o.value ? "textarea" : "p"), c = r(), p = l((_) => {
       e("edit", _);
     }), h = () => {
       e("remove");
@@ -8053,7 +8053,7 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
     }), (_, g) => {
       var $;
       return v(), C("li", hv, [
-        s.value ? (v(), V(We, {
+        s.value ? (v(), V(et, {
           key: 0,
           "avatar-url": ($ = _.user) == null ? void 0 : $.avatarUrl,
           "user-name": s.value,
@@ -8082,14 +8082,14 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
         ]),
         _.isEditable ? (v(), C("div", _v, [
           Q(o) ? (v(), C(fe, { key: 0 }, [
-            A(re, {
+            M(re, {
               "icon-name": "CloseRounded",
               size: "sm",
               variant: "ghost",
               color: "neutral",
               onClick: Q(c)
             }, null, 8, ["onClick"]),
-            A(re, {
+            M(re, {
               "icon-name": "CheckSmallRounded",
               size: "sm",
               variant: "solid",
@@ -8098,14 +8098,14 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
               onClick: Q(p)
             }, null, 8, ["onClick"])
           ], 64)) : (v(), C(fe, { key: 1 }, [
-            A(re, {
+            M(re, {
               label: _.$t("activity.comment.delete"),
               size: "sm",
               variant: "ghost",
               color: "neutral",
               onClick: h
             }, null, 8, ["label"]),
-            A(re, {
+            M(re, {
               label: _.$t("activity.comment.edit"),
               size: "sm",
               variant: "ghost",
@@ -8131,13 +8131,13 @@ const bv = { class: "ao-comments__header" }, wv = ["onSubmit"], $v = ["placehold
   },
   emits: ["createComment", "updateComment", "removeComment"],
   setup(t, { emit: e }) {
-    const a = t, s = M(() => (a.comments || []).toSorted(
+    const a = t, s = A(() => (a.comments || []).toSorted(
       (p, h) => t0(ca(p.createdAt), ca(h.createdAt))
     )), n = (c) => a.users.find((h) => h.id === c), o = q();
     Me(() => {
       o.value && (o.value.scrollTop = o.value.scrollHeight);
     });
-    const i = Rt(a.newComment), l = M({
+    const i = Rt(a.newComment), l = A({
       get() {
         return i.value;
       },
@@ -8181,7 +8181,7 @@ const bv = { class: "ao-comments__header" }, wv = ["onSubmit"], $v = ["placehold
               ]
             ]),
             f("div", kv, [
-              A(re, {
+              M(re, {
                 type: "submit",
                 "icon-name": "SendRounded",
                 color: "primary",
@@ -8241,19 +8241,19 @@ const As = /* @__PURE__ */ Y({
 }, Gv = { class: "ao-fieldset__title" }, Xv = { class: "ao-activity-details__aside" }, Qv = { class: "ao-activity-details__close-button" }, Jv = {
   key: 0,
   class: "ao-activity-details__aside-section"
-}, ef = { class: "ao-field" }, tf = { class: "ao-field__label" }, af = { class: "ao-activity-details__aside-section" }, sf = { class: "ao-field ao-field--multiselect" }, nf = { class: "assignee-inline" }, of = { class: "ao-field__label" }, lf = { class: "flex items-center gap-2" }, rf = { class: "ao-activity-details__aside-section" }, uf = {
+}, ef = { class: "ao-field" }, tf = { class: "ao-field__label" }, af = { class: "ao-activity-details__aside-section" }, sf = { class: "ao-field ao-field--multiselect" }, nf = { class: "assignee-inline" }, of = { class: "ao-field__label" }, lf = { class: "ao-activity-details__aside-section" }, rf = {
   key: 0,
   class: "ao-field__row"
-}, cf = { class: "ao-field" }, df = { class: "ao-field__label" }, pf = ["readonly"], vf = { class: "ao-activity-details__aside-section" }, ff = {
+}, uf = { class: "ao-field" }, cf = { class: "ao-field__label" }, df = ["readonly"], pf = { class: "ao-activity-details__aside-section" }, vf = {
   key: 0,
   class: "ao-field__row"
-}, hf = { class: "ao-field ao-field--multiselect" }, mf = { class: "ao-activity-details__aside-section" }, gf = {
+}, ff = { class: "ao-field ao-field--multiselect" }, hf = { class: "ao-activity-details__aside-section" }, mf = {
   key: 1,
   class: "ao-activity-details__aside-section"
-}, Cf = { class: "ao-fieldset ao-activity-details__aside-section" }, _f = { class: "ao-fieldset__title" }, yf = { class: "ao-fieldset__body" }, bf = { class: "ao-field__row" }, wf = { class: "ao-field ao-field--multiselect" }, $f = { class: "ao-field__label" }, kf = { class: "ao-field__row" }, Sf = { class: "ao-field ao-field--multiselect" }, Af = { class: "ao-field__label" }, Mf = {
+}, gf = { class: "ao-fieldset ao-activity-details__aside-section" }, Cf = { class: "ao-fieldset__title" }, _f = { class: "ao-fieldset__body" }, yf = { class: "ao-field__row" }, bf = { class: "ao-field ao-field--multiselect" }, wf = { class: "ao-field__label" }, $f = { class: "ao-field__row" }, kf = { class: "ao-field ao-field--multiselect" }, Sf = { class: "ao-field__label" }, Af = {
   key: 2,
   class: "ao-activity-details__aside-section ao-activity-details__aside-section--created-by"
-}, Tf = { class: "ao-activity__created-by" }, Ys = /* @__PURE__ */ Y({
+}, Mf = { class: "ao-activity__created-by" }, Ys = /* @__PURE__ */ Y({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -8274,7 +8274,7 @@ const As = /* @__PURE__ */ Y({
   emits: ["update:activity", "close", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment", "toast"],
   setup(t, { emit: e }) {
     var R;
-    const a = t, s = M(() => {
+    const a = t, s = A(() => {
       var y;
       return a.isEditable === !0 ? !0 : a.userId && a.isEditable === "only-own" ? a.userId === ((y = a.activity.assignee) == null ? void 0 : y.id) : !1;
     }), n = (y) => {
@@ -8282,48 +8282,48 @@ const As = /* @__PURE__ */ Y({
         id: a.activity.id,
         name: y
       });
-    }, o = M({
+    }, o = A({
       get() {
         return a.activity.description ?? "";
       },
       set(y) {
         e("update:activity", { id: a.activity.id, description: y });
       }
-    }), i = M({
+    }), i = A({
       get() {
         return a.activity.estimation ?? 0;
       },
       set(y) {
         e("update:activity", { id: a.activity.id, estimation: y });
       }
-    }), l = M({
+    }), l = A({
       get() {
         return a.activity.important ?? !1;
       },
       set(y) {
         e("update:activity", { id: a.activity.id, important: y });
       }
-    }), r = M({
+    }), r = A({
       get() {
         return a.activity.private ?? !1;
       },
       set(y) {
         e("update:activity", { id: a.activity.id, private: y });
       }
-    }), d = M({
+    }), d = A({
       get() {
         return a.activity.deadline;
       },
       set(y) {
         e("update:activity", { id: a.activity.id, deadline: y });
       }
-    }), u = M(() => {
+    }), u = A(() => {
       var y;
       return (y = a.activityTypes) == null ? void 0 : y.map((H) => ({
         label: H.name,
         value: H.id
       }));
-    }), c = M({
+    }), c = A({
       get() {
         var y;
         return (y = a.activity.type) == null ? void 0 : y.id;
@@ -8331,10 +8331,10 @@ const As = /* @__PURE__ */ Y({
       set(y) {
         e("update:activity", { id: a.activity.id, typeId: y });
       }
-    }), p = M(() => a.templateActivities.filter((y) => y.id !== a.activity.id).map((y) => ({
+    }), p = A(() => a.templateActivities.filter((y) => y.id !== a.activity.id).map((y) => ({
       label: y.name,
       value: y.id
-    }))), h = M({
+    }))), h = A({
       get() {
         var y;
         return (y = a.activity.dependingOn) == null ? void 0 : y.map((H) => H.id);
@@ -8345,13 +8345,13 @@ const As = /* @__PURE__ */ Y({
           dependingOn: y
         });
       }
-    }), b = M(() => p.value.map((y) => {
+    }), b = A(() => p.value.map((y) => {
       var H;
       return {
         ...y,
         disabled: (H = a.activity.blocking) == null ? void 0 : H.some((oe) => oe.id === y.value)
       };
-    })), _ = M({
+    })), _ = A({
       get() {
         var y;
         return (y = a.activity.blocking) == null ? void 0 : y.map((H) => H.id);
@@ -8362,7 +8362,7 @@ const As = /* @__PURE__ */ Y({
           blocking: y
         });
       }
-    }), g = M(() => p.value.map((y) => {
+    }), g = A(() => p.value.map((y) => {
       var H;
       return {
         ...y,
@@ -8390,7 +8390,7 @@ const As = /* @__PURE__ */ Y({
     function D() {
       a.userId ? (I.value = a.userId, e("update:activity", { id: a.activity.id, assigneeId: a.userId })) : console.error("Failed assigning to self: userId is missing");
     }
-    const E = M(
+    const E = A(
       () => (a.users ?? []).map((y) => ({
         label: `${y.firstName} ${y.lastName}`,
         value: y.id,
@@ -8406,10 +8406,10 @@ const As = /* @__PURE__ */ Y({
         activityId: a.activity.id,
         file: y
       });
-    }, K = M(() => a.projects.map((y) => ({
+    }, K = A(() => a.projects.map((y) => ({
       value: y.id,
       label: y.name
-    }))), J = M(() => {
+    }))), J = A(() => {
       var H, oe, ne;
       const y = (ne = (oe = (H = a.activity) == null ? void 0 : H.project) == null ? void 0 : oe.phases) == null ? void 0 : ne.reduce(
         (Z, P) => [...Z, ...P.milestones],
@@ -8429,7 +8429,7 @@ const As = /* @__PURE__ */ Y({
         id: a.activity.id,
         milestoneId: y
       });
-    }, G = M(() => {
+    }, G = A(() => {
       var y;
       return (y = a.statuses) == null ? void 0 : y.map((H) => ({
         value: H.id,
@@ -8449,7 +8449,7 @@ const As = /* @__PURE__ */ Y({
       e("updateComment", y);
     }, L = (y) => {
       e("removeComment", y);
-    }, T = M(() => {
+    }, T = A(() => {
       var y, H;
       return ((y = a.activity.createdBy) == null ? void 0 : y.firstName) && ((H = a.activity.createdBy) == null ? void 0 : H.lastName) && `${a.activity.createdBy.firstName} ${a.activity.createdBy.lastName}`;
     });
@@ -8481,7 +8481,7 @@ const As = /* @__PURE__ */ Y({
                   onClick: k
                 }, null, 8, ["label"])) : O("", !0),
                 y.breadcrumbs ? (v(), C("div", Ev, z(y.breadcrumbs), 1)) : O("", !0),
-                A(be, {
+                M(be, {
                   title: y.activity.name || "",
                   level: 4,
                   "is-editable": s.value,
@@ -8490,7 +8490,7 @@ const As = /* @__PURE__ */ Y({
                 f("div", Iv, [
                   K.value ? (v(), C("label", Lv, [
                     f("span", Pv, z(y.$t("activity.project.label")), 1),
-                    A(Se, {
+                    M(Se, {
                       options: K.value,
                       value: (oe = y.activity.project) == null ? void 0 : oe.id,
                       searchable: !0,
@@ -8501,7 +8501,7 @@ const As = /* @__PURE__ */ Y({
                   ])) : O("", !0),
                   J.value ? (v(), C("label", Hv, [
                     f("span", Vv, z(y.$t("activity.milestone.label")), 1),
-                    A(Se, {
+                    M(Se, {
                       options: J.value,
                       value: (ne = y.activity.milestone) == null ? void 0 : ne.id,
                       searchable: !0,
@@ -8516,7 +8516,7 @@ const As = /* @__PURE__ */ Y({
               f("div", Dv, [
                 f("fieldset", Bv, [
                   f("div", jv, [
-                    A(fv, {
+                    M(fv, {
                       attachments: y.activity.attachments,
                       "is-editable": y.attachmentEnabled && s.value && y.isTemplate !== !0 && !!y.userId,
                       onAdd: F,
@@ -8571,14 +8571,14 @@ const As = /* @__PURE__ */ Y({
                 ]),
                 f("fieldset", qv, [
                   f("div", Yv, [
-                    A(pe, { name: "SelectCheckBox" }),
-                    A(be, {
+                    M(pe, { name: "SelectCheckBox" }),
+                    M(be, {
                       level: 4,
                       title: y.$t("activity.tasks.title")
                     }, null, 8, ["title"])
                   ]),
                   f("div", xv, [
-                    A(av, {
+                    M(av, {
                       class: "ao-activity-details__tasks ao-field__row",
                       tasks: y.activity.tasks || [],
                       "activity-id": y.activity.id,
@@ -8594,13 +8594,13 @@ const As = /* @__PURE__ */ Y({
                 ]),
                 y.isTemplate !== !0 && y.userId ? (v(), C("div", Kv, [
                   f("div", Gv, [
-                    A(pe, { name: "ChatOutline" }),
-                    A(be, {
+                    M(pe, { name: "ChatOutline" }),
+                    M(be, {
                       level: 4,
                       title: y.$t("activity.comments.title")
                     }, null, 8, ["title"])
                   ]),
-                  A(Av, {
+                  M(Av, {
                     comments: y.activity.comments,
                     users: y.users,
                     "user-id": y.userId,
@@ -8613,7 +8613,7 @@ const As = /* @__PURE__ */ Y({
             ]),
             f("div", Xv, [
               f("div", Qv, [
-                A(pe, {
+                M(pe, {
                   name: "CloseRounded",
                   onClick: H[2] || (H[2] = (P) => y.$emit("close"))
                 })
@@ -8621,7 +8621,7 @@ const As = /* @__PURE__ */ Y({
               G.value ? (v(), C("div", Jv, [
                 f("label", ef, [
                   f("span", tf, z(y.$t("activity.status.label")), 1),
-                  A(Se, {
+                  M(Se, {
                     class: "ao-activity-details__multiselect",
                     options: G.value,
                     value: (Z = y.activity.status) == null ? void 0 : Z.id,
@@ -8637,7 +8637,7 @@ const As = /* @__PURE__ */ Y({
                 f("div", sf, [
                   f("div", nf, [
                     f("span", of, z(y.$t("activity.assignee.label")), 1),
-                    A(re, {
+                    M(re, {
                       label: y.$t("activity.assignee.toMe"),
                       type: "button",
                       color: "primary",
@@ -8646,7 +8646,7 @@ const As = /* @__PURE__ */ Y({
                       onClick: D
                     }, null, 8, ["label"])
                   ]),
-                  A(Se, {
+                  M(Se, {
                     modelValue: I.value,
                     "onUpdate:modelValue": H[3] || (H[3] = (P) => I.value = P),
                     class: "ao-activity-details__assignees ao-activity-details__multiselect",
@@ -8660,7 +8660,7 @@ const As = /* @__PURE__ */ Y({
                     onChange: H[4] || (H[4] = (P) => e("update:activity", { id: y.activity.id, assigneeId: P ?? null }))
                   }, {
                     singlelabel: N(({ value: P, remove: x }) => [
-                      A(We, {
+                      M(et, {
                         "user-name": P == null ? void 0 : P.label,
                         "avatar-url": P == null ? void 0 : P.avatar,
                         "is-closable": !0,
@@ -8668,28 +8668,22 @@ const As = /* @__PURE__ */ Y({
                       }, null, 8, ["user-name", "avatar-url", "onClose"])
                     ]),
                     option: N(({ option: P }) => [
-                      f("div", lf, [
-                        A(We, {
-                          "user-name": P.label,
-                          "avatar-url": P.avatar
-                        }, null, 8, ["user-name", "avatar-url"]),
-                        f("span", null, z(P.label), 1)
-                      ])
+                      f("span", null, z(P.label), 1)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "options", "disabled", "caret", "placeholder"])
                 ])
               ]),
-              f("div", rf, [
-                y.isTemplate !== !0 && y.userId ? (v(), C("div", uf, [
-                  f("label", cf, [
-                    f("span", df, z(y.$t("activity.deadline.label")), 1),
+              f("div", lf, [
+                y.isTemplate !== !0 && y.userId ? (v(), C("div", rf, [
+                  f("label", uf, [
+                    f("span", cf, z(y.$t("activity.deadline.label")), 1),
                     De(f("input", {
                       "onUpdate:modelValue": H[5] || (H[5] = (P) => d.value = P),
                       readonly: !s.value,
                       class: "ao-field__input",
                       type: "date"
-                    }, null, 8, pf), [
+                    }, null, 8, df), [
                       [
                         Ze,
                         d.value,
@@ -8700,10 +8694,10 @@ const As = /* @__PURE__ */ Y({
                   ])
                 ])) : O("", !0)
               ]),
-              f("div", vf, [
-                u.value ? (v(), C("div", ff, [
-                  f("label", hf, [
-                    A(Se, {
+              f("div", pf, [
+                u.value ? (v(), C("div", vf, [
+                  f("label", ff, [
+                    M(Se, {
                       modelValue: c.value,
                       "onUpdate:modelValue": H[6] || (H[6] = (P) => c.value = P),
                       class: "ao-activity-details__multiselect",
@@ -8718,8 +8712,8 @@ const As = /* @__PURE__ */ Y({
                 ])) : O("", !0),
                 te(y.$slots, "default", { activity: y.activity })
               ]),
-              f("div", mf, [
-                A(As, {
+              f("div", hf, [
+                M(As, {
                   modelValue: l.value,
                   "onUpdate:modelValue": H[7] || (H[7] = (P) => l.value = P),
                   modelModifiers: { lazy: !0 },
@@ -8733,8 +8727,8 @@ const As = /* @__PURE__ */ Y({
                   size: "sm"
                 }, null, 8, ["modelValue", "label", "disabled"])
               ]),
-              y.isTemplate !== !0 && y.activity.createdBy.id === y.userId ? (v(), C("div", gf, [
-                A(As, {
+              y.isTemplate !== !0 && y.activity.createdBy.id === y.userId ? (v(), C("div", mf, [
+                M(As, {
                   modelValue: r.value,
                   "onUpdate:modelValue": H[8] || (H[8] = (P) => r.value = P),
                   modelModifiers: { lazy: !0 },
@@ -8747,19 +8741,19 @@ const As = /* @__PURE__ */ Y({
                   size: "sm"
                 }, null, 8, ["modelValue", "label", "disabled"])
               ])) : O("", !0),
-              f("fieldset", Cf, [
-                f("div", _f, [
-                  A(pe, { name: "FlowsheetOutlineRounded" }),
-                  A(be, {
+              f("fieldset", gf, [
+                f("div", Cf, [
+                  M(pe, { name: "FlowsheetOutlineRounded" }),
+                  M(be, {
                     level: 4,
                     title: y.$t("activity.dependencies.title")
                   }, null, 8, ["title"])
                 ]),
-                f("div", yf, [
-                  f("div", bf, [
-                    f("label", wf, [
-                      f("span", $f, z(y.$t("activity.dependingOn.label")), 1),
-                      A(Se, {
+                f("div", _f, [
+                  f("div", yf, [
+                    f("label", bf, [
+                      f("span", wf, z(y.$t("activity.dependingOn.label")), 1),
+                      M(Se, {
                         modelValue: h.value,
                         "onUpdate:modelValue": H[9] || (H[9] = (P) => h.value = P),
                         class: "ao-activity-details__multiselect",
@@ -8772,10 +8766,10 @@ const As = /* @__PURE__ */ Y({
                       }, null, 8, ["modelValue", "options", "disabled", "caret"])
                     ])
                   ]),
-                  f("div", kf, [
-                    f("label", Sf, [
-                      f("span", Af, z(y.$t("activity.blocking.label")), 1),
-                      A(Se, {
+                  f("div", $f, [
+                    f("label", kf, [
+                      f("span", Sf, z(y.$t("activity.blocking.label")), 1),
+                      M(Se, {
                         modelValue: _.value,
                         "onUpdate:modelValue": H[10] || (H[10] = (P) => _.value = P),
                         class: "ao-activity-details__multiselect",
@@ -8790,9 +8784,9 @@ const As = /* @__PURE__ */ Y({
                   ])
                 ])
               ]),
-              y.isTemplate !== !0 && T.value ? (v(), C("div", Mf, [
-                f("div", Tf, [
-                  A(We, {
+              y.isTemplate !== !0 && T.value ? (v(), C("div", Af, [
+                f("div", Mf, [
+                  M(et, {
                     "user-name": T.value,
                     color: "black"
                   }, null, 8, ["user-name"]),
@@ -8807,7 +8801,7 @@ const As = /* @__PURE__ */ Y({
     }));
   }
 });
-const Of = /* @__PURE__ */ Y({
+const Tf = /* @__PURE__ */ Y({
   __name: "AoRuleLine",
   props: {
     rule: {},
@@ -8820,7 +8814,7 @@ const Of = /* @__PURE__ */ Y({
   setup(t, { emit: e }) {
     const a = t, s = Rt(
       a.rule.itemType || he.ACTIVITIES
-    ), n = M({
+    ), n = A({
       get() {
         return s.value;
       },
@@ -8831,7 +8825,7 @@ const Of = /* @__PURE__ */ Y({
           subItemId: void 0
         });
       }
-    }), o = M(() => Object.values(he)), i = M({
+    }), o = A(() => Object.values(he)), i = A({
       get() {
         return a.rule.subItemId;
       },
@@ -8842,7 +8836,7 @@ const Of = /* @__PURE__ */ Y({
           itemType: a.rule.itemType || n.value
         });
       }
-    }), l = M(() => {
+    }), l = A(() => {
       var w;
       return !a.templateActivities || !a.templateMilestones || !a.templatePhases ? null : (w = {
         [he.ACTIVITIES]: a.templateActivities,
@@ -8852,53 +8846,53 @@ const Of = /* @__PURE__ */ Y({
         value: m.id,
         label: m.name
       }));
-    }), r = Rt(a.rule.comparator), d = M({
+    }), r = Rt(a.rule.comparator), d = A({
       get() {
         return r.value;
       },
       set($) {
         e("update:rule", { ...a.rule, comparator: $ });
       }
-    }), u = M(() => Object.values(Y2)), c = Rt(a.rule.trigger), p = M({
+    }), u = A(() => Object.values(Y2)), c = Rt(a.rule.trigger), p = A({
       get() {
         return c.value;
       },
       set($) {
         e("update:rule", { ...a.rule, trigger: $ });
       }
-    }), h = M(() => Object.values(x2)), b = M({
+    }), h = A(() => Object.values(x2)), b = A({
       get() {
         return a.rule.duration;
       },
       set($) {
         e("update:rule", { ...a.rule, duration: $ });
       }
-    }), _ = M({
+    }), _ = A({
       get() {
         return a.rule.durationUnit;
       },
       set($) {
         e("update:rule", { ...a.rule, durationUnit: $ });
       }
-    }), g = M(() => Object.values(K2));
+    }), g = A(() => Object.values(K2));
     return ($, w) => (v(), V(mt($.tagName), { class: "ao-rule-line" }, {
       default: N(() => [
-        A(Q(ct), {
+        M(Q(ct), {
           modelValue: n.value,
           "onUpdate:modelValue": w[0] || (w[0] = (m) => n.value = m),
           options: o.value
         }, null, 8, ["modelValue", "options"]),
-        A(Q(ct), {
+        M(Q(ct), {
           modelValue: i.value,
           "onUpdate:modelValue": w[1] || (w[1] = (m) => i.value = m),
           options: l.value
         }, null, 8, ["modelValue", "options"]),
-        A(Q(ct), {
+        M(Q(ct), {
           modelValue: p.value,
           "onUpdate:modelValue": w[2] || (w[2] = (m) => p.value = m),
           options: h.value
         }, null, 8, ["modelValue", "options"]),
-        A(Q(ct), {
+        M(Q(ct), {
           modelValue: d.value,
           "onUpdate:modelValue": w[3] || (w[3] = (m) => d.value = m),
           options: u.value
@@ -8915,12 +8909,12 @@ const Of = /* @__PURE__ */ Y({
             { number: !0 }
           ]
         ]),
-        A(Q(ct), {
+        M(Q(ct), {
           modelValue: _.value,
           "onUpdate:modelValue": w[5] || (w[5] = (m) => _.value = m),
           options: g.value
         }, null, 8, ["modelValue", "options"]),
-        A(re, {
+        M(re, {
           class: "ao-rule-line__remove",
           "icon-name": "CloseRounded",
           variant: "ghost",
@@ -8931,7 +8925,7 @@ const Of = /* @__PURE__ */ Y({
     }));
   }
 });
-const Ef = { class: "ao-template-rules__body" }, If = { class: "ao-template-rules__list" }, Lf = /* @__PURE__ */ Y({
+const Of = { class: "ao-template-rules__body" }, Ef = { class: "ao-template-rules__list" }, If = /* @__PURE__ */ Y({
   __name: "AoTemplateRules",
   props: {
     templateId: {},
@@ -8949,15 +8943,15 @@ const Ef = { class: "ao-template-rules__body" }, If = { class: "ao-template-rule
     };
     return (n, o) => (v(), V(Ja, null, {
       header: N(() => [
-        A(be, {
+        M(be, {
           title: n.$t("template.rules.title"),
           level: 2
         }, null, 8, ["title"])
       ]),
       default: N(() => [
-        f("div", Ef, [
-          f("ul", If, [
-            (v(!0), C(fe, null, _e(n.rules, (i) => (v(), V(Of, {
+        f("div", Of, [
+          f("ul", Ef, [
+            (v(!0), C(fe, null, _e(n.rules, (i) => (v(), V(Tf, {
               key: i.id,
               rule: i,
               "template-phases": n.templatePhases,
@@ -8967,7 +8961,7 @@ const Ef = { class: "ao-template-rules__body" }, If = { class: "ao-template-rule
               onClose: () => s(i.id)
             }, null, 8, ["rule", "template-phases", "template-milestones", "template-activities", "onClose"]))), 128))
           ]),
-          A(Ct, {
+          M(Ct, {
             label: n.$t("template.rules.add"),
             "icon-name": "Add",
             onClick: a
@@ -8985,10 +8979,10 @@ function Mt(t, e, a) {
     rank: o.format()
   };
 }
-const Pf = {
+const Lf = {
   key: 0,
   class: "ao-template-details"
-}, Hf = { class: "ao-template-details__body" }, Vf = { class: "ao-template-details__cols" }, Df = { class: "ao-template-details__col" }, Bf = { class: "ao-list__footer" }, jf = { class: "ao-template-details__col" }, Rf = { class: "ao-template-details__col" }, Nf = /* @__PURE__ */ Y({
+}, Pf = { class: "ao-template-details__body" }, Hf = { class: "ao-template-details__cols" }, Vf = { class: "ao-template-details__col" }, Df = { class: "ao-list__footer" }, Bf = { class: "ao-template-details__col" }, jf = { class: "ao-template-details__col" }, Rf = /* @__PURE__ */ Y({
   __name: "AoTemplateDetails",
   props: {
     templateId: {},
@@ -9001,7 +8995,7 @@ const Pf = {
   },
   emits: ["addItem", "removeItem", "updateItem", "addRule", "removeRule", "addFiles", "removeFile"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = yt(), n = M(
+    const a = t, { t: s } = yt(), n = A(
       () => {
         var L;
         return (L = a.templates) == null ? void 0 : L.find((T) => T.id === a.templateId);
@@ -9016,10 +9010,10 @@ const Pf = {
         return (L = n.value) == null ? void 0 : L.phases;
       },
       (L, T) => {
-        o.value && Qe(L, T);
+        o.value && Xe(L, T);
       }
     );
-    const i = M(() => {
+    const i = A(() => {
       var L, T;
       return (T = (L = n == null ? void 0 : n.value) == null ? void 0 : L.phases) == null ? void 0 : T.find((k) => k.id === a.phaseId);
     });
@@ -9029,10 +9023,10 @@ const Pf = {
         return (L = i.value) == null ? void 0 : L.milestones;
       },
       (L, T) => {
-        o.value && Qe(L, T);
+        o.value && Xe(L, T);
       }
     );
-    const l = M(() => {
+    const l = A(() => {
       var L, T;
       return (T = (L = i.value) == null ? void 0 : L.milestones) == null ? void 0 : T.find(
         (k) => k.id === a.milestoneId
@@ -9044,16 +9038,16 @@ const Pf = {
         return (L = l.value) == null ? void 0 : L.activities;
       },
       (L, T) => {
-        o.value && Qe(L, T);
+        o.value && Xe(L, T);
       }
     );
-    const r = M(() => {
+    const r = A(() => {
       var L, T;
       return ((T = (L = n.value) == null ? void 0 : L.phases) == null ? void 0 : T.reduce((k, R) => {
         const y = R.milestones || [];
         return [...k, ...y];
       }, [])) || [];
-    }), d = M(() => {
+    }), d = A(() => {
       var L, T;
       return ((T = (L = n.value) == null ? void 0 : L.phases) == null ? void 0 : T.reduce((k, R) => {
         const H = (R.milestones || []).reduce(
@@ -9062,12 +9056,12 @@ const Pf = {
         );
         return [...k, ...H];
       }, [])) || [];
-    }), u = M(() => {
+    }), u = A(() => {
       var L, T;
       return (T = (L = l.value) == null ? void 0 : L.activities) == null ? void 0 : T.find(
         (k) => k.id === a.activityId
       );
-    }), c = M(() => {
+    }), c = A(() => {
       var L;
       return ((L = n.value) == null ? void 0 : L.name) || a.templateId;
     }), p = () => {
@@ -9230,13 +9224,13 @@ const Pf = {
     };
     return (L, T) => {
       var k, R, y, H, oe, ne;
-      return n.value ? (v(), C("div", Pf, [
-        A(ba, {
+      return n.value ? (v(), C("div", Lf, [
+        M(ba, {
           "can-go-back": !0,
           onGoBack: T[1] || (T[1] = (Z) => L.$router.push({ name: Q(jt).TEMPLATES_LIST }))
         }, {
           primary: N(() => [
-            A(be, {
+            M(be, {
               title: c.value,
               level: 2,
               "is-editable": !0,
@@ -9247,10 +9241,10 @@ const Pf = {
           ]),
           _: 1
         }),
-        f("div", Hf, [
-          f("ol", Vf, [
-            f("li", Df, [
-              A(Q(gt), {
+        f("div", Pf, [
+          f("ol", Hf, [
+            f("li", Vf, [
+              M(Q(gt), {
                 "model-value": n.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -9258,7 +9252,7 @@ const Pf = {
                 onChange: ae
               }, {
                 header: N(() => [
-                  A(be, {
+                  M(be, {
                     title: L.$t("template.phases.title"),
                     level: 3,
                     class: "ao-list__title"
@@ -9267,7 +9261,7 @@ const Pf = {
                 item: N(({ element: Z }) => {
                   var P;
                   return [
-                    A(y5, {
+                    M(y5, {
                       id: Z.id,
                       name: Z.name,
                       milestones: Z.milestones,
@@ -9284,8 +9278,8 @@ const Pf = {
                   ];
                 }),
                 footer: N(() => [
-                  f("div", Bf, [
-                    A(Ct, {
+                  f("div", Df, [
+                    M(Ct, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: L.$t("template.phases.add"),
                       onClick: p
@@ -9295,7 +9289,7 @@ const Pf = {
                 _: 1
               }, 8, ["model-value"])
             ]),
-            f("li", jf, [
+            f("li", Bf, [
               i.value ? (v(), V($5, {
                 key: 0,
                 "template-id": L.templateId,
@@ -9307,7 +9301,7 @@ const Pf = {
                 onRemoveMilestone: w
               }, null, 8, ["template-id", "phase", "milestone-id"])) : O("", !0)
             ]),
-            f("li", Rf, [
+            f("li", jf, [
               i.value && l.value ? (v(), V(A5, {
                 key: 0,
                 "template-id": L.templateId,
@@ -9351,7 +9345,7 @@ const Pf = {
           }, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : O("", !0)
         ])),
         (v(), V(Tt, { to: "body" }, [
-          F.value ? (v(), V(Lf, {
+          F.value ? (v(), V(If, {
             key: 0,
             "template-id": n.value.id,
             rules: n.value.rules || [],
@@ -9367,10 +9361,10 @@ const Pf = {
     };
   }
 });
-const Uf = { class: "ao-card__content" }, Ff = {
+const Nf = { class: "ao-card__content" }, Uf = {
   key: 0,
   class: "ao-card__header"
-}, Zf = { class: "ao-card__body" }, Wf = {
+}, Ff = { class: "ao-card__body" }, Zf = {
   key: 1,
   class: "ao-card__footer"
 }, os = /* @__PURE__ */ Y({
@@ -9390,22 +9384,22 @@ const Uf = { class: "ao-card__content" }, Ff = {
           "ao-card--clickable": e.isClickable
         }
       ]),
-      style: Je(e.isSelected ? { border: "solid", borderColor: e.color || "var(--ao-color-blue-base)", borderWidth: "thick" } : {})
+      style: Qe(e.isSelected ? { border: "solid", borderColor: e.color || "var(--ao-color-blue-base)", borderWidth: "thick" } : {})
     }, {
       default: N(() => [
         e.withLeftBorder ? (v(), C("div", {
           key: 0,
           class: "ao-card__left-border",
-          style: Je({ backgroundColor: e.color })
+          style: Qe({ backgroundColor: e.color })
         }, null, 4)) : O("", !0),
-        f("div", Uf, [
-          e.$slots.header ? (v(), C("header", Ff, [
+        f("div", Nf, [
+          e.$slots.header ? (v(), C("header", Uf, [
             te(e.$slots, "header")
           ])) : O("", !0),
-          f("div", Zf, [
+          f("div", Ff, [
             te(e.$slots, "default")
           ]),
-          e.$slots.footer ? (v(), C("footer", Wf, [
+          e.$slots.footer ? (v(), C("footer", Zf, [
             te(e.$slots, "footer")
           ])) : O("", !0)
         ])
@@ -9422,7 +9416,7 @@ const ls = /* @__PURE__ */ Y({
     color: {}
   },
   setup(t) {
-    const e = t, a = M(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
+    const e = t, a = A(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
     return (s, n) => (v(), C("div", {
       class: X(["ao-progress", s.status ? `ao-progress--${s.status}` : ""]),
       role: "meter"
@@ -9430,7 +9424,7 @@ const ls = /* @__PURE__ */ Y({
       (v(!0), C(fe, null, _e(a.value, (o) => (v(), C("div", {
         key: o,
         class: X(["ao-progress__progress"]),
-        style: Je({
+        style: Qe({
           width: `${o * 100}%`,
           "--ao-progress-color": s.color || "var(--ao-color-primary-base)"
         })
@@ -9445,8 +9439,8 @@ const ls = /* @__PURE__ */ Y({
   */
 function kt(t) {
   let e = { r: 0, g: 0, b: 0, a: 1 };
-  /#/.test(t) ? e = qf(t) : /rgb/.test(t) ? e = In(t) : typeof t == "string" ? e = In(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
-  const { r: a, g: s, b: n, a: o } = e, { h: i, s: l, v: r } = Yf(e);
+  /#/.test(t) ? e = zf(t) : /rgb/.test(t) ? e = In(t) : typeof t == "string" ? e = In(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
+  const { r: a, g: s, b: n, a: o } = e, { h: i, s: l, v: r } = qf(e);
   return { r: a, g: s, b: n, a: o === void 0 ? 1 : o, h: i, s: l, v: r };
 }
 function xs(t) {
@@ -9457,11 +9451,11 @@ function Ms(t, e, a, s, n, o) {
   const i = t === "l", l = e.createLinearGradient(0, 0, i ? a : 0, i ? 0 : s);
   l.addColorStop(0.01, n), l.addColorStop(0.99, o), e.fillStyle = l, e.fillRect(0, 0, a, s);
 }
-function zf({ r: t, g: e, b: a }, s) {
+function Wf({ r: t, g: e, b: a }, s) {
   const n = (i) => ("0" + Number(i).toString(16)).slice(-2), o = `#${n(t)}${n(e)}${n(a)}`;
   return s ? o.toUpperCase() : o;
 }
-function qf(t) {
+function zf(t) {
   t = t.slice(1);
   const e = (a) => parseInt(a, 16) || 0;
   return {
@@ -9478,7 +9472,7 @@ function In(t) {
     a: Number(t[3] ? t[3] : 1)
   }) : t;
 }
-function Yf({ r: t, g: e, b: a }) {
+function qf({ r: t, g: e, b: a }) {
   t = t / 255, e = e / 255, a = a / 255;
   const s = Math.max(t, e, a), n = Math.min(t, e, a), o = s - n;
   let i = 0;
@@ -9545,8 +9539,8 @@ var Ks = Y({
     }
   }
 });
-const xf = { ref: "canvasSaturation" };
-function Kf(t, e, a, s, n, o) {
+const Yf = { ref: "canvasSaturation" };
+function xf(t, e, a, s, n, o) {
   return v(), V(
     "div",
     {
@@ -9554,14 +9548,14 @@ function Kf(t, e, a, s, n, o) {
       onMousedown: e[1] || (e[1] = ve((...i) => t.selectSaturation && t.selectSaturation(...i), ["prevent", "stop"]))
     },
     [
-      A(
+      M(
         "canvas",
-        xf,
+        Yf,
         null,
         512
         /* NEED_PATCH */
       ),
-      A(
+      M(
         "div",
         {
           style: t.slideSaturationStyle,
@@ -9576,7 +9570,7 @@ function Kf(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Ks.render = Kf;
+Ks.render = xf;
 Ks.__file = "src/color/Saturation.vue";
 var Gs = Y({
   props: {
@@ -9631,8 +9625,8 @@ var Gs = Y({
     }
   }
 });
-const Gf = { ref: "canvasHue" };
-function Xf(t, e, a, s, n, o) {
+const Kf = { ref: "canvasHue" };
+function Gf(t, e, a, s, n, o) {
   return v(), V(
     "div",
     {
@@ -9640,14 +9634,14 @@ function Xf(t, e, a, s, n, o) {
       onMousedown: e[1] || (e[1] = ve((...i) => t.selectHue && t.selectHue(...i), ["prevent", "stop"]))
     },
     [
-      A(
+      M(
         "canvas",
-        Gf,
+        Kf,
         null,
         512
         /* NEED_PATCH */
       ),
-      A(
+      M(
         "div",
         {
           style: t.slideHueStyle,
@@ -9662,7 +9656,7 @@ function Xf(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Gs.render = Xf;
+Gs.render = Gf;
 Gs.__file = "src/color/Hue.vue";
 var Xs = Y({
   props: {
@@ -9726,8 +9720,8 @@ var Xs = Y({
     }
   }
 });
-const Qf = { ref: "canvasAlpha" };
-function Jf(t, e, a, s, n, o) {
+const Xf = { ref: "canvasAlpha" };
+function Qf(t, e, a, s, n, o) {
   return v(), V(
     "div",
     {
@@ -9735,14 +9729,14 @@ function Jf(t, e, a, s, n, o) {
       onMousedown: e[1] || (e[1] = ve((...i) => t.selectAlpha && t.selectAlpha(...i), ["prevent", "stop"]))
     },
     [
-      A(
+      M(
         "canvas",
-        Qf,
+        Xf,
         null,
         512
         /* NEED_PATCH */
       ),
-      A(
+      M(
         "div",
         {
           style: t.slideAlphaStyle,
@@ -9757,7 +9751,7 @@ function Jf(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Xs.render = Jf;
+Xs.render = Qf;
 Xs.__file = "src/color/Alpha.vue";
 var Qs = Y({
   props: {
@@ -9794,10 +9788,10 @@ var Qs = Y({
     }
   }
 });
-function eh(t, e, a, s, n, o) {
+function Jf(t, e, a, s, n, o) {
   return v(), V("canvas");
 }
-Qs.render = eh;
+Qs.render = Jf;
 Qs.__file = "src/color/Preview.vue";
 var Js = Y({
   props: {
@@ -9860,37 +9854,37 @@ var Js = Y({
     }
   }
 });
-const th = /* @__PURE__ */ A(
+const eh = /* @__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 */
-), ah = {
+), th = {
   key: 1,
   class: "sucker",
   viewBox: "-16 -16 68 68",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#9099a4"
-}, sh = /* @__PURE__ */ A(
+}, ah = /* @__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",
@@ -9904,7 +9898,7 @@ const th = /* @__PURE__ */ A(
   -1
   /* HOISTED */
 );
-function nh(t, e, a, s, n, o) {
+function sh(t, e, a, s, n, o) {
   return v(), V("div", null, [
     t.isSucking ? O("v-if", !0) : (v(), V(
       "svg",
@@ -9916,17 +9910,17 @@ function nh(t, e, a, s, n, o) {
         onClick: e[1] || (e[1] = (...i) => t.openSucker && t.openSucker(...i))
       },
       [
-        th
+        eh
       ],
       2
       /* CLASS */
     )),
-    t.isSucking ? (v(), V("svg", ah, [
-      sh
+    t.isSucking ? (v(), V("svg", th, [
+      ah
     ])) : O("v-if", !0)
   ]);
 }
-Js.render = nh;
+Js.render = sh;
 Js.__file = "src/color/Sucker.vue";
 var en = Y({
   props: {
@@ -9942,7 +9936,7 @@ var en = Y({
   emits: ["inputColor", "inputFocus", "inputBlur"],
   setup(t, { emit: e }) {
     return {
-      modelColor: M({
+      modelColor: A({
         get() {
           return t.color || "";
         },
@@ -9959,17 +9953,17 @@ var en = Y({
     };
   }
 });
-const ih = { class: "color-type" }, oh = { class: "name" };
-function lh(t, e, a, s, n, o) {
-  return v(), V("div", ih, [
-    A(
+const nh = { class: "color-type" }, ih = { class: "name" };
+function oh(t, e, a, s, n, o) {
+  return v(), V("div", nh, [
+    M(
       "span",
-      oh,
+      ih,
       z(t.name),
       1
       /* TEXT */
     ),
-    De(A(
+    De(M(
       "input",
       {
         "onUpdate:modelValue": e[1] || (e[1] = (i) => t.modelColor = i),
@@ -9985,7 +9979,7 @@ function lh(t, e, a, s, n, o) {
     ])
   ]);
 }
-en.render = lh;
+en.render = oh;
 en.__file = "src/color/Box.vue";
 var tn = Y({
   name: "ColorPicker",
@@ -10027,13 +10021,13 @@ var tn = Y({
     };
   }
 });
-const rh = { class: "colors" }, uh = {
+const lh = { class: "colors" }, rh = {
   key: 0,
   class: "colors history"
 };
-function ch(t, e, a, s, n, o) {
+function uh(t, e, a, s, n, o) {
   return v(), V("div", null, [
-    A("ul", rh, [
+    M("ul", lh, [
       (v(!0), V(
         fe,
         null,
@@ -10042,7 +10036,7 @@ function ch(t, e, a, s, n, o) {
           class: "item",
           onClick: (l) => t.selectColor(i)
         }, [
-          A(
+          M(
             "div",
             {
               style: { background: `url(${t.imgAlphaBase64})` },
@@ -10052,7 +10046,7 @@ function ch(t, e, a, s, n, o) {
             4
             /* STYLE */
           ),
-          A(
+          M(
             "div",
             {
               style: { background: i },
@@ -10067,7 +10061,7 @@ function ch(t, e, a, s, n, o) {
         /* KEYED_FRAGMENT */
       ))
     ]),
-    t.colorsHistory.length ? (v(), V("ul", uh, [
+    t.colorsHistory.length ? (v(), V("ul", rh, [
       (v(!0), V(
         fe,
         null,
@@ -10076,7 +10070,7 @@ function ch(t, e, a, s, n, o) {
           class: "item",
           onClick: (l) => t.selectColor(i)
         }, [
-          A(
+          M(
             "div",
             {
               style: { background: `url(${t.imgAlphaBase64})` },
@@ -10086,7 +10080,7 @@ function ch(t, e, a, s, n, o) {
             4
             /* STYLE */
           ),
-          A(
+          M(
             "div",
             {
               style: { background: i },
@@ -10103,7 +10097,7 @@ function ch(t, e, a, s, n, o) {
     ])) : O("v-if", !0)
   ]);
 }
-tn.render = ch;
+tn.render = uh;
 tn.__file = "src/color/Colors.vue";
 var Ut = Y({
   components: {
@@ -10214,7 +10208,7 @@ var Ut = Y({
       return `rgba(${this.rgbaStringShort})`;
     },
     hexString() {
-      return zf(this.rgba, !0);
+      return Wf(this.rgba, !0);
     }
   },
   created() {
@@ -10278,8 +10272,8 @@ var Ut = Y({
     }
   }
 });
-const dh = { class: "color-set" };
-function ph(t, e, a, s, n, o) {
+const ch = { class: "color-set" };
+function dh(t, e, a, s, n, o) {
   const i = ut("Saturation"), l = ut("Hue"), r = ut("Alpha"), d = ut("Preview"), u = ut("Sucker"), c = ut("Box"), p = ut("Colors");
   return v(), V(
     "div",
@@ -10288,22 +10282,22 @@ function ph(t, e, a, s, n, o) {
       style: { width: t.totalWidth + "px" }
     },
     [
-      A("div", dh, [
-        A(i, {
+      M("div", ch, [
+        M(i, {
           ref: "saturation",
           color: t.rgbString,
           hsv: t.hsv,
           size: t.hueHeight,
           onSelectSaturation: t.selectSaturation
         }, null, 8, ["color", "hsv", "size", "onSelectSaturation"]),
-        A(l, {
+        M(l, {
           ref: "hue",
           hsv: t.hsv,
           width: t.hueWidth,
           height: t.hueHeight,
           onSelectHue: t.selectHue
         }, null, 8, ["hsv", "width", "height", "onSelectHue"]),
-        A(r, {
+        M(r, {
           ref: "alpha",
           color: t.rgbString,
           rgba: t.rgba,
@@ -10312,14 +10306,14 @@ function ph(t, e, a, s, n, o) {
           onSelectAlpha: t.selectAlpha
         }, null, 8, ["color", "rgba", "width", "height", "onSelectAlpha"])
       ]),
-      A(
+      M(
         "div",
         {
           style: { height: t.previewHeight + "px" },
           class: "color-show"
         },
         [
-          A(d, {
+          M(d, {
             color: t.rgbaString,
             width: t.previewWidth,
             height: t.previewHeight
@@ -10335,21 +10329,21 @@ function ph(t, e, a, s, n, o) {
         4
         /* STYLE */
       ),
-      A(c, {
+      M(c, {
         name: "HEX",
         color: t.modelHex,
         onInputColor: t.inputHex,
         onInputFocus: t.handleFocus,
         onInputBlur: t.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      A(c, {
+      M(c, {
         name: "RGBA",
         color: t.modelRgba,
         onInputColor: t.inputRgba,
         onInputFocus: t.handleFocus,
         onInputBlur: t.handleBlur
       }, null, 8, ["color", "onInputColor", "onInputFocus", "onInputBlur"]),
-      A(p, {
+      M(p, {
         color: t.rgbaString,
         "colors-default": t.colorsDefault,
         "colors-history-key": t.colorsHistoryKey,
@@ -10362,12 +10356,12 @@ function ph(t, e, a, s, n, o) {
     /* CLASS, STYLE */
   );
 }
-Ut.render = ph;
+Ut.render = dh;
 Ut.__file = "src/color/ColorPicker.vue";
 Ut.install = (t) => {
   t.component(Ut.name, Ut);
 };
-const vh = { class: "color-picker-wrapper" }, an = /* @__PURE__ */ Y({
+const ph = { class: "color-picker-wrapper" }, an = /* @__PURE__ */ Y({
   __name: "AoColorPicker",
   props: {
     color: {}
@@ -10380,7 +10374,7 @@ const vh = { class: "color-picker-wrapper" }, an = /* @__PURE__ */ Y({
       console.log("pickerHeight = " + g), i.value = m ? b.top - g - 8 : b.bottom + 8, l.value = b.left, setTimeout(() => {
         window.addEventListener("click", u);
       }, 0);
-    }, d = M(() => ({
+    }, d = A(() => ({
       position: "fixed",
       top: `${i.value}px`,
       left: `${l.value}px`,
@@ -10398,7 +10392,7 @@ const vh = { class: "color-picker-wrapper" }, an = /* @__PURE__ */ Y({
       const { r: b, g: _, b: g, a: $ } = h.rgba;
       c.value = `rgba(${b}, ${_}, ${g}, ${$})`;
     };
-    return (h, b) => (v(), C("div", vh, [
+    return (h, b) => (v(), C("div", ph, [
       te(h.$slots, "clickable", {
         openPicker: r,
         bgColor: h.color
@@ -10408,9 +10402,9 @@ const vh = { class: "color-picker-wrapper" }, an = /* @__PURE__ */ Y({
         ref_key: "pickerRef",
         ref: n,
         class: "color-picker",
-        style: Je(d.value)
+        style: Qe(d.value)
       }, [
-        A(Q(Ut), {
+        M(Q(Ut), {
           class: "color-picker-box",
           theme: "light",
           color: h.color,
@@ -10420,16 +10414,16 @@ const vh = { class: "color-picker-wrapper" }, an = /* @__PURE__ */ Y({
     ]));
   }
 });
-const fh = { class: "ao-card-project-phase__header" }, hh = { class: "ao-card-project-item__title-line" }, mh = {
+const vh = { class: "ao-card-project-phase__header" }, fh = { class: "ao-card-project-item__title-line" }, hh = {
   key: 0,
   class: "ao-card-project-item-phase__estimation"
-}, gh = { class: "ao-card-project-phase__footer" }, Ch = {
+}, mh = { class: "ao-card-project-phase__footer" }, gh = {
   key: 0,
   class: "ao-card-project-phase__footer-row ao-card-project-phase__footer-row--progress"
-}, _h = { class: "ao-card-project-phase__subitem" }, yh = { class: "ao-card-project-phase__subitem" }, bh = {
+}, Ch = { class: "ao-card-project-phase__subitem" }, _h = { class: "ao-card-project-phase__subitem" }, yh = {
   key: 0,
   class: "ao-card-project-phase__secondary"
-}, wh = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, $h = /* @__PURE__ */ Y({
+}, bh = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, wh = /* @__PURE__ */ Y({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -10445,7 +10439,7 @@ const fh = { class: "ao-card-project-phase__header" }, hh = { class: "ao-card-pr
   setup(t, { emit: e }) {
     const a = t, s = (c) => {
       e("update:title", c);
-    }, n = M(() => {
+    }, n = A(() => {
       var c;
       return (c = a.milestones) == null ? void 0 : c.reduce(
         (p, h) => {
@@ -10454,16 +10448,16 @@ const fh = { class: "ao-card-project-phase__header" }, hh = { class: "ao-card-pr
         },
         0
       );
-    }), o = M(() => {
+    }), o = A(() => {
       var c;
       return (c = a.milestones) == null ? void 0 : c.length;
-    }), i = M(() => {
+    }), i = A(() => {
       var c;
       return (c = a.milestones) == null ? void 0 : c.filter((p) => p.status === Ba.done).length;
-    }), l = M(() => (i.value || 0) / (o.value || 1)), r = M({
+    }), l = A(() => (i.value || 0) / (o.value || 1)), r = A({
       get: () => a.deadline ?? "",
       set: (c) => e("update:deadline", c != null && c.length ? c : null)
-    }), d = M({
+    }), d = A({
       get: () => a.color,
       set: (c) => {
         e("updatePhase", {
@@ -10480,7 +10474,7 @@ const fh = { class: "ao-card-project-phase__header" }, hh = { class: "ao-card-pr
       "onUpdate:color": p[2] || (p[2] = (h) => d.value = h)
     }, {
       clickable: N(({ openPicker: h, bgColor: b }) => [
-        A(os, {
+        M(os, {
           class: "ao-card-project-phase",
           "is-clickable": c.isEditable,
           color: b,
@@ -10488,8 +10482,8 @@ const fh = { class: "ao-card-project-phase__header" }, hh = { class: "ao-card-pr
           onClick: (_) => u(_, h)
         }, fa({
           default: N(() => [
-            f("div", hh, [
-              A(be, {
+            f("div", fh, [
+              M(be, {
                 id: c.id,
                 class: "ao-card-project-phase__title",
                 title: c.name || "",
@@ -10497,25 +10491,25 @@ const fh = { class: "ao-card-project-phase__header" }, hh = { class: "ao-card-pr
                 "is-editable": c.isEditable,
                 "onUpdate:title": s
               }, null, 8, ["id", "title", "is-editable"]),
-              n.value ? (v(), C("span", mh, " (" + z(n.value) + ")", 1)) : O("", !0)
+              n.value ? (v(), C("span", hh, " (" + z(n.value) + ")", 1)) : O("", !0)
             ])
           ]),
           footer: N(() => [
-            f("div", gh, [
-              o.value ? (v(), C("div", Ch, [
-                f("div", _h, [
-                  A(pe, {
+            f("div", mh, [
+              o.value ? (v(), C("div", gh, [
+                f("div", Ch, [
+                  M(pe, {
                     name: "MountainFlagOutlineRounded",
                     size: "sm"
                   }),
-                  f("span", yh, z(i.value) + " / " + z(o.value), 1)
+                  f("span", _h, z(i.value) + " / " + z(o.value), 1)
                 ]),
-                A(ls, {
+                M(ls, {
                   percentages: l.value,
                   class: "ao-card-project-phase__progress",
                   color: c.color
                 }, null, 8, ["percentages", "color"]),
-                c.$slots.secondary ? (v(), C("div", bh, [
+                c.$slots.secondary ? (v(), C("div", yh, [
                   te(c.$slots, "secondary")
                 ])) : O("", !0)
               ])) : O("", !0),
@@ -10535,7 +10529,7 @@ const fh = { class: "ao-card-project-phase__header" }, hh = { class: "ao-card-pr
                     { lazy: !0 }
                   ]
                 ]) : O("", !0),
-                f("span", wh, z(Q(Qa)(c.deadline)), 1)
+                f("span", bh, z(Q(Qa)(c.deadline)), 1)
               ], 2)
             ])
           ]),
@@ -10544,8 +10538,8 @@ const fh = { class: "ao-card-project-phase__header" }, hh = { class: "ao-card-pr
           c.isEditable ? {
             name: "header",
             fn: N(() => [
-              f("div", fh, [
-                A(re, {
+              f("div", vh, [
+                M(re, {
                   class: "ao-card-project-phase__archive",
                   color: "primary",
                   variant: "ghost",
@@ -10569,7 +10563,7 @@ const fh = { class: "ao-card-project-phase__header" }, hh = { class: "ao-card-pr
     }, 8, ["color"]));
   }
 });
-const kh = /* @__PURE__ */ Y({
+const $h = /* @__PURE__ */ Y({
   __name: "AoBadge",
   props: {
     color: {}
@@ -10577,26 +10571,26 @@ const kh = /* @__PURE__ */ Y({
   setup(t) {
     return (e, a) => (v(), C("span", {
       class: "aoBadge",
-      style: Je({ backgroundColor: e.color })
+      style: Qe({ backgroundColor: e.color })
     }, null, 4));
   }
 });
-const Sh = { class: "ao-card-project-milestone__default" }, Ah = { class: "ao-title-with-badge-wrapper" }, Mh = { class: "ao-card-project-item__title-line" }, Th = {
+const kh = { class: "ao-card-project-milestone__default" }, Sh = { class: "ao-title-with-badge-wrapper" }, Ah = { class: "ao-card-project-item__title-line" }, Mh = {
   key: 0,
   class: "ao-card-project-item-milestone__estimation"
-}, Oh = {
+}, Th = {
   key: 0,
   class: "ao-card-project-milestone__archive"
-}, Eh = { class: "ao-card-project-milestone__activities" }, Ih = { class: "ao-card-project-milestone__activities-row" }, Lh = { class: "ao-card-project-milestone__subitem" }, Ph = { class: "ao-card-project-milestone__subitem" }, Hh = {
+}, Oh = { class: "ao-card-project-milestone__activities" }, Eh = { class: "ao-card-project-milestone__activities-row" }, Ih = { class: "ao-card-project-milestone__subitem" }, Lh = { class: "ao-card-project-milestone__subitem" }, Ph = {
   key: 1,
   class: "ao-card-project-milestone__secondary"
-}, Vh = { class: "ao-card-project-milestone__footer" }, Dh = {
+}, Hh = { class: "ao-card-project-milestone__footer" }, Vh = {
   key: 1,
   class: "ao-field ao-card-project-milestone__deadline"
-}, Bh = { class: "ao-field__label" }, jh = {
+}, Dh = { class: "ao-field__label" }, Bh = {
   key: 2,
   class: "ao-card-project-milestone__assignee"
-}, Rh = /* @__PURE__ */ Y({
+}, jh = /* @__PURE__ */ Y({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -10615,18 +10609,18 @@ const Sh = { class: "ao-card-project-milestone__default" }, Ah = { class: "ao-ti
   },
   emits: ["updateMilestone", "archiveMilestone", "unarchiveMilestone"],
   setup(t, { emit: e }) {
-    const a = t, s = M(() => {
+    const a = t, s = A(() => {
       var r;
       return (r = a.activities) == null ? void 0 : r.reduce((d, u) => d + (u.estimation || 0), 0);
-    }), n = M(() => {
+    }), n = A(() => {
       var r;
       return (r = a.activities) == null ? void 0 : r.length;
-    }), o = M(() => {
+    }), o = A(() => {
       var r;
       return (r = a.activities) == null ? void 0 : r.filter(
         (d) => Hs(d, a.closedStatus)
       ).length;
-    }), i = M(() => (o.value || 0) / (n.value || 1)), l = (r) => {
+    }), i = A(() => (o.value || 0) / (n.value || 1)), l = (r) => {
       e("updateMilestone", { id: a.id, name: r });
     };
     return (r, d) => (v(), V(os, {
@@ -10639,13 +10633,13 @@ const Sh = { class: "ao-card-project-milestone__default" }, Ah = { class: "ao-ti
       color: r.phaseColor
     }, {
       default: N(() => [
-        f("div", Sh, [
-          f("div", Ah, [
-            A(kh, {
+        f("div", kh, [
+          f("div", Sh, [
+            M($h, {
               color: r.color || ""
             }, null, 8, ["color"]),
-            f("div", Mh, [
-              A(be, {
+            f("div", Ah, [
+              M(be, {
                 id: r.id,
                 title: r.name || "",
                 level: 5,
@@ -10653,11 +10647,11 @@ const Sh = { class: "ao-card-project-milestone__default" }, Ah = { class: "ao-ti
                 class: "ao-card-project-milestone__title",
                 "onUpdate:title": l
               }, null, 8, ["id", "title", "is-editable"]),
-              s.value ? (v(), C("span", Th, " (" + z(s.value) + ")", 1)) : O("", !0)
+              s.value ? (v(), C("span", Mh, " (" + z(s.value) + ")", 1)) : O("", !0)
             ])
           ]),
-          !r.readonly && r.isEditable ? (v(), C("div", Oh, [
-            A(re, {
+          !r.readonly && r.isEditable ? (v(), C("div", Th, [
+            M(re, {
               color: "primary",
               variant: "ghost",
               "icon-name": "ArchiveOutlineRounded",
@@ -10672,30 +10666,30 @@ const Sh = { class: "ao-card-project-milestone__default" }, Ah = { class: "ao-ti
             }, null, 8, ["label"])
           ])) : O("", !0)
         ]),
-        f("div", Eh, [
-          f("div", Ih, [
+        f("div", Oh, [
+          f("div", Eh, [
             n.value ? (v(), C(fe, { key: 0 }, [
-              f("div", Lh, [
-                A(pe, {
+              f("div", Ih, [
+                M(pe, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                f("span", Ph, z(o.value) + " / " + z(n.value), 1)
+                f("span", Lh, z(o.value) + " / " + z(n.value), 1)
               ]),
-              A(ls, {
+              M(ls, {
                 percentages: i.value,
                 color: r.phaseColor,
                 class: "ao-card-project-milestone__progress"
               }, null, 8, ["percentages", "color"])
             ], 64)) : O("", !0),
-            r.$slots.secondary ? (v(), C("div", Hh, [
+            r.$slots.secondary ? (v(), C("div", Ph, [
               te(r.$slots, "secondary")
             ])) : O("", !0)
           ])
         ])
       ]),
       footer: N(() => [
-        f("div", Vh, [
+        f("div", Hh, [
           r.important ? (v(), V(pe, {
             key: 0,
             name: "FlagRounded",
@@ -10704,11 +10698,11 @@ const Sh = { class: "ao-card-project-milestone__default" }, Ah = { class: "ao-ti
             ),
             size: "sm"
           }, null, 8, ["class"])) : O("", !0),
-          r.deadline ? (v(), C("label", Dh, [
-            f("span", Bh, z(Q(Qa)(r.deadline)), 1)
+          r.deadline ? (v(), C("label", Vh, [
+            f("span", Dh, z(Q(Qa)(r.deadline)), 1)
           ])) : O("", !0),
-          r.assignee ? (v(), C("div", jh, [
-            A(We, {
+          r.assignee ? (v(), C("div", Bh, [
+            M(et, {
               "user-name": Q(Gn)(r.assignee),
               "avatar-url": r.assignee.avatarUrl,
               color: r.isSelected ? "black" : "primary",
@@ -10721,16 +10715,16 @@ const Sh = { class: "ao-card-project-milestone__default" }, Ah = { class: "ao-ti
     }, 8, ["is-clickable", "is-selected", "color"]));
   }
 });
-const Nh = { class: "ao-mapping-card-project-phase__header" }, Uh = { class: "ao-card-project-item__title-line" }, Fh = {
+const Rh = { class: "ao-mapping-card-project-phase__header" }, Nh = { class: "ao-card-project-item__title-line" }, Uh = {
   key: 0,
   class: "ao-card-project-item-phase__estimation"
-}, Zh = { class: "ao-mapping-card-project-phase__footer" }, Wh = {
+}, Fh = { class: "ao-mapping-card-project-phase__footer" }, Zh = {
   key: 0,
   class: "ao-mapping-card-project-phase__footer-row ao-mapping-card-project-phase__footer-row--progress"
-}, zh = { class: "ao-mapping-card-project-phase__subitem" }, qh = { class: "ao-mapping-card-project-phase__subitem" }, Yh = {
+}, Wh = { class: "ao-mapping-card-project-phase__subitem" }, zh = { class: "ao-mapping-card-project-phase__subitem" }, qh = {
   key: 0,
   class: "ao-mapping-card-project-phase__secondary"
-}, xh = { class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--readonly" }, Kh = /* @__PURE__ */ Y({
+}, Yh = { class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--readonly" }, xh = /* @__PURE__ */ Y({
   __name: "AoCondensedCardProjectItemPhase",
   props: {
     id: {},
@@ -10746,7 +10740,7 @@ const Nh = { class: "ao-mapping-card-project-phase__header" }, Uh = { class: "ao
   setup(t, { emit: e }) {
     const a = t, s = (c) => {
       e("update:title", c);
-    }, n = M(() => {
+    }, n = A(() => {
       var c;
       return (c = a.milestones) == null ? void 0 : c.reduce(
         (p, h) => {
@@ -10755,16 +10749,16 @@ const Nh = { class: "ao-mapping-card-project-phase__header" }, Uh = { class: "ao
         },
         0
       );
-    }), o = M(() => {
+    }), o = A(() => {
       var c;
       return (c = a.milestones) == null ? void 0 : c.length;
-    }), i = M(() => {
+    }), i = A(() => {
       var c;
       return (c = a.milestones) == null ? void 0 : c.filter((p) => p.status === Ba.done).length;
-    }), l = M(() => (i.value || 0) / (o.value || 1)), r = M({
+    }), l = A(() => (i.value || 0) / (o.value || 1)), r = A({
       get: () => a.deadline ?? "",
       set: (c) => e("update:deadline", c != null && c.length ? c : null)
-    }), d = M({
+    }), d = A({
       get: () => a.color,
       set: (c) => {
         e("updatePhase", {
@@ -10781,7 +10775,7 @@ const Nh = { class: "ao-mapping-card-project-phase__header" }, Uh = { class: "ao
       "onUpdate:color": p[2] || (p[2] = (h) => d.value = h)
     }, {
       clickable: N(({ openPicker: h, bgColor: b }) => [
-        A(os, {
+        M(os, {
           class: "ao-mapping-card-project-phase",
           "is-clickable": c.isEditable,
           color: b,
@@ -10789,8 +10783,8 @@ const Nh = { class: "ao-mapping-card-project-phase__header" }, Uh = { class: "ao
           onClick: (_) => u(_, h)
         }, fa({
           default: N(() => [
-            f("div", Uh, [
-              A(be, {
+            f("div", Nh, [
+              M(be, {
                 id: c.id,
                 class: "ao-mapping-card-project-phase__title",
                 title: c.name || "",
@@ -10798,25 +10792,25 @@ const Nh = { class: "ao-mapping-card-project-phase__header" }, Uh = { class: "ao
                 "is-editable": c.isEditable,
                 "onUpdate:title": s
               }, null, 8, ["id", "title", "is-editable"]),
-              n.value ? (v(), C("span", Fh, " (" + z(n.value) + ")", 1)) : O("", !0)
+              n.value ? (v(), C("span", Uh, " (" + z(n.value) + ")", 1)) : O("", !0)
             ])
           ]),
           footer: N(() => [
-            f("div", Zh, [
-              o.value ? (v(), C("div", Wh, [
-                f("div", zh, [
-                  A(pe, {
+            f("div", Fh, [
+              o.value ? (v(), C("div", Zh, [
+                f("div", Wh, [
+                  M(pe, {
                     name: "MountainFlagOutlineRounded",
                     size: "sm"
                   }),
-                  f("span", qh, z(i.value) + " / " + z(o.value), 1)
+                  f("span", zh, z(i.value) + " / " + z(o.value), 1)
                 ]),
-                A(ls, {
+                M(ls, {
                   percentages: l.value,
                   class: "ao-mapping-card-project-phase__progress",
                   color: d.value
                 }, null, 8, ["percentages", "color"]),
-                c.$slots.secondary ? (v(), C("div", Yh, [
+                c.$slots.secondary ? (v(), C("div", qh, [
                   te(c.$slots, "secondary")
                 ])) : O("", !0)
               ])) : O("", !0),
@@ -10836,7 +10830,7 @@ const Nh = { class: "ao-mapping-card-project-phase__header" }, Uh = { class: "ao
                     { lazy: !0 }
                   ]
                 ]) : O("", !0),
-                f("span", xh, z(Q(Qa)(c.deadline)), 1)
+                f("span", Yh, z(Q(Qa)(c.deadline)), 1)
               ], 2)
             ])
           ]),
@@ -10845,8 +10839,8 @@ const Nh = { class: "ao-mapping-card-project-phase__header" }, Uh = { class: "ao
           c.isEditable ? {
             name: "header",
             fn: N(() => [
-              f("div", Nh, [
-                A(re, {
+              f("div", Rh, [
+                M(re, {
                   class: "ao-mapping-card-project-phase__archive",
                   color: "primary",
                   variant: "ghost",
@@ -10870,19 +10864,19 @@ const Nh = { class: "ao-mapping-card-project-phase__header" }, Uh = { class: "ao
     }, 8, ["color"]));
   }
 });
-const Gh = { class: "ao-project-phase" }, Xh = {
+const Kh = { class: "ao-project-phase" }, Gh = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, Qh = {
+}, Xh = {
   key: 1,
   class: "ao-project-phase__col-phase"
-}, Jh = {
+}, Qh = {
   key: 2,
   class: "ao-mapping-project-phase__col-phase"
-}, e9 = {
+}, Jh = {
   key: 0,
   class: "ao-project-phase__col-milestones"
-}, t9 = { class: "ao-project-phase__milestones-list-footer" }, a9 = /* @__PURE__ */ Y({
+}, e9 = { class: "ao-project-phase__milestones-list-footer" }, t9 = /* @__PURE__ */ Y({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -10897,7 +10891,7 @@ const Gh = { class: "ao-project-phase" }, Xh = {
     ce(
       () => a.phase.milestones,
       (w, m) => {
-        Qe(w, m);
+        Xe(w, m);
       }
     );
     const n = (w) => {
@@ -10906,7 +10900,7 @@ const Gh = { class: "ao-project-phase" }, Xh = {
       e("updatePhase", { id: a.phase.id, deadline: w });
     }, i = (w) => {
       e("updatePhase", w);
-    }, l = M(
+    }, l = A(
       () => a.phase.milestones.map(
         (w) => j3(w, a.closedStatus)
       )
@@ -10936,23 +10930,23 @@ const Gh = { class: "ao-project-phase" }, Xh = {
         id: w.moved.element.id,
         rank: Ft(l.value, w.moved.newIndex)
       });
-    }, _ = qi(), g = M(() => _.path.includes("/mapping")), $ = M(() => {
+    }, _ = qi(), g = A(() => _.path.includes("/mapping")), $ = A(() => {
       var w;
       return a.phase.id !== ((w = _.params) == null ? void 0 : w.phaseId) ? { backgroundColor: "var(--ao-color-sheet)" } : a.phase.color ? { backgroundColor: N3(a.phase.color) } : { backgroundColor: "var(--ao-color-primary-lightest)" };
     });
-    return (w, m) => (v(), C("li", Gh, [
+    return (w, m) => (v(), C("li", Kh, [
       f("div", {
         class: "ao-project-phases__draggable-card",
-        style: Je($.value)
+        style: Qe($.value)
       }, [
-        w.isEditable ? (v(), C("div", Xh, [
-          A(pe, {
+        w.isEditable ? (v(), C("div", Gh, [
+          M(pe, {
             name: "DragIndicator",
             class: "ao-project-phase__drag-handle"
           })
         ])) : O("", !0),
-        g.value ? (v(), C("div", Jh, [
-          A(Kh, {
+        g.value ? (v(), C("div", Qh, [
+          M(xh, {
             id: w.phase.id,
             milestones: l.value,
             name: w.phase.name,
@@ -10966,8 +10960,8 @@ const Gh = { class: "ao-project-phase" }, Xh = {
             onUnarchivePhase: h,
             onUpdatePhase: i
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color"])
-        ])) : (v(), C("div", Qh, [
-          A($h, {
+        ])) : (v(), C("div", Xh, [
+          M(wh, {
             id: w.phase.id,
             milestones: l.value,
             name: w.phase.name,
@@ -10983,12 +10977,12 @@ const Gh = { class: "ao-project-phase" }, Xh = {
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color"])
         ]))
       ], 4),
-      g.value ? O("", !0) : (v(), C("div", e9, [
+      g.value ? O("", !0) : (v(), C("div", Jh, [
         f("div", {
           class: "ao-project-phase__milestones",
-          style: Je($.value)
+          style: Qe($.value)
         }, [
-          A(Q(gt), Ae({
+          M(Q(gt), Ae({
             class: "ao-project-phase__milestones-list",
             list: l.value,
             disabled: w.readonly || !w.isEditable,
@@ -10998,7 +10992,7 @@ const Gh = { class: "ao-project-phase" }, Xh = {
             item: N(({ element: I }) => {
               var D;
               return [
-                A(Rh, {
+                M(jh, {
                   id: I.id,
                   name: I.name,
                   color: I.color,
@@ -11026,7 +11020,7 @@ const Gh = { class: "ao-project-phase" }, Xh = {
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          f("div", t9, [
+          f("div", e9, [
             w.isEditable ? (v(), V(Ct, {
               key: 0,
               label: w.$t("project.milestone.add"),
@@ -11040,10 +11034,10 @@ const Gh = { class: "ao-project-phase" }, Xh = {
     ]));
   }
 });
-const s9 = { class: "ao-project__phases" }, n9 = {
+const a9 = { class: "ao-project__phases" }, s9 = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, i9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__empty_drag" }, null, -1), o9 = { class: "ao-project-phase__col-phase" }, l9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__col-milestones" }, null, -1), fi = /* @__PURE__ */ Y({
+}, n9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__empty_drag" }, null, -1), i9 = { class: "ao-project-phase__col-phase" }, o9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__col-milestones" }, null, -1), fi = /* @__PURE__ */ Y({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -11056,7 +11050,7 @@ const s9 = { class: "ao-project__phases" }, n9 = {
   setup(t, { emit: e }) {
     const a = t;
     ce(() => a.phases, (p, h) => {
-      Qe(p, h);
+      Xe(p, h);
     });
     const s = (p) => {
       e("addMilestone", p);
@@ -11083,8 +11077,8 @@ const s9 = { class: "ao-project__phases" }, n9 = {
     }, c = (p) => {
       e("addPhase", p);
     };
-    return (p, h) => (v(), C("div", s9, [
-      A(Q(gt), {
+    return (p, h) => (v(), C("div", a9, [
+      M(Q(gt), {
         class: "ao-project-phase__phases-list",
         "model-value": p.phases,
         "item-key": "id",
@@ -11092,7 +11086,7 @@ const s9 = { class: "ao-project__phases" }, n9 = {
         onChange: d
       }, {
         item: N(({ element: b }) => [
-          A(a9, {
+          M(t9, {
             phase: b,
             "is-editable": !p.readonly && p.isEditable,
             "closed-status": p.closedStatus,
@@ -11109,22 +11103,22 @@ const s9 = { class: "ao-project__phases" }, n9 = {
         ]),
         _: 1
       }, 8, ["model-value"]),
-      p.isEditable ? (v(), C("div", n9, [
-        i9,
-        f("div", o9, [
-          A(Ct, {
+      p.isEditable ? (v(), C("div", s9, [
+        n9,
+        f("div", i9, [
+          M(Ct, {
             label: p.$t("project.phases.add"),
             "icon-name": "Add",
             class: "ao-project-phase__add-phase",
             onClick: c
           }, null, 8, ["label"])
         ]),
-        l9
+        o9
       ])) : O("", !0)
     ]));
   }
 });
-const r9 = ["onSubmit"], u9 = { class: "ao-add-template-modal__form-body" }, c9 = { class: "field__row" }, d9 = { class: "ao-add-template-modal__form-footer" }, hi = /* @__PURE__ */ Y({
+const l9 = ["onSubmit"], r9 = { class: "ao-add-template-modal__form-body" }, u9 = { class: "field__row" }, c9 = { class: "ao-add-template-modal__form-footer" }, hi = /* @__PURE__ */ Y({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -11132,7 +11126,7 @@ const r9 = ["onSubmit"], u9 = { class: "ao-add-template-modal__form-body" }, c9
   },
   emits: ["apply"],
   setup(t, { emit: e }) {
-    const a = t, s = M(() => a.templates.map((l) => ({
+    const a = t, s = A(() => a.templates.map((l) => ({
       value: l.id,
       label: l.name
     }))), n = q(null), o = (l) => {
@@ -11142,7 +11136,7 @@ const r9 = ["onSubmit"], u9 = { class: "ao-add-template-modal__form-body" }, c9
     };
     return (l, r) => (v(), V(Ja, { size: "sm" }, {
       header: N(() => [
-        A(be, {
+        M(be, {
           title: l.$t("project.template.apply.title"),
           level: 3
         }, null, 8, ["title"])
@@ -11153,9 +11147,9 @@ const r9 = ["onSubmit"], u9 = { class: "ao-add-template-modal__form-body" }, c9
           onSubmit: ve(i, ["prevent"])
         }, [
           f("p", null, z(l.$t("project.template.apply.notice")), 1),
-          f("div", u9, [
-            f("div", c9, [
-              A(Se, {
+          f("div", r9, [
+            f("div", u9, [
+              M(Se, {
                 value: n.value,
                 options: s.value,
                 detached: !0,
@@ -11163,8 +11157,8 @@ const r9 = ["onSubmit"], u9 = { class: "ao-add-template-modal__form-body" }, c9
               }, null, 8, ["value", "options"])
             ])
           ]),
-          f("footer", d9, [
-            A(re, {
+          f("footer", c9, [
+            M(re, {
               label: l.$t("project.template.apply.label"),
               type: "submit",
               color: "primary",
@@ -11172,13 +11166,13 @@ const r9 = ["onSubmit"], u9 = { class: "ao-add-template-modal__form-body" }, c9
               onClick: i
             }, null, 8, ["label"])
           ])
-        ], 40, r9)
+        ], 40, l9)
       ]),
       _: 1
     }));
   }
 });
-const p9 = ["onSubmit"], v9 = { class: "ao-save-template-modal__form-body" }, f9 = { class: "field__row" }, h9 = { class: "ao-field ao-field--inline" }, m9 = { class: "ao-field__label" }, g9 = { class: "ao-save-template-modal__phases" }, C9 = { class: "ao-field__label" }, _9 = { class: "ao-save-template-modal__phases-list" }, y9 = ["value"], b9 = { class: "ao-save-template-modal__form-footer" }, mi = /* @__PURE__ */ Y({
+const d9 = ["onSubmit"], p9 = { class: "ao-save-template-modal__form-body" }, v9 = { class: "field__row" }, f9 = { class: "ao-field ao-field--inline" }, h9 = { class: "ao-field__label" }, m9 = { class: "ao-save-template-modal__phases" }, g9 = { class: "ao-field__label" }, C9 = { class: "ao-save-template-modal__phases-list" }, _9 = ["value"], y9 = { class: "ao-save-template-modal__form-footer" }, mi = /* @__PURE__ */ Y({
   __name: "AoSaveTemplateModal",
   props: {
     phases: {}
@@ -11194,7 +11188,7 @@ const p9 = ["onSubmit"], v9 = { class: "ao-save-template-modal__form-body" }, f9
     };
     return (i, l) => (v(), V(Ja, { size: "sm" }, {
       header: N(() => [
-        A(be, {
+        M(be, {
           title: i.$t("project.template.save.title"),
           level: 3
         }, null, 8, ["title"])
@@ -11204,10 +11198,10 @@ const p9 = ["onSubmit"], v9 = { class: "ao-save-template-modal__form-body" }, f9
           class: "ao-save-template-modal__form",
           onSubmit: ve(o, ["prevent"])
         }, [
-          f("div", v9, [
-            f("div", f9, [
-              f("label", h9, [
-                f("span", m9, z(i.$t("project.template.name.label")) + ": ", 1),
+          f("div", p9, [
+            f("div", v9, [
+              f("label", f9, [
+                f("span", h9, z(i.$t("project.template.name.label")) + ": ", 1),
                 De(f("input", {
                   "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
                   type: "text"
@@ -11216,9 +11210,9 @@ const p9 = ["onSubmit"], v9 = { class: "ao-save-template-modal__form-body" }, f9
                 ])
               ])
             ]),
-            f("div", g9, [
-              f("div", C9, z(i.$t("project.template.phases.label")), 1),
-              f("div", _9, [
+            f("div", m9, [
+              f("div", g9, z(i.$t("project.template.phases.label")), 1),
+              f("div", C9, [
                 (v(!0), C(fe, null, _e(a.phases, (r) => (v(), C("label", {
                   class: "ao-field ao-field--checkbox",
                   key: r.id
@@ -11227,7 +11221,7 @@ const p9 = ["onSubmit"], v9 = { class: "ao-save-template-modal__form-body" }, f9
                     type: "checkbox",
                     value: r.id,
                     "onUpdate:modelValue": l[1] || (l[1] = (d) => n.value = d)
-                  }, null, 8, y9), [
+                  }, null, 8, _9), [
                     [Ui, n.value]
                   ]),
                   f("span", null, z(r.name), 1)
@@ -11235,8 +11229,8 @@ const p9 = ["onSubmit"], v9 = { class: "ao-save-template-modal__form-body" }, f9
               ])
             ])
           ]),
-          f("footer", b9, [
-            A(re, {
+          f("footer", y9, [
+            M(re, {
               label: i.$t("project.template.save.label"),
               type: "submit",
               color: "primary",
@@ -11244,13 +11238,13 @@ const p9 = ["onSubmit"], v9 = { class: "ao-save-template-modal__form-body" }, f9
               onClick: o
             }, null, 8, ["label"])
           ])
-        ], 40, p9)
+        ], 40, d9)
       ]),
       _: 1
     }));
   }
 });
-const w9 = Y({
+const b9 = Y({
   props: {
     modelValue: {
       type: [String, Number],
@@ -11268,18 +11262,18 @@ const w9 = Y({
     }
   }
 });
-const $9 = { class: "tabbar-wrapper" }, k9 = ["onClick"];
-function S9(t, e, a, s, n, o) {
-  return v(), C("div", $9, [
+const w9 = { class: "tabbar-wrapper" }, $9 = ["onClick"];
+function k9(t, e, a, s, n, o) {
+  return v(), C("div", w9, [
     (v(!0), C(fe, null, _e(t.tabs, (i) => (v(), C("button", {
       key: i.value,
       class: X(["tab-button", { "tab-button--active": i.value === t.modelValue }]),
       type: "button",
       onClick: (l) => t.selectTab(i.value)
-    }, z(i.label), 11, k9))), 128))
+    }, z(i.label), 11, $9))), 128))
   ]);
 }
-const sn = /* @__PURE__ */ U(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297"]]), A9 = { class: "ao-project" }, M9 = { class: "ao-project__body" }, T9 = /* @__PURE__ */ Y({
+const sn = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297"]]), S9 = { class: "ao-project" }, A9 = { class: "ao-project__body" }, M9 = /* @__PURE__ */ Y({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -11297,7 +11291,7 @@ const sn = /* @__PURE__ */ U(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
   },
   emits: ["addPhase", "updatePhase", "archivePhase", "unarchivePhase", "addMilestone", "updateMilestone", "archiveMilestone", "unarchiveMilestone", "addActivity", "update:activity", "archiveActivity", "copyPhaseToTemplate", "unarchiveActivity", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment", "applyTemplate", "saveTemplate", "update:showsArchived"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = yt(), n = M(
+    const a = t, { t: s } = yt(), n = A(
       () => a.phases.flatMap((T) => T.milestones)
     ), o = () => {
       const { name: T, rank: k } = Mt(a.phases, "phase", s);
@@ -11332,7 +11326,7 @@ const sn = /* @__PURE__ */ U(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
       e("updateSubtask", T);
     }, I = (T) => {
       e("deleteSubtask", T);
-    }, D = M(
+    }, D = A(
       () => n.value.flatMap((T) => T.activities)
     ), E = (T) => {
       e("addFiles", T);
@@ -11361,15 +11355,15 @@ const sn = /* @__PURE__ */ U(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
       const R = ut("RouterView");
       return v(), C(fe, null, [
         f("div", Ae({ class: "ao-project-overview" }, T.$attrs), [
-          f("div", A9, [
-            A(ba, null, {
+          f("div", S9, [
+            M(ba, null, {
               primary: N(() => [
-                A(sn, {
+                M(sn, {
                   tabs: L,
                   modelValue: ee.value,
                   "onUpdate:modelValue": k[0] || (k[0] = (y) => ee.value = y)
                 }, null, 8, ["modelValue"]),
-                A(re, {
+                M(re, {
                   class: "ao-feed__show-archived",
                   size: "sm",
                   "icon-name": T.showsArchived ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -11400,8 +11394,8 @@ const sn = /* @__PURE__ */ U(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
               ]),
               _: 1
             }),
-            f("div", M9, [
-              A(fi, {
+            f("div", A9, [
+              M(fi, {
                 phases: T.phases,
                 "closed-status": T.closedStatus,
                 "is-editable": T.isEditable === !0,
@@ -11418,7 +11412,7 @@ const sn = /* @__PURE__ */ U(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
               }, null, 8, ["phases", "closed-status", "is-editable", "users"])
             ])
           ]),
-          A(R, {
+          M(R, {
             class: "ao-project__sidebar",
             phases: T.phases,
             "project-id": T.project.id,
@@ -11434,7 +11428,7 @@ const sn = /* @__PURE__ */ U(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
             onUnarchiveActivity: $
           }, null, 8, ["phases", "project-id", "project-name", "users", "is-editable", "closed-status"]),
           (v(), V(Tt, { to: "body" }, [
-            A(R, {
+            M(R, {
               name: "modal",
               activities: D.value,
               "is-task-checkable": T.isTaskCheckable,
@@ -11487,39 +11481,39 @@ const sn = /* @__PURE__ */ U(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
     };
   }
 });
-const O9 = { class: "ao-card-feed__header" }, E9 = {
+const T9 = { class: "ao-card-feed__header" }, O9 = {
   key: 1,
   class: "ao-card-feed__header-secondary ao-card-feed__header-icons"
-}, I9 = {
+}, E9 = {
   key: 2,
   class: "ao-card-feed__header-secondary ao-card-feed__secondary"
-}, L9 = { class: "ao-card-feed__body" }, P9 = {
+}, I9 = { class: "ao-card-feed__body" }, L9 = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
-}, H9 = {
+}, P9 = {
   class: /* @__PURE__ */ X(["ao-card-feed__title-group"])
-}, V9 = { class: "ao-card-feed__title-line" }, D9 = {
+}, H9 = { class: "ao-card-feed__title-line" }, V9 = {
   key: 0,
   class: "ao-card-feed__slug"
-}, B9 = {
+}, D9 = {
   key: 1,
   class: "ao-card-feed__deadline"
-}, j9 = { class: "ao-card-feed__footer" }, R9 = { class: "ao-card-feed__footer-row" }, N9 = { class: "ao-assignees" }, U9 = {
+}, B9 = { class: "ao-card-feed__footer" }, j9 = { class: "ao-card-feed__footer-row" }, R9 = { class: "ao-assignees" }, N9 = {
   key: 0,
   class: "ao-assignee"
-}, F9 = {
+}, U9 = {
   key: 0,
   class: "ao-card-feed__subitems"
-}, Z9 = {
+}, F9 = {
   key: 0,
   class: "ao-card-feed__subitem"
-}, W9 = { class: "ao-card-feed__subitem" }, z9 = {
+}, Z9 = { class: "ao-card-feed__subitem" }, W9 = {
   key: 1,
   class: "ao-card-feed__subitem"
-}, q9 = { class: "ao-card-feed__subitem" }, Y9 = { class: "ao-card-feed__footer-row" }, x9 = {
+}, z9 = { class: "ao-card-feed__subitem" }, q9 = { class: "ao-card-feed__footer-row" }, Y9 = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, K9 = { class: "ao-card-feed__subitem" }, G9 = { class: "ao-card-feed__subitem" }, gi = /* @__PURE__ */ Y({
+}, x9 = { class: "ao-card-feed__subitem" }, K9 = { class: "ao-card-feed__subitem" }, gi = /* @__PURE__ */ Y({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -11543,26 +11537,26 @@ const O9 = { class: "ao-card-feed__header" }, E9 = {
   },
   emits: ["removeAssignee", "updateActivity"],
   setup(t, { emit: e }) {
-    const a = t, s = M(() => a.tagType === "milestone" ? a.milestoneName : a.projectName), n = M(() => a.tagType === "milestone" ? a.milestoneColor : a.projectColor), o = (h) => {
+    const a = t, s = A(() => a.tagType === "milestone" ? a.milestoneName : a.projectName), n = A(() => a.tagType === "milestone" ? a.milestoneColor : a.projectColor), o = (h) => {
       e("updateActivity", {
         id: a.id,
         name: h
       });
-    }, i = M(() => a.tagType === "milestone" && a.phaseName ? `${a.phaseName}` : a.phaseName && a.milestoneName ? `${a.phaseName} / ${a.milestoneName}` : ""), l = M(() => a.assignee ? [a.assignee] : []), r = M(() => Qa(a.deadline)), d = (h) => {
+    }, i = A(() => a.tagType === "milestone" && a.phaseName ? `${a.phaseName}` : a.phaseName && a.milestoneName ? `${a.phaseName} / ${a.milestoneName}` : ""), l = A(() => a.assignee ? [a.assignee] : []), r = A(() => Qa(a.deadline)), d = (h) => {
       e("removeAssignee", h);
-    }, u = M(() => {
+    }, u = A(() => {
       var h;
       return (h = a.tasks) == null ? void 0 : h.length;
-    }), c = M(() => {
+    }), c = A(() => {
       var h;
       return (h = a.tasks) == null ? void 0 : h.filter((b) => b.isDone).length;
-    }), p = M(() => (c.value || 0) / (u.value || 1));
+    }), p = A(() => (c.value || 0) / (u.value || 1));
     return (h, b) => (v(), V(os, {
       class: X(["ao-card-feed", { "ao-card-feed--closed": h.isClosed }]),
       "is-clickable": !0
     }, {
       header: N(() => [
-        f("div", O9, [
+        f("div", T9, [
           s.value ? (v(), V(ra, {
             key: 0,
             label: s.value,
@@ -11571,7 +11565,7 @@ const O9 = { class: "ao-card-feed__header" }, E9 = {
             color: h.projectColor ? void 0 : "primary",
             "raw-color": n.value
           }, null, 8, ["label", "color", "raw-color"])) : O("", !0),
-          h.isPrivate || h.important || h.isClosed ? (v(), C("div", E9, [
+          h.isPrivate || h.important || h.isClosed ? (v(), C("div", O9, [
             h.isPrivate ? (v(), V(pe, {
               key: 0,
               name: "Lock",
@@ -11590,18 +11584,18 @@ const O9 = { class: "ao-card-feed__header" }, E9 = {
               class: "ao-card-feed__closed"
             })) : O("", !0)
           ])) : O("", !0),
-          h.$slots.secondary ? (v(), C("div", I9, [
+          h.$slots.secondary ? (v(), C("div", E9, [
             te(h.$slots, "secondary")
           ])) : O("", !0)
         ])
       ]),
       default: N(() => [
-        f("div", L9, [
-          i.value ? (v(), C("span", P9, z(i.value), 1)) : O("", !0),
-          f("div", H9, [
-            f("div", V9, [
-              h.slug ? (v(), C("span", D9, z(h.slug) + ": ", 1)) : O("", !0),
-              A(be, {
+        f("div", I9, [
+          i.value ? (v(), C("span", L9, z(i.value), 1)) : O("", !0),
+          f("div", P9, [
+            f("div", H9, [
+              h.slug ? (v(), C("span", V9, z(h.slug) + ": ", 1)) : O("", !0),
+              M(be, {
                 id: h.id,
                 title: h.name,
                 level: 5,
@@ -11611,18 +11605,18 @@ const O9 = { class: "ao-card-feed__header" }, E9 = {
               }, null, 8, ["id", "title", "is-editable"])
             ])
           ]),
-          h.deadline ? (v(), C("span", B9, z(r.value), 1)) : O("", !0)
+          h.deadline ? (v(), C("span", D9, z(r.value), 1)) : O("", !0)
         ])
       ]),
       footer: N(() => [
-        f("div", j9, [
-          f("div", R9, [
-            f("ul", N9, [
+        f("div", B9, [
+          f("div", j9, [
+            f("ul", R9, [
               (v(!0), C(fe, null, _e(l.value, (_) => (v(), C(fe, {
                 key: _.id
               }, [
-                _ ? (v(), C("li", U9, [
-                  A(We, {
+                _ ? (v(), C("li", N9, [
+                  M(et, {
                     "user-name": Q(Gn)(_),
                     "avatar-url": _.avatarUrl,
                     "is-closable": !0,
@@ -11631,33 +11625,33 @@ const O9 = { class: "ao-card-feed__header" }, E9 = {
                 ])) : O("", !0)
               ], 64))), 128))
             ]),
-            h.comments || h.attachments ? (v(), C("ul", F9, [
-              h.comments ? (v(), C("li", Z9, [
-                A(pe, {
+            h.comments || h.attachments ? (v(), C("ul", U9, [
+              h.comments ? (v(), C("li", F9, [
+                M(pe, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                f("span", W9, z(h.comments), 1)
+                f("span", Z9, z(h.comments), 1)
               ])) : O("", !0),
-              h.attachments ? (v(), C("li", z9, [
-                A(pe, {
+              h.attachments ? (v(), C("li", W9, [
+                M(pe, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                f("span", q9, z(h.attachments), 1)
+                f("span", z9, z(h.attachments), 1)
               ])) : O("", !0)
             ])) : O("", !0)
           ]),
-          f("div", Y9, [
-            h.tasks && h.tasks.length ? (v(), C("div", x9, [
-              f("div", K9, [
-                A(pe, {
+          f("div", q9, [
+            h.tasks && h.tasks.length ? (v(), C("div", Y9, [
+              f("div", x9, [
+                M(pe, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                f("span", G9, z(c.value) + " / " + z(u.value), 1)
+                f("span", K9, z(c.value) + " / " + z(u.value), 1)
               ]),
-              A(ls, {
+              M(ls, {
                 percentages: p.value,
                 class: "ao-card-feed__progress"
               }, null, 8, ["percentages"])
@@ -11669,10 +11663,10 @@ const O9 = { class: "ao-card-feed__header" }, E9 = {
     }, 8, ["class"]));
   }
 });
-const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-milestone__header" }, J9 = { class: "ao-project-milestone__header_line" }, e4 = { class: "ao-project-milestone__header_line" }, t4 = { class: "ao-project-milestone__title" }, a4 = {
+const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-milestone__header" }, Q9 = { class: "ao-project-milestone__header_line" }, J9 = { class: "ao-project-milestone__header_line" }, e4 = { class: "ao-project-milestone__title" }, t4 = {
   key: 0,
   class: "ao-fieldset ao-milestone__fieldset"
-}, s4 = { class: "ao-field__row ao-milestone__field-row" }, n4 = { class: "ao-field ao-field--inline" }, i4 = { class: "ao-field__row ao-milestone__field-row" }, o4 = { class: "ao-field ao-milestone__field-multiselect" }, l4 = ["onClick"], r4 = { class: "ao-project-milestone__body" }, u4 = {
+}, a4 = { class: "ao-field__row ao-milestone__field-row" }, s4 = { class: "ao-field ao-field--inline" }, n4 = { class: "ao-field__row ao-milestone__field-row" }, i4 = { class: "ao-field ao-milestone__field-multiselect" }, o4 = ["onClick"], l4 = { class: "ao-project-milestone__body" }, r4 = {
   key: 0,
   class: "ao-project-milestone__footer"
 }, Ln = /* @__PURE__ */ Y({
@@ -11688,23 +11682,23 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
   },
   emits: ["close", "addActivity", "updateMilestone", "updateActivity", "archiveActivity", "unarchiveActivity"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = yt(), n = M(() => {
+    const a = t, { t: s } = yt(), n = A(() => {
       var m;
       return (m = a.phases) == null ? void 0 : m.find((I) => I.id === a.phaseId);
-    }), o = M(
+    }), o = A(
       () => {
         var m;
         return (m = a.phases) == null ? void 0 : m.flatMap((I) => I.milestones);
       }
-    ), i = M(() => {
+    ), i = A(() => {
       var m;
       return (m = o.value) == null ? void 0 : m.find((I) => I.id === a.milestoneId);
-    }), l = M(() => {
+    }), l = A(() => {
       var m;
       return (m = i.value) == null ? void 0 : m.activities;
     });
     ce(l, (m, I) => {
-      Qe(m, I);
+      Xe(m, I);
     });
     const r = (m) => {
       e("close", m);
@@ -11727,7 +11721,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
         id: m.moved.element.id,
         rank: Ft(l.value, m.moved.newIndex)
       });
-    }, p = M({
+    }, p = A({
       get: () => {
         var m;
         return (m = i.value) == null ? void 0 : m.color;
@@ -11738,7 +11732,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
           color: m
         });
       }
-    }), h = M({
+    }), h = A({
       get: () => {
         var m;
         return ((m = i == null ? void 0 : i.value) == null ? void 0 : m.deadline) ?? "";
@@ -11749,14 +11743,14 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
           deadline: m != null && m.length ? m : null
         });
       }
-    }), b = (m) => a.closedStatus ? Hs(m, a.closedStatus) : !1, _ = M(() => {
+    }), b = (m) => a.closedStatus ? Hs(m, a.closedStatus) : !1, _ = A(() => {
       var m;
       return ((m = a.users) == null ? void 0 : m.map((I) => ({
         label: `${I.firstName} ${I.lastName}`,
         value: I.id,
         avatar: I.avatarUrl
       }))) || [];
-    }), g = M({
+    }), g = A({
       get() {
         var m, I;
         return (I = (m = i.value) == null ? void 0 : m.assignee) != null && I.id ? [i.value.assignee.id] : [];
@@ -11768,7 +11762,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
           // undefined is not a value for GraphQL, we have to use null to reset a value
         });
       }
-    }), $ = M({
+    }), $ = A({
       get() {
         var m;
         return ((m = i.value) == null ? void 0 : m.important) ?? !1;
@@ -11782,10 +11776,10 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
     };
     return (m, I) => {
       var D;
-      return v(), C("div", X9, [
-        f("header", Q9, [
-          f("div", J9, [
-            A(re, {
+      return v(), C("div", G9, [
+        f("header", X9, [
+          f("div", Q9, [
+            M(re, {
               "icon-name": "CloseRounded",
               variant: "ghost",
               size: "sm",
@@ -11793,13 +11787,13 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
               onClick: r
             })
           ]),
-          f("div", e4, [
-            f("div", t4, [
-              A(be, {
+          f("div", J9, [
+            f("div", e4, [
+              M(be, {
                 title: ((D = i.value) == null ? void 0 : D.name) || m.milestoneId,
                 level: 5
               }, null, 8, ["title"]),
-              A(As, {
+              M(As, {
                 modelValue: $.value,
                 "onUpdate:modelValue": I[0] || (I[0] = (E) => $.value = E),
                 modelModifiers: { lazy: !0 },
@@ -11813,9 +11807,9 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
               }, null, 8, ["modelValue", "disabled", "label"])
             ])
           ]),
-          i.value ? (v(), C("div", a4, [
-            f("div", s4, [
-              f("label", n4, [
+          i.value ? (v(), C("div", t4, [
+            f("div", a4, [
+              f("label", s4, [
                 De(f("input", {
                   "onUpdate:modelValue": I[1] || (I[1] = (E) => h.value = E),
                   class: "ao-milestone__field ao-milestone__date-field",
@@ -11830,9 +11824,9 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
                 ])
               ])
             ]),
-            f("div", i4, [
-              f("label", o4, [
-                A(Se, {
+            f("div", n4, [
+              f("label", i4, [
+                M(Se, {
                   modelValue: g.value,
                   "onUpdate:modelValue": I[2] || (I[2] = (E) => g.value = E),
                   options: _.value,
@@ -11849,7 +11843,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
                     option: E,
                     handleTagRemove: F
                   }) => [
-                    A(We, {
+                    M(et, {
                       "user-name": E.label,
                       "avatar-url": E.avatar,
                       "is-closable": !0,
@@ -11860,23 +11854,23 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
                 }, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
               ])
             ]),
-            A(an, {
+            M(an, {
               color: p.value,
               "onUpdate:color": I[3] || (I[3] = (E) => p.value = E)
             }, {
               clickable: N(({ openPicker: E, bgColor: F }) => [
                 f("button", {
-                  style: Je({ background: F }),
+                  style: Qe({ background: F }),
                   class: "color-button",
                   onClick: (W) => w(W, E)
-                }, null, 12, l4)
+                }, null, 12, o4)
               ]),
               _: 1
             }, 8, ["color"])
           ])) : O("", !0)
         ]),
-        f("div", r4, [
-          A(Q(gt), Ae({
+        f("div", l4, [
+          M(Q(gt), Ae({
             class: "ao-project-milestone__activities",
             list: l.value,
             disabled: !m.isEditable,
@@ -11886,7 +11880,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
             item: N(({ element: E }) => {
               var F, W, K, J, ae;
               return [
-                A(gi, {
+                M(gi, {
                   id: E.id,
                   name: E.name || E.id,
                   "phase-name": (F = n.value) == null ? void 0 : F.name,
@@ -11946,8 +11940,8 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          m.isEditable ? (v(), C("div", u4, [
-            A(Ct, {
+          m.isEditable ? (v(), C("div", r4, [
+            M(Ct, {
               "icon-name": "Add",
               label: m.$t("project.activity.add"),
               onClick: d
@@ -11958,7 +11952,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
     };
   }
 });
-const c4 = /* @__PURE__ */ Y({
+const u4 = /* @__PURE__ */ Y({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -11977,18 +11971,18 @@ const c4 = /* @__PURE__ */ Y({
   },
   emits: ["update:activity", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment"],
   setup(t, { emit: e }) {
-    const a = t, s = M(() => {
+    const a = t, s = A(() => {
       var g;
       return (g = a.phases) == null ? void 0 : g.find(($) => $.id === a.phaseId);
-    }), n = M(
+    }), n = A(
       () => {
         var g;
         return (g = a.phases) == null ? void 0 : g.flatMap(($) => $.milestones);
       }
-    ), o = M(() => {
+    ), o = A(() => {
       var g;
       return (g = n.value) == null ? void 0 : g.find(($) => $.id === a.milestoneId);
-    }), i = M(() => {
+    }), i = A(() => {
       var g;
       return (g = a.activities) == null ? void 0 : g.find(($) => $.id === a.activityId);
     }), l = (g) => {
@@ -12045,15 +12039,15 @@ const c4 = /* @__PURE__ */ Y({
       }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "attachment-enabled", "projects", "onClose"])) : O("", !0);
     };
   }
-}), d4 = { class: "ao-col-header" }, p4 = /* @__PURE__ */ Y({
+}), c4 = { class: "ao-col-header" }, d4 = /* @__PURE__ */ Y({
   __name: "AoColHeader",
   props: {
     title: {},
     items: {}
   },
   setup(t) {
-    return (e, a) => (v(), C("header", d4, [
-      A(be, {
+    return (e, a) => (v(), C("header", c4, [
+      M(be, {
         title: e.title,
         class: "ao-col-header__title",
         level: 4
@@ -12068,17 +12062,17 @@ const c4 = /* @__PURE__ */ Y({
     ]));
   }
 });
-function v4(t) {
+function p4(t) {
   return Fi() ? (Zi(t), !0) : !1;
 }
 function za(t) {
   return typeof t == "function" ? t() : Q(t);
 }
-const f4 = typeof window < "u" && typeof document < "u";
+const v4 = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const h4 = (t) => t != null, la = () => {
+const f4 = (t) => t != null, la = () => {
 };
-function m4(t, e) {
+function h4(t, e) {
   function a(...s) {
     return new Promise((n, o) => {
       Promise.resolve(t(() => e.apply(this, s), { fn: e, thisArg: this, args: s })).then(n).catch(o);
@@ -12086,7 +12080,7 @@ function m4(t, e) {
   }
   return a;
 }
-function g4(t, e = {}) {
+function m4(t, e = {}) {
   let a, s, n = la;
   const o = (l) => {
     clearTimeout(l), n(), n = la;
@@ -12102,9 +12096,9 @@ function g4(t, e = {}) {
     });
   };
 }
-function C4(t, e = 200, a = {}) {
-  return m4(
-    g4(e, a),
+function g4(t, e = 200, a = {}) {
+  return h4(
+    m4(e, a),
     t
   );
 }
@@ -12113,27 +12107,27 @@ function bs(t) {
   const a = za(t);
   return (e = a == null ? void 0 : a.$el) != null ? e : a;
 }
-const _4 = f4 ? window : void 0;
-function y4() {
+const C4 = v4 ? window : void 0;
+function _4() {
   const t = q(!1), e = Lt();
   return e && It(() => {
     t.value = !0;
   }, e), t;
 }
-function b4(t) {
-  const e = y4();
-  return M(() => (e.value, !!t()));
+function y4(t) {
+  const e = _4();
+  return A(() => (e.value, !!t()));
 }
-function w4(t, e, a = {}) {
+function b4(t, e, a = {}) {
   const {
     root: s,
     rootMargin: n = "0px",
     threshold: o = 0.1,
-    window: i = _4,
+    window: i = C4,
     immediate: l = !0
-  } = a, r = b4(() => i && "IntersectionObserver" in i), d = M(() => {
+  } = a, r = y4(() => i && "IntersectionObserver" in i), d = A(() => {
     const b = za(t);
-    return (Array.isArray(b) ? b : [b]).map(bs).filter(h4);
+    return (Array.isArray(b) ? b : [b]).map(bs).filter(f4);
   });
   let u = la;
   const c = q(l), p = r.value ? ce(
@@ -12157,7 +12151,7 @@ function w4(t, e, a = {}) {
   ) : la, h = () => {
     u(), p(), c.value = !1;
   };
-  return v4(h), {
+  return p4(h), {
     isSupported: r,
     isActive: c,
     pause() {
@@ -12169,24 +12163,24 @@ function w4(t, e, a = {}) {
     stop: h
   };
 }
-const $4 = {
+const w4 = {
   class: /* @__PURE__ */ X(["ao-list-kanban"])
-}, k4 = { class: "ao-list-kanban__header" }, S4 = {
+}, $4 = { class: "ao-list-kanban__header" }, k4 = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
-}, A4 = {
+}, S4 = {
   key: 1,
   class: "ao-list-kanban__end"
-}, M4 = {
+}, A4 = {
   key: 0,
   class: "ao-list-kanban__no-more"
-}, T4 = {
+}, M4 = {
   key: 1,
   class: "ao-list-kanban__divider"
-}, O4 = {
+}, T4 = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, E4 = /* @__PURE__ */ Y({
+}, O4 = /* @__PURE__ */ Y({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -12204,7 +12198,7 @@ const $4 = {
   emits: ["add", "update:list", "change:list", "loadMore", "selectActivity", "archiveActivity", "unarchiveActivity", "updateActivity"],
   setup(t, { emit: e }) {
     const a = t, s = q(!1), n = q(null);
-    w4(n, ([{ isIntersecting: u }]) => {
+    b4(n, ([{ isIntersecting: u }]) => {
       s.value = u;
     }), ce(s, (u) => {
       u && a.hasMore && !a.isLoading && e("loadMore");
@@ -12229,12 +12223,12 @@ const $4 = {
         )
       });
     }, d = q(!1);
-    return (u, c) => (v(), C("div", $4, [
+    return (u, c) => (v(), C("div", w4, [
       u.title || u.$slots.header ? te(u.$slots, "header", { key: 0 }, () => {
         var p;
         return [
-          f("div", k4, [
-            u.title ? (v(), V(p4, {
+          f("div", $4, [
+            u.title ? (v(), V(d4, {
               key: 0,
               title: u.title,
               level: 3,
@@ -12243,7 +12237,7 @@ const $4 = {
           ])
         ];
       }) : O("", !0),
-      A(Q(gt), Ae({
+      M(Q(gt), Ae({
         class: ["ao-list-kanban__list", d.value ? "ao-list-kanban__transition" : void 0],
         list: u.list,
         "item-key": "id",
@@ -12264,7 +12258,7 @@ const $4 = {
         item: N(({ element: p }) => {
           var h, b, _, g, $, w, m, I, D;
           return [
-            A(gi, {
+            M(gi, {
               class: X(o(p) ? "ao-list-draggable" : ""),
               id: p.id,
               name: p.name,
@@ -12320,20 +12314,20 @@ const $4 = {
           ];
         }),
         footer: N(() => [
-          u.isLoading ? (v(), C("div", S4, [
-            A(pe, { name: "Loading" })
+          u.isLoading ? (v(), C("div", k4, [
+            M(pe, { name: "Loading" })
           ])) : u.hasMore ? (v(), C("div", {
             key: 2,
             ref_key: "scrollEnd",
             ref: n,
             class: "ao-list-kanban__end"
-          }, null, 512)) : (v(), C("div", A4, [
-            u.noMoreLabel ? (v(), C("span", M4, z(u.noMoreLabel), 1)) : u.isEditable ? (v(), C("span", T4)) : O("", !0)
+          }, null, 512)) : (v(), C("div", S4, [
+            u.noMoreLabel ? (v(), C("span", A4, z(u.noMoreLabel), 1)) : u.isEditable ? (v(), C("span", M4)) : O("", !0)
           ]))
         ]),
         _: 1
       }, 16, ["class", "list", "disabled"]),
-      u.$slots.footer || u.footerLabel ? (v(), C("div", O4, [
+      u.$slots.footer || u.footerLabel ? (v(), C("div", T4, [
         te(u.$slots, "footer", {}, () => [
           u.isEditable ? (v(), V(Ct, {
             key: 0,
@@ -12346,7 +12340,7 @@ const $4 = {
     ]));
   }
 });
-const I4 = { class: "ao-field ao-search-field" }, L4 = ["value", "placeholder", "onKeypress"], P4 = /* @__PURE__ */ Y({
+const E4 = { class: "ao-field ao-search-field" }, I4 = ["value", "placeholder", "onKeypress"], L4 = /* @__PURE__ */ Y({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -12358,10 +12352,10 @@ const I4 = { class: "ao-field ao-search-field" }, L4 = ["value", "placeholder",
     const a = t, s = async (i) => {
       const r = i.target.value;
       e("update:modelValue", r, i);
-    }, n = C4(s, a.delay), o = (i) => {
+    }, n = g4(s, a.delay), o = (i) => {
       e("clear", i);
     };
-    return (i, l) => (v(), C("div", I4, [
+    return (i, l) => (v(), C("div", E4, [
       f("input", {
         value: i.modelValue,
         type: "text",
@@ -12370,12 +12364,12 @@ const I4 = { class: "ao-field ao-search-field" }, L4 = ["value", "placeholder",
         onInput: l[0] || (l[0] = //@ts-ignore
         (...r) => Q(n) && Q(n)(...r)),
         onKeypress: pt(s, ["enter"])
-      }, null, 40, L4),
-      A(pe, {
+      }, null, 40, I4),
+      M(pe, {
         name: "SearchRounded",
         class: X(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
       }, null, 8, ["class"]),
-      A(re, {
+      M(re, {
         "icon-name": "CloseRounded",
         size: "sm",
         color: "primary",
@@ -12386,7 +12380,7 @@ const I4 = { class: "ao-field ao-search-field" }, L4 = ["value", "placeholder",
     ]));
   }
 });
-const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { class: "ao-feed__body" }, B4 = /* @__PURE__ */ Y({
+const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { class: "ao-feed__body" }, D4 = /* @__PURE__ */ Y({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -12416,7 +12410,7 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
     }
     const o = Rt(a, "activities"), i = async (k, R) => {
       await e("selectActivity", k, R);
-    }, l = q({}), r = q(!1), d = q(!1), u = M(() => a.project ? "milestone" : "project");
+    }, l = q({}), r = q(!1), d = q(!1), u = A(() => a.project ? "milestone" : "project");
     ce(
       [() => a.statuses, () => a.activities, () => a.initialActivityId, () => a.initialActivitySlug],
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -12429,11 +12423,11 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
               return ((x = P.status) == null ? void 0 : x.id) === Z.id;
             })
           ])
-        ), y && !r.value ? (i(y, null), r.value = !0) : H && !r.value && (i(null, H), r.value = !0), d.value && Qe(R, ne);
+        ), y && !r.value ? (i(y, null), r.value = !0) : H && !r.value && (i(null, H), r.value = !0), d.value && Xe(R, ne);
       },
       { immediate: !0 }
     );
-    const c = M(() => {
+    const c = A(() => {
       var k;
       return !a.selectedActivity || !a.selectedActivity.milestone ? "" : `${((k = a.selectedActivity.milestone.phase) == null ? void 0 : k.name) ?? ""} / ${a.selectedActivity.milestone.name ?? ""}`;
     }), p = (k) => {
@@ -12446,18 +12440,18 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
       a.filters.assigneeId.length > 0 && (oe.assigneeId = a.filters.assigneeId[0]), a.filters.projectId.length > 0 && (oe.projectId = a.filters.projectId[0]), a.filters.typeId.length > 0 && (oe.typeId = a.filters.typeId[0]), d.value = !0, e("addActivity", oe);
     }, h = (k, R) => {
       d.value = !1, e("update:filters", { ...a.filters, [k]: R });
-    }, b = M(
+    }, b = A(
       () => a.project ? [a.project] : a.projects ?? []
-    ), _ = M(() => b.value.map((k) => ({
+    ), _ = A(() => b.value.map((k) => ({
       value: k.id,
       label: k.name
-    }))), g = M(() => {
+    }))), g = A(() => {
       var k;
       return (k = a.activityTypes) == null ? void 0 : k.map((R) => ({
         value: R.id,
         label: R.name
       }));
-    }), $ = M(() => a.users.map((k) => ({
+    }), $ = A(() => a.users.map((k) => ({
       value: k.id,
       label: `${k.firstName} ${k.lastName}`,
       avatar: k.avatarUrl
@@ -12503,16 +12497,16 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
       k === "feed" ? (ee.push({ name: ye.feed }), console.log("Navigating to feed...")) : k === "overview" ? (ee.push({ name: ye.project }), console.log("Navigating to feed...")) : k === "mapping" && (ee.push({ name: ye.mapping }), console.log("Navigating to feed..."));
     }), (k, R) => {
       var y;
-      return v(), C("div", H4, [
-        A(ba, null, {
+      return v(), C("div", P4, [
+        M(ba, null, {
           primary: N(() => [
-            f("div", V4, [
-              A(sn, {
+            f("div", H4, [
+              M(sn, {
                 tabs: T,
                 modelValue: L.value,
                 "onUpdate:modelValue": R[0] || (R[0] = (H) => L.value = H)
               }, null, 8, ["modelValue"]),
-              A(P4, {
+              M(L4, {
                 "model-value": k.searchText,
                 placeholder: k.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
@@ -12556,7 +12550,7 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
                   option: H,
                   handleTagRemove: oe
                 }) => [
-                  A(We, {
+                  M(et, {
                     "user-name": H.label,
                     "avatar-url": H.avatar,
                     "is-closable": !0,
@@ -12566,7 +12560,7 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
                 _: 1
               }, 8, ["model-value", "options", "placeholder"])) : O("", !0)
             ]),
-            A(re, {
+            M(re, {
               class: "ao-feed__only-non-assigned",
               size: "sm",
               "icon-name": k.showsOnlyNonAssigned ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -12578,7 +12572,7 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
               "aria-checked": k.showsOnlyNonAssigned,
               onClick: R[4] || (R[4] = (H) => k.$emit("update:showsOnlyNonAssigned", !k.showsOnlyNonAssigned))
             }, null, 8, ["icon-name", "label", "aria-checked"]),
-            A(re, {
+            M(re, {
               class: "ao-feed__only-important",
               size: "sm",
               "icon-name": k.showsOnlyImportant ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -12590,7 +12584,7 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
               "aria-checked": k.showsOnlyImportant,
               onClick: R[5] || (R[5] = (H) => k.$emit("update:showsOnlyImportant", !k.showsOnlyImportant))
             }, null, 8, ["icon-name", "label", "aria-checked"]),
-            A(re, {
+            M(re, {
               class: "ao-feed__show-archived",
               size: "sm",
               "icon-name": k.showsArchivedActivities ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -12605,8 +12599,8 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
           ]),
           _: 1
         }),
-        f("div", D4, [
-          (v(!0), C(fe, null, _e(k.statuses, (H) => (v(), V(E4, {
+        f("div", V4, [
+          (v(!0), C(fe, null, _e(k.statuses, (H) => (v(), V(O4, {
             key: H.id,
             status: H,
             list: l.value[H.id],
@@ -12660,10 +12654,10 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
     };
   }
 });
-const j4 = { class: "ao-project-mapping" }, R4 = { class: "ao-project-mapping-mapping__body" }, N4 = { class: "ao-project-mapping-mapping__phases" }, U4 = {
+const B4 = { class: "ao-project-mapping" }, j4 = { class: "ao-project-mapping-mapping__body" }, R4 = { class: "ao-project-mapping-mapping__phases" }, N4 = {
   key: 0,
   class: "ao-project-mapping-mapping__image-wrapper"
-}, F4 = ["src", "alt"], Z4 = /* @__PURE__ */ Y({
+}, U4 = ["src", "alt"], F4 = /* @__PURE__ */ Y({
   __name: "AoMapping",
   props: {
     project: {},
@@ -12707,15 +12701,15 @@ const j4 = { class: "ao-project-mapping" }, R4 = { class: "ao-project-mapping-ma
       g === "feed" ? (h.push({ name: ye.feed }), console.log("Navigating to feed...")) : g === "overview" ? (h.push({ name: ye.project }), console.log("Navigating to feed...")) : g === "mapping" && (h.push({ name: ye.mapping }), console.log("Navigating to feed..."));
     }), (g, $) => (v(), C(fe, null, [
       f("div", Ae({ class: "ao-project-mapping-overview" }, g.$attrs), [
-        f("div", j4, [
-          A(ba, null, {
+        f("div", B4, [
+          M(ba, null, {
             primary: N(() => [
-              A(sn, {
+              M(sn, {
                 modelValue: b.value,
                 "onUpdate:modelValue": $[0] || ($[0] = (w) => b.value = w),
                 tabs: _
               }, null, 8, ["modelValue"]),
-              A(re, {
+              M(re, {
                 class: "ao-feed__show-archived",
                 size: "sm",
                 "icon-name": g.showsArchived ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -12746,9 +12740,9 @@ const j4 = { class: "ao-project-mapping" }, R4 = { class: "ao-project-mapping-ma
             ]),
             _: 1
           }),
-          f("div", R4, [
-            f("div", N4, [
-              A(fi, {
+          f("div", j4, [
+            f("div", R4, [
+              M(fi, {
                 phases: g.phases,
                 "closed-status": g.closedStatus,
                 "is-editable": g.isEditable === !0,
@@ -12760,12 +12754,12 @@ const j4 = { class: "ao-project-mapping" }, R4 = { class: "ao-project-mapping-ma
                 onCopyPhaseToTemplate: r
               }, null, 8, ["phases", "closed-status", "is-editable", "users"])
             ]),
-            g.project.architectureImage ? (v(), C("div", U4, [
+            g.project.architectureImage ? (v(), C("div", N4, [
               f("img", {
                 class: "architecture-image",
                 src: g.project.architectureImage.url,
                 alt: Q(s)("architectureImage.alt")
-              }, null, 8, F4)
+              }, null, 8, U4)
             ])) : O("", !0)
           ])
         ])
@@ -12792,7 +12786,7 @@ const jt = {
   TEMPLATES: "templates",
   TEMPLATE_DETAILS: "template_details",
   TEMPLATES_LIST: "templates_list"
-}, o8 = (t, e = {}) => [
+}, i8 = (t, e = {}) => [
   {
     path: t,
     name: jt.TEMPLATES,
@@ -12802,12 +12796,12 @@ const jt = {
       {
         path: "",
         name: jt.TEMPLATES_LIST,
-        component: z4
+        component: W4
       },
       {
         path: ":templateId/:phaseId?/:milestoneId?/:activityId?",
         name: jt.TEMPLATE_DETAILS,
-        component: Nf,
+        component: Rf,
         props: !0
       }
     ]
@@ -12818,7 +12812,7 @@ const jt = {
   mapping: "AoProjectMapping",
   milestone: "AoMilestone",
   activity: "AoActivity"
-}, l8 = (t, e = {}) => [
+}, o8 = (t, e = {}) => [
   {
     path: t,
     ...e,
@@ -12827,7 +12821,7 @@ const jt = {
       {
         path: "",
         name: ye.project,
-        component: T9,
+        component: M9,
         props: !0,
         children: [
           {
@@ -12842,7 +12836,7 @@ const jt = {
             props: { default: !0, modal: !0 },
             components: {
               default: Ln,
-              modal: c4
+              modal: u4
             }
           }
         ]
@@ -12850,18 +12844,18 @@ const jt = {
       {
         path: "feed",
         name: ye.feed,
-        component: B4,
+        component: D4,
         props: !0
       },
       {
         path: "mapping",
         name: ye.mapping,
-        component: Z4,
+        component: F4,
         props: !0
       }
     ]
   }
-], W4 = { class: "ao-templates" }, z4 = /* @__PURE__ */ Y({
+], Z4 = { class: "ao-templates" }, W4 = /* @__PURE__ */ Y({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -12870,7 +12864,7 @@ const jt = {
   setup(t, { emit: e }) {
     const a = t, { t: s } = yt();
     ce(() => a.templates, (r, d) => {
-      Qe(r, d);
+      Xe(r, d);
     });
     const n = () => {
       var p, h;
@@ -12910,10 +12904,10 @@ const jt = {
         });
       }
     };
-    return (r, d) => (v(), C("div", W4, [
-      A(ba, null, {
+    return (r, d) => (v(), C("div", Z4, [
+      M(ba, null, {
         secondary: N(() => [
-          A(re, {
+          M(re, {
             label: r.$t("templates.new"),
             color: "primary",
             "icon-name": "Add",
@@ -12923,7 +12917,7 @@ const jt = {
         ]),
         _: 1
       }),
-      A(Q(gt), {
+      M(Q(gt), {
         "model-value": r.templates,
         class: "ao-templates__list",
         "item-key": "id",
@@ -12933,7 +12927,7 @@ const jt = {
         item: N(({ element: u }) => {
           var c;
           return [
-            A(c5, {
+            M(c5, {
               id: u.id,
               title: u.name,
               phases: u.phases,
@@ -12955,7 +12949,7 @@ const jt = {
     ]));
   }
 });
-const q4 = { class: "ao-field__label" }, Y4 = /* @__PURE__ */ Y({
+const z4 = { class: "ao-field__label" }, q4 = /* @__PURE__ */ Y({
   __name: "AoField",
   props: {
     label: {},
@@ -12965,11 +12959,11 @@ const q4 = { class: "ao-field__label" }, Y4 = /* @__PURE__ */ Y({
     return (e, a) => (v(), C("label", {
       class: X(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
-      f("span", q4, z(e.label), 1),
+      f("span", z4, z(e.label), 1),
       te(e.$slots, "default")
     ], 2));
   }
-}), x4 = ["type", "value", "disabled", "readonly"], r8 = /* @__PURE__ */ Y({
+}), Y4 = ["type", "value", "disabled", "readonly"], l8 = /* @__PURE__ */ Y({
   __name: "AoInputField",
   props: {
     label: { default: "" },
@@ -12981,12 +12975,12 @@ const q4 = { class: "ao-field__label" }, Y4 = /* @__PURE__ */ Y({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, s = M(
+    const a = t, s = A(
       () => a.modelModifiers.lazy ? "change" : "input"
     ), n = (o) => {
       a.modelModifiers.number && (o = Number(o)), e("update:modelValue", o);
     };
-    return (o, i) => (v(), V(Y4, { label: o.label }, {
+    return (o, i) => (v(), V(q4, { label: o.label }, {
       default: N(() => [
         f("input", Ae({
           class: "ao-field__input",
@@ -12996,12 +12990,12 @@ const q4 = { class: "ao-field__label" }, Y4 = /* @__PURE__ */ Y({
           readonly: o.isReadonly
         }, {
           [Wi(s.value)]: i[0] || (i[0] = (l) => n(l.target.value))
-        }), null, 16, x4)
+        }), null, 16, Y4)
       ]),
       _: 1
     }, 8, ["label"]));
   }
-}), K4 = { class: "ao-field" }, G4 = { class: "ao-field__label" }, X4 = ["checked", "disabled"], u8 = /* @__PURE__ */ Y({
+}), x4 = { class: "ao-field" }, K4 = { class: "ao-field__label" }, G4 = ["checked", "disabled"], r8 = /* @__PURE__ */ Y({
   __name: "AoCheckboxField",
   props: {
     label: { default: "" },
@@ -13011,8 +13005,8 @@ const q4 = { class: "ao-field__label" }, Y4 = /* @__PURE__ */ Y({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (v(), C("label", K4, [
-      f("span", G4, z(e.label), 1),
+    return (e, a) => (v(), C("label", x4, [
+      f("span", K4, z(e.label), 1),
       f("input", {
         class: "ao-field__input",
         type: "checkbox",
@@ -13025,29 +13019,29 @@ const q4 = { class: "ao-field__label" }, Y4 = /* @__PURE__ */ Y({
             ((n = s.target) == null ? void 0 : n.checked) ?? !1
           );
         })
-      }, null, 40, X4)
+      }, null, 40, G4)
     ]));
   }
 });
 export {
-  We as AoAvatar,
+  et as AoAvatar,
   gi as AoCardFeed,
-  u8 as AoCheckboxField,
-  B4 as AoFeed,
-  Y4 as AoField,
-  r8 as AoInputField,
+  r8 as AoCheckboxField,
+  D4 as AoFeed,
+  q4 as AoField,
+  l8 as AoInputField,
   Se as AoMultiselect,
   fi as AoProjectPhases,
-  Nf as AoTemplateDetails,
-  a8 as AoTemplates,
-  z4 as AoTemplatesList,
+  Rf as AoTemplateDetails,
+  t8 as AoTemplates,
+  W4 as AoTemplatesList,
   G2 as TemplateItemTypeEnum,
-  n8 as activityFeedStatus,
-  s8 as durationTypes,
+  s8 as activityFeedStatus,
+  a8 as durationTypes,
   Dt as feedFilterTypes,
-  l8 as getProjectOverviewRoutes,
-  o8 as getTemplateRoutes,
-  i8 as listUpdateTypes,
+  o8 as getProjectOverviewRoutes,
+  i8 as getTemplateRoutes,
+  n8 as listUpdateTypes,
   Ba as milestoneStatus,
   ye as projectOverviewRoutes,
   Y2 as ruleComparators,