@26lights/orcha 0.41.74 → 0.41.76

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-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 X, 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 J, 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 gt from "vuedraggable";
 const t8 = /* @__PURE__ */ q({
@@ -7,7 +7,7 @@ const t8 = /* @__PURE__ */ q({
     templates: {}
   },
   setup(t) {
-    return (e, a) => (p(), D(Q(zi), Ae({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
+    return (e, a) => (p(), D(X(zi), Ae({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
   }
 }), U = (t, e) => {
   const a = t.__vccOpts || t;
@@ -1169,7 +1169,7 @@ const Ln = {
   setup(t) {
     const e = t, a = A(() => L2[e.name]);
     return (s, n) => (p(), D(mt(a.value), {
-      class: X(["ao-icon", `ao-icon--${s.size}`])
+      class: J(["ao-icon", `ao-icon--${s.size}`])
     }, null, 8, ["class"]));
   }
 });
@@ -1194,7 +1194,7 @@ const D2 = ["type"], B2 = {
     const e = t, a = A(() => e.size), s = A(() => e.isLoading ? "Loading" : e.iconName);
     return (n, o) => (p(), C("button", {
       type: n.type,
-      class: X([
+      class: J([
         "ao-button",
         `ao-button--${n.variant}`,
         n.color ? `ao-button--${n.color}` : "",
@@ -1290,16 +1290,16 @@ const be = /* @__PURE__ */ q({
         {
           [`ao-title--${b.color}`]: !!b.color,
           "ao-title--editable": b.isEditable,
-          "ao-field__input ao-title--editing": Q(n),
-          "ao-title--readonly": !Q(n)
+          "ao-field__input ao-title--editing": X(n),
+          "ao-title--readonly": !X(n)
         }
       ],
-      type: Q(n) ? "text" : null,
-      value: Q(n) ? b.title : null,
+      type: X(n) ? "text" : null,
+      value: X(n) ? b.title : null,
       tabindex: "0",
       onKeyup: dt(m, ["enter"])
     }, ji(c.value), {
-      onKeydown: dt(Q(d), ["esc"])
+      onKeydown: dt(X(d), ["esc"])
     }), {
       default: N(() => [
         qa(W(b.title), 1)
@@ -1347,7 +1347,7 @@ const j2 = {
       e("update:title", s);
     };
     return (s, n) => (p(), D(mt(s.tagName), {
-      class: X(["ao-card-horiz", { "ao-card-horiz--active": s.isActive }])
+      class: J(["ao-card-horiz", { "ao-card-horiz--active": s.isActive }])
     }, {
       default: N(() => [
         s.isDraggable ? (p(), C("div", j2, [
@@ -1412,7 +1412,7 @@ const ra = /* @__PURE__ */ q({
       () => a.value === "button" ? { type: "button" } : {}
     );
     return (n, o) => (p(), C("div", {
-      class: X([
+      class: J([
         "ao-tag",
         n.color ? `ao-tag--${n.color}` : "",
         n.clickable ? "ao-tag--clickable" : "",
@@ -1426,7 +1426,7 @@ const ra = /* @__PURE__ */ q({
       }), {
         default: N(() => [
           qa(W(n.label) + " ", 1),
-          n.variant === Q(V2).SOLID_ICON && n.iconName ? (p(), D(pe, {
+          n.variant === X(V2).SOLID_ICON && n.iconName ? (p(), D(pe, {
             key: 0,
             name: n.iconName,
             class: "ao-tag__icon",
@@ -2746,14 +2746,14 @@ function Fn(t, e, a) {
     throw new RangeError("locale must contain localize property");
   if (!F.formatLong)
     throw new RangeError("locale must contain formatLong property");
-  var J = $e(t);
-  if (!Bn(J))
+  var Q = $e(t);
+  if (!Bn(Q))
     throw new RangeError("Invalid time value");
-  var ae = ua(J), j = ws(J, ae), G = {
+  var ae = ua(Q), j = ws(Q, ae), G = {
     firstWeekContainsDate: z,
     weekStartsOn: K,
     locale: F,
-    _originalDate: J
+    _originalDate: Q
   }, le = I.match(o3).map(function(se) {
     var ee = se[0];
     if (ee === "p" || ee === "P") {
@@ -3744,10 +3744,10 @@ const U3 = ["title"], F3 = {
     };
     return (i, l) => (p(), C("div", {
       role: "img",
-      class: X(s.value),
+      class: J(s.value),
       title: i.userName
     }, [
-      i.avatarUrl ? O("", !0) : (p(), C("span", F3, W(Q(n)), 1)),
+      i.avatarUrl ? O("", !0) : (p(), C("span", F3, W(X(n)), 1)),
       i.avatarUrl ? (p(), C("img", {
         key: 1,
         className: "ao-avatar__image",
@@ -3930,7 +3930,7 @@ const f5 = ["type"], h5 = {
     const e = t, a = A(() => e.size), s = A(() => e.isLoading ? "Loading" : e.iconName);
     return (n, o) => (p(), C("button", {
       type: n.type,
-      class: X([
+      class: J([
         "ao-button-card",
         `ao-button-card--${n.color}`,
         `ao-button-card--${n.corners}`,
@@ -4066,7 +4066,7 @@ const y5 = /* @__PURE__ */ q({
         });
       }
     };
-    return (l, r) => l.phase ? (p(), D(Q(gt), {
+    return (l, r) => l.phase ? (p(), D(X(gt), {
       key: 0,
       "model-value": l.phase.milestones,
       class: "ao-templates__list",
@@ -4156,7 +4156,7 @@ const y5 = /* @__PURE__ */ q({
         });
       }
     };
-    return (l, r) => l.milestone ? (p(), D(Q(gt), {
+    return (l, r) => l.milestone ? (p(), D(X(gt), {
       key: 0,
       "model-value": l.milestone.activities,
       title: l.$t("template.activities.title"),
@@ -4211,7 +4211,7 @@ const y5 = /* @__PURE__ */ q({
   emits: ["close"],
   setup(t) {
     return (e, a) => (p(), C("div", {
-      class: X(["ao-modal__wrapper", `ao-modal__wrapper--${e.size}`])
+      class: J(["ao-modal__wrapper", `ao-modal__wrapper--${e.size}`])
     }, [
       f("div", {
         class: "ao-modal__backdrop",
@@ -4525,7 +4525,7 @@ const Z5 = function(t) {
         placement: n,
         overflows: F
       }], !F.every((j) => j <= 0)) {
-        var K, J;
+        var K, Q;
         const j = (((K = o.flip) == null ? void 0 : K.index) || 0) + 1, G = I[j];
         if (G)
           return {
@@ -4537,7 +4537,7 @@ const Z5 = function(t) {
               placement: G
             }
           };
-        let le = (J = z.filter((se) => se.overflows[0] <= 0).sort((se, ee) => se.overflows[1] - ee.overflows[1])[0]) == null ? void 0 : J.placement;
+        let le = (Q = z.filter((se) => se.overflows[0] <= 0).sort((se, ee) => se.overflows[1] - ee.overflows[1])[0]) == null ? void 0 : Q.placement;
         if (!le)
           switch (m) {
             case "bestFit": {
@@ -5035,7 +5035,7 @@ const u7 = (t, e, a) => {
 }, c7 = (t) => {
   const e = x(!1), a = x(), s = x(), n = x(0);
   function o() {
-    const d = Q(t.appendTo);
+    const d = X(t.appendTo);
     return d ? typeof d == "string" ? document.getElementById(d) ?? document.body : d : document.getElementById("floatingElements") ?? document.body;
   }
   const i = o(), l = x(() => {
@@ -5199,7 +5199,7 @@ function g7(t, e, a) {
     allowAbsent: F,
     groupLabel: z,
     canDeselect: K,
-    max: J,
+    max: Q,
     strict: ae,
     closeOnSelect: j,
     closeOnDeselect: G,
@@ -5328,7 +5328,7 @@ function g7(t, e, a) {
       case "multiple":
         return !Fe(Z.value) && Z.value.map((B) => B[L.value]).indexOf(S[L.value]) !== -1;
     }
-  }, ds = (S) => S[y.value] === !0, ps = () => J === void 0 || J.value === -1 || !cs.value && J.value > 0 ? !1 : Z.value.length >= J.value, ki = (S) => {
+  }, ds = (S) => S[y.value] === !0, ps = () => Q === void 0 || Q.value === -1 || !cs.value && Q.value > 0 ? !1 : Z.value.length >= Q.value, ki = (S) => {
     if (!ds(S)) {
       if (R && R.value && !xe(S) && S.__CREATE__ && (S = { ...S }, delete S.__CREATE__, S = R.value(S, ne), S instanceof Promise)) {
         Ie.value = !0, S.then((B) => {
@@ -5377,7 +5377,7 @@ function g7(t, e, a) {
         case "multiple":
         case "tags":
           Mi(S[E.value]) ? Vt(S[E.value]) : Ht(
-            S[E.value].filter((B) => Z.value.map((ue) => ue[L.value]).indexOf(B[L.value]) === -1).filter((B) => !B[y.value]).filter((B, ue) => Z.value.length + 1 + ue <= J.value || J.value === -1)
+            S[E.value].filter((B) => Z.value.map((ue) => ue[L.value]).indexOf(B[L.value]) === -1).filter((B) => !B[y.value]).filter((B, ue) => Z.value.length + 1 + ue <= Q.value || Q.value === -1)
           ), l.value && Gt.value && Xt(us.value.filter((B) => !B[y.value])[Gt.value.index]);
           break;
       }
@@ -5524,7 +5524,7 @@ function C7(t, e, a) {
     groupSelect: c,
     disabledProp: u,
     groupOptions: d
-  } = Ee(t), v = a.fo, m = a.fg, w = a.handleOptionClick, b = a.handleGroupClick, g = a.search, $ = a.pointer, h = a.setPointer, _ = a.clearPointer, P = a.multiselect, I = a.isOpen, L = A(() => v.value.filter((H) => !H[u.value])), F = A(() => m.value.filter((H) => !H[u.value])), z = A(() => r.value !== "single" && c.value), K = A(() => $.value && $.value.group), J = A(() => ne($.value)), ae = A(() => {
+  } = Ee(t), v = a.fo, m = a.fg, w = a.handleOptionClick, b = a.handleGroupClick, g = a.search, $ = a.pointer, h = a.setPointer, _ = a.clearPointer, P = a.multiselect, I = a.isOpen, L = A(() => v.value.filter((H) => !H[u.value])), F = A(() => m.value.filter((H) => !H[u.value])), z = A(() => r.value !== "single" && c.value), K = A(() => $.value && $.value.group), Q = A(() => ne($.value)), ae = A(() => {
     const H = K.value ? $.value : (
       /* istanbul ignore next */
       ne($.value)
@@ -5535,7 +5535,7 @@ function C7(t, e, a) {
     let H = F.value.map((Y) => Y.label).indexOf(K.value ? $.value[i.value] : ne($.value)[i.value]) + 1;
     return F.value.length <= H && (H = 0), F.value[H];
   }), G = A(() => [...F.value].slice(-1)[0]), le = A(() => $.value.__VISIBLE__.filter((H) => !H[u.value])[0]), se = A(() => {
-    const H = J.value.__VISIBLE__.filter((Y) => !Y[u.value]);
+    const H = Q.value.__VISIBLE__.filter((Y) => !Y[u.value]);
     return H[H.map((Y) => Y[s.value]).indexOf($.value[s.value]) - 1];
   }), ee = A(() => {
     const H = ne($.value).__VISIBLE__.filter((Y) => !Y[u.value]);
@@ -5564,7 +5564,7 @@ function C7(t, e, a) {
       l.value && z.value && (H = T.value, H === void 0 && (H = G.value)), h(H || null);
     } else if (l.value && z.value) {
       let H = K.value ? E.value : se.value;
-      H === void 0 && (H = K.value ? ae.value : J.value, H.__CREATE__ && (H = E.value, H === void 0 && (H = ae.value))), h(H || /* istanbul ignore next */
+      H === void 0 && (H = K.value ? ae.value : Q.value, H.__CREATE__ && (H = E.value, H === void 0 && (H = ae.value))), h(H || /* istanbul ignore next */
       null);
     } else {
       let H = L.value.map((Y) => Y[s.value]).indexOf($.value[s.value]) - 1;
@@ -5966,7 +5966,7 @@ function qs(t, e) {
     element: _,
     strategy: "absolute",
     placement: n
-  }), z = Ss(Object.assign({}, _, F)), K = v === ia ? z : L, J = {
+  }), z = Ss(Object.assign({}, _, F)), K = v === ia ? z : L, Q = {
     top: I.top - K.top + $.top,
     bottom: K.bottom - I.bottom + $.bottom,
     left: I.left - K.left + $.left,
@@ -5974,12 +5974,12 @@ function qs(t, e) {
   }, ae = t.modifiersData.offset;
   if (v === ia && ae) {
     var j = ae[n];
-    Object.keys(J).forEach(function(G) {
+    Object.keys(Q).forEach(function(G) {
       var le = [ht, qe].indexOf(G) >= 0 ? 1 : -1, se = [Ne, qe].indexOf(G) >= 0 ? "y" : "x";
-      J[G] += j[se] * le;
+      Q[G] += j[se] * le;
     });
   }
-  return J;
+  return Q;
 }
 var Sn = {
   placement: "bottom",
@@ -6034,8 +6034,8 @@ function G7(t) {
             u.rects = {
               reference: w7(h, ns(_), u.options.strategy === "fixed"),
               popper: li(_)
-            }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(J) {
-              return u.modifiersData[J.name] = Object.assign({}, J.data);
+            }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(Q) {
+              return u.modifiersData[Q.name] = Object.assign({}, Q.data);
             });
             for (var P = 0; P < u.orderedModifiers.length; P++) {
               if (u.reset === !0) {
@@ -6164,11 +6164,11 @@ function Mn(t) {
     }
     if (n === Ge || (n === Ne || n === qe) && o === va) {
       _ = ht;
-      var J = d && L === I && I.visualViewport ? I.visualViewport.width : (
+      var Q = d && L === I && I.visualViewport ? I.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         L[z]
       );
-      m -= J - s.width, m *= r ? 1 : -1;
+      m -= Q - s.width, m *= r ? 1 : -1;
     }
   }
   var ae = Object.assign({
@@ -6278,7 +6278,7 @@ function pp(t) {
     altBoundary: u
   }), $ = ct(e.placement), h = xt(e.placement), _ = !h, P = ci($), I = cp(P), L = e.modifiersData.popperOffsets, F = e.rects.reference, z = e.rects.popper, K = typeof b == "function" ? b(Object.assign({}, e.rects, {
     placement: e.placement
-  })) : b, J = typeof K == "number" ? {
+  })) : b, Q = typeof K == "number" ? {
     mainAxis: K,
     altAxis: K
   } : Object.assign({
@@ -6293,11 +6293,11 @@ function pp(t) {
       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 ? 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 - Q.mainAxis : y - he - H - Q.mainAxis, Gt = _ ? -F[ee] / 2 + R + he + Y + Q.mainAxis : V + he + Y + Q.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 : 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 : 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 + Q.altAxis, bt = Le ? Re + F[Ye] + z[Ye] - Jt - Q.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;
@@ -6367,8 +6367,8 @@ function Cp(t) {
         flipVariations: w,
         allowedAutoPlacements: b
       }) : Z);
-    }, []), I = e.rects.reference, L = e.rects.popper, F = /* @__PURE__ */ new Map(), z = !0, K = P[0], J = 0; J < P.length; J++) {
-      var ae = P[J], j = ct(ae), G = xt(ae) === Yt, le = [Ne, qe].indexOf(j) >= 0, se = le ? "width" : "height", ee = qs(e, {
+    }, []), I = e.rects.reference, L = e.rects.popper, F = /* @__PURE__ */ new Map(), z = !0, K = P[0], Q = 0; Q < P.length; Q++) {
+      var ae = P[Q], j = ct(ae), G = xt(ae) === Yt, le = [Ne, qe].indexOf(j) >= 0, se = le ? "width" : "height", ee = qs(e, {
         placement: ae,
         boundary: u,
         rootBoundary: d,
@@ -6539,7 +6539,7 @@ function wp(t, e, a) {
     createTag: d,
     createOption: v,
     reverse: m
-  } = Ee(t), w = Lt().proxy, b = a.iv, g = a.update, $ = a.deselect, h = a.search, _ = a.setPointer, P = a.selectPointer, I = a.backwardPointer, L = a.forwardPointer, F = a.multiselect, z = a.wrapper, K = a.tags, J = a.isOpen, ae = a.open, j = a.blur, G = a.fo, le = A(() => d.value || v.value || !1), se = A(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ee = () => {
+  } = Ee(t), w = Lt().proxy, b = a.iv, g = a.update, $ = a.deselect, h = a.search, _ = a.setPointer, P = a.selectPointer, I = a.backwardPointer, L = a.forwardPointer, F = a.multiselect, z = a.wrapper, K = a.tags, Q = a.isOpen, ae = a.open, j = a.blur, G = a.fo, le = A(() => d.value || v.value || !1), se = A(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ee = () => {
     s.value === "tags" && !l.value && le.value && i.value && !c.value && _(G.value[G.value.map((k) => k[r.value]).indexOf(h.value)]);
   };
   return {
@@ -6588,12 +6588,12 @@ function wp(t, e, a) {
         case "ArrowUp":
           if (k.preventDefault(), !l.value)
             return;
-          J.value || ae(), I();
+          Q.value || ae(), I();
           break;
         case "ArrowDown":
           if (k.preventDefault(), !l.value)
             return;
-          J.value || ae(), L();
+          Q.value || ae(), L();
           break;
         case "ArrowLeft":
           if (i.value && K.value && K.value.querySelector("input").selectionStart || k.shiftKey || s.value !== "tags" || !b.value || !b.value.length)
@@ -6786,7 +6786,7 @@ function Sp(t, e, a) {
   }, K = (j) => {
     let G = [];
     return G.push(j), G.join(" ");
-  }, J = (j) => {
+  }, Q = (j) => {
     let G = [];
     return G.push(j), G.join(" ");
   }, ae = (j) => `${j} ❎`;
@@ -6806,7 +6806,7 @@ function Sp(t, e, a) {
     ariaOptionId: F,
     ariaOptionLabel: K,
     ariaGroupId: z,
-    ariaGroupLabel: J,
+    ariaGroupLabel: Q,
     ariaTagLabel: ae
   };
 }
@@ -7222,7 +7222,7 @@ const Op = ["id", "dir"], Ep = ["tabindex", "aria-controls", "aria-placeholder",
 function Gp(t, e, a, s, n, o) {
   return p(), C("div", {
     ref: "multiselect",
-    class: X(t.classList.container),
+    class: J(t.classList.container),
     id: a.searchable ? void 0 : a.id,
     dir: a.rtl ? "rtl" : void 0,
     onFocusin: e[10] || (e[10] = (...i) => t.handleFocusIn && t.handleFocusIn(...i)),
@@ -7270,7 +7270,7 @@ function Gp(t, e, a, s, n, o) {
         "div",
         {
           key: 1,
-          class: X(t.classList.tags),
+          class: J(t.classList.tags),
           "data-tags": ""
         },
         [
@@ -7283,7 +7283,7 @@ function Gp(t, e, a, s, n, o) {
               disabled: a.disabled
             }, () => [
               (p(), C("span", {
-                class: X([
+                class: J([
                   t.classList.tag,
                   i.disabled ? t.classList.tagDisabled : null
                 ]),
@@ -7295,7 +7295,7 @@ function Gp(t, e, a, s, n, o) {
                 f(
                   "span",
                   {
-                    class: X(t.classList.tagWrapper)
+                    class: J(t.classList.tagWrapper)
                   },
                   W(t.localize(i[a.label])),
                   3
@@ -7303,13 +7303,13 @@ function Gp(t, e, a, s, n, o) {
                 ),
                 !a.disabled && !i.disabled ? (p(), C("span", {
                   key: 0,
-                  class: X(t.classList.tagRemove),
+                  class: J(t.classList.tagRemove),
                   onClick: ve((c) => t.handleTagRemove(i, c), ["stop"])
                 }, [
                   f(
                     "span",
                     {
-                      class: X(t.classList.tagRemoveIcon)
+                      class: J(t.classList.tagRemoveIcon)
                     },
                     null,
                     2
@@ -7324,7 +7324,7 @@ function Gp(t, e, a, s, n, o) {
           f(
             "div",
             {
-              class: X(t.classList.tagsSearchWrapper),
+              class: J(t.classList.tagsSearchWrapper),
               ref: "tags"
             },
             [
@@ -7332,7 +7332,7 @@ function Gp(t, e, a, s, n, o) {
               f(
                 "span",
                 {
-                  class: X(t.classList.tagsSearchCopy)
+                  class: J(t.classList.tagsSearchCopy)
                 },
                 W(t.search),
                 3
@@ -7377,13 +7377,13 @@ function Gp(t, e, a, s, n, o) {
         f(
           "div",
           {
-            class: X(t.classList.singleLabel)
+            class: J(t.classList.singleLabel)
           },
           [
             f(
               "span",
               {
-                class: X(t.classList.singleLabelText)
+                class: J(t.classList.singleLabelText)
               },
               W(t.localize(t.iv[a.label])),
               3
@@ -7400,7 +7400,7 @@ function Gp(t, e, a, s, n, o) {
         values: t.iv
       }, () => [
         f("div", {
-          class: X(t.classList.multipleLabel),
+          class: J(t.classList.multipleLabel),
           innerHTML: t.multipleLabelText
         }, null, 10, Vp)
       ]) : O("v-if", !0),
@@ -7409,7 +7409,7 @@ function Gp(t, e, a, s, n, o) {
         f(
           "div",
           {
-            class: X(t.classList.placeholder),
+            class: J(t.classList.placeholder),
             "aria-hidden": "true"
           },
           W(a.placeholder),
@@ -7422,7 +7422,7 @@ function Gp(t, e, a, s, n, o) {
         f(
           "span",
           {
-            class: X(t.classList.spinner),
+            class: J(t.classList.spinner),
             "aria-hidden": "true"
           },
           null,
@@ -7443,7 +7443,7 @@ function Gp(t, e, a, s, n, o) {
             role: "button",
             "data-clear": "",
             "aria-roledescription": "❎",
-            class: X(t.classList.clear),
+            class: J(t.classList.clear),
             onClick: e[6] || (e[6] = (...i) => t.clear && t.clear(...i)),
             onKeyup: e[7] || (e[7] = dt((...i) => t.clear && t.clear(...i), ["enter"]))
           },
@@ -7451,7 +7451,7 @@ function Gp(t, e, a, s, n, o) {
             f(
               "span",
               {
-                class: X(t.classList.clearIcon)
+                class: J(t.classList.clearIcon)
               },
               null,
               2
@@ -7471,7 +7471,7 @@ function Gp(t, e, a, s, n, o) {
         f(
           "span",
           {
-            class: X(t.classList.caret),
+            class: J(t.classList.caret),
             onClick: e[8] || (e[8] = (...i) => t.handleCaretClick && t.handleCaretClick(...i)),
             "aria-hidden": "true"
           },
@@ -7488,13 +7488,13 @@ function Gp(t, e, a, s, n, o) {
     }, [
       f("div", {
         id: `${a.id}-dropdown`,
-        class: X(t.classList.dropdown),
+        class: J(t.classList.dropdown),
         tabindex: "-1",
         ref: "dropdown"
       }, [
         te(t.$slots, "beforelist", { options: t.fo }),
         f("ul", {
-          class: X(t.classList.options),
+          class: J(t.classList.options),
           id: t.ariaControls,
           role: "listbox"
         }, [
@@ -7502,7 +7502,7 @@ function Gp(t, e, a, s, n, o) {
             fe,
             { key: 0 },
             _e(t.fg, (i, l, r) => (p(), C("li", {
-              class: X(t.classList.group),
+              class: J(t.classList.group),
               key: r,
               id: t.ariaGroupId(i),
               "aria-label": t.ariaGroupLabel(t.localize(i[a.groupLabel])),
@@ -7511,7 +7511,7 @@ function Gp(t, e, a, s, n, o) {
             }, [
               i.__CREATE__ ? O("v-if", !0) : (p(), C("div", {
                 key: 0,
-                class: X(t.classList.groupLabel(i)),
+                class: J(t.classList.groupLabel(i)),
                 "data-pointed": t.isPointed(i),
                 onMouseenter: (c) => t.setPointer(i, l),
                 onMousedown: ve((c) => t.handleGroupClick(i), ["prevent"])
@@ -7527,7 +7527,7 @@ function Gp(t, e, a, s, n, o) {
                 ])
               ], 42, Rp)),
               f("ul", {
-                class: X(t.classList.groupOptions),
+                class: J(t.classList.groupOptions),
                 "aria-label": t.ariaGroupLabel(t.localize(i[a.groupLabel])),
                 role: "group"
               }, [
@@ -7535,7 +7535,7 @@ function Gp(t, e, a, s, n, o) {
                   fe,
                   null,
                   _e(i.__VISIBLE__, (c, u, d) => (p(), C("li", {
-                    class: X(t.classList.option(c, i)),
+                    class: J(t.classList.option(c, i)),
                     "data-pointed": t.isPointed(c),
                     "data-selected": t.isSelected(c) || void 0,
                     key: d,
@@ -7572,7 +7572,7 @@ function Gp(t, e, a, s, n, o) {
             fe,
             { key: 1 },
             _e(t.fo, (i, l, r) => (p(), C("li", {
-              class: X(t.classList.option(i)),
+              class: J(t.classList.option(i)),
               "data-pointed": t.isPointed(i),
               "data-selected": t.isSelected(i) || void 0,
               key: r,
@@ -7604,13 +7604,13 @@ function Gp(t, e, a, s, n, o) {
         ], 10, Bp),
         t.noOptions ? te(t.$slots, "nooptions", { key: 0 }, () => [
           f("div", {
-            class: X(t.classList.noOptions),
+            class: J(t.classList.noOptions),
             innerHTML: t.localize(a.noOptionsText)
           }, null, 10, Wp)
         ]) : O("v-if", !0),
         t.noResults ? te(t.$slots, "noresults", { key: 1 }, () => [
           f("div", {
-            class: X(t.classList.noResults),
+            class: J(t.classList.noResults),
             innerHTML: t.localize(a.noResultsText)
           }, null, 10, zp)
         ]) : O("v-if", !0),
@@ -7618,7 +7618,7 @@ function Gp(t, e, a, s, n, o) {
           "div",
           {
             key: 2,
-            class: X(t.classList.inifinite),
+            class: J(t.classList.inifinite),
             ref: "infiniteLoader"
           },
           [
@@ -7626,7 +7626,7 @@ function Gp(t, e, a, s, n, o) {
               f(
                 "span",
                 {
-                  class: X(t.classList.inifiniteSpinner)
+                  class: J(t.classList.inifiniteSpinner)
                 },
                 null,
                 2
@@ -7643,7 +7643,7 @@ function Gp(t, e, a, s, n, o) {
     O(" Hacky input element to show HTML5 required warning "),
     a.required ? (p(), C("input", {
       key: 0,
-      class: X(t.classList.fakeInput),
+      class: J(t.classList.fakeInput),
       tabindex: "-1",
       value: t.textValue,
       required: ""
@@ -7677,7 +7677,7 @@ function Gp(t, e, a, s, n, o) {
     O(" Screen reader assistive text "),
     a.searchable && t.hasSelected ? (p(), C("div", {
       key: 2,
-      class: X(t.classList.assist),
+      class: J(t.classList.assist),
       id: t.ariaAssist,
       "aria-hidden": "true"
     }, W(t.ariaLabel), 11, Kp)) : O("v-if", !0),
@@ -7685,7 +7685,7 @@ function Gp(t, e, a, s, n, o) {
     f(
       "div",
       {
-        class: X(t.classList.spacer)
+        class: J(t.classList.spacer)
       },
       null,
       2
@@ -7706,7 +7706,7 @@ const Se = /* @__PURE__ */ q({
     return e.detached && c7({
       multiselect: s,
       appendTo: a.value
-    }), (n, o) => (p(), D(Q(ut), {
+    }), (n, o) => (p(), D(X(ut), {
       ref_key: "multiselectRef",
       ref: s,
       class: "ao-multiselect"
@@ -7845,7 +7845,7 @@ const Qp = { class: "ao-tasks" }, Jp = { class: "ao-tasks__list" }, ev = ["id",
               id: m.id,
               value: m.name,
               readonly: !d.isEditable,
-              class: X(["ao-field__input ao-subtask__field", { "ao-subtask__field--checked": m.isDone }]),
+              class: J(["ao-field__input ao-subtask__field", { "ao-subtask__field--checked": m.isDone }]),
               type: "text",
               onChange: (g) => i(g, m.id),
               onKeyup: dt(u, ["enter"])
@@ -7946,7 +7946,7 @@ const sv = ["onDrop", "onDragenter", "onDragover", "onDragleave"], nv = { class:
       u.dataTransfer && e("add", d);
     }
     return (u, d) => (p(), C("div", {
-      class: X([
+      class: J([
         "ao-files__wrapper",
         {
           "ao-files__wrapper--drop-active": i.value
@@ -8066,11 +8066,11 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
               ref_key: "commentContent",
               ref: n,
               class: "ao-comment__content",
-              value: Q(o) ? b.content : null,
-              rows: Q(o) ? w.value : null,
+              value: X(o) ? b.content : null,
+              rows: X(o) ? w.value : null,
               onKeyup: [
-                dt(Q(d), ["esc"]),
-                dt(ve(Q(v), ["ctrl"]), ["enter"])
+                dt(X(d), ["esc"]),
+                dt(ve(X(v), ["ctrl"]), ["enter"])
               ]
             }, {
               default: N(() => [
@@ -8081,13 +8081,13 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
           ])
         ]),
         b.isEditable ? (p(), C("div", _v, [
-          Q(o) ? (p(), C(fe, { key: 0 }, [
+          X(o) ? (p(), C(fe, { key: 0 }, [
             M(re, {
               "icon-name": "CloseRounded",
               size: "sm",
               variant: "ghost",
               color: "neutral",
-              onClick: Q(d)
+              onClick: X(d)
             }, null, 8, ["onClick"]),
             M(re, {
               "icon-name": "CheckSmallRounded",
@@ -8095,7 +8095,7 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
               variant: "solid",
               corners: "round",
               color: "black",
-              onClick: Q(v)
+              onClick: X(v)
             }, null, 8, ["onClick"])
           ], 64)) : (p(), C(fe, { key: 1 }, [
             M(re, {
@@ -8110,7 +8110,7 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
               size: "sm",
               variant: "ghost",
               color: "neutral",
-              onClick: Q(i)
+              onClick: X(i)
             }, null, 8, ["label", "onClick"])
           ], 64))
         ])) : O("", !0)
@@ -8221,7 +8221,7 @@ const As = /* @__PURE__ */ q({
       e("update:modelValue", !a.modelValue);
     };
     return (n, o) => (p(), D(re, {
-      color: n.modelValue ? n.color : Q(Ls).NEUTRAL,
+      color: n.modelValue ? n.color : X(Ls).NEUTRAL,
       "icon-position": "start",
       onClick: o[0] || (o[0] = () => s())
     }, null, 8, ["color"]));
@@ -8411,7 +8411,7 @@ const As = /* @__PURE__ */ q({
         activityId: a.activity.id,
         file: y
       });
-    }, J = A(() => a.projects.map((y) => ({
+    }, Q = A(() => a.projects.map((y) => ({
       value: y.id,
       label: y.name
     }))), ae = A(() => {
@@ -8493,10 +8493,10 @@ const As = /* @__PURE__ */ q({
                   "onUpdate:title": n
                 }, null, 8, ["title", "is-editable"]),
                 f("div", Iv, [
-                  J.value ? (p(), C("label", Lv, [
+                  Q.value ? (p(), C("label", Lv, [
                     f("span", Pv, W(y.$t("activity.project.label")), 1),
                     M(Se, {
-                      options: J.value,
+                      options: Q.value,
                       value: (oe = y.activity.project) == null ? void 0 : oe.id,
                       searchable: !0,
                       disabled: !s.value,
@@ -8882,22 +8882,22 @@ const Tf = /* @__PURE__ */ q({
     }), g = A(() => Object.values(K2));
     return ($, h) => (p(), D(mt($.tagName), { class: "ao-rule-line" }, {
       default: N(() => [
-        M(Q(ut), {
+        M(X(ut), {
           modelValue: n.value,
           "onUpdate:modelValue": h[0] || (h[0] = (_) => n.value = _),
           options: o.value
         }, null, 8, ["modelValue", "options"]),
-        M(Q(ut), {
+        M(X(ut), {
           modelValue: i.value,
           "onUpdate:modelValue": h[1] || (h[1] = (_) => i.value = _),
           options: l.value
         }, null, 8, ["modelValue", "options"]),
-        M(Q(ut), {
+        M(X(ut), {
           modelValue: v.value,
           "onUpdate:modelValue": h[2] || (h[2] = (_) => v.value = _),
           options: m.value
         }, null, 8, ["modelValue", "options"]),
-        M(Q(ut), {
+        M(X(ut), {
           modelValue: c.value,
           "onUpdate:modelValue": h[3] || (h[3] = (_) => c.value = _),
           options: u.value
@@ -8914,7 +8914,7 @@ const Tf = /* @__PURE__ */ q({
             { number: !0 }
           ]
         ]),
-        M(Q(ut), {
+        M(X(ut), {
           modelValue: b.value,
           "onUpdate:modelValue": h[5] || (h[5] = (_) => b.value = _),
           options: g.value
@@ -9182,7 +9182,7 @@ const Lf = {
       F.value = !F.value;
     }, K = () => {
       e("addRule", { templateId: a.templateId });
-    }, J = (E) => {
+    }, Q = (E) => {
       e("removeRule", { id: E, templateId: a.templateId });
     }, ae = (E) => {
       var T;
@@ -9232,7 +9232,7 @@ const Lf = {
       return n.value ? (p(), C("div", Lf, [
         M(ba, {
           "can-go-back": !0,
-          onGoBack: T[1] || (T[1] = (Z) => E.$router.push({ name: Q(jt).TEMPLATES_LIST }))
+          onGoBack: T[1] || (T[1] = (Z) => E.$router.push({ name: X(jt).TEMPLATES_LIST }))
         }, {
           primary: N(() => [
             M(be, {
@@ -9249,7 +9249,7 @@ const Lf = {
         f("div", Pf, [
           f("ol", Hf, [
             f("li", Vf, [
-              M(Q(gt), {
+              M(X(gt), {
                 "model-value": n.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -9359,7 +9359,7 @@ const Lf = {
             "template-activities": c.value,
             onClose: z,
             onAddRule: K,
-            onRemoveRule: J
+            onRemoveRule: Q
           }, null, 8, ["template-id", "rules", "template-phases", "template-milestones", "template-activities"])) : O("", !0)
         ]))
       ])) : O("", !0);
@@ -9382,7 +9382,7 @@ const Nf = { class: "ao-card__content" }, Uf = {
   },
   setup(t) {
     return (e, a) => (p(), D(mt(e.tagName), {
-      class: X([
+      class: J([
         "ao-card",
         {
           "ao-card--clickable": e.isClickable
@@ -9391,10 +9391,11 @@ const Nf = { class: "ao-card__content" }, Uf = {
       style: pt(e.isSelected ? { borderColor: e.color || "var(--ao-color-blue-base)", borderWidth: "thick" } : {})
     }, {
       default: N(() => [
-        f("div", {
+        e.isSelected ? O("", !0) : (p(), C("div", {
+          key: 0,
           class: "ao-card__left-border",
           style: pt({ backgroundColor: e.color })
-        }, null, 4),
+        }, null, 4)),
         f("div", Nf, [
           e.$slots.header ? (p(), C("header", Uf, [
             te(e.$slots, "header")
@@ -9421,12 +9422,12 @@ const ls = /* @__PURE__ */ q({
   setup(t) {
     const e = t, a = A(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
     return (s, n) => (p(), C("div", {
-      class: X(["ao-progress", s.status ? `ao-progress--${s.status}` : ""]),
+      class: J(["ao-progress", s.status ? `ao-progress--${s.status}` : ""]),
       role: "meter"
     }, [
       (p(!0), C(fe, null, _e(a.value, (o) => (p(), C("div", {
         key: o,
-        class: X(["ao-progress__progress"]),
+        class: J(["ao-progress__progress"]),
         style: pt({
           width: `${o * 100}%`,
           "--ao-progress-color": s.color || "var(--ao-color-primary-base)"
@@ -9481,7 +9482,8 @@ const Wf = { class: "ao-card-project-phase__header" }, zf = { 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", zf, [
@@ -9516,7 +9518,7 @@ const Wf = { class: "ao-card-project-phase__header" }, zf = { class: "ao-card-pr
             ])) : O("", !0)
           ])) : O("", !0),
           f("div", {
-            class: X(["ao-card-project-phase__footer-row", r.value ? "" : "ao-card-project-phase__no_deadline"])
+            class: J(["ao-card-project-phase__footer-row", r.value ? "" : "ao-card-project-phase__no_deadline"])
           }, [
             c.isEditable ? De((p(), C("input", {
               key: 0,
@@ -9531,7 +9533,7 @@ const Wf = { class: "ao-card-project-phase__header" }, zf = { class: "ao-card-pr
                 { lazy: !0 }
               ]
             ]) : O("", !0),
-            f("span", Qf, W(Q(Qa)(c.deadline)), 1)
+            f("span", Qf, W(X(Qa)(c.deadline)), 1)
           ], 2)
         ])
       ]),
@@ -9559,7 +9561,7 @@ const Wf = { class: "ao-card-project-phase__header" }, zf = { class: "ao-card-pr
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["is-clickable"]));
+    ]), 1032, ["is-clickable", "color"]));
   }
 });
 const eh = /* @__PURE__ */ q({
@@ -9623,14 +9625,10 @@ const th = { class: "ao-card-project-milestone__default" }, ah = { class: "ao-ti
       e("updateMilestone", { id: a.id, name: r });
     };
     return (r, c) => (p(), D(os, {
-      class: X([
-        "ao-card-project-milestone",
-        { "ao-card-project-milestone--selected": r.isSelected }
-      ]),
       "is-clickable": !r.readonly,
       "tag-name": "li",
       "is-selected": r.isSelected,
-      borderColor: r.phaseColor
+      color: r.phaseColor
     }, {
       default: N(() => [
         f("div", th, [
@@ -9693,17 +9691,17 @@ const th = { class: "ao-card-project-milestone__default" }, ah = { class: "ao-ti
           r.important ? (p(), D(pe, {
             key: 0,
             name: "FlagRounded",
-            class: X(
+            class: J(
               r.isSelected ? "ao-card-project-milestone__important--selected" : "ao-card-project-milestone__important"
             ),
             size: "sm"
           }, null, 8, ["class"])) : O("", !0),
           r.deadline ? (p(), C("label", ph, [
-            f("span", vh, W(Q(Qa)(r.deadline)), 1)
+            f("span", vh, W(X(Qa)(r.deadline)), 1)
           ])) : O("", !0),
           r.assignee ? (p(), C("div", fh, [
             M(Je, {
-              "user-name": Q(Kn)(r.assignee),
+              "user-name": X(Kn)(r.assignee),
               "avatar-url": r.assignee.avatarUrl,
               color: r.isSelected ? "black" : "primary",
               size: "sm"
@@ -9712,7 +9710,7 @@ const th = { class: "ao-card-project-milestone__default" }, ah = { class: "ao-ti
         ])
       ]),
       _: 3
-    }, 8, ["class", "is-clickable", "is-selected", "borderColor"]));
+    }, 8, ["is-clickable", "is-selected", "color"]));
   }
 });
 /*!
@@ -10676,7 +10674,7 @@ const jh = { class: "color-picker-wrapper" }, vi = /* @__PURE__ */ q({
         ref_key: "pickerRef",
         ref: s
       }, [
-        M(Q(Ut), {
+        M(X(Ut), {
           class: "color-picker",
           theme: "light",
           color: l.color,
@@ -10749,6 +10747,7 @@ const Rh = { class: "ao-mapping-card-project-phase__header" }, Nh = { class: "ao
         M(os, {
           class: "ao-mapping-card-project-phase",
           "is-clickable": d.isEditable,
+          color: w,
           onClick: (b) => u(b, m)
         }, fa({
           default: N(() => [
@@ -10784,7 +10783,7 @@ const Rh = { class: "ao-mapping-card-project-phase__header" }, Nh = { class: "ao
                 ])) : O("", !0)
               ])) : O("", !0),
               f("div", {
-                class: X(["ao-mapping-card-project-phase__footer-row", r.value ? "" : "ao-mapping-card-project-phase__no_deadline"])
+                class: J(["ao-mapping-card-project-phase__footer-row", r.value ? "" : "ao-mapping-card-project-phase__no_deadline"])
               }, [
                 d.isEditable ? De((p(), C("input", {
                   key: 0,
@@ -10799,7 +10798,7 @@ const Rh = { class: "ao-mapping-card-project-phase__header" }, Nh = { class: "ao
                     { lazy: !0 }
                   ]
                 ]) : O("", !0),
-                f("span", Yh, W(Q(Qa)(d.deadline)), 1)
+                f("span", Yh, W(X(Qa)(d.deadline)), 1)
               ], 2)
             ])
           ]),
@@ -10827,7 +10826,7 @@ const Rh = { class: "ao-mapping-card-project-phase__header" }, Nh = { class: "ao
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["is-clickable", "onClick"])
+        ]), 1032, ["is-clickable", "color", "onClick"])
       ]),
       _: 3
     }, 8, ["color"]));
@@ -10950,7 +10949,7 @@ const Kh = { class: "ao-project-phase" }, Gh = {
           class: "ao-project-phase__milestones",
           style: pt($.value)
         }, [
-          M(Q(gt), Ae({
+          M(X(gt), Ae({
             class: "ao-project-phase__milestones-list",
             list: l.value,
             disabled: h.readonly || !h.isEditable,
@@ -10975,9 +10974,9 @@ const Kh = { class: "ao-project-phase" }, Gh = {
                   assignee: P.assignee,
                   important: P.important,
                   readonly: h.readonly,
-                  class: X(["ao-project-phase__milestone"]),
+                  class: J(["ao-project-phase__milestone"]),
                   onClick: (L) => !h.readonly && h.$router.push({
-                    name: Q(ye).milestone,
+                    name: X(ye).milestone,
                     params: { phaseId: h.phase.id, milestoneId: P.id }
                   }),
                   onUpdateMilestone: c,
@@ -11046,7 +11045,7 @@ const a9 = { class: "ao-project__phases" }, s9 = {
       e("addPhase", v);
     };
     return (v, m) => (p(), C("div", a9, [
-      M(Q(gt), {
+      M(X(gt), {
         class: "ao-project-phase__phases-list",
         "model-value": v.phases,
         "item-key": "id",
@@ -11235,7 +11234,7 @@ 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 }]),
+      class: J(["tab-button", { "tab-button--active": i.value === t.modelValue }]),
       type: "button",
       onClick: (l) => t.selectTab(i.value)
     }, W(i.label), 11, $9))), 128))
@@ -11304,7 +11303,7 @@ const an = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297
       e("addComment", T);
     }, K = (T) => {
       e("updateComment", T);
-    }, J = (T) => {
+    }, Q = (T) => {
       e("removeComment", T);
     }, ae = x(!1), j = x(!1), G = (T, k) => {
       e("applyTemplate", { templateId: T, projectId: k }), ae.value = !1;
@@ -11388,7 +11387,7 @@ const an = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297
             users: T.users,
             "is-editable": T.isEditable === !0,
             "closed-status": T.closedStatus,
-            onClose: k[4] || (k[4] = (y) => T.$router.push({ name: Q(ye).project })),
+            onClose: k[4] || (k[4] = (y) => T.$router.push({ name: X(ye).project })),
             onUpdateMilestone: d,
             onAddActivity: w,
             onUpdateActivity: b,
@@ -11416,7 +11415,7 @@ const an = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297
               onRemoveFile: F,
               onAddComment: z,
               onUpdateComment: K,
-              onRemoveComment: J
+              onRemoveComment: Q
             }, {
               default: N(({ Component: y }) => [
                 (p(), D(mt(y), null, {
@@ -11459,7 +11458,7 @@ const T9 = { class: "ao-card-feed__header" }, O9 = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
 }, P9 = {
-  class: /* @__PURE__ */ X(["ao-card-feed__title-group"])
+  class: /* @__PURE__ */ J(["ao-card-feed__title-group"])
 }, H9 = { class: "ao-card-feed__title-line" }, V9 = {
   key: 0,
   class: "ao-card-feed__slug"
@@ -11520,7 +11519,7 @@ const T9 = { class: "ao-card-feed__header" }, O9 = {
       return (m = a.tasks) == null ? void 0 : m.filter((w) => w.isDone).length;
     }), v = A(() => (d.value || 0) / (u.value || 1));
     return (m, w) => (p(), D(os, {
-      class: X(["ao-card-feed", { "ao-card-feed--closed": m.isClosed }]),
+      class: J(["ao-card-feed", { "ao-card-feed--closed": m.isClosed }]),
       "is-clickable": !0
     }, {
       header: N(() => [
@@ -11585,7 +11584,7 @@ const T9 = { class: "ao-card-feed__header" }, O9 = {
               }, [
                 b ? (p(), C("li", N9, [
                   M(Je, {
-                    "user-name": Q(Kn)(b),
+                    "user-name": X(Kn)(b),
                     "avatar-url": b.avatarUrl,
                     "is-closable": !0,
                     onClose: () => c(b.id)
@@ -11835,7 +11834,7 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
           ])) : O("", !0)
         ]),
         f("div", l4, [
-          M(Q(gt), Ae({
+          M(X(gt), Ae({
             class: "ao-project-milestone__activities",
             list: l.value,
             disabled: !h.isEditable,
@@ -11843,7 +11842,7 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
             group: "kanban"
           }, h.$attrs, { onChange: d }), {
             item: N(({ element: I }) => {
-              var L, F, z, K, J;
+              var L, F, z, K, Q;
               return [
                 M(gi, {
                   id: I.id,
@@ -11857,13 +11856,13 @@ const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-mileston
                   assignee: I.assignee,
                   slug: I.slug,
                   comments: (K = I.comments) == null ? void 0 : K.length,
-                  attachments: (J = I.attachments) == null ? void 0 : J.length,
+                  attachments: (Q = I.attachments) == null ? void 0 : Q.length,
                   tasks: I.tasks,
                   "is-editable": h.isEditable,
                   "is-private": I.private,
                   "is-closed": w(I),
                   onClick: (ae) => h.$router.push({
-                    name: Q(ye).activity,
+                    name: X(ye).activity,
                     params: { milestoneId: h.milestoneId, activityId: I.id }
                   }),
                   onUpdateActivity: u,
@@ -12031,7 +12030,7 @@ function p4(t) {
   return Fi() ? (Zi(t), !0) : !1;
 }
 function za(t) {
-  return typeof t == "function" ? t() : Q(t);
+  return typeof t == "function" ? t() : X(t);
 }
 const v4 = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -12129,7 +12128,7 @@ function b4(t, e, a = {}) {
   };
 }
 const w4 = {
-  class: /* @__PURE__ */ X(["ao-list-kanban"])
+  class: /* @__PURE__ */ J(["ao-list-kanban"])
 }, $4 = { class: "ao-list-kanban__header" }, k4 = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
@@ -12202,7 +12201,7 @@ const w4 = {
           ])
         ];
       }) : O("", !0),
-      M(Q(gt), Ae({
+      M(X(gt), Ae({
         class: ["ao-list-kanban__list", c.value ? "ao-list-kanban__transition" : void 0],
         list: u.list,
         "item-key": "id",
@@ -12224,7 +12223,7 @@ const w4 = {
           var m, w, b, g, $, h, _, P, I;
           return [
             M(gi, {
-              class: X(o(v) ? "ao-list-draggable" : ""),
+              class: J(o(v) ? "ao-list-draggable" : ""),
               id: v.id,
               name: v.name,
               "project-name": (m = v.project) == null ? void 0 : m.name,
@@ -12327,19 +12326,19 @@ const E4 = { class: "ao-field ao-search-field" }, I4 = ["value", "placeholder",
         class: "ao-field__input ao-search-field__input",
         placeholder: i.placeholder,
         onInput: l[0] || (l[0] = //@ts-ignore
-        (...r) => Q(n) && Q(n)(...r)),
+        (...r) => X(n) && X(n)(...r)),
         onKeypress: dt(s, ["enter"])
       }, null, 40, I4),
       M(pe, {
         name: "SearchRounded",
-        class: X(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
+        class: J(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
       }, null, 8, ["class"]),
       M(re, {
         "icon-name": "CloseRounded",
         size: "sm",
         color: "primary",
         corners: "round",
-        class: X(`ao-search-field__button ao-search-field__action ${i.modelValue ? "ao-search-field__action--visible" : ""}`),
+        class: J(`ao-search-field__button ao-search-field__action ${i.modelValue ? "ao-search-field__action--visible" : ""}`),
         onClick: o
       }, null, 8, ["class"])
     ]));
@@ -12436,7 +12435,7 @@ const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { clas
       a.selectedActivity && e("addSubtask", k);
     }, K = (k) => {
       a.selectedActivity && e("updateSubtask", k);
-    }, J = (k) => {
+    }, Q = (k) => {
       a.selectedActivity && e("deleteSubtask", k);
     }, ae = (k) => {
       e("addFiles", k);
@@ -12480,36 +12479,36 @@ const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { clas
               }, null, 8, ["model-value", "placeholder"]),
               a.project ? O("", !0) : (p(), D(Se, {
                 key: 0,
-                "model-value": k.filters[Q(Dt).project],
+                "model-value": k.filters[X(Dt).project],
                 mode: "tags",
                 options: b.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__projects",
                 placeholder: k.$t("feed.filters.project.placeholder"),
-                "onUpdate:modelValue": R[1] || (R[1] = (V) => m(Q(Dt).project, V))
+                "onUpdate:modelValue": R[1] || (R[1] = (V) => m(X(Dt).project, V))
               }, null, 8, ["model-value", "options", "placeholder"])),
               g.value ? (p(), D(Se, {
                 key: 1,
-                "model-value": k.filters[Q(Dt).type],
+                "model-value": k.filters[X(Dt).type],
                 mode: "tags",
                 options: g.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__types",
                 placeholder: k.$t("feed.filters.activityType.placeholder"),
-                "onUpdate:modelValue": R[2] || (R[2] = (V) => m(Q(Dt).type, V))
+                "onUpdate:modelValue": R[2] || (R[2] = (V) => m(X(Dt).type, V))
               }, null, 8, ["model-value", "options", "placeholder"])) : O("", !0),
               $.value.length ? (p(), D(Se, {
                 key: 2,
-                "model-value": k.filters[Q(Dt).assignee],
+                "model-value": k.filters[X(Dt).assignee],
                 mode: "tags",
                 options: $.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__assignees",
                 placeholder: k.$t("feed.filters.assignee.placeholder"),
-                "onUpdate:modelValue": R[3] || (R[3] = (V) => m(Q(Dt).assignee, V))
+                "onUpdate:modelValue": R[3] || (R[3] = (V) => m(X(Dt).assignee, V))
               }, {
                 tag: N(({
                   option: V,
@@ -12601,7 +12600,7 @@ const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { clas
             "onUpdate:activity": h,
             onAddSubtask: z,
             onUpdateSubtask: K,
-            onDeleteSubtask: J,
+            onDeleteSubtask: Q,
             onAddFiles: ae,
             onRemoveFile: j,
             onAddComment: G,
@@ -12723,7 +12722,7 @@ const B4 = { class: "ao-project-mapping" }, j4 = { class: "ao-project-mapping-ma
               f("img", {
                 class: "architecture-image",
                 src: g.project.architectureImage.url,
-                alt: Q(s)("architectureImage.alt")
+                alt: X(s)("architectureImage.alt")
               }, null, 8, U4)
             ])) : O("", !0)
           ])
@@ -12882,7 +12881,7 @@ const jt = {
         ]),
         _: 1
       }),
-      M(Q(gt), {
+      M(X(gt), {
         "model-value": r.templates,
         class: "ao-templates__list",
         "item-key": "id",
@@ -12896,13 +12895,13 @@ const jt = {
               id: u.id,
               title: u.name,
               phases: u.phases,
-              milestones: (d = u.phases) != null && d.length ? Q(H3)(u.phases) : 0,
-              activities: u.phases ? Q(V3)(u.phases) : 0,
+              milestones: (d = u.phases) != null && d.length ? X(H3)(u.phases) : 0,
+              activities: u.phases ? X(V3)(u.phases) : 0,
               "updated-at": u.updatedAt,
               "updated-by": u.updatedBy,
               onUpdateTitle: (v) => o(u.id, v),
               onClick: (v) => r.$router.push({
-                name: Q(jt).TEMPLATE_DETAILS,
+                name: X(jt).TEMPLATE_DETAILS,
                 params: { templateId: u.id }
               }),
               onDeleteItem: c[0] || (c[0] = (v, m) => i(v, m))
@@ -12922,7 +12921,7 @@ const z4 = { class: "ao-field__label" }, q4 = /* @__PURE__ */ q({
   },
   setup(t) {
     return (e, a) => (p(), C("label", {
-      class: X(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
+      class: J(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
       f("span", z4, W(e.label), 1),
       te(e.$slots, "default")