@26lights/orcha 0.9.18 → 0.9.20

package/dist/orcha.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as x, openBlock as v, createBlock as U, unref as F, mergeProps as Ve, createElementBlock as C, createElementVNode as d, pushScopeId as an, popScopeId as nn, createStaticVNode as sn, computed as y, resolveDynamicComponent as et, normalizeClass as G, renderSlot as Q, toDisplayString as W, createCommentVNode as E, ref as X, watch as ue, nextTick as Ee, withKeys as ze, toHandlers as on, withCtx as R, createTextVNode as t1, createVNode as k, withModifiers as _e, createSlots as Ht, Fragment as fe, renderList as ye, onMounted as Dt, onBeforeUnmount as ln, onUnmounted as la, toRefs as $e, getCurrentInstance as tt, toRef as ct, normalizeProps as rn, guardReactiveProps as un, onUpdated as cn, withDirectives as dt, vModelText as Et, vModelCheckbox as dn, Teleport as It, normalizeStyle as fn, resolveComponent as vn, getCurrentScope as hn, onScopeDispose as pn, provide as mn } from "vue";
+import { defineComponent as x, openBlock as v, createBlock as U, unref as F, mergeProps as Ve, createElementBlock as C, createElementVNode as d, pushScopeId as an, popScopeId as nn, createStaticVNode as sn, computed as b, resolveDynamicComponent as et, normalizeClass as G, renderSlot as Q, toDisplayString as W, createCommentVNode as E, ref as X, watch as ue, nextTick as Ee, withKeys as ze, toHandlers as on, withCtx as R, createTextVNode as t1, createVNode as k, withModifiers as _e, createSlots as Ht, Fragment as fe, renderList as ye, onMounted as Dt, onBeforeUnmount as ln, onUnmounted as la, toRefs as $e, getCurrentInstance as tt, toRef as ct, normalizeProps as rn, guardReactiveProps as un, onUpdated as cn, withDirectives as dt, vModelText as Et, vModelCheckbox as dn, Teleport as It, normalizeStyle as fn, resolveComponent as vn, getCurrentScope as hn, onScopeDispose as pn, provide as mn } from "vue";
 import { RouterView as Cn } from "vue-router";
 import Ge from "vuedraggable";
-const D4 = /* @__PURE__ */ x({
+const P4 = /* @__PURE__ */ x({
   __name: "AoTemplates",
   props: {
     templates: {}
@@ -1141,7 +1141,7 @@ const Gu = /* @__PURE__ */ P(Wu, [["render", Ku]]), Xu = /* @__PURE__ */ Object.
     size: { default: a1.MD }
   },
   setup(a) {
-    const e = a, t = y(() => Xu[e.name]);
+    const e = a, t = b(() => Xu[e.name]);
     return (s, n) => (v(), U(et(t.value), {
       class: G(["ao-icon", `ao-icon--${s.size}`])
     }, null, 8, ["class"]));
@@ -1165,7 +1165,7 @@ const ec = ["type"], tc = {
     corners: { default: () => ra.ROUNDED }
   },
   setup(a) {
-    const e = a, t = y(() => e.size), s = y(() => e.isLoading ? "Loading" : e.iconName);
+    const e = a, t = b(() => e.size), s = b(() => e.isLoading ? "Loading" : e.iconName);
     return (n, o) => (v(), C("button", {
       type: n.type,
       class: G([
@@ -1192,7 +1192,7 @@ const ec = ["type"], tc = {
   }
 });
 function ua(a) {
-  const e = X(!1), t = X(""), s = y(() => "value" in a.value ? "value" : "innerHTML"), n = () => {
+  const e = X(!1), t = X(""), s = b(() => "value" in a.value ? "value" : "innerHTML"), n = () => {
     e.value = !e.value;
   }, o = (r) => {
     e.value = r;
@@ -1232,7 +1232,7 @@ const pe = /* @__PURE__ */ x({
   },
   emits: ["update:title", "toggle-is-editing"],
   setup(a, { emit: e }) {
-    const t = a, s = X(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = ua(s), r = y(() => n.value ? "input" : t.tag || `h${t.level}`), c = y(() => t.isEditable ? n.value ? {
+    const t = a, s = X(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = ua(s), r = b(() => n.value ? "input" : t.tag || `h${t.level}`), c = b(() => t.isEditable ? n.value ? {
       change: u,
       click: ($) => $.stopPropagation(),
       blur: h
@@ -1380,7 +1380,7 @@ const S1 = /* @__PURE__ */ x({
   },
   emits: ["click", "close"],
   setup(a) {
-    const e = a, t = y(() => e.clickable ? "button" : "span"), s = y(
+    const e = a, t = b(() => e.clickable ? "button" : "span"), s = b(
       () => t.value === "button" ? { type: "button" } : {}
     );
     return (n, o) => (v(), C("div", {
@@ -2657,7 +2657,7 @@ function Md(a, e, t) {
   var ne = De(a);
   if (!va(ne))
     throw new RangeError("Invalid time value");
-  var b = vc(ne), S = pc(ne, b), D = {
+  var y = vc(ne), S = pc(ne, y), D = {
     firstWeekContainsDate: z,
     weekStartsOn: Y,
     locale: I,
@@ -3601,16 +3601,16 @@ const Qd = ["title"], Jd = { className: "ao-avatar__initials" }, _t = /* @__PURE
     ], 10, Qd));
   }
 });
-const e0 = { class: "ao-card-template__subitems" }, t0 = { class: "ao-card-template__subitem" }, a0 = { class: "ao-card-template__subitem-number" }, n0 = { class: "ao-card-template__subitem" }, s0 = { class: "ao-card-template__subitem" }, i0 = { class: "ao-card-template__body" }, o0 = { class: "ao-card-template__col ao-card-template__col--phases" }, l0 = { class: "ao-card-template__col-title" }, r0 = { class: "ao-card-template__col-label" }, u0 = {
+const e3 = { class: "ao-card-template__subitems" }, t3 = { class: "ao-card-template__subitem" }, a3 = { class: "ao-card-template__subitem-number" }, n3 = { class: "ao-card-template__subitem" }, s3 = { class: "ao-card-template__subitem" }, i3 = { class: "ao-card-template__body" }, o3 = { class: "ao-card-template__col ao-card-template__col--phases" }, l3 = { class: "ao-card-template__col-title" }, r3 = { class: "ao-card-template__col-label" }, u3 = {
   key: 0,
   class: "ao-card-template__col-body ao-card-template__phases-list"
-}, c0 = { class: "ao-card-template__footer" }, d0 = {
+}, c3 = { class: "ao-card-template__footer" }, d3 = {
   key: 0,
   class: "ao-card-template__col ao-card-template__col--updated-at"
-}, f0 = { class: "ao-card-template__col-title" }, v0 = { class: "ao-card-template__col-label" }, h0 = { class: "ao-card-template__col-body" }, p0 = {
+}, f3 = { class: "ao-card-template__col-title" }, v3 = { class: "ao-card-template__col-label" }, h3 = { class: "ao-card-template__col-body" }, p3 = {
   key: 1,
   class: "ao-card-template__col ao-card-template__col--updated-by"
-}, m0 = { class: "ao-card-template__col-title" }, C0 = { class: "ao-card-template__col-label" }, _0 = { class: "ao-card-template__col-body" }, g0 = /* @__PURE__ */ x({
+}, m3 = { class: "ao-card-template__col-title" }, C3 = { class: "ao-card-template__col-label" }, _3 = { class: "ao-card-template__col-body" }, g3 = /* @__PURE__ */ x({
   __name: "AoCardTemplate",
   props: {
     id: {},
@@ -3633,34 +3633,34 @@ const e0 = { class: "ao-card-template__subitems" }, t0 = { class: "ao-card-templ
       "onUpdate:title": t
     }, Ht({
       subtitle: R(() => [
-        d("ul", e0, [
-          d("li", t0, [
+        d("ul", e3, [
+          d("li", t3, [
             k(de, {
               name: "MountainFlagOutlineRounded",
               size: "sm"
             }),
-            d("span", a0, W(s.milestones), 1)
+            d("span", a3, W(s.milestones), 1)
           ]),
-          d("li", n0, [
+          d("li", n3, [
             k(de, {
               name: "TaskOutlineRounded",
               size: "sm"
             }),
-            d("span", s0, W(s.activities), 1)
+            d("span", s3, W(s.activities), 1)
           ])
         ])
       ]),
       default: R(() => [
-        d("div", i0, [
-          d("div", o0, [
-            d("div", l0, [
+        d("div", i3, [
+          d("div", o3, [
+            d("div", l3, [
               k(de, {
                 name: "WaterfallChartRounded",
                 size: "sm"
               }),
-              d("span", r0, W(s.$t("template.phases.title")), 1)
+              d("span", r3, W(s.$t("template.phases.title")), 1)
             ]),
-            s.phases ? (v(), C("ul", u0, [
+            s.phases ? (v(), C("ul", u3, [
               (v(!0), C(fe, null, ye(s.phases, (o) => (v(), U(S1, {
                 key: o.id,
                 label: o.name || o.id,
@@ -3676,20 +3676,20 @@ const e0 = { class: "ao-card-template__subitems" }, t0 = { class: "ao-card-templ
       s.updatedBy || s.updatedAt ? {
         name: "footer",
         fn: R(() => [
-          d("div", c0, [
-            s.updatedAt ? (v(), C("div", d0, [
-              d("div", f0, [
-                d("span", v0, W(s.$t("template.updatedAt.label")), 1)
+          d("div", c3, [
+            s.updatedAt ? (v(), C("div", d3, [
+              d("div", f3, [
+                d("span", v3, W(s.$t("template.updatedAt.label")), 1)
               ]),
-              d("div", h0, [
+              d("div", h3, [
                 d("span", null, W(s.updatedAt), 1)
               ])
             ])) : E("", !0),
-            s.updatedBy ? (v(), C("div", p0, [
-              d("div", m0, [
-                d("span", C0, W(s.$t("template.updatedBy.label")), 1)
+            s.updatedBy ? (v(), C("div", p3, [
+              d("div", m3, [
+                d("span", C3, W(s.$t("template.updatedBy.label")), 1)
               ]),
-              d("div", _0, [
+              d("div", _3, [
                 k(_t, { "user-name": s.updatedBy }, null, 8, ["user-name"])
               ])
             ])) : E("", !0)
@@ -3700,7 +3700,7 @@ const e0 = { class: "ao-card-template__subitems" }, t0 = { class: "ao-card-templ
     ]), 1032, ["id", "title"]));
   }
 });
-const y0 = { class: "ao-page-header" }, b0 = { class: "ao-page-header-main" }, w0 = {
+const y3 = { class: "ao-page-header" }, b3 = { class: "ao-page-header-main" }, w3 = {
   key: 0,
   class: "ao-page-header-secondary"
 }, r1 = /* @__PURE__ */ x({
@@ -3710,8 +3710,8 @@ const y0 = { class: "ao-page-header" }, b0 = { class: "ao-page-header-main" }, w
   },
   emits: ["goBack"],
   setup(a) {
-    return (e, t) => (v(), C("header", y0, [
-      d("div", b0, [
+    return (e, t) => (v(), C("header", y3, [
+      d("div", b3, [
         e.canGoBack ? (v(), U(ce, {
           key: 0,
           "icon-name": "ArrowBackRounded",
@@ -3720,13 +3720,13 @@ const y0 = { class: "ao-page-header" }, b0 = { class: "ao-page-header-main" }, w
         })) : E("", !0),
         Q(e.$slots, "primary")
       ]),
-      e.$slots.secondary ? (v(), C("div", w0, [
+      e.$slots.secondary ? (v(), C("div", w3, [
         Q(e.$slots, "secondary")
       ])) : E("", !0)
     ]));
   }
 });
-const $0 = ["type"], M0 = {
+const $3 = ["type"], M3 = {
   key: 0,
   class: "ao-button-card__label"
 }, Xe = /* @__PURE__ */ x({
@@ -3742,7 +3742,7 @@ const $0 = ["type"], M0 = {
     corners: { default: () => ra.ROUNDED }
   },
   setup(a) {
-    const e = a, t = y(() => e.size), s = y(() => e.isLoading ? "Loading" : e.iconName);
+    const e = a, t = b(() => e.size), s = b(() => e.isLoading ? "Loading" : e.iconName);
     return (n, o) => (v(), C("button", {
       type: n.type,
       class: G([
@@ -3753,7 +3753,7 @@ const $0 = ["type"], M0 = {
       ])
     }, [
       Q(n.$slots, "default", {}, () => [
-        n.label ? (v(), C("span", M0, W(n.label), 1)) : E("", !0)
+        n.label ? (v(), C("span", M3, W(n.label), 1)) : E("", !0)
       ]),
       s.value ? (v(), U(de, {
         key: 0,
@@ -3761,13 +3761,13 @@ const $0 = ["type"], M0 = {
         class: "ao-button-card__icon",
         size: t.value
       }, null, 8, ["name", "size"])) : E("", !0)
-    ], 10, $0));
+    ], 10, $3));
   }
 });
-const k0 = { class: "ao-card-template-item__footer" }, A0 = {
+const k3 = { class: "ao-card-template-item__footer" }, A3 = {
   key: 0,
   class: "ao-card-template-item__subitem"
-}, T0 = { class: "ao-card-template-item__subitem-number" }, S0 = { class: "ao-card-template-item__secondary" }, I1 = /* @__PURE__ */ x({
+}, T3 = { class: "ao-card-template-item__subitem-number" }, S3 = { class: "ao-card-template-item__secondary" }, I1 = /* @__PURE__ */ x({
   __name: "AoCardTemplateItem",
   props: {
     milestones: {},
@@ -3789,20 +3789,20 @@ const k0 = { class: "ao-card-template-item__footer" }, A0 = {
     };
     return (i, l) => (v(), U(ca, { "onUpdate:title": t }, {
       footer: R(() => [
-        d("ul", k0, [
+        d("ul", k3, [
           (v(), C(fe, null, ye(s, (r) => (v(), C(fe, { key: r }, [
-            i.$props[r] ? (v(), C("li", A0, [
+            i.$props[r] ? (v(), C("li", A3, [
               k(de, {
                 name: n[r],
                 size: "sm"
               }, null, 8, ["name"]),
-              d("span", T0, W(i.$props[r]), 1)
+              d("span", T3, W(i.$props[r]), 1)
             ])) : E("", !0)
           ], 64))), 64))
         ])
       ]),
       secondary: R(() => [
-        d("div", S0, [
+        d("div", S3, [
           k(ce, {
             "icon-name": "DeleteOutlineRounded",
             variant: "ghost",
@@ -3816,7 +3816,7 @@ const k0 = { class: "ao-card-template-item__footer" }, A0 = {
     }));
   }
 });
-const E0 = /* @__PURE__ */ x({
+const E3 = /* @__PURE__ */ x({
   __name: "AoCardTemplateItemPhase",
   props: {
     id: {},
@@ -3824,10 +3824,10 @@ const E0 = /* @__PURE__ */ x({
     milestones: {}
   },
   setup(a) {
-    const e = a, t = y(() => {
+    const e = a, t = b(() => {
       var n;
       return (n = e.milestones) == null ? void 0 : n.length;
-    }), s = y(() => e.milestones ? wa(e.milestones) : 0);
+    }), s = b(() => e.milestones ? wa(e.milestones) : 0);
     return (n, o) => (v(), U(I1, Ve({
       id: n.id,
       title: n.name,
@@ -3840,13 +3840,13 @@ const E0 = /* @__PURE__ */ x({
       _: 3
     }, 16, ["id", "title", "activities", "milestones"]));
   }
-}), I0 = /* @__PURE__ */ x({
+}), I3 = /* @__PURE__ */ x({
   __name: "AoCardTemplateItemMilestone",
   props: {
     activities: {}
   },
   setup(a) {
-    const e = a, t = y(() => {
+    const e = a, t = b(() => {
       var s;
       return ((s = e.activities) == null ? void 0 : s.length) || 0;
     });
@@ -3857,7 +3857,7 @@ const E0 = /* @__PURE__ */ x({
       _: 3
     }, 8, ["activities"]));
   }
-}), O0 = { class: "ao-list__footer" }, L0 = /* @__PURE__ */ x({
+}), O3 = { class: "ao-list__footer" }, L3 = /* @__PURE__ */ x({
   __name: "AoTemplateDetailsMilestones",
   props: {
     templateId: {},
@@ -3898,7 +3898,7 @@ const E0 = /* @__PURE__ */ x({
         })
       ]),
       item: R(({ element: c }) => [
-        (v(), U(I0, {
+        (v(), U(I3, {
           id: c.id,
           key: c.id,
           title: c.name,
@@ -3915,7 +3915,7 @@ const E0 = /* @__PURE__ */ x({
         }, null, 8, ["id", "title", "activities", "is-active", "onUpdate:title", "onClick", "onRemove"]))
       ]),
       footer: R(() => [
-        d("div", O0, [
+        d("div", O3, [
           k(Xe, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.milestones.add"),
@@ -3926,14 +3926,14 @@ const E0 = /* @__PURE__ */ x({
       _: 1
     }, 8, ["model-value", "title"])) : E("", !0);
   }
-}), V0 = /* @__PURE__ */ x({
+}), V3 = /* @__PURE__ */ x({
   __name: "AoCardTemplateItemActivity",
   props: {
     name: {},
     tasks: {}
   },
   setup(a) {
-    const e = a, t = y(() => {
+    const e = a, t = b(() => {
       var s;
       return ((s = e.tasks) == null ? void 0 : s.length) || 0;
     });
@@ -3944,7 +3944,7 @@ const E0 = /* @__PURE__ */ x({
       _: 3
     }, 8, ["tasks"]));
   }
-}), H0 = { class: "ao-list__footer" }, D0 = /* @__PURE__ */ x({
+}), H3 = { class: "ao-list__footer" }, D3 = /* @__PURE__ */ x({
   __name: "AoTemplateDetailsActivities",
   props: {
     templateId: {},
@@ -3988,7 +3988,7 @@ const E0 = /* @__PURE__ */ x({
         })
       ]),
       item: R(({ element: c }) => [
-        (v(), U(V0, {
+        (v(), U(V3, {
           id: c.id,
           key: c.id,
           title: c.name,
@@ -4001,7 +4001,7 @@ const E0 = /* @__PURE__ */ x({
         }, null, 8, ["id", "title", "tasks", "is-active", "onUpdate:title", "onClick", "onRemove"]))
       ]),
       footer: R(() => [
-        d("div", H0, [
+        d("div", H3, [
           k(Xe, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.activities.add"),
@@ -4012,10 +4012,10 @@ const E0 = /* @__PURE__ */ x({
       _: 1
     }, 8, ["model-value", "title"])) : E("", !0);
   }
-}), P0 = { class: "ao-modal" }, B0 = { class: "ao-modal__header" }, N0 = { class: "ao-modal__header-meta" }, R0 = {
+}), P3 = { class: "ao-modal" }, B3 = { class: "ao-modal__header" }, N3 = { class: "ao-modal__header-meta" }, R3 = {
   key: 0,
   class: "ao-modal__title-group"
-}, U0 = { class: "ao-modal__body" }, Z0 = {
+}, U3 = { class: "ao-modal__body" }, Z3 = {
   key: 0,
   class: "ao-modal__footer"
 }, O1 = /* @__PURE__ */ x({
@@ -4032,9 +4032,9 @@ const E0 = /* @__PURE__ */ x({
         class: "ao-modal__backdrop",
         onClick: t[0] || (t[0] = (s) => e.$emit("close"))
       }),
-      d("div", P0, [
-        d("div", B0, [
-          d("div", N0, [
+      d("div", P3, [
+        d("div", B3, [
+          d("div", N3, [
             k(ce, {
               "icon-name": "CloseRounded",
               variant: "ghost",
@@ -4042,14 +4042,14 @@ const E0 = /* @__PURE__ */ x({
               onClick: t[1] || (t[1] = (s) => e.$emit("close"))
             })
           ]),
-          e.$slots.header ? (v(), C("header", R0, [
+          e.$slots.header ? (v(), C("header", R3, [
             Q(e.$slots, "header")
           ])) : E("", !0)
         ]),
-        d("div", U0, [
+        d("div", U3, [
           Q(e.$slots, "default")
         ]),
-        e.$slots.footer ? (v(), C("footer", Z0, [
+        e.$slots.footer ? (v(), C("footer", Z3, [
           Q(e.$slots, "footer")
         ])) : E("", !0)
       ])
@@ -4059,12 +4059,12 @@ const E0 = /* @__PURE__ */ x({
 const Lt = Math.min, ke = Math.max, Xt = Math.round, xt = Math.floor, Ye = (a) => ({
   x: a,
   y: a
-}), j0 = {
+}), j3 = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, F0 = {
+}, F3 = {
   start: "end",
   end: "start"
 };
@@ -4077,7 +4077,7 @@ function pt(a) {
 function u1(a) {
   return a.split("-")[1];
 }
-function q0(a) {
+function q3(a) {
   return a === "x" ? "y" : "x";
 }
 function $a(a) {
@@ -4087,22 +4087,22 @@ function V1(a) {
   return ["top", "bottom"].includes(pt(a)) ? "y" : "x";
 }
 function Ma(a) {
-  return q0(V1(a));
+  return q3(V1(a));
 }
-function W0(a, e, t) {
+function W3(a, e, t) {
   t === void 0 && (t = !1);
   const s = u1(a), n = Ma(a), o = $a(n);
   let i = n === "x" ? s === (t ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
   return e.reference[o] > e.floating[o] && (i = Qt(i)), [i, Qt(i)];
 }
-function z0(a) {
+function z3(a) {
   const e = Qt(a);
   return [A1(a), e, A1(e)];
 }
 function A1(a) {
-  return a.replace(/start|end/g, (e) => F0[e]);
+  return a.replace(/start|end/g, (e) => F3[e]);
 }
-function x0(a, e, t) {
+function x3(a, e, t) {
   const s = ["left", "right"], n = ["right", "left"], o = ["top", "bottom"], i = ["bottom", "top"];
   switch (a) {
     case "top":
@@ -4115,15 +4115,15 @@ function x0(a, e, t) {
       return [];
   }
 }
-function Y0(a, e, t, s) {
+function Y3(a, e, t, s) {
   const n = u1(a);
-  let o = x0(pt(a), t === "start", s);
+  let o = x3(pt(a), t === "start", s);
   return n && (o = o.map((i) => i + "-" + n), e && (o = o.concat(o.map(A1)))), o;
 }
 function Qt(a) {
-  return a.replace(/left|right|bottom|top/g, (e) => j0[e]);
+  return a.replace(/left|right|bottom|top/g, (e) => j3[e]);
 }
-function K0(a) {
+function K3(a) {
   return {
     top: 0,
     right: 0,
@@ -4132,8 +4132,8 @@ function K0(a) {
     ...a
   };
 }
-function G0(a) {
-  return typeof a != "number" ? K0(a) : {
+function G3(a) {
+  return typeof a != "number" ? K3(a) : {
     top: a,
     right: a,
     bottom: a,
@@ -4197,7 +4197,7 @@ function ta(a, e, t) {
   }
   return p;
 }
-const X0 = async (a, e, t) => {
+const X3 = async (a, e, t) => {
   const {
     placement: s = "bottom",
     strategy: n = "absolute",
@@ -4277,7 +4277,7 @@ async function ka(a, e) {
     elementContext: f = "floating",
     altBoundary: h = !1,
     padding: p = 0
-  } = L1(e, a), g = G0(p), T = l[h ? f === "floating" ? "reference" : "floating" : f], M = Jt(await o.getClippingRect({
+  } = L1(e, a), g = G3(p), T = l[h ? f === "floating" ? "reference" : "floating" : f], M = Jt(await o.getClippingRect({
     element: (t = await (o.isElement == null ? void 0 : o.isElement(T))) == null || t ? T : T.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
     boundary: c,
     rootBoundary: u,
@@ -4304,7 +4304,7 @@ async function ka(a, e) {
     right: (j.right - M.right + g.right) / Z.x
   };
 }
-const Q0 = function(a) {
+const Q3 = function(a) {
   return a === void 0 && (a = {}), {
     name: "flip",
     options: a,
@@ -4328,12 +4328,12 @@ const Q0 = function(a) {
       } = L1(a, e);
       if ((t = o.arrow) != null && t.alignmentOffset)
         return {};
-      const M = pt(n), w = pt(l) === l, L = await (r.isRTL == null ? void 0 : r.isRTL(c.floating)), Z = h || (w || !$ ? [Qt(l)] : z0(l));
-      !h && g !== "none" && Z.push(...Y0(l, $, g, L));
+      const M = pt(n), w = pt(l) === l, L = await (r.isRTL == null ? void 0 : r.isRTL(c.floating)), Z = h || (w || !$ ? [Qt(l)] : z3(l));
+      !h && g !== "none" && Z.push(...Y3(l, $, g, L));
       const j = [l, ...Z], V = await ka(e, T), I = [];
       let z = ((s = o.flip) == null ? void 0 : s.overflows) || [];
       if (u && I.push(V[M]), f) {
-        const S = W0(n, i, L);
+        const S = W3(n, i, L);
         I.push(V[S[0]], V[S[1]]);
       }
       if (z = [...z, {
@@ -4356,8 +4356,8 @@ const Q0 = function(a) {
         if (!le)
           switch (p) {
             case "bestFit": {
-              var b;
-              const J = (b = z.map((re) => [re.placement, re.overflows.filter((ae) => ae > 0).reduce((ae, m) => ae + m, 0)]).sort((re, ae) => re[1] - ae[1])[0]) == null ? void 0 : b[0];
+              var y;
+              const J = (y = z.map((re) => [re.placement, re.overflows.filter((ae) => ae > 0).reduce((ae, m) => ae + m, 0)]).sort((re, ae) => re[1] - ae[1])[0]) == null ? void 0 : y[0];
               J && (le = J);
               break;
             }
@@ -4375,7 +4375,7 @@ const Q0 = function(a) {
       return {};
     }
   };
-}, J0 = function(a) {
+}, J3 = function(a) {
   return a === void 0 && (a = {}), {
     name: "size",
     options: a,
@@ -4454,14 +4454,14 @@ function Rt(a) {
   } = Se(a);
   return /auto|scroll|overlay|hidden|clip/.test(e + s + t) && !["inline", "contents"].includes(n);
 }
-function e3(a) {
+function e0(a) {
   return ["table", "td", "th"].includes(Ke(a));
 }
 function H1(a) {
   const e = D1(), t = Se(a);
   return t.transform !== "none" || t.perspective !== "none" || (t.containerType ? t.containerType !== "normal" : !1) || !e && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !e && (t.filter ? t.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((s) => (t.willChange || "").includes(s)) || ["paint", "layout", "strict", "content"].some((s) => (t.contain || "").includes(s));
 }
-function t3(a) {
+function t0(a) {
   let e = mt(a);
   for (; He(e) && !c1(e); ) {
     if (H1(e))
@@ -4538,15 +4538,15 @@ function ft(a) {
     y: l
   };
 }
-const a3 = /* @__PURE__ */ Ye(0);
+const a0 = /* @__PURE__ */ Ye(0);
 function Ea(a) {
   const e = we(a);
-  return !D1() || !e.visualViewport ? a3 : {
+  return !D1() || !e.visualViewport ? a0 : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function n3(a, e, t) {
+function n0(a, e, t) {
   return e === void 0 && (e = !1), !t || e && t !== we(a) ? !1 : e;
 }
 function Je(a, e, t, s) {
@@ -4554,7 +4554,7 @@ function Je(a, e, t, s) {
   const n = a.getBoundingClientRect(), o = P1(a);
   let i = Ye(1);
   e && (s ? Ue(s) && (i = ft(s)) : i = ft(a));
-  const l = n3(o, t, s) ? Ea(o) : Ye(0);
+  const l = n0(o, t, s) ? Ea(o) : Ye(0);
   let r = (n.left + l.x) / i.x, c = (n.top + l.y) / i.y, u = n.width / i.x, f = n.height / i.y;
   if (o) {
     const h = we(o), p = s && Ue(s) ? we(s) : s;
@@ -4571,7 +4571,7 @@ function Je(a, e, t, s) {
     y: c
   });
 }
-function s3(a) {
+function s0(a) {
   let {
     rect: e,
     offsetParent: t,
@@ -4596,13 +4596,13 @@ function s3(a) {
     y: e.y * l.y - i.scrollTop * l.y + r.y
   };
 }
-function i3(a) {
+function i0(a) {
   return Array.from(a.getClientRects());
 }
 function Ia(a) {
   return Je(Ze(a)).left + d1(a).scrollLeft;
 }
-function o3(a) {
+function o0(a) {
   const e = Ze(a), t = d1(a), s = a.ownerDocument.body, n = ke(e.scrollWidth, e.clientWidth, s.scrollWidth, s.clientWidth), o = ke(e.scrollHeight, e.clientHeight, s.scrollHeight, s.clientHeight);
   let i = -t.scrollLeft + Ia(a);
   const l = -t.scrollTop;
@@ -4613,7 +4613,7 @@ function o3(a) {
     y: l
   };
 }
-function l3(a, e) {
+function l0(a, e) {
   const t = we(a), s = Ze(a), n = t.visualViewport;
   let o = s.clientWidth, i = s.clientHeight, l = 0, r = 0;
   if (n) {
@@ -4628,7 +4628,7 @@ function l3(a, e) {
     y: r
   };
 }
-function r3(a, e) {
+function r0(a, e) {
   const t = Je(a, !0, e === "fixed"), s = t.top + a.clientTop, n = t.left + a.clientLeft, o = He(a) ? ft(a) : Ye(1), i = a.clientWidth * o.x, l = a.clientHeight * o.y, r = n * o.x, c = s * o.y;
   return {
     width: i,
@@ -4640,11 +4640,11 @@ function r3(a, e) {
 function na(a, e, t) {
   let s;
   if (e === "viewport")
-    s = l3(a, t);
+    s = l0(a, t);
   else if (e === "document")
-    s = o3(Ze(a));
+    s = o0(Ze(a));
   else if (Ue(e))
-    s = r3(e, t);
+    s = r0(e, t);
   else {
     const n = Ea(a);
     s = {
@@ -4659,7 +4659,7 @@ function Oa(a, e) {
   const t = mt(a);
   return t === e || !Ue(t) || c1(t) ? !1 : Se(t).position === "fixed" || Oa(t, e);
 }
-function u3(a, e) {
+function u0(a, e) {
   const t = e.get(a);
   if (t)
     return t;
@@ -4672,14 +4672,14 @@ function u3(a, e) {
   }
   return e.set(a, s), s;
 }
-function c3(a) {
+function c0(a) {
   let {
     element: e,
     boundary: t,
     rootBoundary: s,
     strategy: n
   } = a;
-  const i = [...t === "clippingAncestors" ? u3(e, this._c) : [].concat(t), s], l = i[0], r = i.reduce((c, u) => {
+  const i = [...t === "clippingAncestors" ? u0(e, this._c) : [].concat(t), s], l = i[0], r = i.reduce((c, u) => {
     const f = na(e, u, n);
     return c.top = ke(f.top, c.top), c.right = Lt(f.right, c.right), c.bottom = Lt(f.bottom, c.bottom), c.left = ke(f.left, c.left), c;
   }, na(e, l, n));
@@ -4690,10 +4690,10 @@ function c3(a) {
     y: r.top
   };
 }
-function d3(a) {
+function d0(a) {
   return Sa(a);
 }
-function f3(a, e, t) {
+function f0(a, e, t) {
   const s = He(e), n = Ze(e), o = t === "fixed", i = Je(a, !0, o, e);
   let l = {
     scrollLeft: 0,
@@ -4721,11 +4721,11 @@ function La(a, e) {
   if (!He(a))
     return t;
   let s = sa(a, e);
-  for (; s && e3(s) && Se(s).position === "static"; )
+  for (; s && e0(s) && Se(s).position === "static"; )
     s = sa(s, e);
-  return s && (Ke(s) === "html" || Ke(s) === "body" && Se(s).position === "static" && !H1(s)) ? t : s || t3(a) || t;
+  return s && (Ke(s) === "html" || Ke(s) === "body" && Se(s).position === "static" && !H1(s)) ? t : s || t0(a) || t;
 }
-const v3 = async function(a) {
+const v0 = async function(a) {
   let {
     reference: e,
     floating: t,
@@ -4733,7 +4733,7 @@ const v3 = async function(a) {
   } = a;
   const n = this.getOffsetParent || La, o = this.getDimensions;
   return {
-    reference: f3(e, await n(t), s),
+    reference: f0(e, await n(t), s),
     floating: {
       x: 0,
       y: 0,
@@ -4741,22 +4741,22 @@ const v3 = async function(a) {
     }
   };
 };
-function h3(a) {
+function h0(a) {
   return Se(a).direction === "rtl";
 }
-const p3 = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: s3,
+const p0 = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: s0,
   getDocumentElement: Ze,
-  getClippingRect: c3,
+  getClippingRect: c0,
   getOffsetParent: La,
-  getElementRects: v3,
-  getClientRects: i3,
-  getDimensions: d3,
+  getElementRects: v0,
+  getClientRects: i0,
+  getDimensions: d0,
   getScale: ft,
   isElement: Ue,
-  isRTL: h3
+  isRTL: h0
 };
-function m3(a, e) {
+function m0(a, e) {
   let t = null, s;
   const n = Ze(a);
   function o() {
@@ -4801,7 +4801,7 @@ function m3(a, e) {
   }
   return i(!0), o;
 }
-function C3(a, e, t, s) {
+function C0(a, e, t, s) {
   s === void 0 && (s = {});
   const {
     ancestorScroll: n = !0,
@@ -4815,7 +4815,7 @@ function C3(a, e, t, s) {
       passive: !0
     }), o && M.addEventListener("resize", t);
   });
-  const f = c && l ? m3(c, t) : null;
+  const f = c && l ? m0(c, t) : null;
   let h = -1, p = null;
   i && (p = new ResizeObserver((M) => {
     let [w] = M;
@@ -4835,19 +4835,19 @@ function C3(a, e, t, s) {
     }), f && f(), p && p.disconnect(), p = null, r && cancelAnimationFrame(g);
   };
 }
-const _3 = (a, e, t) => {
+const _0 = (a, e, t) => {
   const s = /* @__PURE__ */ new Map(), n = {
-    platform: p3,
+    platform: p0,
     ...t
   }, o = {
     ...n.platform,
     _c: s
   };
-  return X0(a, e, {
+  return X3(a, e, {
     ...n,
     platform: o
   });
-}, g3 = (a) => {
+}, g0 = (a) => {
   const e = X(!1), t = X(), s = X(), n = X(0);
   function o() {
     const f = F(a.appendTo);
@@ -4872,21 +4872,21 @@ const _3 = (a, e, t) => {
       transform: "none",
       marginTop: 0
     }), i.appendChild(h), a.multiselect.value.handleFocusOut = r;
-    const g = C3(t.value, s.value, u);
+    const g = C0(t.value, s.value, u);
     l.value = () => {
       s.value && i.contains(s.value) && i.removeChild(s.value), g();
     };
   }
   function u() {
-    !s.value || !t.value || _3(t.value, s.value, {
+    !s.value || !t.value || _0(t.value, s.value, {
       strategy: "absolute",
       placement: "bottom-start",
       middleware: [
-        Q0({
+        Q3({
           fallbackStrategy: "initialPlacement",
           fallbackPlacements: ["top-start", "bottom-start"]
         }),
-        J0({
+        J3({
           apply({ availableWidth: f, availableHeight: h, elements: p, rects: g }) {
             Object.assign(p.floating.style, {
               minHeight: `${n.value}px`,
@@ -4916,7 +4916,7 @@ const _3 = (a, e, t) => {
 function Le(a) {
   return [null, void 0].indexOf(a) !== -1;
 }
-function y3(a, e, t) {
+function y0(a, e, t) {
   const { object: s, valueProp: n, mode: o } = $e(a), i = tt().proxy, l = t.iv, r = (f, h = !0) => {
     l.value = u(f);
     const p = c(f);
@@ -4926,8 +4926,8 @@ function y3(a, e, t) {
     update: r
   };
 }
-function b3(a, e) {
-  const { value: t, modelValue: s, mode: n, valueProp: o } = $e(a), i = X(n.value !== "single" ? [] : {}), l = s && s.value !== void 0 ? s : t, r = y(() => n.value === "single" ? i.value[o.value] : i.value.map((u) => u[o.value])), c = y(() => n.value !== "single" ? i.value.map((u) => u[o.value]).join(",") : i.value[o.value]);
+function b0(a, e) {
+  const { value: t, modelValue: s, mode: n, valueProp: o } = $e(a), i = X(n.value !== "single" ? [] : {}), l = s && s.value !== void 0 ? s : t, r = b(() => n.value === "single" ? i.value[o.value] : i.value.map((u) => u[o.value])), c = b(() => n.value !== "single" ? i.value.map((u) => u[o.value]).join(",") : i.value[o.value]);
   return {
     iv: i,
     internalValue: i,
@@ -4937,7 +4937,7 @@ function b3(a, e) {
     plainValue: r
   };
 }
-function w3(a, e, t) {
+function w0(a, e, t) {
   const { regex: s } = $e(a), n = tt().proxy, o = t.isOpen, i = t.open, l = X(null), r = X(null), c = () => {
     l.value = "";
   }, u = (p) => {
@@ -4966,7 +4966,7 @@ function w3(a, e, t) {
     handlePaste: h
   };
 }
-function $3(a, e, t) {
+function $0(a, e, t) {
   const { groupSelect: s, mode: n, groups: o, disabledProp: i } = $e(a), l = X(null), r = (u) => {
     u === void 0 || u !== null && u[i.value] || o.value && u && u.group && (n.value === "single" || !s.value) || (l.value = u);
   };
@@ -4981,16 +4981,16 @@ function $3(a, e, t) {
 function $1(a, e = !0) {
   return e ? String(a).toLowerCase().trim() : String(a).toLowerCase().normalize("NFD").trim().replace(new RegExp(/æ/g), "ae").replace(new RegExp(/œ/g), "oe").replace(new RegExp(/ø/g), "o").replace(/\p{Diacritic}/gu, "");
 }
-function M3(a) {
+function M0(a) {
   return Object.prototype.toString.call(a) === "[object Object]";
 }
-function k3(a, e) {
+function k0(a, e) {
   const t = e.slice().sort();
   return a.length === e.length && a.slice().sort().every(function(s, n) {
     return s === t[n];
   });
 }
-function A3(a, e, t) {
+function A0(a, e, t) {
   const {
     options: s,
     mode: n,
@@ -5016,7 +5016,7 @@ function A3(a, e, t) {
     groupLabel: z,
     canDeselect: Y,
     max: ne,
-    strict: b,
+    strict: y,
     closeOnSelect: S,
     closeOnDeselect: D,
     groups: le,
@@ -5029,7 +5029,7 @@ function A3(a, e, t) {
     disabledProp: B,
     searchStart: oe,
     searchFilter: me
-  } = $e(a), se = tt().proxy, ee = t.iv, O = t.ev, q = t.search, Ce = t.clearSearch, Pe = t.update, Ha = t.pointer, nt = t.clearPointer, Da = t.focus, Pa = t.deactivate, st = t.close, Ba = t.localize, gt = X([]), je = X([]), Ie = X(!1), f1 = X(null), v1 = X(re.value && i.value === -1 ? 10 : i.value), U1 = y(() => r.value || c.value || !1), Na = y(() => f.value !== void 0 ? f.value : h.value !== void 0 ? h.value : !0), Fe = y(() => {
+  } = $e(a), se = tt().proxy, ee = t.iv, O = t.ev, q = t.search, Ce = t.clearSearch, Pe = t.update, Ha = t.pointer, nt = t.clearPointer, Da = t.focus, Pa = t.deactivate, st = t.close, Ba = t.localize, gt = X([]), je = X([]), Ie = X(!1), f1 = X(null), v1 = X(re.value && i.value === -1 ? 10 : i.value), U1 = b(() => r.value || c.value || !1), Na = b(() => f.value !== void 0 ? f.value : h.value !== void 0 ? h.value : !0), Fe = b(() => {
     if (le.value) {
       let _ = Ut.value || /* istanbul ignore next */
       [], H = [];
@@ -5043,13 +5043,13 @@ function A3(a, e, t) {
       []);
       return gt.value.length && (_ = _.concat(gt.value)), _;
     }
-  }), Z1 = y(() => {
+  }), Z1 = b(() => {
     let _ = Fe.value;
     return J.value && (_ = _.reverse()), it.value.length && (_ = it.value.concat(_)), _1(_);
-  }), yt = y(() => {
+  }), yt = b(() => {
     let _ = Z1.value;
     return v1.value > 0 && (_ = _.slice(0, v1.value)), _;
-  }), Ut = y(() => {
+  }), Ut = b(() => {
     if (!le.value)
       return [];
     let _ = [], H = je.value || /* istanbul ignore next */
@@ -5059,14 +5059,14 @@ function A3(a, e, t) {
       [ae.value]: [...gt.value],
       __CREATE__: !0
     }), _.concat(H);
-  }), Ra = y(() => {
+  }), Ra = b(() => {
     let _ = [...Ut.value].map((H) => ({ ...H }));
     return it.value.length && (_[0] && _[0].__CREATE__ ? _[0][ae.value] = [...it.value, ..._[0][ae.value]] : _ = [{
       [z.value]: " ",
       [ae.value]: [...it.value],
       __CREATE__: !0
     }].concat(_)), _;
-  }), j1 = y(() => {
+  }), j1 = b(() => {
     if (!le.value)
       return [];
     let _ = Ra.value;
@@ -5081,7 +5081,7 @@ function A3(a, e, t) {
         __VISIBLE__: _1(ve).map((bt) => Object.assign({}, bt, H[B.value] ? { [B.value]: !0 } : {}))
       };
     }));
-  }), h1 = y(() => {
+  }), h1 = b(() => {
     switch (n.value) {
       case "single":
         return !Le(ee.value[V.value]);
@@ -5089,12 +5089,12 @@ function A3(a, e, t) {
       case "tags":
         return !Le(ee.value) && ee.value.length > 0;
     }
-  }), Ua = y(() => p !== void 0 && p.value !== void 0 ? p.value(ee.value, se) : ee.value && ee.value.length > 1 ? `${ee.value.length} options selected` : "1 option selected"), Za = y(() => !Fe.value.length && !Ie.value && !it.value.length), ja = y(() => Fe.value.length > 0 && yt.value.length == 0 && (q.value && le.value || !le.value)), it = y(() => U1.value === !1 || !q.value ? [] : Xa(q.value) !== -1 ? [] : [{
+  }), Ua = b(() => p !== void 0 && p.value !== void 0 ? p.value(ee.value, se) : ee.value && ee.value.length > 1 ? `${ee.value.length} options selected` : "1 option selected"), Za = b(() => !Fe.value.length && !Ie.value && !it.value.length), ja = b(() => Fe.value.length > 0 && yt.value.length == 0 && (q.value && le.value || !le.value)), it = b(() => U1.value === !1 || !q.value ? [] : Xa(q.value) !== -1 ? [] : [{
     [V.value]: q.value,
     [Oe.value]: q.value,
     [u.value]: q.value,
     __CREATE__: !0
-  }]), Oe = y(() => o.value || u.value), Fa = y(() => {
+  }]), Oe = b(() => o.value || u.value), Fa = b(() => {
     switch (n.value) {
       case "single":
         return null;
@@ -5102,7 +5102,7 @@ function A3(a, e, t) {
       case "tags":
         return [];
     }
-  }), qa = y(() => $.value || Ie.value), ot = (_) => {
+  }), qa = b(() => $.value || Ie.value), ot = (_) => {
     switch (typeof _ != "object" && (_ = Ne(_)), n.value) {
       case "single":
         Pe(_);
@@ -5213,15 +5213,15 @@ function A3(a, e, t) {
     let te = _;
     if (q.value && L.value) {
       let ve = me.value;
-      ve || (ve = (bt, O4) => {
-        let Y1 = $1(Ba(bt[Oe.value]), b.value);
-        return oe.value ? Y1.startsWith($1(q.value, b.value)) : Y1.indexOf($1(q.value, b.value)) !== -1;
+      ve || (ve = (bt, L4) => {
+        let Y1 = $1(Ba(bt[Oe.value]), y.value);
+        return oe.value ? Y1.startsWith($1(q.value, y.value)) : Y1.indexOf($1(q.value, y.value)) !== -1;
       }), te = te.filter(ve);
     }
     return l.value && H && (te = te.filter((ve) => !Qa(ve))), te;
   }, g1 = (_) => {
     let H = _;
-    return M3(H) && (H = Object.keys(H).map((te) => {
+    return M0(H) && (H = Object.keys(H).map((te) => {
       let ve = H[te];
       return { [V.value]: te, [Oe.value]: ve, [u.value]: ve };
     })), H = H.map((te) => typeof te == "object" ? te : { [V.value]: te, [Oe.value]: te, [u.value]: te }), H;
@@ -5290,7 +5290,7 @@ function A3(a, e, t) {
         break;
       case "multiple":
       case "tags":
-        k3(g.value ? _.map((H) => H[V.value]) : _, ee.value.map((H) => H[V.value])) || Pe(Ft(_), !1);
+        k0(g.value ? _.map((H) => H[V.value]) : _, ee.value.map((H) => H[V.value])) || Pe(Ft(_), !1);
         break;
     }
   }, { deep: !0 }), ue(s, (_, H) => {
@@ -5329,7 +5329,7 @@ function A3(a, e, t) {
     refreshLabels: y1
   };
 }
-function T3(a, e, t) {
+function T0(a, e, t) {
   const {
     valueProp: s,
     showOptions: n,
@@ -5340,23 +5340,23 @@ function T3(a, e, t) {
     groupSelect: c,
     disabledProp: u,
     groupOptions: f
-  } = $e(a), h = t.fo, p = t.fg, g = t.handleOptionClick, $ = t.handleGroupClick, T = t.search, M = t.pointer, w = t.setPointer, L = t.clearPointer, Z = t.multiselect, j = t.isOpen, V = y(() => h.value.filter((O) => !O[u.value])), I = y(() => p.value.filter((O) => !O[u.value])), z = y(() => r.value !== "single" && c.value), Y = y(() => M.value && M.value.group), ne = y(() => se(M.value)), b = y(() => {
+  } = $e(a), h = t.fo, p = t.fg, g = t.handleOptionClick, $ = t.handleGroupClick, T = t.search, M = t.pointer, w = t.setPointer, L = t.clearPointer, Z = t.multiselect, j = t.isOpen, V = b(() => h.value.filter((O) => !O[u.value])), I = b(() => p.value.filter((O) => !O[u.value])), z = b(() => r.value !== "single" && c.value), Y = b(() => M.value && M.value.group), ne = b(() => se(M.value)), y = b(() => {
     const O = Y.value ? M.value : (
       /* istanbul ignore next */
       se(M.value)
     ), q = I.value.map((Pe) => Pe[i.value]).indexOf(O[i.value]);
     let Ce = I.value[q - 1];
     return Ce === void 0 && (Ce = D.value), Ce;
-  }), S = y(() => {
+  }), S = b(() => {
     let O = I.value.map((q) => q.label).indexOf(Y.value ? M.value[i.value] : se(M.value)[i.value]) + 1;
     return I.value.length <= O && (O = 0), I.value[O];
-  }), D = y(() => [...I.value].slice(-1)[0]), le = y(() => M.value.__VISIBLE__.filter((O) => !O[u.value])[0]), J = y(() => {
+  }), D = b(() => [...I.value].slice(-1)[0]), le = b(() => M.value.__VISIBLE__.filter((O) => !O[u.value])[0]), J = b(() => {
     const O = ne.value.__VISIBLE__.filter((q) => !q[u.value]);
     return O[O.map((q) => q[s.value]).indexOf(M.value[s.value]) - 1];
-  }), re = y(() => {
+  }), re = b(() => {
     const O = se(M.value).__VISIBLE__.filter((q) => !q[u.value]);
     return O[O.map((q) => q[s.value]).indexOf(M.value[s.value]) + 1];
-  }), ae = y(() => [...b.value.__VISIBLE__.filter((O) => !O[u.value])].slice(-1)[0]), m = y(() => [...D.value.__VISIBLE__.filter((O) => !O[u.value])].slice(-1)[0]), A = (O) => M.value && (!O.group && M.value[s.value] === O[s.value] || O.group !== void 0 && M.value[i.value] === O[i.value]) ? !0 : void 0, N = () => {
+  }), ae = b(() => [...y.value.__VISIBLE__.filter((O) => !O[u.value])].slice(-1)[0]), m = b(() => [...D.value.__VISIBLE__.filter((O) => !O[u.value])].slice(-1)[0]), A = (O) => M.value && (!O.group && M.value[s.value] === O[s.value] || O.group !== void 0 && M.value[i.value] === O[i.value]) ? !0 : void 0, N = () => {
     w(V.value[0] || null);
   }, B = () => {
     !M.value || M.value[u.value] === !0 || (Y.value ? $(M.value) : g(M.value));
@@ -5380,7 +5380,7 @@ function T3(a, e, t) {
       l.value && z.value && (O = m.value, O === void 0 && (O = D.value)), w(O || null);
     } else if (l.value && z.value) {
       let O = Y.value ? ae.value : J.value;
-      O === void 0 && (O = Y.value ? b.value : ne.value, O.__CREATE__ && (O = ae.value, O === void 0 && (O = b.value))), w(O || /* istanbul ignore next */
+      O === void 0 && (O = Y.value ? y.value : ne.value, O.__CREATE__ && (O = ae.value, O === void 0 && (O = y.value))), w(O || /* istanbul ignore next */
       null);
     } else {
       let O = V.value.map((q) => q[s.value]).indexOf(M.value[s.value]) - 1;
@@ -5418,7 +5418,7 @@ function T3(a, e, t) {
     backwardPointer: me
   };
 }
-function S3(a, e, t) {
+function S0(a, e, t) {
   const { disabled: s } = $e(a), n = tt().proxy, o = X(!1);
   return {
     isOpen: o,
@@ -5430,8 +5430,8 @@ function S3(a, e, t) {
     }
   };
 }
-function E3(a, e, t) {
-  const { searchable: s, disabled: n, clearOnBlur: o } = $e(a), i = t.input, l = t.open, r = t.close, c = t.clearSearch, u = t.isOpen, f = X(null), h = X(null), p = X(null), g = X(!1), $ = X(!1), T = y(() => s.value || n.value ? -1 : 0), M = () => {
+function E0(a, e, t) {
+  const { searchable: s, disabled: n, clearOnBlur: o } = $e(a), i = t.input, l = t.open, r = t.close, c = t.clearSearch, u = t.isOpen, f = X(null), h = X(null), p = X(null), g = X(!1), $ = X(!1), T = b(() => s.value || n.value ? -1 : 0), M = () => {
     s.value && i.value.blur(), h.value.blur();
   }, w = () => {
     s.value && !n.value && i.value.focus();
@@ -5471,7 +5471,7 @@ function E3(a, e, t) {
     }
   };
 }
-function I3(a, e, t) {
+function I0(a, e, t) {
   const {
     mode: s,
     addTagOn: n,
@@ -5484,7 +5484,7 @@ function I3(a, e, t) {
     createTag: f,
     createOption: h,
     reverse: p
-  } = $e(a), g = tt().proxy, $ = t.iv, T = t.update, M = t.search, w = t.setPointer, L = t.selectPointer, Z = t.backwardPointer, j = t.forwardPointer, V = t.multiselect, I = t.wrapper, z = t.tags, Y = t.isOpen, ne = t.open, b = t.blur, S = t.fo, D = y(() => f.value || h.value || !1), le = y(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), J = () => {
+  } = $e(a), g = tt().proxy, $ = t.iv, T = t.update, M = t.search, w = t.setPointer, L = t.selectPointer, Z = t.backwardPointer, j = t.forwardPointer, V = t.multiselect, I = t.wrapper, z = t.tags, Y = t.isOpen, ne = t.open, y = t.blur, S = t.fo, D = b(() => f.value || h.value || !1), le = b(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), J = () => {
     s.value === "tags" && !l.value && D.value && i.value && !c.value && w(S.value[S.value.map((A) => A[r.value]).indexOf(M.value)]);
   }, re = (A) => {
     let N = A.length - 1;
@@ -5532,7 +5532,7 @@ function I3(a, e, t) {
           J(), L(), A.preventDefault();
           break;
         case "Escape":
-          b();
+          y();
           break;
         case "ArrowUp":
           if (A.preventDefault(), !l.value)
@@ -5562,13 +5562,13 @@ function I3(a, e, t) {
     preparePointer: J
   };
 }
-function O3(a, e, t) {
+function O0(a, e, t) {
   const {
     classes: s,
     disabled: n,
     openDirection: o,
     showOptions: i
-  } = $e(a), l = t.isOpen, r = t.isPointed, c = t.isSelected, u = t.isDisabled, f = t.isActive, h = t.canPointGroups, p = t.resolving, g = t.fo, $ = y(() => ({
+  } = $e(a), l = t.isOpen, r = t.isPointed, c = t.isSelected, u = t.isDisabled, f = t.isActive, h = t.canPointGroups, p = t.resolving, g = t.fo, $ = b(() => ({
     container: "multiselect",
     containerDisabled: "is-disabled",
     containerOpen: "is-open",
@@ -5621,9 +5621,9 @@ function O3(a, e, t) {
     assist: "multiselect-assistive-text",
     spacer: "multiselect-spacer",
     ...s.value
-  })), T = y(() => !!(l.value && i.value && (!p.value || p.value && g.value.length)));
+  })), T = b(() => !!(l.value && i.value && (!p.value || p.value && g.value.length)));
   return {
-    classList: y(() => {
+    classList: b(() => {
       const w = $.value;
       return {
         container: [w.container].concat(n.value ? w.containerDisabled : []).concat(T.value && o.value === "top" ? w.containerOpenTop : []).concat(T.value && o.value !== "top" ? w.containerOpen : []).concat(f.value ? w.containerActive : []),
@@ -5669,11 +5669,11 @@ function O3(a, e, t) {
     showDropdown: T
   };
 }
-function L3(a, e, t) {
+function L0(a, e, t) {
   const {
     limit: s,
     infinite: n
-  } = $e(a), o = t.isOpen, i = t.offset, l = t.search, r = t.pfo, c = t.eo, u = X(null), f = X(null), h = y(() => i.value < r.value.length), p = ($) => {
+  } = $e(a), o = t.isOpen, i = t.offset, l = t.search, r = t.pfo, c = t.eo, u = X(null), f = X(null), h = b(() => i.value < r.value.length), p = ($) => {
     const { isIntersecting: T, target: M } = $[0];
     if (T) {
       const w = M.offsetParent, L = w.scrollTop;
@@ -5697,7 +5697,7 @@ function L3(a, e, t) {
     infiniteLoader: f
   };
 }
-function V3(a, e, t) {
+function V0(a, e, t) {
   const {
     placeholder: s,
     id: n,
@@ -5707,20 +5707,20 @@ function V3(a, e, t) {
     groupLabel: r,
     aria: c,
     searchable: u
-  } = $e(a), f = t.pointer, h = t.iv, p = t.hasSelected, g = t.multipleLabelText, $ = X(null), T = y(() => {
+  } = $e(a), f = t.pointer, h = t.iv, p = t.hasSelected, g = t.multipleLabelText, $ = X(null), T = b(() => {
     let S = [];
     return n && n.value && S.push(n.value), S.push("assist"), S.join("-");
-  }), M = y(() => {
+  }), M = b(() => {
     let S = [];
     return n && n.value && S.push(n.value), S.push("multiselect-options"), S.join("-");
-  }), w = y(() => {
+  }), w = b(() => {
     let S = [];
     if (n && n.value && S.push(n.value), f.value)
       return S.push(f.value.group ? "multiselect-group" : "multiselect-option"), S.push(f.value.group ? f.value.index : f.value[o.value]), S.join("-");
-  }), L = y(() => s.value), Z = y(() => l.value !== "single"), j = y(() => {
+  }), L = b(() => s.value), Z = b(() => l.value !== "single"), j = b(() => {
     let S = "";
     return l.value === "single" && p.value && (S += h.value[i.value]), l.value === "multiple" && p.value && (S += g.value), l.value === "tags" && p.value && (S += h.value.map((D) => D[i.value]).join(", ")), S;
-  }), V = y(() => {
+  }), V = b(() => {
     let S = { ...c.value };
     return u.value && (S["aria-labelledby"] = S["aria-labelledby"] ? `${T.value} ${S["aria-labelledby"]}` : T.value, j.value && S["aria-label"] && (S["aria-label"] = `${j.value}, ${S["aria-label"]}`)), S;
   }), I = (S) => {
@@ -5735,7 +5735,7 @@ function V3(a, e, t) {
   }, ne = (S) => {
     let D = [];
     return D.push(S), D.join(" ");
-  }, b = (S) => `${S} ❎`;
+  }, y = (S) => `${S} ❎`;
   return Dt(() => {
     if (n && n.value && document && document.querySelector) {
       let S = document.querySelector(`[for="${n.value}"]`);
@@ -5753,10 +5753,10 @@ function V3(a, e, t) {
     ariaOptionLabel: Y,
     ariaGroupId: z,
     ariaGroupLabel: ne,
-    ariaTagLabel: b
+    ariaTagLabel: y
   };
 }
-function H3(a, e, t) {
+function H0(a, e, t) {
   const {
     locale: s,
     fallbackLocale: n
@@ -5765,7 +5765,7 @@ function H3(a, e, t) {
     localize: (i) => !i || typeof i != "object" ? i : i && i[s.value] ? i[s.value] : i && s.value && i[s.value.toUpperCase()] ? i[s.value.toUpperCase()] : i && i[n.value] ? i[n.value] : i && n.value && i[n.value.toUpperCase()] ? i[n.value.toUpperCase()] : i && Object.keys(i)[0] ? i[Object.keys(i)[0]] : ""
   };
 }
-function D3(a, e, t, s = {}) {
+function D0(a, e, t, s = {}) {
   return t.forEach((n) => {
     n && (s = {
       ...s,
@@ -6109,24 +6109,24 @@ var We = {
     }
   },
   setup(a, e) {
-    return D3(a, e, [
-      H3,
-      b3,
-      $3,
-      S3,
-      w3,
-      y3,
-      E3,
-      A3,
-      L3,
-      T3,
-      I3,
-      O3,
-      V3
+    return D0(a, e, [
+      H0,
+      b0,
+      $0,
+      S0,
+      w0,
+      y0,
+      E0,
+      A0,
+      L0,
+      T0,
+      I0,
+      O0,
+      V0
     ]);
   }
 };
-const P3 = ["id", "dir"], B3 = ["tabindex", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable", "role"], N3 = ["type", "modelValue", "value", "autocomplete", "id", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], R3 = ["onKeyup", "aria-label"], U3 = ["onClick"], Z3 = ["type", "modelValue", "value", "id", "autocomplete", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], j3 = ["innerHTML"], F3 = ["id"], q3 = ["id", "aria-label", "aria-selected"], W3 = ["data-pointed", "onMouseenter", "onClick"], z3 = ["innerHTML"], x3 = ["aria-label"], Y3 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], K3 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], G3 = ["innerHTML"], X3 = ["innerHTML"], Q3 = ["value"], J3 = ["name", "value"], e5 = ["name", "value"], t5 = ["id"];
+const P0 = ["id", "dir"], B0 = ["tabindex", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable", "role"], N0 = ["type", "modelValue", "value", "autocomplete", "id", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], R0 = ["onKeyup", "aria-label"], U0 = ["onClick"], Z0 = ["type", "modelValue", "value", "id", "autocomplete", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], j0 = ["innerHTML"], F0 = ["id"], q0 = ["id", "aria-label", "aria-selected"], W0 = ["data-pointed", "onMouseenter", "onClick"], z0 = ["innerHTML"], x0 = ["aria-label"], Y0 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], K0 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], G0 = ["innerHTML"], X0 = ["innerHTML"], Q0 = ["value"], J0 = ["name", "value"], e5 = ["name", "value"], t5 = ["id"];
 function a5(a, e, t, s, n, o) {
   return v(), C("div", {
     ref: "multiselect",
@@ -6172,7 +6172,7 @@ function a5(a, e, t, s, n, o) {
       }, {
         ...t.attrs,
         ...a.arias
-      }), null, 16, N3)) : E("v-if", !0),
+      }), null, 16, N0)) : E("v-if", !0),
       E(" Tags (with search) "),
       t.mode == "tags" ? (v(), C(
         "div",
@@ -6219,8 +6219,8 @@ function a5(a, e, t, s, n, o) {
                     2
                     /* CLASS */
                   )
-                ], 10, U3)) : E("v-if", !0)
-              ], 42, R3))
+                ], 10, U0)) : E("v-if", !0)
+              ], 42, R0))
             ])),
             256
             /* UNKEYED_FRAGMENT */
@@ -6264,7 +6264,7 @@ function a5(a, e, t, s, n, o) {
               }, {
                 ...t.attrs,
                 ...a.arias
-              }), null, 16, Z3)) : E("v-if", !0)
+              }), null, 16, Z0)) : E("v-if", !0)
             ],
             2
             /* CLASS */
@@ -6306,7 +6306,7 @@ function a5(a, e, t, s, n, o) {
         d("div", {
           class: G(a.classList.multipleLabel),
           innerHTML: a.multipleLabelText
-        }, null, 10, j3)
+        }, null, 10, j0)
       ]) : E("v-if", !0),
       E(" Placeholder "),
       t.placeholder && !a.hasSelected && !a.search ? Q(a.$slots, "placeholder", { key: 4 }, () => [
@@ -6380,7 +6380,7 @@ function a5(a, e, t, s, n, o) {
           /* CLASS */
         )
       ]) : E("v-if", !0)
-    ], 16, B3),
+    ], 16, B0),
     E(" Options "),
     d(
       "div",
@@ -6420,9 +6420,9 @@ function a5(a, e, t, s, n, o) {
                 }, () => [
                   d("span", {
                     innerHTML: a.localize(i[t.groupLabel])
-                  }, null, 8, z3)
+                  }, null, 8, z0)
                 ])
-              ], 42, W3)),
+              ], 42, W0)),
               d("ul", {
                 class: G(a.classList.groupOptions),
                 "aria-label": a.ariaGroupLabel(a.localize(i[t.groupLabel])),
@@ -6457,12 +6457,12 @@ function a5(a, e, t, s, n, o) {
                         /* TEXT */
                       )
                     ])
-                  ], 42, Y3))),
+                  ], 42, Y0))),
                   128
                   /* KEYED_FRAGMENT */
                 ))
-              ], 10, x3)
-            ], 10, q3))),
+              ], 10, x0)
+            ], 10, q0))),
             128
             /* KEYED_FRAGMENT */
           )) : (v(!0), C(
@@ -6494,22 +6494,22 @@ function a5(a, e, t, s, n, o) {
                   /* TEXT */
                 )
               ])
-            ], 42, K3))),
+            ], 42, K0))),
             128
             /* KEYED_FRAGMENT */
           ))
-        ], 10, F3),
+        ], 10, F0),
         a.noOptions ? Q(a.$slots, "nooptions", { key: 0 }, () => [
           d("div", {
             class: G(a.classList.noOptions),
             innerHTML: a.localize(t.noOptionsText)
-          }, null, 10, G3)
+          }, null, 10, G0)
         ]) : E("v-if", !0),
         a.noResults ? Q(a.$slots, "noresults", { key: 1 }, () => [
           d("div", {
             class: G(a.classList.noResults),
             innerHTML: a.localize(t.noResultsText)
-          }, null, 10, X3)
+          }, null, 10, X0)
         ]) : E("v-if", !0),
         t.infinite && a.hasMore ? (v(), C(
           "div",
@@ -6546,7 +6546,7 @@ function a5(a, e, t, s, n, o) {
       tabindex: "-1",
       value: a.textValue,
       required: ""
-    }, null, 10, Q3)) : E("v-if", !0),
+    }, null, 10, Q0)) : E("v-if", !0),
     E(" Native input support "),
     t.nativeSupport ? (v(), C(
       fe,
@@ -6557,7 +6557,7 @@ function a5(a, e, t, s, n, o) {
           type: "hidden",
           name: t.name,
           value: a.plainValue !== void 0 ? a.plainValue : ""
-        }, null, 8, J3)) : (v(!0), C(
+        }, null, 8, J0)) : (v(!0), C(
           fe,
           { key: 1 },
           ye(a.plainValue, (i, l) => (v(), C("input", {
@@ -6590,7 +6590,7 @@ function a5(a, e, t, s, n, o) {
       2
       /* CLASS */
     )
-  ], 42, P3);
+  ], 42, P0);
 }
 We.render = a5;
 We.__file = "src/Multiselect.vue";
@@ -6602,7 +6602,7 @@ const be = /* @__PURE__ */ x({
   },
   setup(a) {
     const e = a, t = ct(() => e.appendTo), s = X();
-    return e.detached && g3({
+    return e.detached && g0({
       multiselect: s,
       appendTo: t.value
     }), (n, o) => (v(), U(F(We), {
@@ -6685,7 +6685,7 @@ const s5 = { class: "ao-tasks" }, i5 = { class: "ao-tasks__list" }, o5 = ["id",
     ue(() => t.tasks, (f, h) => {
       Re(f, h);
     });
-    const n = y(
+    const n = b(
       () => {
         var f;
         return ((f = t.users) == null ? void 0 : f.map((h) => ({
@@ -6918,10 +6918,10 @@ const _5 = { class: "ao-comment" }, g5 = { class: "ao-comment__body" }, y5 = { c
   },
   emits: ["edit", "remove"],
   setup(a, { emit: e }) {
-    const t = a, s = y(() => {
+    const t = a, s = b(() => {
       const T = t.user;
       return T ? `${T == null ? void 0 : T.firstName} ${T == null ? void 0 : T.lastName}` : null;
-    }), n = X(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = ua(n), c = y(() => k1(t.createdAt)), u = y(() => k1(t.editedAt)), f = y(() => o.value ? "textarea" : "p"), h = r(), p = l((T) => {
+    }), n = X(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = ua(n), c = b(() => k1(t.createdAt)), u = b(() => k1(t.editedAt)), f = b(() => o.value ? "textarea" : "p"), h = r(), p = l((T) => {
       e("edit", T);
     }), g = () => {
       e("remove");
@@ -7014,7 +7014,7 @@ const M5 = {
     Ee(() => {
       n.value && (n.value.scrollTop = n.value.scrollHeight);
     });
-    const o = ct(t.newComment), i = y({
+    const o = ct(t.newComment), i = b({
       get() {
         return o.value;
       },
@@ -7093,10 +7093,10 @@ const O5 = {
 }, L5 = {
   key: 0,
   class: "ao-field"
-}, V5 = { class: "ao-field__label" }, H5 = { class: "ao-activity-details__content" }, D5 = { class: "ao-fieldset" }, P5 = { class: "ao-field__row" }, B5 = { class: "ao-field ao-field--full" }, N5 = { class: "ao-field__label" }, R5 = { class: "ao-field__row" }, U5 = { class: "ao-field" }, Z5 = { class: "ao-field__label" }, j5 = ["readonly"], F5 = { class: "ao-field" }, q5 = { class: "ao-field__label" }, W5 = ["disabled"], z5 = { class: "ao-fieldset" }, x5 = { class: "ao-fieldset__title" }, Y5 = { class: "ao-fieldset__body" }, K5 = { class: "ao-field__row" }, G5 = { class: "ao-field ao-field--multiselect" }, X5 = { class: "ao-fieldset" }, Q5 = { class: "ao-fieldset__title" }, J5 = { class: "ao-fieldset__body" }, e7 = { class: "ao-fieldset" }, t7 = { class: "ao-fieldset__title" }, a7 = { class: "ao-fieldset__body" }, n7 = { class: "ao-field__row" }, s7 = { class: "ao-field ao-field--multiselect" }, i7 = { class: "ao-field__label" }, o7 = { class: "ao-field__row" }, l7 = { class: "ao-field ao-field--multiselect" }, r7 = { class: "ao-field__label" }, u7 = { class: "ao-field__row" }, c7 = { class: "ao-field ao-field--multiselect" }, d7 = { class: "ao-field__label" }, f7 = { class: "ao-fieldset" }, v7 = { class: "ao-field__row" }, h7 = { class: "ao-field ao-field--multiselect" }, p7 = { class: "ao-field__label" }, m7 = {
+}, V5 = { class: "ao-field__label" }, H5 = { class: "ao-activity-details__content" }, D5 = { class: "ao-fieldset" }, P5 = { class: "ao-field__row" }, B5 = { class: "ao-field ao-field--full" }, N5 = { class: "ao-field__label" }, R5 = ["readonly"], U5 = { class: "ao-field__row" }, Z5 = { class: "ao-field" }, j5 = { class: "ao-field__label" }, F5 = ["readonly"], q5 = { class: "ao-field" }, W5 = { class: "ao-field__label" }, z5 = ["disabled"], x5 = { class: "ao-fieldset" }, Y5 = { class: "ao-fieldset__title" }, K5 = { class: "ao-fieldset__body" }, G5 = { class: "ao-field__row" }, X5 = { class: "ao-field ao-field--multiselect" }, Q5 = { class: "ao-fieldset" }, J5 = { class: "ao-fieldset__title" }, e7 = { class: "ao-fieldset__body" }, t7 = { class: "ao-fieldset" }, a7 = { class: "ao-fieldset__title" }, n7 = { class: "ao-fieldset__body" }, s7 = { class: "ao-field__row" }, i7 = { class: "ao-field ao-field--multiselect" }, o7 = { class: "ao-field__label" }, l7 = { class: "ao-field__row" }, r7 = { class: "ao-field ao-field--multiselect" }, u7 = { class: "ao-field__label" }, c7 = { class: "ao-field__row" }, d7 = { class: "ao-field ao-field--multiselect" }, f7 = { class: "ao-field__label" }, v7 = { class: "ao-fieldset" }, h7 = { class: "ao-field__row" }, p7 = { class: "ao-field ao-field--multiselect" }, m7 = { class: "ao-field__label" }, C7 = {
   key: 0,
   class: "ao-activity-details__aside"
-}, C7 = { class: "ao-fieldset__title" }, _7 = { class: "ao-fieldset__title" }, B1 = /* @__PURE__ */ x({
+}, _7 = { class: "ao-fieldset__title" }, g7 = { class: "ao-fieldset__title" }, B1 = /* @__PURE__ */ x({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -7114,165 +7114,165 @@ const O5 = {
   },
   emits: ["update:activity", "close", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment"],
   setup(a, { emit: e }) {
-    const t = a, s = (b) => {
+    const t = a, s = (y) => {
       e("update:activity", {
         id: t.activity.id,
-        name: b
+        name: y
       });
-    }, n = y({
+    }, n = b({
       get() {
         return t.activity.description ?? "";
       },
-      set(b) {
-        e("update:activity", { id: t.activity.id, description: b });
+      set(y) {
+        e("update:activity", { id: t.activity.id, description: y });
       }
-    }), o = y({
+    }), o = b({
       get() {
         return t.activity.estimation ?? 0;
       },
-      set(b) {
-        e("update:activity", { id: t.activity.id, estimation: b });
+      set(y) {
+        e("update:activity", { id: t.activity.id, estimation: y });
       }
-    }), i = y({
+    }), i = b({
       get() {
         return t.activity.important ?? !1;
       },
-      set(b) {
-        e("update:activity", { id: t.activity.id, important: b });
+      set(y) {
+        e("update:activity", { id: t.activity.id, important: y });
       }
-    }), l = y({
+    }), l = b({
       get() {
-        var b;
-        return (b = t.activity.type) == null ? void 0 : b.id;
+        var y;
+        return (y = t.activity.type) == null ? void 0 : y.id;
       },
-      set(b) {
-        e("update:activity", { id: t.activity.id, typeId: b });
+      set(y) {
+        e("update:activity", { id: t.activity.id, typeId: y });
       }
-    }), r = y(() => t.templateActivities.filter((b) => b.id !== t.activity.id).map((b) => ({
-      label: b.name,
-      value: b.id
-    }))), c = y({
+    }), r = b(() => t.templateActivities.filter((y) => y.id !== t.activity.id).map((y) => ({
+      label: y.name,
+      value: y.id
+    }))), c = b({
       get() {
         return t.activity.dependingOn;
       },
-      set(b) {
-        b && e("update:activity", {
+      set(y) {
+        y && e("update:activity", {
           id: t.activity.id,
-          dependingOn: b
+          dependingOn: y
         });
       }
-    }), u = y(() => r.value.map((b) => {
+    }), u = b(() => r.value.map((y) => {
       var S;
       return {
-        ...b,
-        disabled: (S = t.activity.blocking) == null ? void 0 : S.some((D) => D === b.value)
+        ...y,
+        disabled: (S = t.activity.blocking) == null ? void 0 : S.some((D) => D === y.value)
       };
-    })), f = y({
+    })), f = b({
       get() {
         return t.activity.blocking;
       },
-      set(b) {
-        b && e("update:activity", {
+      set(y) {
+        y && e("update:activity", {
           id: t.activity.id,
-          blocking: b
+          blocking: y
         });
       }
-    }), h = y(() => r.value.map((b) => {
+    }), h = b(() => r.value.map((y) => {
       var S;
       return {
-        ...b,
-        disabled: (S = t.activity.dependingOn) == null ? void 0 : S.some((D) => D === b.value)
+        ...y,
+        disabled: (S = t.activity.dependingOn) == null ? void 0 : S.some((D) => D === y.value)
       };
-    })), p = y(() => (t.templateMilestones || []).filter((S) => S.id !== t.milestoneId).map((S) => ({
+    })), p = b(() => (t.templateMilestones || []).filter((S) => S.id !== t.milestoneId).map((S) => ({
       label: S.name,
       value: S.id
-    }))), g = y({
+    }))), g = b({
       get() {
         return t.activity.dependingMilestones;
       },
-      set(b) {
+      set(y) {
         e("update:activity", {
           id: t.activity.id,
-          dependingMilestones: b
+          dependingMilestones: y
         });
       }
-    }), $ = (b) => {
-      e("addSubtask", b);
-    }, T = (b) => {
-      e("updateSubtask", b);
-    }, M = (b) => {
-      e("deleteSubtask", b);
-    }, w = y(() => {
-      var b;
-      return ((b = t.users) == null ? void 0 : b.map((S) => ({
+    }), $ = (y) => {
+      e("addSubtask", y);
+    }, T = (y) => {
+      e("updateSubtask", y);
+    }, M = (y) => {
+      e("deleteSubtask", y);
+    }, w = b(() => {
+      var y;
+      return ((y = t.users) == null ? void 0 : y.map((S) => ({
         label: `${S.firstName} ${S.lastName}`,
         value: S.id
       }))) || [];
-    }), L = y({
+    }), L = b({
       get() {
-        var b, S;
-        return (b = t.activity.assignee) != null && b.id ? [(S = t.activity.assignee) == null ? void 0 : S.id] : [];
+        var y, S;
+        return (y = t.activity.assignee) != null && y.id ? [(S = t.activity.assignee) == null ? void 0 : S.id] : [];
       },
-      set(b) {
+      set(y) {
         e("update:activity", {
           id: t.activity.id,
-          assigneeId: b[0]
+          assigneeId: y[0]
         });
       }
-    }), Z = (b) => {
+    }), Z = (y) => {
       e("addFiles", {
         activityId: t.activity.id,
-        files: b
+        files: y
       });
-    }, j = (b) => {
+    }, j = (y) => {
       e("removeFile", {
         activityId: t.activity.id,
-        file: b
+        file: y
       });
-    }, V = y(() => {
-      var b;
-      return (b = t.statuses) == null ? void 0 : b.map((S) => ({
+    }, V = b(() => {
+      var y;
+      return (y = t.statuses) == null ? void 0 : y.map((S) => ({
         value: S.id,
         label: S.name
       }));
-    }), I = (b) => {
+    }), I = (y) => {
       e("update:activity", {
         id: t.activity.id,
-        statusId: b
+        statusId: y
       });
-    }, z = (b) => {
+    }, z = (y) => {
       e("addComment", {
-        ...b,
+        ...y,
         activityId: t.activity.id
       });
-    }, Y = (b) => {
-      e("updateComment", b);
-    }, ne = (b) => {
-      e("removeComment", b);
+    }, Y = (y) => {
+      e("updateComment", y);
+    }, ne = (y) => {
+      e("removeComment", y);
     };
-    return (b, S) => (v(), U(O1, {
-      onClose: S[8] || (S[8] = (D) => b.$emit("close"))
+    return (y, S) => (v(), U(O1, {
+      onClose: S[8] || (S[8] = (D) => y.$emit("close"))
     }, {
       header: R(() => [
-        b.breadcrumbs ? (v(), C("div", O5, W(b.breadcrumbs), 1)) : E("", !0),
+        y.breadcrumbs ? (v(), C("div", O5, W(y.breadcrumbs), 1)) : E("", !0),
         k(pe, {
-          title: b.activity.name || "",
+          title: y.activity.name || "",
           level: 4,
-          "is-editable": b.isEditable,
+          "is-editable": y.isEditable,
           "onUpdate:title": s
         }, null, 8, ["title", "is-editable"]),
-        Q(b.$slots, "header", {}, () => {
+        Q(y.$slots, "header", {}, () => {
           var D;
           return [
             V.value ? (v(), C("label", L5, [
-              d("span", V5, W(b.$t("activity.status.label")), 1),
+              d("span", V5, W(y.$t("activity.status.label")), 1),
               k(be, {
                 options: V.value,
-                value: (D = b.activity.status) == null ? void 0 : D.id,
+                value: (D = y.activity.status) == null ? void 0 : D.id,
                 "can-clear": !1,
                 "can-deselect": !1,
-                disabled: !b.isEditable,
-                caret: b.isEditable,
+                disabled: !y.isEditable,
+                caret: y.isEditable,
                 onChange: I
               }, null, 8, ["options", "value", "disabled", "caret"])
             ])) : E("", !0)
@@ -7284,12 +7284,13 @@ const O5 = {
           d("fieldset", D5, [
             d("div", P5, [
               d("label", B5, [
-                d("span", N5, W(b.$t("activity.description.label")), 1),
+                d("span", N5, W(y.$t("activity.description.label")), 1),
                 dt(d("textarea", {
                   "onUpdate:modelValue": S[0] || (S[0] = (D) => n.value = D),
+                  readonly: !y.isEditable,
                   rows: "4",
                   class: "ao-field__textarea"
-                }, null, 512), [
+                }, null, 8, R5), [
                   [
                     Et,
                     n.value,
@@ -7302,16 +7303,16 @@ const O5 = {
                 ])
               ])
             ]),
-            d("div", R5, [
-              d("label", U5, [
-                d("span", Z5, W(b.$t("activity.estimation.label")), 1),
+            d("div", U5, [
+              d("label", Z5, [
+                d("span", j5, W(y.$t("activity.estimation.label")), 1),
                 dt(d("input", {
                   "onUpdate:modelValue": S[1] || (S[1] = (D) => o.value = D),
-                  readonly: !b.isEditable,
+                  readonly: !y.isEditable,
                   class: "ao-field__input",
                   type: "number",
                   min: "0"
-                }, null, 8, j5), [
+                }, null, 8, F5), [
                   [
                     Et,
                     o.value,
@@ -7323,14 +7324,14 @@ const O5 = {
                   ]
                 ])
               ]),
-              d("label", F5, [
-                d("span", q5, W(b.$t("activity.important.label")), 1),
+              d("label", q5, [
+                d("span", W5, W(y.$t("activity.important.label")), 1),
                 dt(d("input", {
                   "onUpdate:modelValue": S[2] || (S[2] = (D) => i.value = D),
-                  disabled: !b.isEditable,
+                  disabled: !y.isEditable,
                   class: "ao-field__input",
                   type: "checkbox"
-                }, null, 8, W5), [
+                }, null, 8, z5), [
                   [
                     dn,
                     i.value,
@@ -7341,17 +7342,17 @@ const O5 = {
               ])
             ])
           ]),
-          d("fieldset", z5, [
-            d("div", x5, [
+          d("fieldset", x5, [
+            d("div", Y5, [
               k(de, { name: "AccountBoxSharp" }),
               k(pe, {
                 level: 4,
-                title: b.$t("activity.assignee.title")
+                title: y.$t("activity.assignee.title")
               }, null, 8, ["title"])
             ]),
-            d("div", Y5, [
-              d("div", K5, [
-                d("div", G5, [
+            d("div", K5, [
+              d("div", G5, [
+                d("div", X5, [
                   k(be, {
                     modelValue: L.value,
                     "onUpdate:modelValue": S[3] || (S[3] = (D) => L.value = D),
@@ -7360,10 +7361,10 @@ const O5 = {
                     searchable: !0,
                     max: 1,
                     class: "ao-activity-details__assignees",
-                    placeholder: b.$t("activity.filters.assignee.placeholder"),
+                    placeholder: y.$t("activity.filters.assignee.placeholder"),
                     mode: "tags",
-                    disabled: !b.isEditable,
-                    caret: b.isEditable
+                    disabled: !y.isEditable,
+                    caret: y.isEditable
                   }, {
                     tag: R(({ option: D, handleTagRemove: le }) => [
                       k(_t, {
@@ -7378,40 +7379,40 @@ const O5 = {
               ])
             ])
           ]),
-          d("fieldset", X5, [
-            d("div", Q5, [
+          d("fieldset", Q5, [
+            d("div", J5, [
               k(de, { name: "SelectCheckBox" }),
               k(pe, {
                 level: 4,
-                title: b.$t("activity.tasks.title")
+                title: y.$t("activity.tasks.title")
               }, null, 8, ["title"])
             ]),
-            d("div", J5, [
+            d("div", e7, [
               k(r5, {
                 class: "ao-activity-details__tasks ao-field__row",
-                tasks: b.activity.tasks || [],
-                "activity-id": b.activity.id,
-                users: b.users,
-                "is-checkable": b.isTaskCheckable,
-                "is-editable": b.isEditable,
+                tasks: y.activity.tasks || [],
+                "activity-id": y.activity.id,
+                users: y.users,
+                "is-checkable": y.isTaskCheckable,
+                "is-editable": y.isEditable,
                 onAdd: $,
                 onUpdate: T,
                 onDelete: M
               }, null, 8, ["tasks", "activity-id", "users", "is-checkable", "is-editable"])
             ])
           ]),
-          d("fieldset", e7, [
-            d("div", t7, [
+          d("fieldset", t7, [
+            d("div", a7, [
               k(de, { name: "FlowsheetOutlineRounded" }),
               k(pe, {
                 level: 4,
-                title: b.$t("activity.dependencies.title")
+                title: y.$t("activity.dependencies.title")
               }, null, 8, ["title"])
             ]),
-            d("div", a7, [
-              d("div", n7, [
-                d("label", s7, [
-                  d("span", i7, W(b.$t("activity.dependingOn.label")), 1),
+            d("div", n7, [
+              d("div", s7, [
+                d("label", i7, [
+                  d("span", o7, W(y.$t("activity.dependingOn.label")), 1),
                   k(be, {
                     modelValue: c.value,
                     "onUpdate:modelValue": S[4] || (S[4] = (D) => c.value = D),
@@ -7419,14 +7420,14 @@ const O5 = {
                     "close-on-select": !1,
                     searchable: !0,
                     options: u.value,
-                    disabled: !b.isEditable,
-                    caret: b.isEditable
+                    disabled: !y.isEditable,
+                    caret: y.isEditable
                   }, null, 8, ["modelValue", "options", "disabled", "caret"])
                 ])
               ]),
-              d("div", o7, [
-                d("label", l7, [
-                  d("span", r7, W(b.$t("activity.blocking.label")), 1),
+              d("div", l7, [
+                d("label", r7, [
+                  d("span", u7, W(y.$t("activity.blocking.label")), 1),
                   k(be, {
                     modelValue: f.value,
                     "onUpdate:modelValue": S[5] || (S[5] = (D) => f.value = D),
@@ -7434,14 +7435,14 @@ const O5 = {
                     "close-on-select": !1,
                     searchable: !0,
                     options: h.value,
-                    disabled: !b.isEditable,
-                    caret: b.isEditable
+                    disabled: !y.isEditable,
+                    caret: y.isEditable
                   }, null, 8, ["modelValue", "options", "disabled", "caret"])
                 ])
               ]),
-              d("div", u7, [
-                d("label", c7, [
-                  d("span", d7, W(b.$t("activity.dependingMilestone.label")), 1),
+              d("div", c7, [
+                d("label", d7, [
+                  d("span", f7, W(y.$t("activity.dependingMilestone.label")), 1),
                   k(be, {
                     modelValue: g.value,
                     "onUpdate:modelValue": S[6] || (S[6] = (D) => g.value = D),
@@ -7449,57 +7450,57 @@ const O5 = {
                     "close-on-select": !1,
                     searchable: !0,
                     options: p.value,
-                    disabled: !b.isEditable,
-                    caret: b.isEditable
+                    disabled: !y.isEditable,
+                    caret: y.isEditable
                   }, null, 8, ["modelValue", "options", "disabled", "caret"])
                 ])
               ])
             ])
           ]),
-          d("fieldset", f7, [
-            d("div", v7, [
-              d("label", h7, [
-                d("span", p7, W(b.$t("activity.type.label")), 1),
+          d("fieldset", v7, [
+            d("div", h7, [
+              d("label", p7, [
+                d("span", m7, W(y.$t("activity.type.label")), 1),
                 k(be, {
                   modelValue: l.value,
                   "onUpdate:modelValue": S[7] || (S[7] = (D) => l.value = D),
                   mode: "single",
                   searchable: !0,
-                  options: b.activityTypes,
-                  placeholder: b.$t("activity.filters.type.placeholder"),
-                  disabled: !b.isEditable,
-                  caret: b.isEditable
+                  options: y.activityTypes,
+                  placeholder: y.$t("activity.filters.type.placeholder"),
+                  disabled: !y.isEditable,
+                  caret: y.isEditable
                 }, null, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
               ])
             ]),
-            Q(b.$slots, "default")
+            Q(y.$slots, "default")
           ])
         ]),
-        b.isTemplate !== !0 && b.userId ? (v(), C("div", m7, [
-          d("div", C7, [
+        y.isTemplate !== !0 && y.userId ? (v(), C("div", C7, [
+          d("div", _7, [
             k(de, { name: "AttachFileRounded" }),
             k(pe, {
               level: 4,
-              title: b.$t("activity.attachments.title")
+              title: y.$t("activity.attachments.title")
             }, null, 8, ["title"])
           ]),
           k(C5, {
-            attachments: b.activity.attachments,
-            "is-editable": b.isEditable,
+            attachments: y.activity.attachments,
+            "is-editable": y.isEditable,
             onAdd: Z,
             onRemove: j
           }, null, 8, ["attachments", "is-editable"]),
-          d("div", _7, [
+          d("div", g7, [
             k(de, { name: "ChatOutline" }),
             k(pe, {
               level: 4,
-              title: b.$t("activity.comments.title")
+              title: y.$t("activity.comments.title")
             }, null, 8, ["title"])
           ]),
           k(I5, {
-            comments: b.activity.comments,
-            users: b.users,
-            "user-id": b.userId,
+            comments: y.activity.comments,
+            users: y.users,
+            "user-id": y.userId,
             onCreateComment: z,
             onUpdateComment: Y,
             onRemoveComment: ne
@@ -7510,27 +7511,27 @@ const O5 = {
     }));
   }
 });
-const g7 = {
+const y7 = {
   todo: "todo",
   done: "done",
   archived: "archived"
-}, P4 = {
+}, B4 = {
   months: "months",
   weeks: "weeks",
   days: "days"
-}, B4 = {
+}, N4 = {
   future: "future",
   this_month: "this_month",
   this_week: "this_week",
   today: "today",
   done: "done"
-}, y7 = {
+}, b7 = {
   BEFORE: "before",
   AFTER: "after"
-}, b7 = {
+}, w7 = {
   START: "start",
   end: "end"
-}, w7 = {
+}, $7 = {
   DAYS: "days",
   WEEKS: "weeks",
   MONTHS: "months"
@@ -7541,8 +7542,8 @@ const g7 = {
   ACTIVITIES: "activities",
   TASKS: "tasks"
 };
-var $7 = /* @__PURE__ */ ((a) => (a.PHASES = "phases", a.MILESTONES = "milestones", a.ACTIVITIES = "activities", a))($7 || {});
-const N4 = {
+var M7 = /* @__PURE__ */ ((a) => (a.PHASES = "phases", a.MILESTONES = "milestones", a.ACTIVITIES = "activities", a))(M7 || {});
+const R4 = {
   add: "add",
   remove: "remove",
   moved: "moved"
@@ -7550,7 +7551,7 @@ const N4 = {
   project: "projectId",
   type: "typeId",
   assignee: "assigneeId"
-}, M7 = /* @__PURE__ */ x({
+}, k7 = /* @__PURE__ */ x({
   __name: "AoRuleLine",
   props: {
     rule: {},
@@ -7563,7 +7564,7 @@ const N4 = {
   setup(a, { emit: e }) {
     const t = a, s = ct(
       t.rule.itemType || he.ACTIVITIES
-    ), n = y({
+    ), n = b({
       get() {
         return s.value;
       },
@@ -7574,7 +7575,7 @@ const N4 = {
           subItemId: void 0
         });
       }
-    }), o = y(() => Object.values(he)), i = y({
+    }), o = b(() => Object.values(he)), i = b({
       get() {
         return t.rule.subItemId;
       },
@@ -7585,7 +7586,7 @@ const N4 = {
           itemType: t.rule.itemType || n.value
         });
       }
-    }), l = y(() => {
+    }), l = b(() => {
       var w;
       return !t.templateActivities || !t.templateMilestones || !t.templatePhases ? null : (w = {
         [he.ACTIVITIES]: t.templateActivities,
@@ -7595,35 +7596,35 @@ const N4 = {
         value: L.id,
         label: L.name
       }));
-    }), r = ct(t.rule.comparator), c = y({
+    }), r = ct(t.rule.comparator), c = b({
       get() {
         return r.value;
       },
       set(M) {
         e("update:rule", { ...t.rule, comparator: M });
       }
-    }), u = y(() => Object.values(y7)), f = ct(t.rule.trigger), h = y({
+    }), u = b(() => Object.values(b7)), f = ct(t.rule.trigger), h = b({
       get() {
         return f.value;
       },
       set(M) {
         e("update:rule", { ...t.rule, trigger: M });
       }
-    }), p = y(() => Object.values(b7)), g = y({
+    }), p = b(() => Object.values(w7)), g = b({
       get() {
         return t.rule.duration;
       },
       set(M) {
         e("update:rule", { ...t.rule, duration: M });
       }
-    }), $ = y({
+    }), $ = b({
       get() {
         return t.rule.durationUnit;
       },
       set(M) {
         e("update:rule", { ...t.rule, durationUnit: M });
       }
-    }), T = y(() => Object.values(w7));
+    }), T = b(() => Object.values($7));
     return (M, w) => (v(), U(et(M.tagName), { class: "ao-rule-line" }, {
       default: R(() => [
         k(F(We), {
@@ -7674,7 +7675,7 @@ const N4 = {
     }));
   }
 });
-const k7 = { class: "ao-template-rules__body" }, A7 = { class: "ao-template-rules__list" }, T7 = /* @__PURE__ */ x({
+const A7 = { class: "ao-template-rules__body" }, T7 = { class: "ao-template-rules__list" }, S7 = /* @__PURE__ */ x({
   __name: "AoTemplateRules",
   props: {
     templateId: {},
@@ -7698,9 +7699,9 @@ const k7 = { class: "ao-template-rules__body" }, A7 = { class: "ao-template-rule
         }, null, 8, ["title"])
       ]),
       default: R(() => [
-        d("div", k7, [
-          d("ul", A7, [
-            (v(!0), C(fe, null, ye(n.rules, (i) => (v(), U(M7, {
+        d("div", A7, [
+          d("ul", T7, [
+            (v(!0), C(fe, null, ye(n.rules, (i) => (v(), U(k7, {
               key: i.id,
               rule: i,
               "template-phases": n.templatePhases,
@@ -7728,10 +7729,10 @@ function vt(a, e, t) {
     rank: o.format()
   };
 }
-const S7 = {
+const E7 = {
   key: 0,
   class: "ao-template-details"
-}, E7 = { class: "ao-template-details__body" }, I7 = { class: "ao-template-details__cols" }, O7 = { class: "ao-template-details__col" }, L7 = { class: "ao-list__footer" }, V7 = { class: "ao-template-details__col" }, H7 = { class: "ao-template-details__col" }, D7 = /* @__PURE__ */ x({
+}, I7 = { class: "ao-template-details__body" }, O7 = { class: "ao-template-details__cols" }, L7 = { class: "ao-template-details__col" }, V7 = { class: "ao-list__footer" }, H7 = { class: "ao-template-details__col" }, D7 = { class: "ao-template-details__col" }, P7 = /* @__PURE__ */ x({
   __name: "AoTemplateDetails",
   props: {
     templateId: {},
@@ -7744,7 +7745,7 @@ const S7 = {
   },
   emits: ["addItem", "removeItem", "updateItem", "addRule", "removeRule", "addFiles", "removeFile"],
   setup(a, { emit: e }) {
-    const t = a, { t: s } = at(), n = y(
+    const t = a, { t: s } = at(), n = b(
       () => {
         var m;
         return (m = t.templates) == null ? void 0 : m.find((A) => A.id === t.templateId);
@@ -7756,7 +7757,7 @@ const S7 = {
     }, (m, A) => {
       o.value && Re(m, A);
     });
-    const i = y(() => {
+    const i = b(() => {
       var m, A;
       return (A = (m = n == null ? void 0 : n.value) == null ? void 0 : m.phases) == null ? void 0 : A.find((N) => N.id === t.phaseId);
     });
@@ -7766,7 +7767,7 @@ const S7 = {
     }, (m, A) => {
       o.value && Re(m, A);
     });
-    const l = y(() => {
+    const l = b(() => {
       var m, A;
       return (A = (m = i.value) == null ? void 0 : m.milestones) == null ? void 0 : A.find(
         (N) => N.id === t.milestoneId
@@ -7778,13 +7779,13 @@ const S7 = {
     }, (m, A) => {
       o.value && Re(m, A);
     });
-    const r = y(() => {
+    const r = b(() => {
       var m, A;
       return ((A = (m = n.value) == null ? void 0 : m.phases) == null ? void 0 : A.reduce((N, B) => {
         const oe = B.milestones || [];
         return [...N, ...oe];
       }, [])) || [];
-    }), c = y(() => {
+    }), c = b(() => {
       var m, A;
       return ((A = (m = n.value) == null ? void 0 : m.phases) == null ? void 0 : A.reduce((N, B) => {
         const me = (B.milestones || []).reduce(
@@ -7793,18 +7794,18 @@ const S7 = {
         );
         return [...N, ...me];
       }, [])) || [];
-    }), u = y(() => {
+    }), u = b(() => {
       var m, A;
       return (A = (m = l.value) == null ? void 0 : m.activities) == null ? void 0 : A.find(
         (N) => N.id === t.activityId
       );
-    }), f = y(() => {
+    }), f = b(() => {
       var m;
       return ((m = t.activityTypes) == null ? void 0 : m.map((A) => ({
         label: A.name,
         value: A.id
       }))) || [];
-    }), h = y(() => {
+    }), h = b(() => {
       var m;
       return ((m = n.value) == null ? void 0 : m.name) || t.templateId;
     }), p = () => {
@@ -7920,7 +7921,7 @@ const S7 = {
       z.value = !z.value;
     }, ne = () => {
       e("addRule", { templateId: t.templateId });
-    }, b = (m) => {
+    }, y = (m) => {
       e("removeRule", { id: m, templateId: t.templateId });
     }, S = (m) => {
       var A;
@@ -7967,7 +7968,7 @@ const S7 = {
     };
     return (m, A) => {
       var N, B, oe, me, se, ee;
-      return n.value ? (v(), C("div", S7, [
+      return n.value ? (v(), C("div", E7, [
         k(r1, {
           "can-go-back": !0,
           onGoBack: A[1] || (A[1] = (O) => m.$router.push({ name: F(Tt).TEMPLATES_LIST }))
@@ -7993,9 +7994,9 @@ const S7 = {
           ]),
           _: 1
         }),
-        d("div", E7, [
-          d("ol", I7, [
-            d("li", O7, [
+        d("div", I7, [
+          d("ol", O7, [
+            d("li", L7, [
               k(F(Ge), {
                 "model-value": n.value.phases,
                 class: "ao-templates__list",
@@ -8013,7 +8014,7 @@ const S7 = {
                 item: R(({ element: O }) => {
                   var q;
                   return [
-                    k(E0, {
+                    k(E3, {
                       id: O.id,
                       name: O.name,
                       milestones: O.milestones,
@@ -8030,7 +8031,7 @@ const S7 = {
                   ];
                 }),
                 footer: R(() => [
-                  d("div", L7, [
+                  d("div", V7, [
                     k(Xe, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: m.$t("template.phases.add"),
@@ -8041,8 +8042,8 @@ const S7 = {
                 _: 1
               }, 8, ["model-value"])
             ]),
-            d("li", V7, [
-              i.value ? (v(), U(L0, {
+            d("li", H7, [
+              i.value ? (v(), U(L3, {
                 key: 0,
                 "template-id": m.templateId,
                 phase: i.value,
@@ -8053,8 +8054,8 @@ const S7 = {
                 onRemoveMilestone: L
               }, null, 8, ["template-id", "phase", "milestone-id"])) : E("", !0)
             ]),
-            d("li", H7, [
-              i.value && l.value ? (v(), U(D0, {
+            d("li", D7, [
+              i.value && l.value ? (v(), U(D3, {
                 key: 0,
                 "template-id": m.templateId,
                 "phase-id": (B = i.value) == null ? void 0 : B.id,
@@ -8090,7 +8091,7 @@ const S7 = {
           }, null, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : E("", !0)
         ])),
         (v(), U(It, { to: "body" }, [
-          z.value ? (v(), U(T7, {
+          z.value ? (v(), U(S7, {
             key: 0,
             "template-id": n.value.id,
             rules: n.value.rules || [],
@@ -8099,17 +8100,17 @@ const S7 = {
             "template-activities": c.value,
             onClose: Y,
             onAddRule: ne,
-            onRemoveRule: b
+            onRemoveRule: y
           }, null, 8, ["template-id", "rules", "template-phases", "template-milestones", "template-activities"])) : E("", !0)
         ]))
       ])) : E("", !0);
     };
   }
 });
-const P7 = {
+const B7 = {
   key: 0,
   class: "ao-card__header"
-}, B7 = { class: "ao-card__body" }, N7 = {
+}, N7 = { class: "ao-card__body" }, R7 = {
   key: 1,
   class: "ao-card__footer"
 }, N1 = /* @__PURE__ */ x({
@@ -8123,13 +8124,13 @@ const P7 = {
       class: G(["ao-card", { "ao-card--clickable": e.isClickable }])
     }, {
       default: R(() => [
-        e.$slots.header ? (v(), C("header", P7, [
+        e.$slots.header ? (v(), C("header", B7, [
           Q(e.$slots, "header")
         ])) : E("", !0),
-        d("div", B7, [
+        d("div", N7, [
           Q(e.$slots, "default")
         ]),
-        e.$slots.footer ? (v(), C("footer", N7, [
+        e.$slots.footer ? (v(), C("footer", R7, [
           Q(e.$slots, "footer")
         ])) : E("", !0)
       ]),
@@ -8144,7 +8145,7 @@ const R1 = /* @__PURE__ */ x({
     status: {}
   },
   setup(a) {
-    const e = a, t = y(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
+    const e = a, t = b(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
     return (s, n) => (v(), C("div", {
       class: G(["ao-progress", s.status ? `ao-progress--${s.status}` : ""]),
       role: "meter"
@@ -8157,10 +8158,10 @@ const R1 = /* @__PURE__ */ x({
     ], 2));
   }
 });
-const R7 = { class: "ao-card-project-phase__header" }, U7 = { class: "ao-card-project-phase__footer" }, Z7 = { class: "ao-card-project-phase__footer-row" }, j7 = { class: "ao-card-project-phase__subitem" }, F7 = { class: "ao-card-project-phase__subitem" }, q7 = {
+const U7 = { class: "ao-card-project-phase__header" }, Z7 = { class: "ao-card-project-phase__footer" }, j7 = { class: "ao-card-project-phase__footer-row" }, F7 = { class: "ao-card-project-phase__subitem" }, q7 = { class: "ao-card-project-phase__subitem" }, W7 = {
   key: 1,
   class: "ao-card-project-phase__secondary"
-}, W7 = /* @__PURE__ */ x({
+}, z7 = /* @__PURE__ */ x({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -8173,13 +8174,13 @@ const R7 = { class: "ao-card-project-phase__header" }, U7 = { class: "ao-card-pr
   setup(a, { emit: e }) {
     const t = a, s = (l) => {
       e("update:title", l);
-    }, n = y(() => {
+    }, n = b(() => {
       var l;
       return (l = t.milestones) == null ? void 0 : l.length;
-    }), o = y(() => {
+    }), o = b(() => {
       var l;
-      return (l = t.milestones) == null ? void 0 : l.filter((r) => r.status === g7.done).length;
-    }), i = y(() => (o.value || 0) / (n.value || 1));
+      return (l = t.milestones) == null ? void 0 : l.filter((r) => r.status === y7.done).length;
+    }), i = b(() => (o.value || 0) / (n.value || 1));
     return (l, r) => (v(), U(N1, { class: "ao-card-project-phase" }, Ht({
       default: R(() => [
         k(pe, {
@@ -8192,22 +8193,22 @@ const R7 = { class: "ao-card-project-phase__header" }, U7 = { class: "ao-card-pr
         }, null, 8, ["id", "title", "is-editable"])
       ]),
       footer: R(() => [
-        d("div", U7, [
-          d("div", Z7, [
+        d("div", Z7, [
+          d("div", j7, [
             n.value ? (v(), C(fe, { key: 0 }, [
-              d("div", j7, [
+              d("div", F7, [
                 k(de, {
                   name: "MountainFlagOutlineRounded",
                   size: "sm"
                 }),
-                d("span", F7, W(o.value) + " / " + W(n.value), 1)
+                d("span", q7, W(o.value) + " / " + W(n.value), 1)
               ]),
               k(R1, {
                 percentages: i.value,
                 class: "ao-card-project-phase__progress"
               }, null, 8, ["percentages"])
             ], 64)) : E("", !0),
-            l.$slots.secondary ? (v(), C("div", q7, [
+            l.$slots.secondary ? (v(), C("div", W7, [
               Q(l.$slots, "secondary")
             ])) : E("", !0)
           ])
@@ -8218,7 +8219,7 @@ const R7 = { class: "ao-card-project-phase__header" }, U7 = { class: "ao-card-pr
       l.isEditable ? {
         name: "header",
         fn: R(() => [
-          d("div", R7, [
+          d("div", U7, [
             k(ce, {
               class: "ao-card-project-phase__archive",
               color: "primary",
@@ -8237,13 +8238,13 @@ const R7 = { class: "ao-card-project-phase__header" }, U7 = { class: "ao-card-pr
     ]), 1024));
   }
 });
-const z7 = { class: "ao-card-project-milestone__default" }, x7 = {
+const x7 = { class: "ao-card-project-milestone__default" }, Y7 = {
   key: 0,
   class: "ao-card-project-milestone__archive"
-}, Y7 = { class: "ao-card-project-phase__footer" }, K7 = { class: "ao-card-project-phase__footer-row" }, G7 = { class: "ao-card-project-phase__subitem" }, X7 = { class: "ao-card-project-phase__subitem" }, Q7 = {
+}, K7 = { class: "ao-card-project-phase__footer" }, G7 = { class: "ao-card-project-phase__footer-row" }, X7 = { class: "ao-card-project-phase__subitem" }, Q7 = { class: "ao-card-project-phase__subitem" }, J7 = {
   key: 1,
   class: "ao-card-project-phase__secondary"
-}, J7 = /* @__PURE__ */ x({
+}, e9 = /* @__PURE__ */ x({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -8254,16 +8255,16 @@ const z7 = { class: "ao-card-project-milestone__default" }, x7 = {
   },
   emits: ["updateMilestone", "archiveMilestone"],
   setup(a, { emit: e }) {
-    const t = a, s = y(() => {
+    const t = a, s = b(() => {
       var l;
       return (l = t.activities) == null ? void 0 : l.length;
-    }), n = y(() => {
+    }), n = b(() => {
       var l;
       return (l = t.activities) == null ? void 0 : l.filter((r) => {
         var c, u;
         return ((c = r.status) == null ? void 0 : c.id) === ((u = t.doneStatus) == null ? void 0 : u.id);
       }).length;
-    }), o = y(() => (n.value || 0) / (s.value || 1)), i = (l) => {
+    }), o = b(() => (n.value || 0) / (s.value || 1)), i = (l) => {
       e("updateMilestone", { id: t.id, name: l });
     };
     return (l, r) => (v(), U(N1, {
@@ -8272,7 +8273,7 @@ const z7 = { class: "ao-card-project-milestone__default" }, x7 = {
       "tag-name": "li"
     }, {
       default: R(() => [
-        d("div", z7, [
+        d("div", x7, [
           k(pe, {
             id: l.id,
             title: l.name || "",
@@ -8281,7 +8282,7 @@ const z7 = { class: "ao-card-project-milestone__default" }, x7 = {
             class: "ao-card-project-milestone__title",
             "onUpdate:title": i
           }, null, 8, ["id", "title", "is-editable"]),
-          l.isEditable ? (v(), C("div", x7, [
+          l.isEditable ? (v(), C("div", Y7, [
             k(ce, {
               color: "primary",
               variant: "ghost",
@@ -8296,22 +8297,22 @@ const z7 = { class: "ao-card-project-milestone__default" }, x7 = {
         ])
       ]),
       footer: R(() => [
-        d("div", Y7, [
-          d("div", K7, [
+        d("div", K7, [
+          d("div", G7, [
             s.value ? (v(), C(fe, { key: 0 }, [
-              d("div", G7, [
+              d("div", X7, [
                 k(de, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                d("span", X7, W(n.value) + " / " + W(s.value), 1)
+                d("span", Q7, W(n.value) + " / " + W(s.value), 1)
               ]),
               k(R1, {
                 percentages: o.value,
                 class: "ao-card-project-phase__progress"
               }, null, 8, ["percentages"])
             ], 64)) : E("", !0),
-            l.$slots.secondary ? (v(), C("div", Q7, [
+            l.$slots.secondary ? (v(), C("div", J7, [
               Q(l.$slots, "secondary")
             ])) : E("", !0)
           ])
@@ -8321,10 +8322,10 @@ const z7 = { class: "ao-card-project-milestone__default" }, x7 = {
     }));
   }
 });
-const e9 = { class: "ao-project-phase" }, t9 = {
+const t9 = { class: "ao-project-phase" }, a9 = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, a9 = { class: "ao-project-phase__col-phase" }, n9 = { class: "ao-project-phase__col-milestones" }, s9 = { class: "ao-project-phase__milestones" }, i9 = { class: "ao-project-phase__milestones-list-footer" }, o9 = /* @__PURE__ */ x({
+}, n9 = { class: "ao-project-phase__col-phase" }, s9 = { class: "ao-project-phase__col-milestones" }, i9 = { class: "ao-project-phase__milestones" }, o9 = { class: "ao-project-phase__milestones-list-footer" }, l9 = /* @__PURE__ */ x({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -8338,7 +8339,7 @@ const e9 = { class: "ao-project-phase" }, t9 = {
     });
     const n = (f) => {
       e("updatePhase", { id: t.phase.id, name: f });
-    }, o = y(() => t.phase.milestones), i = (f) => {
+    }, o = b(() => t.phase.milestones), i = (f) => {
       const { name: h, rank: p } = vt(o.value ?? [], "milestone", s);
       e("addMilestone", { name: h, rank: p, phaseId: f });
     }, l = (f) => {
@@ -8357,15 +8358,15 @@ const e9 = { class: "ao-project-phase" }, t9 = {
         )
       });
     };
-    return (f, h) => (v(), C("li", e9, [
-      f.isEditable ? (v(), C("div", t9, [
+    return (f, h) => (v(), C("li", t9, [
+      f.isEditable ? (v(), C("div", a9, [
         k(de, {
           name: "DragIndicator",
           class: "ao-project-phase__drag-handle"
         })
       ])) : E("", !0),
-      d("div", a9, [
-        k(W7, {
+      d("div", n9, [
+        k(z7, {
           id: f.phase.id,
           milestones: o.value,
           name: f.phase.name,
@@ -8374,8 +8375,8 @@ const e9 = { class: "ao-project-phase" }, t9 = {
           onArchivePhase: c
         }, null, 8, ["id", "milestones", "name", "is-editable"])
       ]),
-      d("div", n9, [
-        d("div", s9, [
+      d("div", s9, [
+        d("div", i9, [
           k(F(Ge), Ve({
             class: "ao-project-phase__milestones-list",
             list: o.value,
@@ -8384,7 +8385,7 @@ const e9 = { class: "ao-project-phase" }, t9 = {
             group: "kanban"
           }, f.$attrs, { onChange: u }), {
             item: R(({ element: p }) => [
-              k(J7, {
+              k(e9, {
                 id: p.id,
                 name: p.name,
                 activities: p.activities,
@@ -8401,7 +8402,7 @@ const e9 = { class: "ao-project-phase" }, t9 = {
             ]),
             _: 1
           }, 16, ["list", "disabled"]),
-          d("div", i9, [
+          d("div", o9, [
             f.isEditable ? (v(), U(Xe, {
               key: 0,
               label: f.$t("project.milestone.add"),
@@ -8415,10 +8416,10 @@ const e9 = { class: "ao-project-phase" }, t9 = {
     ]));
   }
 });
-const l9 = { class: "ao-project__phases" }, r9 = {
+const r9 = { class: "ao-project__phases" }, u9 = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, u9 = /* @__PURE__ */ d("div", { class: "ao-project-phase__empty_drag" }, null, -1), c9 = { class: "ao-project-phase__col-phase" }, d9 = /* @__PURE__ */ d("div", { class: "ao-project-phase__col-milestones" }, null, -1), f9 = /* @__PURE__ */ x({
+}, c9 = /* @__PURE__ */ d("div", { class: "ao-project-phase__empty_drag" }, null, -1), d9 = { class: "ao-project-phase__col-phase" }, f9 = /* @__PURE__ */ d("div", { class: "ao-project-phase__col-milestones" }, null, -1), v9 = /* @__PURE__ */ x({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -8451,7 +8452,7 @@ const l9 = { class: "ao-project__phases" }, r9 = {
     }, c = (u) => {
       e("addPhase", u);
     };
-    return (u, f) => (v(), C("div", l9, [
+    return (u, f) => (v(), C("div", r9, [
       k(F(Ge), {
         class: "ao-project-phase__phases-list",
         "model-value": u.phases,
@@ -8460,7 +8461,7 @@ const l9 = { class: "ao-project__phases" }, r9 = {
         onChange: l
       }, {
         item: R(({ element: h }) => [
-          k(o9, {
+          k(l9, {
             phase: h,
             "is-editable": u.isEditable,
             onAddMilestone: s,
@@ -8472,9 +8473,9 @@ const l9 = { class: "ao-project__phases" }, r9 = {
         ]),
         _: 1
       }, 8, ["model-value"]),
-      u.isEditable ? (v(), C("div", r9, [
-        u9,
-        d("div", c9, [
+      u.isEditable ? (v(), C("div", u9, [
+        c9,
+        d("div", d9, [
           k(Xe, {
             label: u.$t("project.phases.add"),
             "icon-name": "Add",
@@ -8482,12 +8483,12 @@ const l9 = { class: "ao-project__phases" }, r9 = {
             onClick: c
           }, null, 8, ["label"])
         ]),
-        d9
+        f9
       ])) : E("", !0)
     ]));
   }
 });
-const v9 = ["onSubmit"], h9 = { class: "ao-add-template-modal__form-body" }, p9 = { class: "field__row" }, m9 = { class: "ao-add-template-modal__form-footer" }, C9 = /* @__PURE__ */ x({
+const h9 = ["onSubmit"], p9 = { class: "ao-add-template-modal__form-body" }, m9 = { class: "field__row" }, C9 = { class: "ao-add-template-modal__form-footer" }, _9 = /* @__PURE__ */ x({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -8495,7 +8496,7 @@ const v9 = ["onSubmit"], h9 = { class: "ao-add-template-modal__form-body" }, p9
   },
   emits: ["apply"],
   setup(a, { emit: e }) {
-    const t = a, s = y(() => t.templates.map((l) => ({
+    const t = a, s = b(() => t.templates.map((l) => ({
       value: l.id,
       label: l.name
     }))), n = X(null), o = (l) => {
@@ -8515,8 +8516,8 @@ const v9 = ["onSubmit"], h9 = { class: "ao-add-template-modal__form-body" }, p9
           class: "ao-add-template-modal__form",
           onSubmit: _e(i, ["prevent"])
         }, [
-          d("div", h9, [
-            d("div", p9, [
+          d("div", p9, [
+            d("div", m9, [
               k(be, {
                 value: n.value,
                 options: s.value,
@@ -8525,7 +8526,7 @@ const v9 = ["onSubmit"], h9 = { class: "ao-add-template-modal__form-body" }, p9
               }, null, 8, ["value", "options"])
             ])
           ]),
-          d("footer", m9, [
+          d("footer", C9, [
             k(ce, {
               label: l.$t("project.template.add.label"),
               type: "submit",
@@ -8534,13 +8535,13 @@ const v9 = ["onSubmit"], h9 = { class: "ao-add-template-modal__form-body" }, p9
               onClick: i
             }, null, 8, ["label"])
           ])
-        ], 40, v9)
+        ], 40, h9)
       ]),
       _: 1
     }));
   }
 });
-const _9 = { class: "ao-project-overview" }, g9 = { class: "ao-project" }, y9 = { class: "ao-project__body" }, b9 = /* @__PURE__ */ x({
+const g9 = { class: "ao-project-overview" }, y9 = { class: "ao-project" }, b9 = { class: "ao-project__body" }, w9 = /* @__PURE__ */ x({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -8554,7 +8555,7 @@ const _9 = { class: "ao-project-overview" }, g9 = { class: "ao-project" }, y9 =
   },
   emits: ["addPhase", "updatePhase", "archivePhase", "addMilestone", "updateMilestone", "archiveMilestone", "addActivity", "update:activity", "archiveActivity", "addSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment", "applyTemplate"],
   setup(a, { emit: e }) {
-    const t = a, { t: s } = at(), n = y(
+    const t = a, { t: s } = at(), n = b(
       () => t.phases.flatMap((I) => I.milestones)
     ), o = () => {
       const { name: I, rank: z } = vt(t.phases, "phase", s);
@@ -8577,7 +8578,7 @@ const _9 = { class: "ao-project-overview" }, g9 = { class: "ao-project" }, y9 =
       e("archiveActivity", I);
     }, g = (I) => {
       e("addSubtask", I);
-    }, $ = y(
+    }, $ = b(
       () => n.value.flatMap((I) => I.activities)
     ), T = (I) => {
       e("addFiles", I);
@@ -8595,8 +8596,8 @@ const _9 = { class: "ao-project-overview" }, g9 = { class: "ao-project" }, y9 =
     return (I, z) => {
       const Y = vn("RouterView");
       return v(), C(fe, null, [
-        d("div", _9, [
-          d("div", g9, [
+        d("div", g9, [
+          d("div", y9, [
             k(r1, null, Ht({ _: 2 }, [
               I.isEditable ? {
                 name: "primary",
@@ -8611,8 +8612,8 @@ const _9 = { class: "ao-project-overview" }, g9 = { class: "ao-project" }, y9 =
                 key: "0"
               } : void 0
             ]), 1024),
-            d("div", y9, [
-              k(f9, {
+            d("div", b9, [
+              k(v9, {
                 phases: I.phases,
                 "is-editable": I.isEditable,
                 onAddMilestone: r,
@@ -8657,7 +8658,7 @@ const _9 = { class: "ao-project-overview" }, g9 = { class: "ao-project" }, y9 =
           ]))
         ]),
         (v(), U(It, { to: "body" }, [
-          j.value ? (v(), U(C9, {
+          j.value ? (v(), U(_9, {
             key: 0,
             "project-id": I.project.id,
             templates: I.templates,
@@ -8669,31 +8670,31 @@ const _9 = { class: "ao-project-overview" }, g9 = { class: "ao-project" }, y9 =
     };
   }
 });
-const w9 = { class: "ao-card-feed__header" }, $9 = {
+const $9 = { class: "ao-card-feed__header" }, M9 = {
   key: 2,
   class: "ao-card-feed__header-secondary ao-card-feed__secondary"
-}, M9 = { class: "ao-card-feed__body" }, k9 = {
+}, k9 = { class: "ao-card-feed__body" }, A9 = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
-}, A9 = {
+}, T9 = {
   key: 1,
   class: "ao-card-feed__deadline"
-}, T9 = { class: "ao-card-feed__footer" }, S9 = { class: "ao-card-feed__footer-row" }, E9 = { class: "ao-assignees" }, I9 = {
+}, S9 = { class: "ao-card-feed__footer" }, E9 = { class: "ao-card-feed__footer-row" }, I9 = { class: "ao-assignees" }, O9 = {
   key: 0,
   class: "ao-assignee"
-}, O9 = {
+}, L9 = {
   key: 0,
   class: "ao-card-feed__subitems"
-}, L9 = {
+}, V9 = {
   key: 0,
   class: "ao-card-feed__subitem"
-}, V9 = { class: "ao-card-feed__subitem" }, H9 = {
+}, H9 = { class: "ao-card-feed__subitem" }, D9 = {
   key: 1,
   class: "ao-card-feed__subitem"
-}, D9 = { class: "ao-card-feed__subitem" }, P9 = { class: "ao-card-feed__footer-row" }, B9 = {
+}, P9 = { class: "ao-card-feed__subitem" }, B9 = { class: "ao-card-feed__footer-row" }, N9 = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, N9 = { class: "ao-card-feed__subitem" }, R9 = { class: "ao-card-feed__subitem" }, Va = /* @__PURE__ */ x({
+}, R9 = { class: "ao-card-feed__subitem" }, U9 = { class: "ao-card-feed__subitem" }, Va = /* @__PURE__ */ x({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -8716,24 +8717,24 @@ const w9 = { class: "ao-card-feed__header" }, $9 = {
         id: t.id,
         name: h
       });
-    }, n = y(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), o = y(() => t.assignee ? [t.assignee] : []), i = y(() => k1(t.deadline)), l = (h) => {
+    }, n = b(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), o = b(() => t.assignee ? [t.assignee] : []), i = b(() => k1(t.deadline)), l = (h) => {
       const { firstName: p, lastName: g } = h || {};
       return `${p ?? ""}${p ? " " : ""}${g ?? ""}`;
     }, r = (h) => {
       e("removeAssignee", h);
-    }, c = y(() => {
+    }, c = b(() => {
       var h;
       return (h = t.tasks) == null ? void 0 : h.length;
-    }), u = y(() => {
+    }), u = b(() => {
       var h;
       return (h = t.tasks) == null ? void 0 : h.filter((p) => p.isDone).length;
-    }), f = y(() => (u.value || 0) / (c.value || 1));
+    }), f = b(() => (u.value || 0) / (c.value || 1));
     return (h, p) => (v(), U(N1, {
       class: "ao-card-feed",
       "is-clickable": !0
     }, {
       header: R(() => [
-        d("div", w9, [
+        d("div", $9, [
           h.projectName ? (v(), U(S1, {
             key: 0,
             label: h.projectName,
@@ -8747,14 +8748,14 @@ const w9 = { class: "ao-card-feed__header" }, $9 = {
             class: "ao-card-feed__important ao-card-feed__header-secondary",
             size: "sm"
           })) : E("", !0),
-          h.$slots.secondary ? (v(), C("div", $9, [
+          h.$slots.secondary ? (v(), C("div", M9, [
             Q(h.$slots, "secondary")
           ])) : E("", !0)
         ])
       ]),
       default: R(() => [
-        d("div", M9, [
-          n.value ? (v(), C("span", k9, W(n.value), 1)) : E("", !0),
+        d("div", k9, [
+          n.value ? (v(), C("span", A9, W(n.value), 1)) : E("", !0),
           k(pe, {
             id: h.id,
             title: h.name,
@@ -8762,17 +8763,17 @@ const w9 = { class: "ao-card-feed__header" }, $9 = {
             "is-editable": h.isEditable,
             "onUpdate:title": s
           }, null, 8, ["id", "title", "is-editable"]),
-          h.deadline ? (v(), C("span", A9, W(i.value), 1)) : E("", !0)
+          h.deadline ? (v(), C("span", T9, W(i.value), 1)) : E("", !0)
         ])
       ]),
       footer: R(() => [
-        d("div", T9, [
-          d("div", S9, [
-            d("ul", E9, [
+        d("div", S9, [
+          d("div", E9, [
+            d("ul", I9, [
               (v(!0), C(fe, null, ye(o.value, (g) => (v(), C(fe, {
                 key: g.id
               }, [
-                g ? (v(), C("li", I9, [
+                g ? (v(), C("li", O9, [
                   k(_t, {
                     "user-name": l(g),
                     "is-closable": !0,
@@ -8781,31 +8782,31 @@ const w9 = { class: "ao-card-feed__header" }, $9 = {
                 ])) : E("", !0)
               ], 64))), 128))
             ]),
-            h.comments || h.attachments ? (v(), C("ul", O9, [
-              h.comments ? (v(), C("li", L9, [
+            h.comments || h.attachments ? (v(), C("ul", L9, [
+              h.comments ? (v(), C("li", V9, [
                 k(de, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                d("span", V9, W(h.comments), 1)
+                d("span", H9, W(h.comments), 1)
               ])) : E("", !0),
-              h.attachments ? (v(), C("li", H9, [
+              h.attachments ? (v(), C("li", D9, [
                 k(de, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                d("span", D9, W(h.attachments), 1)
+                d("span", P9, W(h.attachments), 1)
               ])) : E("", !0)
             ])) : E("", !0)
           ]),
-          d("div", P9, [
-            h.tasks ? (v(), C("div", B9, [
-              d("div", N9, [
+          d("div", B9, [
+            h.tasks ? (v(), C("div", N9, [
+              d("div", R9, [
                 k(de, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                d("span", R9, W(u.value) + " / " + W(c.value), 1)
+                d("span", U9, W(u.value) + " / " + W(c.value), 1)
               ]),
               k(R1, {
                 percentages: f.value,
@@ -8819,7 +8820,7 @@ const w9 = { class: "ao-card-feed__header" }, $9 = {
     }));
   }
 });
-const U9 = { class: "ao-project-milestone" }, Z9 = { class: "ao-project-milestone__header" }, j9 = { class: "ao-project-milestone__title" }, F9 = { class: "ao-project-milestone__body" }, q9 = {
+const Z9 = { class: "ao-project-milestone" }, j9 = { class: "ao-project-milestone__header" }, F9 = { class: "ao-project-milestone__title" }, q9 = { class: "ao-project-milestone__body" }, W9 = {
   key: 0,
   class: "ao-project-milestone__footer"
 }, oa = /* @__PURE__ */ x({
@@ -8834,16 +8835,16 @@ const U9 = { class: "ao-project-milestone" }, Z9 = { class: "ao-project-mileston
   },
   emits: ["close", "addActivity", "updateActivity", "archiveActivity"],
   setup(a, { emit: e }) {
-    const t = a, { t: s } = at(), n = y(() => {
+    const t = a, { t: s } = at(), n = b(() => {
       var h;
       return (h = t.phases) == null ? void 0 : h.find((p) => p.id === t.phaseId);
-    }), o = y(() => {
+    }), o = b(() => {
       var h;
       return (h = t.phases) == null ? void 0 : h.flatMap((p) => p.milestones);
-    }), i = y(() => {
+    }), i = b(() => {
       var h;
       return (h = o.value) == null ? void 0 : h.find((p) => p.id === t.milestoneId);
-    }), l = y(() => {
+    }), l = b(() => {
       var h;
       return (h = i.value) == null ? void 0 : h.activities;
     });
@@ -8874,9 +8875,9 @@ const U9 = { class: "ao-project-milestone" }, Z9 = { class: "ao-project-mileston
     };
     return (h, p) => {
       var g;
-      return v(), C("div", U9, [
-        d("header", Z9, [
-          d("div", j9, [
+      return v(), C("div", Z9, [
+        d("header", j9, [
+          d("div", F9, [
             d("span", null, W(h.$t("project.milestone.title")), 1),
             k(pe, {
               title: ((g = i.value) == null ? void 0 : g.name) || h.milestoneId,
@@ -8889,7 +8890,7 @@ const U9 = { class: "ao-project-milestone" }, Z9 = { class: "ao-project-mileston
             onClick: r
           })
         ]),
-        d("div", F9, [
+        d("div", q9, [
           k(F(Ge), Ve({
             class: "ao-project-milestone__activities",
             list: l.value,
@@ -8941,7 +8942,7 @@ const U9 = { class: "ao-project-milestone" }, Z9 = { class: "ao-project-mileston
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          h.isEditable ? (v(), C("div", q9, [
+          h.isEditable ? (v(), C("div", W9, [
             k(Xe, {
               "icon-name": "Add",
               label: h.$t("project.activity.add"),
@@ -8953,7 +8954,7 @@ const U9 = { class: "ao-project-milestone" }, Z9 = { class: "ao-project-mileston
     };
   }
 });
-const W9 = /* @__PURE__ */ x({
+const z9 = /* @__PURE__ */ x({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -8971,19 +8972,19 @@ const W9 = /* @__PURE__ */ x({
   },
   emits: ["update:activity", "addSubtask", "addComment", "updateComment", "removeComment"],
   setup(a, { emit: e }) {
-    const t = a, s = y(() => {
+    const t = a, s = b(() => {
       var p;
       return (p = t.phases) == null ? void 0 : p.find((g) => g.id === t.phaseId);
-    }), n = y(() => {
+    }), n = b(() => {
       var p;
       return (p = t.phases) == null ? void 0 : p.flatMap((g) => g.milestones);
-    }), o = y(() => {
+    }), o = b(() => {
       var p;
       return (p = n.value) == null ? void 0 : p.find((g) => g.id === t.milestoneId);
-    }), i = y(() => {
+    }), i = b(() => {
       var p;
       return (p = t.activities) == null ? void 0 : p.find((g) => g.id === t.activityId);
-    }), l = y(() => {
+    }), l = b(() => {
       var p;
       return ((p = t.activityTypes) == null ? void 0 : p.map((g) => ({
         value: g,
@@ -9028,7 +9029,7 @@ const W9 = /* @__PURE__ */ x({
   TEMPLATES: "templates",
   TEMPLATE_DETAILS: "template_details",
   TEMPLATES_LIST: "templates_list"
-}, R4 = (a, e = {}) => [
+}, U4 = (a, e = {}) => [
   {
     path: a,
     name: Tt.TEMPLATES,
@@ -9037,12 +9038,12 @@ const W9 = /* @__PURE__ */ x({
       {
         path: "",
         name: Tt.TEMPLATES_LIST,
-        component: x9
+        component: Y9
       },
       {
         path: ":templateId/:phaseId?/:milestoneId?/:activityId?",
         name: Tt.TEMPLATE_DETAILS,
-        component: D7,
+        component: P7,
         props: !0
       }
     ]
@@ -9051,7 +9052,7 @@ const W9 = /* @__PURE__ */ x({
   project: "AoProject",
   milestone: "AoMilestone",
   activity: "AoActivity"
-}, U4 = (a, e = {}) => [
+}, Z4 = (a, e = {}) => [
   {
     path: a,
     ...e,
@@ -9059,7 +9060,7 @@ const W9 = /* @__PURE__ */ x({
       {
         path: "",
         name: ht.project,
-        component: b9,
+        component: w9,
         props: !0,
         children: [
           {
@@ -9074,14 +9075,14 @@ const W9 = /* @__PURE__ */ x({
             props: { default: !0, modal: !0 },
             components: {
               default: oa,
-              modal: W9
+              modal: z9
             }
           }
         ]
       }
     ]
   }
-], z9 = { class: "ao-templates" }, x9 = /* @__PURE__ */ x({
+], x9 = { class: "ao-templates" }, Y9 = /* @__PURE__ */ x({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -9121,7 +9122,7 @@ const W9 = /* @__PURE__ */ x({
         });
       }
     };
-    return (l, r) => (v(), C("div", z9, [
+    return (l, r) => (v(), C("div", x9, [
       k(r1, null, {
         secondary: R(() => [
           k(ce, {
@@ -9144,7 +9145,7 @@ const W9 = /* @__PURE__ */ x({
         item: R(({ element: c }) => {
           var u;
           return [
-            k(g0, {
+            k(g3, {
               id: c.id,
               title: c.name,
               phases: c.phases,
@@ -9165,14 +9166,14 @@ const W9 = /* @__PURE__ */ x({
     ]));
   }
 });
-const Y9 = { class: "ao-col-header" }, K9 = /* @__PURE__ */ x({
+const K9 = { class: "ao-col-header" }, G9 = /* @__PURE__ */ x({
   __name: "AoColHeader",
   props: {
     title: {},
     items: {}
   },
   setup(a) {
-    return (e, t) => (v(), C("header", Y9, [
+    return (e, t) => (v(), C("header", K9, [
       k(pe, {
         title: e.title,
         class: "ao-col-header__title",
@@ -9188,15 +9189,15 @@ const Y9 = { class: "ao-col-header" }, K9 = /* @__PURE__ */ x({
     ]));
   }
 });
-function G9(a) {
+function X9(a) {
   return hn() ? (pn(a), !0) : !1;
 }
 function e1(a) {
   return typeof a == "function" ? a() : F(a);
 }
-const X9 = typeof window < "u", Q9 = (a) => a != null, St = () => {
+const Q9 = typeof window < "u", J9 = (a) => a != null, St = () => {
 };
-function J9(a, e) {
+function e4(a, e) {
   function t(...s) {
     return new Promise((n, o) => {
       Promise.resolve(a(() => e.apply(this, s), { fn: e, thisArg: this, args: s })).then(n).catch(o);
@@ -9204,7 +9205,7 @@ function J9(a, e) {
   }
   return t;
 }
-function e4(a, e = {}) {
+function t4(a, e = {}) {
   let t, s, n = St;
   const o = (l) => {
     clearTimeout(l), n(), n = St;
@@ -9220,9 +9221,9 @@ function e4(a, e = {}) {
     });
   };
 }
-function t4(a, e = 200, t = {}) {
-  return J9(
-    e4(e, t),
+function a4(a, e = 200, t = {}) {
+  return e4(
+    t4(e, t),
     a
   );
 }
@@ -9231,27 +9232,27 @@ function M1(a) {
   const t = e1(a);
   return (e = t == null ? void 0 : t.$el) != null ? e : t;
 }
-const a4 = X9 ? window : void 0;
-function n4() {
+const n4 = Q9 ? window : void 0;
+function s4() {
   const a = X(!1);
   return tt() && Dt(() => {
     a.value = !0;
   }), a;
 }
-function s4(a) {
-  const e = n4();
-  return y(() => (e.value, !!a()));
+function i4(a) {
+  const e = s4();
+  return b(() => (e.value, !!a()));
 }
-function i4(a, e, t = {}) {
+function o4(a, e, t = {}) {
   const {
     root: s,
     rootMargin: n = "0px",
     threshold: o = 0.1,
-    window: i = a4,
+    window: i = n4,
     immediate: l = !0
-  } = t, r = s4(() => i && "IntersectionObserver" in i), c = y(() => {
+  } = t, r = i4(() => i && "IntersectionObserver" in i), c = b(() => {
     const g = e1(a);
-    return (Array.isArray(g) ? g : [g]).map(M1).filter(Q9);
+    return (Array.isArray(g) ? g : [g]).map(M1).filter(J9);
   });
   let u = St;
   const f = X(l), h = r.value ? ue(
@@ -9275,7 +9276,7 @@ function i4(a, e, t = {}) {
   ) : St, p = () => {
     u(), h(), f.value = !1;
   };
-  return G9(p), {
+  return X9(p), {
     isSupported: r,
     isActive: f,
     pause() {
@@ -9287,24 +9288,24 @@ function i4(a, e, t = {}) {
     stop: p
   };
 }
-const o4 = {
+const l4 = {
   class: /* @__PURE__ */ G(["ao-list-kanban"])
-}, l4 = { class: "ao-list-kanban__header" }, r4 = {
+}, r4 = { class: "ao-list-kanban__header" }, u4 = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
-}, u4 = {
+}, c4 = {
   key: 1,
   class: "ao-list-kanban__end"
-}, c4 = {
+}, d4 = {
   key: 0,
   class: "ao-list-kanban__no-more"
-}, d4 = {
+}, f4 = {
   key: 1,
   class: "ao-list-kanban__divider"
-}, f4 = {
+}, v4 = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, v4 = /* @__PURE__ */ x({
+}, h4 = /* @__PURE__ */ x({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -9319,7 +9320,7 @@ const o4 = {
   emits: ["add", "update:list", "change:list", "loadMore", "selectActivity", "archiveActivity", "updateActivity"],
   setup(a, { emit: e }) {
     const t = a, s = X(!1), n = X(null);
-    i4(n, ([{ isIntersecting: r }]) => {
+    o4(n, ([{ isIntersecting: r }]) => {
       s.value = r;
     }), ue(s, (r) => {
       r && t.hasMore && !t.isLoading && e("loadMore");
@@ -9342,12 +9343,12 @@ const o4 = {
         )
       });
     };
-    return (r, c) => (v(), C("div", o4, [
+    return (r, c) => (v(), C("div", l4, [
       r.title || r.$slots.header ? Q(r.$slots, "header", { key: 0 }, () => {
         var u;
         return [
-          d("div", l4, [
-            r.title ? (v(), U(K9, {
+          d("div", r4, [
+            r.title ? (v(), U(G9, {
               key: 0,
               title: r.title,
               level: 3,
@@ -9402,20 +9403,20 @@ const o4 = {
           ];
         }),
         footer: R(() => [
-          r.isLoading ? (v(), C("div", r4, [
+          r.isLoading ? (v(), C("div", u4, [
             k(de, { name: "Loading" })
           ])) : r.hasMore ? (v(), C("div", {
             key: 2,
             ref_key: "scrollEnd",
             ref: n,
             class: "ao-list-kanban__end"
-          }, null, 512)) : (v(), C("div", u4, [
-            r.noMoreLabel ? (v(), C("span", c4, W(r.noMoreLabel), 1)) : (v(), C("span", d4))
+          }, null, 512)) : (v(), C("div", c4, [
+            r.noMoreLabel ? (v(), C("span", d4, W(r.noMoreLabel), 1)) : (v(), C("span", f4))
           ]))
         ]),
         _: 1
       }, 16, ["list"]),
-      r.$slots.footer || r.footerLabel ? (v(), C("div", f4, [
+      r.$slots.footer || r.footerLabel ? (v(), C("div", v4, [
         Q(r.$slots, "footer", {}, () => [
           k(Xe, {
             "icon-name": "AddBoxOutlineRounded",
@@ -9427,7 +9428,7 @@ const o4 = {
     ]));
   }
 });
-const h4 = { class: "ao-field ao-search-field" }, p4 = ["value", "placeholder", "onKeypress"], m4 = /* @__PURE__ */ x({
+const p4 = { class: "ao-field ao-search-field" }, m4 = ["value", "placeholder", "onKeypress"], C4 = /* @__PURE__ */ x({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -9439,10 +9440,10 @@ const h4 = { class: "ao-field ao-search-field" }, p4 = ["value", "placeholder",
     const t = a, s = async (i) => {
       const r = i.target.value;
       e("update:modelValue", r, i);
-    }, n = t4(s, t.delay), o = (i) => {
+    }, n = a4(s, t.delay), o = (i) => {
       e("clear", i);
     };
-    return (i, l) => (v(), C("div", h4, [
+    return (i, l) => (v(), C("div", p4, [
       d("input", {
         value: i.modelValue,
         type: "text",
@@ -9451,7 +9452,7 @@ const h4 = { class: "ao-field ao-search-field" }, p4 = ["value", "placeholder",
         onInput: l[0] || (l[0] = //@ts-ignore
         (...r) => F(n) && F(n)(...r)),
         onKeypress: ze(s, ["enter"])
-      }, null, 40, p4),
+      }, null, 40, m4),
       k(de, {
         name: "SearchRounded",
         class: G(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
@@ -9467,8 +9468,8 @@ const h4 = { class: "ao-field ao-search-field" }, p4 = ["value", "placeholder",
     ]));
   }
 });
-function C4(a) {
-  const e = X(), t = y(
+function _4(a) {
+  const e = X(), t = b(
     () => a.value.find(
       (n) => n.id === e.value
     )
@@ -9481,18 +9482,18 @@ function C4(a) {
     }
   };
 }
-const _4 = Symbol.for("FeedStore");
-function g4(a) {
-  const e = C4(a);
-  return mn(_4, e), e;
+const g4 = Symbol.for("FeedStore");
+function y4(a) {
+  const e = _4(a);
+  return mn(g4, e), e;
 }
-const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { class: "ao-feed__body" }, $4 = { class: "ao-feed__activity-details__header" }, M4 = {
+const b4 = { class: "ao-feed" }, w4 = { class: "ao-feed__filters" }, $4 = { class: "ao-feed__body" }, M4 = { class: "ao-feed__activity-details__header" }, k4 = {
   key: 0,
   class: "ao-field ao-feed__activity-details__project"
-}, k4 = { class: "ao-field__label" }, A4 = {
+}, A4 = { class: "ao-field__label" }, T4 = {
   key: 1,
   class: "ao-field ao-feed__activity-details__status"
-}, T4 = { class: "ao-field__label" }, S4 = { class: "ao-field__row" }, E4 = { class: "ao-field" }, I4 = { class: "ao-field__label" }, Z4 = /* @__PURE__ */ x({
+}, S4 = { class: "ao-field__label" }, E4 = { class: "ao-field__row" }, I4 = { class: "ao-field" }, O4 = { class: "ao-field__label" }, j4 = /* @__PURE__ */ x({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -9508,7 +9509,7 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
   },
   emits: ["change:activities", "addActivity", "update:filters", "selectActivity", "update:activity", "archiveActivity", "update:searchText", "clear:searchText", "update:showsArchivedActivities", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment"],
   setup(a, { emit: e }) {
-    const t = a, { t: s } = at(), n = ct(t, "activities"), { selectActivity: o, selectedActivity: i } = g4(n), l = (m) => {
+    const t = a, { t: s } = at(), n = ct(t, "activities"), { selectActivity: o, selectedActivity: i } = y4(n), l = (m) => {
       o(m), e("selectActivity", m);
     }, r = X({}), c = X(!1);
     ue(
@@ -9527,7 +9528,7 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
       },
       { immediate: !0 }
     );
-    const u = y(() => {
+    const u = b(() => {
       var m;
       return !i.value || !i.value.milestone ? "" : `${((m = i.value.milestone.phase) == null ? void 0 : m.name) ?? ""} / ${i.value.milestone.name ?? ""}`;
     }), f = (m) => {
@@ -9540,13 +9541,13 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
       t.filters.assigneeId.length > 0 && (oe.assigneeId = t.filters.assigneeId[0]), t.filters.projectId.length > 0 && (oe.projectId = t.filters.projectId[0]), t.filters.typeId.length > 0 && (oe.typeId = t.filters.typeId[0]), c.value = !0, e("addActivity", oe);
     }, h = (m, A) => {
       c.value = !1, e("update:filters", { ...t.filters, [m]: A });
-    }, p = y(() => t.projects.map((m) => ({
+    }, p = b(() => t.projects.map((m) => ({
       value: m.id,
       label: m.name
-    }))), g = y(() => t.activityTypes.map((m) => ({
+    }))), g = b(() => t.activityTypes.map((m) => ({
       value: m.id,
       label: m.name
-    }))), $ = y(() => t.users.map((m) => ({
+    }))), $ = b(() => t.users.map((m) => ({
       value: m.id,
       label: `${m.firstName} ${m.lastName}`
     }))), T = (m) => {
@@ -9555,7 +9556,7 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
       e("update:activity", m);
     }, w = (m) => {
       e("archiveActivity", m);
-    }, L = y({
+    }, L = b({
       get() {
         var m;
         return (m = i.value) == null ? void 0 : m.deadline;
@@ -9580,7 +9581,7 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
       e("addFiles", m);
     }, ne = (m) => {
       e("removeFile", m);
-    }, b = (m) => {
+    }, y = (m) => {
       i.value && e("addComment", {
         ...m,
         activityId: i.value.id
@@ -9591,7 +9592,7 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
     }, D = (m) => {
       const { id: A } = i.value || {};
       A && e("removeComment", m);
-    }, le = y(() => {
+    }, le = b(() => {
       var m;
       return (m = t.projects) == null ? void 0 : m.map((A) => ({
         value: A.id,
@@ -9602,7 +9603,7 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
         id: i.value.id,
         projectId: m
       });
-    }, re = y(() => {
+    }, re = b(() => {
       var m;
       return (m = t.statuses) == null ? void 0 : m.map((A) => ({
         value: A.id,
@@ -9616,11 +9617,11 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
     };
     return (m, A) => {
       var N;
-      return v(), C("div", y4, [
+      return v(), C("div", b4, [
         k(r1, null, {
           primary: R(() => [
-            d("div", b4, [
-              k(m4, {
+            d("div", w4, [
+              k(C4, {
                 "model-value": m.searchText,
                 placeholder: m.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
@@ -9682,8 +9683,8 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
           ]),
           _: 1
         }),
-        d("div", w4, [
-          (v(!0), C(fe, null, ye(m.statuses, (B) => (v(), U(v4, {
+        d("div", $4, [
+          (v(!0), C(fe, null, ye(m.statuses, (B) => (v(), U(h4, {
             key: B.id,
             status: B,
             list: r.value[B.id],
@@ -9708,6 +9709,7 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
             "is-task-checkable": m.isTaskCheckable,
             statuses: m.statuses,
             breadcrumbs: u.value,
+            "is-editable": !0,
             onClose: A[5] || (A[5] = () => l(null)),
             "onUpdate:activity": T,
             onAddSubtask: V,
@@ -9715,24 +9717,24 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
             onDeleteSubtask: z,
             onAddFiles: Y,
             onRemoveFile: ne,
-            onAddComment: b,
+            onAddComment: y,
             onUpdateComment: S,
             onRemoveComment: D
           }, {
             header: R(() => {
               var B, oe;
               return [
-                d("div", $4, [
-                  le.value ? (v(), C("label", M4, [
-                    d("span", k4, W(m.$t("activity.project.label")), 1),
+                d("div", M4, [
+                  le.value ? (v(), C("label", k4, [
+                    d("span", A4, W(m.$t("activity.project.label")), 1),
                     k(be, {
                       options: le.value,
                       value: (B = F(i).project) == null ? void 0 : B.id,
                       onChange: J
                     }, null, 8, ["options", "value"])
                   ])) : E("", !0),
-                  re.value ? (v(), C("label", A4, [
-                    d("span", T4, W(m.$t("activity.status.label")), 1),
+                  re.value ? (v(), C("label", T4, [
+                    d("span", S4, W(m.$t("activity.status.label")), 1),
                     k(be, {
                       options: re.value,
                       value: (oe = F(i).status) == null ? void 0 : oe.id,
@@ -9745,9 +9747,9 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
               ];
             }),
             default: R(() => [
-              d("div", S4, [
-                d("label", E4, [
-                  d("span", I4, W(m.$t("activity.deadline.label")), 1),
+              d("div", E4, [
+                d("label", I4, [
+                  d("span", O4, W(m.$t("activity.deadline.label")), 1),
                   dt(d("input", {
                     "onUpdate:modelValue": A[4] || (A[4] = (B) => L.value = B),
                     class: "ao-field__input",
@@ -9771,22 +9773,22 @@ const y4 = { class: "ao-feed" }, b4 = { class: "ao-feed__filters" }, w4 = { clas
   }
 });
 export {
-  Z4 as AoFeed,
-  D7 as AoTemplateDetails,
-  D4 as AoTemplates,
-  x9 as AoTemplatesList,
-  $7 as TemplateItemTypeEnum,
-  B4 as activityFeedStatus,
-  P4 as durationTypes,
+  j4 as AoFeed,
+  P7 as AoTemplateDetails,
+  P4 as AoTemplates,
+  Y9 as AoTemplatesList,
+  M7 as TemplateItemTypeEnum,
+  N4 as activityFeedStatus,
+  B4 as durationTypes,
   ut as feedFilterTypes,
-  U4 as getProjectOverviewRoutes,
-  R4 as getTemplateRoutes,
-  N4 as listUpdateTypes,
-  g7 as milestoneStatus,
+  Z4 as getProjectOverviewRoutes,
+  U4 as getTemplateRoutes,
+  R4 as listUpdateTypes,
+  y7 as milestoneStatus,
   ht as projectOverviewRoutes,
-  y7 as ruleComparators,
-  w7 as ruleDurationUnits,
-  b7 as ruleTriggerTypes,
+  b7 as ruleComparators,
+  $7 as ruleDurationUnits,
+  w7 as ruleTriggerTypes,
   he as templateItemType,
   Tt as templateRouteNames
 };