@26lights/orcha 0.34.13 → 0.34.15

package/dist/orcha.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as J, openBlock as v, createBlock as R, unref as Q, mergeProps as Ve, createElementBlock as g, createElementVNode as p, pushScopeId as hs, popScopeId as Cs, createStaticVNode as gs, computed as k, resolveDynamicComponent as vt, normalizeClass as Y, renderSlot as te, toDisplayString as X, createCommentVNode as T, ref as ne, watch as de, nextTick as De, withKeys as ut, toHandlers as _s, withCtx as q, createTextVNode as Ra, createVNode as L, normalizeStyle as vn, withModifiers as me, createSlots as Na, Fragment as he, renderList as ye, onMounted as Ft, onBeforeUnmount as pn, onUnmounted as mn, Teleport as Ht, toRefs as Ae, getCurrentInstance as Mt, toRef as Vt, normalizeProps as ua, guardReactiveProps as da, withDirectives as rt, vShow as ys, onUpdated as bs, vModelText as bt, resolveComponent as ws, getCurrentScope as $s, onScopeDispose as ks, toHandlerKey as Ms } from "vue";
 import { RouterView as As } from "vue-router";
 import pt from "vuedraggable";
-const Av = /* @__PURE__ */ J({
+const Mv = /* @__PURE__ */ J({
   __name: "AoTemplates",
   props: {
     templates: {}
@@ -1441,11 +1441,11 @@ const c1 = {
   todo: "todo",
   done: "done",
   archived: "archived"
-}, Tv = {
+}, Av = {
   months: "months",
   weeks: "weeks",
   days: "days"
-}, Sv = {
+}, Tv = {
   future: "future",
   this_month: "this_month",
   this_week: "this_week",
@@ -1469,7 +1469,7 @@ const c1 = {
   TASKS: "tasks"
 };
 var E2 = /* @__PURE__ */ ((t) => (t.PHASES = "phases", t.MILESTONES = "milestones", t.ACTIVITIES = "activities", t))(E2 || {});
-const Ev = {
+const Sv = {
   add: "add",
   remove: "remove",
   moved: "moved"
@@ -5343,7 +5343,7 @@ function Y5(t, e, a) {
     let oe = b;
     if (K.value && w.value) {
       let ve = Ce.value;
-      ve || (ve = (_t, q1, wv) => gt.value.some((ms) => {
+      ve || (ve = (_t, q1, bv) => gt.value.some((ms) => {
         let W1 = u1(Ca(_t[ms]), W.value);
         return ee.value ? W1.startsWith(u1(q1, W.value)) : W1.indexOf(u1(q1, W.value)) !== -1;
       })), oe = oe.filter((_t) => ve(_t, K.value, re));
@@ -8189,19 +8189,19 @@ const h1 = /* @__PURE__ */ J({
 }, A4 = { class: "ao-fieldset__title" }, T4 = { class: "ao-activity-details__aside" }, S4 = { class: "ao-activity-details__close-button" }, E4 = {
   key: 0,
   class: "ao-activity-details__aside-section"
-}, O4 = { class: "ao-field" }, I4 = { class: "ao-field__label" }, L4 = { class: "ao-activity-details__aside" }, V4 = { class: "ao-activity-details__aside-section" }, D4 = { class: "ao-field" }, P4 = { class: "ao-field__label" }, H4 = { class: "ao-activity-details__aside-section" }, B4 = {
+}, O4 = { class: "ao-field" }, I4 = { class: "ao-field__label" }, L4 = { class: "ao-activity-details__aside-section" }, V4 = { class: "ao-field ao-field--multiselect" }, D4 = { class: "ao-field__label" }, P4 = { class: "ao-activity-details__aside-section" }, H4 = {
   key: 0,
   class: "ao-field__row"
-}, R4 = { class: "ao-field" }, N4 = { class: "ao-field__label" }, j4 = ["readonly"], U4 = { class: "ao-activity-details__aside-section" }, Z4 = {
+}, B4 = { class: "ao-field" }, R4 = { class: "ao-field__label" }, N4 = ["readonly"], j4 = { class: "ao-activity-details__aside-section" }, U4 = {
   key: 0,
   class: "ao-field__row"
-}, F4 = { class: "ao-field ao-field--multiselect" }, q4 = { class: "ao-activity-details__aside-section" }, W4 = {
+}, Z4 = { class: "ao-field ao-field--multiselect" }, F4 = { class: "ao-activity-details__aside-section" }, q4 = {
   key: 1,
   class: "ao-activity-details__aside-section"
-}, z4 = { class: "ao-fieldset ao-activity-details__aside-section" }, Y4 = { class: "ao-fieldset__title" }, x4 = { class: "ao-fieldset__body" }, G4 = { class: "ao-field__row" }, K4 = { class: "ao-field ao-field--multiselect" }, X4 = { class: "ao-field__label" }, Q4 = { class: "ao-field__row" }, J4 = { class: "ao-field ao-field--multiselect" }, ef = { class: "ao-field__label" }, tf = {
+}, W4 = { class: "ao-fieldset ao-activity-details__aside-section" }, z4 = { class: "ao-fieldset__title" }, Y4 = { class: "ao-fieldset__body" }, x4 = { class: "ao-field__row" }, G4 = { class: "ao-field ao-field--multiselect" }, K4 = { class: "ao-field__label" }, X4 = { class: "ao-field__row" }, Q4 = { class: "ao-field ao-field--multiselect" }, J4 = { class: "ao-field__label" }, ef = {
   key: 2,
   class: "ao-activity-details__aside-section ao-activity-details__aside-section--created-by"
-}, af = { class: "ao-activity__created-by" }, H1 = /* @__PURE__ */ J({
+}, tf = { class: "ao-activity__created-by" }, H1 = /* @__PURE__ */ J({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -8560,47 +8560,45 @@ const h1 = /* @__PURE__ */ J({
               ])) : T("", !0),
               p("div", L4, [
                 p("div", V4, [
-                  p("label", D4, [
-                    p("span", P4, X(f.$t("activity.assignee.label")), 1),
-                    L($e, {
-                      modelValue: A.value,
-                      "onUpdate:modelValue": O[3] || (O[3] = (ee) => A.value = ee),
-                      class: "ao-activity-details__assignees ao-activity-details__multiselect",
-                      options: w.value,
-                      "close-on-select": !0,
-                      searchable: !0,
-                      max: 1,
-                      placeholder: f.$t("activity.filters.assignee.placeholder"),
-                      mode: "tags",
-                      disabled: !f.isEditable,
-                      caret: f.isEditable
-                    }, {
-                      tag: q(({
-                        option: ee,
-                        handleTagRemove: Ce
-                      }) => [
-                        L(Xe, {
-                          "user-name": ee.label,
-                          "avatar-url": ee.avatar,
-                          "is-closable": !0,
-                          onClose: (re) => Ce(ee, re)
-                        }, null, 8, ["user-name", "avatar-url", "onClose"])
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
-                  ])
+                  p("span", D4, X(f.$t("activity.assignee.label")), 1),
+                  L($e, {
+                    modelValue: A.value,
+                    "onUpdate:modelValue": O[3] || (O[3] = (ee) => A.value = ee),
+                    class: "ao-activity-details__assignees ao-activity-details__multiselect",
+                    options: w.value,
+                    "close-on-select": !0,
+                    searchable: !0,
+                    max: 1,
+                    placeholder: f.$t("activity.filters.assignee.placeholder"),
+                    mode: "tags",
+                    disabled: !f.isEditable,
+                    caret: f.isEditable
+                  }, {
+                    tag: q(({
+                      option: ee,
+                      handleTagRemove: Ce
+                    }) => [
+                      L(Xe, {
+                        "user-name": ee.label,
+                        "avatar-url": ee.avatar,
+                        "is-closable": !0,
+                        onClose: (re) => Ce(ee, re)
+                      }, null, 8, ["user-name", "avatar-url", "onClose"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
                 ])
               ]),
-              p("div", H4, [
-                f.isTemplate !== !0 && f.userId ? (v(), g("div", B4, [
-                  p("label", R4, [
-                    p("span", N4, X(f.$t("activity.deadline.label")), 1),
+              p("div", P4, [
+                f.isTemplate !== !0 && f.userId ? (v(), g("div", H4, [
+                  p("label", B4, [
+                    p("span", R4, X(f.$t("activity.deadline.label")), 1),
                     rt(p("input", {
                       "onUpdate:modelValue": O[4] || (O[4] = (ee) => l.value = ee),
                       readonly: !f.isEditable,
                       class: "ao-field__input",
                       type: "date"
-                    }, null, 8, j4), [
+                    }, null, 8, N4), [
                       [
                         bt,
                         l.value,
@@ -8611,9 +8609,9 @@ const h1 = /* @__PURE__ */ J({
                   ])
                 ])) : T("", !0)
               ]),
-              p("div", U4, [
-                u.value ? (v(), g("div", Z4, [
-                  p("label", F4, [
+              p("div", j4, [
+                u.value ? (v(), g("div", U4, [
+                  p("label", Z4, [
                     L($e, {
                       modelValue: d.value,
                       "onUpdate:modelValue": O[5] || (O[5] = (ee) => d.value = ee),
@@ -8629,7 +8627,7 @@ const h1 = /* @__PURE__ */ J({
                 ])) : T("", !0),
                 te(f.$slots, "default", { activity: f.activity })
               ]),
-              p("div", q4, [
+              p("div", F4, [
                 L(h1, {
                   modelValue: i.value,
                   "onUpdate:modelValue": O[6] || (O[6] = (ee) => i.value = ee),
@@ -8644,7 +8642,7 @@ const h1 = /* @__PURE__ */ J({
                   size: "sm"
                 }, null, 8, ["modelValue", "label", "disabled"])
               ]),
-              f.isTemplate !== !0 && f.activity.createdBy.id === f.userId ? (v(), g("div", W4, [
+              f.isTemplate !== !0 && f.activity.createdBy.id === f.userId ? (v(), g("div", q4, [
                 L(h1, {
                   modelValue: r.value,
                   "onUpdate:modelValue": O[7] || (O[7] = (ee) => r.value = ee),
@@ -8658,18 +8656,18 @@ const h1 = /* @__PURE__ */ J({
                   size: "sm"
                 }, null, 8, ["modelValue", "label", "disabled"])
               ])) : T("", !0),
-              p("fieldset", z4, [
-                p("div", Y4, [
+              p("fieldset", W4, [
+                p("div", z4, [
                   L(ce, { name: "FlowsheetOutlineRounded" }),
                   L(_e, {
                     level: 4,
                     title: f.$t("activity.dependencies.title")
                   }, null, 8, ["title"])
                 ]),
-                p("div", x4, [
-                  p("div", G4, [
-                    p("label", K4, [
-                      p("span", X4, X(f.$t("activity.dependingOn.label")), 1),
+                p("div", Y4, [
+                  p("div", x4, [
+                    p("label", G4, [
+                      p("span", K4, X(f.$t("activity.dependingOn.label")), 1),
                       L($e, {
                         modelValue: m.value,
                         "onUpdate:modelValue": O[8] || (O[8] = (ee) => m.value = ee),
@@ -8683,9 +8681,9 @@ const h1 = /* @__PURE__ */ J({
                       }, null, 8, ["modelValue", "options", "disabled", "caret"])
                     ])
                   ]),
-                  p("div", Q4, [
-                    p("label", J4, [
-                      p("span", ef, X(f.$t("activity.blocking.label")), 1),
+                  p("div", X4, [
+                    p("label", Q4, [
+                      p("span", J4, X(f.$t("activity.blocking.label")), 1),
                       L($e, {
                         modelValue: $.value,
                         "onUpdate:modelValue": O[9] || (O[9] = (ee) => $.value = ee),
@@ -8701,8 +8699,8 @@ const h1 = /* @__PURE__ */ J({
                   ])
                 ])
               ]),
-              f.isTemplate !== !0 && x.value ? (v(), g("div", tf, [
-                p("div", af, [
+              f.isTemplate !== !0 && x.value ? (v(), g("div", ef, [
+                p("div", tf, [
                   L(Xe, {
                     "user-name": x.value,
                     color: "black"
@@ -8718,7 +8716,7 @@ const h1 = /* @__PURE__ */ J({
     }));
   }
 });
-const nf = /* @__PURE__ */ J({
+const af = /* @__PURE__ */ J({
   __name: "AoRuleLine",
   props: {
     rule: {},
@@ -8842,7 +8840,7 @@ const nf = /* @__PURE__ */ J({
     }));
   }
 });
-const sf = { class: "ao-template-rules__body" }, of = { class: "ao-template-rules__list" }, rf = /* @__PURE__ */ J({
+const nf = { class: "ao-template-rules__body" }, sf = { class: "ao-template-rules__list" }, of = /* @__PURE__ */ J({
   __name: "AoTemplateRules",
   props: {
     templateId: {},
@@ -8866,9 +8864,9 @@ const sf = { class: "ao-template-rules__body" }, of = { class: "ao-template-rule
         }, null, 8, ["title"])
       ]),
       default: q(() => [
-        p("div", sf, [
-          p("ul", of, [
-            (v(!0), g(he, null, ye(s.rules, (i) => (v(), R(nf, {
+        p("div", nf, [
+          p("ul", sf, [
+            (v(!0), g(he, null, ye(s.rules, (i) => (v(), R(af, {
               key: i.id,
               rule: i,
               "template-phases": s.templatePhases,
@@ -8896,10 +8894,10 @@ function Pt(t, e, a) {
     rank: o.format()
   };
 }
-const lf = {
+const rf = {
   key: 0,
   class: "ao-template-details"
-}, uf = { class: "ao-template-details__body" }, df = { class: "ao-template-details__cols" }, cf = { class: "ao-template-details__col" }, ff = { class: "ao-list__footer" }, vf = { class: "ao-template-details__col" }, pf = { class: "ao-template-details__col" }, mf = /* @__PURE__ */ J({
+}, lf = { class: "ao-template-details__body" }, uf = { class: "ao-template-details__cols" }, df = { class: "ao-template-details__col" }, cf = { class: "ao-list__footer" }, ff = { class: "ao-template-details__col" }, vf = { class: "ao-template-details__col" }, pf = /* @__PURE__ */ J({
   __name: "AoTemplateDetails",
   props: {
     templateId: {},
@@ -9141,7 +9139,7 @@ const lf = {
     };
     return (f, O) => {
       var B, se, ae, ee, Ce, re;
-      return s.value ? (v(), g("div", lf, [
+      return s.value ? (v(), g("div", rf, [
         L(Wa, {
           "can-go-back": !0,
           onGoBack: O[1] || (O[1] = (G) => f.$router.push({ name: Q(Lt).TEMPLATES_LIST }))
@@ -9158,9 +9156,9 @@ const lf = {
           ]),
           _: 1
         }),
-        p("div", uf, [
-          p("ol", df, [
-            p("li", cf, [
+        p("div", lf, [
+          p("ol", uf, [
+            p("li", df, [
               L(Q(pt), {
                 "model-value": s.value.phases,
                 class: "ao-templates__list",
@@ -9195,7 +9193,7 @@ const lf = {
                   ];
                 }),
                 footer: q(() => [
-                  p("div", ff, [
+                  p("div", cf, [
                     L(mt, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: f.$t("template.phases.add"),
@@ -9206,7 +9204,7 @@ const lf = {
                 _: 1
               }, 8, ["model-value"])
             ]),
-            p("li", vf, [
+            p("li", ff, [
               i.value ? (v(), R(J3, {
                 key: 0,
                 "template-id": f.templateId,
@@ -9218,7 +9216,7 @@ const lf = {
                 onRemoveMilestone: M
               }, null, 8, ["template-id", "phase", "milestone-id"])) : T("", !0)
             ]),
-            p("li", pf, [
+            p("li", vf, [
               i.value && r.value ? (v(), R(a5, {
                 key: 0,
                 "template-id": f.templateId,
@@ -9262,7 +9260,7 @@ const lf = {
           }, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : T("", !0)
         ])),
         (v(), R(Ht, { to: "body" }, [
-          Z.value ? (v(), R(rf, {
+          Z.value ? (v(), R(of, {
             key: 0,
             "template-id": s.value.id,
             rules: s.value.rules || [],
@@ -9278,10 +9276,10 @@ const lf = {
     };
   }
 });
-const hf = {
+const mf = {
   key: 0,
   class: "ao-card__header"
-}, Cf = { class: "ao-card__body" }, gf = {
+}, hf = { class: "ao-card__body" }, Cf = {
   key: 1,
   class: "ao-card__footer"
 }, B1 = /* @__PURE__ */ J({
@@ -9302,13 +9300,13 @@ const hf = {
       ])
     }, {
       default: q(() => [
-        e.$slots.header ? (v(), g("header", hf, [
+        e.$slots.header ? (v(), g("header", mf, [
           te(e.$slots, "header")
         ])) : T("", !0),
-        p("div", Cf, [
+        p("div", hf, [
           te(e.$slots, "default")
         ]),
-        e.$slots.footer ? (v(), g("footer", gf, [
+        e.$slots.footer ? (v(), g("footer", Cf, [
           te(e.$slots, "footer")
         ])) : T("", !0)
       ]),
@@ -9336,13 +9334,13 @@ const R1 = /* @__PURE__ */ J({
     ], 2));
   }
 });
-const _f = { class: "ao-card-project-phase__header" }, yf = { class: "ao-card-project-phase__footer" }, bf = {
+const gf = { class: "ao-card-project-phase__header" }, _f = { class: "ao-card-project-phase__footer" }, yf = {
   key: 0,
   class: "ao-card-project-phase__footer-row ao-card-project-phase__footer-row--progress"
-}, wf = { class: "ao-card-project-phase__subitem" }, $f = { class: "ao-card-project-phase__subitem" }, kf = {
+}, bf = { class: "ao-card-project-phase__subitem" }, wf = { class: "ao-card-project-phase__subitem" }, $f = {
   key: 0,
   class: "ao-card-project-phase__secondary"
-}, Mf = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Af = /* @__PURE__ */ J({
+}, kf = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Mf = /* @__PURE__ */ J({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -9381,20 +9379,20 @@ const _f = { class: "ao-card-project-phase__header" }, yf = { class: "ao-card-pr
         }, null, 8, ["id", "title", "is-editable"])
       ]),
       footer: q(() => [
-        p("div", yf, [
-          s.value ? (v(), g("div", bf, [
-            p("div", wf, [
+        p("div", _f, [
+          s.value ? (v(), g("div", yf, [
+            p("div", bf, [
               L(ce, {
                 name: "MountainFlagOutlineRounded",
                 size: "sm"
               }),
-              p("span", $f, X(o.value) + " / " + X(s.value), 1)
+              p("span", wf, X(o.value) + " / " + X(s.value), 1)
             ]),
             L(R1, {
               percentages: i.value,
               class: "ao-card-project-phase__progress"
             }, null, 8, ["percentages"]),
-            l.$slots.secondary ? (v(), g("div", kf, [
+            l.$slots.secondary ? (v(), g("div", $f, [
               te(l.$slots, "secondary")
             ])) : T("", !0)
           ])) : T("", !0),
@@ -9414,7 +9412,7 @@ const _f = { class: "ao-card-project-phase__header" }, yf = { class: "ao-card-pr
                 { lazy: !0 }
               ]
             ]) : T("", !0),
-            p("span", Mf, X(Q(b1)(l.deadline)), 1)
+            p("span", kf, X(Q(b1)(l.deadline)), 1)
           ], 2)
         ])
       ]),
@@ -9423,7 +9421,7 @@ const _f = { class: "ao-card-project-phase__header" }, yf = { class: "ao-card-pr
       l.isEditable ? {
         name: "header",
         fn: q(() => [
-          p("div", _f, [
+          p("div", gf, [
             L(ue, {
               class: "ao-card-project-phase__archive",
               color: "primary",
@@ -9442,19 +9440,19 @@ const _f = { class: "ao-card-project-phase__header" }, yf = { class: "ao-card-pr
     ]), 1032, ["is-clickable"]));
   }
 });
-const Tf = { class: "ao-card-project-milestone__default" }, Sf = {
+const Af = { class: "ao-card-project-milestone__default" }, Tf = {
   key: 0,
   class: "ao-card-project-milestone__archive"
-}, Ef = { class: "ao-card-project-milestone__activities" }, Of = { class: "ao-card-project-milestone__activities-row" }, If = { class: "ao-card-project-milestone__subitem" }, Lf = { class: "ao-card-project-milestone__subitem" }, Vf = {
+}, Sf = { class: "ao-card-project-milestone__activities" }, Ef = { class: "ao-card-project-milestone__activities-row" }, Of = { class: "ao-card-project-milestone__subitem" }, If = { class: "ao-card-project-milestone__subitem" }, Lf = {
   key: 1,
   class: "ao-card-project-milestone__secondary"
-}, Df = { class: "ao-card-project-milestone__footer" }, Pf = {
+}, Vf = { class: "ao-card-project-milestone__footer" }, Df = {
   key: 1,
   class: "ao-field ao-card-project-milestone__deadline"
-}, Hf = { class: "ao-field__label" }, Bf = {
+}, Pf = { class: "ao-field__label" }, Hf = {
   key: 2,
   class: "ao-card-project-milestone__assignee"
-}, Rf = /* @__PURE__ */ J({
+}, Bf = /* @__PURE__ */ J({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -9491,7 +9489,7 @@ const Tf = { class: "ao-card-project-milestone__default" }, Sf = {
       "is-selected": r.isSelected
     }, {
       default: q(() => [
-        p("div", Tf, [
+        p("div", Af, [
           L(_e, {
             id: r.id,
             title: r.name || "",
@@ -9500,7 +9498,7 @@ const Tf = { class: "ao-card-project-milestone__default" }, Sf = {
             class: "ao-card-project-milestone__title",
             "onUpdate:title": i
           }, null, 8, ["id", "title", "is-editable"]),
-          !r.readonly && r.isEditable ? (v(), g("div", Sf, [
+          !r.readonly && r.isEditable ? (v(), g("div", Tf, [
             L(ue, {
               color: r.isSelected ? void 0 : "primary",
               variant: "ghost",
@@ -9513,29 +9511,29 @@ const Tf = { class: "ao-card-project-milestone__default" }, Sf = {
             }, null, 8, ["color", "label"])
           ])) : T("", !0)
         ]),
-        p("div", Ef, [
-          p("div", Of, [
+        p("div", Sf, [
+          p("div", Ef, [
             n.value ? (v(), g(he, { key: 0 }, [
-              p("div", If, [
+              p("div", Of, [
                 L(ce, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                p("span", Lf, X(s.value) + " / " + X(n.value), 1)
+                p("span", If, X(s.value) + " / " + X(n.value), 1)
               ]),
               L(R1, {
                 percentages: o.value,
                 class: "ao-card-project-milestone__progress"
               }, null, 8, ["percentages"])
             ], 64)) : T("", !0),
-            r.$slots.secondary ? (v(), g("div", Vf, [
+            r.$slots.secondary ? (v(), g("div", Lf, [
               te(r.$slots, "secondary")
             ])) : T("", !0)
           ])
         ])
       ]),
       footer: q(() => [
-        p("div", Df, [
+        p("div", Vf, [
           r.important ? (v(), R(ce, {
             key: 0,
             name: "FlagRounded",
@@ -9544,10 +9542,10 @@ const Tf = { class: "ao-card-project-milestone__default" }, Sf = {
             ),
             size: "sm"
           }, null, 8, ["class"])) : T("", !0),
-          r.deadline ? (v(), g("label", Pf, [
-            p("span", Hf, X(Q(b1)(r.deadline)), 1)
+          r.deadline ? (v(), g("label", Df, [
+            p("span", Pf, X(Q(b1)(r.deadline)), 1)
           ])) : T("", !0),
-          r.assignee ? (v(), g("div", Bf, [
+          r.assignee ? (v(), g("div", Hf, [
             L(Xe, {
               "user-name": Q(Vn)(r.assignee),
               "avatar-url": r.assignee.avatarUrl,
@@ -9561,10 +9559,10 @@ const Tf = { class: "ao-card-project-milestone__default" }, Sf = {
     }, 8, ["class", "is-clickable", "is-selected"]));
   }
 });
-const Nf = {
+const Rf = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, jf = { class: "ao-project-phase__col-phase" }, Uf = { class: "ao-project-phase__col-milestones" }, Zf = { class: "ao-project-phase__milestones" }, Ff = { class: "ao-project-phase__milestones-list-footer" }, qf = /* @__PURE__ */ J({
+}, Nf = { class: "ao-project-phase__col-phase" }, jf = { class: "ao-project-phase__col-milestones" }, Uf = { class: "ao-project-phase__milestones" }, Zf = { class: "ao-project-phase__milestones-list-footer" }, Ff = /* @__PURE__ */ J({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -9617,14 +9615,14 @@ const Nf = {
           { "ao-project-phase--selected": m.phase.id === (($ = m.$route.params) == null ? void 0 : $.phaseId) }
         ])
       }, [
-        m.isEditable ? (v(), g("div", Nf, [
+        m.isEditable ? (v(), g("div", Rf, [
           L(ce, {
             name: "DragIndicator",
             class: "ao-project-phase__drag-handle"
           })
         ])) : T("", !0),
-        p("div", jf, [
-          L(Af, {
+        p("div", Nf, [
+          L(Mf, {
             id: m.phase.id,
             milestones: i.value,
             name: m.phase.name,
@@ -9635,8 +9633,8 @@ const Nf = {
             onArchivePhase: d
           }, null, 8, ["id", "milestones", "name", "deadline", "is-editable"])
         ]),
-        p("div", Uf, [
-          p("div", Zf, [
+        p("div", jf, [
+          p("div", Uf, [
             L(Q(pt), Ve({
               class: "ao-project-phase__milestones-list",
               list: i.value,
@@ -9647,7 +9645,7 @@ const Nf = {
               item: q(({ element: _ }) => {
                 var y;
                 return [
-                  L(Rf, {
+                  L(Bf, {
                     id: _.id,
                     name: _.name,
                     activities: _.activities,
@@ -9671,7 +9669,7 @@ const Nf = {
               }),
               _: 1
             }, 16, ["list", "disabled"]),
-            p("div", Ff, [
+            p("div", Zf, [
               m.isEditable ? (v(), R(mt, {
                 key: 0,
                 label: m.$t("project.milestone.add"),
@@ -9686,10 +9684,10 @@ const Nf = {
     };
   }
 });
-const Wf = { class: "ao-project__phases" }, zf = {
+const qf = { class: "ao-project__phases" }, Wf = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, Yf = /* @__PURE__ */ p("div", { class: "ao-project-phase__empty_drag" }, null, -1), xf = { class: "ao-project-phase__col-phase" }, Gf = /* @__PURE__ */ p("div", { class: "ao-project-phase__col-milestones" }, null, -1), Kf = /* @__PURE__ */ J({
+}, zf = /* @__PURE__ */ p("div", { class: "ao-project-phase__empty_drag" }, null, -1), Yf = { class: "ao-project-phase__col-phase" }, xf = /* @__PURE__ */ p("div", { class: "ao-project-phase__col-milestones" }, null, -1), Gf = /* @__PURE__ */ J({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -9725,7 +9723,7 @@ const Wf = { class: "ao-project__phases" }, zf = {
     }, u = (d) => {
       e("addPhase", d);
     };
-    return (d, c) => (v(), g("div", Wf, [
+    return (d, c) => (v(), g("div", qf, [
       L(Q(pt), {
         class: "ao-project-phase__phases-list",
         "model-value": d.phases,
@@ -9734,7 +9732,7 @@ const Wf = { class: "ao-project__phases" }, zf = {
         onChange: r
       }, {
         item: q(({ element: m }) => [
-          L(qf, {
+          L(Ff, {
             phase: m,
             "is-editable": !d.readonly && d.isEditable,
             "closed-status": d.closedStatus,
@@ -9749,9 +9747,9 @@ const Wf = { class: "ao-project__phases" }, zf = {
         ]),
         _: 1
       }, 8, ["model-value"]),
-      d.isEditable ? (v(), g("div", zf, [
-        Yf,
-        p("div", xf, [
+      d.isEditable ? (v(), g("div", Wf, [
+        zf,
+        p("div", Yf, [
           L(mt, {
             label: d.$t("project.phases.add"),
             "icon-name": "Add",
@@ -9759,12 +9757,12 @@ const Wf = { class: "ao-project__phases" }, zf = {
             onClick: u
           }, null, 8, ["label"])
         ]),
-        Gf
+        xf
       ])) : T("", !0)
     ]));
   }
 });
-const Xf = ["onSubmit"], Qf = { class: "ao-add-template-modal__form-body" }, Jf = { class: "field__row" }, e8 = { class: "ao-add-template-modal__form-footer" }, t8 = /* @__PURE__ */ J({
+const Kf = ["onSubmit"], Xf = { class: "ao-add-template-modal__form-body" }, Qf = { class: "field__row" }, Jf = { class: "ao-add-template-modal__form-footer" }, e8 = /* @__PURE__ */ J({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -9792,8 +9790,8 @@ const Xf = ["onSubmit"], Qf = { class: "ao-add-template-modal__form-body" }, Jf
           class: "ao-add-template-modal__form",
           onSubmit: me(i, ["prevent"])
         }, [
-          p("div", Qf, [
-            p("div", Jf, [
+          p("div", Xf, [
+            p("div", Qf, [
               L($e, {
                 value: s.value,
                 options: n.value,
@@ -9802,7 +9800,7 @@ const Xf = ["onSubmit"], Qf = { class: "ao-add-template-modal__form-body" }, Jf
               }, null, 8, ["value", "options"])
             ])
           ]),
-          p("footer", e8, [
+          p("footer", Jf, [
             L(ue, {
               label: r.$t("project.template.add.label"),
               type: "submit",
@@ -9811,13 +9809,13 @@ const Xf = ["onSubmit"], Qf = { class: "ao-add-template-modal__form-body" }, Jf
               onClick: i
             }, null, 8, ["label"])
           ])
-        ], 40, Xf)
+        ], 40, Kf)
       ]),
       _: 1
     }));
   }
 });
-const a8 = J({
+const t8 = J({
   props: {
     isLeft: {
       type: Boolean,
@@ -9846,9 +9844,9 @@ const a8 = J({
     }
   }
 });
-const n8 = { class: "toggle-wrapper" };
-function s8(t, e, a, n, s, o) {
-  return v(), g("div", n8, [
+const a8 = { class: "toggle-wrapper" };
+function n8(t, e, a, n, s, o) {
+  return v(), g("div", a8, [
     p("button", {
       class: Y({
         button: !0,
@@ -9869,7 +9867,7 @@ function s8(t, e, a, n, s, o) {
     }, X(t.rightLabel), 3)
   ]);
 }
-const Xn = /* @__PURE__ */ j(a8, [["render", s8], ["__scopeId", "data-v-cbe33527"]]), i8 = { class: "ao-project" }, o8 = { class: "ao-project__body" }, r8 = /* @__PURE__ */ J({
+const Xn = /* @__PURE__ */ j(t8, [["render", n8], ["__scopeId", "data-v-cbe33527"]]), s8 = { class: "ao-project" }, i8 = { class: "ao-project__body" }, o8 = /* @__PURE__ */ J({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -9934,7 +9932,7 @@ const Xn = /* @__PURE__ */ j(a8, [["render", s8], ["__scopeId", "data-v-cbe33527
       const H = ws("RouterView");
       return v(), g(he, null, [
         p("div", Ve({ class: "ao-project-overview" }, S.$attrs), [
-          p("div", i8, [
+          p("div", s8, [
             L(Wa, null, {
               primary: q(() => [
                 L(Xn, {
@@ -9969,8 +9967,8 @@ const Xn = /* @__PURE__ */ j(a8, [["render", s8], ["__scopeId", "data-v-cbe33527
               ]),
               _: 1
             }),
-            p("div", o8, [
-              L(Kf, {
+            p("div", i8, [
+              L(Gf, {
                 phases: S.phases,
                 "closed-status": S.closedStatus,
                 "is-editable": S.isEditable,
@@ -10033,7 +10031,7 @@ const Xn = /* @__PURE__ */ j(a8, [["render", s8], ["__scopeId", "data-v-cbe33527
           ]))
         ], 16),
         (v(), R(Ht, { to: "body" }, [
-          U.value ? (v(), R(t8, {
+          U.value ? (v(), R(e8, {
             key: 0,
             "project-id": S.project.id,
             templates: S.templates,
@@ -10045,36 +10043,36 @@ const Xn = /* @__PURE__ */ j(a8, [["render", s8], ["__scopeId", "data-v-cbe33527
     };
   }
 });
-const l8 = { class: "ao-card-feed__header" }, u8 = {
+const r8 = { class: "ao-card-feed__header" }, l8 = {
   key: 1,
   class: "ao-card-feed__header-secondary ao-card-feed__header-icons"
-}, d8 = {
+}, u8 = {
   key: 2,
   class: "ao-card-feed__header-secondary ao-card-feed__secondary"
-}, c8 = { class: "ao-card-feed__body" }, f8 = {
+}, d8 = { class: "ao-card-feed__body" }, c8 = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
-}, v8 = {
+}, f8 = {
   class: /* @__PURE__ */ Y(["ao-card-feed__title-group"])
-}, p8 = {
+}, v8 = {
   key: 1,
   class: "ao-card-feed__deadline"
-}, m8 = { class: "ao-card-feed__footer" }, h8 = { class: "ao-card-feed__footer-row" }, C8 = { class: "ao-assignees" }, g8 = {
+}, p8 = { class: "ao-card-feed__footer" }, m8 = { class: "ao-card-feed__footer-row" }, h8 = { class: "ao-assignees" }, C8 = {
   key: 0,
   class: "ao-assignee"
-}, _8 = {
+}, g8 = {
   key: 0,
   class: "ao-card-feed__subitems"
-}, y8 = {
+}, _8 = {
   key: 0,
   class: "ao-card-feed__subitem"
-}, b8 = { class: "ao-card-feed__subitem" }, w8 = {
+}, y8 = { class: "ao-card-feed__subitem" }, b8 = {
   key: 1,
   class: "ao-card-feed__subitem"
-}, $8 = { class: "ao-card-feed__subitem" }, k8 = { class: "ao-card-feed__footer-row" }, M8 = {
+}, w8 = { class: "ao-card-feed__subitem" }, $8 = { class: "ao-card-feed__footer-row" }, k8 = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, A8 = { class: "ao-card-feed__subitem" }, T8 = { class: "ao-card-feed__subitem" }, Qn = /* @__PURE__ */ J({
+}, M8 = { class: "ao-card-feed__subitem" }, A8 = { class: "ao-card-feed__subitem" }, Qn = /* @__PURE__ */ J({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -10114,7 +10112,7 @@ const l8 = { class: "ao-card-feed__header" }, u8 = {
       "is-clickable": !0
     }, {
       header: q(() => [
-        p("div", l8, [
+        p("div", r8, [
           c.projectName ? (v(), R(_1, {
             key: 0,
             label: c.projectName,
@@ -10123,7 +10121,7 @@ const l8 = { class: "ao-card-feed__header" }, u8 = {
             color: c.projectColor ? void 0 : "primary",
             "raw-color": c.projectColor
           }, null, 8, ["label", "color", "raw-color"])) : T("", !0),
-          c.isPrivate || c.important || c.isClosed ? (v(), g("div", u8, [
+          c.isPrivate || c.important || c.isClosed ? (v(), g("div", l8, [
             c.isPrivate ? (v(), R(ce, {
               key: 0,
               name: "Lock",
@@ -10142,15 +10140,15 @@ const l8 = { class: "ao-card-feed__header" }, u8 = {
               class: "ao-card-feed__closed"
             })) : T("", !0)
           ])) : T("", !0),
-          c.$slots.secondary ? (v(), g("div", d8, [
+          c.$slots.secondary ? (v(), g("div", u8, [
             te(c.$slots, "secondary")
           ])) : T("", !0)
         ])
       ]),
       default: q(() => [
-        p("div", c8, [
-          s.value ? (v(), g("span", f8, X(s.value), 1)) : T("", !0),
-          p("div", v8, [
+        p("div", d8, [
+          s.value ? (v(), g("span", c8, X(s.value), 1)) : T("", !0),
+          p("div", f8, [
             L(_e, {
               id: c.id,
               title: c.name,
@@ -10159,17 +10157,17 @@ const l8 = { class: "ao-card-feed__header" }, u8 = {
               "onUpdate:title": n
             }, null, 8, ["id", "title", "is-editable"])
           ]),
-          c.deadline ? (v(), g("span", p8, X(i.value), 1)) : T("", !0)
+          c.deadline ? (v(), g("span", v8, X(i.value), 1)) : T("", !0)
         ])
       ]),
       footer: q(() => [
-        p("div", m8, [
-          p("div", h8, [
-            p("ul", C8, [
+        p("div", p8, [
+          p("div", m8, [
+            p("ul", h8, [
               (v(!0), g(he, null, ye(o.value, (C) => (v(), g(he, {
                 key: C.id
               }, [
-                C ? (v(), g("li", g8, [
+                C ? (v(), g("li", C8, [
                   L(Xe, {
                     "user-name": Q(Vn)(C),
                     "avatar-url": C.avatarUrl,
@@ -10179,31 +10177,31 @@ const l8 = { class: "ao-card-feed__header" }, u8 = {
                 ])) : T("", !0)
               ], 64))), 128))
             ]),
-            c.comments || c.attachments ? (v(), g("ul", _8, [
-              c.comments ? (v(), g("li", y8, [
+            c.comments || c.attachments ? (v(), g("ul", g8, [
+              c.comments ? (v(), g("li", _8, [
                 L(ce, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                p("span", b8, X(c.comments), 1)
+                p("span", y8, X(c.comments), 1)
               ])) : T("", !0),
-              c.attachments ? (v(), g("li", w8, [
+              c.attachments ? (v(), g("li", b8, [
                 L(ce, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                p("span", $8, X(c.attachments), 1)
+                p("span", w8, X(c.attachments), 1)
               ])) : T("", !0)
             ])) : T("", !0)
           ]),
-          p("div", k8, [
-            c.tasks && c.tasks.length ? (v(), g("div", M8, [
-              p("div", A8, [
+          p("div", $8, [
+            c.tasks && c.tasks.length ? (v(), g("div", k8, [
+              p("div", M8, [
                 L(ce, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                p("span", T8, X(u.value) + " / " + X(l.value), 1)
+                p("span", A8, X(u.value) + " / " + X(l.value), 1)
               ]),
               L(R1, {
                 percentages: d.value,
@@ -10217,10 +10215,10 @@ const l8 = { class: "ao-card-feed__header" }, u8 = {
     }, 8, ["class"]));
   }
 });
-const S8 = { class: "ao-project-milestone" }, E8 = { class: "ao-project-milestone__header" }, O8 = { class: "ao-project-milestone__header_line" }, I8 = { class: "ao-project-milestone__header_line" }, L8 = { class: "ao-project-milestone__title" }, V8 = {
+const T8 = { class: "ao-project-milestone" }, S8 = { class: "ao-project-milestone__header" }, E8 = { class: "ao-project-milestone__header_line" }, O8 = { class: "ao-project-milestone__header_line" }, I8 = { class: "ao-project-milestone__title" }, L8 = {
   key: 0,
   class: "ao-fieldset ao-milestone__fieldset"
-}, D8 = { class: "ao-field__row ao-milestone__field-row" }, P8 = { class: "ao-field ao-field--inline" }, H8 = { class: "ao-field__row ao-milestone__field-row" }, B8 = { class: "ao-field ao-milestone__field-multiselect" }, R8 = { class: "ao-project-milestone__body" }, N8 = {
+}, V8 = { class: "ao-field__row ao-milestone__field-row" }, D8 = { class: "ao-field ao-field--inline" }, P8 = { class: "ao-field__row ao-milestone__field-row" }, H8 = { class: "ao-field ao-milestone__field-multiselect" }, B8 = { class: "ao-project-milestone__body" }, R8 = {
   key: 0,
   class: "ao-project-milestone__footer"
 }, fn = /* @__PURE__ */ J({
@@ -10316,9 +10314,9 @@ const S8 = { class: "ao-project-milestone" }, E8 = { class: "ao-project-mileston
     });
     return (h, M) => {
       var w;
-      return v(), g("div", S8, [
-        p("header", E8, [
-          p("div", O8, [
+      return v(), g("div", T8, [
+        p("header", S8, [
+          p("div", E8, [
             L(ue, {
               "icon-name": "CloseRounded",
               variant: "ghost",
@@ -10327,8 +10325,8 @@ const S8 = { class: "ao-project-milestone" }, E8 = { class: "ao-project-mileston
               onClick: l
             })
           ]),
-          p("div", I8, [
-            p("div", L8, [
+          p("div", O8, [
+            p("div", I8, [
               L(_e, {
                 title: ((w = i.value) == null ? void 0 : w.name) || h.milestoneId,
                 level: 5
@@ -10347,9 +10345,9 @@ const S8 = { class: "ao-project-milestone" }, E8 = { class: "ao-project-mileston
               }, null, 8, ["modelValue", "disabled", "label"])
             ])
           ]),
-          i.value ? (v(), g("div", V8, [
-            p("div", D8, [
-              p("label", P8, [
+          i.value ? (v(), g("div", L8, [
+            p("div", V8, [
+              p("label", D8, [
                 rt(p("input", {
                   "onUpdate:modelValue": M[1] || (M[1] = (A) => m.value = A),
                   class: "ao-milestone__field ao-milestone__date-field",
@@ -10364,8 +10362,8 @@ const S8 = { class: "ao-project-milestone" }, E8 = { class: "ao-project-mileston
                 ])
               ])
             ]),
-            p("div", H8, [
-              p("label", B8, [
+            p("div", P8, [
+              p("label", H8, [
                 L($e, {
                   modelValue: _.value,
                   "onUpdate:modelValue": M[2] || (M[2] = (A) => _.value = A),
@@ -10396,7 +10394,7 @@ const S8 = { class: "ao-project-milestone" }, E8 = { class: "ao-project-mileston
             ])
           ])) : T("", !0)
         ]),
-        p("div", R8, [
+        p("div", B8, [
           L(Q(pt), Ve({
             class: "ao-project-milestone__activities",
             list: r.value,
@@ -10465,7 +10463,7 @@ const S8 = { class: "ao-project-milestone" }, E8 = { class: "ao-project-mileston
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          h.isEditable ? (v(), g("div", N8, [
+          h.isEditable ? (v(), g("div", R8, [
             L(mt, {
               "icon-name": "Add",
               label: h.$t("project.activity.add"),
@@ -10477,7 +10475,7 @@ const S8 = { class: "ao-project-milestone" }, E8 = { class: "ao-project-mileston
     };
   }
 });
-const j8 = /* @__PURE__ */ J({
+const N8 = /* @__PURE__ */ J({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -10565,14 +10563,14 @@ const j8 = /* @__PURE__ */ J({
       }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "attachment-enabled", "projects", "onClose"])) : T("", !0);
     };
   }
-}), U8 = { class: "ao-col-header" }, Z8 = /* @__PURE__ */ J({
+}), j8 = { class: "ao-col-header" }, U8 = /* @__PURE__ */ J({
   __name: "AoColHeader",
   props: {
     title: {},
     items: {}
   },
   setup(t) {
-    return (e, a) => (v(), g("header", U8, [
+    return (e, a) => (v(), g("header", j8, [
       L(_e, {
         title: e.title,
         class: "ao-col-header__title",
@@ -10588,17 +10586,17 @@ const j8 = /* @__PURE__ */ J({
     ]));
   }
 });
-function F8(t) {
+function Z8(t) {
   return $s() ? (ks(t), !0) : !1;
 }
 function Ba(t) {
   return typeof t == "function" ? t() : Q(t);
 }
-const q8 = typeof window < "u" && typeof document < "u";
+const F8 = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const W8 = (t) => t != null, aa = () => {
+const q8 = (t) => t != null, aa = () => {
 };
-function z8(t, e) {
+function W8(t, e) {
   function a(...n) {
     return new Promise((s, o) => {
       Promise.resolve(t(() => e.apply(this, n), { fn: e, thisArg: this, args: n })).then(s).catch(o);
@@ -10606,7 +10604,7 @@ function z8(t, e) {
   }
   return a;
 }
-function Y8(t, e = {}) {
+function z8(t, e = {}) {
   let a, n, s = aa;
   const o = (r) => {
     clearTimeout(r), s(), s = aa;
@@ -10622,9 +10620,9 @@ function Y8(t, e = {}) {
     });
   };
 }
-function x8(t, e = 200, a = {}) {
-  return z8(
-    Y8(e, a),
+function Y8(t, e = 200, a = {}) {
+  return W8(
+    z8(e, a),
     t
   );
 }
@@ -10633,27 +10631,27 @@ function d1(t) {
   const a = Ba(t);
   return (e = a == null ? void 0 : a.$el) != null ? e : a;
 }
-const G8 = q8 ? window : void 0;
-function K8() {
+const x8 = F8 ? window : void 0;
+function G8() {
   const t = ne(!1), e = Mt();
   return e && Ft(() => {
     t.value = !0;
   }, e), t;
 }
-function X8(t) {
-  const e = K8();
+function K8(t) {
+  const e = G8();
   return k(() => (e.value, !!t()));
 }
-function Q8(t, e, a = {}) {
+function X8(t, e, a = {}) {
   const {
     root: n,
     rootMargin: s = "0px",
     threshold: o = 0.1,
-    window: i = G8,
+    window: i = x8,
     immediate: r = !0
-  } = a, l = X8(() => i && "IntersectionObserver" in i), u = k(() => {
+  } = a, l = K8(() => i && "IntersectionObserver" in i), u = k(() => {
     const $ = Ba(t);
-    return (Array.isArray($) ? $ : [$]).map(d1).filter(W8);
+    return (Array.isArray($) ? $ : [$]).map(d1).filter(q8);
   });
   let d = aa;
   const c = ne(r), m = l.value ? de(
@@ -10677,7 +10675,7 @@ function Q8(t, e, a = {}) {
   ) : aa, C = () => {
     d(), m(), c.value = !1;
   };
-  return F8(C), {
+  return Z8(C), {
     isSupported: l,
     isActive: c,
     pause() {
@@ -10689,24 +10687,24 @@ function Q8(t, e, a = {}) {
     stop: C
   };
 }
-const J8 = {
+const Q8 = {
   class: /* @__PURE__ */ Y(["ao-list-kanban"])
-}, ev = { class: "ao-list-kanban__header" }, tv = {
+}, J8 = { class: "ao-list-kanban__header" }, ev = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
-}, av = {
+}, tv = {
   key: 1,
   class: "ao-list-kanban__end"
-}, nv = {
+}, av = {
   key: 0,
   class: "ao-list-kanban__no-more"
-}, sv = {
+}, nv = {
   key: 1,
   class: "ao-list-kanban__divider"
-}, iv = {
+}, sv = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, ov = /* @__PURE__ */ J({
+}, iv = /* @__PURE__ */ J({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -10722,7 +10720,7 @@ const J8 = {
   emits: ["add", "update:list", "change:list", "loadMore", "selectActivity", "archiveActivity", "unarchiveActivity", "updateActivity"],
   setup(t, { emit: e }) {
     const a = t, n = ne(!1), s = ne(null);
-    Q8(s, ([{ isIntersecting: u }]) => {
+    X8(s, ([{ isIntersecting: u }]) => {
       n.value = u;
     }), de(n, (u) => {
       u && a.hasMore && !a.isLoading && e("loadMore");
@@ -10744,12 +10742,12 @@ const J8 = {
         )
       });
     }, l = ne(!1);
-    return (u, d) => (v(), g("div", J8, [
+    return (u, d) => (v(), g("div", Q8, [
       u.title || u.$slots.header ? te(u.$slots, "header", { key: 0 }, () => {
         var c;
         return [
-          p("div", ev, [
-            u.title ? (v(), R(Z8, {
+          p("div", J8, [
+            u.title ? (v(), R(U8, {
               key: 0,
               title: u.title,
               level: 3,
@@ -10833,20 +10831,20 @@ const J8 = {
           ];
         }),
         footer: q(() => [
-          u.isLoading ? (v(), g("div", tv, [
+          u.isLoading ? (v(), g("div", ev, [
             L(ce, { name: "Loading" })
           ])) : u.hasMore ? (v(), g("div", {
             key: 2,
             ref_key: "scrollEnd",
             ref: s,
             class: "ao-list-kanban__end"
-          }, null, 512)) : (v(), g("div", av, [
-            u.noMoreLabel ? (v(), g("span", nv, X(u.noMoreLabel), 1)) : u.isEditable ? (v(), g("span", sv)) : T("", !0)
+          }, null, 512)) : (v(), g("div", tv, [
+            u.noMoreLabel ? (v(), g("span", av, X(u.noMoreLabel), 1)) : u.isEditable ? (v(), g("span", nv)) : T("", !0)
           ]))
         ]),
         _: 1
       }, 16, ["class", "list", "disabled"]),
-      u.$slots.footer || u.footerLabel ? (v(), g("div", iv, [
+      u.$slots.footer || u.footerLabel ? (v(), g("div", sv, [
         te(u.$slots, "footer", {}, () => [
           u.isEditable ? (v(), R(mt, {
             key: 0,
@@ -10859,7 +10857,7 @@ const J8 = {
     ]));
   }
 });
-const rv = { class: "ao-field ao-search-field" }, lv = ["value", "placeholder", "onKeypress"], uv = /* @__PURE__ */ J({
+const ov = { class: "ao-field ao-search-field" }, rv = ["value", "placeholder", "onKeypress"], lv = /* @__PURE__ */ J({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -10871,10 +10869,10 @@ const rv = { class: "ao-field ao-search-field" }, lv = ["value", "placeholder",
     const a = t, n = async (i) => {
       const l = i.target.value;
       e("update:modelValue", l, i);
-    }, s = x8(n, a.delay), o = (i) => {
+    }, s = Y8(n, a.delay), o = (i) => {
       e("clear", i);
     };
-    return (i, r) => (v(), g("div", rv, [
+    return (i, r) => (v(), g("div", ov, [
       p("input", {
         value: i.modelValue,
         type: "text",
@@ -10883,7 +10881,7 @@ const rv = { class: "ao-field ao-search-field" }, lv = ["value", "placeholder",
         onInput: r[0] || (r[0] = //@ts-ignore
         (...l) => Q(s) && Q(s)(...l)),
         onKeypress: ut(n, ["enter"])
-      }, null, 40, lv),
+      }, null, 40, rv),
       L(ce, {
         name: "SearchRounded",
         class: Y(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
@@ -10899,7 +10897,7 @@ const rv = { class: "ao-field ao-search-field" }, lv = ["value", "placeholder",
     ]));
   }
 });
-const dv = { class: "ao-feed" }, cv = { class: "ao-feed__filters" }, fv = { class: "ao-feed__body" }, vv = /* @__PURE__ */ J({
+const uv = { class: "ao-feed" }, dv = { class: "ao-feed__filters" }, cv = { class: "ao-feed__body" }, fv = /* @__PURE__ */ J({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -11004,10 +11002,10 @@ const dv = { class: "ao-feed" }, cv = { class: "ao-feed__filters" }, fv = { clas
     };
     return (E, N) => {
       var x;
-      return v(), g("div", dv, [
+      return v(), g("div", uv, [
         L(Wa, null, {
           primary: q(() => [
-            p("div", cv, [
+            p("div", dv, [
               a.project ? (v(), R(Xn, {
                 key: 0,
                 "is-left": !1,
@@ -11017,7 +11015,7 @@ const dv = { class: "ao-feed" }, cv = { class: "ao-feed__filters" }, fv = { clas
                   f && E.$router.push({ name: Q(Ue).project });
                 })
               }, null, 8, ["right-label", "left-label"])) : T("", !0),
-              L(uv, {
+              L(lv, {
                 "model-value": E.searchText,
                 placeholder: E.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
@@ -11097,8 +11095,8 @@ const dv = { class: "ao-feed" }, cv = { class: "ao-feed__filters" }, fv = { clas
           ]),
           _: 1
         }),
-        p("div", fv, [
-          (v(!0), g(he, null, ye(E.statuses, (f) => (v(), R(ov, {
+        p("div", cv, [
+          (v(!0), g(he, null, ye(E.statuses, (f) => (v(), R(iv, {
             key: f.id,
             status: f,
             list: i.value[f.id],
@@ -11153,7 +11151,7 @@ const Lt = {
   TEMPLATES: "templates",
   TEMPLATE_DETAILS: "template_details",
   TEMPLATES_LIST: "templates_list"
-}, Ov = (t, e = {}) => [
+}, Ev = (t, e = {}) => [
   {
     path: t,
     name: Lt.TEMPLATES,
@@ -11163,12 +11161,12 @@ const Lt = {
       {
         path: "",
         name: Lt.TEMPLATES_LIST,
-        component: mv
+        component: pv
       },
       {
         path: ":templateId/:phaseId?/:milestoneId?/:activityId?",
         name: Lt.TEMPLATE_DETAILS,
-        component: mf,
+        component: pf,
         props: !0
       }
     ]
@@ -11178,7 +11176,7 @@ const Lt = {
   feed: "AoProjectFeed",
   milestone: "AoMilestone",
   activity: "AoActivity"
-}, Iv = (t, e = {}) => [
+}, Ov = (t, e = {}) => [
   {
     path: t,
     ...e,
@@ -11187,7 +11185,7 @@ const Lt = {
       {
         path: "",
         name: Ue.project,
-        component: r8,
+        component: o8,
         props: !0,
         children: [
           {
@@ -11202,7 +11200,7 @@ const Lt = {
             props: { default: !0, modal: !0 },
             components: {
               default: fn,
-              modal: j8
+              modal: N8
             }
           }
         ]
@@ -11210,12 +11208,12 @@ const Lt = {
       {
         path: "feed",
         name: Ue.feed,
-        component: vv,
+        component: fv,
         props: !0
       }
     ]
   }
-], pv = { class: "ao-templates" }, mv = /* @__PURE__ */ J({
+], vv = { class: "ao-templates" }, pv = /* @__PURE__ */ J({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -11255,7 +11253,7 @@ const Lt = {
         });
       }
     };
-    return (r, l) => (v(), g("div", pv, [
+    return (r, l) => (v(), g("div", vv, [
       L(Wa, null, {
         secondary: q(() => [
           L(ue, {
@@ -11299,7 +11297,7 @@ const Lt = {
     ]));
   }
 });
-const hv = { class: "ao-field__label" }, Cv = /* @__PURE__ */ J({
+const mv = { class: "ao-field__label" }, hv = /* @__PURE__ */ J({
   __name: "AoField",
   props: {
     label: {},
@@ -11309,11 +11307,11 @@ const hv = { class: "ao-field__label" }, Cv = /* @__PURE__ */ J({
     return (e, a) => (v(), g("label", {
       class: Y(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
-      p("span", hv, X(e.label), 1),
+      p("span", mv, X(e.label), 1),
       te(e.$slots, "default")
     ], 2));
   }
-}), gv = ["type", "value", "disabled", "readonly"], Lv = /* @__PURE__ */ J({
+}), Cv = ["type", "value", "disabled", "readonly"], Iv = /* @__PURE__ */ J({
   __name: "AoInputField",
   props: {
     label: { default: "" },
@@ -11330,7 +11328,7 @@ const hv = { class: "ao-field__label" }, Cv = /* @__PURE__ */ J({
     ), s = (o) => {
       a.modelModifiers.number && (o = Number(o)), e("update:modelValue", o);
     };
-    return (o, i) => (v(), R(Cv, { label: o.label }, {
+    return (o, i) => (v(), R(hv, { label: o.label }, {
       default: q(() => [
         p("input", Ve({
           class: "ao-field__input",
@@ -11340,12 +11338,12 @@ const hv = { class: "ao-field__label" }, Cv = /* @__PURE__ */ J({
           readonly: o.isReadonly
         }, {
           [Ms(n.value)]: i[0] || (i[0] = (r) => s(r.target.value))
-        }), null, 16, gv)
+        }), null, 16, Cv)
       ]),
       _: 1
     }, 8, ["label"]));
   }
-}), _v = { class: "ao-field" }, yv = { class: "ao-field__label" }, bv = ["checked", "disabled"], Vv = /* @__PURE__ */ J({
+}), gv = { class: "ao-field" }, _v = { class: "ao-field__label" }, yv = ["checked", "disabled"], Lv = /* @__PURE__ */ J({
   __name: "AoCheckboxField",
   props: {
     label: { default: "" },
@@ -11355,8 +11353,8 @@ const hv = { class: "ao-field__label" }, Cv = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (v(), g("label", _v, [
-      p("span", yv, X(e.label), 1),
+    return (e, a) => (v(), g("label", gv, [
+      p("span", _v, X(e.label), 1),
       p("input", {
         class: "ao-field__input",
         type: "checkbox",
@@ -11369,28 +11367,28 @@ const hv = { class: "ao-field__label" }, Cv = /* @__PURE__ */ J({
             ((s = n.target) == null ? void 0 : s.checked) ?? !1
           );
         })
-      }, null, 40, bv)
+      }, null, 40, yv)
     ]));
   }
 });
 export {
   Qn as AoCardFeed,
-  Vv as AoCheckboxField,
-  vv as AoFeed,
-  Cv as AoField,
-  Lv as AoInputField,
+  Lv as AoCheckboxField,
+  fv as AoFeed,
+  hv as AoField,
+  Iv as AoInputField,
   $e as AoMultiselect,
-  Kf as AoProjectPhases,
-  mf as AoTemplateDetails,
-  Av as AoTemplates,
-  mv as AoTemplatesList,
+  Gf as AoProjectPhases,
+  pf as AoTemplateDetails,
+  Mv as AoTemplates,
+  pv as AoTemplatesList,
   E2 as TemplateItemTypeEnum,
-  Sv as activityFeedStatus,
-  Tv as durationTypes,
+  Tv as activityFeedStatus,
+  Av as durationTypes,
   Ot as feedFilterTypes,
-  Iv as getProjectOverviewRoutes,
-  Ov as getTemplateRoutes,
-  Ev as listUpdateTypes,
+  Ov as getProjectOverviewRoutes,
+  Ev as getTemplateRoutes,
+  Sv as listUpdateTypes,
   c1 as milestoneStatus,
   Ue as projectOverviewRoutes,
   A2 as ruleComparators,