@26lights/orcha 0.41.71 → 0.41.73

package/dist/orcha.es.js

@@ -1,6 +1,6 @@
-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 { 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 { RouterView as zi, useRoute as qi, useRouter as Es } from "vue-router";
-import gt from "vuedraggable";
+import mt from "vuedraggable";
 const e8 = /* @__PURE__ */ q({
   __name: "AoTemplates",
   props: {
@@ -1168,7 +1168,7 @@ const Ln = {
   },
   setup(t) {
     const e = t, a = A(() => L2[e.name]);
-    return (s, n) => (p(), D(mt(a.value), {
+    return (s, n) => (p(), D(ht(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(mt(r.value), Ae({
+    ), (b, g) => (p(), D(ht(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(mt(s.tagName), {
+    return (s, n) => (p(), D(ht(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: pt(n.rawColor ? { "--ao-tag-bg": n.rawColor } : {})
+      style: Mt(n.rawColor ? { "--ao-tag-bg": n.rawColor } : {})
     }, [
-      (p(), D(mt(a.value), Ae({ class: "ao-tag__label" }, s.value, {
+      (p(), D(ht(a.value), Ae({ class: "ao-tag__label" }, s.value, {
         onClick: o[0] || (o[0] = (i) => n.$emit("click", i))
       }), {
         default: N(() => [
@@ -2173,11 +2173,11 @@ var Bt = {
         return vn(i);
       case "XXXX":
       case "XX":
-        return St(i);
+        return kt(i);
       case "XXXXX":
       case "XXX":
       default:
-        return St(i, ":");
+        return kt(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 St(i);
+        return kt(i);
       case "xxxxx":
       case "xxx":
       default:
-        return St(i, ":");
+        return kt(i, ":");
     }
   },
   // Timezone (GMT)
@@ -2205,7 +2205,7 @@ var Bt = {
         return "GMT" + pn(i, ":");
       case "OOOO":
       default:
-        return "GMT" + St(i, ":");
+        return "GMT" + kt(i, ":");
     }
   },
   // Timezone (specific non-location)
@@ -2218,7 +2218,7 @@ var Bt = {
         return "GMT" + pn(i, ":");
       case "zzzz":
       default:
-        return "GMT" + St(i, ":");
+        return "GMT" + kt(i, ":");
     }
   },
   // Seconds timestamp
@@ -2244,9 +2244,9 @@ function vn(t, e) {
     var a = t > 0 ? "-" : "+";
     return a + de(Math.abs(t) / 60, 2);
   }
-  return St(t, e);
+  return kt(t, e);
 }
-function St(t, e) {
+function kt(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"
-}, Ct = /* @__PURE__ */ q({
+}, gt = /* @__PURE__ */ q({
   __name: "AoButtonCard",
   props: {
     label: { default: () => "" },
@@ -4066,7 +4066,7 @@ const y5 = /* @__PURE__ */ q({
         });
       }
     };
-    return (l, r) => l.phase ? (p(), D(Q(gt), {
+    return (l, r) => l.phase ? (p(), D(Q(mt), {
       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(Ct, {
+          M(gt, {
             "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(gt), {
+    return (l, r) => l.milestone ? (p(), D(Q(mt), {
       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(Ct, {
+          M(gt, {
             "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, vt = (t) => ({
+const da = Math.min, He = Math.max, Ua = Math.round, Pa = Math.floor, pt = (t) => ({
   x: t,
   y: t
 }), P5 = {
@@ -4607,7 +4607,7 @@ const Z5 = function(t) {
     }
   };
 };
-function ft(t) {
+function vt(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(ft(t));
+  return ["table", "td", "th"].includes(vt(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(ft(t));
+  return ["html", "body", "#document"].includes(vt(t));
 }
 function je(t) {
   return Te(t).getComputedStyle(t);
@@ -4674,7 +4674,7 @@ function as(t) {
   };
 }
 function Wt(t) {
-  if (ft(t) === "html")
+  if (vt(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 vt(1);
+    return pt(1);
   const a = e.getBoundingClientRect(), {
     width: s,
     height: n,
@@ -4723,7 +4723,7 @@ function Nt(t) {
     y: l
   };
 }
-const Y5 = /* @__PURE__ */ vt(0);
+const Y5 = /* @__PURE__ */ pt(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 = vt(1);
+  let i = pt(1);
   e && (s ? et(s) && (i = Nt(s)) : i = Nt(t));
-  const l = x5(o, a, s) ? ai(o) : vt(0);
+  const l = x5(o, a, s) ? ai(o) : pt(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 = vt(1);
-  const r = vt(0);
-  if ((n || !n && s !== "fixed") && ((ft(a) !== "body" || wa(o)) && (i = as(a)), We(a))) {
+  }, l = pt(1);
+  const r = pt(0);
+  if ((n || !n && s !== "fixed") && ((vt(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) : vt(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) : pt(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) && ft(l) !== "body"), n = null;
+  let s = pa(t, [], !1).filter((l) => et(l) && vt(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 = vt(0);
+  const r = pt(0);
   if (s || !s && !o)
-    if ((ft(e) !== "body" || wa(n)) && (l = as(e)), s) {
+    if ((vt(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 && (ft(s) === "html" || ft(s) === "body" && je(s).position === "static" && !js(s)) ? a : s || q5(t) || a;
+  return s && (vt(s) === "html" || vt(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 = bt.value || /* istanbul ignore next */
+      let S = yt.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;
-  }), bt = A(() => {
+  }), yt = 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 = [...bt.value].map((B) => ({ ...B }));
+    let S = [...yt.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(($t) => Object.assign({}, $t, B[y.value] ? { [y.value]: !0 } : {})),
-        __VISIBLE__: fs(ge).map(($t) => Object.assign({}, $t, B[y.value] ? { [y.value]: !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 } : {}))
       };
     }));
   }), 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,
-    [wt.value[0]]: Y.value,
+    [bt.value[0]]: Y.value,
     [u.value]: Y.value,
     __CREATE__: !0
-  }]), wt = A(() => o.value ? Array.isArray(o.value) ? o.value : [o.value] : [u.value]), bi = A(() => {
+  }]), bt = 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) => 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) => {
+  }, 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) => {
     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 = ($t, un, G4) => wt.value.some((Hi) => {
-        let cn = ys(ka($t[Hi]), ae.value);
+      ge || (ge = (wt, un, G4) => bt.value.some((Hi) => {
+        let cn = ys(ka(wt[Hi]), ae.value);
         return V.value ? cn.startsWith(ys(un, ae.value)) : cn.indexOf(ys(un, ae.value)) !== -1;
-      })), ue = ue.filter(($t) => ge($t, Y.value, ne));
+      })), ue = ue.filter((wt) => ge(wt, 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, [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;
+      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;
   }, 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,
-    [wt.value[0]]: S
+    [bt.value[0]]: S
   } : {}) : S.filter((B) => !!Ke(B) || F.value).map((B) => Ke(B) || {
     [u.value]: B,
     [L.value]: B,
-    [wt.value[0]]: B
+    [bt.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: bt,
-    extendedGroups: bt,
+    eg: yt,
+    extendedGroups: yt,
     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 At = Math.max, Wa = Math.min, zt = Math.round;
+var St = 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 _t(t) {
+function Ct(t) {
   return ((Et(t) ? t.ownerDocument : (
     // $FlowFixMe[prop-missing]
     t.document
   )) || window.document).documentElement;
 }
 function Zs(t) {
-  return qt(_t(t)).left + Fs(t).scrollLeft;
+  return qt(Ct(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 = _t(e), i = qt(t, n, a), l = {
+  var s = Be(e), n = Be(e) && b7(e), o = Ct(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
-    _t(t)
+    Ct(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", 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) {
+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) {
   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 = _t(t), n = a.visualViewport, o = s.clientWidth, i = s.clientHeight, l = 0, r = 0;
+  var a = Oe(t), s = Ct(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 = _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), {
+  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), {
     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(_t(t)));
+  return e === ui ? Ss(F7(t, a)) : Et(e) ? z7(e, a) : Ss(Z7(Ct(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 = 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;
+    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;
   }, 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 ht:
+    case ft:
       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 || _t(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 || Ct(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 = [ht, qe].indexOf(G) >= 0 ? 1 : -1, se = [Ne, qe].indexOf(G) >= 0 ? "y" : "x";
+      var le = [ft, 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 = _t(a), tt(L).position !== "static" && l === "absolute" && (F = "scrollHeight", z = "scrollWidth")), L = L, n === Ne || (n === Ge || n === ht) && o === va) {
+    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) {
       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) {
-      _ = ht;
+      _ = ft;
       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 At(t, Wa(e, a));
+  return St(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 : 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) : {
+      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) : {
         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 ? At(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 ? St(k, nt) : k);
       L[P] = ka, j[P] = ka - E;
     }
     if (l) {
-      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);
+      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);
       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 ? ht : Ge : G ? qe : Ne;
+      }), E = le ? G ? ft : 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 yt() {
+function _t() {
   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 } = yt();
+    const a = t, { t: s } = _t();
     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(mt(u.value), {
+            (p(), D(ht(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(mt($.tagName), { class: "ao-rule-line" }, {
+    return ($, h) => (p(), D(ht($.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(Ct, {
+          M(gt, {
             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 Mt(t, e, a) {
+function At(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 } = yt(), n = A(
+    const a = t, { t: s } = _t(), 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 } = Mt(
+      const { name: E, rank: T } = At(
         n.value.phases,
         "phase",
         s
@@ -9112,7 +9112,7 @@ const Lf = {
     }, $ = (E) => {
       if (!i.value)
         return;
-      const { name: T, rank: k } = Mt(
+      const { name: T, rank: k } = At(
         i.value.milestones,
         "milestone",
         s
@@ -9148,7 +9148,7 @@ const Lf = {
       const { milestoneId: T } = E;
       if (!l.value)
         return;
-      const { name: k, rank: R } = Mt(
+      const { name: k, rank: R } = At(
         l.value.activities,
         "activity",
         s
@@ -9249,7 +9249,7 @@ const Lf = {
         f("div", Pf, [
           f("ol", Hf, [
             f("li", Vf, [
-              M(Q(gt), {
+              M(Q(mt), {
                 "model-value": n.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -9284,7 +9284,7 @@ const Lf = {
                 }),
                 footer: N(() => [
                   f("div", Df, [
-                    M(Ct, {
+                    M(gt, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: E.$t("template.phases.add"),
                       onClick: v
@@ -9381,14 +9381,14 @@ const Nf = {
     borderColor: {}
   },
   setup(t) {
-    return (e, a) => (p(), D(mt(e.tagName), {
+    return (e, a) => (p(), D(ht(e.tagName), {
       class: X([
         "ao-card",
         {
           "ao-card--clickable": e.isClickable
         }
       ]),
-      style: pt(e.isSelected ? { borderColor: e.borderColor || "var(--ao-color-blue-base)", borderWidth: "thick" } : {})
+      style: Mt(e.isSelected ? { borderColor: e.borderColor || "var(--ao-color-blue-base)", borderWidth: "thick" } : {})
     }, {
       default: N(() => [
         e.$slots.header ? (p(), C("header", Nf, [
@@ -9421,7 +9421,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: pt({
+        style: Mt({
           width: `${o * 100}%`,
           "--ao-progress-color": s.color || "var(--ao-color-primary-base)"
         })
@@ -9503,8 +9503,8 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
             M(ls, {
               percentages: l.value,
               class: "ao-card-project-phase__progress",
-              color: "color"
-            }, null, 8, ["percentages"]),
+              color: c.color
+            }, null, 8, ["percentages", "color"]),
             c.$slots.secondary ? (p(), C("div", Gf, [
               te(c.$slots, "secondary")
             ])) : O("", !0)
@@ -9564,7 +9564,7 @@ const Jf = /* @__PURE__ */ q({
   setup(t) {
     return (e, a) => (p(), C("span", {
       class: "aoBadge",
-      style: pt({ backgroundColor: e.color })
+      style: Mt({ backgroundColor: e.color })
     }, null, 4));
   }
 });
@@ -9714,7 +9714,7 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
   * (c) 2023 
   * @license MIT
   */
-function kt(t) {
+function $t(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);
@@ -10489,7 +10489,7 @@ var Ut = q({
     }
   },
   created() {
-    Object.assign(this, kt(this.color)), this.setText(), this.$watch("rgba", () => {
+    Object.assign(this, $t(this.color)), this.setText(), this.$watch("rgba", () => {
       this.$emit("changeColor", {
         rgba: this.rgba,
         hsv: this.hsv,
@@ -10499,7 +10499,7 @@ var Ut = q({
   },
   methods: {
     selectSaturation(t) {
-      const { r: e, g: a, b: s, h: n, s: o, v: i } = kt(t);
+      const { r: e, g: a, b: s, h: n, s: o, v: i } = $t(t);
       Object.assign(this, { r: e, g: a, b: s, h: n, s: o, v: i }), this.setText();
     },
     handleFocus(t) {
@@ -10509,7 +10509,7 @@ var Ut = q({
       this.$emit("inputBlur", t);
     },
     selectHue(t) {
-      const { r: e, g: a, b: s, h: n, s: o, v: i } = kt(t);
+      const { r: e, g: a, b: s, h: n, s: o, v: i } = $t(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 +10518,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 } = kt(t);
+      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = $t(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 } = kt(t);
+      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = $t(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,13 +10536,13 @@ var Ut = q({
       this.$emit("openSucker", t);
     },
     selectSucker(t) {
-      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = kt(t);
+      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = $t(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 } = kt(t);
+      const { r: e, g: a, b: s, a: n, h: o, s: i, v: l } = $t(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();
       });
@@ -10743,8 +10743,7 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
         M(os, {
           class: "ao-mapping-card-project-phase",
           "is-clickable": d.isEditable,
-          onClick: (b) => u(b, m),
-          style: pt({ "--ao-card-custom-bg": w })
+          onClick: (b) => u(b, m)
         }, fa({
           default: N(() => [
             f("div", Rh, [
@@ -10772,9 +10771,8 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
                 M(ls, {
                   percentages: l.value,
                   class: "ao-mapping-card-project-phase__progress",
-                  "color?:": "",
-                  "string;": ""
-                }, null, 8, ["percentages"]),
+                  color: c.value
+                }, null, 8, ["percentages", "color"]),
                 d.$slots.secondary ? (p(), C("div", zh, [
                   te(d.$slots, "secondary")
                 ])) : O("", !0)
@@ -10823,7 +10821,7 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["is-clickable", "onClick", "style"])
+        ]), 1032, ["is-clickable", "onClick"])
       ]),
       _: 3
     }, 8, ["color"]));
@@ -10852,7 +10850,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 } = yt();
+    const a = t, { t: s } = _t();
     ce(
       () => a.phase.milestones,
       (h, _) => {
@@ -10870,7 +10868,7 @@ const xh = { class: "ao-project-phase" }, Kh = {
         (h) => j3(h, a.closedStatus)
       )
     ), r = (h) => {
-      const { name: _, rank: P } = Mt(
+      const { name: _, rank: P } = At(
         l.value ?? [],
         "milestone",
         s
@@ -10902,7 +10900,7 @@ const xh = { class: "ao-project-phase" }, Kh = {
     return (h, _) => (p(), C("li", xh, [
       f("div", {
         class: "ao-project-phases__draggable-card",
-        style: pt($.value)
+        style: Mt($.value)
       }, [
         h.isEditable ? (p(), C("div", Kh, [
           M(pe, {
@@ -10944,9 +10942,9 @@ const xh = { class: "ao-project-phase" }, Kh = {
       g.value ? O("", !0) : (p(), C("div", Qh, [
         f("div", {
           class: "ao-project-phase__milestones",
-          style: pt($.value)
+          style: Mt($.value)
         }, [
-          M(Q(gt), Ae({
+          M(Q(mt), Ae({
             class: "ao-project-phase__milestones-list",
             list: l.value,
             disabled: h.readonly || !h.isEditable,
@@ -10985,7 +10983,7 @@ const xh = { class: "ao-project-phase" }, Kh = {
             _: 1
           }, 16, ["list", "disabled"]),
           f("div", Jh, [
-            h.isEditable ? (p(), D(Ct, {
+            h.isEditable ? (p(), D(gt, {
               key: 0,
               label: h.$t("project.milestone.add"),
               class: "ao-project-phase__milestone-add",
@@ -11042,7 +11040,7 @@ const t9 = { class: "ao-project__phases" }, a9 = {
       e("addPhase", v);
     };
     return (v, m) => (p(), C("div", t9, [
-      M(Q(gt), {
+      M(Q(mt), {
         class: "ao-project-phase__phases-list",
         "model-value": v.phases,
         "item-key": "id",
@@ -11070,7 +11068,7 @@ const t9 = { class: "ao-project__phases" }, a9 = {
       v.isEditable ? (p(), C("div", a9, [
         s9,
         f("div", n9, [
-          M(Ct, {
+          M(gt, {
             label: v.$t("project.phases.add"),
             "icon-name": "Add",
             class: "ao-project-phase__add-phase",
@@ -11255,10 +11253,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 } = yt(), n = A(
+    const a = t, { t: s } = _t(), n = A(
       () => a.phases.flatMap((T) => T.milestones)
     ), o = () => {
-      const { name: T, rank: k } = Mt(a.phases, "phase", s);
+      const { name: T, rank: k } = At(a.phases, "phase", s);
       e("addPhase", { name: T, rank: k, projectId: a.project.id });
     }, i = (T) => {
       e("updatePhase", T);
@@ -11415,7 +11413,7 @@ const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297
               onRemoveComment: J
             }, {
               default: N(({ Component: y }) => [
-                (p(), D(mt(y), null, {
+                (p(), D(ht(y), null, {
                   default: N((V) => [
                     te(T.$slots, "activityDetailsBody", ha(ma(V)))
                   ]),
@@ -11646,7 +11644,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 } = yt(), n = A(() => {
+    const a = t, { t: s } = _t(), n = A(() => {
       var h;
       return (h = a.phases) == null ? void 0 : h.find((_) => _.id === a.phaseId);
     }), o = A(
@@ -11667,7 +11665,7 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
     const r = (h) => {
       e("close", h);
     }, c = () => {
-      const { name: h, rank: _ } = Mt(
+      const { name: h, rank: _ } = At(
         l.value ?? [],
         "activity",
         s
@@ -11821,7 +11819,7 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
             }, {
               clickable: N(({ openPicker: I, bgColor: L }) => [
                 f("button", {
-                  style: pt({ background: L }),
+                  style: Mt({ background: L }),
                   class: "color-button",
                   onClick: I
                 }, null, 12, i4)
@@ -11831,7 +11829,7 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
           ])) : O("", !0)
         ]),
         f("div", o4, [
-          M(Q(gt), Ae({
+          M(Q(mt), Ae({
             class: "ao-project-milestone__activities",
             list: l.value,
             disabled: !h.isEditable,
@@ -11902,7 +11900,7 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
             _: 1
           }, 16, ["list", "disabled"]),
           h.isEditable ? (p(), C("div", l4, [
-            M(Ct, {
+            M(gt, {
               "icon-name": "Add",
               label: h.$t("project.activity.add"),
               onClick: c
@@ -12198,7 +12196,7 @@ const b4 = {
           ])
         ];
       }) : O("", !0),
-      M(Q(gt), Ae({
+      M(Q(mt), Ae({
         class: ["ao-list-kanban__list", c.value ? "ao-list-kanban__transition" : void 0],
         list: u.list,
         "item-key": "id",
@@ -12290,7 +12288,7 @@ const b4 = {
       }, 16, ["class", "list", "disabled"]),
       u.$slots.footer || u.footerLabel ? (p(), C("div", M4, [
         te(u.$slots, "footer", {}, () => [
-          u.isEditable ? (p(), D(Ct, {
+          u.isEditable ? (p(), D(gt, {
             key: 0,
             "icon-name": "AddBoxOutlineRounded",
             label: u.footerLabel,
@@ -12365,7 +12363,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 } = yt();
+    const a = t, { t: s } = _t();
     function n(k, R) {
       e("toast", k, R);
     }
@@ -12636,8 +12634,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 } = yt(), n = () => {
-      const { name: g, rank: $ } = Mt(a.phases, "phase", s);
+    const a = t, { t: s } = _t(), n = () => {
+      const { name: g, rank: $ } = At(a.phases, "phase", s);
       e("addPhase", { name: g, rank: $, projectId: a.project.id });
     }, o = (g) => {
       e("updatePhase", g);
@@ -12823,7 +12821,7 @@ const jt = {
   },
   emits: ["addTemplate", "updateTemplates", "updateItem", "removeItem"],
   setup(t, { emit: e }) {
-    const a = t, { t: s } = yt();
+    const a = t, { t: s } = _t();
     ce(() => a.templates, (r, c) => {
       Xe(r, c);
     });
@@ -12878,7 +12876,7 @@ const jt = {
         ]),
         _: 1
       }),
-      M(Q(gt), {
+      M(Q(mt), {
         "model-value": r.templates,
         class: "ao-templates__list",
         "item-key": "id",