@26lights/orcha 0.42.38 → 0.42.39

package/dist/orcha.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as X, openBlock as v, createBlock as B, unref as W, mergeProps as Ae, createElementBlock as y, createElementVNode as h, pushScopeId as Ni, popScopeId as Ui, createStaticVNode as Fi, computed as S, resolveDynamicComponent as Lt, normalizeClass as ee, renderSlot as ae, toDisplayString as z, createCommentVNode as E, ref as x, watch as de, nextTick as Se, withKeys as vt, toHandlers as Zi, withCtx as q, createTextVNode as In, createVNode as T, normalizeStyle as Fe, withModifiers as fe, createSlots as ha, Fragment as he, renderList as Ce, onMounted as Pt, onBeforeUnmount as Ln, onUnmounted as Pn, Teleport as Ot, toRefs as Ee, getCurrentInstance as Dt, toRef as dt, normalizeProps as ma, guardReactiveProps as ga, withDirectives as be, vShow as Va, onUpdated as Wi, vModelText as Ne, resolveComponent as ut, vModelCheckbox as zi, getCurrentScope as qi, onScopeDispose as Yi, toHandlerKey as xi } from "vue";
 import { RouterView as Ki, useRoute as Gi, useRouter as Dn } from "vue-router";
 import gt from "vuedraggable";
-const c4 = /* @__PURE__ */ X({
+const p4 = /* @__PURE__ */ X({
   __name: "AoTemplates",
   props: {
     templates: {}
@@ -1453,11 +1453,11 @@ const Ra = {
   todo: "todo",
   done: "done",
   archived: "archived"
-}, d4 = {
+}, v4 = {
   months: "months",
   weeks: "weeks",
   days: "days"
-}, p4 = {
+}, f4 = {
   future: "future",
   this_month: "this_month",
   this_week: "this_week",
@@ -1481,7 +1481,7 @@ const Ra = {
   TASKS: "tasks"
 };
 var e0 = /* @__PURE__ */ ((t) => (t.PHASES = "phases", t.MILESTONES = "milestones", t.ACTIVITIES = "activities", t))(e0 || {});
-const v4 = {
+const h4 = {
   add: "add",
   remove: "remove",
   moved: "moved"
@@ -5497,7 +5497,7 @@ function k7(t, e, a) {
     let ce = M;
     if (K.value && C.value) {
       let ge = k.value;
-      ge || (ge = (kt, ps, o4) => $t.value.some((Ri) => {
+      ge || (ge = (kt, ps, l4) => $t.value.some((Ri) => {
         let vs = kn(Sa(kt[Ri]), ne.value);
         return oe.value ? vs.startsWith(kn(ps, ne.value)) : vs.indexOf(kn(ps, ne.value)) !== -1;
       })), ce = ce.filter((kt) => ge(kt, K.value, H));
@@ -8408,8 +8408,11 @@ const Ci = /* @__PURE__ */ X({
     }
   }
 });
-const Rv = ["onClick"];
-function Nv(t, e, a, s, n, o) {
+const Rv = ["onClick"], Nv = { class: "tab-button__label" }, Uv = {
+  key: 0,
+  class: "tab-button__badge"
+};
+function Fv(t, e, a, s, n, o) {
   return v(), y("div", {
     class: ee(["tabbar-wrapper", { "tabbar-wrapper--underline": t.variant === "underline" }])
   }, [
@@ -8422,28 +8425,31 @@ function Nv(t, e, a, s, n, o) {
       ]),
       type: "button",
       onClick: (r) => t.selectTab(i.value)
-    }, z(i.label), 11, Rv))), 128))
+    }, [
+      h("span", Nv, z(i.label), 1),
+      i.count !== void 0 && i.count > 0 ? (v(), y("span", Uv, z(i.count), 1)) : E("", !0)
+    ], 10, Rv))), 128))
   ], 2);
 }
-const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b"]]), Uv = { class: "ao-activity-details" }, Fv = { class: "ao-activity-details__main" }, Zv = { class: "ao-activity-details__header" }, Wv = {
+const un = /* @__PURE__ */ Y(jv, [["render", Fv], ["__scopeId", "data-v-3e3bce6d"]]), Zv = { class: "ao-activity-details" }, Wv = { class: "ao-activity-details__main" }, zv = { class: "ao-activity-details__header" }, qv = {
   key: 1,
   class: "ao-activity__category"
-}, zv = { class: "ao-feed__activity-details__header" }, qv = {
+}, Yv = { class: "ao-feed__activity-details__header" }, xv = {
   key: 0,
   class: "ao-field ao-feed__activity-details__project"
-}, Yv = { class: "ao-field__label" }, xv = {
+}, Kv = { class: "ao-field__label" }, Gv = {
   key: 1,
   class: "ao-field ao-feed__activity-details__project"
-}, Kv = { class: "ao-field__label" }, Gv = { class: "ao-activity-details__content" }, Xv = { class: "ao-activity-details__tab-content" }, Qv = { class: "ao-fieldset" }, Jv = { class: "ao-field__row" }, ef = ["readonly"], tf = { class: "ao-activity-details__tab-content" }, af = { class: "ao-fieldset" }, nf = { class: "ao-fieldset__body" }, sf = { class: "ao-activity-details__tab-content" }, of = {
+}, Xv = { class: "ao-field__label" }, Qv = { class: "ao-activity-details__content" }, Jv = { class: "ao-activity-details__tab-content" }, ef = { class: "ao-fieldset" }, tf = { class: "ao-field__row" }, af = ["readonly"], nf = { class: "ao-activity-details__tab-content" }, sf = { class: "ao-fieldset" }, of = { class: "ao-fieldset__body" }, rf = { class: "ao-activity-details__tab-content" }, lf = {
   key: 0,
   class: "ao-fieldset"
-}, rf = { class: "ao-activity-details__aside" }, lf = { class: "ao-activity-details__close-button" }, uf = {
+}, uf = { class: "ao-activity-details__aside" }, cf = { class: "ao-activity-details__close-button" }, df = {
   key: 0,
   class: "ao-activity-details__aside-section"
-}, cf = { class: "ao-field" }, df = { class: "ao-field__label" }, pf = { class: "ao-activity-details__aside-section" }, vf = { class: "ao-field ao-field--multiselect" }, ff = { class: "assignee-inline" }, hf = { class: "ao-field__label" }, mf = { class: "ao-activity-details__aside-section" }, gf = {
+}, pf = { class: "ao-field" }, vf = { class: "ao-field__label" }, ff = { class: "ao-activity-details__aside-section" }, hf = { class: "ao-field ao-field--multiselect" }, mf = { class: "assignee-inline" }, gf = { class: "ao-field__label" }, Cf = { class: "ao-activity-details__aside-section" }, _f = {
   key: 0,
   class: "ao-field__row"
-}, Cf = { class: "ao-field" }, _f = { class: "ao-field__label" }, yf = ["readonly"], bf = { class: "ao-activity-details__aside-section" }, wf = { class: "ao-field__row" }, $f = { class: "ao-field ao-field--inline" }, kf = { class: "ao-field__label" }, Sf = ["readonly"], Mf = { class: "ao-field__row" }, Af = { class: "ao-field ao-field--inline" }, Tf = { class: "ao-field__label" }, Of = { class: "ao-field__input ao-field__input--estim ao-field__input--readonly" }, Ef = { class: "ao-activity-details__aside-section" }, If = { class: "ao-fieldset ao-activity-details__aside-section" }, Lf = { class: "ao-fieldset__title" }, Pf = { class: "ao-fieldset__body" }, Df = { class: "ao-field__row" }, Hf = { class: "ao-field ao-field--multiselect" }, Vf = { class: "ao-field__label" }, Bf = { class: "ao-field__row" }, jf = { class: "ao-field ao-field--multiselect" }, Rf = { class: "ao-field__label" }, Xn = /* @__PURE__ */ X({
+}, yf = { class: "ao-field" }, bf = { class: "ao-field__label" }, wf = ["readonly"], $f = { class: "ao-activity-details__aside-section" }, kf = { class: "ao-field__row" }, Sf = { class: "ao-field ao-field--inline" }, Mf = { class: "ao-field__label" }, Af = ["readonly"], Tf = { class: "ao-field__row" }, Of = { class: "ao-field ao-field--inline" }, Ef = { class: "ao-field__label" }, If = { class: "ao-field__input ao-field__input--estim ao-field__input--readonly" }, Lf = { class: "ao-activity-details__aside-section" }, Pf = { class: "ao-fieldset ao-activity-details__aside-section" }, Df = { class: "ao-fieldset__title" }, Hf = { class: "ao-fieldset__body" }, Vf = { class: "ao-field__row" }, Bf = { class: "ao-field ao-field--multiselect" }, jf = { class: "ao-field__label" }, Rf = { class: "ao-field__row" }, Nf = { class: "ao-field ao-field--multiselect" }, Uf = { class: "ao-field__label" }, Xn = /* @__PURE__ */ X({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -8464,11 +8470,22 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
   },
   emits: ["update:activity", "close", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment", "toast"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = nt(), n = x("description"), o = S(() => [
-      { label: s("activity.description.label") || "Description", value: "description" },
-      { label: s("activity.tasks.title") || "Checklist", value: "checklist" },
-      { label: s("activity.comments.title") || "Commentaires", value: "comments" }
-    ]), i = S(() => {
+    const a = t, { t: s } = nt(), n = x("description"), o = S(() => {
+      var k, H;
+      return [
+        { label: s("activity.description.label") || "Description", value: "description" },
+        {
+          label: s("activity.tasks.title") || "Checklist",
+          value: "checklist",
+          count: ((k = a.activity.tasks) == null ? void 0 : k.length) ?? 0
+        },
+        {
+          label: s("activity.comments.title") || "Commentaires",
+          value: "comments",
+          count: ((H = a.activity.comments) == null ? void 0 : H.length) ?? 0
+        }
+      ];
+    }), i = S(() => {
       var k;
       return a.isEditable === !0 ? !0 : a.userId && a.isEditable === "only-own" ? a.userId === ((k = a.activity.assignee) == null ? void 0 : k.id) : !1;
     }), r = (k) => {
@@ -8690,9 +8707,9 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
       default: q(() => {
         var N, V, K;
         return [
-          h("div", Uv, [
-            h("div", Fv, [
-              h("div", Zv, [
+          h("div", Zv, [
+            h("div", Wv, [
+              h("div", zv, [
                 k.activity.slug ? (v(), B(ua, {
                   key: 0,
                   label: k.activity.slug,
@@ -8703,16 +8720,16 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                   class: "ao-activity__ao-tag",
                   onClick: oe
                 }, null, 8, ["label"])) : E("", !0),
-                k.breadcrumbs ? (v(), y("div", Wv, z(k.breadcrumbs), 1)) : E("", !0),
+                k.breadcrumbs ? (v(), y("div", qv, z(k.breadcrumbs), 1)) : E("", !0),
                 T($e, {
                   title: k.activity.name || "",
                   level: 4,
                   "is-editable": i.value,
                   "onUpdate:title": r
                 }, null, 8, ["title", "is-editable"]),
-                h("div", zv, [
-                  Q.value ? (v(), y("label", qv, [
-                    h("span", Yv, z(k.$t("activity.project.label")), 1),
+                h("div", Yv, [
+                  Q.value ? (v(), y("label", xv, [
+                    h("span", Kv, z(k.$t("activity.project.label")), 1),
                     T(He, {
                       options: Q.value,
                       value: (N = k.activity.project) == null ? void 0 : N.id,
@@ -8722,8 +8739,8 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                       onChange: ie
                     }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : E("", !0),
-                  le.value ? (v(), y("label", xv, [
-                    h("span", Kv, z(k.$t("activity.milestone.label")), 1),
+                  le.value ? (v(), y("label", Gv, [
+                    h("span", Xv, z(k.$t("activity.milestone.label")), 1),
                     T(He, {
                       options: le.value,
                       value: (V = k.activity.milestone) == null ? void 0 : V.id,
@@ -8736,7 +8753,7 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                 ]),
                 ae(k.$slots, "header")
               ]),
-              h("div", Gv, [
+              h("div", Qv, [
                 T(un, {
                   modelValue: n.value,
                   "onUpdate:modelValue": H[0] || (H[0] = (se) => n.value = se),
@@ -8744,9 +8761,9 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                   variant: "underline",
                   class: "ao-activity-details__tabs"
                 }, null, 8, ["modelValue", "tabs"]),
-                be(h("div", Xv, [
-                  h("fieldset", Qv, [
-                    h("div", Jv, [
+                be(h("div", Jv, [
+                  h("fieldset", ef, [
+                    h("div", tf, [
                       T(bv, {
                         attachments: k.activity.attachments,
                         "is-editable": k.attachmentEnabled && i.value && k.isTemplate !== !0 && !!k.userId,
@@ -8759,7 +8776,7 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                             readonly: !i.value,
                             rows: "6",
                             class: "ao-activity-details__description-textarea"
-                          }, null, 8, ef), [
+                          }, null, 8, af), [
                             [
                               Ne,
                               l.value,
@@ -8778,9 +8795,9 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                 ], 512), [
                   [Va, n.value === "description"]
                 ]),
-                be(h("div", tf, [
-                  h("fieldset", af, [
-                    h("div", nf, [
+                be(h("div", nf, [
+                  h("fieldset", sf, [
+                    h("div", of, [
                       T(uv, {
                         class: "ao-activity-details__tasks ao-field__row",
                         tasks: k.activity.tasks || [],
@@ -8798,8 +8815,8 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                 ], 512), [
                   [Va, n.value === "checklist"]
                 ]),
-                be(h("div", sf, [
-                  k.isTemplate !== !0 && k.userId ? (v(), y("div", of, [
+                be(h("div", rf, [
+                  k.isTemplate !== !0 && k.userId ? (v(), y("div", lf, [
                     T(Bv, {
                       comments: k.activity.comments,
                       users: k.users,
@@ -8814,16 +8831,16 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                 ])
               ])
             ]),
-            h("div", rf, [
-              h("div", lf, [
+            h("div", uf, [
+              h("div", cf, [
                 T(ve, {
                   name: "CloseRounded",
                   onClick: H[2] || (H[2] = (se) => k.$emit("close"))
                 })
               ]),
-              P.value ? (v(), y("div", uf, [
-                h("label", cf, [
-                  h("span", df, z(k.$t("activity.status.label")), 1),
+              P.value ? (v(), y("div", df, [
+                h("label", pf, [
+                  h("span", vf, z(k.$t("activity.status.label")), 1),
                   T(He, {
                     class: "ao-activity-details__multiselect",
                     options: P.value,
@@ -8836,10 +8853,10 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                   }, null, 8, ["options", "value", "disabled", "caret"])
                 ])
               ])) : E("", !0),
-              h("div", pf, [
-                h("div", vf, [
-                  h("div", ff, [
-                    h("span", hf, z(k.$t("activity.assignee.label")), 1),
+              h("div", ff, [
+                h("div", hf, [
+                  h("div", mf, [
+                    h("span", gf, z(k.$t("activity.assignee.label")), 1),
                     T(ue, {
                       label: k.$t("activity.assignee.toMe"),
                       type: "button",
@@ -8877,16 +8894,16 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                   }, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
                 ])
               ]),
-              h("div", mf, [
-                k.isTemplate !== !0 && k.userId ? (v(), y("div", gf, [
-                  h("label", Cf, [
-                    h("span", _f, z(k.$t("activity.deadline.label")), 1),
+              h("div", Cf, [
+                k.isTemplate !== !0 && k.userId ? (v(), y("div", _f, [
+                  h("label", yf, [
+                    h("span", bf, z(k.$t("activity.deadline.label")), 1),
                     be(h("input", {
                       "onUpdate:modelValue": H[4] || (H[4] = (se) => f.value = se),
                       readonly: !i.value,
                       class: "ao-field__input",
                       type: "date"
-                    }, null, 8, yf), [
+                    }, null, 8, wf), [
                       [
                         Ne,
                         f.value,
@@ -8897,17 +8914,17 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                   ])
                 ])) : E("", !0)
               ]),
-              h("div", bf, [
-                h("div", wf, [
-                  h("label", $f, [
-                    h("span", kf, z(k.$t("activity.estimation.label")) + " (" + z(d.value) + ")", 1),
+              h("div", $f, [
+                h("div", kf, [
+                  h("label", Sf, [
+                    h("span", Mf, z(k.$t("activity.estimation.label")) + " (" + z(d.value) + ")", 1),
                     be(h("input", {
                       "onUpdate:modelValue": H[5] || (H[5] = (se) => c.value = se),
                       readonly: !i.value,
                       class: "ao-field__input ao-field__input--estim",
                       type: "number",
                       min: "0"
-                    }, null, 8, Sf), [
+                    }, null, 8, Af), [
                       [
                         Ne,
                         c.value,
@@ -8920,14 +8937,14 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                     ])
                   ])
                 ]),
-                h("div", Mf, [
-                  h("label", Af, [
-                    h("span", Tf, z(k.$t("activity.timeSpent.label")) + " (" + z(d.value) + ")", 1),
-                    h("span", Of, z(p.value), 1)
+                h("div", Tf, [
+                  h("label", Of, [
+                    h("span", Ef, z(k.$t("activity.timeSpent.label")) + " (" + z(d.value) + ")", 1),
+                    h("span", If, z(p.value), 1)
                   ])
                 ])
               ]),
-              h("div", Ef, [
+              h("div", Lf, [
                 T(Ci, {
                   modelValue: g.value,
                   "onUpdate:modelValue": H[6] || (H[6] = (se) => g.value = se),
@@ -8942,18 +8959,18 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                   size: "sm"
                 }, null, 8, ["modelValue", "label", "disabled"])
               ]),
-              h("fieldset", If, [
-                h("div", Lf, [
+              h("fieldset", Pf, [
+                h("div", Df, [
                   T(ve, { name: "FlowsheetOutlineRounded" }),
                   T($e, {
                     level: 4,
                     title: k.$t("activity.dependencies.title")
                   }, null, 8, ["title"])
                 ]),
-                h("div", Pf, [
-                  h("div", Df, [
-                    h("label", Hf, [
-                      h("span", Vf, z(k.$t("activity.dependingOn.label")), 1),
+                h("div", Hf, [
+                  h("div", Vf, [
+                    h("label", Bf, [
+                      h("span", jf, z(k.$t("activity.dependingOn.label")), 1),
                       T(He, {
                         modelValue: m.value,
                         "onUpdate:modelValue": H[7] || (H[7] = (se) => m.value = se),
@@ -8967,9 +8984,9 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
                       }, null, 8, ["modelValue", "options", "disabled", "caret"])
                     ])
                   ]),
-                  h("div", Bf, [
-                    h("label", jf, [
-                      h("span", Rf, z(k.$t("activity.blocking.label")), 1),
+                  h("div", Rf, [
+                    h("label", Nf, [
+                      h("span", Uf, z(k.$t("activity.blocking.label")), 1),
                       T(He, {
                         modelValue: _.value,
                         "onUpdate:modelValue": H[8] || (H[8] = (se) => _.value = se),
@@ -8994,7 +9011,7 @@ const un = /* @__PURE__ */ Y(jv, [["render", Nv], ["__scopeId", "data-v-a17bd60b
     }));
   }
 });
-const Nf = /* @__PURE__ */ X({
+const Ff = /* @__PURE__ */ X({
   __name: "AoRuleLine",
   props: {
     rule: {},
@@ -9118,7 +9135,7 @@ const Nf = /* @__PURE__ */ X({
     }));
   }
 });
-const Uf = { class: "ao-template-rules__body" }, Ff = { class: "ao-template-rules__list" }, Zf = /* @__PURE__ */ X({
+const Zf = { class: "ao-template-rules__body" }, Wf = { class: "ao-template-rules__list" }, zf = /* @__PURE__ */ X({
   __name: "AoTemplateRules",
   props: {
     templateId: {},
@@ -9142,9 +9159,9 @@ const Uf = { class: "ao-template-rules__body" }, Ff = { class: "ao-template-rule
         }, null, 8, ["title"])
       ]),
       default: q(() => [
-        h("div", Uf, [
-          h("ul", Ff, [
-            (v(!0), y(he, null, Ce(n.rules, (i) => (v(), B(Nf, {
+        h("div", Zf, [
+          h("ul", Wf, [
+            (v(!0), y(he, null, Ce(n.rules, (i) => (v(), B(Ff, {
               key: i.id,
               rule: i,
               "template-phases": n.templatePhases,
@@ -9172,10 +9189,10 @@ function Tt(t, e, a) {
     rank: o.format()
   };
 }
-const Wf = {
+const qf = {
   key: 0,
   class: "ao-template-details"
-}, zf = { class: "ao-template-details__body" }, qf = { class: "ao-template-details__cols" }, Yf = { class: "ao-template-details__col" }, xf = { class: "ao-list__footer" }, Kf = { class: "ao-template-details__col" }, Gf = { class: "ao-template-details__col" }, Xf = /* @__PURE__ */ X({
+}, Yf = { class: "ao-template-details__body" }, xf = { class: "ao-template-details__cols" }, Kf = { class: "ao-template-details__col" }, Gf = { class: "ao-list__footer" }, Xf = { class: "ao-template-details__col" }, Qf = { class: "ao-template-details__col" }, Jf = /* @__PURE__ */ X({
   __name: "AoTemplateDetails",
   props: {
     templateId: {},
@@ -9417,7 +9434,7 @@ const Wf = {
     };
     return (P, A) => {
       var F, L, Z, oe, k, H;
-      return n.value ? (v(), y("div", Wf, [
+      return n.value ? (v(), y("div", qf, [
         T(wa, {
           "can-go-back": !0,
           onGoBack: A[1] || (A[1] = (N) => P.$router.push({ name: W(Nt).TEMPLATES_LIST }))
@@ -9434,9 +9451,9 @@ const Wf = {
           ]),
           _: 1
         }),
-        h("div", zf, [
-          h("ol", qf, [
-            h("li", Yf, [
+        h("div", Yf, [
+          h("ol", xf, [
+            h("li", Kf, [
               T(W(gt), {
                 "model-value": n.value.phases,
                 class: "ao-templates__list",
@@ -9471,7 +9488,7 @@ const Wf = {
                   ];
                 }),
                 footer: q(() => [
-                  h("div", xf, [
+                  h("div", Gf, [
                     T(_t, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: P.$t("template.phases.add"),
@@ -9482,7 +9499,7 @@ const Wf = {
                 _: 1
               }, 8, ["model-value"])
             ]),
-            h("li", Kf, [
+            h("li", Xf, [
               i.value ? (v(), B(E5, {
                 key: 0,
                 "template-id": P.templateId,
@@ -9494,7 +9511,7 @@ const Wf = {
                 onRemoveMilestone: _
               }, null, 8, ["template-id", "phase", "milestone-id"])) : E("", !0)
             ]),
-            h("li", Gf, [
+            h("li", Qf, [
               i.value && r.value ? (v(), B(P5, {
                 key: 0,
                 "template-id": P.templateId,
@@ -9538,7 +9555,7 @@ const Wf = {
           }, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : E("", !0)
         ])),
         (v(), B(Ot, { to: "body" }, [
-          D.value ? (v(), B(Zf, {
+          D.value ? (v(), B(zf, {
             key: 0,
             "template-id": n.value.id,
             rules: n.value.rules || [],
@@ -9554,10 +9571,10 @@ const Wf = {
     };
   }
 });
-const Qf = { class: "ao-card__content" }, Jf = {
+const eh = { class: "ao-card__content" }, th = {
   key: 0,
   class: "ao-card__header"
-}, eh = { class: "ao-card__body" }, th = {
+}, ah = { class: "ao-card__body" }, nh = {
   key: 1,
   class: "ao-card__footer"
 }, cn = /* @__PURE__ */ X({
@@ -9585,14 +9602,14 @@ const Qf = { class: "ao-card__content" }, Jf = {
           class: "ao-card__left-border",
           style: Fe({ backgroundColor: e.color })
         }, null, 4)) : E("", !0),
-        h("div", Qf, [
-          e.$slots.header ? (v(), y("header", Jf, [
+        h("div", eh, [
+          e.$slots.header ? (v(), y("header", th, [
             ae(e.$slots, "header")
           ])) : E("", !0),
-          h("div", eh, [
+          h("div", ah, [
             ae(e.$slots, "default")
           ]),
-          e.$slots.footer ? (v(), y("footer", th, [
+          e.$slots.footer ? (v(), y("footer", nh, [
             ae(e.$slots, "footer")
           ])) : E("", !0)
         ])
@@ -9632,8 +9649,8 @@ const dn = /* @__PURE__ */ X({
   */
 function St(t) {
   let e = { r: 0, g: 0, b: 0, a: 1 };
-  /#/.test(t) ? e = nh(t) : /rgb/.test(t) ? e = Ds(t) : typeof t == "string" ? e = Ds(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
-  const { r: a, g: s, b: n, a: o } = e, { h: i, s: r, v: l } = sh(e);
+  /#/.test(t) ? e = ih(t) : /rgb/.test(t) ? e = Ds(t) : typeof t == "string" ? e = Ds(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
+  const { r: a, g: s, b: n, a: o } = e, { h: i, s: r, v: l } = oh(e);
   return { r: a, g: s, b: n, a: o === void 0 ? 1 : o, h: i, s: r, v: l };
 }
 function Qn(t) {
@@ -9644,11 +9661,11 @@ function En(t, e, a, s, n, o) {
   const i = t === "l", r = e.createLinearGradient(0, 0, i ? a : 0, i ? 0 : s);
   r.addColorStop(0.01, n), r.addColorStop(0.99, o), e.fillStyle = r, e.fillRect(0, 0, a, s);
 }
-function ah({ r: t, g: e, b: a }, s) {
+function sh({ r: t, g: e, b: a }, s) {
   const n = (i) => ("0" + Number(i).toString(16)).slice(-2), o = `#${n(t)}${n(e)}${n(a)}`;
   return s ? o.toUpperCase() : o;
 }
-function nh(t) {
+function ih(t) {
   t = t.slice(1);
   const e = (a) => parseInt(a, 16) || 0;
   return {
@@ -9665,7 +9682,7 @@ function Ds(t) {
     a: Number(t[3] ? t[3] : 1)
   }) : t;
 }
-function sh({ r: t, g: e, b: a }) {
+function oh({ r: t, g: e, b: a }) {
   t = t / 255, e = e / 255, a = a / 255;
   const s = Math.max(t, e, a), n = Math.min(t, e, a), o = s - n;
   let i = 0;
@@ -9732,8 +9749,8 @@ var Jn = X({
     }
   }
 });
-const ih = { ref: "canvasSaturation" };
-function oh(t, e, a, s, n, o) {
+const rh = { ref: "canvasSaturation" };
+function lh(t, e, a, s, n, o) {
   return v(), B(
     "div",
     {
@@ -9743,7 +9760,7 @@ function oh(t, e, a, s, n, o) {
     [
       T(
         "canvas",
-        ih,
+        rh,
         null,
         512
         /* NEED_PATCH */
@@ -9763,7 +9780,7 @@ function oh(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Jn.render = oh;
+Jn.render = lh;
 Jn.__file = "src/color/Saturation.vue";
 var es = X({
   props: {
@@ -9818,8 +9835,8 @@ var es = X({
     }
   }
 });
-const rh = { ref: "canvasHue" };
-function lh(t, e, a, s, n, o) {
+const uh = { ref: "canvasHue" };
+function ch(t, e, a, s, n, o) {
   return v(), B(
     "div",
     {
@@ -9829,7 +9846,7 @@ function lh(t, e, a, s, n, o) {
     [
       T(
         "canvas",
-        rh,
+        uh,
         null,
         512
         /* NEED_PATCH */
@@ -9849,7 +9866,7 @@ function lh(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-es.render = lh;
+es.render = ch;
 es.__file = "src/color/Hue.vue";
 var ts = X({
   props: {
@@ -9913,8 +9930,8 @@ var ts = X({
     }
   }
 });
-const uh = { ref: "canvasAlpha" };
-function ch(t, e, a, s, n, o) {
+const dh = { ref: "canvasAlpha" };
+function ph(t, e, a, s, n, o) {
   return v(), B(
     "div",
     {
@@ -9924,7 +9941,7 @@ function ch(t, e, a, s, n, o) {
     [
       T(
         "canvas",
-        uh,
+        dh,
         null,
         512
         /* NEED_PATCH */
@@ -9944,7 +9961,7 @@ function ch(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-ts.render = ch;
+ts.render = ph;
 ts.__file = "src/color/Alpha.vue";
 var as = X({
   props: {
@@ -9981,10 +9998,10 @@ var as = X({
     }
   }
 });
-function dh(t, e, a, s, n, o) {
+function vh(t, e, a, s, n, o) {
   return v(), B("canvas");
 }
-as.render = dh;
+as.render = vh;
 as.__file = "src/color/Preview.vue";
 var ns = X({
   props: {
@@ -10047,19 +10064,19 @@ var ns = X({
     }
   }
 });
-const ph = /* @__PURE__ */ T(
+const fh = /* @__PURE__ */ T(
   "path",
   { d: "M13.1,8.2l5.6,5.6c0.4,0.4,0.5,1.1,0.1,1.5s-1.1,0.5-1.5,0.1c0,0-0.1,0-0.1-0.1l-1.4-1.4l-7.7,7.7C7.9,21.9,7.6,22,7.3,22H3.1C2.5,22,2,21.5,2,20.9l0,0v-4.2c0-0.3,0.1-0.6,0.3-0.8l5.8-5.8C8.5,9.7,9.2,9.6,9.7,10s0.5,1.1,0.1,1.5c0,0,0,0.1-0.1,0.1l-5.5,5.5v2.7h2.7l7.4-7.4L8.7,6.8c-0.5-0.4-0.5-1-0.1-1.5s1.1-0.5,1.5-0.1c0,0,0.1,0,0.1,0.1l1.4,1.4l3.5-3.5c1.6-1.6,4.1-1.6,5.8-0.1c1.6,1.6,1.6,4.1,0.1,5.8L20.9,9l-3.6,3.6c-0.4,0.4-1.1,0.5-1.5,0.1" },
   null,
   -1
   /* HOISTED */
-), vh = {
+), hh = {
   key: 1,
   class: "sucker",
   viewBox: "-16 -16 68 68",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#9099a4"
-}, fh = /* @__PURE__ */ T(
+}, mh = /* @__PURE__ */ T(
   "g",
   {
     fill: "none",
@@ -10091,7 +10108,7 @@ const ph = /* @__PURE__ */ T(
   -1
   /* HOISTED */
 );
-function hh(t, e, a, s, n, o) {
+function gh(t, e, a, s, n, o) {
   return v(), B("div", null, [
     t.isSucking ? E("v-if", !0) : (v(), B(
       "svg",
@@ -10103,17 +10120,17 @@ function hh(t, e, a, s, n, o) {
         onClick: e[1] || (e[1] = (...i) => t.openSucker && t.openSucker(...i))
       },
       [
-        ph
+        fh
       ],
       2
       /* CLASS */
     )),
-    t.isSucking ? (v(), B("svg", vh, [
-      fh
+    t.isSucking ? (v(), B("svg", hh, [
+      mh
     ])) : E("v-if", !0)
   ]);
 }
-ns.render = hh;
+ns.render = gh;
 ns.__file = "src/color/Sucker.vue";
 var ss = X({
   props: {
@@ -10146,12 +10163,12 @@ var ss = X({
     };
   }
 });
-const mh = { class: "color-type" }, gh = { class: "name" };
-function Ch(t, e, a, s, n, o) {
-  return v(), B("div", mh, [
+const Ch = { class: "color-type" }, _h = { class: "name" };
+function yh(t, e, a, s, n, o) {
+  return v(), B("div", Ch, [
     T(
       "span",
-      gh,
+      _h,
       z(t.name),
       1
       /* TEXT */
@@ -10172,7 +10189,7 @@ function Ch(t, e, a, s, n, o) {
     ])
   ]);
 }
-ss.render = Ch;
+ss.render = yh;
 ss.__file = "src/color/Box.vue";
 var is = X({
   name: "ColorPicker",
@@ -10214,13 +10231,13 @@ var is = X({
     };
   }
 });
-const _h = { class: "colors" }, yh = {
+const bh = { class: "colors" }, wh = {
   key: 0,
   class: "colors history"
 };
-function bh(t, e, a, s, n, o) {
+function $h(t, e, a, s, n, o) {
   return v(), B("div", null, [
-    T("ul", _h, [
+    T("ul", bh, [
       (v(!0), B(
         he,
         null,
@@ -10254,7 +10271,7 @@ function bh(t, e, a, s, n, o) {
         /* KEYED_FRAGMENT */
       ))
     ]),
-    t.colorsHistory.length ? (v(), B("ul", yh, [
+    t.colorsHistory.length ? (v(), B("ul", wh, [
       (v(!0), B(
         he,
         null,
@@ -10290,7 +10307,7 @@ function bh(t, e, a, s, n, o) {
     ])) : E("v-if", !0)
   ]);
 }
-is.render = bh;
+is.render = $h;
 is.__file = "src/color/Colors.vue";
 var Ft = X({
   components: {
@@ -10401,7 +10418,7 @@ var Ft = X({
       return `rgba(${this.rgbaStringShort})`;
     },
     hexString() {
-      return ah(this.rgba, !0);
+      return sh(this.rgba, !0);
     }
   },
   created() {
@@ -10465,8 +10482,8 @@ var Ft = X({
     }
   }
 });
-const wh = { class: "color-set" };
-function $h(t, e, a, s, n, o) {
+const kh = { class: "color-set" };
+function Sh(t, e, a, s, n, o) {
   const i = ut("Saturation"), r = ut("Hue"), l = ut("Alpha"), c = ut("Preview"), u = ut("Sucker"), d = ut("Box"), p = ut("Colors");
   return v(), B(
     "div",
@@ -10475,7 +10492,7 @@ function $h(t, e, a, s, n, o) {
       style: { width: t.totalWidth + "px" }
     },
     [
-      T("div", wh, [
+      T("div", kh, [
         T(i, {
           ref: "saturation",
           color: t.rgbString,
@@ -10549,12 +10566,12 @@ function $h(t, e, a, s, n, o) {
     /* CLASS, STYLE */
   );
 }
-Ft.render = $h;
+Ft.render = Sh;
 Ft.__file = "src/color/ColorPicker.vue";
 Ft.install = (t) => {
   t.component(Ft.name, Ft);
 };
-const kh = { class: "color-picker-wrapper" }, os = /* @__PURE__ */ X({
+const Mh = { class: "color-picker-wrapper" }, os = /* @__PURE__ */ X({
   __name: "AoColorPicker",
   props: {
     color: {}
@@ -10585,7 +10602,7 @@ const kh = { class: "color-picker-wrapper" }, os = /* @__PURE__ */ X({
       const { r: f, g: w, b: m, a: $ } = g.rgba;
       d.value = `rgba(${f}, ${w}, ${m}, ${$})`;
     };
-    return (g, f) => (v(), y("div", kh, [
+    return (g, f) => (v(), y("div", Mh, [
       ae(g.$slots, "clickable", {
         openPicker: l,
         bgColor: g.color
@@ -10607,16 +10624,16 @@ const kh = { class: "color-picker-wrapper" }, os = /* @__PURE__ */ X({
     ]));
   }
 });
-const Sh = { class: "ao-card-project-phase__header" }, Mh = { class: "ao-card-project-item__title-line" }, Ah = {
+const Ah = { class: "ao-card-project-phase__header" }, Th = { class: "ao-card-project-item__title-line" }, Oh = {
   key: 0,
   class: "ao-card-project-item-phase__estimation"
-}, Th = { class: "ao-card-project-phase__footer" }, Oh = {
+}, Eh = { class: "ao-card-project-phase__footer" }, Ih = {
   key: 0,
   class: "ao-card-project-phase__footer-row ao-card-project-phase__footer-row--progress"
-}, Eh = { class: "ao-card-project-phase__subitem" }, Ih = { class: "ao-card-project-phase__subitem" }, Lh = {
+}, Lh = { class: "ao-card-project-phase__subitem" }, Ph = { class: "ao-card-project-phase__subitem" }, Dh = {
   key: 0,
   class: "ao-card-project-phase__secondary"
-}, Ph = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Dh = /* @__PURE__ */ X({
+}, Hh = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Vh = /* @__PURE__ */ X({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -10684,7 +10701,7 @@ const Sh = { class: "ao-card-project-phase__header" }, Mh = { class: "ao-card-pr
           onClick: (_) => g(_, m)
         }, ha({
           default: q(() => [
-            h("div", Mh, [
+            h("div", Th, [
               T($e, {
                 id: f.id,
                 class: "ao-card-project-phase__title",
@@ -10693,25 +10710,25 @@ const Sh = { class: "ao-card-project-phase__header" }, Mh = { class: "ao-card-pr
                 "is-editable": f.isEditable,
                 "onUpdate:title": s
               }, null, 8, ["id", "title", "is-editable"]),
-              n.value || o.value ? (v(), y("span", Ah, " (" + z(r.value) + "/" + z(n.value) + z(i.value) + ")", 1)) : E("", !0)
+              n.value || o.value ? (v(), y("span", Oh, " (" + z(r.value) + "/" + z(n.value) + z(i.value) + ")", 1)) : E("", !0)
             ])
           ]),
           footer: q(() => [
-            h("div", Th, [
-              l.value ? (v(), y("div", Oh, [
-                h("div", Eh, [
+            h("div", Eh, [
+              l.value ? (v(), y("div", Ih, [
+                h("div", Lh, [
                   T(ve, {
                     name: "MountainFlagOutlineRounded",
                     size: "sm"
                   }),
-                  h("span", Ih, z(c.value) + " / " + z(l.value), 1)
+                  h("span", Ph, z(c.value) + " / " + z(l.value), 1)
                 ]),
                 T(dn, {
                   percentages: u.value,
                   class: "ao-card-project-phase__progress",
                   color: f.color
                 }, null, 8, ["percentages", "color"]),
-                f.$slots.secondary ? (v(), y("div", Lh, [
+                f.$slots.secondary ? (v(), y("div", Dh, [
                   ae(f.$slots, "secondary")
                 ])) : E("", !0)
               ])) : E("", !0),
@@ -10731,7 +10748,7 @@ const Sh = { class: "ao-card-project-phase__header" }, Mh = { class: "ao-card-pr
                     { lazy: !0 }
                   ]
                 ]) : E("", !0),
-                h("span", Ph, z(W(en)(f.deadline)), 1)
+                h("span", Hh, z(W(en)(f.deadline)), 1)
               ], 2)
             ])
           ]),
@@ -10740,7 +10757,7 @@ const Sh = { class: "ao-card-project-phase__header" }, Mh = { class: "ao-card-pr
           f.isEditable ? {
             name: "header",
             fn: q(() => [
-              h("div", Sh, [
+              h("div", Ah, [
                 T(ue, {
                   class: "ao-card-project-phase__archive",
                   color: "primary",
@@ -10765,7 +10782,7 @@ const Sh = { class: "ao-card-project-phase__header" }, Mh = { class: "ao-card-pr
     }, 8, ["color"]));
   }
 });
-const Hh = /* @__PURE__ */ X({
+const Bh = /* @__PURE__ */ X({
   __name: "AoBadge",
   props: {
     color: {}
@@ -10777,22 +10794,22 @@ const Hh = /* @__PURE__ */ X({
     }, null, 4));
   }
 });
-const Vh = { class: "ao-card-project-milestone__default" }, Bh = { class: "ao-title-with-badge-wrapper" }, jh = { class: "ao-card-project-item__title-line" }, Rh = {
+const jh = { class: "ao-card-project-milestone__default" }, Rh = { class: "ao-title-with-badge-wrapper" }, Nh = { class: "ao-card-project-item__title-line" }, Uh = {
   key: 0,
   class: "ao-card-project-item-milestone__estimation"
-}, Nh = {
+}, Fh = {
   key: 0,
   class: "ao-card-project-milestone__archive"
-}, Uh = { class: "ao-card-project-milestone__activities" }, Fh = { class: "ao-card-project-milestone__activities-row" }, Zh = { class: "ao-card-project-milestone__subitem" }, Wh = { class: "ao-card-project-milestone__subitem" }, zh = {
+}, Zh = { class: "ao-card-project-milestone__activities" }, Wh = { class: "ao-card-project-milestone__activities-row" }, zh = { class: "ao-card-project-milestone__subitem" }, qh = { class: "ao-card-project-milestone__subitem" }, Yh = {
   key: 1,
   class: "ao-card-project-milestone__secondary"
-}, qh = { class: "ao-card-project-milestone__footer" }, Yh = {
+}, xh = { class: "ao-card-project-milestone__footer" }, Kh = {
   key: 1,
   class: "ao-field ao-card-project-milestone__deadline"
-}, xh = { class: "ao-field__label" }, Kh = {
+}, Gh = { class: "ao-field__label" }, Xh = {
   key: 2,
   class: "ao-card-project-milestone__assignee"
-}, Gh = /* @__PURE__ */ X({
+}, Qh = /* @__PURE__ */ X({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -10846,12 +10863,12 @@ const Vh = { class: "ao-card-project-milestone__default" }, Bh = { class: "ao-ti
       color: d.phaseColor
     }, {
       default: q(() => [
-        h("div", Vh, [
-          h("div", Bh, [
-            T(Hh, {
+        h("div", jh, [
+          h("div", Rh, [
+            T(Bh, {
               color: d.color || ""
             }, null, 8, ["color"]),
-            h("div", jh, [
+            h("div", Nh, [
               T($e, {
                 id: d.id,
                 title: d.name || "",
@@ -10860,10 +10877,10 @@ const Vh = { class: "ao-card-project-milestone__default" }, Bh = { class: "ao-ti
                 class: "ao-card-project-milestone__title",
                 "onUpdate:title": u
               }, null, 8, ["id", "title", "is-editable"]),
-              s.value || n.value ? (v(), y("span", Rh, " (" + z(i.value) + "/" + z(s.value) + z(o.value) + ")", 1)) : E("", !0)
+              s.value || n.value ? (v(), y("span", Uh, " (" + z(i.value) + "/" + z(s.value) + z(o.value) + ")", 1)) : E("", !0)
             ])
           ]),
-          !d.readonly && d.isEditable ? (v(), y("div", Nh, [
+          !d.readonly && d.isEditable ? (v(), y("div", Fh, [
             T(ue, {
               color: "primary",
               variant: "ghost",
@@ -10879,15 +10896,15 @@ const Vh = { class: "ao-card-project-milestone__default" }, Bh = { class: "ao-ti
             }, null, 8, ["label"])
           ])) : E("", !0)
         ]),
-        h("div", Uh, [
-          h("div", Fh, [
+        h("div", Zh, [
+          h("div", Wh, [
             r.value ? (v(), y(he, { key: 0 }, [
-              h("div", Zh, [
+              h("div", zh, [
                 T(ve, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                h("span", Wh, z(l.value) + " / " + z(r.value), 1)
+                h("span", qh, z(l.value) + " / " + z(r.value), 1)
               ]),
               T(dn, {
                 percentages: c.value,
@@ -10895,14 +10912,14 @@ const Vh = { class: "ao-card-project-milestone__default" }, Bh = { class: "ao-ti
                 class: "ao-card-project-milestone__progress"
               }, null, 8, ["percentages", "color"])
             ], 64)) : E("", !0),
-            d.$slots.secondary ? (v(), y("div", zh, [
+            d.$slots.secondary ? (v(), y("div", Yh, [
               ae(d.$slots, "secondary")
             ])) : E("", !0)
           ])
         ])
       ]),
       footer: q(() => [
-        h("div", qh, [
+        h("div", xh, [
           d.important ? (v(), B(ve, {
             key: 0,
             name: "FlagRounded",
@@ -10911,10 +10928,10 @@ const Vh = { class: "ao-card-project-milestone__default" }, Bh = { class: "ao-ti
             ),
             size: "sm"
           }, null, 8, ["class"])) : E("", !0),
-          d.deadline ? (v(), y("label", Yh, [
-            h("span", xh, z(W(en)(d.deadline)), 1)
+          d.deadline ? (v(), y("label", Kh, [
+            h("span", Gh, z(W(en)(d.deadline)), 1)
           ])) : E("", !0),
-          d.assignee ? (v(), y("div", Kh, [
+          d.assignee ? (v(), y("div", Xh, [
             T(Ct, {
               "user-name": W(Js)(d.assignee),
               "avatar-url": d.assignee.avatarUrl,
@@ -10928,16 +10945,16 @@ const Vh = { class: "ao-card-project-milestone__default" }, Bh = { class: "ao-ti
     }, 8, ["is-clickable", "is-selected", "color"]));
   }
 });
-const Xh = { class: "ao-mapping-card-project-phase__header" }, Qh = { class: "ao-card-project-item__title-line" }, Jh = {
+const Jh = { class: "ao-mapping-card-project-phase__header" }, e9 = { class: "ao-card-project-item__title-line" }, t9 = {
   key: 0,
   class: "ao-card-project-item-phase__estimation"
-}, e9 = { class: "ao-mapping-card-project-phase__footer" }, t9 = {
+}, a9 = { class: "ao-mapping-card-project-phase__footer" }, n9 = {
   key: 0,
   class: "ao-mapping-card-project-phase__footer-row ao-mapping-card-project-phase__footer-row--progress"
-}, a9 = { class: "ao-mapping-card-project-phase__subitem" }, n9 = { class: "ao-mapping-card-project-phase__subitem" }, s9 = {
+}, s9 = { class: "ao-mapping-card-project-phase__subitem" }, i9 = { class: "ao-mapping-card-project-phase__subitem" }, o9 = {
   key: 0,
   class: "ao-mapping-card-project-phase__secondary"
-}, i9 = { class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--readonly" }, o9 = /* @__PURE__ */ X({
+}, r9 = { class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--readonly" }, l9 = /* @__PURE__ */ X({
   __name: "AoCondensedCardProjectItemPhase",
   props: {
     id: {},
@@ -11005,7 +11022,7 @@ const Xh = { class: "ao-mapping-card-project-phase__header" }, Qh = { class: "ao
           onClick: (_) => g(_, m)
         }, ha({
           default: q(() => [
-            h("div", Qh, [
+            h("div", e9, [
               T($e, {
                 id: f.id,
                 class: "ao-mapping-card-project-phase__title",
@@ -11014,25 +11031,25 @@ const Xh = { class: "ao-mapping-card-project-phase__header" }, Qh = { class: "ao
                 "is-editable": f.isEditable,
                 "onUpdate:title": s
               }, null, 8, ["id", "title", "is-editable"]),
-              n.value || o.value ? (v(), y("span", Jh, " (" + z(r.value) + "/" + z(n.value) + z(i.value) + ")", 1)) : E("", !0)
+              n.value || o.value ? (v(), y("span", t9, " (" + z(r.value) + "/" + z(n.value) + z(i.value) + ")", 1)) : E("", !0)
             ])
           ]),
           footer: q(() => [
-            h("div", e9, [
-              l.value ? (v(), y("div", t9, [
-                h("div", a9, [
+            h("div", a9, [
+              l.value ? (v(), y("div", n9, [
+                h("div", s9, [
                   T(ve, {
                     name: "MountainFlagOutlineRounded",
                     size: "sm"
                   }),
-                  h("span", n9, z(c.value) + " / " + z(l.value), 1)
+                  h("span", i9, z(c.value) + " / " + z(l.value), 1)
                 ]),
                 T(dn, {
                   percentages: u.value,
                   class: "ao-mapping-card-project-phase__progress",
                   color: p.value
                 }, null, 8, ["percentages", "color"]),
-                f.$slots.secondary ? (v(), y("div", s9, [
+                f.$slots.secondary ? (v(), y("div", o9, [
                   ae(f.$slots, "secondary")
                 ])) : E("", !0)
               ])) : E("", !0),
@@ -11052,7 +11069,7 @@ const Xh = { class: "ao-mapping-card-project-phase__header" }, Qh = { class: "ao
                     { lazy: !0 }
                   ]
                 ]) : E("", !0),
-                h("span", i9, z(W(en)(f.deadline)), 1)
+                h("span", r9, z(W(en)(f.deadline)), 1)
               ], 2)
             ])
           ]),
@@ -11061,7 +11078,7 @@ const Xh = { class: "ao-mapping-card-project-phase__header" }, Qh = { class: "ao
           f.isEditable ? {
             name: "header",
             fn: q(() => [
-              h("div", Xh, [
+              h("div", Jh, [
                 T(ue, {
                   class: "ao-mapping-card-project-phase__archive",
                   color: "primary",
@@ -11086,19 +11103,19 @@ const Xh = { class: "ao-mapping-card-project-phase__header" }, Qh = { class: "ao
     }, 8, ["color"]));
   }
 });
-const r9 = { class: "ao-project-phase" }, l9 = {
+const u9 = { class: "ao-project-phase" }, c9 = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, u9 = {
+}, d9 = {
   key: 1,
   class: "ao-project-phase__col-phase"
-}, c9 = {
+}, p9 = {
   key: 2,
   class: "ao-mapping-project-phase__col-phase"
-}, d9 = {
+}, v9 = {
   key: 0,
   class: "ao-project-phase__col-milestones"
-}, p9 = { class: "ao-project-phase__milestones-list-footer" }, v9 = /* @__PURE__ */ X({
+}, f9 = { class: "ao-project-phase__milestones-list-footer" }, h9 = /* @__PURE__ */ X({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -11158,19 +11175,19 @@ const r9 = { class: "ao-project-phase" }, l9 = {
       var _;
       return a.phase.id !== ((_ = w.params) == null ? void 0 : _.phaseId) ? { backgroundColor: "var(--ao-color-sheet)" } : a.phase.color ? { backgroundColor: q3(a.phase.color) } : { backgroundColor: "var(--ao-color-primary-lightest)" };
     });
-    return (_, C) => (v(), y("li", r9, [
+    return (_, C) => (v(), y("li", u9, [
       h("div", {
         class: "ao-project-phases__draggable-card",
         style: Fe($.value)
       }, [
-        _.isEditable ? (v(), y("div", l9, [
+        _.isEditable ? (v(), y("div", c9, [
           T(ve, {
             name: "DragIndicator",
             class: "ao-project-phase__drag-handle"
           })
         ])) : E("", !0),
-        m.value ? (v(), y("div", c9, [
-          T(o9, {
+        m.value ? (v(), y("div", p9, [
+          T(l9, {
             id: _.phase.id,
             milestones: r.value,
             name: _.phase.name,
@@ -11185,8 +11202,8 @@ const r9 = { class: "ao-project-phase" }, l9 = {
             onUnarchivePhase: g,
             onUpdatePhase: i
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color", "estimation-unit"])
-        ])) : (v(), y("div", u9, [
-          T(Dh, {
+        ])) : (v(), y("div", d9, [
+          T(Vh, {
             id: _.phase.id,
             milestones: r.value,
             name: _.phase.name,
@@ -11204,7 +11221,7 @@ const r9 = { class: "ao-project-phase" }, l9 = {
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color", "time-tracking-data", "estimation-unit"])
         ]))
       ], 4),
-      m.value ? E("", !0) : (v(), y("div", d9, [
+      m.value ? E("", !0) : (v(), y("div", v9, [
         h("div", {
           class: "ao-project-phase__milestones",
           style: Fe($.value)
@@ -11219,7 +11236,7 @@ const r9 = { class: "ao-project-phase" }, l9 = {
             item: q(({ element: b }) => {
               var I;
               return [
-                T(Gh, {
+                T(Qh, {
                   id: b.id,
                   name: b.name,
                   color: b.color,
@@ -11249,7 +11266,7 @@ const r9 = { class: "ao-project-phase" }, l9 = {
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          h("div", p9, [
+          h("div", f9, [
             _.isEditable ? (v(), B(_t, {
               key: 0,
               label: _.$t("project.milestone.add"),
@@ -11263,10 +11280,10 @@ const r9 = { class: "ao-project-phase" }, l9 = {
     ]));
   }
 });
-const f9 = { class: "ao-project__phases" }, h9 = {
+const m9 = { class: "ao-project__phases" }, g9 = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, m9 = /* @__PURE__ */ h("div", { class: "ao-project-phase__empty_drag" }, null, -1), g9 = { class: "ao-project-phase__col-phase" }, C9 = /* @__PURE__ */ h("div", { class: "ao-project-phase__col-milestones" }, null, -1), _i = /* @__PURE__ */ X({
+}, C9 = /* @__PURE__ */ h("div", { class: "ao-project-phase__empty_drag" }, null, -1), _9 = { class: "ao-project-phase__col-phase" }, y9 = /* @__PURE__ */ h("div", { class: "ao-project-phase__col-milestones" }, null, -1), _i = /* @__PURE__ */ X({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -11308,7 +11325,7 @@ const f9 = { class: "ao-project__phases" }, h9 = {
     }, d = (p) => {
       e("addPhase", p);
     };
-    return (p, g) => (v(), y("div", f9, [
+    return (p, g) => (v(), y("div", m9, [
       T(W(gt), {
         class: "ao-project-phase__phases-list",
         "model-value": p.phases,
@@ -11317,7 +11334,7 @@ const f9 = { class: "ao-project__phases" }, h9 = {
         onChange: c
       }, {
         item: q(({ element: f }) => [
-          T(v9, {
+          T(h9, {
             phase: f,
             "is-editable": !p.readonly && p.isEditable,
             "closed-status": p.closedStatus,
@@ -11336,9 +11353,9 @@ const f9 = { class: "ao-project__phases" }, h9 = {
         ]),
         _: 1
       }, 8, ["model-value"]),
-      p.isEditable ? (v(), y("div", h9, [
-        m9,
-        h("div", g9, [
+      p.isEditable ? (v(), y("div", g9, [
+        C9,
+        h("div", _9, [
           T(_t, {
             label: p.$t("project.phases.add"),
             "icon-name": "Add",
@@ -11346,12 +11363,12 @@ const f9 = { class: "ao-project__phases" }, h9 = {
             onClick: d
           }, null, 8, ["label"])
         ]),
-        C9
+        y9
       ])) : E("", !0)
     ]));
   }
 });
-const _9 = ["onSubmit"], y9 = { class: "ao-add-template-modal__form-body" }, b9 = { class: "field__row" }, w9 = { class: "ao-add-template-modal__form-footer" }, yi = /* @__PURE__ */ X({
+const b9 = ["onSubmit"], w9 = { class: "ao-add-template-modal__form-body" }, $9 = { class: "field__row" }, k9 = { class: "ao-add-template-modal__form-footer" }, yi = /* @__PURE__ */ X({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -11380,8 +11397,8 @@ const _9 = ["onSubmit"], y9 = { class: "ao-add-template-modal__form-body" }, b9
           onSubmit: fe(i, ["prevent"])
         }, [
           h("p", null, z(r.$t("project.template.apply.notice")), 1),
-          h("div", y9, [
-            h("div", b9, [
+          h("div", w9, [
+            h("div", $9, [
               T(He, {
                 value: n.value,
                 options: s.value,
@@ -11390,7 +11407,7 @@ const _9 = ["onSubmit"], y9 = { class: "ao-add-template-modal__form-body" }, b9
               }, null, 8, ["value", "options"])
             ])
           ]),
-          h("footer", w9, [
+          h("footer", k9, [
             T(ue, {
               label: r.$t("project.template.apply.label"),
               type: "submit",
@@ -11399,13 +11416,13 @@ const _9 = ["onSubmit"], y9 = { class: "ao-add-template-modal__form-body" }, b9
               onClick: i
             }, null, 8, ["label"])
           ])
-        ], 40, _9)
+        ], 40, b9)
       ]),
       _: 1
     }));
   }
 });
-const $9 = ["onSubmit"], k9 = { class: "ao-save-template-modal__form-body" }, S9 = { class: "field__row" }, M9 = { class: "ao-field ao-field--inline" }, A9 = { class: "ao-field__label" }, T9 = { class: "ao-save-template-modal__phases" }, O9 = { class: "ao-field__label" }, E9 = { class: "ao-save-template-modal__phases-list" }, I9 = ["value"], L9 = { class: "ao-save-template-modal__form-footer" }, bi = /* @__PURE__ */ X({
+const S9 = ["onSubmit"], M9 = { class: "ao-save-template-modal__form-body" }, A9 = { class: "field__row" }, T9 = { class: "ao-field ao-field--inline" }, O9 = { class: "ao-field__label" }, E9 = { class: "ao-save-template-modal__phases" }, I9 = { class: "ao-field__label" }, L9 = { class: "ao-save-template-modal__phases-list" }, P9 = ["value"], D9 = { class: "ao-save-template-modal__form-footer" }, bi = /* @__PURE__ */ X({
   __name: "AoSaveTemplateModal",
   props: {
     phases: {}
@@ -11431,10 +11448,10 @@ const $9 = ["onSubmit"], k9 = { class: "ao-save-template-modal__form-body" }, S9
           class: "ao-save-template-modal__form",
           onSubmit: fe(o, ["prevent"])
         }, [
-          h("div", k9, [
-            h("div", S9, [
-              h("label", M9, [
-                h("span", A9, z(i.$t("project.template.name.label")) + ": ", 1),
+          h("div", M9, [
+            h("div", A9, [
+              h("label", T9, [
+                h("span", O9, z(i.$t("project.template.name.label")) + ": ", 1),
                 be(h("input", {
                   "onUpdate:modelValue": r[0] || (r[0] = (l) => s.value = l),
                   type: "text"
@@ -11443,9 +11460,9 @@ const $9 = ["onSubmit"], k9 = { class: "ao-save-template-modal__form-body" }, S9
                 ])
               ])
             ]),
-            h("div", T9, [
-              h("div", O9, z(i.$t("project.template.phases.label")), 1),
-              h("div", E9, [
+            h("div", E9, [
+              h("div", I9, z(i.$t("project.template.phases.label")), 1),
+              h("div", L9, [
                 (v(!0), y(he, null, Ce(a.phases, (l) => (v(), y("label", {
                   class: "ao-field ao-field--checkbox",
                   key: l.id
@@ -11454,7 +11471,7 @@ const $9 = ["onSubmit"], k9 = { class: "ao-save-template-modal__form-body" }, S9
                     type: "checkbox",
                     value: l.id,
                     "onUpdate:modelValue": r[1] || (r[1] = (c) => n.value = c)
-                  }, null, 8, I9), [
+                  }, null, 8, P9), [
                     [zi, n.value]
                   ]),
                   h("span", null, z(l.name), 1)
@@ -11462,7 +11479,7 @@ const $9 = ["onSubmit"], k9 = { class: "ao-save-template-modal__form-body" }, S9
               ])
             ])
           ]),
-          h("footer", L9, [
+          h("footer", D9, [
             T(ue, {
               label: i.$t("project.template.save.label"),
               type: "submit",
@@ -11471,13 +11488,13 @@ const $9 = ["onSubmit"], k9 = { class: "ao-save-template-modal__form-body" }, S9
               onClick: o
             }, null, 8, ["label"])
           ])
-        ], 40, $9)
+        ], 40, S9)
       ]),
       _: 1
     }));
   }
 });
-const P9 = { class: "ao-project" }, D9 = { class: "ao-project__body" }, H9 = /* @__PURE__ */ X({
+const H9 = { class: "ao-project" }, V9 = { class: "ao-project__body" }, B9 = /* @__PURE__ */ X({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -11561,7 +11578,7 @@ const P9 = { class: "ao-project" }, D9 = { class: "ao-project__body" }, H9 = /*
       const L = ut("RouterView");
       return v(), y(he, null, [
         h("div", Ae({ class: "ao-project-overview" }, A.$attrs), [
-          h("div", P9, [
+          h("div", H9, [
             T(wa, null, {
               primary: q(() => [
                 T(un, {
@@ -11600,7 +11617,7 @@ const P9 = { class: "ao-project" }, D9 = { class: "ao-project__body" }, H9 = /*
               ]),
               _: 1
             }),
-            h("div", D9, [
+            h("div", V9, [
               T(_i, {
                 phases: A.phases,
                 "closed-status": A.closedStatus,
@@ -11691,39 +11708,39 @@ const P9 = { class: "ao-project" }, D9 = { class: "ao-project__body" }, H9 = /*
     };
   }
 });
-const V9 = { class: "ao-card-feed__header" }, B9 = {
+const j9 = { class: "ao-card-feed__header" }, R9 = {
   key: 1,
   class: "ao-card-feed__header-secondary ao-card-feed__header-icons"
-}, j9 = {
+}, N9 = {
   key: 2,
   class: "ao-card-feed__header-secondary ao-card-feed__secondary"
-}, R9 = { class: "ao-card-feed__body" }, N9 = {
+}, U9 = { class: "ao-card-feed__body" }, F9 = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
-}, U9 = {
+}, Z9 = {
   class: /* @__PURE__ */ ee(["ao-card-feed__title-group"])
-}, F9 = { class: "ao-card-feed__title-line" }, Z9 = {
+}, W9 = { class: "ao-card-feed__title-line" }, z9 = {
   key: 0,
   class: "ao-card-feed__slug"
-}, W9 = {
+}, q9 = {
   key: 1,
   class: "ao-card-feed__deadline"
-}, z9 = { class: "ao-card-feed__footer" }, q9 = { class: "ao-card-feed__footer-row" }, Y9 = { class: "ao-assignees" }, x9 = {
+}, Y9 = { class: "ao-card-feed__footer" }, x9 = { class: "ao-card-feed__footer-row" }, K9 = { class: "ao-assignees" }, G9 = {
   key: 0,
   class: "ao-assignee"
-}, K9 = {
+}, X9 = {
   key: 0,
   class: "ao-card-feed__subitems"
-}, G9 = {
+}, Q9 = {
   key: 0,
   class: "ao-card-feed__subitem"
-}, X9 = { class: "ao-card-feed__subitem" }, Q9 = {
+}, J9 = { class: "ao-card-feed__subitem" }, em = {
   key: 1,
   class: "ao-card-feed__subitem"
-}, J9 = { class: "ao-card-feed__subitem" }, em = { class: "ao-card-feed__timer-wrapper" }, tm = { class: "ao-card-feed__footer-row" }, am = {
+}, tm = { class: "ao-card-feed__subitem" }, am = { class: "ao-card-feed__timer-wrapper" }, nm = { class: "ao-card-feed__footer-row" }, sm = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, nm = { class: "ao-card-feed__subitem" }, sm = { class: "ao-card-feed__subitem" }, wi = /* @__PURE__ */ X({
+}, im = { class: "ao-card-feed__subitem" }, om = { class: "ao-card-feed__subitem" }, wi = /* @__PURE__ */ X({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -11775,7 +11792,7 @@ const V9 = { class: "ao-card-feed__header" }, B9 = {
       "is-clickable": !0
     }, {
       header: q(() => [
-        h("div", V9, [
+        h("div", j9, [
           s.value ? (v(), B(ua, {
             key: 0,
             label: s.value,
@@ -11784,7 +11801,7 @@ const V9 = { class: "ao-card-feed__header" }, B9 = {
             color: f.projectColor ? void 0 : "primary",
             "raw-color": n.value
           }, null, 8, ["label", "color", "raw-color"])) : E("", !0),
-          f.isPrivate || f.important || f.isClosed ? (v(), y("div", B9, [
+          f.isPrivate || f.important || f.isClosed ? (v(), y("div", R9, [
             f.isPrivate ? (v(), B(ve, {
               key: 0,
               name: "Lock",
@@ -11803,17 +11820,17 @@ const V9 = { class: "ao-card-feed__header" }, B9 = {
               class: "ao-card-feed__closed"
             })) : E("", !0)
           ])) : E("", !0),
-          f.$slots.secondary ? (v(), y("div", j9, [
+          f.$slots.secondary ? (v(), y("div", N9, [
             ae(f.$slots, "secondary")
           ])) : E("", !0)
         ])
       ]),
       default: q(() => [
-        h("div", R9, [
-          i.value ? (v(), y("span", N9, z(i.value), 1)) : E("", !0),
-          h("div", U9, [
-            h("div", F9, [
-              f.slug ? (v(), y("span", Z9, z(f.slug) + ": ", 1)) : E("", !0),
+        h("div", U9, [
+          i.value ? (v(), y("span", F9, z(i.value), 1)) : E("", !0),
+          h("div", Z9, [
+            h("div", W9, [
+              f.slug ? (v(), y("span", z9, z(f.slug) + ": ", 1)) : E("", !0),
               T($e, {
                 id: f.id,
                 title: f.name,
@@ -11824,17 +11841,17 @@ const V9 = { class: "ao-card-feed__header" }, B9 = {
               }, null, 8, ["id", "title", "is-editable"])
             ])
           ]),
-          f.deadline ? (v(), y("span", W9, z(l.value), 1)) : E("", !0)
+          f.deadline ? (v(), y("span", q9, z(l.value), 1)) : E("", !0)
         ])
       ]),
       footer: q(() => [
-        h("div", z9, [
-          h("div", q9, [
-            h("ul", Y9, [
+        h("div", Y9, [
+          h("div", x9, [
+            h("ul", K9, [
               (v(!0), y(he, null, Ce(r.value, (m) => (v(), y(he, {
                 key: m.id
               }, [
-                m ? (v(), y("li", x9, [
+                m ? (v(), y("li", G9, [
                   T(Ct, {
                     "user-name": W(Js)(m),
                     "avatar-url": m.avatarUrl,
@@ -11844,23 +11861,23 @@ const V9 = { class: "ao-card-feed__header" }, B9 = {
                 ])) : E("", !0)
               ], 64))), 128))
             ]),
-            f.comments || f.attachments ? (v(), y("ul", K9, [
-              f.comments ? (v(), y("li", G9, [
+            f.comments || f.attachments ? (v(), y("ul", X9, [
+              f.comments ? (v(), y("li", Q9, [
                 T(ve, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                h("span", X9, z(f.comments), 1)
+                h("span", J9, z(f.comments), 1)
               ])) : E("", !0),
-              f.attachments ? (v(), y("li", Q9, [
+              f.attachments ? (v(), y("li", em, [
                 T(ve, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                h("span", J9, z(f.attachments), 1)
+                h("span", tm, z(f.attachments), 1)
               ])) : E("", !0)
             ])) : E("", !0),
-            h("div", em, [
+            h("div", am, [
               T(ve, {
                 name: "TimerOutline",
                 class: "ao-card-feed__timer",
@@ -11869,14 +11886,14 @@ const V9 = { class: "ao-card-feed__header" }, B9 = {
               }, null, 8, ["onClick"])
             ])
           ]),
-          h("div", tm, [
-            f.tasks && f.tasks.length ? (v(), y("div", am, [
-              h("div", nm, [
+          h("div", nm, [
+            f.tasks && f.tasks.length ? (v(), y("div", sm, [
+              h("div", im, [
                 T(ve, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                h("span", sm, z(p.value) + " / " + z(d.value), 1)
+                h("span", om, z(p.value) + " / " + z(d.value), 1)
               ]),
               T(dn, {
                 percentages: g.value,
@@ -11890,10 +11907,10 @@ const V9 = { class: "ao-card-feed__header" }, B9 = {
     }, 8, ["class"]));
   }
 });
-const im = { class: "ao-project-milestone" }, om = { class: "ao-project-milestone__header" }, rm = { class: "ao-project-milestone__header_line" }, lm = { class: "ao-project-milestone__header_line" }, um = { class: "ao-project-milestone__title" }, cm = {
+const rm = { class: "ao-project-milestone" }, lm = { class: "ao-project-milestone__header" }, um = { class: "ao-project-milestone__header_line" }, cm = { class: "ao-project-milestone__header_line" }, dm = { class: "ao-project-milestone__title" }, pm = {
   key: 0,
   class: "ao-fieldset ao-milestone__fieldset"
-}, dm = { class: "ao-field__row ao-milestone__field-row" }, pm = { class: "ao-field ao-field--inline" }, vm = { class: "ao-field__row ao-milestone__field-row" }, fm = { class: "ao-field ao-milestone__field-multiselect" }, hm = ["onClick"], mm = { class: "ao-project-milestone__body" }, gm = {
+}, vm = { class: "ao-field__row ao-milestone__field-row" }, fm = { class: "ao-field ao-field--inline" }, hm = { class: "ao-field__row ao-milestone__field-row" }, mm = { class: "ao-field ao-milestone__field-multiselect" }, gm = ["onClick"], Cm = { class: "ao-project-milestone__body" }, _m = {
   key: 0,
   class: "ao-project-milestone__footer"
 }, Hs = /* @__PURE__ */ X({
@@ -12013,9 +12030,9 @@ const im = { class: "ao-project-milestone" }, om = { class: "ao-project-mileston
     };
     return (b, I) => {
       var O;
-      return v(), y("div", im, [
-        h("header", om, [
-          h("div", rm, [
+      return v(), y("div", rm, [
+        h("header", lm, [
+          h("div", um, [
             T(ue, {
               "icon-name": "CloseRounded",
               variant: "ghost",
@@ -12024,8 +12041,8 @@ const im = { class: "ao-project-milestone" }, om = { class: "ao-project-mileston
               onClick: c
             })
           ]),
-          h("div", lm, [
-            h("div", um, [
+          h("div", cm, [
+            h("div", dm, [
               T($e, {
                 title: ((O = r.value) == null ? void 0 : O.name) || b.milestoneId,
                 level: 5
@@ -12044,9 +12061,9 @@ const im = { class: "ao-project-milestone" }, om = { class: "ao-project-mileston
               }, null, 8, ["modelValue", "disabled", "label"])
             ])
           ]),
-          r.value ? (v(), y("div", cm, [
-            h("div", dm, [
-              h("label", pm, [
+          r.value ? (v(), y("div", pm, [
+            h("div", vm, [
+              h("label", fm, [
                 be(h("input", {
                   "onUpdate:modelValue": I[1] || (I[1] = (D) => f.value = D),
                   class: "ao-milestone__field ao-milestone__date-field",
@@ -12061,8 +12078,8 @@ const im = { class: "ao-project-milestone" }, om = { class: "ao-project-mileston
                 ])
               ])
             ]),
-            h("div", vm, [
-              h("label", fm, [
+            h("div", hm, [
+              h("label", mm, [
                 T(He, {
                   modelValue: $.value,
                   "onUpdate:modelValue": I[2] || (I[2] = (D) => $.value = D),
@@ -12100,13 +12117,13 @@ const im = { class: "ao-project-milestone" }, om = { class: "ao-project-mileston
                   style: Fe({ background: U }),
                   class: "color-button",
                   onClick: (G) => C(G, D)
-                }, null, 12, hm)
+                }, null, 12, gm)
               ]),
               _: 1
             }, 8, ["color"])
           ])) : E("", !0)
         ]),
-        h("div", mm, [
+        h("div", Cm, [
           T(W(gt), Ae({
             class: "ao-project-milestone__activities",
             list: l.value,
@@ -12179,7 +12196,7 @@ const im = { class: "ao-project-milestone" }, om = { class: "ao-project-mileston
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          b.isEditable ? (v(), y("div", gm, [
+          b.isEditable ? (v(), y("div", _m, [
             T(_t, {
               "icon-name": "Add",
               label: b.$t("project.activity.add"),
@@ -12191,7 +12208,7 @@ const im = { class: "ao-project-milestone" }, om = { class: "ao-project-mileston
     };
   }
 });
-const Cm = /* @__PURE__ */ X({
+const ym = /* @__PURE__ */ X({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -12280,14 +12297,14 @@ const Cm = /* @__PURE__ */ X({
       }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "attachment-enabled", "projects", "time-tracking-data", "onClose"])) : E("", !0);
     };
   }
-}), _m = { class: "ao-col-header" }, ym = /* @__PURE__ */ X({
+}), bm = { class: "ao-col-header" }, wm = /* @__PURE__ */ X({
   __name: "AoColHeader",
   props: {
     title: {},
     items: {}
   },
   setup(t) {
-    return (e, a) => (v(), y("header", _m, [
+    return (e, a) => (v(), y("header", bm, [
       T($e, {
         title: e.title,
         class: "ao-col-header__title",
@@ -12303,17 +12320,17 @@ const Cm = /* @__PURE__ */ X({
     ]));
   }
 });
-function bm(t) {
+function $m(t) {
   return qi() ? (Yi(t), !0) : !1;
 }
 function Ya(t) {
   return typeof t == "function" ? t() : W(t);
 }
-const wm = typeof window < "u" && typeof document < "u";
+const km = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const $m = (t) => t != null, la = () => {
+const Sm = (t) => t != null, la = () => {
 };
-function km(t, e) {
+function Mm(t, e) {
   function a(...s) {
     return new Promise((n, o) => {
       Promise.resolve(t(() => e.apply(this, s), { fn: e, thisArg: this, args: s })).then(n).catch(o);
@@ -12321,7 +12338,7 @@ function km(t, e) {
   }
   return a;
 }
-function Sm(t, e = {}) {
+function Am(t, e = {}) {
   let a, s, n = la;
   const o = (r) => {
     clearTimeout(r), n(), n = la;
@@ -12337,9 +12354,9 @@ function Sm(t, e = {}) {
     });
   };
 }
-function Mm(t, e = 200, a = {}) {
-  return km(
-    Sm(e, a),
+function Tm(t, e = 200, a = {}) {
+  return Mm(
+    Am(e, a),
     t
   );
 }
@@ -12348,27 +12365,27 @@ function Sn(t) {
   const a = Ya(t);
   return (e = a == null ? void 0 : a.$el) != null ? e : a;
 }
-const Am = wm ? window : void 0;
-function Tm() {
+const Om = km ? window : void 0;
+function Em() {
   const t = x(!1), e = Dt();
   return e && Pt(() => {
     t.value = !0;
   }, e), t;
 }
-function Om(t) {
-  const e = Tm();
+function Im(t) {
+  const e = Em();
   return S(() => (e.value, !!t()));
 }
-function Em(t, e, a = {}) {
+function Lm(t, e, a = {}) {
   const {
     root: s,
     rootMargin: n = "0px",
     threshold: o = 0.1,
-    window: i = Am,
+    window: i = Om,
     immediate: r = !0
-  } = a, l = Om(() => i && "IntersectionObserver" in i), c = S(() => {
+  } = a, l = Im(() => i && "IntersectionObserver" in i), c = S(() => {
     const f = Ya(t);
-    return (Array.isArray(f) ? f : [f]).map(Sn).filter($m);
+    return (Array.isArray(f) ? f : [f]).map(Sn).filter(Sm);
   });
   let u = la;
   const d = x(r), p = l.value ? de(
@@ -12392,7 +12409,7 @@ function Em(t, e, a = {}) {
   ) : la, g = () => {
     u(), p(), d.value = !1;
   };
-  return bm(g), {
+  return $m(g), {
     isSupported: l,
     isActive: d,
     pause() {
@@ -12404,24 +12421,24 @@ function Em(t, e, a = {}) {
     stop: g
   };
 }
-const Im = {
+const Pm = {
   class: /* @__PURE__ */ ee(["ao-list-kanban"])
-}, Lm = { class: "ao-list-kanban__header" }, Pm = {
+}, Dm = { class: "ao-list-kanban__header" }, Hm = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
-}, Dm = {
+}, Vm = {
   key: 1,
   class: "ao-list-kanban__end"
-}, Hm = {
+}, Bm = {
   key: 0,
   class: "ao-list-kanban__no-more"
-}, Vm = {
+}, jm = {
   key: 1,
   class: "ao-list-kanban__divider"
-}, Bm = {
+}, Rm = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, jm = /* @__PURE__ */ X({
+}, Nm = /* @__PURE__ */ X({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -12439,7 +12456,7 @@ const Im = {
   emits: ["add", "update:list", "change:list", "loadMore", "selectActivity", "archiveActivity", "unarchiveActivity", "updateActivity", "startTimer"],
   setup(t, { emit: e }) {
     const a = t, s = x(!1), n = x(null);
-    Em(n, ([{ isIntersecting: u }]) => {
+    Lm(n, ([{ isIntersecting: u }]) => {
       s.value = u;
     }), de(s, (u) => {
       u && a.hasMore && !a.isLoading && e("loadMore");
@@ -12464,12 +12481,12 @@ const Im = {
         )
       });
     }, c = x(!1);
-    return (u, d) => (v(), y("div", Im, [
+    return (u, d) => (v(), y("div", Pm, [
       u.title || u.$slots.header ? ae(u.$slots, "header", { key: 0 }, () => {
         var p;
         return [
-          h("div", Lm, [
-            u.title ? (v(), B(ym, {
+          h("div", Dm, [
+            u.title ? (v(), B(wm, {
               key: 0,
               title: u.title,
               level: 3,
@@ -12557,20 +12574,20 @@ const Im = {
           ];
         }),
         footer: q(() => [
-          u.isLoading ? (v(), y("div", Pm, [
+          u.isLoading ? (v(), y("div", Hm, [
             T(ve, { name: "Loading" })
           ])) : u.hasMore ? (v(), y("div", {
             key: 2,
             ref_key: "scrollEnd",
             ref: n,
             class: "ao-list-kanban__end"
-          }, null, 512)) : (v(), y("div", Dm, [
-            u.noMoreLabel ? (v(), y("span", Hm, z(u.noMoreLabel), 1)) : u.isEditable ? (v(), y("span", Vm)) : E("", !0)
+          }, null, 512)) : (v(), y("div", Vm, [
+            u.noMoreLabel ? (v(), y("span", Bm, z(u.noMoreLabel), 1)) : u.isEditable ? (v(), y("span", jm)) : E("", !0)
           ]))
         ]),
         _: 1
       }, 16, ["class", "list", "disabled"]),
-      u.$slots.footer || u.footerLabel ? (v(), y("div", Bm, [
+      u.$slots.footer || u.footerLabel ? (v(), y("div", Rm, [
         ae(u.$slots, "footer", {}, () => [
           u.isEditable ? (v(), B(_t, {
             key: 0,
@@ -12583,7 +12600,7 @@ const Im = {
     ]));
   }
 });
-const Rm = { class: "ao-field ao-search-field" }, Nm = ["value", "placeholder", "onKeypress"], Um = /* @__PURE__ */ X({
+const Um = { class: "ao-field ao-search-field" }, Fm = ["value", "placeholder", "onKeypress"], Zm = /* @__PURE__ */ X({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -12595,10 +12612,10 @@ const Rm = { class: "ao-field ao-search-field" }, Nm = ["value", "placeholder",
     const a = t, s = async (i) => {
       const l = i.target.value;
       e("update:modelValue", l, i);
-    }, n = Mm(s, a.delay), o = (i) => {
+    }, n = Tm(s, a.delay), o = (i) => {
       e("clear", i);
     };
-    return (i, r) => (v(), y("div", Rm, [
+    return (i, r) => (v(), y("div", Um, [
       h("input", {
         value: i.modelValue,
         type: "text",
@@ -12607,7 +12624,7 @@ const Rm = { class: "ao-field ao-search-field" }, Nm = ["value", "placeholder",
         onInput: r[0] || (r[0] = //@ts-ignore
         (...l) => W(n) && W(n)(...l)),
         onKeypress: vt(s, ["enter"])
-      }, null, 40, Nm),
+      }, null, 40, Fm),
       T(ve, {
         name: "SearchRounded",
         class: ee(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
@@ -12623,7 +12640,7 @@ const Rm = { class: "ao-field ao-search-field" }, Nm = ["value", "placeholder",
     ]));
   }
 });
-const Fm = { class: "ao-feed" }, Zm = { class: "ao-feed__filters" }, Wm = { class: "ao-feed__body" }, zm = /* @__PURE__ */ X({
+const Wm = { class: "ao-feed" }, zm = { class: "ao-feed__filters" }, qm = { class: "ao-feed__body" }, Ym = /* @__PURE__ */ X({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -12747,16 +12764,16 @@ const Fm = { class: "ao-feed" }, Zm = { class: "ao-feed__filters" }, Wm = { clas
       L === "feed" ? (P.push({ name: ye.feed }), console.log("Navigating to feed...")) : L === "overview" ? (P.push({ name: ye.project }), console.log("Navigating to feed...")) : L === "mapping" && (P.push({ name: ye.mapping }), console.log("Navigating to feed..."));
     }), (L, Z) => {
       var oe;
-      return v(), y("div", Fm, [
+      return v(), y("div", Wm, [
         T(wa, null, {
           primary: q(() => [
-            h("div", Zm, [
+            h("div", zm, [
               T(un, {
                 tabs: F,
                 modelValue: A.value,
                 "onUpdate:modelValue": Z[0] || (Z[0] = (k) => A.value = k)
               }, null, 8, ["modelValue"]),
-              T(Um, {
+              T(Zm, {
                 "model-value": L.searchText,
                 placeholder: L.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
@@ -12849,8 +12866,8 @@ const Fm = { class: "ao-feed" }, Zm = { class: "ao-feed__filters" }, Wm = { clas
           ]),
           _: 1
         }),
-        h("div", Wm, [
-          (v(!0), y(he, null, Ce(L.statuses, (k) => (v(), B(jm, {
+        h("div", qm, [
+          (v(!0), y(he, null, Ce(L.statuses, (k) => (v(), B(Nm, {
             key: k.id,
             status: k,
             list: r.value[k.id],
@@ -12906,10 +12923,10 @@ const Fm = { class: "ao-feed" }, Zm = { class: "ao-feed__filters" }, Wm = { clas
     };
   }
 });
-const qm = { class: "ao-project-mapping" }, Ym = { class: "ao-project-mapping-mapping__body" }, xm = { class: "ao-project-mapping-mapping__phases" }, Km = {
+const xm = { class: "ao-project-mapping" }, Km = { class: "ao-project-mapping-mapping__body" }, Gm = { class: "ao-project-mapping-mapping__phases" }, Xm = {
   key: 0,
   class: "ao-project-mapping-mapping__image-wrapper"
-}, Gm = ["src", "alt"], Xm = /* @__PURE__ */ X({
+}, Qm = ["src", "alt"], Jm = /* @__PURE__ */ X({
   __name: "AoMapping",
   props: {
     project: {},
@@ -12955,7 +12972,7 @@ const qm = { class: "ao-project-mapping" }, Ym = { class: "ao-project-mapping-ma
       var _;
       return v(), y(he, null, [
         h("div", Ae({ class: "ao-project-mapping-overview" }, m.$attrs), [
-          h("div", qm, [
+          h("div", xm, [
             T(wa, null, {
               primary: q(() => [
                 T(un, {
@@ -12994,8 +13011,8 @@ const qm = { class: "ao-project-mapping" }, Ym = { class: "ao-project-mapping-ma
               ]),
               _: 1
             }),
-            h("div", Ym, [
-              h("div", xm, [
+            h("div", Km, [
+              h("div", Gm, [
                 T(_i, {
                   phases: m.phases,
                   "closed-status": m.closedStatus,
@@ -13009,12 +13026,12 @@ const qm = { class: "ao-project-mapping" }, Ym = { class: "ao-project-mapping-ma
                   onCopyPhaseToTemplate: l
                 }, null, 8, ["phases", "closed-status", "is-editable", "users", "estimation-unit"])
               ]),
-              m.project.architectureImage ? (v(), y("div", Km, [
+              m.project.architectureImage ? (v(), y("div", Xm, [
                 h("img", {
                   class: "architecture-image",
                   src: m.project.architectureImage.url,
                   alt: W(s)("architectureImage.alt")
-                }, null, 8, Gm)
+                }, null, 8, Qm)
               ])) : E("", !0)
             ])
           ])
@@ -13042,7 +13059,7 @@ const Nt = {
   TEMPLATES: "templates",
   TEMPLATE_DETAILS: "template_details",
   TEMPLATES_LIST: "templates_list"
-}, f4 = (t, e = {}) => [
+}, m4 = (t, e = {}) => [
   {
     path: t,
     name: Nt.TEMPLATES,
@@ -13052,12 +13069,12 @@ const Nt = {
       {
         path: "",
         name: Nt.TEMPLATES_LIST,
-        component: Jm
+        component: t4
       },
       {
         path: ":templateId/:phaseId?/:milestoneId?/:activityId?",
         name: Nt.TEMPLATE_DETAILS,
-        component: Xf,
+        component: Jf,
         props: !0
       }
     ]
@@ -13068,7 +13085,7 @@ const Nt = {
   mapping: "AoProjectMapping",
   milestone: "AoMilestone",
   activity: "AoActivity"
-}, h4 = (t, e = {}) => [
+}, g4 = (t, e = {}) => [
   {
     path: t,
     ...e,
@@ -13077,7 +13094,7 @@ const Nt = {
       {
         path: "",
         name: ye.project,
-        component: H9,
+        component: B9,
         props: !0,
         children: [
           {
@@ -13092,7 +13109,7 @@ const Nt = {
             props: { default: !0, modal: !0 },
             components: {
               default: Hs,
-              modal: Cm
+              modal: ym
             }
           }
         ]
@@ -13100,18 +13117,18 @@ const Nt = {
       {
         path: "feed",
         name: ye.feed,
-        component: zm,
+        component: Ym,
         props: !0
       },
       {
         path: "mapping",
         name: ye.mapping,
-        component: Xm,
+        component: Jm,
         props: !0
       }
     ]
   }
-], Qm = { class: "ao-templates" }, Jm = /* @__PURE__ */ X({
+], e4 = { class: "ao-templates" }, t4 = /* @__PURE__ */ X({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -13160,7 +13177,7 @@ const Nt = {
         });
       }
     };
-    return (l, c) => (v(), y("div", Qm, [
+    return (l, c) => (v(), y("div", e4, [
       T(wa, null, {
         secondary: q(() => [
           T(ue, {
@@ -13205,7 +13222,7 @@ const Nt = {
     ]));
   }
 });
-const e4 = { class: "ao-field__label" }, t4 = /* @__PURE__ */ X({
+const a4 = { class: "ao-field__label" }, n4 = /* @__PURE__ */ X({
   __name: "AoField",
   props: {
     label: {},
@@ -13215,11 +13232,11 @@ const e4 = { class: "ao-field__label" }, t4 = /* @__PURE__ */ X({
     return (e, a) => (v(), y("label", {
       class: ee(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
-      h("span", e4, z(e.label), 1),
+      h("span", a4, z(e.label), 1),
       ae(e.$slots, "default")
     ], 2));
   }
-}), a4 = ["type", "value", "disabled", "readonly"], m4 = /* @__PURE__ */ X({
+}), s4 = ["type", "value", "disabled", "readonly"], C4 = /* @__PURE__ */ X({
   __name: "AoInputField",
   props: {
     label: { default: "" },
@@ -13236,7 +13253,7 @@ const e4 = { class: "ao-field__label" }, t4 = /* @__PURE__ */ X({
     ), n = (o) => {
       a.modelModifiers.number && (o = Number(o)), e("update:modelValue", o);
     };
-    return (o, i) => (v(), B(t4, { label: o.label }, {
+    return (o, i) => (v(), B(n4, { label: o.label }, {
       default: q(() => [
         h("input", Ae({
           class: "ao-field__input",
@@ -13246,12 +13263,12 @@ const e4 = { class: "ao-field__label" }, t4 = /* @__PURE__ */ X({
           readonly: o.isReadonly
         }, {
           [xi(s.value)]: i[0] || (i[0] = (r) => n(r.target.value))
-        }), null, 16, a4)
+        }), null, 16, s4)
       ]),
       _: 1
     }, 8, ["label"]));
   }
-}), n4 = { class: "ao-field" }, s4 = { class: "ao-field__label" }, i4 = ["checked", "disabled"], g4 = /* @__PURE__ */ X({
+}), i4 = { class: "ao-field" }, o4 = { class: "ao-field__label" }, r4 = ["checked", "disabled"], _4 = /* @__PURE__ */ X({
   __name: "AoCheckboxField",
   props: {
     label: { default: "" },
@@ -13261,8 +13278,8 @@ const e4 = { class: "ao-field__label" }, t4 = /* @__PURE__ */ X({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (v(), y("label", n4, [
-      h("span", s4, z(e.label), 1),
+    return (e, a) => (v(), y("label", i4, [
+      h("span", o4, z(e.label), 1),
       h("input", {
         class: "ao-field__input",
         type: "checkbox",
@@ -13275,32 +13292,32 @@ const e4 = { class: "ao-field__label" }, t4 = /* @__PURE__ */ X({
             ((n = s.target) == null ? void 0 : n.checked) ?? !1
           );
         })
-      }, null, 40, i4)
+      }, null, 40, r4)
     ]));
   }
 });
 export {
   Ct as AoAvatar,
   wi as AoCardFeed,
-  g4 as AoCheckboxField,
+  _4 as AoCheckboxField,
   os as AoColorPicker,
-  zm as AoFeed,
-  t4 as AoField,
-  m4 as AoInputField,
+  Ym as AoFeed,
+  n4 as AoField,
+  C4 as AoInputField,
   He as AoMultiselect,
   _i as AoProjectPhases,
   un as AoTabBar,
-  Xf as AoTemplateDetails,
-  c4 as AoTemplates,
-  Jm as AoTemplatesList,
+  Jf as AoTemplateDetails,
+  p4 as AoTemplates,
+  t4 as AoTemplatesList,
   t0 as EstimationUnit,
   e0 as TemplateItemTypeEnum,
-  p4 as activityFeedStatus,
-  d4 as durationTypes,
+  f4 as activityFeedStatus,
+  v4 as durationTypes,
   jt as feedFilterTypes,
-  h4 as getProjectOverviewRoutes,
-  f4 as getTemplateRoutes,
-  v4 as listUpdateTypes,
+  g4 as getProjectOverviewRoutes,
+  m4 as getTemplateRoutes,
+  h4 as listUpdateTypes,
   Ra as milestoneStatus,
   ye as projectOverviewRoutes,
   X2 as ruleComparators,