@26lights/orcha 0.42.37 → 0.42.38

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 v4 = /* @__PURE__ */ X({
+const c4 = /* @__PURE__ */ X({
   __name: "AoTemplates",
   props: {
     templates: {}
@@ -1453,11 +1453,11 @@ const Ra = {
   todo: "todo",
   done: "done",
   archived: "archived"
-}, f4 = {
+}, d4 = {
   months: "months",
   weeks: "weeks",
   days: "days"
-}, h4 = {
+}, p4 = {
   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 m4 = {
+const v4 = {
   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, u4) => $t.value.some((Ri) => {
+      ge || (ge = (kt, ps, o4) => $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));
@@ -8394,6 +8394,11 @@ const Ci = /* @__PURE__ */ X({
     tabs: {
       type: Array,
       required: !0
+    },
+    variant: {
+      type: String,
+      default: void 0,
+      validator: (t) => ["underline"].includes(t)
     }
   },
   emits: ["update:modelValue"],
@@ -8403,36 +8408,42 @@ const Ci = /* @__PURE__ */ X({
     }
   }
 });
-const Rv = { class: "tabbar-wrapper" }, Nv = ["onClick"];
-function Uv(t, e, a, s, n, o) {
-  return v(), y("div", Rv, [
+const Rv = ["onClick"];
+function Nv(t, e, a, s, n, o) {
+  return v(), y("div", {
+    class: ee(["tabbar-wrapper", { "tabbar-wrapper--underline": t.variant === "underline" }])
+  }, [
     (v(!0), y(he, null, Ce(t.tabs, (i) => (v(), y("button", {
       key: i.value,
-      class: ee(["tab-button", { "tab-button--active": i.value === t.modelValue }]),
+      class: ee([
+        "tab-button",
+        { "tab-button--active": i.value === t.modelValue },
+        { "tab-button--underline": t.variant === "underline" }
+      ]),
       type: "button",
       onClick: (r) => t.selectTab(i.value)
-    }, z(i.label), 11, Nv))), 128))
-  ]);
+    }, z(i.label), 11, Rv))), 128))
+  ], 2);
 }
-const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297"]]), Fv = { class: "ao-activity-details" }, Zv = { class: "ao-activity-details__main" }, Wv = { class: "ao-activity-details__header" }, zv = {
+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 = {
   key: 1,
   class: "ao-activity__category"
-}, qv = { class: "ao-feed__activity-details__header" }, Yv = {
+}, zv = { class: "ao-feed__activity-details__header" }, qv = {
   key: 0,
   class: "ao-field ao-feed__activity-details__project"
-}, xv = { class: "ao-field__label" }, Kv = {
+}, Yv = { class: "ao-field__label" }, xv = {
   key: 1,
   class: "ao-field ao-feed__activity-details__project"
-}, Gv = { class: "ao-field__label" }, Xv = { class: "ao-activity-details__content" }, Qv = { class: "ao-activity-details__tab-content" }, Jv = { class: "ao-fieldset" }, ef = { class: "ao-field__row" }, tf = { class: "ao-field ao-field--full" }, af = { class: "ao-field__label" }, nf = ["readonly"], sf = { class: "ao-activity-details__tab-content" }, of = { class: "ao-fieldset" }, rf = { class: "ao-fieldset__body" }, lf = { class: "ao-activity-details__tab-content" }, uf = {
+}, 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 = {
   key: 0,
   class: "ao-fieldset"
-}, cf = { class: "ao-activity-details__aside" }, df = { class: "ao-activity-details__close-button" }, pf = {
+}, rf = { class: "ao-activity-details__aside" }, lf = { class: "ao-activity-details__close-button" }, uf = {
   key: 0,
   class: "ao-activity-details__aside-section"
-}, vf = { class: "ao-field" }, ff = { class: "ao-field__label" }, hf = { class: "ao-activity-details__aside-section" }, mf = { class: "ao-field ao-field--multiselect" }, gf = { class: "assignee-inline" }, Cf = { class: "ao-field__label" }, _f = { class: "ao-activity-details__aside-section" }, yf = {
+}, 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 = {
   key: 0,
   class: "ao-field__row"
-}, bf = { class: "ao-field" }, wf = { class: "ao-field__label" }, $f = ["readonly"], kf = { class: "ao-activity-details__aside-section" }, Sf = { class: "ao-field__row" }, Mf = { class: "ao-field ao-field--inline" }, Af = { class: "ao-field__label" }, Tf = ["readonly"], Of = { class: "ao-field__row" }, Ef = { class: "ao-field ao-field--inline" }, If = { class: "ao-field__label" }, Lf = { class: "ao-field__input ao-field__input--estim ao-field__input--readonly" }, Pf = { class: "ao-activity-details__aside-section" }, Df = { class: "ao-fieldset ao-activity-details__aside-section" }, Hf = { class: "ao-fieldset__title" }, Vf = { class: "ao-fieldset__body" }, Bf = { class: "ao-field__row" }, jf = { class: "ao-field ao-field--multiselect" }, Rf = { class: "ao-field__label" }, Nf = { class: "ao-field__row" }, Uf = { class: "ao-field ao-field--multiselect" }, Ff = { class: "ao-field__label" }, Xn = /* @__PURE__ */ X({
+}, 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({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -8679,9 +8690,9 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
       default: q(() => {
         var N, V, K;
         return [
-          h("div", Fv, [
-            h("div", Zv, [
-              h("div", Wv, [
+          h("div", Uv, [
+            h("div", Fv, [
+              h("div", Zv, [
                 k.activity.slug ? (v(), B(ua, {
                   key: 0,
                   label: k.activity.slug,
@@ -8692,16 +8703,16 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                   class: "ao-activity__ao-tag",
                   onClick: oe
                 }, null, 8, ["label"])) : E("", !0),
-                k.breadcrumbs ? (v(), y("div", zv, z(k.breadcrumbs), 1)) : E("", !0),
+                k.breadcrumbs ? (v(), y("div", Wv, 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", qv, [
-                  Q.value ? (v(), y("label", Yv, [
-                    h("span", xv, z(k.$t("activity.project.label")), 1),
+                h("div", zv, [
+                  Q.value ? (v(), y("label", qv, [
+                    h("span", Yv, z(k.$t("activity.project.label")), 1),
                     T(He, {
                       options: Q.value,
                       value: (N = k.activity.project) == null ? void 0 : N.id,
@@ -8711,8 +8722,8 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                       onChange: ie
                     }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : E("", !0),
-                  le.value ? (v(), y("label", Kv, [
-                    h("span", Gv, z(k.$t("activity.milestone.label")), 1),
+                  le.value ? (v(), y("label", xv, [
+                    h("span", Kv, z(k.$t("activity.milestone.label")), 1),
                     T(He, {
                       options: le.value,
                       value: (V = k.activity.milestone) == null ? void 0 : V.id,
@@ -8725,16 +8736,17 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                 ]),
                 ae(k.$slots, "header")
               ]),
-              h("div", Xv, [
+              h("div", Gv, [
                 T(un, {
                   modelValue: n.value,
                   "onUpdate:modelValue": H[0] || (H[0] = (se) => n.value = se),
                   tabs: o.value,
+                  variant: "underline",
                   class: "ao-activity-details__tabs"
                 }, null, 8, ["modelValue", "tabs"]),
-                be(h("div", Qv, [
-                  h("fieldset", Jv, [
-                    h("div", ef, [
+                be(h("div", Xv, [
+                  h("fieldset", Qv, [
+                    h("div", Jv, [
                       T(bv, {
                         attachments: k.activity.attachments,
                         "is-editable": k.attachmentEnabled && i.value && k.isTemplate !== !0 && !!k.userId,
@@ -8742,24 +8754,21 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                         onRemove: R
                       }, {
                         default: q(() => [
-                          h("label", tf, [
-                            h("span", af, z(k.$t("activity.description.label")), 1),
-                            be(h("textarea", {
-                              "onUpdate:modelValue": H[1] || (H[1] = (se) => l.value = se),
-                              readonly: !i.value,
-                              rows: "4",
-                              class: "ao-field__textarea"
-                            }, null, 8, nf), [
-                              [
-                                Ne,
-                                l.value,
-                                void 0,
-                                {
-                                  lazy: !0,
-                                  trim: !0
-                                }
-                              ]
-                            ])
+                          be(h("textarea", {
+                            "onUpdate:modelValue": H[1] || (H[1] = (se) => l.value = se),
+                            readonly: !i.value,
+                            rows: "6",
+                            class: "ao-activity-details__description-textarea"
+                          }, null, 8, ef), [
+                            [
+                              Ne,
+                              l.value,
+                              void 0,
+                              {
+                                lazy: !0,
+                                trim: !0
+                              }
+                            ]
                           ])
                         ]),
                         _: 1
@@ -8769,9 +8778,9 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                 ], 512), [
                   [Va, n.value === "description"]
                 ]),
-                be(h("div", sf, [
-                  h("fieldset", of, [
-                    h("div", rf, [
+                be(h("div", tf, [
+                  h("fieldset", af, [
+                    h("div", nf, [
                       T(uv, {
                         class: "ao-activity-details__tasks ao-field__row",
                         tasks: k.activity.tasks || [],
@@ -8789,8 +8798,8 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                 ], 512), [
                   [Va, n.value === "checklist"]
                 ]),
-                be(h("div", lf, [
-                  k.isTemplate !== !0 && k.userId ? (v(), y("div", uf, [
+                be(h("div", sf, [
+                  k.isTemplate !== !0 && k.userId ? (v(), y("div", of, [
                     T(Bv, {
                       comments: k.activity.comments,
                       users: k.users,
@@ -8805,16 +8814,16 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                 ])
               ])
             ]),
-            h("div", cf, [
-              h("div", df, [
+            h("div", rf, [
+              h("div", lf, [
                 T(ve, {
                   name: "CloseRounded",
                   onClick: H[2] || (H[2] = (se) => k.$emit("close"))
                 })
               ]),
-              P.value ? (v(), y("div", pf, [
-                h("label", vf, [
-                  h("span", ff, z(k.$t("activity.status.label")), 1),
+              P.value ? (v(), y("div", uf, [
+                h("label", cf, [
+                  h("span", df, z(k.$t("activity.status.label")), 1),
                   T(He, {
                     class: "ao-activity-details__multiselect",
                     options: P.value,
@@ -8827,10 +8836,10 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                   }, null, 8, ["options", "value", "disabled", "caret"])
                 ])
               ])) : E("", !0),
-              h("div", hf, [
-                h("div", mf, [
-                  h("div", gf, [
-                    h("span", Cf, z(k.$t("activity.assignee.label")), 1),
+              h("div", pf, [
+                h("div", vf, [
+                  h("div", ff, [
+                    h("span", hf, z(k.$t("activity.assignee.label")), 1),
                     T(ue, {
                       label: k.$t("activity.assignee.toMe"),
                       type: "button",
@@ -8868,16 +8877,16 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                   }, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
                 ])
               ]),
-              h("div", _f, [
-                k.isTemplate !== !0 && k.userId ? (v(), y("div", yf, [
-                  h("label", bf, [
-                    h("span", wf, z(k.$t("activity.deadline.label")), 1),
+              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),
                     be(h("input", {
                       "onUpdate:modelValue": H[4] || (H[4] = (se) => f.value = se),
                       readonly: !i.value,
                       class: "ao-field__input",
                       type: "date"
-                    }, null, 8, $f), [
+                    }, null, 8, yf), [
                       [
                         Ne,
                         f.value,
@@ -8888,17 +8897,17 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                   ])
                 ])) : E("", !0)
               ]),
-              h("div", kf, [
-                h("div", Sf, [
-                  h("label", Mf, [
-                    h("span", Af, z(k.$t("activity.estimation.label")) + " (" + z(d.value) + ")", 1),
+              h("div", bf, [
+                h("div", wf, [
+                  h("label", $f, [
+                    h("span", kf, 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, Tf), [
+                    }, null, 8, Sf), [
                       [
                         Ne,
                         c.value,
@@ -8911,14 +8920,14 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                     ])
                   ])
                 ]),
-                h("div", Of, [
-                  h("label", Ef, [
-                    h("span", If, z(k.$t("activity.timeSpent.label")) + " (" + z(d.value) + ")", 1),
-                    h("span", Lf, z(p.value), 1)
+                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", Pf, [
+              h("div", Ef, [
                 T(Ci, {
                   modelValue: g.value,
                   "onUpdate:modelValue": H[6] || (H[6] = (se) => g.value = se),
@@ -8933,18 +8942,18 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                   size: "sm"
                 }, null, 8, ["modelValue", "label", "disabled"])
               ]),
-              h("fieldset", Df, [
-                h("div", Hf, [
+              h("fieldset", If, [
+                h("div", Lf, [
                   T(ve, { name: "FlowsheetOutlineRounded" }),
                   T($e, {
                     level: 4,
                     title: k.$t("activity.dependencies.title")
                   }, null, 8, ["title"])
                 ]),
-                h("div", Vf, [
-                  h("div", Bf, [
-                    h("label", jf, [
-                      h("span", Rf, z(k.$t("activity.dependingOn.label")), 1),
+                h("div", Pf, [
+                  h("div", Df, [
+                    h("label", Hf, [
+                      h("span", Vf, z(k.$t("activity.dependingOn.label")), 1),
                       T(He, {
                         modelValue: m.value,
                         "onUpdate:modelValue": H[7] || (H[7] = (se) => m.value = se),
@@ -8958,9 +8967,9 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
                       }, null, 8, ["modelValue", "options", "disabled", "caret"])
                     ])
                   ]),
-                  h("div", Nf, [
-                    h("label", Uf, [
-                      h("span", Ff, z(k.$t("activity.blocking.label")), 1),
+                  h("div", Bf, [
+                    h("label", jf, [
+                      h("span", Rf, z(k.$t("activity.blocking.label")), 1),
                       T(He, {
                         modelValue: _.value,
                         "onUpdate:modelValue": H[8] || (H[8] = (se) => _.value = se),
@@ -8985,7 +8994,7 @@ const un = /* @__PURE__ */ Y(jv, [["render", Uv], ["__scopeId", "data-v-ff4e3297
     }));
   }
 });
-const Zf = /* @__PURE__ */ X({
+const Nf = /* @__PURE__ */ X({
   __name: "AoRuleLine",
   props: {
     rule: {},
@@ -9109,7 +9118,7 @@ const Zf = /* @__PURE__ */ X({
     }));
   }
 });
-const Wf = { class: "ao-template-rules__body" }, zf = { class: "ao-template-rules__list" }, qf = /* @__PURE__ */ X({
+const Uf = { class: "ao-template-rules__body" }, Ff = { class: "ao-template-rules__list" }, Zf = /* @__PURE__ */ X({
   __name: "AoTemplateRules",
   props: {
     templateId: {},
@@ -9133,9 +9142,9 @@ const Wf = { class: "ao-template-rules__body" }, zf = { class: "ao-template-rule
         }, null, 8, ["title"])
       ]),
       default: q(() => [
-        h("div", Wf, [
-          h("ul", zf, [
-            (v(!0), y(he, null, Ce(n.rules, (i) => (v(), B(Zf, {
+        h("div", Uf, [
+          h("ul", Ff, [
+            (v(!0), y(he, null, Ce(n.rules, (i) => (v(), B(Nf, {
               key: i.id,
               rule: i,
               "template-phases": n.templatePhases,
@@ -9163,10 +9172,10 @@ function Tt(t, e, a) {
     rank: o.format()
   };
 }
-const Yf = {
+const Wf = {
   key: 0,
   class: "ao-template-details"
-}, xf = { class: "ao-template-details__body" }, Kf = { class: "ao-template-details__cols" }, Gf = { class: "ao-template-details__col" }, Xf = { class: "ao-list__footer" }, Qf = { class: "ao-template-details__col" }, Jf = { class: "ao-template-details__col" }, eh = /* @__PURE__ */ X({
+}, 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({
   __name: "AoTemplateDetails",
   props: {
     templateId: {},
@@ -9408,7 +9417,7 @@ const Yf = {
     };
     return (P, A) => {
       var F, L, Z, oe, k, H;
-      return n.value ? (v(), y("div", Yf, [
+      return n.value ? (v(), y("div", Wf, [
         T(wa, {
           "can-go-back": !0,
           onGoBack: A[1] || (A[1] = (N) => P.$router.push({ name: W(Nt).TEMPLATES_LIST }))
@@ -9425,9 +9434,9 @@ const Yf = {
           ]),
           _: 1
         }),
-        h("div", xf, [
-          h("ol", Kf, [
-            h("li", Gf, [
+        h("div", zf, [
+          h("ol", qf, [
+            h("li", Yf, [
               T(W(gt), {
                 "model-value": n.value.phases,
                 class: "ao-templates__list",
@@ -9462,7 +9471,7 @@ const Yf = {
                   ];
                 }),
                 footer: q(() => [
-                  h("div", Xf, [
+                  h("div", xf, [
                     T(_t, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: P.$t("template.phases.add"),
@@ -9473,7 +9482,7 @@ const Yf = {
                 _: 1
               }, 8, ["model-value"])
             ]),
-            h("li", Qf, [
+            h("li", Kf, [
               i.value ? (v(), B(E5, {
                 key: 0,
                 "template-id": P.templateId,
@@ -9485,7 +9494,7 @@ const Yf = {
                 onRemoveMilestone: _
               }, null, 8, ["template-id", "phase", "milestone-id"])) : E("", !0)
             ]),
-            h("li", Jf, [
+            h("li", Gf, [
               i.value && r.value ? (v(), B(P5, {
                 key: 0,
                 "template-id": P.templateId,
@@ -9529,7 +9538,7 @@ const Yf = {
           }, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : E("", !0)
         ])),
         (v(), B(Ot, { to: "body" }, [
-          D.value ? (v(), B(qf, {
+          D.value ? (v(), B(Zf, {
             key: 0,
             "template-id": n.value.id,
             rules: n.value.rules || [],
@@ -9545,10 +9554,10 @@ const Yf = {
     };
   }
 });
-const th = { class: "ao-card__content" }, ah = {
+const Qf = { class: "ao-card__content" }, Jf = {
   key: 0,
   class: "ao-card__header"
-}, nh = { class: "ao-card__body" }, sh = {
+}, eh = { class: "ao-card__body" }, th = {
   key: 1,
   class: "ao-card__footer"
 }, cn = /* @__PURE__ */ X({
@@ -9576,14 +9585,14 @@ const th = { class: "ao-card__content" }, ah = {
           class: "ao-card__left-border",
           style: Fe({ backgroundColor: e.color })
         }, null, 4)) : E("", !0),
-        h("div", th, [
-          e.$slots.header ? (v(), y("header", ah, [
+        h("div", Qf, [
+          e.$slots.header ? (v(), y("header", Jf, [
             ae(e.$slots, "header")
           ])) : E("", !0),
-          h("div", nh, [
+          h("div", eh, [
             ae(e.$slots, "default")
           ]),
-          e.$slots.footer ? (v(), y("footer", sh, [
+          e.$slots.footer ? (v(), y("footer", th, [
             ae(e.$slots, "footer")
           ])) : E("", !0)
         ])
@@ -9623,8 +9632,8 @@ const dn = /* @__PURE__ */ X({
   */
 function St(t) {
   let e = { r: 0, g: 0, b: 0, a: 1 };
-  /#/.test(t) ? e = oh(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 } = rh(e);
+  /#/.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);
   return { r: a, g: s, b: n, a: o === void 0 ? 1 : o, h: i, s: r, v: l };
 }
 function Qn(t) {
@@ -9635,11 +9644,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 ih({ r: t, g: e, b: a }, s) {
+function ah({ 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 oh(t) {
+function nh(t) {
   t = t.slice(1);
   const e = (a) => parseInt(a, 16) || 0;
   return {
@@ -9656,7 +9665,7 @@ function Ds(t) {
     a: Number(t[3] ? t[3] : 1)
   }) : t;
 }
-function rh({ r: t, g: e, b: a }) {
+function sh({ 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;
@@ -9723,8 +9732,8 @@ var Jn = X({
     }
   }
 });
-const lh = { ref: "canvasSaturation" };
-function uh(t, e, a, s, n, o) {
+const ih = { ref: "canvasSaturation" };
+function oh(t, e, a, s, n, o) {
   return v(), B(
     "div",
     {
@@ -9734,7 +9743,7 @@ function uh(t, e, a, s, n, o) {
     [
       T(
         "canvas",
-        lh,
+        ih,
         null,
         512
         /* NEED_PATCH */
@@ -9754,7 +9763,7 @@ function uh(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Jn.render = uh;
+Jn.render = oh;
 Jn.__file = "src/color/Saturation.vue";
 var es = X({
   props: {
@@ -9809,8 +9818,8 @@ var es = X({
     }
   }
 });
-const ch = { ref: "canvasHue" };
-function dh(t, e, a, s, n, o) {
+const rh = { ref: "canvasHue" };
+function lh(t, e, a, s, n, o) {
   return v(), B(
     "div",
     {
@@ -9820,7 +9829,7 @@ function dh(t, e, a, s, n, o) {
     [
       T(
         "canvas",
-        ch,
+        rh,
         null,
         512
         /* NEED_PATCH */
@@ -9840,7 +9849,7 @@ function dh(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-es.render = dh;
+es.render = lh;
 es.__file = "src/color/Hue.vue";
 var ts = X({
   props: {
@@ -9904,8 +9913,8 @@ var ts = X({
     }
   }
 });
-const ph = { ref: "canvasAlpha" };
-function vh(t, e, a, s, n, o) {
+const uh = { ref: "canvasAlpha" };
+function ch(t, e, a, s, n, o) {
   return v(), B(
     "div",
     {
@@ -9915,7 +9924,7 @@ function vh(t, e, a, s, n, o) {
     [
       T(
         "canvas",
-        ph,
+        uh,
         null,
         512
         /* NEED_PATCH */
@@ -9935,7 +9944,7 @@ function vh(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-ts.render = vh;
+ts.render = ch;
 ts.__file = "src/color/Alpha.vue";
 var as = X({
   props: {
@@ -9972,10 +9981,10 @@ var as = X({
     }
   }
 });
-function fh(t, e, a, s, n, o) {
+function dh(t, e, a, s, n, o) {
   return v(), B("canvas");
 }
-as.render = fh;
+as.render = dh;
 as.__file = "src/color/Preview.vue";
 var ns = X({
   props: {
@@ -10038,19 +10047,19 @@ var ns = X({
     }
   }
 });
-const hh = /* @__PURE__ */ T(
+const ph = /* @__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 */
-), mh = {
+), vh = {
   key: 1,
   class: "sucker",
   viewBox: "-16 -16 68 68",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#9099a4"
-}, gh = /* @__PURE__ */ T(
+}, fh = /* @__PURE__ */ T(
   "g",
   {
     fill: "none",
@@ -10082,7 +10091,7 @@ const hh = /* @__PURE__ */ T(
   -1
   /* HOISTED */
 );
-function Ch(t, e, a, s, n, o) {
+function hh(t, e, a, s, n, o) {
   return v(), B("div", null, [
     t.isSucking ? E("v-if", !0) : (v(), B(
       "svg",
@@ -10094,17 +10103,17 @@ function Ch(t, e, a, s, n, o) {
         onClick: e[1] || (e[1] = (...i) => t.openSucker && t.openSucker(...i))
       },
       [
-        hh
+        ph
       ],
       2
       /* CLASS */
     )),
-    t.isSucking ? (v(), B("svg", mh, [
-      gh
+    t.isSucking ? (v(), B("svg", vh, [
+      fh
     ])) : E("v-if", !0)
   ]);
 }
-ns.render = Ch;
+ns.render = hh;
 ns.__file = "src/color/Sucker.vue";
 var ss = X({
   props: {
@@ -10137,12 +10146,12 @@ var ss = X({
     };
   }
 });
-const _h = { class: "color-type" }, yh = { class: "name" };
-function bh(t, e, a, s, n, o) {
-  return v(), B("div", _h, [
+const mh = { class: "color-type" }, gh = { class: "name" };
+function Ch(t, e, a, s, n, o) {
+  return v(), B("div", mh, [
     T(
       "span",
-      yh,
+      gh,
       z(t.name),
       1
       /* TEXT */
@@ -10163,7 +10172,7 @@ function bh(t, e, a, s, n, o) {
     ])
   ]);
 }
-ss.render = bh;
+ss.render = Ch;
 ss.__file = "src/color/Box.vue";
 var is = X({
   name: "ColorPicker",
@@ -10205,13 +10214,13 @@ var is = X({
     };
   }
 });
-const wh = { class: "colors" }, $h = {
+const _h = { class: "colors" }, yh = {
   key: 0,
   class: "colors history"
 };
-function kh(t, e, a, s, n, o) {
+function bh(t, e, a, s, n, o) {
   return v(), B("div", null, [
-    T("ul", wh, [
+    T("ul", _h, [
       (v(!0), B(
         he,
         null,
@@ -10245,7 +10254,7 @@ function kh(t, e, a, s, n, o) {
         /* KEYED_FRAGMENT */
       ))
     ]),
-    t.colorsHistory.length ? (v(), B("ul", $h, [
+    t.colorsHistory.length ? (v(), B("ul", yh, [
       (v(!0), B(
         he,
         null,
@@ -10281,7 +10290,7 @@ function kh(t, e, a, s, n, o) {
     ])) : E("v-if", !0)
   ]);
 }
-is.render = kh;
+is.render = bh;
 is.__file = "src/color/Colors.vue";
 var Ft = X({
   components: {
@@ -10392,7 +10401,7 @@ var Ft = X({
       return `rgba(${this.rgbaStringShort})`;
     },
     hexString() {
-      return ih(this.rgba, !0);
+      return ah(this.rgba, !0);
     }
   },
   created() {
@@ -10456,8 +10465,8 @@ var Ft = X({
     }
   }
 });
-const Sh = { class: "color-set" };
-function Mh(t, e, a, s, n, o) {
+const wh = { class: "color-set" };
+function $h(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",
@@ -10466,7 +10475,7 @@ function Mh(t, e, a, s, n, o) {
       style: { width: t.totalWidth + "px" }
     },
     [
-      T("div", Sh, [
+      T("div", wh, [
         T(i, {
           ref: "saturation",
           color: t.rgbString,
@@ -10540,12 +10549,12 @@ function Mh(t, e, a, s, n, o) {
     /* CLASS, STYLE */
   );
 }
-Ft.render = Mh;
+Ft.render = $h;
 Ft.__file = "src/color/ColorPicker.vue";
 Ft.install = (t) => {
   t.component(Ft.name, Ft);
 };
-const Ah = { class: "color-picker-wrapper" }, os = /* @__PURE__ */ X({
+const kh = { class: "color-picker-wrapper" }, os = /* @__PURE__ */ X({
   __name: "AoColorPicker",
   props: {
     color: {}
@@ -10576,7 +10585,7 @@ const Ah = { 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", Ah, [
+    return (g, f) => (v(), y("div", kh, [
       ae(g.$slots, "clickable", {
         openPicker: l,
         bgColor: g.color
@@ -10598,16 +10607,16 @@ const Ah = { class: "color-picker-wrapper" }, os = /* @__PURE__ */ X({
     ]));
   }
 });
-const Th = { class: "ao-card-project-phase__header" }, Oh = { class: "ao-card-project-item__title-line" }, Eh = {
+const Sh = { class: "ao-card-project-phase__header" }, Mh = { class: "ao-card-project-item__title-line" }, Ah = {
   key: 0,
   class: "ao-card-project-item-phase__estimation"
-}, Ih = { class: "ao-card-project-phase__footer" }, Lh = {
+}, Th = { class: "ao-card-project-phase__footer" }, Oh = {
   key: 0,
   class: "ao-card-project-phase__footer-row ao-card-project-phase__footer-row--progress"
-}, Ph = { class: "ao-card-project-phase__subitem" }, Dh = { class: "ao-card-project-phase__subitem" }, Hh = {
+}, Eh = { class: "ao-card-project-phase__subitem" }, Ih = { class: "ao-card-project-phase__subitem" }, Lh = {
   key: 0,
   class: "ao-card-project-phase__secondary"
-}, Vh = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Bh = /* @__PURE__ */ X({
+}, Ph = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Dh = /* @__PURE__ */ X({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -10675,7 +10684,7 @@ const Th = { class: "ao-card-project-phase__header" }, Oh = { class: "ao-card-pr
           onClick: (_) => g(_, m)
         }, ha({
           default: q(() => [
-            h("div", Oh, [
+            h("div", Mh, [
               T($e, {
                 id: f.id,
                 class: "ao-card-project-phase__title",
@@ -10684,25 +10693,25 @@ const Th = { class: "ao-card-project-phase__header" }, Oh = { class: "ao-card-pr
                 "is-editable": f.isEditable,
                 "onUpdate:title": s
               }, null, 8, ["id", "title", "is-editable"]),
-              n.value || o.value ? (v(), y("span", Eh, " (" + z(r.value) + "/" + z(n.value) + z(i.value) + ")", 1)) : E("", !0)
+              n.value || o.value ? (v(), y("span", Ah, " (" + z(r.value) + "/" + z(n.value) + z(i.value) + ")", 1)) : E("", !0)
             ])
           ]),
           footer: q(() => [
-            h("div", Ih, [
-              l.value ? (v(), y("div", Lh, [
-                h("div", Ph, [
+            h("div", Th, [
+              l.value ? (v(), y("div", Oh, [
+                h("div", Eh, [
                   T(ve, {
                     name: "MountainFlagOutlineRounded",
                     size: "sm"
                   }),
-                  h("span", Dh, z(c.value) + " / " + z(l.value), 1)
+                  h("span", Ih, 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", Hh, [
+                f.$slots.secondary ? (v(), y("div", Lh, [
                   ae(f.$slots, "secondary")
                 ])) : E("", !0)
               ])) : E("", !0),
@@ -10722,7 +10731,7 @@ const Th = { class: "ao-card-project-phase__header" }, Oh = { class: "ao-card-pr
                     { lazy: !0 }
                   ]
                 ]) : E("", !0),
-                h("span", Vh, z(W(en)(f.deadline)), 1)
+                h("span", Ph, z(W(en)(f.deadline)), 1)
               ], 2)
             ])
           ]),
@@ -10731,7 +10740,7 @@ const Th = { class: "ao-card-project-phase__header" }, Oh = { class: "ao-card-pr
           f.isEditable ? {
             name: "header",
             fn: q(() => [
-              h("div", Th, [
+              h("div", Sh, [
                 T(ue, {
                   class: "ao-card-project-phase__archive",
                   color: "primary",
@@ -10756,7 +10765,7 @@ const Th = { class: "ao-card-project-phase__header" }, Oh = { class: "ao-card-pr
     }, 8, ["color"]));
   }
 });
-const jh = /* @__PURE__ */ X({
+const Hh = /* @__PURE__ */ X({
   __name: "AoBadge",
   props: {
     color: {}
@@ -10768,22 +10777,22 @@ const jh = /* @__PURE__ */ X({
     }, null, 4));
   }
 });
-const Rh = { class: "ao-card-project-milestone__default" }, Nh = { class: "ao-title-with-badge-wrapper" }, Uh = { class: "ao-card-project-item__title-line" }, Fh = {
+const Vh = { class: "ao-card-project-milestone__default" }, Bh = { class: "ao-title-with-badge-wrapper" }, jh = { class: "ao-card-project-item__title-line" }, Rh = {
   key: 0,
   class: "ao-card-project-item-milestone__estimation"
-}, Zh = {
+}, Nh = {
   key: 0,
   class: "ao-card-project-milestone__archive"
-}, Wh = { class: "ao-card-project-milestone__activities" }, zh = { class: "ao-card-project-milestone__activities-row" }, qh = { class: "ao-card-project-milestone__subitem" }, Yh = { class: "ao-card-project-milestone__subitem" }, xh = {
+}, 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 = {
   key: 1,
   class: "ao-card-project-milestone__secondary"
-}, Kh = { class: "ao-card-project-milestone__footer" }, Gh = {
+}, qh = { class: "ao-card-project-milestone__footer" }, Yh = {
   key: 1,
   class: "ao-field ao-card-project-milestone__deadline"
-}, Xh = { class: "ao-field__label" }, Qh = {
+}, xh = { class: "ao-field__label" }, Kh = {
   key: 2,
   class: "ao-card-project-milestone__assignee"
-}, Jh = /* @__PURE__ */ X({
+}, Gh = /* @__PURE__ */ X({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -10837,12 +10846,12 @@ const Rh = { class: "ao-card-project-milestone__default" }, Nh = { class: "ao-ti
       color: d.phaseColor
     }, {
       default: q(() => [
-        h("div", Rh, [
-          h("div", Nh, [
-            T(jh, {
+        h("div", Vh, [
+          h("div", Bh, [
+            T(Hh, {
               color: d.color || ""
             }, null, 8, ["color"]),
-            h("div", Uh, [
+            h("div", jh, [
               T($e, {
                 id: d.id,
                 title: d.name || "",
@@ -10851,10 +10860,10 @@ const Rh = { class: "ao-card-project-milestone__default" }, Nh = { 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", Fh, " (" + z(i.value) + "/" + z(s.value) + z(o.value) + ")", 1)) : E("", !0)
+              s.value || n.value ? (v(), y("span", Rh, " (" + z(i.value) + "/" + z(s.value) + z(o.value) + ")", 1)) : E("", !0)
             ])
           ]),
-          !d.readonly && d.isEditable ? (v(), y("div", Zh, [
+          !d.readonly && d.isEditable ? (v(), y("div", Nh, [
             T(ue, {
               color: "primary",
               variant: "ghost",
@@ -10870,15 +10879,15 @@ const Rh = { class: "ao-card-project-milestone__default" }, Nh = { class: "ao-ti
             }, null, 8, ["label"])
           ])) : E("", !0)
         ]),
-        h("div", Wh, [
-          h("div", zh, [
+        h("div", Uh, [
+          h("div", Fh, [
             r.value ? (v(), y(he, { key: 0 }, [
-              h("div", qh, [
+              h("div", Zh, [
                 T(ve, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                h("span", Yh, z(l.value) + " / " + z(r.value), 1)
+                h("span", Wh, z(l.value) + " / " + z(r.value), 1)
               ]),
               T(dn, {
                 percentages: c.value,
@@ -10886,14 +10895,14 @@ const Rh = { class: "ao-card-project-milestone__default" }, Nh = { class: "ao-ti
                 class: "ao-card-project-milestone__progress"
               }, null, 8, ["percentages", "color"])
             ], 64)) : E("", !0),
-            d.$slots.secondary ? (v(), y("div", xh, [
+            d.$slots.secondary ? (v(), y("div", zh, [
               ae(d.$slots, "secondary")
             ])) : E("", !0)
           ])
         ])
       ]),
       footer: q(() => [
-        h("div", Kh, [
+        h("div", qh, [
           d.important ? (v(), B(ve, {
             key: 0,
             name: "FlagRounded",
@@ -10902,10 +10911,10 @@ const Rh = { class: "ao-card-project-milestone__default" }, Nh = { class: "ao-ti
             ),
             size: "sm"
           }, null, 8, ["class"])) : E("", !0),
-          d.deadline ? (v(), y("label", Gh, [
-            h("span", Xh, z(W(en)(d.deadline)), 1)
+          d.deadline ? (v(), y("label", Yh, [
+            h("span", xh, z(W(en)(d.deadline)), 1)
           ])) : E("", !0),
-          d.assignee ? (v(), y("div", Qh, [
+          d.assignee ? (v(), y("div", Kh, [
             T(Ct, {
               "user-name": W(Js)(d.assignee),
               "avatar-url": d.assignee.avatarUrl,
@@ -10919,16 +10928,16 @@ const Rh = { class: "ao-card-project-milestone__default" }, Nh = { class: "ao-ti
     }, 8, ["is-clickable", "is-selected", "color"]));
   }
 });
-const e9 = { class: "ao-mapping-card-project-phase__header" }, t9 = { class: "ao-card-project-item__title-line" }, a9 = {
+const Xh = { class: "ao-mapping-card-project-phase__header" }, Qh = { class: "ao-card-project-item__title-line" }, Jh = {
   key: 0,
   class: "ao-card-project-item-phase__estimation"
-}, n9 = { class: "ao-mapping-card-project-phase__footer" }, s9 = {
+}, e9 = { class: "ao-mapping-card-project-phase__footer" }, t9 = {
   key: 0,
   class: "ao-mapping-card-project-phase__footer-row ao-mapping-card-project-phase__footer-row--progress"
-}, i9 = { class: "ao-mapping-card-project-phase__subitem" }, o9 = { class: "ao-mapping-card-project-phase__subitem" }, r9 = {
+}, a9 = { class: "ao-mapping-card-project-phase__subitem" }, n9 = { class: "ao-mapping-card-project-phase__subitem" }, s9 = {
   key: 0,
   class: "ao-mapping-card-project-phase__secondary"
-}, l9 = { class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--readonly" }, u9 = /* @__PURE__ */ X({
+}, i9 = { class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--readonly" }, o9 = /* @__PURE__ */ X({
   __name: "AoCondensedCardProjectItemPhase",
   props: {
     id: {},
@@ -10996,7 +11005,7 @@ const e9 = { class: "ao-mapping-card-project-phase__header" }, t9 = { class: "ao
           onClick: (_) => g(_, m)
         }, ha({
           default: q(() => [
-            h("div", t9, [
+            h("div", Qh, [
               T($e, {
                 id: f.id,
                 class: "ao-mapping-card-project-phase__title",
@@ -11005,25 +11014,25 @@ const e9 = { class: "ao-mapping-card-project-phase__header" }, t9 = { class: "ao
                 "is-editable": f.isEditable,
                 "onUpdate:title": s
               }, null, 8, ["id", "title", "is-editable"]),
-              n.value || o.value ? (v(), y("span", a9, " (" + z(r.value) + "/" + z(n.value) + z(i.value) + ")", 1)) : E("", !0)
+              n.value || o.value ? (v(), y("span", Jh, " (" + z(r.value) + "/" + z(n.value) + z(i.value) + ")", 1)) : E("", !0)
             ])
           ]),
           footer: q(() => [
-            h("div", n9, [
-              l.value ? (v(), y("div", s9, [
-                h("div", i9, [
+            h("div", e9, [
+              l.value ? (v(), y("div", t9, [
+                h("div", a9, [
                   T(ve, {
                     name: "MountainFlagOutlineRounded",
                     size: "sm"
                   }),
-                  h("span", o9, z(c.value) + " / " + z(l.value), 1)
+                  h("span", n9, 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", r9, [
+                f.$slots.secondary ? (v(), y("div", s9, [
                   ae(f.$slots, "secondary")
                 ])) : E("", !0)
               ])) : E("", !0),
@@ -11043,7 +11052,7 @@ const e9 = { class: "ao-mapping-card-project-phase__header" }, t9 = { class: "ao
                     { lazy: !0 }
                   ]
                 ]) : E("", !0),
-                h("span", l9, z(W(en)(f.deadline)), 1)
+                h("span", i9, z(W(en)(f.deadline)), 1)
               ], 2)
             ])
           ]),
@@ -11052,7 +11061,7 @@ const e9 = { class: "ao-mapping-card-project-phase__header" }, t9 = { class: "ao
           f.isEditable ? {
             name: "header",
             fn: q(() => [
-              h("div", e9, [
+              h("div", Xh, [
                 T(ue, {
                   class: "ao-mapping-card-project-phase__archive",
                   color: "primary",
@@ -11077,19 +11086,19 @@ const e9 = { class: "ao-mapping-card-project-phase__header" }, t9 = { class: "ao
     }, 8, ["color"]));
   }
 });
-const c9 = { class: "ao-project-phase" }, d9 = {
+const r9 = { class: "ao-project-phase" }, l9 = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, p9 = {
+}, u9 = {
   key: 1,
   class: "ao-project-phase__col-phase"
-}, v9 = {
+}, c9 = {
   key: 2,
   class: "ao-mapping-project-phase__col-phase"
-}, f9 = {
+}, d9 = {
   key: 0,
   class: "ao-project-phase__col-milestones"
-}, h9 = { class: "ao-project-phase__milestones-list-footer" }, m9 = /* @__PURE__ */ X({
+}, p9 = { class: "ao-project-phase__milestones-list-footer" }, v9 = /* @__PURE__ */ X({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -11149,19 +11158,19 @@ const c9 = { class: "ao-project-phase" }, d9 = {
       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", c9, [
+    return (_, C) => (v(), y("li", r9, [
       h("div", {
         class: "ao-project-phases__draggable-card",
         style: Fe($.value)
       }, [
-        _.isEditable ? (v(), y("div", d9, [
+        _.isEditable ? (v(), y("div", l9, [
           T(ve, {
             name: "DragIndicator",
             class: "ao-project-phase__drag-handle"
           })
         ])) : E("", !0),
-        m.value ? (v(), y("div", v9, [
-          T(u9, {
+        m.value ? (v(), y("div", c9, [
+          T(o9, {
             id: _.phase.id,
             milestones: r.value,
             name: _.phase.name,
@@ -11176,8 +11185,8 @@ const c9 = { class: "ao-project-phase" }, d9 = {
             onUnarchivePhase: g,
             onUpdatePhase: i
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color", "estimation-unit"])
-        ])) : (v(), y("div", p9, [
-          T(Bh, {
+        ])) : (v(), y("div", u9, [
+          T(Dh, {
             id: _.phase.id,
             milestones: r.value,
             name: _.phase.name,
@@ -11195,7 +11204,7 @@ const c9 = { class: "ao-project-phase" }, d9 = {
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color", "time-tracking-data", "estimation-unit"])
         ]))
       ], 4),
-      m.value ? E("", !0) : (v(), y("div", f9, [
+      m.value ? E("", !0) : (v(), y("div", d9, [
         h("div", {
           class: "ao-project-phase__milestones",
           style: Fe($.value)
@@ -11210,7 +11219,7 @@ const c9 = { class: "ao-project-phase" }, d9 = {
             item: q(({ element: b }) => {
               var I;
               return [
-                T(Jh, {
+                T(Gh, {
                   id: b.id,
                   name: b.name,
                   color: b.color,
@@ -11240,7 +11249,7 @@ const c9 = { class: "ao-project-phase" }, d9 = {
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          h("div", h9, [
+          h("div", p9, [
             _.isEditable ? (v(), B(_t, {
               key: 0,
               label: _.$t("project.milestone.add"),
@@ -11254,10 +11263,10 @@ const c9 = { class: "ao-project-phase" }, d9 = {
     ]));
   }
 });
-const g9 = { class: "ao-project__phases" }, C9 = {
+const f9 = { class: "ao-project__phases" }, h9 = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, _9 = /* @__PURE__ */ h("div", { class: "ao-project-phase__empty_drag" }, null, -1), y9 = { class: "ao-project-phase__col-phase" }, b9 = /* @__PURE__ */ h("div", { class: "ao-project-phase__col-milestones" }, null, -1), _i = /* @__PURE__ */ X({
+}, 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({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -11299,7 +11308,7 @@ const g9 = { class: "ao-project__phases" }, C9 = {
     }, d = (p) => {
       e("addPhase", p);
     };
-    return (p, g) => (v(), y("div", g9, [
+    return (p, g) => (v(), y("div", f9, [
       T(W(gt), {
         class: "ao-project-phase__phases-list",
         "model-value": p.phases,
@@ -11308,7 +11317,7 @@ const g9 = { class: "ao-project__phases" }, C9 = {
         onChange: c
       }, {
         item: q(({ element: f }) => [
-          T(m9, {
+          T(v9, {
             phase: f,
             "is-editable": !p.readonly && p.isEditable,
             "closed-status": p.closedStatus,
@@ -11327,9 +11336,9 @@ const g9 = { class: "ao-project__phases" }, C9 = {
         ]),
         _: 1
       }, 8, ["model-value"]),
-      p.isEditable ? (v(), y("div", C9, [
-        _9,
-        h("div", y9, [
+      p.isEditable ? (v(), y("div", h9, [
+        m9,
+        h("div", g9, [
           T(_t, {
             label: p.$t("project.phases.add"),
             "icon-name": "Add",
@@ -11337,12 +11346,12 @@ const g9 = { class: "ao-project__phases" }, C9 = {
             onClick: d
           }, null, 8, ["label"])
         ]),
-        b9
+        C9
       ])) : E("", !0)
     ]));
   }
 });
-const w9 = ["onSubmit"], $9 = { class: "ao-add-template-modal__form-body" }, k9 = { class: "field__row" }, S9 = { class: "ao-add-template-modal__form-footer" }, yi = /* @__PURE__ */ X({
+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({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -11371,8 +11380,8 @@ const w9 = ["onSubmit"], $9 = { class: "ao-add-template-modal__form-body" }, k9
           onSubmit: fe(i, ["prevent"])
         }, [
           h("p", null, z(r.$t("project.template.apply.notice")), 1),
-          h("div", $9, [
-            h("div", k9, [
+          h("div", y9, [
+            h("div", b9, [
               T(He, {
                 value: n.value,
                 options: s.value,
@@ -11381,7 +11390,7 @@ const w9 = ["onSubmit"], $9 = { class: "ao-add-template-modal__form-body" }, k9
               }, null, 8, ["value", "options"])
             ])
           ]),
-          h("footer", S9, [
+          h("footer", w9, [
             T(ue, {
               label: r.$t("project.template.apply.label"),
               type: "submit",
@@ -11390,13 +11399,13 @@ const w9 = ["onSubmit"], $9 = { class: "ao-add-template-modal__form-body" }, k9
               onClick: i
             }, null, 8, ["label"])
           ])
-        ], 40, w9)
+        ], 40, _9)
       ]),
       _: 1
     }));
   }
 });
-const M9 = ["onSubmit"], A9 = { class: "ao-save-template-modal__form-body" }, T9 = { class: "field__row" }, O9 = { class: "ao-field ao-field--inline" }, E9 = { class: "ao-field__label" }, I9 = { class: "ao-save-template-modal__phases" }, L9 = { class: "ao-field__label" }, P9 = { class: "ao-save-template-modal__phases-list" }, D9 = ["value"], H9 = { class: "ao-save-template-modal__form-footer" }, bi = /* @__PURE__ */ X({
+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({
   __name: "AoSaveTemplateModal",
   props: {
     phases: {}
@@ -11422,10 +11431,10 @@ const M9 = ["onSubmit"], A9 = { class: "ao-save-template-modal__form-body" }, T9
           class: "ao-save-template-modal__form",
           onSubmit: fe(o, ["prevent"])
         }, [
-          h("div", A9, [
-            h("div", T9, [
-              h("label", O9, [
-                h("span", E9, z(i.$t("project.template.name.label")) + ": ", 1),
+          h("div", k9, [
+            h("div", S9, [
+              h("label", M9, [
+                h("span", A9, z(i.$t("project.template.name.label")) + ": ", 1),
                 be(h("input", {
                   "onUpdate:modelValue": r[0] || (r[0] = (l) => s.value = l),
                   type: "text"
@@ -11434,9 +11443,9 @@ const M9 = ["onSubmit"], A9 = { class: "ao-save-template-modal__form-body" }, T9
                 ])
               ])
             ]),
-            h("div", I9, [
-              h("div", L9, z(i.$t("project.template.phases.label")), 1),
-              h("div", P9, [
+            h("div", T9, [
+              h("div", O9, z(i.$t("project.template.phases.label")), 1),
+              h("div", E9, [
                 (v(!0), y(he, null, Ce(a.phases, (l) => (v(), y("label", {
                   class: "ao-field ao-field--checkbox",
                   key: l.id
@@ -11445,7 +11454,7 @@ const M9 = ["onSubmit"], A9 = { class: "ao-save-template-modal__form-body" }, T9
                     type: "checkbox",
                     value: l.id,
                     "onUpdate:modelValue": r[1] || (r[1] = (c) => n.value = c)
-                  }, null, 8, D9), [
+                  }, null, 8, I9), [
                     [zi, n.value]
                   ]),
                   h("span", null, z(l.name), 1)
@@ -11453,7 +11462,7 @@ const M9 = ["onSubmit"], A9 = { class: "ao-save-template-modal__form-body" }, T9
               ])
             ])
           ]),
-          h("footer", H9, [
+          h("footer", L9, [
             T(ue, {
               label: i.$t("project.template.save.label"),
               type: "submit",
@@ -11462,13 +11471,13 @@ const M9 = ["onSubmit"], A9 = { class: "ao-save-template-modal__form-body" }, T9
               onClick: o
             }, null, 8, ["label"])
           ])
-        ], 40, M9)
+        ], 40, $9)
       ]),
       _: 1
     }));
   }
 });
-const V9 = { class: "ao-project" }, B9 = { class: "ao-project__body" }, j9 = /* @__PURE__ */ X({
+const P9 = { class: "ao-project" }, D9 = { class: "ao-project__body" }, H9 = /* @__PURE__ */ X({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -11552,7 +11561,7 @@ const V9 = { class: "ao-project" }, B9 = { class: "ao-project__body" }, j9 = /*
       const L = ut("RouterView");
       return v(), y(he, null, [
         h("div", Ae({ class: "ao-project-overview" }, A.$attrs), [
-          h("div", V9, [
+          h("div", P9, [
             T(wa, null, {
               primary: q(() => [
                 T(un, {
@@ -11591,7 +11600,7 @@ const V9 = { class: "ao-project" }, B9 = { class: "ao-project__body" }, j9 = /*
               ]),
               _: 1
             }),
-            h("div", B9, [
+            h("div", D9, [
               T(_i, {
                 phases: A.phases,
                 "closed-status": A.closedStatus,
@@ -11682,39 +11691,39 @@ const V9 = { class: "ao-project" }, B9 = { class: "ao-project__body" }, j9 = /*
     };
   }
 });
-const R9 = { class: "ao-card-feed__header" }, N9 = {
+const V9 = { class: "ao-card-feed__header" }, B9 = {
   key: 1,
   class: "ao-card-feed__header-secondary ao-card-feed__header-icons"
-}, U9 = {
+}, j9 = {
   key: 2,
   class: "ao-card-feed__header-secondary ao-card-feed__secondary"
-}, F9 = { class: "ao-card-feed__body" }, Z9 = {
+}, R9 = { class: "ao-card-feed__body" }, N9 = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
-}, W9 = {
+}, U9 = {
   class: /* @__PURE__ */ ee(["ao-card-feed__title-group"])
-}, z9 = { class: "ao-card-feed__title-line" }, q9 = {
+}, F9 = { class: "ao-card-feed__title-line" }, Z9 = {
   key: 0,
   class: "ao-card-feed__slug"
-}, Y9 = {
+}, W9 = {
   key: 1,
   class: "ao-card-feed__deadline"
-}, x9 = { class: "ao-card-feed__footer" }, K9 = { class: "ao-card-feed__footer-row" }, G9 = { class: "ao-assignees" }, X9 = {
+}, z9 = { class: "ao-card-feed__footer" }, q9 = { class: "ao-card-feed__footer-row" }, Y9 = { class: "ao-assignees" }, x9 = {
   key: 0,
   class: "ao-assignee"
-}, Q9 = {
+}, K9 = {
   key: 0,
   class: "ao-card-feed__subitems"
-}, J9 = {
+}, G9 = {
   key: 0,
   class: "ao-card-feed__subitem"
-}, em = { class: "ao-card-feed__subitem" }, tm = {
+}, X9 = { class: "ao-card-feed__subitem" }, Q9 = {
   key: 1,
   class: "ao-card-feed__subitem"
-}, am = { class: "ao-card-feed__subitem" }, nm = { class: "ao-card-feed__timer-wrapper" }, sm = { class: "ao-card-feed__footer-row" }, im = {
+}, J9 = { class: "ao-card-feed__subitem" }, em = { class: "ao-card-feed__timer-wrapper" }, tm = { class: "ao-card-feed__footer-row" }, am = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, om = { class: "ao-card-feed__subitem" }, rm = { class: "ao-card-feed__subitem" }, wi = /* @__PURE__ */ X({
+}, nm = { class: "ao-card-feed__subitem" }, sm = { class: "ao-card-feed__subitem" }, wi = /* @__PURE__ */ X({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -11766,7 +11775,7 @@ const R9 = { class: "ao-card-feed__header" }, N9 = {
       "is-clickable": !0
     }, {
       header: q(() => [
-        h("div", R9, [
+        h("div", V9, [
           s.value ? (v(), B(ua, {
             key: 0,
             label: s.value,
@@ -11775,7 +11784,7 @@ const R9 = { class: "ao-card-feed__header" }, N9 = {
             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", N9, [
+          f.isPrivate || f.important || f.isClosed ? (v(), y("div", B9, [
             f.isPrivate ? (v(), B(ve, {
               key: 0,
               name: "Lock",
@@ -11794,17 +11803,17 @@ const R9 = { class: "ao-card-feed__header" }, N9 = {
               class: "ao-card-feed__closed"
             })) : E("", !0)
           ])) : E("", !0),
-          f.$slots.secondary ? (v(), y("div", U9, [
+          f.$slots.secondary ? (v(), y("div", j9, [
             ae(f.$slots, "secondary")
           ])) : E("", !0)
         ])
       ]),
       default: q(() => [
-        h("div", F9, [
-          i.value ? (v(), y("span", Z9, z(i.value), 1)) : E("", !0),
-          h("div", W9, [
-            h("div", z9, [
-              f.slug ? (v(), y("span", q9, z(f.slug) + ": ", 1)) : E("", !0),
+        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),
               T($e, {
                 id: f.id,
                 title: f.name,
@@ -11815,17 +11824,17 @@ const R9 = { class: "ao-card-feed__header" }, N9 = {
               }, null, 8, ["id", "title", "is-editable"])
             ])
           ]),
-          f.deadline ? (v(), y("span", Y9, z(l.value), 1)) : E("", !0)
+          f.deadline ? (v(), y("span", W9, z(l.value), 1)) : E("", !0)
         ])
       ]),
       footer: q(() => [
-        h("div", x9, [
-          h("div", K9, [
-            h("ul", G9, [
+        h("div", z9, [
+          h("div", q9, [
+            h("ul", Y9, [
               (v(!0), y(he, null, Ce(r.value, (m) => (v(), y(he, {
                 key: m.id
               }, [
-                m ? (v(), y("li", X9, [
+                m ? (v(), y("li", x9, [
                   T(Ct, {
                     "user-name": W(Js)(m),
                     "avatar-url": m.avatarUrl,
@@ -11835,23 +11844,23 @@ const R9 = { class: "ao-card-feed__header" }, N9 = {
                 ])) : E("", !0)
               ], 64))), 128))
             ]),
-            f.comments || f.attachments ? (v(), y("ul", Q9, [
-              f.comments ? (v(), y("li", J9, [
+            f.comments || f.attachments ? (v(), y("ul", K9, [
+              f.comments ? (v(), y("li", G9, [
                 T(ve, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                h("span", em, z(f.comments), 1)
+                h("span", X9, z(f.comments), 1)
               ])) : E("", !0),
-              f.attachments ? (v(), y("li", tm, [
+              f.attachments ? (v(), y("li", Q9, [
                 T(ve, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                h("span", am, z(f.attachments), 1)
+                h("span", J9, z(f.attachments), 1)
               ])) : E("", !0)
             ])) : E("", !0),
-            h("div", nm, [
+            h("div", em, [
               T(ve, {
                 name: "TimerOutline",
                 class: "ao-card-feed__timer",
@@ -11860,14 +11869,14 @@ const R9 = { class: "ao-card-feed__header" }, N9 = {
               }, null, 8, ["onClick"])
             ])
           ]),
-          h("div", sm, [
-            f.tasks && f.tasks.length ? (v(), y("div", im, [
-              h("div", om, [
+          h("div", tm, [
+            f.tasks && f.tasks.length ? (v(), y("div", am, [
+              h("div", nm, [
                 T(ve, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                h("span", rm, z(p.value) + " / " + z(d.value), 1)
+                h("span", sm, z(p.value) + " / " + z(d.value), 1)
               ]),
               T(dn, {
                 percentages: g.value,
@@ -11881,10 +11890,10 @@ const R9 = { class: "ao-card-feed__header" }, N9 = {
     }, 8, ["class"]));
   }
 });
-const lm = { class: "ao-project-milestone" }, um = { class: "ao-project-milestone__header" }, cm = { class: "ao-project-milestone__header_line" }, dm = { class: "ao-project-milestone__header_line" }, pm = { class: "ao-project-milestone__title" }, vm = {
+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 = {
   key: 0,
   class: "ao-fieldset ao-milestone__fieldset"
-}, fm = { class: "ao-field__row ao-milestone__field-row" }, hm = { class: "ao-field ao-field--inline" }, mm = { class: "ao-field__row ao-milestone__field-row" }, gm = { class: "ao-field ao-milestone__field-multiselect" }, Cm = ["onClick"], _m = { class: "ao-project-milestone__body" }, ym = {
+}, 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 = {
   key: 0,
   class: "ao-project-milestone__footer"
 }, Hs = /* @__PURE__ */ X({
@@ -12004,9 +12013,9 @@ const lm = { class: "ao-project-milestone" }, um = { class: "ao-project-mileston
     };
     return (b, I) => {
       var O;
-      return v(), y("div", lm, [
-        h("header", um, [
-          h("div", cm, [
+      return v(), y("div", im, [
+        h("header", om, [
+          h("div", rm, [
             T(ue, {
               "icon-name": "CloseRounded",
               variant: "ghost",
@@ -12015,8 +12024,8 @@ const lm = { class: "ao-project-milestone" }, um = { class: "ao-project-mileston
               onClick: c
             })
           ]),
-          h("div", dm, [
-            h("div", pm, [
+          h("div", lm, [
+            h("div", um, [
               T($e, {
                 title: ((O = r.value) == null ? void 0 : O.name) || b.milestoneId,
                 level: 5
@@ -12035,9 +12044,9 @@ const lm = { class: "ao-project-milestone" }, um = { class: "ao-project-mileston
               }, null, 8, ["modelValue", "disabled", "label"])
             ])
           ]),
-          r.value ? (v(), y("div", vm, [
-            h("div", fm, [
-              h("label", hm, [
+          r.value ? (v(), y("div", cm, [
+            h("div", dm, [
+              h("label", pm, [
                 be(h("input", {
                   "onUpdate:modelValue": I[1] || (I[1] = (D) => f.value = D),
                   class: "ao-milestone__field ao-milestone__date-field",
@@ -12052,8 +12061,8 @@ const lm = { class: "ao-project-milestone" }, um = { class: "ao-project-mileston
                 ])
               ])
             ]),
-            h("div", mm, [
-              h("label", gm, [
+            h("div", vm, [
+              h("label", fm, [
                 T(He, {
                   modelValue: $.value,
                   "onUpdate:modelValue": I[2] || (I[2] = (D) => $.value = D),
@@ -12091,13 +12100,13 @@ const lm = { class: "ao-project-milestone" }, um = { class: "ao-project-mileston
                   style: Fe({ background: U }),
                   class: "color-button",
                   onClick: (G) => C(G, D)
-                }, null, 12, Cm)
+                }, null, 12, hm)
               ]),
               _: 1
             }, 8, ["color"])
           ])) : E("", !0)
         ]),
-        h("div", _m, [
+        h("div", mm, [
           T(W(gt), Ae({
             class: "ao-project-milestone__activities",
             list: l.value,
@@ -12170,7 +12179,7 @@ const lm = { class: "ao-project-milestone" }, um = { class: "ao-project-mileston
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          b.isEditable ? (v(), y("div", ym, [
+          b.isEditable ? (v(), y("div", gm, [
             T(_t, {
               "icon-name": "Add",
               label: b.$t("project.activity.add"),
@@ -12182,7 +12191,7 @@ const lm = { class: "ao-project-milestone" }, um = { class: "ao-project-mileston
     };
   }
 });
-const bm = /* @__PURE__ */ X({
+const Cm = /* @__PURE__ */ X({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -12271,14 +12280,14 @@ const bm = /* @__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);
     };
   }
-}), wm = { class: "ao-col-header" }, $m = /* @__PURE__ */ X({
+}), _m = { class: "ao-col-header" }, ym = /* @__PURE__ */ X({
   __name: "AoColHeader",
   props: {
     title: {},
     items: {}
   },
   setup(t) {
-    return (e, a) => (v(), y("header", wm, [
+    return (e, a) => (v(), y("header", _m, [
       T($e, {
         title: e.title,
         class: "ao-col-header__title",
@@ -12294,17 +12303,17 @@ const bm = /* @__PURE__ */ X({
     ]));
   }
 });
-function km(t) {
+function bm(t) {
   return qi() ? (Yi(t), !0) : !1;
 }
 function Ya(t) {
   return typeof t == "function" ? t() : W(t);
 }
-const Sm = typeof window < "u" && typeof document < "u";
+const wm = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Mm = (t) => t != null, la = () => {
+const $m = (t) => t != null, la = () => {
 };
-function Am(t, e) {
+function km(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);
@@ -12312,7 +12321,7 @@ function Am(t, e) {
   }
   return a;
 }
-function Tm(t, e = {}) {
+function Sm(t, e = {}) {
   let a, s, n = la;
   const o = (r) => {
     clearTimeout(r), n(), n = la;
@@ -12328,9 +12337,9 @@ function Tm(t, e = {}) {
     });
   };
 }
-function Om(t, e = 200, a = {}) {
-  return Am(
-    Tm(e, a),
+function Mm(t, e = 200, a = {}) {
+  return km(
+    Sm(e, a),
     t
   );
 }
@@ -12339,27 +12348,27 @@ function Sn(t) {
   const a = Ya(t);
   return (e = a == null ? void 0 : a.$el) != null ? e : a;
 }
-const Em = Sm ? window : void 0;
-function Im() {
+const Am = wm ? window : void 0;
+function Tm() {
   const t = x(!1), e = Dt();
   return e && Pt(() => {
     t.value = !0;
   }, e), t;
 }
-function Lm(t) {
-  const e = Im();
+function Om(t) {
+  const e = Tm();
   return S(() => (e.value, !!t()));
 }
-function Pm(t, e, a = {}) {
+function Em(t, e, a = {}) {
   const {
     root: s,
     rootMargin: n = "0px",
     threshold: o = 0.1,
-    window: i = Em,
+    window: i = Am,
     immediate: r = !0
-  } = a, l = Lm(() => i && "IntersectionObserver" in i), c = S(() => {
+  } = a, l = Om(() => i && "IntersectionObserver" in i), c = S(() => {
     const f = Ya(t);
-    return (Array.isArray(f) ? f : [f]).map(Sn).filter(Mm);
+    return (Array.isArray(f) ? f : [f]).map(Sn).filter($m);
   });
   let u = la;
   const d = x(r), p = l.value ? de(
@@ -12383,7 +12392,7 @@ function Pm(t, e, a = {}) {
   ) : la, g = () => {
     u(), p(), d.value = !1;
   };
-  return km(g), {
+  return bm(g), {
     isSupported: l,
     isActive: d,
     pause() {
@@ -12395,24 +12404,24 @@ function Pm(t, e, a = {}) {
     stop: g
   };
 }
-const Dm = {
+const Im = {
   class: /* @__PURE__ */ ee(["ao-list-kanban"])
-}, Hm = { class: "ao-list-kanban__header" }, Vm = {
+}, Lm = { class: "ao-list-kanban__header" }, Pm = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
-}, Bm = {
+}, Dm = {
   key: 1,
   class: "ao-list-kanban__end"
-}, jm = {
+}, Hm = {
   key: 0,
   class: "ao-list-kanban__no-more"
-}, Rm = {
+}, Vm = {
   key: 1,
   class: "ao-list-kanban__divider"
-}, Nm = {
+}, Bm = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, Um = /* @__PURE__ */ X({
+}, jm = /* @__PURE__ */ X({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -12430,7 +12439,7 @@ const Dm = {
   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);
-    Pm(n, ([{ isIntersecting: u }]) => {
+    Em(n, ([{ isIntersecting: u }]) => {
       s.value = u;
     }), de(s, (u) => {
       u && a.hasMore && !a.isLoading && e("loadMore");
@@ -12455,12 +12464,12 @@ const Dm = {
         )
       });
     }, c = x(!1);
-    return (u, d) => (v(), y("div", Dm, [
+    return (u, d) => (v(), y("div", Im, [
       u.title || u.$slots.header ? ae(u.$slots, "header", { key: 0 }, () => {
         var p;
         return [
-          h("div", Hm, [
-            u.title ? (v(), B($m, {
+          h("div", Lm, [
+            u.title ? (v(), B(ym, {
               key: 0,
               title: u.title,
               level: 3,
@@ -12548,20 +12557,20 @@ const Dm = {
           ];
         }),
         footer: q(() => [
-          u.isLoading ? (v(), y("div", Vm, [
+          u.isLoading ? (v(), y("div", Pm, [
             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", Bm, [
-            u.noMoreLabel ? (v(), y("span", jm, z(u.noMoreLabel), 1)) : u.isEditable ? (v(), y("span", Rm)) : E("", !0)
+          }, null, 512)) : (v(), y("div", Dm, [
+            u.noMoreLabel ? (v(), y("span", Hm, z(u.noMoreLabel), 1)) : u.isEditable ? (v(), y("span", Vm)) : E("", !0)
           ]))
         ]),
         _: 1
       }, 16, ["class", "list", "disabled"]),
-      u.$slots.footer || u.footerLabel ? (v(), y("div", Nm, [
+      u.$slots.footer || u.footerLabel ? (v(), y("div", Bm, [
         ae(u.$slots, "footer", {}, () => [
           u.isEditable ? (v(), B(_t, {
             key: 0,
@@ -12574,7 +12583,7 @@ const Dm = {
     ]));
   }
 });
-const Fm = { class: "ao-field ao-search-field" }, Zm = ["value", "placeholder", "onKeypress"], Wm = /* @__PURE__ */ X({
+const Rm = { class: "ao-field ao-search-field" }, Nm = ["value", "placeholder", "onKeypress"], Um = /* @__PURE__ */ X({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -12586,10 +12595,10 @@ const Fm = { class: "ao-field ao-search-field" }, Zm = ["value", "placeholder",
     const a = t, s = async (i) => {
       const l = i.target.value;
       e("update:modelValue", l, i);
-    }, n = Om(s, a.delay), o = (i) => {
+    }, n = Mm(s, a.delay), o = (i) => {
       e("clear", i);
     };
-    return (i, r) => (v(), y("div", Fm, [
+    return (i, r) => (v(), y("div", Rm, [
       h("input", {
         value: i.modelValue,
         type: "text",
@@ -12598,7 +12607,7 @@ const Fm = { class: "ao-field ao-search-field" }, Zm = ["value", "placeholder",
         onInput: r[0] || (r[0] = //@ts-ignore
         (...l) => W(n) && W(n)(...l)),
         onKeypress: vt(s, ["enter"])
-      }, null, 40, Zm),
+      }, null, 40, Nm),
       T(ve, {
         name: "SearchRounded",
         class: ee(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
@@ -12614,7 +12623,7 @@ const Fm = { class: "ao-field ao-search-field" }, Zm = ["value", "placeholder",
     ]));
   }
 });
-const zm = { class: "ao-feed" }, qm = { class: "ao-feed__filters" }, Ym = { class: "ao-feed__body" }, xm = /* @__PURE__ */ X({
+const Fm = { class: "ao-feed" }, Zm = { class: "ao-feed__filters" }, Wm = { class: "ao-feed__body" }, zm = /* @__PURE__ */ X({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -12738,16 +12747,16 @@ const zm = { class: "ao-feed" }, qm = { class: "ao-feed__filters" }, Ym = { 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", zm, [
+      return v(), y("div", Fm, [
         T(wa, null, {
           primary: q(() => [
-            h("div", qm, [
+            h("div", Zm, [
               T(un, {
                 tabs: F,
                 modelValue: A.value,
                 "onUpdate:modelValue": Z[0] || (Z[0] = (k) => A.value = k)
               }, null, 8, ["modelValue"]),
-              T(Wm, {
+              T(Um, {
                 "model-value": L.searchText,
                 placeholder: L.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
@@ -12840,8 +12849,8 @@ const zm = { class: "ao-feed" }, qm = { class: "ao-feed__filters" }, Ym = { clas
           ]),
           _: 1
         }),
-        h("div", Ym, [
-          (v(!0), y(he, null, Ce(L.statuses, (k) => (v(), B(Um, {
+        h("div", Wm, [
+          (v(!0), y(he, null, Ce(L.statuses, (k) => (v(), B(jm, {
             key: k.id,
             status: k,
             list: r.value[k.id],
@@ -12897,10 +12906,10 @@ const zm = { class: "ao-feed" }, qm = { class: "ao-feed__filters" }, Ym = { clas
     };
   }
 });
-const Km = { class: "ao-project-mapping" }, Gm = { class: "ao-project-mapping-mapping__body" }, Xm = { class: "ao-project-mapping-mapping__phases" }, Qm = {
+const qm = { class: "ao-project-mapping" }, Ym = { class: "ao-project-mapping-mapping__body" }, xm = { class: "ao-project-mapping-mapping__phases" }, Km = {
   key: 0,
   class: "ao-project-mapping-mapping__image-wrapper"
-}, Jm = ["src", "alt"], e4 = /* @__PURE__ */ X({
+}, Gm = ["src", "alt"], Xm = /* @__PURE__ */ X({
   __name: "AoMapping",
   props: {
     project: {},
@@ -12946,7 +12955,7 @@ const Km = { class: "ao-project-mapping" }, Gm = { class: "ao-project-mapping-ma
       var _;
       return v(), y(he, null, [
         h("div", Ae({ class: "ao-project-mapping-overview" }, m.$attrs), [
-          h("div", Km, [
+          h("div", qm, [
             T(wa, null, {
               primary: q(() => [
                 T(un, {
@@ -12985,8 +12994,8 @@ const Km = { class: "ao-project-mapping" }, Gm = { class: "ao-project-mapping-ma
               ]),
               _: 1
             }),
-            h("div", Gm, [
-              h("div", Xm, [
+            h("div", Ym, [
+              h("div", xm, [
                 T(_i, {
                   phases: m.phases,
                   "closed-status": m.closedStatus,
@@ -13000,12 +13009,12 @@ const Km = { class: "ao-project-mapping" }, Gm = { class: "ao-project-mapping-ma
                   onCopyPhaseToTemplate: l
                 }, null, 8, ["phases", "closed-status", "is-editable", "users", "estimation-unit"])
               ]),
-              m.project.architectureImage ? (v(), y("div", Qm, [
+              m.project.architectureImage ? (v(), y("div", Km, [
                 h("img", {
                   class: "architecture-image",
                   src: m.project.architectureImage.url,
                   alt: W(s)("architectureImage.alt")
-                }, null, 8, Jm)
+                }, null, 8, Gm)
               ])) : E("", !0)
             ])
           ])
@@ -13033,7 +13042,7 @@ const Nt = {
   TEMPLATES: "templates",
   TEMPLATE_DETAILS: "template_details",
   TEMPLATES_LIST: "templates_list"
-}, g4 = (t, e = {}) => [
+}, f4 = (t, e = {}) => [
   {
     path: t,
     name: Nt.TEMPLATES,
@@ -13043,12 +13052,12 @@ const Nt = {
       {
         path: "",
         name: Nt.TEMPLATES_LIST,
-        component: a4
+        component: Jm
       },
       {
         path: ":templateId/:phaseId?/:milestoneId?/:activityId?",
         name: Nt.TEMPLATE_DETAILS,
-        component: eh,
+        component: Xf,
         props: !0
       }
     ]
@@ -13059,7 +13068,7 @@ const Nt = {
   mapping: "AoProjectMapping",
   milestone: "AoMilestone",
   activity: "AoActivity"
-}, C4 = (t, e = {}) => [
+}, h4 = (t, e = {}) => [
   {
     path: t,
     ...e,
@@ -13068,7 +13077,7 @@ const Nt = {
       {
         path: "",
         name: ye.project,
-        component: j9,
+        component: H9,
         props: !0,
         children: [
           {
@@ -13083,7 +13092,7 @@ const Nt = {
             props: { default: !0, modal: !0 },
             components: {
               default: Hs,
-              modal: bm
+              modal: Cm
             }
           }
         ]
@@ -13091,18 +13100,18 @@ const Nt = {
       {
         path: "feed",
         name: ye.feed,
-        component: xm,
+        component: zm,
         props: !0
       },
       {
         path: "mapping",
         name: ye.mapping,
-        component: e4,
+        component: Xm,
         props: !0
       }
     ]
   }
-], t4 = { class: "ao-templates" }, a4 = /* @__PURE__ */ X({
+], Qm = { class: "ao-templates" }, Jm = /* @__PURE__ */ X({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -13151,7 +13160,7 @@ const Nt = {
         });
       }
     };
-    return (l, c) => (v(), y("div", t4, [
+    return (l, c) => (v(), y("div", Qm, [
       T(wa, null, {
         secondary: q(() => [
           T(ue, {
@@ -13196,7 +13205,7 @@ const Nt = {
     ]));
   }
 });
-const n4 = { class: "ao-field__label" }, s4 = /* @__PURE__ */ X({
+const e4 = { class: "ao-field__label" }, t4 = /* @__PURE__ */ X({
   __name: "AoField",
   props: {
     label: {},
@@ -13206,11 +13215,11 @@ const n4 = { class: "ao-field__label" }, s4 = /* @__PURE__ */ X({
     return (e, a) => (v(), y("label", {
       class: ee(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
-      h("span", n4, z(e.label), 1),
+      h("span", e4, z(e.label), 1),
       ae(e.$slots, "default")
     ], 2));
   }
-}), i4 = ["type", "value", "disabled", "readonly"], _4 = /* @__PURE__ */ X({
+}), a4 = ["type", "value", "disabled", "readonly"], m4 = /* @__PURE__ */ X({
   __name: "AoInputField",
   props: {
     label: { default: "" },
@@ -13227,7 +13236,7 @@ const n4 = { class: "ao-field__label" }, s4 = /* @__PURE__ */ X({
     ), n = (o) => {
       a.modelModifiers.number && (o = Number(o)), e("update:modelValue", o);
     };
-    return (o, i) => (v(), B(s4, { label: o.label }, {
+    return (o, i) => (v(), B(t4, { label: o.label }, {
       default: q(() => [
         h("input", Ae({
           class: "ao-field__input",
@@ -13237,12 +13246,12 @@ const n4 = { class: "ao-field__label" }, s4 = /* @__PURE__ */ X({
           readonly: o.isReadonly
         }, {
           [xi(s.value)]: i[0] || (i[0] = (r) => n(r.target.value))
-        }), null, 16, i4)
+        }), null, 16, a4)
       ]),
       _: 1
     }, 8, ["label"]));
   }
-}), o4 = { class: "ao-field" }, r4 = { class: "ao-field__label" }, l4 = ["checked", "disabled"], y4 = /* @__PURE__ */ X({
+}), n4 = { class: "ao-field" }, s4 = { class: "ao-field__label" }, i4 = ["checked", "disabled"], g4 = /* @__PURE__ */ X({
   __name: "AoCheckboxField",
   props: {
     label: { default: "" },
@@ -13252,8 +13261,8 @@ const n4 = { class: "ao-field__label" }, s4 = /* @__PURE__ */ X({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (v(), y("label", o4, [
-      h("span", r4, z(e.label), 1),
+    return (e, a) => (v(), y("label", n4, [
+      h("span", s4, z(e.label), 1),
       h("input", {
         class: "ao-field__input",
         type: "checkbox",
@@ -13266,32 +13275,32 @@ const n4 = { class: "ao-field__label" }, s4 = /* @__PURE__ */ X({
             ((n = s.target) == null ? void 0 : n.checked) ?? !1
           );
         })
-      }, null, 40, l4)
+      }, null, 40, i4)
     ]));
   }
 });
 export {
   Ct as AoAvatar,
   wi as AoCardFeed,
-  y4 as AoCheckboxField,
+  g4 as AoCheckboxField,
   os as AoColorPicker,
-  xm as AoFeed,
-  s4 as AoField,
-  _4 as AoInputField,
+  zm as AoFeed,
+  t4 as AoField,
+  m4 as AoInputField,
   He as AoMultiselect,
   _i as AoProjectPhases,
   un as AoTabBar,
-  eh as AoTemplateDetails,
-  v4 as AoTemplates,
-  a4 as AoTemplatesList,
+  Xf as AoTemplateDetails,
+  c4 as AoTemplates,
+  Jm as AoTemplatesList,
   t0 as EstimationUnit,
   e0 as TemplateItemTypeEnum,
-  h4 as activityFeedStatus,
-  f4 as durationTypes,
+  p4 as activityFeedStatus,
+  d4 as durationTypes,
   jt as feedFilterTypes,
-  C4 as getProjectOverviewRoutes,
-  g4 as getTemplateRoutes,
-  m4 as listUpdateTypes,
+  h4 as getProjectOverviewRoutes,
+  f4 as getTemplateRoutes,
+  v4 as listUpdateTypes,
   Ra as milestoneStatus,
   ye as projectOverviewRoutes,
   X2 as ruleComparators,