@26lights/orcha 0.41.73 → 0.41.75

package/dist/orcha.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as q, openBlock as p, createBlock as D, unref as Q, mergeProps as Ae, createElementBlock as C, createElementVNode as f, pushScopeId as Vi, popScopeId as Di, createStaticVNode as Bi, computed as A, resolveDynamicComponent as ht, normalizeClass as X, renderSlot as te, toDisplayString as W, createCommentVNode as O, ref as x, watch as ce, nextTick as Me, withKeys as dt, toHandlers as ji, withCtx as N, createTextVNode as qa, createVNode as M, normalizeStyle as Mt, withModifiers as ve, createSlots as fa, Fragment as fe, renderList as _e, onMounted as It, onBeforeUnmount as Ts, onUnmounted as Os, Teleport as Tt, toRefs as Ee, getCurrentInstance as Lt, toRef as Rt, normalizeProps as ha, guardReactiveProps as ma, withDirectives as De, vShow as Ri, onUpdated as Ni, vModelText as Ze, resolveComponent as rt, vModelCheckbox as Ui, getCurrentScope as Fi, onScopeDispose as Zi, toHandlerKey as Wi } from "vue";
+import { defineComponent as q, openBlock as p, createBlock as D, unref as Q, mergeProps as Ae, createElementBlock as C, createElementVNode as f, pushScopeId as Vi, popScopeId as Di, createStaticVNode as Bi, computed as A, resolveDynamicComponent as mt, normalizeClass as X, renderSlot as te, toDisplayString as W, createCommentVNode as O, ref as x, watch as ce, nextTick as Me, withKeys as dt, toHandlers as ji, withCtx as N, createTextVNode as qa, createVNode as M, normalizeStyle as pt, withModifiers as ve, createSlots as fa, Fragment as fe, renderList as _e, onMounted as It, onBeforeUnmount as Ts, onUnmounted as Os, Teleport as Tt, toRefs as Ee, getCurrentInstance as Lt, toRef as Rt, normalizeProps as ha, guardReactiveProps as ma, withDirectives as De, vShow as Ri, onUpdated as Ni, vModelText as Ze, resolveComponent as rt, vModelCheckbox as Ui, getCurrentScope as Fi, onScopeDispose as Zi, toHandlerKey as Wi } from "vue";
 import { RouterView as zi, useRoute as qi, useRouter as Es } from "vue-router";
-import mt from "vuedraggable";
-const e8 = /* @__PURE__ */ q({
+import gt from "vuedraggable";
+const t8 = /* @__PURE__ */ q({
   __name: "AoTemplates",
   props: {
     templates: {}
@@ -1168,7 +1168,7 @@ const Ln = {
   },
   setup(t) {
     const e = t, a = A(() => L2[e.name]);
-    return (s, n) => (p(), D(ht(a.value), {
+    return (s, n) => (p(), D(mt(a.value), {
       class: X(["ao-icon", `ao-icon--${s.size}`])
     }, null, 8, ["class"]));
   }
@@ -1280,7 +1280,7 @@ const be = /* @__PURE__ */ q({
       (b) => {
         b || d();
       }
-    ), (b, g) => (p(), D(ht(r.value), Ae({
+    ), (b, g) => (p(), D(mt(r.value), Ae({
       id: b.id,
       ref_key: "target",
       ref: s,
@@ -1346,7 +1346,7 @@ const j2 = {
     const a = (s) => {
       e("update:title", s);
     };
-    return (s, n) => (p(), D(ht(s.tagName), {
+    return (s, n) => (p(), D(mt(s.tagName), {
       class: X(["ao-card-horiz", { "ao-card-horiz--active": s.isActive }])
     }, {
       default: N(() => [
@@ -1419,9 +1419,9 @@ const ra = /* @__PURE__ */ q({
         n.closable ? "ao-tag--closable" : "",
         n.variant ? `ao-tag--${n.variant}` : ""
       ]),
-      style: Mt(n.rawColor ? { "--ao-tag-bg": n.rawColor } : {})
+      style: pt(n.rawColor ? { "--ao-tag-bg": n.rawColor } : {})
     }, [
-      (p(), D(ht(a.value), Ae({ class: "ao-tag__label" }, s.value, {
+      (p(), D(mt(a.value), Ae({ class: "ao-tag__label" }, s.value, {
         onClick: o[0] || (o[0] = (i) => n.$emit("click", i))
       }), {
         default: N(() => [
@@ -1453,11 +1453,11 @@ const Ba = {
   todo: "todo",
   done: "done",
   archived: "archived"
-}, t8 = {
+}, a8 = {
   months: "months",
   weeks: "weeks",
   days: "days"
-}, a8 = {
+}, s8 = {
   future: "future",
   this_month: "this_month",
   this_week: "this_week",
@@ -1481,7 +1481,7 @@ const Ba = {
   TASKS: "tasks"
 };
 var G2 = /* @__PURE__ */ ((t) => (t.PHASES = "phases", t.MILESTONES = "milestones", t.ACTIVITIES = "activities", t))(G2 || {});
-const s8 = {
+const n8 = {
   add: "add",
   remove: "remove",
   moved: "moved"
@@ -2173,11 +2173,11 @@ var Bt = {
         return vn(i);
       case "XXXX":
       case "XX":
-        return kt(i);
+        return St(i);
       case "XXXXX":
       case "XXX":
       default:
-        return kt(i, ":");
+        return St(i, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -2188,11 +2188,11 @@ var Bt = {
         return vn(i);
       case "xxxx":
       case "xx":
-        return kt(i);
+        return St(i);
       case "xxxxx":
       case "xxx":
       default:
-        return kt(i, ":");
+        return St(i, ":");
     }
   },
   // Timezone (GMT)
@@ -2205,7 +2205,7 @@ var Bt = {
         return "GMT" + pn(i, ":");
       case "OOOO":
       default:
-        return "GMT" + kt(i, ":");
+        return "GMT" + St(i, ":");
     }
   },
   // Timezone (specific non-location)
@@ -2218,7 +2218,7 @@ var Bt = {
         return "GMT" + pn(i, ":");
       case "zzzz":
       default:
-        return "GMT" + kt(i, ":");
+        return "GMT" + St(i, ":");
     }
   },
   // Seconds timestamp
@@ -2244,9 +2244,9 @@ function vn(t, e) {
     var a = t > 0 ? "-" : "+";
     return a + de(Math.abs(t) / 60, 2);
   }
-  return kt(t, e);
+  return St(t, e);
 }
-function kt(t, e) {
+function St(t, e) {
   var a = e || "", s = t > 0 ? "-" : "+", n = Math.abs(t), o = de(Math.floor(n / 60), 2), i = de(n % 60, 2);
   return s + o + a + i;
 }
@@ -3914,7 +3914,7 @@ const d5 = { class: "ao-page-header" }, p5 = { class: "ao-page-header-main" }, v
 const f5 = ["type"], h5 = {
   key: 0,
   class: "ao-button-card__label"
-}, gt = /* @__PURE__ */ q({
+}, Ct = /* @__PURE__ */ q({
   __name: "AoButtonCard",
   props: {
     label: { default: () => "" },
@@ -4066,7 +4066,7 @@ const y5 = /* @__PURE__ */ q({
         });
       }
     };
-    return (l, r) => l.phase ? (p(), D(Q(mt), {
+    return (l, r) => l.phase ? (p(), D(Q(gt), {
       key: 0,
       "model-value": l.phase.milestones,
       class: "ao-templates__list",
@@ -4101,7 +4101,7 @@ const y5 = /* @__PURE__ */ q({
       ]),
       footer: N(() => [
         f("div", w5, [
-          M(gt, {
+          M(Ct, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.milestones.add"),
             onClick: s
@@ -4156,7 +4156,7 @@ const y5 = /* @__PURE__ */ q({
         });
       }
     };
-    return (l, r) => l.milestone ? (p(), D(Q(mt), {
+    return (l, r) => l.milestone ? (p(), D(Q(gt), {
       key: 0,
       "model-value": l.milestone.activities,
       title: l.$t("template.activities.title"),
@@ -4187,7 +4187,7 @@ const y5 = /* @__PURE__ */ q({
       ]),
       footer: N(() => [
         f("div", S5, [
-          M(gt, {
+          M(Ct, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.activities.add"),
             onClick: s
@@ -4241,7 +4241,7 @@ const y5 = /* @__PURE__ */ q({
     ], 2));
   }
 });
-const da = Math.min, He = Math.max, Ua = Math.round, Pa = Math.floor, pt = (t) => ({
+const da = Math.min, He = Math.max, Ua = Math.round, Pa = Math.floor, vt = (t) => ({
   x: t,
   y: t
 }), P5 = {
@@ -4607,7 +4607,7 @@ const Z5 = function(t) {
     }
   };
 };
-function vt(t) {
+function ft(t) {
   return Jn(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function Te(t) {
@@ -4640,7 +4640,7 @@ function wa(t) {
   return /auto|scroll|overlay|hidden|clip/.test(e + s + a) && !["inline", "contents"].includes(n);
 }
 function z5(t) {
-  return ["table", "td", "th"].includes(vt(t));
+  return ["table", "td", "th"].includes(ft(t));
 }
 function js(t) {
   const e = Rs(), a = je(t);
@@ -4659,7 +4659,7 @@ function Rs() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function ts(t) {
-  return ["html", "body", "#document"].includes(vt(t));
+  return ["html", "body", "#document"].includes(ft(t));
 }
 function je(t) {
   return Te(t).getComputedStyle(t);
@@ -4674,7 +4674,7 @@ function as(t) {
   };
 }
 function Wt(t) {
-  if (vt(t) === "html")
+  if (ft(t) === "html")
     return t;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -4711,7 +4711,7 @@ function Ns(t) {
 function Nt(t) {
   const e = Ns(t);
   if (!We(e))
-    return pt(1);
+    return vt(1);
   const a = e.getBoundingClientRect(), {
     width: s,
     height: n,
@@ -4723,7 +4723,7 @@ function Nt(t) {
     y: l
   };
 }
-const Y5 = /* @__PURE__ */ pt(0);
+const Y5 = /* @__PURE__ */ vt(0);
 function ai(t) {
   const e = Te(t);
   return !Rs() || !e.visualViewport ? Y5 : {
@@ -4737,9 +4737,9 @@ function x5(t, e, a) {
 function Ot(t, e, a, s) {
   e === void 0 && (e = !1), a === void 0 && (a = !1);
   const n = t.getBoundingClientRect(), o = Ns(t);
-  let i = pt(1);
+  let i = vt(1);
   e && (s ? et(s) && (i = Nt(s)) : i = Nt(t));
-  const l = x5(o, a, s) ? ai(o) : pt(0);
+  const l = x5(o, a, s) ? ai(o) : vt(0);
   let r = (n.left + l.x) / i.x, c = (n.top + l.y) / i.y, u = n.width / i.x, d = n.height / i.y;
   if (o) {
     const v = Te(o), m = s && et(s) ? Te(s) : s;
@@ -4768,9 +4768,9 @@ function K5(t) {
   let i = {
     scrollLeft: 0,
     scrollTop: 0
-  }, l = pt(1);
-  const r = pt(0);
-  if ((n || !n && s !== "fixed") && ((vt(a) !== "body" || wa(o)) && (i = as(a)), We(a))) {
+  }, l = vt(1);
+  const r = vt(0);
+  if ((n || !n && s !== "fixed") && ((ft(a) !== "body" || wa(o)) && (i = as(a)), We(a))) {
     const c = Ot(a);
     l = Nt(a), r.x = c.x + a.clientLeft, r.y = c.y + a.clientTop;
   }
@@ -4814,7 +4814,7 @@ function Q5(t, e) {
   };
 }
 function J5(t, e) {
-  const a = Ot(t, !0, e === "fixed"), s = a.top + t.clientTop, n = a.left + t.clientLeft, o = We(t) ? Nt(t) : pt(1), i = t.clientWidth * o.x, l = t.clientHeight * o.y, r = n * o.x, c = s * o.y;
+  const a = Ot(t, !0, e === "fixed"), s = a.top + t.clientTop, n = a.left + t.clientLeft, o = We(t) ? Nt(t) : vt(1), i = t.clientWidth * o.x, l = t.clientHeight * o.y, r = n * o.x, c = s * o.y;
   return {
     width: i,
     height: l,
@@ -4848,7 +4848,7 @@ function e7(t, e) {
   const a = e.get(t);
   if (a)
     return a;
-  let s = pa(t, [], !1).filter((l) => et(l) && vt(l) !== "body"), n = null;
+  let s = pa(t, [], !1).filter((l) => et(l) && ft(l) !== "body"), n = null;
   const o = je(t).position === "fixed";
   let i = o ? Wt(t) : t;
   for (; et(i) && !ts(i); ) {
@@ -4884,9 +4884,9 @@ function s7(t, e, a) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const r = pt(0);
+  const r = vt(0);
   if (s || !s && !o)
-    if ((vt(e) !== "body" || wa(n)) && (l = as(e)), s) {
+    if ((ft(e) !== "body" || wa(n)) && (l = as(e)), s) {
       const c = Ot(e, !0, o, e);
       r.x = c.x + e.clientLeft, r.y = c.y + e.clientTop;
     } else
@@ -4908,7 +4908,7 @@ function ii(t, e) {
   let s = bn(t, e);
   for (; s && z5(s) && je(s).position === "static"; )
     s = bn(s, e);
-  return s && (vt(s) === "html" || vt(s) === "body" && je(s).position === "static" && !js(s)) ? a : s || q5(t) || a;
+  return s && (ft(s) === "html" || ft(s) === "body" && je(s).position === "static" && !js(s)) ? a : s || q5(t) || a;
 }
 const n7 = async function(t) {
   let {
@@ -5215,7 +5215,7 @@ function g7(t, e, a) {
     searchFilter: oe
   } = Ee(t), ne = Lt().proxy, Z = a.iv, H = a.ev, Y = a.search, he = a.clearSearch, ke = a.update, Gt = a.pointer, Xt = a.setPointer, st = a.clearPointer, $a = a.focus, rs = a.deactivate, nt = a.close, ka = a.localize, it = x([]), Ue = x([]), Ie = x(!1), Re = x(null), Ye = x(ee.value && i.value === -1 ? 10 : i.value), Qt = A(() => r.value || c.value || !1), Sa = A(() => d.value !== void 0 ? d.value : v.value !== void 0 ? v.value : !0), Le = A(() => {
     if (le.value) {
-      let S = yt.value || /* istanbul ignore next */
+      let S = bt.value || /* istanbul ignore next */
       [], B = [];
       return S.forEach((ue) => {
         hs(ue[E.value]).forEach((ge) => {
@@ -5233,7 +5233,7 @@ function g7(t, e, a) {
   }), ot = A(() => {
     let S = Jt.value;
     return Ye.value > 0 && (S = S.slice(0, Ye.value)), S;
-  }), yt = A(() => {
+  }), bt = A(() => {
     if (!le.value)
       return [];
     let S = [], B = Ue.value || /* istanbul ignore next */
@@ -5244,7 +5244,7 @@ function g7(t, e, a) {
       __CREATE__: !0
     }), S.concat(B);
   }), Aa = A(() => {
-    let S = [...yt.value].map((B) => ({ ...B }));
+    let S = [...bt.value].map((B) => ({ ...B }));
     return Pt.value.length && (S[0] && S[0].__CREATE__ ? S[0][E.value] = [...Pt.value, ...S[0][E.value]] : S = [{
       [z.value]: " ",
       [E.value]: [...Pt.value],
@@ -5261,8 +5261,8 @@ function g7(t, e, a) {
         ...B,
         index: ue,
         group: !0,
-        [E.value]: fs(ge, !1).map((wt) => Object.assign({}, wt, B[y.value] ? { [y.value]: !0 } : {})),
-        __VISIBLE__: fs(ge).map((wt) => Object.assign({}, wt, B[y.value] ? { [y.value]: !0 } : {}))
+        [E.value]: fs(ge, !1).map(($t) => Object.assign({}, $t, B[y.value] ? { [y.value]: !0 } : {})),
+        __VISIBLE__: fs(ge).map(($t) => Object.assign({}, $t, B[y.value] ? { [y.value]: !0 } : {}))
       };
     }));
   }), cs = A(() => {
@@ -5275,10 +5275,10 @@ function g7(t, e, a) {
     }
   }), Ci = A(() => m !== void 0 && m.value !== void 0 ? m.value(Z.value, ne) : Z.value && Z.value.length > 1 ? `${Z.value.length} options selected` : "1 option selected"), _i = A(() => !Le.value.length && !Ie.value && !Pt.value.length), yi = A(() => Le.value.length > 0 && ot.value.length == 0 && (Y.value && le.value || !le.value)), Pt = A(() => Qt.value === !1 || !Y.value ? [] : Oi(Y.value) !== -1 ? [] : [{
     [L.value]: Y.value,
-    [bt.value[0]]: Y.value,
+    [wt.value[0]]: Y.value,
     [u.value]: Y.value,
     __CREATE__: !0
-  }]), bt = A(() => o.value ? Array.isArray(o.value) ? o.value : [o.value] : [u.value]), bi = A(() => {
+  }]), wt = A(() => o.value ? Array.isArray(o.value) ? o.value : [o.value] : [u.value]), bi = A(() => {
     switch (n.value) {
       case "single":
         return null;
@@ -5387,7 +5387,7 @@ function g7(t, e, a) {
     Ke(S[L.value]) === void 0 && Qt.value && (e.emit("tag", S[L.value], ne), e.emit("option", S[L.value], ne), e.emit("create", S[L.value], ne), Sa.value && Ii(S), he());
   }, Ai = () => {
     n.value !== "single" && Ht(ot.value.filter((S) => !S.disabled && !xe(S)));
-  }, Mi = (S) => S.find((B) => !xe(B) && !B[y.value]) === void 0, Ti = (S) => S.find((B) => !xe(B)) === void 0, Ke = (S) => Le.value[Le.value.map((B) => String(B[L.value])).indexOf(String(S))], Oi = (S) => Le.value.findIndex((B) => bt.value.some((ue) => (parseInt(B[ue]) == B[ue] ? parseInt(B[ue]) : B[ue]) === (parseInt(S) == S ? parseInt(S) : S))), Ei = (S) => ["tags", "multiple"].indexOf(n.value) !== -1 && l.value && xe(S), Ii = (S) => {
+  }, Mi = (S) => S.find((B) => !xe(B) && !B[y.value]) === void 0, Ti = (S) => S.find((B) => !xe(B)) === void 0, Ke = (S) => Le.value[Le.value.map((B) => String(B[L.value])).indexOf(String(S))], Oi = (S) => Le.value.findIndex((B) => wt.value.some((ue) => (parseInt(B[ue]) == B[ue] ? parseInt(B[ue]) : B[ue]) === (parseInt(S) == S ? parseInt(S) : S))), Ei = (S) => ["tags", "multiple"].indexOf(n.value) !== -1 && l.value && xe(S), Ii = (S) => {
     it.value.push(S);
   }, Li = (S) => T.value ? S.filter(
     (B) => Y.value ? B.__VISIBLE__.length : B[E.value].length
@@ -5395,18 +5395,18 @@ function g7(t, e, a) {
     let ue = S;
     if (Y.value && _.value) {
       let ge = oe.value;
-      ge || (ge = (wt, un, G4) => bt.value.some((Hi) => {
-        let cn = ys(ka(wt[Hi]), ae.value);
+      ge || (ge = ($t, un, X4) => wt.value.some((Hi) => {
+        let cn = ys(ka($t[Hi]), ae.value);
         return V.value ? cn.startsWith(ys(un, ae.value)) : cn.indexOf(ys(un, ae.value)) !== -1;
-      })), ue = ue.filter((wt) => ge(wt, Y.value, ne));
+      })), ue = ue.filter(($t) => ge($t, Y.value, ne));
     }
     return l.value && B && (ue = ue.filter((ge) => !Ei(ge))), ue;
   }, hs = (S) => {
     let B = S;
     return h7(B) && (B = Object.keys(B).map((ue) => {
       let ge = B[ue];
-      return { [L.value]: ue, [bt.value[0]]: ge, [u.value]: ge };
-    })), B = B.map((ue) => typeof ue == "object" ? ue : { [L.value]: ue, [bt.value[0]]: ue, [u.value]: ue }), B;
+      return { [L.value]: ue, [wt.value[0]]: ge, [u.value]: ge };
+    })), B = B.map((ue) => typeof ue == "object" ? ue : { [L.value]: ue, [wt.value[0]]: ue, [u.value]: ue }), B;
   }, Ma = () => {
     Fe(H.value) || (Z.value = Oa(H.value));
   }, Ta = (S) => (Ie.value = !0, new Promise((B, ue) => {
@@ -5438,11 +5438,11 @@ function g7(t, e, a) {
   }, Oa = (S) => Fe(S) ? n.value === "single" ? {} : [] : w.value ? S : n.value === "single" ? Ke(S) || (F.value ? {
     [u.value]: S,
     [L.value]: S,
-    [bt.value[0]]: S
+    [wt.value[0]]: S
   } : {}) : S.filter((B) => !!Ke(B) || F.value).map((B) => Ke(B) || {
     [u.value]: B,
     [L.value]: B,
-    [bt.value[0]]: B
+    [wt.value[0]]: B
   }), rn = () => {
     Re.value = ce(Y, (S) => {
       S.length < h.value || !S && h.value !== 0 || (Ie.value = !0, P.value && (Ue.value = []), setTimeout(() => {
@@ -5487,8 +5487,8 @@ function g7(t, e, a) {
     multipleLabelText: Ci,
     eo: Le,
     extendedOptions: Le,
-    eg: yt,
-    extendedGroups: yt,
+    eg: bt,
+    extendedGroups: bt,
     fg: us,
     filteredGroups: us,
     noOptions: _i,
@@ -5625,7 +5625,7 @@ function Us(t) {
   var e = Oe(t).ShadowRoot;
   return t instanceof e || t instanceof ShadowRoot;
 }
-var St = Math.max, Wa = Math.min, zt = Math.round;
+var At = Math.max, Wa = Math.min, zt = Math.round;
 function ks() {
   var t = navigator.userAgentData;
   return t != null && t.brands && Array.isArray(t.brands) ? t.brands.map(function(e) {
@@ -5670,14 +5670,14 @@ function y7(t) {
 function ze(t) {
   return t ? (t.nodeName || "").toLowerCase() : null;
 }
-function Ct(t) {
+function _t(t) {
   return ((Et(t) ? t.ownerDocument : (
     // $FlowFixMe[prop-missing]
     t.document
   )) || window.document).documentElement;
 }
 function Zs(t) {
-  return qt(Ct(t)).left + Fs(t).scrollLeft;
+  return qt(_t(t)).left + Fs(t).scrollLeft;
 }
 function tt(t) {
   return Oe(t).getComputedStyle(t);
@@ -5692,7 +5692,7 @@ function b7(t) {
 }
 function w7(t, e, a) {
   a === void 0 && (a = !1);
-  var s = Be(e), n = Be(e) && b7(e), o = Ct(e), i = qt(t, n, a), l = {
+  var s = Be(e), n = Be(e) && b7(e), o = _t(e), i = qt(t, n, a), l = {
     scrollLeft: 0,
     scrollTop: 0
   }, r = {
@@ -5725,7 +5725,7 @@ function ss(t) {
     t.parentNode || // DOM Element detected
     (Us(t) ? t.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    Ct(t)
+    _t(t)
   );
 }
 function ri(t) {
@@ -5768,7 +5768,7 @@ function ns(t) {
     a = wn(a);
   return a && (ze(a) === "html" || ze(a) === "body" && tt(a).position === "static") ? e : a || k7(t) || e;
 }
-var Ne = "top", qe = "bottom", ft = "right", Ge = "left", zs = "auto", is = [Ne, qe, ft, Ge], Yt = "start", va = "end", S7 = "clippingParents", ui = "viewport", ia = "popper", A7 = "reference", $n = /* @__PURE__ */ is.reduce(function(t, e) {
+var Ne = "top", qe = "bottom", ht = "right", Ge = "left", zs = "auto", is = [Ne, qe, ht, Ge], Yt = "start", va = "end", S7 = "clippingParents", ui = "viewport", ia = "popper", A7 = "reference", $n = /* @__PURE__ */ is.reduce(function(t, e) {
   return t.concat([e + "-" + Yt, e + "-" + va]);
 }, []), M7 = /* @__PURE__ */ [].concat(is, [zs]).reduce(function(t, e) {
   return t.concat([e, e + "-" + Yt, e + "-" + va]);
@@ -5823,7 +5823,7 @@ function U7(t) {
   });
 }
 function F7(t, e) {
-  var a = Oe(t), s = Ct(t), n = a.visualViewport, o = s.clientWidth, i = s.clientHeight, l = 0, r = 0;
+  var a = Oe(t), s = _t(t), n = a.visualViewport, o = s.clientWidth, i = s.clientHeight, l = 0, r = 0;
   if (n) {
     o = n.width, i = n.height;
     var c = oi();
@@ -5837,8 +5837,8 @@ function F7(t, e) {
   };
 }
 function Z7(t) {
-  var e, a = Ct(t), s = Fs(t), n = (e = t.ownerDocument) == null ? void 0 : e.body, o = St(a.scrollWidth, a.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), i = St(a.scrollHeight, a.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), l = -s.scrollLeft + Zs(t), r = -s.scrollTop;
-  return tt(n || a).direction === "rtl" && (l += St(a.clientWidth, n ? n.clientWidth : 0) - o), {
+  var e, a = _t(t), s = Fs(t), n = (e = t.ownerDocument) == null ? void 0 : e.body, o = At(a.scrollWidth, a.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), i = At(a.scrollHeight, a.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), l = -s.scrollLeft + Zs(t), r = -s.scrollTop;
+  return tt(n || a).direction === "rtl" && (l += At(a.clientWidth, n ? n.clientWidth : 0) - o), {
     width: o,
     height: i,
     x: l,
@@ -5872,7 +5872,7 @@ function z7(t, e) {
   return a.top = a.top + t.clientTop, a.left = a.left + t.clientLeft, a.bottom = a.top + t.clientHeight, a.right = a.left + t.clientWidth, a.width = t.clientWidth, a.height = t.clientHeight, a.x = a.left, a.y = a.top, a;
 }
 function kn(t, e, a) {
-  return e === ui ? Ss(F7(t, a)) : Et(e) ? z7(e, a) : Ss(Z7(Ct(t)));
+  return e === ui ? Ss(F7(t, a)) : Et(e) ? z7(e, a) : Ss(Z7(_t(t)));
 }
 function q7(t) {
   var e = oa(ss(t)), a = ["absolute", "fixed"].indexOf(tt(t).position) >= 0, s = a && Be(t) ? ns(t) : t;
@@ -5883,7 +5883,7 @@ function q7(t) {
 function Y7(t, e, a, s) {
   var n = e === "clippingParents" ? q7(t) : [].concat(e), o = [].concat(n, [a]), i = o[0], l = o.reduce(function(r, c) {
     var u = kn(t, c, s);
-    return r.top = St(u.top, r.top), r.right = Wa(u.right, r.right), r.bottom = Wa(u.bottom, r.bottom), r.left = St(u.left, r.left), r;
+    return r.top = At(u.top, r.top), r.right = Wa(u.right, r.right), r.bottom = Wa(u.bottom, r.bottom), r.left = At(u.left, r.left), r;
   }, kn(t, i, s));
   return l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
 }
@@ -5911,7 +5911,7 @@ function di(t) {
         y: e.y + e.height
       };
       break;
-    case ft:
+    case ht:
       r = {
         x: e.x + e.width,
         y: l
@@ -5961,7 +5961,7 @@ function K7(t, e) {
 }
 function qs(t, e) {
   e === void 0 && (e = {});
-  var a = e, s = a.placement, n = s === void 0 ? t.placement : s, o = a.strategy, i = o === void 0 ? t.strategy : o, l = a.boundary, r = l === void 0 ? S7 : l, c = a.rootBoundary, u = c === void 0 ? ui : c, d = a.elementContext, v = d === void 0 ? ia : d, m = a.altBoundary, w = m === void 0 ? !1 : m, b = a.padding, g = b === void 0 ? 0 : b, $ = x7(typeof g != "number" ? g : K7(g, is)), h = v === ia ? A7 : ia, _ = t.rects.popper, P = t.elements[w ? h : v], I = Y7(Et(P) ? P : P.contextElement || Ct(t.elements.popper), r, u, i), L = qt(t.elements.reference), F = di({
+  var a = e, s = a.placement, n = s === void 0 ? t.placement : s, o = a.strategy, i = o === void 0 ? t.strategy : o, l = a.boundary, r = l === void 0 ? S7 : l, c = a.rootBoundary, u = c === void 0 ? ui : c, d = a.elementContext, v = d === void 0 ? ia : d, m = a.altBoundary, w = m === void 0 ? !1 : m, b = a.padding, g = b === void 0 ? 0 : b, $ = x7(typeof g != "number" ? g : K7(g, is)), h = v === ia ? A7 : ia, _ = t.rects.popper, P = t.elements[w ? h : v], I = Y7(Et(P) ? P : P.contextElement || _t(t.elements.popper), r, u, i), L = qt(t.elements.reference), F = di({
     reference: L,
     element: _,
     strategy: "absolute",
@@ -5975,7 +5975,7 @@ function qs(t, e) {
   if (v === ia && ae) {
     var j = ae[n];
     Object.keys(J).forEach(function(G) {
-      var le = [ft, qe].indexOf(G) >= 0 ? 1 : -1, se = [Ne, qe].indexOf(G) >= 0 ? "y" : "x";
+      var le = [ht, qe].indexOf(G) >= 0 ? 1 : -1, se = [Ne, qe].indexOf(G) >= 0 ? "y" : "x";
       J[G] += j[se] * le;
     });
   }
@@ -6154,7 +6154,7 @@ function Mn(t) {
   var $ = i.hasOwnProperty("x"), h = i.hasOwnProperty("y"), _ = Ge, P = Ne, I = window;
   if (c) {
     var L = ns(a), F = "clientHeight", z = "clientWidth";
-    if (L === Oe(a) && (L = Ct(a), tt(L).position !== "static" && l === "absolute" && (F = "scrollHeight", z = "scrollWidth")), L = L, n === Ne || (n === Ge || n === ft) && o === va) {
+    if (L === Oe(a) && (L = _t(a), tt(L).position !== "static" && l === "absolute" && (F = "scrollHeight", z = "scrollWidth")), L = L, n === Ne || (n === Ge || n === ht) && o === va) {
       P = qe;
       var K = d && L === I && I.visualViewport ? I.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -6163,7 +6163,7 @@ function Mn(t) {
       b -= K - s.height, b *= r ? 1 : -1;
     }
     if (n === Ge || (n === Ne || n === qe) && o === va) {
-      _ = ft;
+      _ = ht;
       var J = d && L === I && I.visualViewport ? I.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         L[z]
@@ -6264,7 +6264,7 @@ function cp(t) {
   return t === "x" ? "y" : "x";
 }
 function Va(t, e, a) {
-  return St(t, Wa(e, a));
+  return At(t, Wa(e, a));
 }
 function dp(t, e, a) {
   var s = Va(t, e, a);
@@ -6290,14 +6290,14 @@ function pp(t) {
   };
   if (L) {
     if (o) {
-      var G, le = P === "y" ? Ne : Ge, se = P === "y" ? qe : ft, ee = P === "y" ? "height" : "width", E = L[P], T = E + g[le], k = E - g[se], R = m ? -z[ee] / 2 : 0, y = h === Yt ? F[ee] : z[ee], V = h === Yt ? -z[ee] : -F[ee], oe = e.elements.arrow, ne = m && oe ? li(oe) : {
+      var G, le = P === "y" ? Ne : Ge, se = P === "y" ? qe : ht, ee = P === "y" ? "height" : "width", E = L[P], T = E + g[le], k = E - g[se], R = m ? -z[ee] / 2 : 0, y = h === Yt ? F[ee] : z[ee], V = h === Yt ? -z[ee] : -F[ee], oe = e.elements.arrow, ne = m && oe ? li(oe) : {
         width: 0,
         height: 0
-      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : pi(), H = Z[le], Y = Z[se], he = Va(0, F[ee], ne[ee]), ke = _ ? F[ee] / 2 - R - he - H - J.mainAxis : y - he - H - J.mainAxis, Gt = _ ? -F[ee] / 2 + R + he + Y + J.mainAxis : V + he + Y + J.mainAxis, Xt = e.elements.arrow && ns(e.elements.arrow), st = Xt ? P === "y" ? Xt.clientTop || 0 : Xt.clientLeft || 0 : 0, $a = (G = ae == null ? void 0 : ae[P]) != null ? G : 0, rs = E + ke - $a - st, nt = E + Gt - $a, ka = Va(m ? Wa(T, rs) : T, E, m ? St(k, nt) : k);
+      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : pi(), H = Z[le], Y = Z[se], he = Va(0, F[ee], ne[ee]), ke = _ ? F[ee] / 2 - R - he - H - J.mainAxis : y - he - H - J.mainAxis, Gt = _ ? -F[ee] / 2 + R + he + Y + J.mainAxis : V + he + Y + J.mainAxis, Xt = e.elements.arrow && ns(e.elements.arrow), st = Xt ? P === "y" ? Xt.clientTop || 0 : Xt.clientLeft || 0 : 0, $a = (G = ae == null ? void 0 : ae[P]) != null ? G : 0, rs = E + ke - $a - st, nt = E + Gt - $a, ka = Va(m ? Wa(T, rs) : T, E, m ? At(k, nt) : k);
       L[P] = ka, j[P] = ka - E;
     }
     if (l) {
-      var it, Ue = P === "x" ? Ne : Ge, Ie = P === "x" ? qe : ft, Re = L[I], Ye = I === "y" ? "height" : "width", Qt = Re + g[Ue], Sa = Re - g[Ie], Le = [Ne, Ge].indexOf($) !== -1, Jt = (it = ae == null ? void 0 : ae[I]) != null ? it : 0, ot = Le ? Qt : Re - F[Ye] - z[Ye] - Jt + J.altAxis, yt = Le ? Re + F[Ye] + z[Ye] - Jt - J.altAxis : Sa, Aa = m && Le ? dp(ot, Re, yt) : Va(m ? ot : Qt, Re, m ? yt : Sa);
+      var it, Ue = P === "x" ? Ne : Ge, Ie = P === "x" ? qe : ht, Re = L[I], Ye = I === "y" ? "height" : "width", Qt = Re + g[Ue], Sa = Re - g[Ie], Le = [Ne, Ge].indexOf($) !== -1, Jt = (it = ae == null ? void 0 : ae[I]) != null ? it : 0, ot = Le ? Qt : Re - F[Ye] - z[Ye] - Jt + J.altAxis, bt = Le ? Re + F[Ye] + z[Ye] - Jt - J.altAxis : Sa, Aa = m && Le ? dp(ot, Re, bt) : Va(m ? ot : Qt, Re, m ? bt : Sa);
       L[I] = Aa, j[I] = Aa - Re;
     }
     e.modifiersData[s] = j;
@@ -6374,7 +6374,7 @@ function Cp(t) {
         rootBoundary: d,
         altBoundary: v,
         padding: c
-      }), E = le ? G ? ft : Ge : G ? qe : Ne;
+      }), E = le ? G ? ht : Ge : G ? qe : Ne;
       I[se] > L[se] && (E = Da(E));
       var T = Da(E), k = [];
       if (o && k.push(ee[j] <= 0), l && k.push(ee[E] <= 0, ee[T] <= 0), k.every(function(ne) {
@@ -7721,7 +7721,7 @@ const Se = /* @__PURE__ */ q({
   }
 });
 var On;
-function _t() {
+function yt() {
   const t = Xp(), e = t.appContext.config.globalProperties;
   return {
     i18next: e.$i18next,
@@ -7783,7 +7783,7 @@ const Qp = { class: "ao-tasks" }, Jp = { class: "ao-tasks__list" }, ev = ["id",
   },
   emits: ["add", "delete", "update"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = _t();
+    const a = t, { t: s } = yt();
     ce(() => a.tasks, (d, v) => {
       Xe(d, v);
     });
@@ -8062,7 +8062,7 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
         f("span", mv, W(c.value), 1),
         f("div", gv, [
           f("div", Cv, [
-            (p(), D(ht(u.value), {
+            (p(), D(mt(u.value), {
               ref_key: "commentContent",
               ref: n,
               class: "ao-comment__content",
@@ -8880,7 +8880,7 @@ const Tf = /* @__PURE__ */ q({
         e("update:rule", { ...a.rule, durationUnit: $ });
       }
     }), g = A(() => Object.values(K2));
-    return ($, h) => (p(), D(ht($.tagName), { class: "ao-rule-line" }, {
+    return ($, h) => (p(), D(mt($.tagName), { class: "ao-rule-line" }, {
       default: N(() => [
         M(Q(ut), {
           modelValue: n.value,
@@ -8966,7 +8966,7 @@ const Of = { class: "ao-template-rules__body" }, Ef = { class: "ao-template-rule
               onClose: () => s(i.id)
             }, null, 8, ["rule", "template-phases", "template-milestones", "template-activities", "onClose"]))), 128))
           ]),
-          M(gt, {
+          M(Ct, {
             label: n.$t("template.rules.add"),
             "icon-name": "Add",
             onClick: a
@@ -8977,7 +8977,7 @@ const Of = { class: "ao-template-rules__body" }, Ef = { class: "ao-template-rule
     }));
   }
 });
-function At(t, e, a) {
+function Mt(t, e, a) {
   const s = t.length, n = t.at(-1), o = n ? we.LexoRank.parse(n.rank).genNext() : we.LexoRank.middle();
   return {
     name: a(`template.defaultName.${e}`, { idx: s + 1 }),
@@ -9000,7 +9000,7 @@ const Lf = {
   },
   emits: ["addItem", "removeItem", "updateItem", "addRule", "removeRule", "addFiles", "removeFile"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = _t(), n = A(
+    const a = t, { t: s } = yt(), n = A(
       () => {
         var E;
         return (E = a.templates) == null ? void 0 : E.find((T) => T.id === a.templateId);
@@ -9072,7 +9072,7 @@ const Lf = {
     }), v = () => {
       if (!n.value)
         return;
-      const { name: E, rank: T } = At(
+      const { name: E, rank: T } = Mt(
         n.value.phases,
         "phase",
         s
@@ -9112,7 +9112,7 @@ const Lf = {
     }, $ = (E) => {
       if (!i.value)
         return;
-      const { name: T, rank: k } = At(
+      const { name: T, rank: k } = Mt(
         i.value.milestones,
         "milestone",
         s
@@ -9148,7 +9148,7 @@ const Lf = {
       const { milestoneId: T } = E;
       if (!l.value)
         return;
-      const { name: k, rank: R } = At(
+      const { name: k, rank: R } = Mt(
         l.value.activities,
         "activity",
         s
@@ -9249,7 +9249,7 @@ const Lf = {
         f("div", Pf, [
           f("ol", Hf, [
             f("li", Vf, [
-              M(Q(mt), {
+              M(Q(gt), {
                 "model-value": n.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -9284,7 +9284,7 @@ const Lf = {
                 }),
                 footer: N(() => [
                   f("div", Df, [
-                    M(gt, {
+                    M(Ct, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: E.$t("template.phases.add"),
                       onClick: v
@@ -9366,10 +9366,10 @@ const Lf = {
     };
   }
 });
-const Nf = {
+const Nf = { class: "ao-card__content" }, Uf = {
   key: 0,
   class: "ao-card__header"
-}, Uf = { class: "ao-card__body" }, Ff = {
+}, Ff = { class: "ao-card__body" }, Zf = {
   key: 1,
   class: "ao-card__footer"
 }, os = /* @__PURE__ */ q({
@@ -9378,28 +9378,34 @@ const Nf = {
     isClickable: { type: Boolean },
     tagName: { default: "div" },
     isSelected: { type: Boolean },
-    borderColor: {}
+    color: {}
   },
   setup(t) {
-    return (e, a) => (p(), D(ht(e.tagName), {
+    return (e, a) => (p(), D(mt(e.tagName), {
       class: X([
         "ao-card",
         {
           "ao-card--clickable": e.isClickable
         }
       ]),
-      style: Mt(e.isSelected ? { borderColor: e.borderColor || "var(--ao-color-blue-base)", borderWidth: "thick" } : {})
+      style: pt(e.isSelected ? { borderColor: e.color || "var(--ao-color-blue-base)", borderWidth: "thick" } : {})
     }, {
       default: N(() => [
-        e.$slots.header ? (p(), C("header", Nf, [
-          te(e.$slots, "header")
-        ])) : O("", !0),
-        f("div", Uf, [
-          te(e.$slots, "default")
-        ]),
-        e.$slots.footer ? (p(), C("footer", Ff, [
-          te(e.$slots, "footer")
-        ])) : O("", !0)
+        f("div", {
+          class: "ao-card__left-border",
+          style: pt({ backgroundColor: e.color })
+        }, null, 4),
+        f("div", Nf, [
+          e.$slots.header ? (p(), C("header", Uf, [
+            te(e.$slots, "header")
+          ])) : O("", !0),
+          f("div", Ff, [
+            te(e.$slots, "default")
+          ]),
+          e.$slots.footer ? (p(), C("footer", Zf, [
+            te(e.$slots, "footer")
+          ])) : O("", !0)
+        ])
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -9421,7 +9427,7 @@ const ls = /* @__PURE__ */ q({
       (p(!0), C(fe, null, _e(a.value, (o) => (p(), C("div", {
         key: o,
         class: X(["ao-progress__progress"]),
-        style: Mt({
+        style: pt({
           width: `${o * 100}%`,
           "--ao-progress-color": s.color || "var(--ao-color-primary-base)"
         })
@@ -9429,16 +9435,16 @@ const ls = /* @__PURE__ */ q({
     ], 2));
   }
 });
-const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-project-item__title-line" }, zf = {
+const Wf = { class: "ao-card-project-phase__header" }, zf = { class: "ao-card-project-item__title-line" }, qf = {
   key: 0,
   class: "ao-card-project-item-phase__estimation"
-}, qf = { class: "ao-card-project-phase__footer" }, Yf = {
+}, Yf = { class: "ao-card-project-phase__footer" }, xf = {
   key: 0,
   class: "ao-card-project-phase__footer-row ao-card-project-phase__footer-row--progress"
-}, xf = { class: "ao-card-project-phase__subitem" }, Kf = { class: "ao-card-project-phase__subitem" }, Gf = {
+}, Kf = { class: "ao-card-project-phase__subitem" }, Gf = { class: "ao-card-project-phase__subitem" }, Xf = {
   key: 0,
   class: "ao-card-project-phase__secondary"
-}, Xf = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Qf = /* @__PURE__ */ q({
+}, Qf = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Jf = /* @__PURE__ */ q({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -9475,10 +9481,11 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
     });
     return (c, u) => (p(), D(os, {
       class: "ao-card-project-phase",
-      "is-clickable": c.isEditable
+      "is-clickable": c.isEditable,
+      color: c.color
     }, fa({
       default: N(() => [
-        f("div", Wf, [
+        f("div", zf, [
           M(be, {
             id: c.id,
             class: "ao-card-project-phase__title",
@@ -9487,25 +9494,25 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
             "is-editable": c.isEditable,
             "onUpdate:title": s
           }, null, 8, ["id", "title", "is-editable"]),
-          n.value ? (p(), C("span", zf, " (" + W(n.value) + ")", 1)) : O("", !0)
+          n.value ? (p(), C("span", qf, " (" + W(n.value) + ")", 1)) : O("", !0)
         ])
       ]),
       footer: N(() => [
-        f("div", qf, [
-          o.value ? (p(), C("div", Yf, [
-            f("div", xf, [
+        f("div", Yf, [
+          o.value ? (p(), C("div", xf, [
+            f("div", Kf, [
               M(pe, {
                 name: "MountainFlagOutlineRounded",
                 size: "sm"
               }),
-              f("span", Kf, W(i.value) + " / " + W(o.value), 1)
+              f("span", Gf, W(i.value) + " / " + W(o.value), 1)
             ]),
             M(ls, {
               percentages: l.value,
               class: "ao-card-project-phase__progress",
               color: c.color
             }, null, 8, ["percentages", "color"]),
-            c.$slots.secondary ? (p(), C("div", Gf, [
+            c.$slots.secondary ? (p(), C("div", Xf, [
               te(c.$slots, "secondary")
             ])) : O("", !0)
           ])) : O("", !0),
@@ -9525,7 +9532,7 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
                 { lazy: !0 }
               ]
             ]) : O("", !0),
-            f("span", Xf, W(Q(Qa)(c.deadline)), 1)
+            f("span", Qf, W(Q(Qa)(c.deadline)), 1)
           ], 2)
         ])
       ]),
@@ -9534,7 +9541,7 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
       c.isEditable ? {
         name: "header",
         fn: N(() => [
-          f("div", Zf, [
+          f("div", Wf, [
             M(re, {
               class: "ao-card-project-phase__archive",
               color: "primary",
@@ -9553,10 +9560,10 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["is-clickable"]));
+    ]), 1032, ["is-clickable", "color"]));
   }
 });
-const Jf = /* @__PURE__ */ q({
+const eh = /* @__PURE__ */ q({
   __name: "AoBadge",
   props: {
     color: {}
@@ -9564,26 +9571,26 @@ const Jf = /* @__PURE__ */ q({
   setup(t) {
     return (e, a) => (p(), C("span", {
       class: "aoBadge",
-      style: Mt({ backgroundColor: e.color })
+      style: pt({ backgroundColor: e.color })
     }, null, 4));
   }
 });
-const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-title-with-badge-wrapper" }, ah = { class: "ao-card-project-item__title-line" }, sh = {
+const th = { class: "ao-card-project-milestone__default" }, ah = { class: "ao-title-with-badge-wrapper" }, sh = { class: "ao-card-project-item__title-line" }, nh = {
   key: 0,
   class: "ao-card-project-item-milestone__estimation"
-}, nh = {
+}, ih = {
   key: 0,
   class: "ao-card-project-milestone__archive"
-}, ih = { class: "ao-card-project-milestone__activities" }, oh = { class: "ao-card-project-milestone__activities-row" }, lh = { class: "ao-card-project-milestone__subitem" }, rh = { class: "ao-card-project-milestone__subitem" }, uh = {
+}, oh = { class: "ao-card-project-milestone__activities" }, lh = { class: "ao-card-project-milestone__activities-row" }, rh = { class: "ao-card-project-milestone__subitem" }, uh = { class: "ao-card-project-milestone__subitem" }, ch = {
   key: 1,
   class: "ao-card-project-milestone__secondary"
-}, ch = { class: "ao-card-project-milestone__footer" }, dh = {
+}, dh = { class: "ao-card-project-milestone__footer" }, ph = {
   key: 1,
   class: "ao-field ao-card-project-milestone__deadline"
-}, ph = { class: "ao-field__label" }, vh = {
+}, vh = { class: "ao-field__label" }, fh = {
   key: 2,
   class: "ao-card-project-milestone__assignee"
-}, fh = /* @__PURE__ */ q({
+}, hh = /* @__PURE__ */ q({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -9624,15 +9631,15 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
       "is-clickable": !r.readonly,
       "tag-name": "li",
       "is-selected": r.isSelected,
-      borderColor: r.phaseColor
+      color: r.phaseColor
     }, {
       default: N(() => [
-        f("div", eh, [
-          f("div", th, [
-            M(Jf, {
+        f("div", th, [
+          f("div", ah, [
+            M(eh, {
               color: r.color || ""
             }, null, 8, ["color"]),
-            f("div", ah, [
+            f("div", sh, [
               M(be, {
                 id: r.id,
                 title: r.name || "",
@@ -9641,10 +9648,10 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
                 class: "ao-card-project-milestone__title",
                 "onUpdate:title": l
               }, null, 8, ["id", "title", "is-editable"]),
-              s.value ? (p(), C("span", sh, " (" + W(s.value) + ")", 1)) : O("", !0)
+              s.value ? (p(), C("span", nh, " (" + W(s.value) + ")", 1)) : O("", !0)
             ])
           ]),
-          !r.readonly && r.isEditable ? (p(), C("div", nh, [
+          !r.readonly && r.isEditable ? (p(), C("div", ih, [
             M(re, {
               color: r.isSelected ? void 0 : "primary",
               variant: "ghost",
@@ -9660,15 +9667,15 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
             }, null, 8, ["color", "label"])
           ])) : O("", !0)
         ]),
-        f("div", ih, [
-          f("div", oh, [
+        f("div", oh, [
+          f("div", lh, [
             n.value ? (p(), C(fe, { key: 0 }, [
-              f("div", lh, [
+              f("div", rh, [
                 M(pe, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                f("span", rh, W(o.value) + " / " + W(n.value), 1)
+                f("span", uh, W(o.value) + " / " + W(n.value), 1)
               ]),
               M(ls, {
                 percentages: i.value,
@@ -9676,14 +9683,14 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
                 class: "ao-card-project-milestone__progress"
               }, null, 8, ["percentages", "color"])
             ], 64)) : O("", !0),
-            r.$slots.secondary ? (p(), C("div", uh, [
+            r.$slots.secondary ? (p(), C("div", ch, [
               te(r.$slots, "secondary")
             ])) : O("", !0)
           ])
         ])
       ]),
       footer: N(() => [
-        f("div", ch, [
+        f("div", dh, [
           r.important ? (p(), D(pe, {
             key: 0,
             name: "FlagRounded",
@@ -9692,10 +9699,10 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
             ),
             size: "sm"
           }, null, 8, ["class"])) : O("", !0),
-          r.deadline ? (p(), C("label", dh, [
-            f("span", ph, W(Q(Qa)(r.deadline)), 1)
+          r.deadline ? (p(), C("label", ph, [
+            f("span", vh, W(Q(Qa)(r.deadline)), 1)
           ])) : O("", !0),
-          r.assignee ? (p(), C("div", vh, [
+          r.assignee ? (p(), C("div", fh, [
             M(Je, {
               "user-name": Q(Kn)(r.assignee),
               "avatar-url": r.assignee.avatarUrl,
@@ -9706,7 +9713,7 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
         ])
       ]),
       _: 3
-    }, 8, ["class", "is-clickable", "is-selected", "borderColor"]));
+    }, 8, ["class", "is-clickable", "is-selected", "color"]));
   }
 });
 /*!
@@ -9714,10 +9721,10 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
   * (c) 2023 
   * @license MIT
   */
-function $t(t) {
+function kt(t) {
   let e = { r: 0, g: 0, b: 0, a: 1 };
-  /#/.test(t) ? e = mh(t) : /rgb/.test(t) ? e = En(t) : typeof t == "string" ? e = En(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
-  const { r: a, g: s, b: n, a: o } = e, { h: i, s: l, v: r } = gh(e);
+  /#/.test(t) ? e = gh(t) : /rgb/.test(t) ? e = En(t) : typeof t == "string" ? e = En(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
+  const { r: a, g: s, b: n, a: o } = e, { h: i, s: l, v: r } = Ch(e);
   return { r: a, g: s, b: n, a: o === void 0 ? 1 : o, h: i, s: l, v: r };
 }
 function xs(t) {
@@ -9728,11 +9735,11 @@ function Ms(t, e, a, s, n, o) {
   const i = t === "l", l = e.createLinearGradient(0, 0, i ? a : 0, i ? 0 : s);
   l.addColorStop(0.01, n), l.addColorStop(0.99, o), e.fillStyle = l, e.fillRect(0, 0, a, s);
 }
-function hh({ r: t, g: e, b: a }, s) {
+function mh({ 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 mh(t) {
+function gh(t) {
   t = t.slice(1);
   const e = (a) => parseInt(a, 16) || 0;
   return {
@@ -9749,7 +9756,7 @@ function En(t) {
     a: Number(t[3] ? t[3] : 1)
   }) : t;
 }
-function gh({ r: t, g: e, b: a }) {
+function Ch({ 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;
@@ -9816,8 +9823,8 @@ var Ks = q({
     }
   }
 });
-const Ch = { ref: "canvasSaturation" };
-function _h(t, e, a, s, n, o) {
+const _h = { ref: "canvasSaturation" };
+function yh(t, e, a, s, n, o) {
   return p(), D(
     "div",
     {
@@ -9827,7 +9834,7 @@ function _h(t, e, a, s, n, o) {
     [
       M(
         "canvas",
-        Ch,
+        _h,
         null,
         512
         /* NEED_PATCH */
@@ -9847,7 +9854,7 @@ function _h(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Ks.render = _h;
+Ks.render = yh;
 Ks.__file = "src/color/Saturation.vue";
 var Gs = q({
   props: {
@@ -9902,8 +9909,8 @@ var Gs = q({
     }
   }
 });
-const yh = { ref: "canvasHue" };
-function bh(t, e, a, s, n, o) {
+const bh = { ref: "canvasHue" };
+function wh(t, e, a, s, n, o) {
   return p(), D(
     "div",
     {
@@ -9913,7 +9920,7 @@ function bh(t, e, a, s, n, o) {
     [
       M(
         "canvas",
-        yh,
+        bh,
         null,
         512
         /* NEED_PATCH */
@@ -9933,7 +9940,7 @@ function bh(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Gs.render = bh;
+Gs.render = wh;
 Gs.__file = "src/color/Hue.vue";
 var Xs = q({
   props: {
@@ -9997,8 +10004,8 @@ var Xs = q({
     }
   }
 });
-const wh = { ref: "canvasAlpha" };
-function $h(t, e, a, s, n, o) {
+const $h = { ref: "canvasAlpha" };
+function kh(t, e, a, s, n, o) {
   return p(), D(
     "div",
     {
@@ -10008,7 +10015,7 @@ function $h(t, e, a, s, n, o) {
     [
       M(
         "canvas",
-        wh,
+        $h,
         null,
         512
         /* NEED_PATCH */
@@ -10028,7 +10035,7 @@ function $h(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Xs.render = $h;
+Xs.render = kh;
 Xs.__file = "src/color/Alpha.vue";
 var Qs = q({
   props: {
@@ -10065,10 +10072,10 @@ var Qs = q({
     }
   }
 });
-function kh(t, e, a, s, n, o) {
+function Sh(t, e, a, s, n, o) {
   return p(), D("canvas");
 }
-Qs.render = kh;
+Qs.render = Sh;
 Qs.__file = "src/color/Preview.vue";
 var Js = q({
   props: {
@@ -10131,19 +10138,19 @@ var Js = q({
     }
   }
 });
-const Sh = /* @__PURE__ */ M(
+const Ah = /* @__PURE__ */ M(
   "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 */
-), Ah = {
+), Mh = {
   key: 1,
   class: "sucker",
   viewBox: "-16 -16 68 68",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#9099a4"
-}, Mh = /* @__PURE__ */ M(
+}, Th = /* @__PURE__ */ M(
   "g",
   {
     fill: "none",
@@ -10175,7 +10182,7 @@ const Sh = /* @__PURE__ */ M(
   -1
   /* HOISTED */
 );
-function Th(t, e, a, s, n, o) {
+function Oh(t, e, a, s, n, o) {
   return p(), D("div", null, [
     t.isSucking ? O("v-if", !0) : (p(), D(
       "svg",
@@ -10187,17 +10194,17 @@ function Th(t, e, a, s, n, o) {
         onClick: e[1] || (e[1] = (...i) => t.openSucker && t.openSucker(...i))
       },
       [
-        Sh
+        Ah
       ],
       2
       /* CLASS */
     )),
-    t.isSucking ? (p(), D("svg", Ah, [
-      Mh
+    t.isSucking ? (p(), D("svg", Mh, [
+      Th
     ])) : O("v-if", !0)
   ]);
 }
-Js.render = Th;
+Js.render = Oh;
 Js.__file = "src/color/Sucker.vue";
 var en = q({
   props: {
@@ -10230,12 +10237,12 @@ var en = q({
     };
   }
 });
-const Oh = { class: "color-type" }, Eh = { class: "name" };
-function Ih(t, e, a, s, n, o) {
-  return p(), D("div", Oh, [
+const Eh = { class: "color-type" }, Ih = { class: "name" };
+function Lh(t, e, a, s, n, o) {
+  return p(), D("div", Eh, [
     M(
       "span",
-      Eh,
+      Ih,
       W(t.name),
       1
       /* TEXT */
@@ -10256,7 +10263,7 @@ function Ih(t, e, a, s, n, o) {
     ])
   ]);
 }
-en.render = Ih;
+en.render = Lh;
 en.__file = "src/color/Box.vue";
 var tn = q({
   name: "ColorPicker",
@@ -10298,13 +10305,13 @@ var tn = q({
     };
   }
 });
-const Lh = { class: "colors" }, Ph = {
+const Ph = { class: "colors" }, Hh = {
   key: 0,
   class: "colors history"
 };
-function Hh(t, e, a, s, n, o) {
+function Vh(t, e, a, s, n, o) {
   return p(), D("div", null, [
-    M("ul", Lh, [
+    M("ul", Ph, [
       (p(!0), D(
         fe,
         null,
@@ -10338,7 +10345,7 @@ function Hh(t, e, a, s, n, o) {
         /* KEYED_FRAGMENT */
       ))
     ]),
-    t.colorsHistory.length ? (p(), D("ul", Ph, [
+    t.colorsHistory.length ? (p(), D("ul", Hh, [
       (p(!0), D(
         fe,
         null,
@@ -10374,7 +10381,7 @@ function Hh(t, e, a, s, n, o) {
     ])) : O("v-if", !0)
   ]);
 }
-tn.render = Hh;
+tn.render = Vh;
 tn.__file = "src/color/Colors.vue";
 var Ut = q({
   components: {
@@ -10485,11 +10492,11 @@ var Ut = q({
       return `rgba(${this.rgbaStringShort})`;
     },
     hexString() {
-      return hh(this.rgba, !0);
+      return mh(this.rgba, !0);
     }
   },
   created() {
-    Object.assign(this, $t(this.color)), this.setText(), this.$watch("rgba", () => {
+    Object.assign(this, kt(this.color)), this.setText(), this.$watch("rgba", () => {
       this.$emit("changeColor", {
         rgba: this.rgba,
         hsv: this.hsv,
@@ -10499,7 +10506,7 @@ var Ut = q({
   },
   methods: {
     selectSaturation(t) {
-      const { r: e, g: a, b: s, h: n, s: o, v: i } = $t(t);
+      const { r: e, g: a, b: s, h: n, s: o, v: i } = kt(t);
       Object.assign(this, { r: e, g: a, b: s, h: n, s: o, v: i }), this.setText();
     },
     handleFocus(t) {
@@ -10509,7 +10516,7 @@ var Ut = q({
       this.$emit("inputBlur", t);
     },
     selectHue(t) {
-      const { r: e, g: a, b: s, h: n, s: o, v: i } = $t(t);
+      const { r: e, g: a, b: s, h: n, s: o, v: i } = kt(t);
       Object.assign(this, { r: e, g: a, b: s, h: n, s: o, v: i }), this.setText(), this.$nextTick(() => {
         this.$refs.saturation.renderColor(), this.$refs.saturation.renderSlide();
       });
@@ -10518,13 +10525,13 @@ var Ut = q({
       this.a = t, this.setText();
     },
     inputHex(t) {
-      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = $t(t);
+      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = kt(t);
       Object.assign(this, { r: e, g: a, b: s, a: n, h: o, s: i, v: l }), this.modelHex = t, this.modelRgba = this.rgbaStringShort, this.$nextTick(() => {
         this.$refs.saturation.renderColor(), this.$refs.saturation.renderSlide(), this.$refs.hue.renderSlide();
       });
     },
     inputRgba(t) {
-      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = $t(t);
+      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = kt(t);
       Object.assign(this, { r: e, g: a, b: s, a: n, h: o, s: i, v: l }), this.modelHex = this.hexString, this.modelRgba = t, this.$nextTick(() => {
         this.$refs.saturation.renderColor(), this.$refs.saturation.renderSlide(), this.$refs.hue.renderSlide();
       });
@@ -10536,21 +10543,21 @@ var Ut = q({
       this.$emit("openSucker", t);
     },
     selectSucker(t) {
-      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = $t(t);
+      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = kt(t);
       Object.assign(this, { r: e, g: a, b: s, a: n, h: o, s: i, v: l }), this.setText(), this.$nextTick(() => {
         this.$refs.saturation.renderColor(), this.$refs.saturation.renderSlide(), this.$refs.hue.renderSlide();
       });
     },
     selectColor(t) {
-      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = $t(t);
+      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = kt(t);
       Object.assign(this, { r: e, g: a, b: s, a: n, h: o, s: i, v: l }), this.setText(), this.$nextTick(() => {
         this.$refs.saturation.renderColor(), this.$refs.saturation.renderSlide(), this.$refs.hue.renderSlide();
       });
     }
   }
 });
-const Vh = { class: "color-set" };
-function Dh(t, e, a, s, n, o) {
+const Dh = { class: "color-set" };
+function Bh(t, e, a, s, n, o) {
   const i = rt("Saturation"), l = rt("Hue"), r = rt("Alpha"), c = rt("Preview"), u = rt("Sucker"), d = rt("Box"), v = rt("Colors");
   return p(), D(
     "div",
@@ -10559,7 +10566,7 @@ function Dh(t, e, a, s, n, o) {
       style: { width: t.totalWidth + "px" }
     },
     [
-      M("div", Vh, [
+      M("div", Dh, [
         M(i, {
           ref: "saturation",
           color: t.rgbString,
@@ -10633,12 +10640,12 @@ function Dh(t, e, a, s, n, o) {
     /* CLASS, STYLE */
   );
 }
-Ut.render = Dh;
+Ut.render = Bh;
 Ut.__file = "src/color/ColorPicker.vue";
 Ut.install = (t) => {
   t.component(Ut.name, Ut);
 };
-const Bh = { class: "color-picker-wrapper" }, vi = /* @__PURE__ */ q({
+const jh = { class: "color-picker-wrapper" }, vi = /* @__PURE__ */ q({
   __name: "AoColorPicker",
   props: {
     color: {}
@@ -10660,7 +10667,7 @@ const Bh = { class: "color-picker-wrapper" }, vi = /* @__PURE__ */ q({
       const { r, g: c, b: u, a: d } = l.rgba, v = `rgba(${r}, ${c}, ${u}, ${d})`;
       console.log("COLOR"), console.log(v), console.log(l), e("update:color", v);
     };
-    return (l, r) => (p(), C("div", Bh, [
+    return (l, r) => (p(), C("div", jh, [
       te(l.$slots, "clickable", {
         openPicker: n,
         bgColor: l.color
@@ -10680,16 +10687,16 @@ const Bh = { class: "color-picker-wrapper" }, vi = /* @__PURE__ */ q({
     ]));
   }
 });
-const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao-card-project-item__title-line" }, Nh = {
+const Rh = { class: "ao-mapping-card-project-phase__header" }, Nh = { class: "ao-card-project-item__title-line" }, Uh = {
   key: 0,
   class: "ao-card-project-item-phase__estimation"
-}, Uh = { class: "ao-mapping-card-project-phase__footer" }, Fh = {
+}, Fh = { class: "ao-mapping-card-project-phase__footer" }, Zh = {
   key: 0,
   class: "ao-mapping-card-project-phase__footer-row ao-mapping-card-project-phase__footer-row--progress"
-}, Zh = { class: "ao-mapping-card-project-phase__subitem" }, Wh = { class: "ao-mapping-card-project-phase__subitem" }, zh = {
+}, Wh = { class: "ao-mapping-card-project-phase__subitem" }, zh = { class: "ao-mapping-card-project-phase__subitem" }, qh = {
   key: 0,
   class: "ao-mapping-card-project-phase__secondary"
-}, qh = { class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--readonly" }, Yh = /* @__PURE__ */ q({
+}, Yh = { class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--readonly" }, xh = /* @__PURE__ */ q({
   __name: "AoCondensedCardProjectItemPhase",
   props: {
     id: {},
@@ -10743,10 +10750,11 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
         M(os, {
           class: "ao-mapping-card-project-phase",
           "is-clickable": d.isEditable,
+          color: w,
           onClick: (b) => u(b, m)
         }, fa({
           default: N(() => [
-            f("div", Rh, [
+            f("div", Nh, [
               M(be, {
                 id: d.id,
                 class: "ao-mapping-card-project-phase__title",
@@ -10755,25 +10763,25 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
                 "is-editable": d.isEditable,
                 "onUpdate:title": s
               }, null, 8, ["id", "title", "is-editable"]),
-              n.value ? (p(), C("span", Nh, " (" + W(n.value) + ")", 1)) : O("", !0)
+              n.value ? (p(), C("span", Uh, " (" + W(n.value) + ")", 1)) : O("", !0)
             ])
           ]),
           footer: N(() => [
-            f("div", Uh, [
-              o.value ? (p(), C("div", Fh, [
-                f("div", Zh, [
+            f("div", Fh, [
+              o.value ? (p(), C("div", Zh, [
+                f("div", Wh, [
                   M(pe, {
                     name: "MountainFlagOutlineRounded",
                     size: "sm"
                   }),
-                  f("span", Wh, W(i.value) + " / " + W(o.value), 1)
+                  f("span", zh, W(i.value) + " / " + W(o.value), 1)
                 ]),
                 M(ls, {
                   percentages: l.value,
                   class: "ao-mapping-card-project-phase__progress",
                   color: c.value
                 }, null, 8, ["percentages", "color"]),
-                d.$slots.secondary ? (p(), C("div", zh, [
+                d.$slots.secondary ? (p(), C("div", qh, [
                   te(d.$slots, "secondary")
                 ])) : O("", !0)
               ])) : O("", !0),
@@ -10793,7 +10801,7 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
                     { lazy: !0 }
                   ]
                 ]) : O("", !0),
-                f("span", qh, W(Q(Qa)(d.deadline)), 1)
+                f("span", Yh, W(Q(Qa)(d.deadline)), 1)
               ], 2)
             ])
           ]),
@@ -10802,7 +10810,7 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
           d.isEditable ? {
             name: "header",
             fn: N(() => [
-              f("div", jh, [
+              f("div", Rh, [
                 M(re, {
                   class: "ao-mapping-card-project-phase__archive",
                   color: "primary",
@@ -10821,25 +10829,25 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["is-clickable", "onClick"])
+        ]), 1032, ["is-clickable", "color", "onClick"])
       ]),
       _: 3
     }, 8, ["color"]));
   }
 });
-const xh = { class: "ao-project-phase" }, Kh = {
+const Kh = { class: "ao-project-phase" }, Gh = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, Gh = {
+}, Xh = {
   key: 1,
   class: "ao-project-phase__col-phase"
-}, Xh = {
+}, Qh = {
   key: 2,
   class: "ao-mapping-project-phase__col-phase"
-}, Qh = {
+}, Jh = {
   key: 0,
   class: "ao-project-phase__col-milestones"
-}, Jh = { class: "ao-project-phase__milestones-list-footer" }, e9 = /* @__PURE__ */ q({
+}, e9 = { class: "ao-project-phase__milestones-list-footer" }, t9 = /* @__PURE__ */ q({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -10850,7 +10858,7 @@ const xh = { class: "ao-project-phase" }, Kh = {
   },
   emits: ["addMilestone", "updateMilestone", "archiveMilestone", "unarchiveMilestone", "updatePhase", "archivePhase", "unarchivePhase"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = _t();
+    const a = t, { t: s } = yt();
     ce(
       () => a.phase.milestones,
       (h, _) => {
@@ -10868,7 +10876,7 @@ const xh = { class: "ao-project-phase" }, Kh = {
         (h) => j3(h, a.closedStatus)
       )
     ), r = (h) => {
-      const { name: _, rank: P } = At(
+      const { name: _, rank: P } = Mt(
         l.value ?? [],
         "milestone",
         s
@@ -10897,19 +10905,19 @@ const xh = { class: "ao-project-phase" }, Kh = {
       var h;
       return a.phase.id !== ((h = b.params) == null ? void 0 : h.phaseId) ? { backgroundColor: "var(--ao-color-sheet)" } : a.phase.color ? { backgroundColor: N3(a.phase.color) } : { backgroundColor: "var(--ao-color-primary-lightest)" };
     });
-    return (h, _) => (p(), C("li", xh, [
+    return (h, _) => (p(), C("li", Kh, [
       f("div", {
         class: "ao-project-phases__draggable-card",
-        style: Mt($.value)
+        style: pt($.value)
       }, [
-        h.isEditable ? (p(), C("div", Kh, [
+        h.isEditable ? (p(), C("div", Gh, [
           M(pe, {
             name: "DragIndicator",
             class: "ao-project-phase__drag-handle"
           })
         ])) : O("", !0),
-        g.value ? (p(), C("div", Xh, [
-          M(Yh, {
+        g.value ? (p(), C("div", Qh, [
+          M(xh, {
             id: h.phase.id,
             milestones: l.value,
             name: h.phase.name,
@@ -10923,8 +10931,8 @@ const xh = { class: "ao-project-phase" }, Kh = {
             onUnarchivePhase: m,
             onUpdatePhase: i
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color"])
-        ])) : (p(), C("div", Gh, [
-          M(Qf, {
+        ])) : (p(), C("div", Xh, [
+          M(Jf, {
             id: h.phase.id,
             milestones: l.value,
             name: h.phase.name,
@@ -10939,12 +10947,12 @@ const xh = { class: "ao-project-phase" }, Kh = {
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color"])
         ]))
       ], 4),
-      g.value ? O("", !0) : (p(), C("div", Qh, [
+      g.value ? O("", !0) : (p(), C("div", Jh, [
         f("div", {
           class: "ao-project-phase__milestones",
-          style: Mt($.value)
+          style: pt($.value)
         }, [
-          M(Q(mt), Ae({
+          M(Q(gt), Ae({
             class: "ao-project-phase__milestones-list",
             list: l.value,
             disabled: h.readonly || !h.isEditable,
@@ -10954,7 +10962,7 @@ const xh = { class: "ao-project-phase" }, Kh = {
             item: N(({ element: P }) => {
               var I;
               return [
-                M(fh, {
+                M(hh, {
                   id: P.id,
                   name: P.name,
                   color: P.color,
@@ -10982,8 +10990,8 @@ const xh = { class: "ao-project-phase" }, Kh = {
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          f("div", Jh, [
-            h.isEditable ? (p(), D(gt, {
+          f("div", e9, [
+            h.isEditable ? (p(), D(Ct, {
               key: 0,
               label: h.$t("project.milestone.add"),
               class: "ao-project-phase__milestone-add",
@@ -10996,10 +11004,10 @@ const xh = { class: "ao-project-phase" }, Kh = {
     ]));
   }
 });
-const t9 = { class: "ao-project__phases" }, a9 = {
+const a9 = { class: "ao-project__phases" }, s9 = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, s9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__empty_drag" }, null, -1), n9 = { class: "ao-project-phase__col-phase" }, i9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__col-milestones" }, null, -1), fi = /* @__PURE__ */ q({
+}, n9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__empty_drag" }, null, -1), i9 = { class: "ao-project-phase__col-phase" }, o9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__col-milestones" }, null, -1), fi = /* @__PURE__ */ q({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -11039,8 +11047,8 @@ const t9 = { class: "ao-project__phases" }, a9 = {
     }, d = (v) => {
       e("addPhase", v);
     };
-    return (v, m) => (p(), C("div", t9, [
-      M(Q(mt), {
+    return (v, m) => (p(), C("div", a9, [
+      M(Q(gt), {
         class: "ao-project-phase__phases-list",
         "model-value": v.phases,
         "item-key": "id",
@@ -11048,7 +11056,7 @@ const t9 = { class: "ao-project__phases" }, a9 = {
         onChange: c
       }, {
         item: N(({ element: w }) => [
-          M(e9, {
+          M(t9, {
             phase: w,
             "is-editable": !v.readonly && v.isEditable,
             "closed-status": v.closedStatus,
@@ -11065,22 +11073,22 @@ const t9 = { class: "ao-project__phases" }, a9 = {
         ]),
         _: 1
       }, 8, ["model-value"]),
-      v.isEditable ? (p(), C("div", a9, [
-        s9,
-        f("div", n9, [
-          M(gt, {
+      v.isEditable ? (p(), C("div", s9, [
+        n9,
+        f("div", i9, [
+          M(Ct, {
             label: v.$t("project.phases.add"),
             "icon-name": "Add",
             class: "ao-project-phase__add-phase",
             onClick: d
           }, null, 8, ["label"])
         ]),
-        i9
+        o9
       ])) : O("", !0)
     ]));
   }
 });
-const o9 = ["onSubmit"], l9 = { class: "ao-add-template-modal__form-body" }, r9 = { class: "field__row" }, u9 = { class: "ao-add-template-modal__form-footer" }, hi = /* @__PURE__ */ q({
+const l9 = ["onSubmit"], r9 = { class: "ao-add-template-modal__form-body" }, u9 = { class: "field__row" }, c9 = { class: "ao-add-template-modal__form-footer" }, hi = /* @__PURE__ */ q({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -11109,8 +11117,8 @@ const o9 = ["onSubmit"], l9 = { class: "ao-add-template-modal__form-body" }, r9
           onSubmit: ve(i, ["prevent"])
         }, [
           f("p", null, W(l.$t("project.template.apply.notice")), 1),
-          f("div", l9, [
-            f("div", r9, [
+          f("div", r9, [
+            f("div", u9, [
               M(Se, {
                 value: n.value,
                 options: s.value,
@@ -11119,7 +11127,7 @@ const o9 = ["onSubmit"], l9 = { class: "ao-add-template-modal__form-body" }, r9
               }, null, 8, ["value", "options"])
             ])
           ]),
-          f("footer", u9, [
+          f("footer", c9, [
             M(re, {
               label: l.$t("project.template.apply.label"),
               type: "submit",
@@ -11128,13 +11136,13 @@ const o9 = ["onSubmit"], l9 = { class: "ao-add-template-modal__form-body" }, r9
               onClick: i
             }, null, 8, ["label"])
           ])
-        ], 40, o9)
+        ], 40, l9)
       ]),
       _: 1
     }));
   }
 });
-const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9 = { class: "field__row" }, v9 = { class: "ao-field ao-field--inline" }, f9 = { class: "ao-field__label" }, h9 = { class: "ao-save-template-modal__phases" }, m9 = { class: "ao-field__label" }, g9 = { class: "ao-save-template-modal__phases-list" }, C9 = ["value"], _9 = { class: "ao-save-template-modal__form-footer" }, mi = /* @__PURE__ */ q({
+const d9 = ["onSubmit"], p9 = { class: "ao-save-template-modal__form-body" }, v9 = { class: "field__row" }, f9 = { class: "ao-field ao-field--inline" }, h9 = { class: "ao-field__label" }, m9 = { class: "ao-save-template-modal__phases" }, g9 = { class: "ao-field__label" }, C9 = { class: "ao-save-template-modal__phases-list" }, _9 = ["value"], y9 = { class: "ao-save-template-modal__form-footer" }, mi = /* @__PURE__ */ q({
   __name: "AoSaveTemplateModal",
   props: {
     phases: {}
@@ -11160,10 +11168,10 @@ const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9
           class: "ao-save-template-modal__form",
           onSubmit: ve(o, ["prevent"])
         }, [
-          f("div", d9, [
-            f("div", p9, [
-              f("label", v9, [
-                f("span", f9, W(i.$t("project.template.name.label")) + ": ", 1),
+          f("div", p9, [
+            f("div", v9, [
+              f("label", f9, [
+                f("span", h9, W(i.$t("project.template.name.label")) + ": ", 1),
                 De(f("input", {
                   "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
                   type: "text"
@@ -11172,9 +11180,9 @@ const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9
                 ])
               ])
             ]),
-            f("div", h9, [
-              f("div", m9, W(i.$t("project.template.phases.label")), 1),
-              f("div", g9, [
+            f("div", m9, [
+              f("div", g9, W(i.$t("project.template.phases.label")), 1),
+              f("div", C9, [
                 (p(!0), C(fe, null, _e(a.phases, (r) => (p(), C("label", {
                   class: "ao-field ao-field--checkbox",
                   key: r.id
@@ -11183,7 +11191,7 @@ const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9
                     type: "checkbox",
                     value: r.id,
                     "onUpdate:modelValue": l[1] || (l[1] = (c) => n.value = c)
-                  }, null, 8, C9), [
+                  }, null, 8, _9), [
                     [Ui, n.value]
                   ]),
                   f("span", null, W(r.name), 1)
@@ -11191,7 +11199,7 @@ const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9
               ])
             ])
           ]),
-          f("footer", _9, [
+          f("footer", y9, [
             M(re, {
               label: i.$t("project.template.save.label"),
               type: "submit",
@@ -11200,13 +11208,13 @@ const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9
               onClick: o
             }, null, 8, ["label"])
           ])
-        ], 40, c9)
+        ], 40, d9)
       ]),
       _: 1
     }));
   }
 });
-const y9 = q({
+const b9 = q({
   props: {
     modelValue: {
       type: [String, Number],
@@ -11224,18 +11232,18 @@ const y9 = q({
     }
   }
 });
-const b9 = { class: "tabbar-wrapper" }, w9 = ["onClick"];
-function $9(t, e, a, s, n, o) {
-  return p(), C("div", b9, [
+const w9 = { class: "tabbar-wrapper" }, $9 = ["onClick"];
+function k9(t, e, a, s, n, o) {
+  return p(), C("div", w9, [
     (p(!0), C(fe, null, _e(t.tabs, (i) => (p(), C("button", {
       key: i.value,
       class: X(["tab-button", { "tab-button--active": i.value === t.modelValue }]),
       type: "button",
       onClick: (l) => t.selectTab(i.value)
-    }, W(i.label), 11, w9))), 128))
+    }, W(i.label), 11, $9))), 128))
   ]);
 }
-const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297"]]), k9 = { class: "ao-project" }, S9 = { class: "ao-project__body" }, A9 = /* @__PURE__ */ q({
+const an = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297"]]), S9 = { class: "ao-project" }, A9 = { class: "ao-project__body" }, M9 = /* @__PURE__ */ q({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -11253,10 +11261,10 @@ const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297
   },
   emits: ["addPhase", "updatePhase", "archivePhase", "unarchivePhase", "addMilestone", "updateMilestone", "archiveMilestone", "unarchiveMilestone", "addActivity", "update:activity", "archiveActivity", "copyPhaseToTemplate", "unarchiveActivity", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment", "applyTemplate", "saveTemplate", "update:showsArchived"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = _t(), n = A(
+    const a = t, { t: s } = yt(), n = A(
       () => a.phases.flatMap((T) => T.milestones)
     ), o = () => {
-      const { name: T, rank: k } = At(a.phases, "phase", s);
+      const { name: T, rank: k } = Mt(a.phases, "phase", s);
       e("addPhase", { name: T, rank: k, projectId: a.project.id });
     }, i = (T) => {
       e("updatePhase", T);
@@ -11317,7 +11325,7 @@ const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297
       const R = rt("RouterView");
       return p(), C(fe, null, [
         f("div", Ae({ class: "ao-project-overview" }, T.$attrs), [
-          f("div", k9, [
+          f("div", S9, [
             M(ba, null, {
               primary: N(() => [
                 M(an, {
@@ -11356,7 +11364,7 @@ const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297
               ]),
               _: 1
             }),
-            f("div", S9, [
+            f("div", A9, [
               M(fi, {
                 phases: T.phases,
                 "closed-status": T.closedStatus,
@@ -11413,7 +11421,7 @@ const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297
               onRemoveComment: J
             }, {
               default: N(({ Component: y }) => [
-                (p(), D(ht(y), null, {
+                (p(), D(mt(y), null, {
                   default: N((V) => [
                     te(T.$slots, "activityDetailsBody", ha(ma(V)))
                   ]),
@@ -11443,39 +11451,39 @@ const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297
     };
   }
 });
-const M9 = { class: "ao-card-feed__header" }, T9 = {
+const T9 = { class: "ao-card-feed__header" }, O9 = {
   key: 1,
   class: "ao-card-feed__header-secondary ao-card-feed__header-icons"
-}, O9 = {
+}, E9 = {
   key: 2,
   class: "ao-card-feed__header-secondary ao-card-feed__secondary"
-}, E9 = { class: "ao-card-feed__body" }, I9 = {
+}, I9 = { class: "ao-card-feed__body" }, L9 = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
-}, L9 = {
+}, P9 = {
   class: /* @__PURE__ */ X(["ao-card-feed__title-group"])
-}, P9 = { class: "ao-card-feed__title-line" }, H9 = {
+}, H9 = { class: "ao-card-feed__title-line" }, V9 = {
   key: 0,
   class: "ao-card-feed__slug"
-}, V9 = {
+}, D9 = {
   key: 1,
   class: "ao-card-feed__deadline"
-}, D9 = { class: "ao-card-feed__footer" }, B9 = { class: "ao-card-feed__footer-row" }, j9 = { class: "ao-assignees" }, R9 = {
+}, B9 = { class: "ao-card-feed__footer" }, j9 = { class: "ao-card-feed__footer-row" }, R9 = { class: "ao-assignees" }, N9 = {
   key: 0,
   class: "ao-assignee"
-}, N9 = {
+}, U9 = {
   key: 0,
   class: "ao-card-feed__subitems"
-}, U9 = {
+}, F9 = {
   key: 0,
   class: "ao-card-feed__subitem"
-}, F9 = { class: "ao-card-feed__subitem" }, Z9 = {
+}, Z9 = { class: "ao-card-feed__subitem" }, W9 = {
   key: 1,
   class: "ao-card-feed__subitem"
-}, W9 = { class: "ao-card-feed__subitem" }, z9 = { class: "ao-card-feed__footer-row" }, q9 = {
+}, z9 = { class: "ao-card-feed__subitem" }, q9 = { class: "ao-card-feed__footer-row" }, Y9 = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, Y9 = { class: "ao-card-feed__subitem" }, x9 = { class: "ao-card-feed__subitem" }, gi = /* @__PURE__ */ q({
+}, x9 = { class: "ao-card-feed__subitem" }, K9 = { class: "ao-card-feed__subitem" }, gi = /* @__PURE__ */ q({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -11518,7 +11526,7 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
       "is-clickable": !0
     }, {
       header: N(() => [
-        f("div", M9, [
+        f("div", T9, [
           s.value ? (p(), D(ra, {
             key: 0,
             label: s.value,
@@ -11527,7 +11535,7 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
             color: m.projectColor ? void 0 : "primary",
             "raw-color": n.value
           }, null, 8, ["label", "color", "raw-color"])) : O("", !0),
-          m.isPrivate || m.important || m.isClosed ? (p(), C("div", T9, [
+          m.isPrivate || m.important || m.isClosed ? (p(), C("div", O9, [
             m.isPrivate ? (p(), D(pe, {
               key: 0,
               name: "Lock",
@@ -11546,17 +11554,17 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
               class: "ao-card-feed__closed"
             })) : O("", !0)
           ])) : O("", !0),
-          m.$slots.secondary ? (p(), C("div", O9, [
+          m.$slots.secondary ? (p(), C("div", E9, [
             te(m.$slots, "secondary")
           ])) : O("", !0)
         ])
       ]),
       default: N(() => [
-        f("div", E9, [
-          i.value ? (p(), C("span", I9, W(i.value), 1)) : O("", !0),
-          f("div", L9, [
-            f("div", P9, [
-              m.slug ? (p(), C("span", H9, W(m.slug) + ": ", 1)) : O("", !0),
+        f("div", I9, [
+          i.value ? (p(), C("span", L9, W(i.value), 1)) : O("", !0),
+          f("div", P9, [
+            f("div", H9, [
+              m.slug ? (p(), C("span", V9, W(m.slug) + ": ", 1)) : O("", !0),
               M(be, {
                 id: m.id,
                 title: m.name,
@@ -11567,17 +11575,17 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
               }, null, 8, ["id", "title", "is-editable"])
             ])
           ]),
-          m.deadline ? (p(), C("span", V9, W(r.value), 1)) : O("", !0)
+          m.deadline ? (p(), C("span", D9, W(r.value), 1)) : O("", !0)
         ])
       ]),
       footer: N(() => [
-        f("div", D9, [
-          f("div", B9, [
-            f("ul", j9, [
+        f("div", B9, [
+          f("div", j9, [
+            f("ul", R9, [
               (p(!0), C(fe, null, _e(l.value, (b) => (p(), C(fe, {
                 key: b.id
               }, [
-                b ? (p(), C("li", R9, [
+                b ? (p(), C("li", N9, [
                   M(Je, {
                     "user-name": Q(Kn)(b),
                     "avatar-url": b.avatarUrl,
@@ -11587,31 +11595,31 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
                 ])) : O("", !0)
               ], 64))), 128))
             ]),
-            m.comments || m.attachments ? (p(), C("ul", N9, [
-              m.comments ? (p(), C("li", U9, [
+            m.comments || m.attachments ? (p(), C("ul", U9, [
+              m.comments ? (p(), C("li", F9, [
                 M(pe, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                f("span", F9, W(m.comments), 1)
+                f("span", Z9, W(m.comments), 1)
               ])) : O("", !0),
-              m.attachments ? (p(), C("li", Z9, [
+              m.attachments ? (p(), C("li", W9, [
                 M(pe, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                f("span", W9, W(m.attachments), 1)
+                f("span", z9, W(m.attachments), 1)
               ])) : O("", !0)
             ])) : O("", !0)
           ]),
-          f("div", z9, [
-            m.tasks && m.tasks.length ? (p(), C("div", q9, [
-              f("div", Y9, [
+          f("div", q9, [
+            m.tasks && m.tasks.length ? (p(), C("div", Y9, [
+              f("div", x9, [
                 M(pe, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                f("span", x9, W(d.value) + " / " + W(u.value), 1)
+                f("span", K9, W(d.value) + " / " + W(u.value), 1)
               ]),
               M(ls, {
                 percentages: v.value,
@@ -11625,10 +11633,10 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
     }, 8, ["class"]));
   }
 });
-const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-milestone__header" }, X9 = { class: "ao-project-milestone__header_line" }, Q9 = { class: "ao-project-milestone__header_line" }, J9 = { class: "ao-project-milestone__title" }, e4 = {
+const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-milestone__header" }, Q9 = { class: "ao-project-milestone__header_line" }, J9 = { class: "ao-project-milestone__header_line" }, e4 = { class: "ao-project-milestone__title" }, t4 = {
   key: 0,
   class: "ao-fieldset ao-milestone__fieldset"
-}, t4 = { class: "ao-field__row ao-milestone__field-row" }, a4 = { class: "ao-field ao-field--inline" }, s4 = { class: "ao-field__row ao-milestone__field-row" }, n4 = { class: "ao-field ao-milestone__field-multiselect" }, i4 = ["onClick"], o4 = { class: "ao-project-milestone__body" }, l4 = {
+}, a4 = { class: "ao-field__row ao-milestone__field-row" }, s4 = { class: "ao-field ao-field--inline" }, n4 = { class: "ao-field__row ao-milestone__field-row" }, i4 = { class: "ao-field ao-milestone__field-multiselect" }, o4 = ["onClick"], l4 = { class: "ao-project-milestone__body" }, r4 = {
   key: 0,
   class: "ao-project-milestone__footer"
 }, In = /* @__PURE__ */ q({
@@ -11644,7 +11652,7 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
   },
   emits: ["close", "addActivity", "updateMilestone", "updateActivity", "archiveActivity", "unarchiveActivity"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = _t(), n = A(() => {
+    const a = t, { t: s } = yt(), n = A(() => {
       var h;
       return (h = a.phases) == null ? void 0 : h.find((_) => _.id === a.phaseId);
     }), o = A(
@@ -11665,7 +11673,7 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
     const r = (h) => {
       e("close", h);
     }, c = () => {
-      const { name: h, rank: _ } = At(
+      const { name: h, rank: _ } = Mt(
         l.value ?? [],
         "activity",
         s
@@ -11735,9 +11743,9 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
     });
     return (h, _) => {
       var P;
-      return p(), C("div", K9, [
-        f("header", G9, [
-          f("div", X9, [
+      return p(), C("div", G9, [
+        f("header", X9, [
+          f("div", Q9, [
             M(re, {
               "icon-name": "CloseRounded",
               variant: "ghost",
@@ -11746,8 +11754,8 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
               onClick: r
             })
           ]),
-          f("div", Q9, [
-            f("div", J9, [
+          f("div", J9, [
+            f("div", e4, [
               M(be, {
                 title: ((P = i.value) == null ? void 0 : P.name) || h.milestoneId,
                 level: 5
@@ -11766,9 +11774,9 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
               }, null, 8, ["modelValue", "disabled", "label"])
             ])
           ]),
-          i.value ? (p(), C("div", e4, [
-            f("div", t4, [
-              f("label", a4, [
+          i.value ? (p(), C("div", t4, [
+            f("div", a4, [
+              f("label", s4, [
                 De(f("input", {
                   "onUpdate:modelValue": _[1] || (_[1] = (I) => m.value = I),
                   class: "ao-milestone__field ao-milestone__date-field",
@@ -11783,8 +11791,8 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
                 ])
               ])
             ]),
-            f("div", s4, [
-              f("label", n4, [
+            f("div", n4, [
+              f("label", i4, [
                 M(Se, {
                   modelValue: g.value,
                   "onUpdate:modelValue": _[2] || (_[2] = (I) => g.value = I),
@@ -11819,17 +11827,17 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
             }, {
               clickable: N(({ openPicker: I, bgColor: L }) => [
                 f("button", {
-                  style: Mt({ background: L }),
+                  style: pt({ background: L }),
                   class: "color-button",
                   onClick: I
-                }, null, 12, i4)
+                }, null, 12, o4)
               ]),
               _: 1
             }, 8, ["color"])
           ])) : O("", !0)
         ]),
-        f("div", o4, [
-          M(Q(mt), Ae({
+        f("div", l4, [
+          M(Q(gt), Ae({
             class: "ao-project-milestone__activities",
             list: l.value,
             disabled: !h.isEditable,
@@ -11899,8 +11907,8 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          h.isEditable ? (p(), C("div", l4, [
-            M(gt, {
+          h.isEditable ? (p(), C("div", r4, [
+            M(Ct, {
               "icon-name": "Add",
               label: h.$t("project.activity.add"),
               onClick: c
@@ -11911,7 +11919,7 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
     };
   }
 });
-const r4 = /* @__PURE__ */ q({
+const u4 = /* @__PURE__ */ q({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -11998,14 +12006,14 @@ const r4 = /* @__PURE__ */ q({
       }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "attachment-enabled", "projects", "onClose"])) : O("", !0);
     };
   }
-}), u4 = { class: "ao-col-header" }, c4 = /* @__PURE__ */ q({
+}), c4 = { class: "ao-col-header" }, d4 = /* @__PURE__ */ q({
   __name: "AoColHeader",
   props: {
     title: {},
     items: {}
   },
   setup(t) {
-    return (e, a) => (p(), C("header", u4, [
+    return (e, a) => (p(), C("header", c4, [
       M(be, {
         title: e.title,
         class: "ao-col-header__title",
@@ -12021,17 +12029,17 @@ const r4 = /* @__PURE__ */ q({
     ]));
   }
 });
-function d4(t) {
+function p4(t) {
   return Fi() ? (Zi(t), !0) : !1;
 }
 function za(t) {
   return typeof t == "function" ? t() : Q(t);
 }
-const p4 = typeof window < "u" && typeof document < "u";
+const v4 = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const v4 = (t) => t != null, la = () => {
+const f4 = (t) => t != null, la = () => {
 };
-function f4(t, e) {
+function h4(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);
@@ -12039,7 +12047,7 @@ function f4(t, e) {
   }
   return a;
 }
-function h4(t, e = {}) {
+function m4(t, e = {}) {
   let a, s, n = la;
   const o = (l) => {
     clearTimeout(l), n(), n = la;
@@ -12055,9 +12063,9 @@ function h4(t, e = {}) {
     });
   };
 }
-function m4(t, e = 200, a = {}) {
-  return f4(
-    h4(e, a),
+function g4(t, e = 200, a = {}) {
+  return h4(
+    m4(e, a),
     t
   );
 }
@@ -12066,27 +12074,27 @@ function bs(t) {
   const a = za(t);
   return (e = a == null ? void 0 : a.$el) != null ? e : a;
 }
-const g4 = p4 ? window : void 0;
-function C4() {
+const C4 = v4 ? window : void 0;
+function _4() {
   const t = x(!1), e = Lt();
   return e && It(() => {
     t.value = !0;
   }, e), t;
 }
-function _4(t) {
-  const e = C4();
+function y4(t) {
+  const e = _4();
   return A(() => (e.value, !!t()));
 }
-function y4(t, e, a = {}) {
+function b4(t, e, a = {}) {
   const {
     root: s,
     rootMargin: n = "0px",
     threshold: o = 0.1,
-    window: i = g4,
+    window: i = C4,
     immediate: l = !0
-  } = a, r = _4(() => i && "IntersectionObserver" in i), c = A(() => {
+  } = a, r = y4(() => i && "IntersectionObserver" in i), c = A(() => {
     const w = za(t);
-    return (Array.isArray(w) ? w : [w]).map(bs).filter(v4);
+    return (Array.isArray(w) ? w : [w]).map(bs).filter(f4);
   });
   let u = la;
   const d = x(l), v = r.value ? ce(
@@ -12110,7 +12118,7 @@ function y4(t, e, a = {}) {
   ) : la, m = () => {
     u(), v(), d.value = !1;
   };
-  return d4(m), {
+  return p4(m), {
     isSupported: r,
     isActive: d,
     pause() {
@@ -12122,24 +12130,24 @@ function y4(t, e, a = {}) {
     stop: m
   };
 }
-const b4 = {
+const w4 = {
   class: /* @__PURE__ */ X(["ao-list-kanban"])
-}, w4 = { class: "ao-list-kanban__header" }, $4 = {
+}, $4 = { class: "ao-list-kanban__header" }, k4 = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
-}, k4 = {
+}, S4 = {
   key: 1,
   class: "ao-list-kanban__end"
-}, S4 = {
+}, A4 = {
   key: 0,
   class: "ao-list-kanban__no-more"
-}, A4 = {
+}, M4 = {
   key: 1,
   class: "ao-list-kanban__divider"
-}, M4 = {
+}, T4 = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, T4 = /* @__PURE__ */ q({
+}, O4 = /* @__PURE__ */ q({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -12157,7 +12165,7 @@ const b4 = {
   emits: ["add", "update:list", "change:list", "loadMore", "selectActivity", "archiveActivity", "unarchiveActivity", "updateActivity"],
   setup(t, { emit: e }) {
     const a = t, s = x(!1), n = x(null);
-    y4(n, ([{ isIntersecting: u }]) => {
+    b4(n, ([{ isIntersecting: u }]) => {
       s.value = u;
     }), ce(s, (u) => {
       u && a.hasMore && !a.isLoading && e("loadMore");
@@ -12182,12 +12190,12 @@ const b4 = {
         )
       });
     }, c = x(!1);
-    return (u, d) => (p(), C("div", b4, [
+    return (u, d) => (p(), C("div", w4, [
       u.title || u.$slots.header ? te(u.$slots, "header", { key: 0 }, () => {
         var v;
         return [
-          f("div", w4, [
-            u.title ? (p(), D(c4, {
+          f("div", $4, [
+            u.title ? (p(), D(d4, {
               key: 0,
               title: u.title,
               level: 3,
@@ -12196,7 +12204,7 @@ const b4 = {
           ])
         ];
       }) : O("", !0),
-      M(Q(mt), Ae({
+      M(Q(gt), Ae({
         class: ["ao-list-kanban__list", c.value ? "ao-list-kanban__transition" : void 0],
         list: u.list,
         "item-key": "id",
@@ -12273,22 +12281,22 @@ const b4 = {
           ];
         }),
         footer: N(() => [
-          u.isLoading ? (p(), C("div", $4, [
+          u.isLoading ? (p(), C("div", k4, [
             M(pe, { name: "Loading" })
           ])) : u.hasMore ? (p(), C("div", {
             key: 2,
             ref_key: "scrollEnd",
             ref: n,
             class: "ao-list-kanban__end"
-          }, null, 512)) : (p(), C("div", k4, [
-            u.noMoreLabel ? (p(), C("span", S4, W(u.noMoreLabel), 1)) : u.isEditable ? (p(), C("span", A4)) : O("", !0)
+          }, null, 512)) : (p(), C("div", S4, [
+            u.noMoreLabel ? (p(), C("span", A4, W(u.noMoreLabel), 1)) : u.isEditable ? (p(), C("span", M4)) : O("", !0)
           ]))
         ]),
         _: 1
       }, 16, ["class", "list", "disabled"]),
-      u.$slots.footer || u.footerLabel ? (p(), C("div", M4, [
+      u.$slots.footer || u.footerLabel ? (p(), C("div", T4, [
         te(u.$slots, "footer", {}, () => [
-          u.isEditable ? (p(), D(gt, {
+          u.isEditable ? (p(), D(Ct, {
             key: 0,
             "icon-name": "AddBoxOutlineRounded",
             label: u.footerLabel,
@@ -12299,7 +12307,7 @@ const b4 = {
     ]));
   }
 });
-const O4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder", "onKeypress"], I4 = /* @__PURE__ */ q({
+const E4 = { class: "ao-field ao-search-field" }, I4 = ["value", "placeholder", "onKeypress"], L4 = /* @__PURE__ */ q({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -12311,10 +12319,10 @@ const O4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder",
     const a = t, s = async (i) => {
       const r = i.target.value;
       e("update:modelValue", r, i);
-    }, n = m4(s, a.delay), o = (i) => {
+    }, n = g4(s, a.delay), o = (i) => {
       e("clear", i);
     };
-    return (i, l) => (p(), C("div", O4, [
+    return (i, l) => (p(), C("div", E4, [
       f("input", {
         value: i.modelValue,
         type: "text",
@@ -12323,7 +12331,7 @@ const O4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder",
         onInput: l[0] || (l[0] = //@ts-ignore
         (...r) => Q(n) && Q(n)(...r)),
         onKeypress: dt(s, ["enter"])
-      }, null, 40, E4),
+      }, null, 40, I4),
       M(pe, {
         name: "SearchRounded",
         class: X(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
@@ -12339,7 +12347,7 @@ const O4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder",
     ]));
   }
 });
-const L4 = { class: "ao-feed" }, P4 = { class: "ao-feed__filters" }, H4 = { class: "ao-feed__body" }, V4 = /* @__PURE__ */ q({
+const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { class: "ao-feed__body" }, D4 = /* @__PURE__ */ q({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -12363,7 +12371,7 @@ const L4 = { class: "ao-feed" }, P4 = { class: "ao-feed__filters" }, H4 = { clas
   },
   emits: ["change:activities", "addActivity", "update:filters", "selectActivity", "update:activity", "archiveActivity", "unarchiveActivity", "update:searchText", "clear:searchText", "update:showsArchivedActivities", "update:showsOnlyImportant", "update:showsOnlyNonAssigned", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment", "toast"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = _t();
+    const a = t, { t: s } = yt();
     function n(k, R) {
       e("toast", k, R);
     }
@@ -12456,16 +12464,16 @@ const L4 = { class: "ao-feed" }, P4 = { class: "ao-feed__filters" }, H4 = { clas
       k === "feed" ? (ee.push({ name: ye.feed }), console.log("Navigating to feed...")) : k === "overview" ? (ee.push({ name: ye.project }), console.log("Navigating to feed...")) : k === "mapping" && (ee.push({ name: ye.mapping }), console.log("Navigating to feed..."));
     }), (k, R) => {
       var y;
-      return p(), C("div", L4, [
+      return p(), C("div", P4, [
         M(ba, null, {
           primary: N(() => [
-            f("div", P4, [
+            f("div", H4, [
               M(an, {
                 tabs: T,
                 modelValue: E.value,
                 "onUpdate:modelValue": R[0] || (R[0] = (V) => E.value = V)
               }, null, 8, ["modelValue"]),
-              M(I4, {
+              M(L4, {
                 "model-value": k.searchText,
                 placeholder: k.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
@@ -12558,8 +12566,8 @@ const L4 = { class: "ao-feed" }, P4 = { class: "ao-feed__filters" }, H4 = { clas
           ]),
           _: 1
         }),
-        f("div", H4, [
-          (p(!0), C(fe, null, _e(k.statuses, (V) => (p(), D(T4, {
+        f("div", V4, [
+          (p(!0), C(fe, null, _e(k.statuses, (V) => (p(), D(O4, {
             key: V.id,
             status: V,
             list: l.value[V.id],
@@ -12613,10 +12621,10 @@ const L4 = { class: "ao-feed" }, P4 = { class: "ao-feed__filters" }, H4 = { clas
     };
   }
 });
-const D4 = { class: "ao-project-mapping" }, B4 = { class: "ao-project-mapping-mapping__body" }, j4 = { class: "ao-project-mapping-mapping__phases" }, R4 = {
+const B4 = { class: "ao-project-mapping" }, j4 = { class: "ao-project-mapping-mapping__body" }, R4 = { class: "ao-project-mapping-mapping__phases" }, N4 = {
   key: 0,
   class: "ao-project-mapping-mapping__image-wrapper"
-}, N4 = ["src", "alt"], U4 = /* @__PURE__ */ q({
+}, U4 = ["src", "alt"], F4 = /* @__PURE__ */ q({
   __name: "AoMapping",
   props: {
     project: {},
@@ -12634,8 +12642,8 @@ const D4 = { class: "ao-project-mapping" }, B4 = { class: "ao-project-mapping-ma
   },
   emits: ["addPhase", "updatePhase", "archivePhase", "unarchivePhase", "copyPhaseToTemplate", "applyTemplate", "saveTemplate", "update:showsArchived"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = _t(), n = () => {
-      const { name: g, rank: $ } = At(a.phases, "phase", s);
+    const a = t, { t: s } = yt(), n = () => {
+      const { name: g, rank: $ } = Mt(a.phases, "phase", s);
       e("addPhase", { name: g, rank: $, projectId: a.project.id });
     }, o = (g) => {
       e("updatePhase", g);
@@ -12660,7 +12668,7 @@ const D4 = { class: "ao-project-mapping" }, B4 = { class: "ao-project-mapping-ma
       g === "feed" ? (m.push({ name: ye.feed }), console.log("Navigating to feed...")) : g === "overview" ? (m.push({ name: ye.project }), console.log("Navigating to feed...")) : g === "mapping" && (m.push({ name: ye.mapping }), console.log("Navigating to feed..."));
     }), (g, $) => (p(), C(fe, null, [
       f("div", Ae({ class: "ao-project-mapping-overview" }, g.$attrs), [
-        f("div", D4, [
+        f("div", B4, [
           M(ba, null, {
             primary: N(() => [
               M(an, {
@@ -12699,8 +12707,8 @@ const D4 = { class: "ao-project-mapping" }, B4 = { class: "ao-project-mapping-ma
             ]),
             _: 1
           }),
-          f("div", B4, [
-            f("div", j4, [
+          f("div", j4, [
+            f("div", R4, [
               M(fi, {
                 phases: g.phases,
                 "closed-status": g.closedStatus,
@@ -12713,12 +12721,12 @@ const D4 = { class: "ao-project-mapping" }, B4 = { class: "ao-project-mapping-ma
                 onCopyPhaseToTemplate: r
               }, null, 8, ["phases", "closed-status", "is-editable", "users"])
             ]),
-            g.project.architectureImage ? (p(), C("div", R4, [
+            g.project.architectureImage ? (p(), C("div", N4, [
               f("img", {
                 class: "architecture-image",
                 src: g.project.architectureImage.url,
                 alt: Q(s)("architectureImage.alt")
-              }, null, 8, N4)
+              }, null, 8, U4)
             ])) : O("", !0)
           ])
         ])
@@ -12745,7 +12753,7 @@ const jt = {
   TEMPLATES: "templates",
   TEMPLATE_DETAILS: "template_details",
   TEMPLATES_LIST: "templates_list"
-}, n8 = (t, e = {}) => [
+}, i8 = (t, e = {}) => [
   {
     path: t,
     name: jt.TEMPLATES,
@@ -12755,7 +12763,7 @@ const jt = {
       {
         path: "",
         name: jt.TEMPLATES_LIST,
-        component: Z4
+        component: W4
       },
       {
         path: ":templateId/:phaseId?/:milestoneId?/:activityId?",
@@ -12771,7 +12779,7 @@ const jt = {
   mapping: "AoProjectMapping",
   milestone: "AoMilestone",
   activity: "AoActivity"
-}, i8 = (t, e = {}) => [
+}, o8 = (t, e = {}) => [
   {
     path: t,
     ...e,
@@ -12780,7 +12788,7 @@ const jt = {
       {
         path: "",
         name: ye.project,
-        component: A9,
+        component: M9,
         props: !0,
         children: [
           {
@@ -12795,7 +12803,7 @@ const jt = {
             props: { default: !0, modal: !0 },
             components: {
               default: In,
-              modal: r4
+              modal: u4
             }
           }
         ]
@@ -12803,25 +12811,25 @@ const jt = {
       {
         path: "feed",
         name: ye.feed,
-        component: V4,
+        component: D4,
         props: !0
       },
       {
         path: "mapping",
         name: ye.mapping,
-        component: U4,
+        component: F4,
         props: !0
       }
     ]
   }
-], F4 = { class: "ao-templates" }, Z4 = /* @__PURE__ */ q({
+], Z4 = { class: "ao-templates" }, W4 = /* @__PURE__ */ q({
   __name: "AoTemplatesList",
   props: {
     templates: {}
   },
   emits: ["addTemplate", "updateTemplates", "updateItem", "removeItem"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = _t();
+    const a = t, { t: s } = yt();
     ce(() => a.templates, (r, c) => {
       Xe(r, c);
     });
@@ -12863,7 +12871,7 @@ const jt = {
         });
       }
     };
-    return (r, c) => (p(), C("div", F4, [
+    return (r, c) => (p(), C("div", Z4, [
       M(ba, null, {
         secondary: N(() => [
           M(re, {
@@ -12876,7 +12884,7 @@ const jt = {
         ]),
         _: 1
       }),
-      M(Q(mt), {
+      M(Q(gt), {
         "model-value": r.templates,
         class: "ao-templates__list",
         "item-key": "id",
@@ -12908,7 +12916,7 @@ const jt = {
     ]));
   }
 });
-const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
+const z4 = { class: "ao-field__label" }, q4 = /* @__PURE__ */ q({
   __name: "AoField",
   props: {
     label: {},
@@ -12918,11 +12926,11 @@ const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
     return (e, a) => (p(), C("label", {
       class: X(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
-      f("span", W4, W(e.label), 1),
+      f("span", z4, W(e.label), 1),
       te(e.$slots, "default")
     ], 2));
   }
-}), q4 = ["type", "value", "disabled", "readonly"], o8 = /* @__PURE__ */ q({
+}), Y4 = ["type", "value", "disabled", "readonly"], l8 = /* @__PURE__ */ q({
   __name: "AoInputField",
   props: {
     label: { default: "" },
@@ -12939,7 +12947,7 @@ const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
     ), n = (o) => {
       a.modelModifiers.number && (o = Number(o)), e("update:modelValue", o);
     };
-    return (o, i) => (p(), D(z4, { label: o.label }, {
+    return (o, i) => (p(), D(q4, { label: o.label }, {
       default: N(() => [
         f("input", Ae({
           class: "ao-field__input",
@@ -12949,12 +12957,12 @@ const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
           readonly: o.isReadonly
         }, {
           [Wi(s.value)]: i[0] || (i[0] = (l) => n(l.target.value))
-        }), null, 16, q4)
+        }), null, 16, Y4)
       ]),
       _: 1
     }, 8, ["label"]));
   }
-}), Y4 = { class: "ao-field" }, x4 = { class: "ao-field__label" }, K4 = ["checked", "disabled"], l8 = /* @__PURE__ */ q({
+}), x4 = { class: "ao-field" }, K4 = { class: "ao-field__label" }, G4 = ["checked", "disabled"], r8 = /* @__PURE__ */ q({
   __name: "AoCheckboxField",
   props: {
     label: { default: "" },
@@ -12964,8 +12972,8 @@ const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (p(), C("label", Y4, [
-      f("span", x4, W(e.label), 1),
+    return (e, a) => (p(), C("label", x4, [
+      f("span", K4, W(e.label), 1),
       f("input", {
         class: "ao-field__input",
         type: "checkbox",
@@ -12978,29 +12986,29 @@ const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
             ((n = s.target) == null ? void 0 : n.checked) ?? !1
           );
         })
-      }, null, 40, K4)
+      }, null, 40, G4)
     ]));
   }
 });
 export {
   Je as AoAvatar,
   gi as AoCardFeed,
-  l8 as AoCheckboxField,
-  V4 as AoFeed,
-  z4 as AoField,
-  o8 as AoInputField,
+  r8 as AoCheckboxField,
+  D4 as AoFeed,
+  q4 as AoField,
+  l8 as AoInputField,
   Se as AoMultiselect,
   fi as AoProjectPhases,
   Rf as AoTemplateDetails,
-  e8 as AoTemplates,
-  Z4 as AoTemplatesList,
+  t8 as AoTemplates,
+  W4 as AoTemplatesList,
   G2 as TemplateItemTypeEnum,
-  a8 as activityFeedStatus,
-  t8 as durationTypes,
+  s8 as activityFeedStatus,
+  a8 as durationTypes,
   Dt as feedFilterTypes,
-  i8 as getProjectOverviewRoutes,
-  n8 as getTemplateRoutes,
-  s8 as listUpdateTypes,
+  o8 as getProjectOverviewRoutes,
+  i8 as getTemplateRoutes,
+  n8 as listUpdateTypes,
   Ba as milestoneStatus,
   ye as projectOverviewRoutes,
   Y2 as ruleComparators,