@26lights/orcha 0.37.43 → 0.37.44

package/dist/orcha.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as Y, openBlock as p, createBlock as V, unref as J, mergeProps as He, createElementBlock as C, createElementVNode as v, pushScopeId as Oi, popScopeId as Ei, createStaticVNode as Ii, computed as M, resolveDynamicComponent as ht, normalizeClass as X, renderSlot as te, toDisplayString as Q, createCommentVNode as T, ref as ee, watch as ce, nextTick as De, withKeys as dt, toHandlers as Li, withCtx as z, createTextVNode as Fa, createVNode as A, normalizeStyle as Ua, withModifiers as fe, createSlots as Za, Fragment as ve, renderList as _e, onMounted as xt, onBeforeUnmount as Ts, onUnmounted as kn, Teleport as Nt, toRefs as Me, getCurrentInstance as At, toRef as Pt, normalizeProps as pa, guardReactiveProps as fa, withDirectives as Ke, vShow as Hi, onUpdated as Di, vModelText as ut, resolveComponent as Ye, getCurrentScope as Pi, onScopeDispose as Vi, toHandlerKey as Bi } from "vue";
 import { RouterView as Ri } from "vue-router";
 import mt from "vuedraggable";
-const f8 = /* @__PURE__ */ Y({
+const v8 = /* @__PURE__ */ Y({
   __name: "AoTemplates",
   props: {
     templates: {}
@@ -1441,11 +1441,11 @@ const Cn = {
   todo: "todo",
   done: "done",
   archived: "archived"
-}, v8 = {
+}, h8 = {
   months: "months",
   weeks: "weeks",
   days: "days"
-}, h8 = {
+}, m8 = {
   future: "future",
   this_month: "this_month",
   this_week: "this_week",
@@ -1469,7 +1469,7 @@ const Cn = {
   TASKS: "tasks"
 };
 var F2 = /* @__PURE__ */ ((t) => (t.PHASES = "phases", t.MILESTONES = "milestones", t.ACTIVITIES = "activities", t))(F2 || {});
-const m8 = {
+const C8 = {
   add: "add",
   remove: "remove",
   moved: "moved"
@@ -5343,7 +5343,7 @@ function i7(t, e, a) {
     let re = $;
     if (G.value && m.value) {
       let me = pe.value;
-      me || (me = (bt, is, u8) => yt.value.some((Ti) => {
+      me || (me = (bt, is, c8) => yt.value.some((Ti) => {
         let os = hn(ya(bt[Ti]), K.value);
         return ie.value ? os.startsWith(hn(is, K.value)) : os.indexOf(hn(is, K.value)) !== -1;
       })), re = re.filter((bt) => me(bt, G.value, ae));
@@ -8189,19 +8189,19 @@ const wn = /* @__PURE__ */ Y({
 }, Nf = { class: "ao-fieldset__title" }, jf = { class: "ao-activity-details__aside" }, Ff = { class: "ao-activity-details__close-button" }, Uf = {
   key: 0,
   class: "ao-activity-details__aside-section"
-}, Zf = { class: "ao-field" }, Wf = { class: "ao-field__label" }, qf = { class: "ao-activity-details__aside-section" }, zf = { class: "ao-field ao-field--multiselect" }, xf = { class: "ao-field__label" }, Yf = { class: "ao-activity-details__aside-section" }, Kf = {
+}, Zf = { class: "ao-field" }, Wf = { class: "ao-field__label" }, qf = { class: "ao-activity-details__aside-section" }, zf = { class: "ao-field ao-field--multiselect" }, xf = { class: "assignee-inline" }, Yf = { class: "ao-field__label" }, Kf = { class: "ao-activity-details__aside-section" }, Gf = {
   key: 0,
   class: "ao-field__row"
-}, Gf = { class: "ao-field" }, Xf = { class: "ao-field__label" }, Qf = ["readonly"], Jf = { class: "ao-activity-details__aside-section" }, ev = {
+}, Xf = { class: "ao-field" }, Qf = { class: "ao-field__label" }, Jf = ["readonly"], ev = { class: "ao-activity-details__aside-section" }, tv = {
   key: 0,
   class: "ao-field__row"
-}, tv = { class: "ao-field ao-field--multiselect" }, av = { class: "ao-activity-details__aside-section" }, nv = {
+}, av = { class: "ao-field ao-field--multiselect" }, nv = { class: "ao-activity-details__aside-section" }, sv = {
   key: 1,
   class: "ao-activity-details__aside-section"
-}, sv = { class: "ao-fieldset ao-activity-details__aside-section" }, iv = { class: "ao-fieldset__title" }, ov = { class: "ao-fieldset__body" }, rv = { class: "ao-field__row" }, lv = { class: "ao-field ao-field--multiselect" }, uv = { class: "ao-field__label" }, cv = { class: "ao-field__row" }, dv = { class: "ao-field ao-field--multiselect" }, pv = { class: "ao-field__label" }, fv = {
+}, iv = { class: "ao-fieldset ao-activity-details__aside-section" }, ov = { class: "ao-fieldset__title" }, rv = { class: "ao-fieldset__body" }, lv = { class: "ao-field__row" }, uv = { class: "ao-field ao-field--multiselect" }, cv = { class: "ao-field__label" }, dv = { class: "ao-field__row" }, pv = { class: "ao-field ao-field--multiselect" }, fv = { class: "ao-field__label" }, vv = {
   key: 2,
   class: "ao-activity-details__aside-section ao-activity-details__aside-section--created-by"
-}, vv = { class: "ao-activity__created-by" }, Zn = /* @__PURE__ */ Y({
+}, hv = { class: "ao-activity__created-by" }, Zn = /* @__PURE__ */ Y({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -8584,14 +8584,17 @@ const wn = /* @__PURE__ */ Y({
               ])) : T("", !0),
               v("div", qf, [
                 v("div", zf, [
-                  v("span", xf, Q(b.$t("activity.assignee.label")), 1),
-                  A(le, {
-                    label: b.$t("activity.assignee.toMe"),
-                    type: "button",
-                    color: "primary",
-                    variant: "solid",
-                    onClick: H
-                  }, null, 8, ["label"]),
+                  v("div", xf, [
+                    v("span", Yf, Q(b.$t("activity.assignee.label")), 1),
+                    A(le, {
+                      label: b.$t("activity.assignee.toMe"),
+                      type: "button",
+                      color: "primary",
+                      variant: "solid",
+                      class: "ao-button--sm",
+                      onClick: H
+                    }, null, 8, ["label"])
+                  ]),
                   A($e, {
                     modelValue: I.value,
                     "onUpdate:modelValue": D[3] || (D[3] = (j) => I.value = j),
@@ -8620,16 +8623,16 @@ const wn = /* @__PURE__ */ Y({
                   }, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
                 ])
               ]),
-              v("div", Yf, [
-                b.isTemplate !== !0 && b.userId ? (p(), C("div", Kf, [
-                  v("label", Gf, [
-                    v("span", Xf, Q(b.$t("activity.deadline.label")), 1),
+              v("div", Kf, [
+                b.isTemplate !== !0 && b.userId ? (p(), C("div", Gf, [
+                  v("label", Xf, [
+                    v("span", Qf, Q(b.$t("activity.deadline.label")), 1),
                     Ke(v("input", {
                       "onUpdate:modelValue": D[4] || (D[4] = (j) => c.value = j),
                       readonly: !n.value,
                       class: "ao-field__input",
                       type: "date"
-                    }, null, 8, Qf), [
+                    }, null, 8, Jf), [
                       [
                         ut,
                         c.value,
@@ -8640,9 +8643,9 @@ const wn = /* @__PURE__ */ Y({
                   ])
                 ])) : T("", !0)
               ]),
-              v("div", Jf, [
-                u.value ? (p(), C("div", ev, [
-                  v("label", tv, [
+              v("div", ev, [
+                u.value ? (p(), C("div", tv, [
+                  v("label", av, [
                     A($e, {
                       modelValue: f.value,
                       "onUpdate:modelValue": D[5] || (D[5] = (j) => f.value = j),
@@ -8658,7 +8661,7 @@ const wn = /* @__PURE__ */ Y({
                 ])) : T("", !0),
                 te(b.$slots, "default", { activity: b.activity })
               ]),
-              v("div", av, [
+              v("div", nv, [
                 A(wn, {
                   modelValue: r.value,
                   "onUpdate:modelValue": D[6] || (D[6] = (j) => r.value = j),
@@ -8673,7 +8676,7 @@ const wn = /* @__PURE__ */ Y({
                   size: "sm"
                 }, null, 8, ["modelValue", "label", "disabled"])
               ]),
-              b.isTemplate !== !0 && b.activity.createdBy.id === b.userId ? (p(), C("div", nv, [
+              b.isTemplate !== !0 && b.activity.createdBy.id === b.userId ? (p(), C("div", sv, [
                 A(wn, {
                   modelValue: l.value,
                   "onUpdate:modelValue": D[7] || (D[7] = (j) => l.value = j),
@@ -8687,18 +8690,18 @@ const wn = /* @__PURE__ */ Y({
                   size: "sm"
                 }, null, 8, ["modelValue", "label", "disabled"])
               ])) : T("", !0),
-              v("fieldset", sv, [
-                v("div", iv, [
+              v("fieldset", iv, [
+                v("div", ov, [
                   A(de, { name: "FlowsheetOutlineRounded" }),
                   A(ye, {
                     level: 4,
                     title: b.$t("activity.dependencies.title")
                   }, null, 8, ["title"])
                 ]),
-                v("div", ov, [
-                  v("div", rv, [
-                    v("label", lv, [
-                      v("span", uv, Q(b.$t("activity.dependingOn.label")), 1),
+                v("div", rv, [
+                  v("div", lv, [
+                    v("label", uv, [
+                      v("span", cv, Q(b.$t("activity.dependingOn.label")), 1),
                       A($e, {
                         modelValue: h.value,
                         "onUpdate:modelValue": D[8] || (D[8] = (j) => h.value = j),
@@ -8712,9 +8715,9 @@ const wn = /* @__PURE__ */ Y({
                       }, null, 8, ["modelValue", "options", "disabled", "caret"])
                     ])
                   ]),
-                  v("div", cv, [
-                    v("label", dv, [
-                      v("span", pv, Q(b.$t("activity.blocking.label")), 1),
+                  v("div", dv, [
+                    v("label", pv, [
+                      v("span", fv, Q(b.$t("activity.blocking.label")), 1),
                       A($e, {
                         modelValue: y.value,
                         "onUpdate:modelValue": D[9] || (D[9] = (j) => y.value = j),
@@ -8730,8 +8733,8 @@ const wn = /* @__PURE__ */ Y({
                   ])
                 ])
               ]),
-              b.isTemplate !== !0 && F.value ? (p(), C("div", fv, [
-                v("div", vv, [
+              b.isTemplate !== !0 && F.value ? (p(), C("div", vv, [
+                v("div", hv, [
                   A(Je, {
                     "user-name": F.value,
                     color: "black"
@@ -8747,7 +8750,7 @@ const wn = /* @__PURE__ */ Y({
     }));
   }
 });
-const hv = /* @__PURE__ */ Y({
+const mv = /* @__PURE__ */ Y({
   __name: "AoRuleLine",
   props: {
     rule: {},
@@ -8871,7 +8874,7 @@ const hv = /* @__PURE__ */ Y({
     }));
   }
 });
-const mv = { class: "ao-template-rules__body" }, Cv = { class: "ao-template-rules__list" }, gv = /* @__PURE__ */ Y({
+const Cv = { class: "ao-template-rules__body" }, gv = { class: "ao-template-rules__list" }, _v = /* @__PURE__ */ Y({
   __name: "AoTemplateRules",
   props: {
     templateId: {},
@@ -8895,9 +8898,9 @@ const mv = { class: "ao-template-rules__body" }, Cv = { class: "ao-template-rule
         }, null, 8, ["title"])
       ]),
       default: z(() => [
-        v("div", mv, [
-          v("ul", Cv, [
-            (p(!0), C(ve, null, _e(s.rules, (i) => (p(), V(hv, {
+        v("div", Cv, [
+          v("ul", gv, [
+            (p(!0), C(ve, null, _e(s.rules, (i) => (p(), V(mv, {
               key: i.id,
               rule: i,
               "template-phases": s.templatePhases,
@@ -8925,10 +8928,10 @@ function Bt(t, e, a) {
     rank: o.format()
   };
 }
-const _v = {
+const yv = {
   key: 0,
   class: "ao-template-details"
-}, yv = { class: "ao-template-details__body" }, bv = { class: "ao-template-details__cols" }, wv = { class: "ao-template-details__col" }, $v = { class: "ao-list__footer" }, kv = { class: "ao-template-details__col" }, Sv = { class: "ao-template-details__col" }, Mv = /* @__PURE__ */ Y({
+}, bv = { class: "ao-template-details__body" }, wv = { class: "ao-template-details__cols" }, $v = { class: "ao-template-details__col" }, kv = { class: "ao-list__footer" }, Sv = { class: "ao-template-details__col" }, Mv = { class: "ao-template-details__col" }, Av = /* @__PURE__ */ Y({
   __name: "AoTemplateDetails",
   props: {
     templateId: {},
@@ -9170,7 +9173,7 @@ const _v = {
     };
     return (k, F) => {
       var B, b, D, ie, pe, ae;
-      return s.value ? (p(), C("div", _v, [
+      return s.value ? (p(), C("div", yv, [
         A(Ga, {
           "can-go-back": !0,
           onGoBack: F[1] || (F[1] = (j) => k.$router.push({ name: J(Dt).TEMPLATES_LIST }))
@@ -9187,9 +9190,9 @@ const _v = {
           ]),
           _: 1
         }),
-        v("div", yv, [
-          v("ol", bv, [
-            v("li", wv, [
+        v("div", bv, [
+          v("ol", wv, [
+            v("li", $v, [
               A(J(mt), {
                 "model-value": s.value.phases,
                 class: "ao-templates__list",
@@ -9224,7 +9227,7 @@ const _v = {
                   ];
                 }),
                 footer: z(() => [
-                  v("div", $v, [
+                  v("div", kv, [
                     A(Ct, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: k.$t("template.phases.add"),
@@ -9235,7 +9238,7 @@ const _v = {
                 _: 1
               }, 8, ["model-value"])
             ]),
-            v("li", kv, [
+            v("li", Sv, [
               i.value ? (p(), V(d5, {
                 key: 0,
                 "template-id": k.templateId,
@@ -9247,7 +9250,7 @@ const _v = {
                 onRemoveMilestone: g
               }, null, 8, ["template-id", "phase", "milestone-id"])) : T("", !0)
             ]),
-            v("li", Sv, [
+            v("li", Mv, [
               i.value && r.value ? (p(), V(v5, {
                 key: 0,
                 "template-id": k.templateId,
@@ -9291,7 +9294,7 @@ const _v = {
           }, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : T("", !0)
         ])),
         (p(), V(Nt, { to: "body" }, [
-          Z.value ? (p(), V(gv, {
+          Z.value ? (p(), V(_v, {
             key: 0,
             "template-id": s.value.id,
             rules: s.value.rules || [],
@@ -9307,10 +9310,10 @@ const _v = {
     };
   }
 });
-const Av = {
+const Tv = {
   key: 0,
   class: "ao-card__header"
-}, Tv = { class: "ao-card__body" }, Ov = {
+}, Ov = { class: "ao-card__body" }, Ev = {
   key: 1,
   class: "ao-card__footer"
 }, Wn = /* @__PURE__ */ Y({
@@ -9331,13 +9334,13 @@ const Av = {
       ])
     }, {
       default: z(() => [
-        e.$slots.header ? (p(), C("header", Av, [
+        e.$slots.header ? (p(), C("header", Tv, [
           te(e.$slots, "header")
         ])) : T("", !0),
-        v("div", Tv, [
+        v("div", Ov, [
           te(e.$slots, "default")
         ]),
-        e.$slots.footer ? (p(), C("footer", Ov, [
+        e.$slots.footer ? (p(), C("footer", Ev, [
           te(e.$slots, "footer")
         ])) : T("", !0)
       ]),
@@ -9365,13 +9368,13 @@ const qn = /* @__PURE__ */ Y({
     ], 2));
   }
 });
-const Ev = { class: "ao-card-project-phase__header" }, Iv = { class: "ao-card-project-phase__footer" }, Lv = {
+const Iv = { class: "ao-card-project-phase__header" }, Lv = { class: "ao-card-project-phase__footer" }, Hv = {
   key: 0,
   class: "ao-card-project-phase__footer-row ao-card-project-phase__footer-row--progress"
-}, Hv = { class: "ao-card-project-phase__subitem" }, Dv = { class: "ao-card-project-phase__subitem" }, Pv = {
+}, Dv = { class: "ao-card-project-phase__subitem" }, Pv = { class: "ao-card-project-phase__subitem" }, Vv = {
   key: 0,
   class: "ao-card-project-phase__secondary"
-}, Vv = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Bv = /* @__PURE__ */ Y({
+}, Bv = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Rv = /* @__PURE__ */ Y({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -9420,20 +9423,20 @@ const Ev = { class: "ao-card-project-phase__header" }, Iv = { class: "ao-card-pr
         }, null, 8, ["id", "title", "is-editable"])
       ]),
       footer: z(() => [
-        v("div", Iv, [
-          o.value ? (p(), C("div", Lv, [
-            v("div", Hv, [
+        v("div", Lv, [
+          o.value ? (p(), C("div", Hv, [
+            v("div", Dv, [
               A(de, {
                 name: "MountainFlagOutlineRounded",
                 size: "sm"
               }),
-              v("span", Dv, Q(i.value) + " / " + Q(o.value), 1)
+              v("span", Pv, Q(i.value) + " / " + Q(o.value), 1)
             ]),
             A(qn, {
               percentages: r.value,
               class: "ao-card-project-phase__progress"
             }, null, 8, ["percentages"]),
-            c.$slots.secondary ? (p(), C("div", Pv, [
+            c.$slots.secondary ? (p(), C("div", Vv, [
               te(c.$slots, "secondary")
             ])) : T("", !0)
           ])) : T("", !0),
@@ -9453,7 +9456,7 @@ const Ev = { class: "ao-card-project-phase__header" }, Iv = { class: "ao-card-pr
                 { lazy: !0 }
               ]
             ]) : T("", !0),
-            v("span", Vv, Q(J(Tn)(c.deadline)), 1)
+            v("span", Bv, Q(J(Tn)(c.deadline)), 1)
           ], 2)
         ])
       ]),
@@ -9462,7 +9465,7 @@ const Ev = { class: "ao-card-project-phase__header" }, Iv = { class: "ao-card-pr
       c.isEditable ? {
         name: "header",
         fn: z(() => [
-          v("div", Ev, [
+          v("div", Iv, [
             A(le, {
               class: "ao-card-project-phase__archive",
               color: "primary",
@@ -9481,7 +9484,7 @@ const Ev = { class: "ao-card-project-phase__header" }, Iv = { class: "ao-card-pr
     ]), 1032, ["is-clickable"]));
   }
 });
-const Rv = /* @__PURE__ */ Y({
+const Nv = /* @__PURE__ */ Y({
   __name: "AoBadge",
   props: {
     color: {}
@@ -9493,19 +9496,19 @@ const Rv = /* @__PURE__ */ Y({
     }, null, 4));
   }
 });
-const Nv = { class: "ao-card-project-milestone__default" }, jv = { class: "ao-title-with-badge-wrapper" }, Fv = {
+const jv = { class: "ao-card-project-milestone__default" }, Fv = { class: "ao-title-with-badge-wrapper" }, Uv = {
   key: 0,
   class: "ao-card-project-milestone__archive"
-}, Uv = { class: "ao-card-project-milestone__activities" }, Zv = { class: "ao-card-project-milestone__activities-row" }, Wv = { class: "ao-card-project-milestone__subitem" }, qv = { class: "ao-card-project-milestone__subitem" }, zv = {
+}, Zv = { class: "ao-card-project-milestone__activities" }, Wv = { class: "ao-card-project-milestone__activities-row" }, qv = { class: "ao-card-project-milestone__subitem" }, zv = { class: "ao-card-project-milestone__subitem" }, xv = {
   key: 1,
   class: "ao-card-project-milestone__secondary"
-}, xv = { class: "ao-card-project-milestone__footer" }, Yv = {
+}, Yv = { class: "ao-card-project-milestone__footer" }, Kv = {
   key: 1,
   class: "ao-field ao-card-project-milestone__deadline"
-}, Kv = { class: "ao-field__label" }, Gv = {
+}, Gv = { class: "ao-field__label" }, Xv = {
   key: 2,
   class: "ao-card-project-milestone__assignee"
-}, Xv = /* @__PURE__ */ Y({
+}, Qv = /* @__PURE__ */ Y({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -9547,9 +9550,9 @@ const Nv = { class: "ao-card-project-milestone__default" }, jv = { class: "ao-ti
       "is-selected": l.isSelected
     }, {
       default: z(() => [
-        v("div", Nv, [
-          v("div", jv, [
-            A(Rv, {
+        v("div", jv, [
+          v("div", Fv, [
+            A(Nv, {
               color: l.color || ""
             }, null, 8, ["color"]),
             A(ye, {
@@ -9561,7 +9564,7 @@ const Nv = { class: "ao-card-project-milestone__default" }, jv = { class: "ao-ti
               "onUpdate:title": r
             }, null, 8, ["id", "title", "is-editable"])
           ]),
-          !l.readonly && l.isEditable ? (p(), C("div", Fv, [
+          !l.readonly && l.isEditable ? (p(), C("div", Uv, [
             A(le, {
               color: l.isSelected ? void 0 : "primary",
               variant: "ghost",
@@ -9574,29 +9577,29 @@ const Nv = { class: "ao-card-project-milestone__default" }, jv = { class: "ao-ti
             }, null, 8, ["color", "label"])
           ])) : T("", !0)
         ]),
-        v("div", Uv, [
-          v("div", Zv, [
+        v("div", Zv, [
+          v("div", Wv, [
             s.value ? (p(), C(ve, { key: 0 }, [
-              v("div", Wv, [
+              v("div", qv, [
                 A(de, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                v("span", qv, Q(o.value) + " / " + Q(s.value), 1)
+                v("span", zv, Q(o.value) + " / " + Q(s.value), 1)
               ]),
               A(qn, {
                 percentages: i.value,
                 class: "ao-card-project-milestone__progress"
               }, null, 8, ["percentages"])
             ], 64)) : T("", !0),
-            l.$slots.secondary ? (p(), C("div", zv, [
+            l.$slots.secondary ? (p(), C("div", xv, [
               te(l.$slots, "secondary")
             ])) : T("", !0)
           ])
         ])
       ]),
       footer: z(() => [
-        v("div", xv, [
+        v("div", Yv, [
           l.important ? (p(), V(de, {
             key: 0,
             name: "FlagRounded",
@@ -9605,10 +9608,10 @@ const Nv = { class: "ao-card-project-milestone__default" }, jv = { class: "ao-ti
             ),
             size: "sm"
           }, null, 8, ["class"])) : T("", !0),
-          l.deadline ? (p(), C("label", Yv, [
-            v("span", Kv, Q(J(Tn)(l.deadline)), 1)
+          l.deadline ? (p(), C("label", Kv, [
+            v("span", Gv, Q(J(Tn)(l.deadline)), 1)
           ])) : T("", !0),
-          l.assignee ? (p(), C("div", Gv, [
+          l.assignee ? (p(), C("div", Xv, [
             A(Je, {
               "user-name": J(zs)(l.assignee),
               "avatar-url": l.assignee.avatarUrl,
@@ -9622,10 +9625,10 @@ const Nv = { class: "ao-card-project-milestone__default" }, jv = { class: "ao-ti
     }, 8, ["class", "is-clickable", "is-selected"]));
   }
 });
-const Qv = {
+const Jv = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, Jv = { class: "ao-project-phase__col-phase" }, e9 = { class: "ao-project-phase__col-milestones" }, t9 = { class: "ao-project-phase__milestones" }, a9 = { class: "ao-project-phase__milestones-list-footer" }, n9 = /* @__PURE__ */ Y({
+}, e9 = { class: "ao-project-phase__col-phase" }, t9 = { class: "ao-project-phase__col-milestones" }, a9 = { class: "ao-project-phase__milestones" }, n9 = { class: "ao-project-phase__milestones-list-footer" }, s9 = /* @__PURE__ */ Y({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -9682,14 +9685,14 @@ const Qv = {
           { "ao-project-phase--selected": d.phase.id === ((w = d.$route.params) == null ? void 0 : w.phaseId) }
         ])
       }, [
-        d.isEditable ? (p(), C("div", Qv, [
+        d.isEditable ? (p(), C("div", Jv, [
           A(de, {
             name: "DragIndicator",
             class: "ao-project-phase__drag-handle"
           })
         ])) : T("", !0),
-        v("div", Jv, [
-          A(Bv, {
+        v("div", e9, [
+          A(Rv, {
             id: d.phase.id,
             milestones: i.value,
             name: d.phase.name,
@@ -9700,8 +9703,8 @@ const Qv = {
             onArchivePhase: u
           }, null, 8, ["id", "milestones", "name", "deadline", "is-editable"])
         ]),
-        v("div", e9, [
-          v("div", t9, [
+        v("div", t9, [
+          v("div", a9, [
             A(J(mt), He({
               class: "ao-project-phase__milestones-list",
               list: i.value,
@@ -9712,7 +9715,7 @@ const Qv = {
               item: z(({ element: y }) => {
                 var _;
                 return [
-                  A(Xv, {
+                  A(Qv, {
                     id: y.id,
                     name: y.name,
                     color: y.color,
@@ -9737,7 +9740,7 @@ const Qv = {
               }),
               _: 1
             }, 16, ["list", "disabled"]),
-            v("div", a9, [
+            v("div", n9, [
               d.isEditable ? (p(), V(Ct, {
                 key: 0,
                 label: d.$t("project.milestone.add"),
@@ -9752,10 +9755,10 @@ const Qv = {
     };
   }
 });
-const s9 = { class: "ao-project__phases" }, i9 = {
+const i9 = { class: "ao-project__phases" }, o9 = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, o9 = /* @__PURE__ */ v("div", { class: "ao-project-phase__empty_drag" }, null, -1), r9 = { class: "ao-project-phase__col-phase" }, l9 = /* @__PURE__ */ v("div", { class: "ao-project-phase__col-milestones" }, null, -1), u9 = /* @__PURE__ */ Y({
+}, r9 = /* @__PURE__ */ v("div", { class: "ao-project-phase__empty_drag" }, null, -1), l9 = { class: "ao-project-phase__col-phase" }, u9 = /* @__PURE__ */ v("div", { class: "ao-project-phase__col-milestones" }, null, -1), c9 = /* @__PURE__ */ Y({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -9791,7 +9794,7 @@ const s9 = { class: "ao-project__phases" }, i9 = {
     }, c = (u) => {
       e("addPhase", u);
     };
-    return (u, f) => (p(), C("div", s9, [
+    return (u, f) => (p(), C("div", i9, [
       A(J(mt), {
         class: "ao-project-phase__phases-list",
         "model-value": u.phases,
@@ -9800,7 +9803,7 @@ const s9 = { class: "ao-project__phases" }, i9 = {
         onChange: r
       }, {
         item: z(({ element: d }) => [
-          A(n9, {
+          A(s9, {
             phase: d,
             "is-editable": !u.readonly && u.isEditable,
             "closed-status": u.closedStatus,
@@ -9815,9 +9818,9 @@ const s9 = { class: "ao-project__phases" }, i9 = {
         ]),
         _: 1
       }, 8, ["model-value"]),
-      u.isEditable ? (p(), C("div", i9, [
-        o9,
-        v("div", r9, [
+      u.isEditable ? (p(), C("div", o9, [
+        r9,
+        v("div", l9, [
           A(Ct, {
             label: u.$t("project.phases.add"),
             "icon-name": "Add",
@@ -9825,12 +9828,12 @@ const s9 = { class: "ao-project__phases" }, i9 = {
             onClick: c
           }, null, 8, ["label"])
         ]),
-        l9
+        u9
       ])) : T("", !0)
     ]));
   }
 });
-const c9 = ["onSubmit"], d9 = { class: "ao-add-template-modal__form-body" }, p9 = { class: "field__row" }, f9 = { class: "ao-add-template-modal__form-footer" }, v9 = /* @__PURE__ */ Y({
+const d9 = ["onSubmit"], p9 = { class: "ao-add-template-modal__form-body" }, f9 = { class: "field__row" }, v9 = { class: "ao-add-template-modal__form-footer" }, h9 = /* @__PURE__ */ Y({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -9858,8 +9861,8 @@ const c9 = ["onSubmit"], d9 = { class: "ao-add-template-modal__form-body" }, p9
           class: "ao-add-template-modal__form",
           onSubmit: fe(i, ["prevent"])
         }, [
-          v("div", d9, [
-            v("div", p9, [
+          v("div", p9, [
+            v("div", f9, [
               A($e, {
                 value: s.value,
                 options: n.value,
@@ -9868,7 +9871,7 @@ const c9 = ["onSubmit"], d9 = { class: "ao-add-template-modal__form-body" }, p9
               }, null, 8, ["value", "options"])
             ])
           ]),
-          v("footer", f9, [
+          v("footer", v9, [
             A(le, {
               label: r.$t("project.template.add.label"),
               type: "submit",
@@ -9877,13 +9880,13 @@ const c9 = ["onSubmit"], d9 = { class: "ao-add-template-modal__form-body" }, p9
               onClick: i
             }, null, 8, ["label"])
           ])
-        ], 40, c9)
+        ], 40, d9)
       ]),
       _: 1
     }));
   }
 });
-const h9 = Y({
+const m9 = Y({
   props: {
     isLeft: {
       type: Boolean,
@@ -9912,9 +9915,9 @@ const h9 = Y({
     }
   }
 });
-const m9 = { class: "toggle-wrapper" };
-function C9(t, e, a, n, s, o) {
-  return p(), C("div", m9, [
+const C9 = { class: "toggle-wrapper" };
+function g9(t, e, a, n, s, o) {
+  return p(), C("div", C9, [
     v("button", {
       class: X({
         button: !0,
@@ -9935,7 +9938,7 @@ function C9(t, e, a, n, s, o) {
     }, Q(t.rightLabel), 3)
   ]);
 }
-const ci = /* @__PURE__ */ U(h9, [["render", C9], ["__scopeId", "data-v-cbe33527"]]), g9 = { class: "ao-project" }, _9 = { class: "ao-project__body" }, y9 = /* @__PURE__ */ Y({
+const ci = /* @__PURE__ */ U(m9, [["render", g9], ["__scopeId", "data-v-cbe33527"]]), _9 = { class: "ao-project" }, y9 = { class: "ao-project__body" }, b9 = /* @__PURE__ */ Y({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -10001,7 +10004,7 @@ const ci = /* @__PURE__ */ U(h9, [["render", C9], ["__scopeId", "data-v-cbe33527
       const N = Ye("RouterView");
       return p(), C(ve, null, [
         v("div", He({ class: "ao-project-overview" }, E.$attrs), [
-          v("div", g9, [
+          v("div", _9, [
             A(Ga, null, {
               primary: z(() => [
                 A(ci, {
@@ -10036,8 +10039,8 @@ const ci = /* @__PURE__ */ U(h9, [["render", C9], ["__scopeId", "data-v-cbe33527
               ]),
               _: 1
             }),
-            v("div", _9, [
-              A(u9, {
+            v("div", y9, [
+              A(c9, {
                 phases: E.phases,
                 "closed-status": E.closedStatus,
                 "is-editable": E.isEditable === !0,
@@ -10102,7 +10105,7 @@ const ci = /* @__PURE__ */ U(h9, [["render", C9], ["__scopeId", "data-v-cbe33527
           ]))
         ], 16),
         (p(), V(Nt, { to: "body" }, [
-          W.value ? (p(), V(v9, {
+          W.value ? (p(), V(h9, {
             key: 0,
             "project-id": E.project.id,
             templates: E.templates,
@@ -10114,39 +10117,39 @@ const ci = /* @__PURE__ */ U(h9, [["render", C9], ["__scopeId", "data-v-cbe33527
     };
   }
 });
-const b9 = { class: "ao-card-feed__header" }, w9 = {
+const w9 = { class: "ao-card-feed__header" }, $9 = {
   key: 1,
   class: "ao-card-feed__header-secondary ao-card-feed__header-icons"
-}, $9 = {
+}, k9 = {
   key: 2,
   class: "ao-card-feed__header-secondary ao-card-feed__secondary"
-}, k9 = { class: "ao-card-feed__body" }, S9 = {
+}, S9 = { class: "ao-card-feed__body" }, M9 = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
-}, M9 = {
+}, A9 = {
   class: /* @__PURE__ */ X(["ao-card-feed__title-group"])
-}, A9 = { class: "ao-card-feed__title-line" }, T9 = {
+}, T9 = { class: "ao-card-feed__title-line" }, O9 = {
   key: 0,
   class: "ao-card-feed__slug"
-}, O9 = {
+}, E9 = {
   key: 1,
   class: "ao-card-feed__deadline"
-}, E9 = { class: "ao-card-feed__footer" }, I9 = { class: "ao-card-feed__footer-row" }, L9 = { class: "ao-assignees" }, H9 = {
+}, I9 = { class: "ao-card-feed__footer" }, L9 = { class: "ao-card-feed__footer-row" }, H9 = { class: "ao-assignees" }, D9 = {
   key: 0,
   class: "ao-assignee"
-}, D9 = {
+}, P9 = {
   key: 0,
   class: "ao-card-feed__subitems"
-}, P9 = {
+}, V9 = {
   key: 0,
   class: "ao-card-feed__subitem"
-}, V9 = { class: "ao-card-feed__subitem" }, B9 = {
+}, B9 = { class: "ao-card-feed__subitem" }, R9 = {
   key: 1,
   class: "ao-card-feed__subitem"
-}, R9 = { class: "ao-card-feed__subitem" }, N9 = { class: "ao-card-feed__footer-row" }, j9 = {
+}, N9 = { class: "ao-card-feed__subitem" }, j9 = { class: "ao-card-feed__footer-row" }, F9 = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, F9 = { class: "ao-card-feed__subitem" }, U9 = { class: "ao-card-feed__subitem" }, di = /* @__PURE__ */ Y({
+}, U9 = { class: "ao-card-feed__subitem" }, Z9 = { class: "ao-card-feed__subitem" }, di = /* @__PURE__ */ Y({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -10189,7 +10192,7 @@ const b9 = { class: "ao-card-feed__header" }, w9 = {
       "is-clickable": !0
     }, {
       header: z(() => [
-        v("div", b9, [
+        v("div", w9, [
           n.value ? (p(), V(qa, {
             key: 0,
             label: n.value,
@@ -10198,7 +10201,7 @@ const b9 = { class: "ao-card-feed__header" }, w9 = {
             color: h.projectColor ? void 0 : "primary",
             "raw-color": s.value
           }, null, 8, ["label", "color", "raw-color"])) : T("", !0),
-          h.isPrivate || h.important || h.isClosed ? (p(), C("div", w9, [
+          h.isPrivate || h.important || h.isClosed ? (p(), C("div", $9, [
             h.isPrivate ? (p(), V(de, {
               key: 0,
               name: "Lock",
@@ -10217,17 +10220,17 @@ const b9 = { class: "ao-card-feed__header" }, w9 = {
               class: "ao-card-feed__closed"
             })) : T("", !0)
           ])) : T("", !0),
-          h.$slots.secondary ? (p(), C("div", $9, [
+          h.$slots.secondary ? (p(), C("div", k9, [
             te(h.$slots, "secondary")
           ])) : T("", !0)
         ])
       ]),
       default: z(() => [
-        v("div", k9, [
-          i.value ? (p(), C("span", S9, Q(i.value), 1)) : T("", !0),
-          v("div", M9, [
-            v("div", A9, [
-              h.slug ? (p(), C("span", T9, Q(h.slug) + ": ", 1)) : T("", !0),
+        v("div", S9, [
+          i.value ? (p(), C("span", M9, Q(i.value), 1)) : T("", !0),
+          v("div", A9, [
+            v("div", T9, [
+              h.slug ? (p(), C("span", O9, Q(h.slug) + ": ", 1)) : T("", !0),
               A(ye, {
                 id: h.id,
                 title: h.name,
@@ -10238,17 +10241,17 @@ const b9 = { class: "ao-card-feed__header" }, w9 = {
               }, null, 8, ["id", "title", "is-editable"])
             ])
           ]),
-          h.deadline ? (p(), C("span", O9, Q(l.value), 1)) : T("", !0)
+          h.deadline ? (p(), C("span", E9, Q(l.value), 1)) : T("", !0)
         ])
       ]),
       footer: z(() => [
-        v("div", E9, [
-          v("div", I9, [
-            v("ul", L9, [
+        v("div", I9, [
+          v("div", L9, [
+            v("ul", H9, [
               (p(!0), C(ve, null, _e(r.value, (y) => (p(), C(ve, {
                 key: y.id
               }, [
-                y ? (p(), C("li", H9, [
+                y ? (p(), C("li", D9, [
                   A(Je, {
                     "user-name": J(zs)(y),
                     "avatar-url": y.avatarUrl,
@@ -10258,31 +10261,31 @@ const b9 = { class: "ao-card-feed__header" }, w9 = {
                 ])) : T("", !0)
               ], 64))), 128))
             ]),
-            h.comments || h.attachments ? (p(), C("ul", D9, [
-              h.comments ? (p(), C("li", P9, [
+            h.comments || h.attachments ? (p(), C("ul", P9, [
+              h.comments ? (p(), C("li", V9, [
                 A(de, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                v("span", V9, Q(h.comments), 1)
+                v("span", B9, Q(h.comments), 1)
               ])) : T("", !0),
-              h.attachments ? (p(), C("li", B9, [
+              h.attachments ? (p(), C("li", R9, [
                 A(de, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                v("span", R9, Q(h.attachments), 1)
+                v("span", N9, Q(h.attachments), 1)
               ])) : T("", !0)
             ])) : T("", !0)
           ]),
-          v("div", N9, [
-            h.tasks && h.tasks.length ? (p(), C("div", j9, [
-              v("div", F9, [
+          v("div", j9, [
+            h.tasks && h.tasks.length ? (p(), C("div", F9, [
+              v("div", U9, [
                 A(de, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                v("span", U9, Q(f.value) + " / " + Q(u.value), 1)
+                v("span", Z9, Q(f.value) + " / " + Q(u.value), 1)
               ]),
               A(qn, {
                 percentages: d.value,
@@ -10303,8 +10306,8 @@ const b9 = { class: "ao-card-feed__header" }, w9 = {
   */
 function wt(t) {
   let e = { r: 0, g: 0, b: 0, a: 1 };
-  /#/.test(t) ? e = W9(t) : /rgb/.test(t) ? e = Ms(t) : typeof t == "string" ? e = Ms(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
-  const { r: a, g: n, b: s, a: o } = e, { h: i, s: r, v: l } = q9(e);
+  /#/.test(t) ? e = q9(t) : /rgb/.test(t) ? e = Ms(t) : typeof t == "string" ? e = Ms(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
+  const { r: a, g: n, b: s, a: o } = e, { h: i, s: r, v: l } = z9(e);
   return { r: a, g: n, b: s, a: o === void 0 ? 1 : o, h: i, s: r, v: l };
 }
 function zn(t) {
@@ -10315,11 +10318,11 @@ function $n(t, e, a, n, s, o) {
   const i = t === "l", r = e.createLinearGradient(0, 0, i ? a : 0, i ? 0 : n);
   r.addColorStop(0.01, s), r.addColorStop(0.99, o), e.fillStyle = r, e.fillRect(0, 0, a, n);
 }
-function Z9({ r: t, g: e, b: a }, n) {
+function W9({ r: t, g: e, b: a }, n) {
   const s = (i) => ("0" + Number(i).toString(16)).slice(-2), o = `#${s(t)}${s(e)}${s(a)}`;
   return n ? o.toUpperCase() : o;
 }
-function W9(t) {
+function q9(t) {
   t = t.slice(1);
   const e = (a) => parseInt(a, 16) || 0;
   return {
@@ -10336,7 +10339,7 @@ function Ms(t) {
     a: Number(t[3] ? t[3] : 1)
   }) : t;
 }
-function q9({ r: t, g: e, b: a }) {
+function z9({ r: t, g: e, b: a }) {
   t = t / 255, e = e / 255, a = a / 255;
   const n = Math.max(t, e, a), s = Math.min(t, e, a), o = n - s;
   let i = 0;
@@ -10403,8 +10406,8 @@ var xn = Y({
     }
   }
 });
-const z9 = { ref: "canvasSaturation" };
-function x9(t, e, a, n, s, o) {
+const x9 = { ref: "canvasSaturation" };
+function Y9(t, e, a, n, s, o) {
   return p(), V(
     "div",
     {
@@ -10414,7 +10417,7 @@ function x9(t, e, a, n, s, o) {
     [
       A(
         "canvas",
-        z9,
+        x9,
         null,
         512
         /* NEED_PATCH */
@@ -10434,7 +10437,7 @@ function x9(t, e, a, n, s, o) {
     /* HYDRATE_EVENTS */
   );
 }
-xn.render = x9;
+xn.render = Y9;
 xn.__file = "src/color/Saturation.vue";
 var Yn = Y({
   props: {
@@ -10489,8 +10492,8 @@ var Yn = Y({
     }
   }
 });
-const Y9 = { ref: "canvasHue" };
-function K9(t, e, a, n, s, o) {
+const K9 = { ref: "canvasHue" };
+function G9(t, e, a, n, s, o) {
   return p(), V(
     "div",
     {
@@ -10500,7 +10503,7 @@ function K9(t, e, a, n, s, o) {
     [
       A(
         "canvas",
-        Y9,
+        K9,
         null,
         512
         /* NEED_PATCH */
@@ -10520,7 +10523,7 @@ function K9(t, e, a, n, s, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Yn.render = K9;
+Yn.render = G9;
 Yn.__file = "src/color/Hue.vue";
 var Kn = Y({
   props: {
@@ -10584,8 +10587,8 @@ var Kn = Y({
     }
   }
 });
-const G9 = { ref: "canvasAlpha" };
-function X9(t, e, a, n, s, o) {
+const X9 = { ref: "canvasAlpha" };
+function Q9(t, e, a, n, s, o) {
   return p(), V(
     "div",
     {
@@ -10595,7 +10598,7 @@ function X9(t, e, a, n, s, o) {
     [
       A(
         "canvas",
-        G9,
+        X9,
         null,
         512
         /* NEED_PATCH */
@@ -10615,7 +10618,7 @@ function X9(t, e, a, n, s, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Kn.render = X9;
+Kn.render = Q9;
 Kn.__file = "src/color/Alpha.vue";
 var Gn = Y({
   props: {
@@ -10652,10 +10655,10 @@ var Gn = Y({
     }
   }
 });
-function Q9(t, e, a, n, s, o) {
+function J9(t, e, a, n, s, o) {
   return p(), V("canvas");
 }
-Gn.render = Q9;
+Gn.render = J9;
 Gn.__file = "src/color/Preview.vue";
 var Xn = Y({
   props: {
@@ -10718,19 +10721,19 @@ var Xn = Y({
     }
   }
 });
-const J9 = /* @__PURE__ */ A(
+const e4 = /* @__PURE__ */ A(
   "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 */
-), e4 = {
+), t4 = {
   key: 1,
   class: "sucker",
   viewBox: "-16 -16 68 68",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#9099a4"
-}, t4 = /* @__PURE__ */ A(
+}, a4 = /* @__PURE__ */ A(
   "g",
   {
     fill: "none",
@@ -10762,7 +10765,7 @@ const J9 = /* @__PURE__ */ A(
   -1
   /* HOISTED */
 );
-function a4(t, e, a, n, s, o) {
+function n4(t, e, a, n, s, o) {
   return p(), V("div", null, [
     t.isSucking ? T("v-if", !0) : (p(), V(
       "svg",
@@ -10774,17 +10777,17 @@ function a4(t, e, a, n, s, o) {
         onClick: e[1] || (e[1] = (...i) => t.openSucker && t.openSucker(...i))
       },
       [
-        J9
+        e4
       ],
       2
       /* CLASS */
     )),
-    t.isSucking ? (p(), V("svg", e4, [
-      t4
+    t.isSucking ? (p(), V("svg", t4, [
+      a4
     ])) : T("v-if", !0)
   ]);
 }
-Xn.render = a4;
+Xn.render = n4;
 Xn.__file = "src/color/Sucker.vue";
 var Qn = Y({
   props: {
@@ -10817,12 +10820,12 @@ var Qn = Y({
     };
   }
 });
-const n4 = { class: "color-type" }, s4 = { class: "name" };
-function i4(t, e, a, n, s, o) {
-  return p(), V("div", n4, [
+const s4 = { class: "color-type" }, i4 = { class: "name" };
+function o4(t, e, a, n, s, o) {
+  return p(), V("div", s4, [
     A(
       "span",
-      s4,
+      i4,
       Q(t.name),
       1
       /* TEXT */
@@ -10843,7 +10846,7 @@ function i4(t, e, a, n, s, o) {
     ])
   ]);
 }
-Qn.render = i4;
+Qn.render = o4;
 Qn.__file = "src/color/Box.vue";
 var Jn = Y({
   name: "ColorPicker",
@@ -10885,13 +10888,13 @@ var Jn = Y({
     };
   }
 });
-const o4 = { class: "colors" }, r4 = {
+const r4 = { class: "colors" }, l4 = {
   key: 0,
   class: "colors history"
 };
-function l4(t, e, a, n, s, o) {
+function u4(t, e, a, n, s, o) {
   return p(), V("div", null, [
-    A("ul", o4, [
+    A("ul", r4, [
       (p(!0), V(
         ve,
         null,
@@ -10925,7 +10928,7 @@ function l4(t, e, a, n, s, o) {
         /* KEYED_FRAGMENT */
       ))
     ]),
-    t.colorsHistory.length ? (p(), V("ul", r4, [
+    t.colorsHistory.length ? (p(), V("ul", l4, [
       (p(!0), V(
         ve,
         null,
@@ -10961,7 +10964,7 @@ function l4(t, e, a, n, s, o) {
     ])) : T("v-if", !0)
   ]);
 }
-Jn.render = l4;
+Jn.render = u4;
 Jn.__file = "src/color/Colors.vue";
 var Rt = Y({
   components: {
@@ -11072,7 +11075,7 @@ var Rt = Y({
       return `rgba(${this.rgbaStringShort})`;
     },
     hexString() {
-      return Z9(this.rgba, !0);
+      return W9(this.rgba, !0);
     }
   },
   created() {
@@ -11136,8 +11139,8 @@ var Rt = Y({
     }
   }
 });
-const u4 = { class: "color-set" };
-function c4(t, e, a, n, s, o) {
+const c4 = { class: "color-set" };
+function d4(t, e, a, n, s, o) {
   const i = Ye("Saturation"), r = Ye("Hue"), l = Ye("Alpha"), c = Ye("Preview"), u = Ye("Sucker"), f = Ye("Box"), d = Ye("Colors");
   return p(), V(
     "div",
@@ -11146,7 +11149,7 @@ function c4(t, e, a, n, s, o) {
       style: { width: t.totalWidth + "px" }
     },
     [
-      A("div", u4, [
+      A("div", c4, [
         A(i, {
           ref: "saturation",
           color: t.rgbString,
@@ -11220,12 +11223,12 @@ function c4(t, e, a, n, s, o) {
     /* CLASS, STYLE */
   );
 }
-Rt.render = c4;
+Rt.render = d4;
 Rt.__file = "src/color/ColorPicker.vue";
 Rt.install = (t) => {
   t.component(Rt.name, Rt);
 };
-const d4 = {
+const p4 = {
   props: {
     color: {
       type: String,
@@ -11249,10 +11252,10 @@ const d4 = {
       this.$emit("update:color", o);
     }
   }
-}, p4 = { class: "color-picker-wrapper" };
-function f4(t, e, a, n, s, o) {
+}, f4 = { class: "color-picker-wrapper" };
+function v4(t, e, a, n, s, o) {
   const i = Ye("ColorPicker");
-  return p(), C("div", p4, [
+  return p(), C("div", f4, [
     v("button", {
       style: Ua({ backgroundColor: a.color }),
       class: "color-button",
@@ -11267,10 +11270,10 @@ function f4(t, e, a, n, s, o) {
     }, null, 8, ["color", "onChangeColor"])) : T("", !0)
   ]);
 }
-const v4 = /* @__PURE__ */ U(d4, [["render", f4]]), h4 = { class: "ao-project-milestone" }, m4 = { class: "ao-project-milestone__header" }, C4 = { class: "ao-project-milestone__header_line" }, g4 = { class: "ao-project-milestone__header_line" }, _4 = { class: "ao-project-milestone__title" }, y4 = {
+const h4 = /* @__PURE__ */ U(p4, [["render", v4]]), m4 = { class: "ao-project-milestone" }, C4 = { class: "ao-project-milestone__header" }, g4 = { class: "ao-project-milestone__header_line" }, _4 = { class: "ao-project-milestone__header_line" }, y4 = { class: "ao-project-milestone__title" }, b4 = {
   key: 0,
   class: "ao-fieldset ao-milestone__fieldset"
-}, b4 = { class: "ao-field__row ao-milestone__field-row" }, w4 = { class: "ao-field ao-field--inline" }, $4 = { class: "ao-field__row ao-milestone__field-row" }, k4 = { class: "ao-field ao-milestone__field-multiselect" }, S4 = { class: "ao-project-milestone__body" }, M4 = {
+}, w4 = { class: "ao-field__row ao-milestone__field-row" }, $4 = { class: "ao-field ao-field--inline" }, k4 = { class: "ao-field__row ao-milestone__field-row" }, S4 = { class: "ao-field ao-milestone__field-multiselect" }, M4 = { class: "ao-project-milestone__body" }, A4 = {
   key: 0,
   class: "ao-project-milestone__footer"
 }, As = /* @__PURE__ */ Y({
@@ -11377,9 +11380,9 @@ const v4 = /* @__PURE__ */ U(d4, [["render", f4]]), h4 = { class: "ao-project-mi
     });
     return (g, m) => {
       var H;
-      return p(), C("div", h4, [
-        v("header", m4, [
-          v("div", C4, [
+      return p(), C("div", m4, [
+        v("header", C4, [
+          v("div", g4, [
             A(le, {
               "icon-name": "CloseRounded",
               variant: "ghost",
@@ -11388,8 +11391,8 @@ const v4 = /* @__PURE__ */ U(d4, [["render", f4]]), h4 = { class: "ao-project-mi
               onClick: l
             })
           ]),
-          v("div", g4, [
-            v("div", _4, [
+          v("div", _4, [
+            v("div", y4, [
               A(ye, {
                 title: ((H = i.value) == null ? void 0 : H.name) || g.milestoneId,
                 level: 5
@@ -11408,9 +11411,9 @@ const v4 = /* @__PURE__ */ U(d4, [["render", f4]]), h4 = { class: "ao-project-mi
               }, null, 8, ["modelValue", "disabled", "label"])
             ])
           ]),
-          i.value ? (p(), C("div", y4, [
-            v("div", b4, [
-              v("label", w4, [
+          i.value ? (p(), C("div", b4, [
+            v("div", w4, [
+              v("label", $4, [
                 Ke(v("input", {
                   "onUpdate:modelValue": m[1] || (m[1] = (L) => h.value = L),
                   class: "ao-milestone__field ao-milestone__date-field",
@@ -11425,8 +11428,8 @@ const v4 = /* @__PURE__ */ U(d4, [["render", f4]]), h4 = { class: "ao-project-mi
                 ])
               ])
             ]),
-            v("div", $4, [
-              v("label", k4, [
+            v("div", k4, [
+              v("label", S4, [
                 A($e, {
                   modelValue: _.value,
                   "onUpdate:modelValue": m[2] || (m[2] = (L) => _.value = L),
@@ -11455,13 +11458,13 @@ const v4 = /* @__PURE__ */ U(d4, [["render", f4]]), h4 = { class: "ao-project-mi
                 }, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
               ])
             ]),
-            A(v4, {
+            A(h4, {
               color: d.value,
               "onUpdate:color": m[3] || (m[3] = (L) => d.value = L)
             }, null, 8, ["color"])
           ])) : T("", !0)
         ]),
-        v("div", S4, [
+        v("div", M4, [
           A(J(mt), He({
             class: "ao-project-milestone__activities",
             list: r.value,
@@ -11532,7 +11535,7 @@ const v4 = /* @__PURE__ */ U(d4, [["render", f4]]), h4 = { class: "ao-project-mi
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          g.isEditable ? (p(), C("div", M4, [
+          g.isEditable ? (p(), C("div", A4, [
             A(Ct, {
               "icon-name": "Add",
               label: g.$t("project.activity.add"),
@@ -11544,7 +11547,7 @@ const v4 = /* @__PURE__ */ U(d4, [["render", f4]]), h4 = { class: "ao-project-mi
     };
   }
 });
-const A4 = /* @__PURE__ */ Y({
+const T4 = /* @__PURE__ */ Y({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -11631,14 +11634,14 @@ const A4 = /* @__PURE__ */ Y({
       }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "attachment-enabled", "projects", "onClose"])) : T("", !0);
     };
   }
-}), T4 = { class: "ao-col-header" }, O4 = /* @__PURE__ */ Y({
+}), O4 = { class: "ao-col-header" }, E4 = /* @__PURE__ */ Y({
   __name: "AoColHeader",
   props: {
     title: {},
     items: {}
   },
   setup(t) {
-    return (e, a) => (p(), C("header", T4, [
+    return (e, a) => (p(), C("header", O4, [
       A(ye, {
         title: e.title,
         class: "ao-col-header__title",
@@ -11654,17 +11657,17 @@ const A4 = /* @__PURE__ */ Y({
     ]));
   }
 });
-function E4(t) {
+function I4(t) {
   return Pi() ? (Vi(t), !0) : !1;
 }
 function ja(t) {
   return typeof t == "function" ? t() : J(t);
 }
-const I4 = typeof window < "u" && typeof document < "u";
+const L4 = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const L4 = (t) => t != null, oa = () => {
+const H4 = (t) => t != null, oa = () => {
 };
-function H4(t, e) {
+function D4(t, e) {
   function a(...n) {
     return new Promise((s, o) => {
       Promise.resolve(t(() => e.apply(this, n), { fn: e, thisArg: this, args: n })).then(s).catch(o);
@@ -11672,7 +11675,7 @@ function H4(t, e) {
   }
   return a;
 }
-function D4(t, e = {}) {
+function P4(t, e = {}) {
   let a, n, s = oa;
   const o = (r) => {
     clearTimeout(r), s(), s = oa;
@@ -11688,9 +11691,9 @@ function D4(t, e = {}) {
     });
   };
 }
-function P4(t, e = 200, a = {}) {
-  return H4(
-    D4(e, a),
+function V4(t, e = 200, a = {}) {
+  return D4(
+    P4(e, a),
     t
   );
 }
@@ -11699,27 +11702,27 @@ function mn(t) {
   const a = ja(t);
   return (e = a == null ? void 0 : a.$el) != null ? e : a;
 }
-const V4 = I4 ? window : void 0;
-function B4() {
+const B4 = L4 ? window : void 0;
+function R4() {
   const t = ee(!1), e = At();
   return e && xt(() => {
     t.value = !0;
   }, e), t;
 }
-function R4(t) {
-  const e = B4();
+function N4(t) {
+  const e = R4();
   return M(() => (e.value, !!t()));
 }
-function N4(t, e, a = {}) {
+function j4(t, e, a = {}) {
   const {
     root: n,
     rootMargin: s = "0px",
     threshold: o = 0.1,
-    window: i = V4,
+    window: i = B4,
     immediate: r = !0
-  } = a, l = R4(() => i && "IntersectionObserver" in i), c = M(() => {
+  } = a, l = N4(() => i && "IntersectionObserver" in i), c = M(() => {
     const w = ja(t);
-    return (Array.isArray(w) ? w : [w]).map(mn).filter(L4);
+    return (Array.isArray(w) ? w : [w]).map(mn).filter(H4);
   });
   let u = oa;
   const f = ee(r), d = l.value ? ce(
@@ -11743,7 +11746,7 @@ function N4(t, e, a = {}) {
   ) : oa, h = () => {
     u(), d(), f.value = !1;
   };
-  return E4(h), {
+  return I4(h), {
     isSupported: l,
     isActive: f,
     pause() {
@@ -11755,24 +11758,24 @@ function N4(t, e, a = {}) {
     stop: h
   };
 }
-const j4 = {
+const F4 = {
   class: /* @__PURE__ */ X(["ao-list-kanban"])
-}, F4 = { class: "ao-list-kanban__header" }, U4 = {
+}, U4 = { class: "ao-list-kanban__header" }, Z4 = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
-}, Z4 = {
+}, W4 = {
   key: 1,
   class: "ao-list-kanban__end"
-}, W4 = {
+}, q4 = {
   key: 0,
   class: "ao-list-kanban__no-more"
-}, q4 = {
+}, z4 = {
   key: 1,
   class: "ao-list-kanban__divider"
-}, z4 = {
+}, x4 = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, x4 = /* @__PURE__ */ Y({
+}, Y4 = /* @__PURE__ */ Y({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -11790,7 +11793,7 @@ const j4 = {
   emits: ["add", "update:list", "change:list", "loadMore", "selectActivity", "archiveActivity", "unarchiveActivity", "updateActivity"],
   setup(t, { emit: e }) {
     const a = t, n = ee(!1), s = ee(null);
-    N4(s, ([{ isIntersecting: u }]) => {
+    j4(s, ([{ isIntersecting: u }]) => {
       n.value = u;
     }), ce(n, (u) => {
       u && a.hasMore && !a.isLoading && e("loadMore");
@@ -11815,12 +11818,12 @@ const j4 = {
         )
       });
     }, c = ee(!1);
-    return (u, f) => (p(), C("div", j4, [
+    return (u, f) => (p(), C("div", F4, [
       u.title || u.$slots.header ? te(u.$slots, "header", { key: 0 }, () => {
         var d;
         return [
-          v("div", F4, [
-            u.title ? (p(), V(O4, {
+          v("div", U4, [
+            u.title ? (p(), V(E4, {
               key: 0,
               title: u.title,
               level: 3,
@@ -11906,20 +11909,20 @@ const j4 = {
           ];
         }),
         footer: z(() => [
-          u.isLoading ? (p(), C("div", U4, [
+          u.isLoading ? (p(), C("div", Z4, [
             A(de, { name: "Loading" })
           ])) : u.hasMore ? (p(), C("div", {
             key: 2,
             ref_key: "scrollEnd",
             ref: s,
             class: "ao-list-kanban__end"
-          }, null, 512)) : (p(), C("div", Z4, [
-            u.noMoreLabel ? (p(), C("span", W4, Q(u.noMoreLabel), 1)) : u.isEditable ? (p(), C("span", q4)) : T("", !0)
+          }, null, 512)) : (p(), C("div", W4, [
+            u.noMoreLabel ? (p(), C("span", q4, Q(u.noMoreLabel), 1)) : u.isEditable ? (p(), C("span", z4)) : T("", !0)
           ]))
         ]),
         _: 1
       }, 16, ["class", "list", "disabled"]),
-      u.$slots.footer || u.footerLabel ? (p(), C("div", z4, [
+      u.$slots.footer || u.footerLabel ? (p(), C("div", x4, [
         te(u.$slots, "footer", {}, () => [
           u.isEditable ? (p(), V(Ct, {
             key: 0,
@@ -11932,7 +11935,7 @@ const j4 = {
     ]));
   }
 });
-const Y4 = { class: "ao-field ao-search-field" }, K4 = ["value", "placeholder", "onKeypress"], G4 = /* @__PURE__ */ Y({
+const K4 = { class: "ao-field ao-search-field" }, G4 = ["value", "placeholder", "onKeypress"], X4 = /* @__PURE__ */ Y({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -11944,10 +11947,10 @@ const Y4 = { class: "ao-field ao-search-field" }, K4 = ["value", "placeholder",
     const a = t, n = async (i) => {
       const l = i.target.value;
       e("update:modelValue", l, i);
-    }, s = P4(n, a.delay), o = (i) => {
+    }, s = V4(n, a.delay), o = (i) => {
       e("clear", i);
     };
-    return (i, r) => (p(), C("div", Y4, [
+    return (i, r) => (p(), C("div", K4, [
       v("input", {
         value: i.modelValue,
         type: "text",
@@ -11956,7 +11959,7 @@ const Y4 = { class: "ao-field ao-search-field" }, K4 = ["value", "placeholder",
         onInput: r[0] || (r[0] = //@ts-ignore
         (...l) => J(s) && J(s)(...l)),
         onKeypress: dt(n, ["enter"])
-      }, null, 40, K4),
+      }, null, 40, G4),
       A(de, {
         name: "SearchRounded",
         class: X(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
@@ -11972,7 +11975,7 @@ const Y4 = { class: "ao-field ao-search-field" }, K4 = ["value", "placeholder",
     ]));
   }
 });
-const X4 = { class: "ao-feed" }, Q4 = { class: "ao-feed__filters" }, J4 = { class: "ao-feed__body" }, e8 = /* @__PURE__ */ Y({
+const Q4 = { class: "ao-feed" }, J4 = { class: "ao-feed__filters" }, e8 = { class: "ao-feed__body" }, t8 = /* @__PURE__ */ Y({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -12082,10 +12085,10 @@ const X4 = { class: "ao-feed" }, Q4 = { class: "ao-feed__filters" }, J4 = { clas
     };
     return (O, k) => {
       var F;
-      return p(), C("div", X4, [
+      return p(), C("div", Q4, [
         A(Ga, null, {
           primary: z(() => [
-            v("div", Q4, [
+            v("div", J4, [
               a.project ? (p(), V(ci, {
                 key: 0,
                 "is-left": !1,
@@ -12095,7 +12098,7 @@ const X4 = { class: "ao-feed" }, Q4 = { class: "ao-feed__filters" }, J4 = { clas
                   B && O.$router.push({ name: J(Fe).project });
                 })
               }, null, 8, ["right-label", "left-label"])) : T("", !0),
-              A(G4, {
+              A(X4, {
                 "model-value": O.searchText,
                 placeholder: O.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
@@ -12176,8 +12179,8 @@ const X4 = { class: "ao-feed" }, Q4 = { class: "ao-feed__filters" }, J4 = { clas
           ]),
           _: 1
         }),
-        v("div", J4, [
-          (p(!0), C(ve, null, _e(O.statuses, (B) => (p(), V(x4, {
+        v("div", e8, [
+          (p(!0), C(ve, null, _e(O.statuses, (B) => (p(), V(Y4, {
             key: B.id,
             status: B,
             list: r.value[B.id],
@@ -12235,7 +12238,7 @@ const Dt = {
   TEMPLATES: "templates",
   TEMPLATE_DETAILS: "template_details",
   TEMPLATES_LIST: "templates_list"
-}, C8 = (t, e = {}) => [
+}, g8 = (t, e = {}) => [
   {
     path: t,
     name: Dt.TEMPLATES,
@@ -12245,12 +12248,12 @@ const Dt = {
       {
         path: "",
         name: Dt.TEMPLATES_LIST,
-        component: a8
+        component: n8
       },
       {
         path: ":templateId/:phaseId?/:milestoneId?/:activityId?",
         name: Dt.TEMPLATE_DETAILS,
-        component: Mv,
+        component: Av,
         props: !0
       }
     ]
@@ -12260,7 +12263,7 @@ const Dt = {
   feed: "AoProjectFeed",
   milestone: "AoMilestone",
   activity: "AoActivity"
-}, g8 = (t, e = {}) => [
+}, _8 = (t, e = {}) => [
   {
     path: t,
     ...e,
@@ -12269,7 +12272,7 @@ const Dt = {
       {
         path: "",
         name: Fe.project,
-        component: y9,
+        component: b9,
         props: !0,
         children: [
           {
@@ -12284,7 +12287,7 @@ const Dt = {
             props: { default: !0, modal: !0 },
             components: {
               default: As,
-              modal: A4
+              modal: T4
             }
           }
         ]
@@ -12292,12 +12295,12 @@ const Dt = {
       {
         path: "feed",
         name: Fe.feed,
-        component: e8,
+        component: t8,
         props: !0
       }
     ]
   }
-], t8 = { class: "ao-templates" }, a8 = /* @__PURE__ */ Y({
+], a8 = { class: "ao-templates" }, n8 = /* @__PURE__ */ Y({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -12337,7 +12340,7 @@ const Dt = {
         });
       }
     };
-    return (r, l) => (p(), C("div", t8, [
+    return (r, l) => (p(), C("div", a8, [
       A(Ga, null, {
         secondary: z(() => [
           A(le, {
@@ -12381,7 +12384,7 @@ const Dt = {
     ]));
   }
 });
-const n8 = { class: "ao-field__label" }, s8 = /* @__PURE__ */ Y({
+const s8 = { class: "ao-field__label" }, i8 = /* @__PURE__ */ Y({
   __name: "AoField",
   props: {
     label: {},
@@ -12391,11 +12394,11 @@ const n8 = { class: "ao-field__label" }, s8 = /* @__PURE__ */ Y({
     return (e, a) => (p(), C("label", {
       class: X(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
-      v("span", n8, Q(e.label), 1),
+      v("span", s8, Q(e.label), 1),
       te(e.$slots, "default")
     ], 2));
   }
-}), i8 = ["type", "value", "disabled", "readonly"], _8 = /* @__PURE__ */ Y({
+}), o8 = ["type", "value", "disabled", "readonly"], y8 = /* @__PURE__ */ Y({
   __name: "AoInputField",
   props: {
     label: { default: "" },
@@ -12412,7 +12415,7 @@ const n8 = { class: "ao-field__label" }, s8 = /* @__PURE__ */ Y({
     ), s = (o) => {
       a.modelModifiers.number && (o = Number(o)), e("update:modelValue", o);
     };
-    return (o, i) => (p(), V(s8, { label: o.label }, {
+    return (o, i) => (p(), V(i8, { label: o.label }, {
       default: z(() => [
         v("input", He({
           class: "ao-field__input",
@@ -12422,12 +12425,12 @@ const n8 = { class: "ao-field__label" }, s8 = /* @__PURE__ */ Y({
           readonly: o.isReadonly
         }, {
           [Bi(n.value)]: i[0] || (i[0] = (r) => s(r.target.value))
-        }), null, 16, i8)
+        }), null, 16, o8)
       ]),
       _: 1
     }, 8, ["label"]));
   }
-}), o8 = { class: "ao-field" }, r8 = { class: "ao-field__label" }, l8 = ["checked", "disabled"], y8 = /* @__PURE__ */ Y({
+}), r8 = { class: "ao-field" }, l8 = { class: "ao-field__label" }, u8 = ["checked", "disabled"], b8 = /* @__PURE__ */ Y({
   __name: "AoCheckboxField",
   props: {
     label: { default: "" },
@@ -12437,8 +12440,8 @@ const n8 = { class: "ao-field__label" }, s8 = /* @__PURE__ */ Y({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (p(), C("label", o8, [
-      v("span", r8, Q(e.label), 1),
+    return (e, a) => (p(), C("label", r8, [
+      v("span", l8, Q(e.label), 1),
       v("input", {
         class: "ao-field__input",
         type: "checkbox",
@@ -12451,29 +12454,29 @@ const n8 = { class: "ao-field__label" }, s8 = /* @__PURE__ */ Y({
             ((s = n.target) == null ? void 0 : s.checked) ?? !1
           );
         })
-      }, null, 40, l8)
+      }, null, 40, u8)
     ]));
   }
 });
 export {
   Je as AoAvatar,
   di as AoCardFeed,
-  y8 as AoCheckboxField,
-  e8 as AoFeed,
-  s8 as AoField,
-  _8 as AoInputField,
+  b8 as AoCheckboxField,
+  t8 as AoFeed,
+  i8 as AoField,
+  y8 as AoInputField,
   $e as AoMultiselect,
-  u9 as AoProjectPhases,
-  Mv as AoTemplateDetails,
-  f8 as AoTemplates,
-  a8 as AoTemplatesList,
+  c9 as AoProjectPhases,
+  Av as AoTemplateDetails,
+  v8 as AoTemplates,
+  n8 as AoTemplatesList,
   F2 as TemplateItemTypeEnum,
-  h8 as activityFeedStatus,
-  v8 as durationTypes,
+  m8 as activityFeedStatus,
+  h8 as durationTypes,
   Lt as feedFilterTypes,
-  g8 as getProjectOverviewRoutes,
-  C8 as getTemplateRoutes,
-  m8 as listUpdateTypes,
+  _8 as getProjectOverviewRoutes,
+  g8 as getTemplateRoutes,
+  C8 as listUpdateTypes,
   Cn as milestoneStatus,
   Fe as projectOverviewRoutes,
   R2 as ruleComparators,