@26lights/orcha 0.13.3 → 0.13.5

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, openBlock as v, createBlock as N, unref as F, mergeProps as Ve, createElementBlock as h, createElementVNode as f, pushScopeId as ln, popScopeId as rn, createStaticVNode as un, computed as b, resolveDynamicComponent as tt, normalizeClass as x, renderSlot as te, toDisplayString as z, createCommentVNode as T, ref as J, watch as re, nextTick as Ee, withKeys as Ye, toHandlers as cn, withCtx as j, createTextVNode as e1, createVNode as A, normalizeStyle as ra, withModifiers as _e, createSlots as t1, Fragment as fe, renderList as ye, onMounted as Dt, onBeforeUnmount as dn, onUnmounted as ua, toRefs as $e, getCurrentInstance as at, toRef as dt, normalizeProps as fn, guardReactiveProps as vn, onUpdated as pn, withDirectives as ft, vModelText as Et, vModelCheckbox as hn, Teleport as It, resolveComponent as mn, getCurrentScope as Cn, onScopeDispose as _n, provide as gn } from "vue";
+import { defineComponent as G, openBlock as v, createBlock as N, unref as q, mergeProps as Ve, createElementBlock as h, createElementVNode as f, pushScopeId as ln, popScopeId as rn, createStaticVNode as un, computed as b, resolveDynamicComponent as tt, normalizeClass as x, renderSlot as te, toDisplayString as z, createCommentVNode as T, ref as J, watch as re, nextTick as Ee, withKeys as Ye, toHandlers as cn, withCtx as j, createTextVNode as e1, createVNode as A, normalizeStyle as ra, withModifiers as _e, createSlots as t1, Fragment as fe, renderList as ye, onMounted as Dt, onBeforeUnmount as dn, onUnmounted as ua, toRefs as $e, getCurrentInstance as at, toRef as dt, normalizeProps as fn, guardReactiveProps as vn, onUpdated as pn, withDirectives as ft, vModelText as Et, vModelCheckbox as hn, Teleport as It, resolveComponent as mn, getCurrentScope as Cn, onScopeDispose as _n, provide as gn } from "vue";
 import { RouterView as yn } from "vue-router";
 import Xe from "vuedraggable";
 const Y4 = /* @__PURE__ */ G({
@@ -7,7 +7,7 @@ const Y4 = /* @__PURE__ */ G({
     templates: {}
   },
   setup(a) {
-    return (e, t) => (v(), N(F(yn), Ve({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
+    return (e, t) => (v(), N(q(yn), Ve({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
   }
 }), B = (a, e) => {
   const t = a.__vccOpts || a;
@@ -1264,16 +1264,16 @@ const me = /* @__PURE__ */ G({
         {
           [`ao-title--${M.color}`]: !!M.color,
           "ao-title--editable": M.isEditable,
-          "ao-field__input ao-title--editing": F(n),
-          "ao-title--readonly": !F(n)
+          "ao-field__input ao-title--editing": q(n),
+          "ao-title--readonly": !q(n)
         }
       ],
-      type: F(n) ? "text" : null,
-      value: F(n) ? M.title : null,
+      type: q(n) ? "text" : null,
+      value: q(n) ? M.title : null,
       tabindex: "0",
       onKeyup: Ye(C, ["enter"])
     }, cn(c.value), {
-      onKeydown: Ye(F(d), ["esc"])
+      onKeydown: Ye(q(d), ["esc"])
     }), {
       default: j(() => [
         e1(z(M.title), 1)
@@ -3648,7 +3648,7 @@ const l3 = ["title"], r3 = {
       class: x(o.avatarUrl ? ["ao-avatar-img", `ao-avatar-img--${o.size}`] : ["ao-avatar", `ao-avatar--${o.size}`]),
       title: o.userName
     }, [
-      o.avatarUrl ? T("", !0) : (v(), h("span", r3, z(F(s)), 1)),
+      o.avatarUrl ? T("", !0) : (v(), h("span", r3, z(q(s)), 1)),
       o.avatarUrl ? (v(), h("img", {
         key: 1,
         className: "ao-avatar__image",
@@ -3945,7 +3945,7 @@ const R3 = /* @__PURE__ */ G({
         });
       }
     };
-    return (l, r) => l.phase ? (v(), N(F(Xe), {
+    return (l, r) => l.phase ? (v(), N(q(Xe), {
       key: 0,
       "model-value": l.phase.milestones,
       class: "ao-templates__list",
@@ -4035,7 +4035,7 @@ const R3 = /* @__PURE__ */ G({
         });
       }
     };
-    return (l, r) => l.milestone ? (v(), N(F(Xe), {
+    return (l, r) => l.milestone ? (v(), N(q(Xe), {
       key: 0,
       "model-value": l.milestone.activities,
       title: l.$t("template.activities.title"),
@@ -4914,7 +4914,7 @@ const T0 = (a, e, t) => {
 }, E0 = (a) => {
   const e = J(!1), t = J(), s = J(), n = J(0);
   function o() {
-    const d = F(a.appendTo);
+    const d = q(a.appendTo);
     return d ? typeof d == "string" ? document.getElementById(d) ?? document.body : d : document.getElementById("floatingElements") ?? document.body;
   }
   const i = o(), l = J(() => {
@@ -5089,11 +5089,11 @@ function P0(a, e, t) {
     groupOptions: ie,
     groupHideEmpty: O,
     groupSelect: L,
-    onCreate: q,
+    onCreate: W,
     disabledProp: $,
     searchStart: Y,
     searchFilter: he
-  } = $e(a), W = at().proxy, Z = t.iv, E = t.ev, U = t.search, Ce = t.clearSearch, Pe = t.update, Na = t.pointer, st = t.clearPointer, Ra = t.focus, Ua = t.deactivate, it = t.close, ja = t.localize, gt = J([]), Fe = J([]), Ie = J(!1), f1 = J(null), v1 = J(le.value && i.value === -1 ? 10 : i.value), j1 = b(() => r.value || c.value || !1), Za = b(() => d.value !== void 0 ? d.value : p.value !== void 0 ? p.value : !0), qe = b(() => {
+  } = $e(a), Z = at().proxy, F = t.iv, E = t.ev, U = t.search, Ce = t.clearSearch, Pe = t.update, Na = t.pointer, st = t.clearPointer, Ra = t.focus, Ua = t.deactivate, it = t.close, ja = t.localize, gt = J([]), Fe = J([]), Ie = J(!1), f1 = J(null), v1 = J(le.value && i.value === -1 ? 10 : i.value), j1 = b(() => r.value || c.value || !1), Za = b(() => d.value !== void 0 ? d.value : p.value !== void 0 ? p.value : !0), qe = b(() => {
     if (ue.value) {
       let m = Rt.value || /* istanbul ignore next */
       [], H = [];
@@ -5148,12 +5148,12 @@ function P0(a, e, t) {
   }), p1 = b(() => {
     switch (n.value) {
       case "single":
-        return !Le(Z.value[D.value]);
+        return !Le(F.value[D.value]);
       case "multiple":
       case "tags":
-        return !Le(Z.value) && Z.value.length > 0;
+        return !Le(F.value) && F.value.length > 0;
     }
-  }), qa = b(() => C !== void 0 && C.value !== void 0 ? C.value(Z.value, W) : Z.value && Z.value.length > 1 ? `${Z.value.length} options selected` : "1 option selected"), Wa = b(() => !qe.value.length && !Ie.value && !ot.value.length), za = b(() => qe.value.length > 0 && yt.value.length == 0 && (U.value && ue.value || !ue.value)), ot = b(() => j1.value === !1 || !U.value ? [] : tn(U.value) !== -1 ? [] : [{
+  }), qa = b(() => C !== void 0 && C.value !== void 0 ? C.value(F.value, Z) : F.value && F.value.length > 1 ? `${F.value.length} options selected` : "1 option selected"), Wa = b(() => !qe.value.length && !Ie.value && !ot.value.length), za = b(() => qe.value.length > 0 && yt.value.length == 0 && (U.value && ue.value || !ue.value)), ot = b(() => j1.value === !1 || !U.value ? [] : tn(U.value) !== -1 ? [] : [{
     [D.value]: U.value,
     [Oe.value]: U.value,
     [u.value]: U.value,
@@ -5173,10 +5173,10 @@ function P0(a, e, t) {
         break;
       case "multiple":
       case "tags":
-        Pe(Z.value.concat(m));
+        Pe(F.value.concat(m));
         break;
     }
-    e.emit("select", q1(m), m, W);
+    e.emit("select", q1(m), m, Z);
   }, rt = (m) => {
     switch (typeof m != "object" && (m = Ne(m)), n.value) {
       case "single":
@@ -5184,10 +5184,10 @@ function P0(a, e, t) {
         break;
       case "tags":
       case "multiple":
-        Pe(Array.isArray(m) ? Z.value.filter((H) => m.map((se) => se[D.value]).indexOf(H[D.value]) === -1) : Z.value.filter((H) => H[D.value] != m[D.value]));
+        Pe(Array.isArray(m) ? F.value.filter((H) => m.map((se) => se[D.value]).indexOf(H[D.value]) === -1) : F.value.filter((H) => H[D.value] != m[D.value]));
         break;
     }
-    e.emit("deselect", q1(m), m, W);
+    e.emit("deselect", q1(m), m, Z);
   }, q1 = (m) => w.value ? m : m[D.value], W1 = (m) => {
     rt(m);
   }, xa = (m, H) => {
@@ -5197,20 +5197,20 @@ function P0(a, e, t) {
     }
     W1(m);
   }, z1 = () => {
-    e.emit("clear", W), Pe(Ya.value);
+    e.emit("clear", Z), Pe(Ya.value);
   }, Be = (m) => {
     if (m.group !== void 0)
       return n.value === "single" ? !1 : en(m[ie.value]) && m[ie.value].length;
     switch (n.value) {
       case "single":
-        return !Le(Z.value) && Z.value[D.value] == m[D.value];
+        return !Le(F.value) && F.value[D.value] == m[D.value];
       case "tags":
       case "multiple":
-        return !Le(Z.value) && Z.value.map((H) => H[D.value]).indexOf(m[D.value]) !== -1;
+        return !Le(F.value) && F.value.map((H) => H[D.value]).indexOf(m[D.value]) !== -1;
     }
-  }, h1 = (m) => m[$.value] === !0, m1 = () => ee === void 0 || ee.value === -1 || !p1.value && ee.value > 0 ? !1 : Z.value.length >= ee.value, Ga = (m) => {
+  }, h1 = (m) => m[$.value] === !0, m1 = () => ee === void 0 || ee.value === -1 || !p1.value && ee.value > 0 ? !1 : F.value.length >= ee.value, Ga = (m) => {
     if (!h1(m)) {
-      if (q && q.value && !Be(m) && m.__CREATE__ && (m = { ...m }, delete m.__CREATE__, m = q.value(m, W), m instanceof Promise)) {
+      if (W && W.value && !Be(m) && m.__CREATE__ && (m = { ...m }, delete m.__CREATE__, m = W.value(m, Z), m instanceof Promise)) {
         Ie.value = !0, m.then((H) => {
           Ie.value = !1, Y1(H);
         });
@@ -5233,7 +5233,7 @@ function P0(a, e, t) {
           return;
         }
         if (m1()) {
-          e.emit("max", W);
+          e.emit("max", Z);
           return;
         }
         m && (C1(m), lt(m)), K.value && Ce(), l.value && st(), k.value && it();
@@ -5244,7 +5244,7 @@ function P0(a, e, t) {
           return;
         }
         if (m1()) {
-          e.emit("max", W);
+          e.emit("max", Z);
           return;
         }
         m && C1(m), K.value && Ce(), m && lt(m), l.value && st(), k.value && it();
@@ -5257,14 +5257,14 @@ function P0(a, e, t) {
         case "multiple":
         case "tags":
           Ja(m[ie.value]) ? rt(m[ie.value]) : lt(
-            m[ie.value].filter((H) => Z.value.map((se) => se[D.value]).indexOf(H[D.value]) === -1).filter((H) => !H[$.value]).filter((H, se) => Z.value.length + 1 + se <= ee.value || ee.value === -1)
+            m[ie.value].filter((H) => F.value.map((se) => se[D.value]).indexOf(H[D.value]) === -1).filter((H) => !H[$.value]).filter((H, se) => F.value.length + 1 + se <= ee.value || ee.value === -1)
           );
           break;
       }
       k.value && Ua();
     }
   }, C1 = (m) => {
-    Ne(m[D.value]) === void 0 && j1.value && (e.emit("tag", m[D.value], W), e.emit("option", m[D.value], W), e.emit("create", m[D.value], W), Za.value && nn(m), Ce());
+    Ne(m[D.value]) === void 0 && j1.value && (e.emit("tag", m[D.value], Z), e.emit("option", m[D.value], Z), e.emit("create", m[D.value], Z), Za.value && nn(m), Ce());
   }, Qa = () => {
     n.value !== "single" && lt(yt.value.filter((m) => !m.disabled && !Be(m)));
   }, Ja = (m) => m.find((H) => !Be(H) && !H[$.value]) === void 0, en = (m) => m.find((H) => !Be(H)) === void 0, Ne = (m) => qe.value[qe.value.map((H) => String(H[D.value])).indexOf(String(m))], tn = (m, H = !0) => qe.value.map((se) => parseInt(se[Oe.value]) == se[Oe.value] ? parseInt(se[Oe.value]) : se[Oe.value]).indexOf(
@@ -5290,9 +5290,9 @@ function P0(a, e, t) {
       return { [D.value]: se, [Oe.value]: ve, [u.value]: ve };
     })), H = H.map((se) => typeof se == "object" ? se : { [D.value]: se, [Oe.value]: se, [u.value]: se }), H;
   }, Ut = () => {
-    Le(E.value) || (Z.value = Zt(E.value));
+    Le(E.value) || (F.value = Zt(E.value));
   }, jt = (m) => (Ie.value = !0, new Promise((H, se) => {
-    s.value(U.value, W).then((ve) => {
+    s.value(U.value, Z).then((ve) => {
       Fe.value = ve || [], typeof m == "function" && m(ve), Ie.value = !1;
     }).catch((ve) => {
       console.error(ve), Fe.value = [], Ie.value = !1;
@@ -5302,17 +5302,17 @@ function P0(a, e, t) {
   })), y1 = () => {
     if (p1.value)
       if (n.value === "single") {
-        let m = Ne(Z.value[D.value]);
+        let m = Ne(F.value[D.value]);
         if (m !== void 0) {
           let H = m[u.value];
-          Z.value[u.value] = H, w.value && (E.value[u.value] = H);
+          F.value[u.value] = H, w.value && (E.value[u.value] = H);
         }
       } else
-        Z.value.forEach((m, H) => {
-          let se = Ne(Z.value[H][D.value]);
+        F.value.forEach((m, H) => {
+          let se = Ne(F.value[H][D.value]);
           if (se !== void 0) {
             let ve = se[u.value];
-            Z.value[H][u.value] = ve, w.value && (E.value[H][u.value] = ve);
+            F.value[H][u.value] = ve, w.value && (E.value[H][u.value] = ve);
           }
         });
   }, on = (m) => {
@@ -5328,7 +5328,7 @@ function P0(a, e, t) {
   }), K1 = () => {
     f1.value = re(U, (m) => {
       m.length < g.value || !m && g.value !== 0 || (Ie.value = !0, R.value && (Fe.value = []), setTimeout(() => {
-        m == U.value && s.value(U.value, W).then((H) => {
+        m == U.value && s.value(U.value, Z).then((H) => {
           (m == U.value || !U.value) && (Fe.value = H, Na.value = yt.value.filter((se) => se[$.value] !== !0)[0] || null, Ie.value = !1);
         }).catch(
           /* istanbul ignore next */
@@ -5350,15 +5350,15 @@ function P0(a, e, t) {
     }
     switch (n.value) {
       case "single":
-        (w.value ? m[D.value] != Z.value[D.value] : m != Z.value[D.value]) && Pe(Zt(m), !1);
+        (w.value ? m[D.value] != F.value[D.value] : m != F.value[D.value]) && Pe(Zt(m), !1);
         break;
       case "multiple":
       case "tags":
-        H0(w.value ? m.map((H) => H[D.value]) : m, Z.value.map((H) => H[D.value])) || Pe(Zt(m), !1);
+        H0(w.value ? m.map((H) => H[D.value]) : m, F.value.map((H) => H[D.value])) || Pe(Zt(m), !1);
         break;
     }
   }, { deep: !0 }), re(s, (m, H) => {
-    typeof a.options == "function" ? _.value && (!H || m && m.toString() !== H.toString()) && jt() : (Fe.value = a.options, Object.keys(Z.value).length || Ut(), y1());
+    typeof a.options == "function" ? _.value && (!H || m && m.toString() !== H.toString()) && jt() : (Fe.value = a.options, Object.keys(F.value).length || Ut(), y1());
   }), re(u, y1), {
     pfo: Z1,
     fo: yt,
@@ -5404,23 +5404,23 @@ function B0(a, e, t) {
     groupSelect: c,
     disabledProp: u,
     groupOptions: d
-  } = $e(a), p = t.fo, C = t.fg, w = t.handleOptionClick, M = t.handleGroupClick, S = t.search, _ = t.pointer, g = t.setPointer, V = t.clearPointer, R = t.multiselect, K = t.isOpen, D = b(() => p.value.filter((E) => !E[u.value])), X = b(() => C.value.filter((E) => !E[u.value])), ae = b(() => r.value !== "single" && c.value), I = b(() => _.value && _.value.group), ee = b(() => W(_.value)), y = b(() => {
+  } = $e(a), p = t.fo, C = t.fg, w = t.handleOptionClick, M = t.handleGroupClick, S = t.search, _ = t.pointer, g = t.setPointer, V = t.clearPointer, R = t.multiselect, K = t.isOpen, D = b(() => p.value.filter((E) => !E[u.value])), X = b(() => C.value.filter((E) => !E[u.value])), ae = b(() => r.value !== "single" && c.value), I = b(() => _.value && _.value.group), ee = b(() => Z(_.value)), y = b(() => {
     const E = I.value ? _.value : (
       /* istanbul ignore next */
-      W(_.value)
+      Z(_.value)
     ), U = X.value.map((Pe) => Pe[i.value]).indexOf(E[i.value]);
     let Ce = X.value[U - 1];
     return Ce === void 0 && (Ce = P.value), Ce;
   }), k = b(() => {
-    let E = X.value.map((U) => U.label).indexOf(I.value ? _.value[i.value] : W(_.value)[i.value]) + 1;
+    let E = X.value.map((U) => U.label).indexOf(I.value ? _.value[i.value] : Z(_.value)[i.value]) + 1;
     return X.value.length <= E && (E = 0), X.value[E];
   }), P = b(() => [...X.value].slice(-1)[0]), ue = b(() => _.value.__VISIBLE__.filter((E) => !E[u.value])[0]), ne = b(() => {
     const E = ee.value.__VISIBLE__.filter((U) => !U[u.value]);
     return E[E.map((U) => U[s.value]).indexOf(_.value[s.value]) - 1];
   }), le = b(() => {
-    const E = W(_.value).__VISIBLE__.filter((U) => !U[u.value]);
+    const E = Z(_.value).__VISIBLE__.filter((U) => !U[u.value]);
     return E[E.map((U) => U[s.value]).indexOf(_.value[s.value]) + 1];
-  }), ie = b(() => [...y.value.__VISIBLE__.filter((E) => !E[u.value])].slice(-1)[0]), O = b(() => [...P.value.__VISIBLE__.filter((E) => !E[u.value])].slice(-1)[0]), L = (E) => _.value && (!E.group && _.value[s.value] === E[s.value] || E.group !== void 0 && _.value[i.value] === E[i.value]) ? !0 : void 0, q = () => {
+  }), ie = b(() => [...y.value.__VISIBLE__.filter((E) => !E[u.value])].slice(-1)[0]), O = b(() => [...P.value.__VISIBLE__.filter((E) => !E[u.value])].slice(-1)[0]), L = (E) => _.value && (!E.group && _.value[s.value] === E[s.value] || E.group !== void 0 && _.value[i.value] === E[i.value]) ? !0 : void 0, W = () => {
     g(D.value[0] || null);
   }, $ = () => {
     !_.value || _.value[u.value] === !0 || (I.value ? M(_.value) : w(_.value));
@@ -5436,7 +5436,7 @@ function B0(a, e, t) {
       D.value.length <= E && (E = 0), g(D.value[E] || null);
     }
     Ee(() => {
-      Z();
+      F();
     });
   }, he = () => {
     if (_.value === null) {
@@ -5451,9 +5451,9 @@ function B0(a, e, t) {
       E < 0 && (E = D.value.length - 1), g(D.value[E] || null);
     }
     Ee(() => {
-      Z();
+      F();
     });
-  }, W = (E) => X.value.find((U) => U.__VISIBLE__.map((Ce) => Ce[s.value]).indexOf(E[s.value]) !== -1), Z = () => {
+  }, Z = (E) => X.value.find((U) => U.__VISIBLE__.map((Ce) => Ce[s.value]).indexOf(E[s.value]) !== -1), F = () => {
     let E = R.value.querySelector("[data-pointed]");
     if (!E)
       return;
@@ -5461,7 +5461,7 @@ function B0(a, e, t) {
     l.value && (U = I.value ? E.parentElement.parentElement.parentElement : E.parentElement.parentElement.parentElement.parentElement), E.offsetTop + E.offsetHeight > U.clientHeight + U.scrollTop && (U.scrollTop = E.offsetTop + E.offsetHeight - U.clientHeight), E.offsetTop < U.scrollTop && (U.scrollTop = E.offsetTop);
   };
   return re(S, (E) => {
-    o.value && (E.length && n.value ? q() : V());
+    o.value && (E.length && n.value ? W() : V());
   }), re(K, (E) => {
     if (E) {
       let U = R.value.querySelectorAll("[data-selected]")[0];
@@ -5476,7 +5476,7 @@ function B0(a, e, t) {
     pointer: _,
     canPointGroups: ae,
     isPointed: L,
-    setPointerFirst: q,
+    setPointerFirst: W,
     selectPointer: $,
     forwardPointer: Y,
     backwardPointer: he
@@ -5551,16 +5551,16 @@ function U0(a, e, t) {
   } = $e(a), w = at().proxy, M = t.iv, S = t.update, _ = t.search, g = t.setPointer, V = t.selectPointer, R = t.backwardPointer, K = t.forwardPointer, D = t.multiselect, X = t.wrapper, ae = t.tags, I = t.isOpen, ee = t.open, y = t.blur, k = t.fo, P = b(() => d.value || p.value || !1), ue = b(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ne = () => {
     s.value === "tags" && !l.value && P.value && i.value && !c.value && g(k.value[k.value.map((L) => L[r.value]).indexOf(_.value)]);
   }, le = (L) => {
-    let q = L.length - 1;
-    for (; q >= 0 && (L[q].remove === !1 || L[q].disabled); )
-      q--;
-    return q < 0 || L.splice(q, 1), L;
+    let W = L.length - 1;
+    for (; W >= 0 && (L[W].remove === !1 || L[W].disabled); )
+      W--;
+    return W < 0 || L.splice(W, 1), L;
   };
   return {
     handleKeydown: (L) => {
       e.emit("keydown", L, w);
-      let q, $;
-      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(L.key) !== -1 && s.value === "tags" && (q = [...D.value.querySelectorAll("[data-tags] > *")].filter((Y) => Y !== ae.value), $ = q.findIndex((Y) => Y === document.activeElement)), L.key) {
+      let W, $;
+      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(L.key) !== -1 && s.value === "tags" && (W = [...D.value.querySelectorAll("[data-tags] > *")].filter((Y) => Y !== ae.value), $ = W.findIndex((Y) => Y === document.activeElement)), L.key) {
         case "Backspace":
           if (s.value === "single" || i.value && [null, ""].indexOf(_.value) === -1 || M.value.length === 0)
             return;
@@ -5570,7 +5570,7 @@ function U0(a, e, t) {
           if (L.preventDefault(), L.keyCode === 229)
             return;
           if ($ !== -1 && $ !== void 0) {
-            S([...M.value].filter((Y, he) => he !== $)), $ === q.length - 1 && (q.length - 1 ? q[q.length - 2].focus() : i.value ? ae.value.querySelector("input").focus() : X.value.focus());
+            S([...M.value].filter((Y, he) => he !== $)), $ === W.length - 1 && (W.length - 1 ? W[W.length - 2].focus() : i.value ? ae.value.querySelector("input").focus() : X.value.focus());
             return;
           }
           if (ue.value.indexOf("enter") === -1 && P.value)
@@ -5611,12 +5611,12 @@ function U0(a, e, t) {
         case "ArrowLeft":
           if (i.value && ae.value && ae.value.querySelector("input").selectionStart || L.shiftKey || s.value !== "tags" || !M.value || !M.value.length)
             return;
-          L.preventDefault(), $ === -1 ? q[q.length - 1].focus() : $ > 0 && q[$ - 1].focus();
+          L.preventDefault(), $ === -1 ? W[W.length - 1].focus() : $ > 0 && W[$ - 1].focus();
           break;
         case "ArrowRight":
           if ($ === -1 || L.shiftKey || s.value !== "tags" || !M.value || !M.value.length)
             return;
-          L.preventDefault(), q.length > $ + 1 ? q[$ + 1].focus() : i.value ? ae.value.querySelector("input").focus() : i.value || X.value.focus();
+          L.preventDefault(), W.length > $ + 1 ? W[$ + 1].focus() : i.value ? ae.value.querySelector("input").focus() : i.value || X.value.focus();
           break;
       }
     },
@@ -6669,7 +6669,7 @@ const be = /* @__PURE__ */ G({
     return e.detached && E0({
       multiselect: s,
       appendTo: t.value
-    }), (n, o) => (v(), N(F(ze), {
+    }), (n, o) => (v(), N(q(ze), {
       ref_key: "multiselectRef",
       ref: s,
       class: "ao-multiselect"
@@ -7015,11 +7015,11 @@ const T5 = { class: "ao-comment" }, E5 = { class: "ao-comment__body" }, I5 = { c
               ref_key: "commentContent",
               ref: n,
               class: "ao-comment__content",
-              value: F(o) ? S.content : null,
-              rows: F(o) ? M.value : null,
+              value: q(o) ? S.content : null,
+              rows: q(o) ? M.value : null,
               onKeyup: [
-                Ye(F(p), ["esc"]),
-                Ye(_e(F(C), ["ctrl"]), ["enter"])
+                Ye(q(p), ["esc"]),
+                Ye(_e(q(C), ["ctrl"]), ["enter"])
               ]
             }, {
               default: j(() => [
@@ -7031,20 +7031,20 @@ const T5 = { class: "ao-comment" }, E5 = { class: "ao-comment__body" }, I5 = { c
           f("span", O5, z(u.value || c.value), 1)
         ]),
         S.isEditable ? (v(), h("div", L5, [
-          F(o) ? (v(), h(fe, { key: 0 }, [
+          q(o) ? (v(), h(fe, { key: 0 }, [
             A(ce, {
               "icon-name": "CloseRounded",
               size: "sm",
               variant: "ghost",
               color: "neutral",
-              onClick: F(p)
+              onClick: q(p)
             }, null, 8, ["onClick"]),
             A(ce, {
               "icon-name": "CheckSmallRounded",
               size: "sm",
               variant: "solid",
               color: "neutral",
-              onClick: F(C)
+              onClick: q(C)
             }, null, 8, ["onClick"])
           ], 64)) : (v(), h(fe, { key: 1 }, [
             A(ce, {
@@ -7059,7 +7059,7 @@ const T5 = { class: "ao-comment" }, E5 = { class: "ao-comment__body" }, I5 = { c
               size: "sm",
               variant: "ghost",
               color: "neutral",
-              onClick: F(i)
+              onClick: q(i)
             }, null, 8, ["label", "onClick"])
           ], 64))
         ])) : T("", !0)
@@ -7664,22 +7664,22 @@ const I7 = /* @__PURE__ */ G({
     }), S = b(() => Object.values(mc));
     return (_, g) => (v(), N(tt(_.tagName), { class: "ao-rule-line" }, {
       default: j(() => [
-        A(F(ze), {
+        A(q(ze), {
           modelValue: n.value,
           "onUpdate:modelValue": g[0] || (g[0] = (V) => n.value = V),
           options: o.value
         }, null, 8, ["modelValue", "options"]),
-        A(F(ze), {
+        A(q(ze), {
           modelValue: i.value,
           "onUpdate:modelValue": g[1] || (g[1] = (V) => i.value = V),
           options: l.value
         }, null, 8, ["modelValue", "options"]),
-        A(F(ze), {
+        A(q(ze), {
           modelValue: p.value,
           "onUpdate:modelValue": g[2] || (g[2] = (V) => p.value = V),
           options: C.value
         }, null, 8, ["modelValue", "options"]),
-        A(F(ze), {
+        A(q(ze), {
           modelValue: c.value,
           "onUpdate:modelValue": g[3] || (g[3] = (V) => c.value = V),
           options: u.value
@@ -7696,7 +7696,7 @@ const I7 = /* @__PURE__ */ G({
             { number: !0 }
           ]
         ]),
-        A(F(ze), {
+        A(q(ze), {
           modelValue: M.value,
           "onUpdate:modelValue": g[5] || (g[5] = (V) => M.value = V),
           options: S.value
@@ -7796,7 +7796,7 @@ const D7 = {
     });
     const i = b(() => {
       var O, L;
-      return (L = (O = n == null ? void 0 : n.value) == null ? void 0 : O.phases) == null ? void 0 : L.find((q) => q.id === t.phaseId);
+      return (L = (O = n == null ? void 0 : n.value) == null ? void 0 : O.phases) == null ? void 0 : L.find((W) => W.id === t.phaseId);
     });
     re(() => {
       var O;
@@ -7807,7 +7807,7 @@ const D7 = {
     const l = b(() => {
       var O, L;
       return (L = (O = i.value) == null ? void 0 : O.milestones) == null ? void 0 : L.find(
-        (q) => q.id === t.milestoneId
+        (W) => W.id === t.milestoneId
       );
     });
     re(() => {
@@ -7818,23 +7818,23 @@ const D7 = {
     });
     const r = b(() => {
       var O, L;
-      return ((L = (O = n.value) == null ? void 0 : O.phases) == null ? void 0 : L.reduce((q, $) => {
+      return ((L = (O = n.value) == null ? void 0 : O.phases) == null ? void 0 : L.reduce((W, $) => {
         const Y = $.milestones || [];
-        return [...q, ...Y];
+        return [...W, ...Y];
       }, [])) || [];
     }), c = b(() => {
       var O, L;
-      return ((L = (O = n.value) == null ? void 0 : O.phases) == null ? void 0 : L.reduce((q, $) => {
+      return ((L = (O = n.value) == null ? void 0 : O.phases) == null ? void 0 : L.reduce((W, $) => {
         const he = ($.milestones || []).reduce(
-          (W, Z) => Z.activities ? [...W, ...Z.activities] : W,
+          (Z, F) => F.activities ? [...Z, ...F.activities] : Z,
           []
         );
-        return [...q, ...he];
+        return [...W, ...he];
       }, [])) || [];
     }), u = b(() => {
       var O, L;
       return (L = (O = l.value) == null ? void 0 : O.activities) == null ? void 0 : L.find(
-        (q) => q.id === t.activityId
+        (W) => W.id === t.activityId
       );
     }), d = b(() => {
       var O;
@@ -7888,7 +7888,7 @@ const D7 = {
     }, g = (O) => {
       if (!i.value)
         return;
-      const { name: L, rank: q } = pt(
+      const { name: L, rank: W } = pt(
         i.value.milestones,
         "milestone",
         s
@@ -7899,7 +7899,7 @@ const D7 = {
         phaseId: O.phaseId,
         item: {
           name: L,
-          rank: q,
+          rank: W,
           phaseId: O.phaseId
         }
       });
@@ -7913,18 +7913,18 @@ const D7 = {
         }
       });
     }, R = (O) => {
-      const { id: L, ...q } = O;
+      const { id: L, ...W } = O;
       e("updateItem", {
         itemType: pe.MILESTONES,
         id: L,
         templateId: t.templateId,
-        data: q
+        data: W
       });
     }, K = (O) => {
       const { milestoneId: L } = O;
       if (!l.value)
         return;
-      const { name: q, rank: $ } = pt(
+      const { name: W, rank: $ } = pt(
         l.value.activities,
         "activity",
         s
@@ -7933,26 +7933,26 @@ const D7 = {
         type: pe.ACTIVITIES,
         milestoneId: L,
         templateId: t.templateId,
-        item: { name: q, rank: $, milestoneId: L }
+        item: { name: W, rank: $, milestoneId: L }
       });
     }, D = (O) => {
-      var L, q;
+      var L, W;
       e("removeItem", {
         type: pe.ACTIVITIES,
         templateId: t.templateId,
         phaseId: (L = i.value) == null ? void 0 : L.id,
-        milestoneId: (q = l.value) == null ? void 0 : q.id,
+        milestoneId: (W = l.value) == null ? void 0 : W.id,
         data: {
           id: O.id
         }
       });
     }, X = (O) => {
-      const { id: L, ...q } = O;
+      const { id: L, ...W } = O;
       e("updateItem", {
         itemType: pe.ACTIVITIES,
         id: L,
         templateId: t.templateId,
-        data: q
+        data: W
       });
     }, ae = J(!1), I = () => {
       ae.value = !ae.value;
@@ -7963,13 +7963,13 @@ const D7 = {
     }, k = (O) => {
       var L;
       if (O.moved) {
-        const q = Bt(O, ((L = n.value) == null ? void 0 : L.phases) ?? []);
+        const W = Bt(O, ((L = n.value) == null ? void 0 : L.phases) ?? []);
         e("updateItem", {
           itemType: pe.PHASES,
           id: O.moved.element.id,
           templateId: t.templateId,
           data: {
-            rank: q
+            rank: W
           }
         });
       }
@@ -8004,11 +8004,11 @@ const D7 = {
       e("removeFile", O);
     };
     return (O, L) => {
-      var q, $, Y, he, W, Z;
+      var W, $, Y, he, Z, F;
       return n.value ? (v(), h("div", D7, [
         A(r1, {
           "can-go-back": !0,
-          onGoBack: L[1] || (L[1] = (E) => O.$router.push({ name: F(Tt).TEMPLATES_LIST }))
+          onGoBack: L[1] || (L[1] = (E) => O.$router.push({ name: q(Tt).TEMPLATES_LIST }))
         }, {
           primary: j(() => [
             A(me, {
@@ -8034,7 +8034,7 @@ const D7 = {
         f("div", H7, [
           f("ol", P7, [
             f("li", B7, [
-              A(F(Xe), {
+              A(q(Xe), {
                 "model-value": n.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -8084,7 +8084,7 @@ const D7 = {
                 key: 0,
                 "template-id": O.templateId,
                 phase: i.value,
-                "milestone-id": (q = l.value) == null ? void 0 : q.id,
+                "milestone-id": (W = l.value) == null ? void 0 : W.id,
                 onAddMilestone: g,
                 onUpdateMilestone: R,
                 onUpdatePhase: _,
@@ -8110,8 +8110,8 @@ const D7 = {
             key: 0,
             activity: u.value,
             "activity-types": d.value,
-            breadcrumbs: `${n.value.name} / ${(he = i.value) == null ? void 0 : he.name} / ${(W = l.value) == null ? void 0 : W.name}`,
-            "milestone-id": (Z = l.value) == null ? void 0 : Z.id,
+            breadcrumbs: `${n.value.name} / ${(he = i.value) == null ? void 0 : he.name} / ${(Z = l.value) == null ? void 0 : Z.name}`,
+            "milestone-id": (F = l.value) == null ? void 0 : F.id,
             "template-activities": c.value,
             "template-milestones": r.value,
             "is-template": !0,
@@ -8412,7 +8412,7 @@ const o9 = { class: "ao-project-phase" }, l9 = {
       ]),
       f("div", u9, [
         f("div", c9, [
-          A(F(Xe), Ve({
+          A(q(Xe), Ve({
             class: "ao-project-phase__milestones-list",
             list: o.value,
             disabled: !d.isEditable,
@@ -8429,7 +8429,7 @@ const o9 = { class: "ao-project-phase" }, l9 = {
                 "closed-status": d.closedStatus,
                 class: "ao-project-phase__milestone",
                 onClick: (w) => d.$router.push({
-                  name: F(Re).milestone,
+                  name: q(Re).milestone,
                   params: { phaseId: d.phase.id, milestoneId: C.id }
                 }),
                 onUpdateMilestone: l,
@@ -8490,7 +8490,7 @@ const v9 = { class: "ao-project__phases" }, p9 = {
       e("addPhase", u);
     };
     return (u, d) => (v(), h("div", v9, [
-      A(F(Xe), {
+      A(q(Xe), {
         class: "ao-project-phase__phases-list",
         "model-value": u.phases,
         "item-key": "id",
@@ -8700,7 +8700,7 @@ const Pa = /* @__PURE__ */ B(M9, [["render", A9], ["__scopeId", "data-v-8f286655
                   "right-label": I.$t("project.switch.feed"),
                   "left-label": I.$t("project.switch.overview"),
                   "onUpdate:isLeft": ee[0] || (ee[0] = (k) => {
-                    k || I.$router.push({ name: F(Re).feed });
+                    k || I.$router.push({ name: q(Re).feed });
                   })
                 }, null, 8, ["right-label", "left-label"]),
                 I.isEditable ? (v(), N(ce, {
@@ -8734,7 +8734,7 @@ const Pa = /* @__PURE__ */ B(M9, [["render", A9], ["__scopeId", "data-v-8f286655
             "project-name": I.project.name,
             users: I.users,
             "is-editable": I.isEditable,
-            onClose: ee[2] || (ee[2] = (k) => I.$router.push({ name: F(Re).project })),
+            onClose: ee[2] || (ee[2] = (k) => I.$router.push({ name: q(Re).project })),
             onAddActivity: d,
             onUpdateActivity: p,
             onArchiveActivity: C
@@ -8998,7 +8998,7 @@ const x9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
           })
         ]),
         f("div", Q9, [
-          A(F(Xe), Ve({
+          A(q(Xe), Ve({
             class: "ao-project-milestone__activities",
             list: l.value,
             disabled: !p.isEditable,
@@ -9022,7 +9022,7 @@ const x9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
                   tasks: M.tasks,
                   "is-editable": p.isEditable,
                   onClick: (R) => p.$router.push({
-                    name: F(Re).activity,
+                    name: q(Re).activity,
                     params: { milestoneId: p.milestoneId, activityId: M.id }
                   }),
                   onUpdateActivity: u,
@@ -9171,7 +9171,7 @@ function n4(a) {
   return Cn() ? (_n(a), !0) : !1;
 }
 function Jt(a) {
-  return typeof a == "function" ? a() : F(a);
+  return typeof a == "function" ? a() : q(a);
 }
 const s4 = typeof window < "u", i4 = (a) => a != null, St = () => {
 };
@@ -9335,7 +9335,7 @@ const v4 = {
           ])
         ];
       }) : T("", !0),
-      A(F(Xe), Ve({
+      A(q(Xe), Ve({
         class: "ao-list-kanban__list",
         list: r.list,
         "item-key": "id",
@@ -9429,7 +9429,7 @@ const b4 = { class: "ao-field ao-search-field" }, w4 = ["value", "placeholder",
         class: "ao-field__input ao-search-field__input",
         placeholder: i.placeholder,
         onInput: l[0] || (l[0] = //@ts-ignore
-        (...r) => F(n) && F(n)(...r)),
+        (...r) => q(n) && q(n)(...r)),
         onKeypress: Ye(s, ["enter"])
       }, null, 40, w4),
       A(de, {
@@ -9498,16 +9498,16 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
     re(
       [() => t.statuses, () => t.activities],
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      async ([$, Y], [he, W]) => {
+      async ([$, Y], [he, Z]) => {
         r.value = Object.fromEntries(
-          $.map((Z) => [
-            Z.id,
+          $.map((F) => [
+            F.id,
             Y.filter((E) => {
               var U;
-              return ((U = E.status) == null ? void 0 : U.id) === Z.id;
+              return ((U = E.status) == null ? void 0 : U.id) === F.id;
             })
           ])
-        ), c.value && Ue(Y, W);
+        ), c.value && Ue(Y, Z);
       },
       { immediate: !0 }
     );
@@ -9516,12 +9516,12 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
       return !i.value || !i.value.milestone ? "" : `${(($ = i.value.milestone.phase) == null ? void 0 : $.name) ?? ""} / ${i.value.milestone.name ?? ""}`;
     }), d = ($) => {
       var E, U;
-      const Y = (E = t.activities) == null ? void 0 : E.at(-1), he = Y ? Ae.LexoRank.parse(Y.rank).genNext() : Ae.LexoRank.middle(), W = ((U = t.activities) == null ? void 0 : U.length) ?? 0, Z = {
-        name: s("activity.defaultName", { idx: W + 1 }),
+      const Y = (E = t.activities) == null ? void 0 : E.at(-1), he = Y ? Ae.LexoRank.parse(Y.rank).genNext() : Ae.LexoRank.middle(), Z = ((U = t.activities) == null ? void 0 : U.length) ?? 0, F = {
+        name: s("activity.defaultName", { idx: Z + 1 }),
         rank: he.format(),
         statusId: $.id
       };
-      t.filters.assigneeId.length > 0 && (Z.assigneeId = t.filters.assigneeId[0]), t.filters.projectId.length > 0 && (Z.projectId = t.filters.projectId[0]), t.filters.typeId.length > 0 && (Z.typeId = t.filters.typeId[0]), c.value = !0, e("addActivity", Z);
+      t.filters.assigneeId.length > 0 && (F.assigneeId = t.filters.assigneeId[0]), t.filters.projectId.length > 0 && (F.projectId = t.filters.projectId[0]), t.filters.typeId.length > 0 && (F.typeId = t.filters.typeId[0]), c.value = !0, e("addActivity", F);
     }, p = ($, Y) => {
       c.value = !1, e("update:filters", { ...t.filters, [$]: Y });
     }, C = t.project ? [t.project] : t.projects ?? [], w = b(() => C.map(($) => ({
@@ -9535,7 +9535,8 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
       }));
     }), S = b(() => t.users.map(($) => ({
       value: $.id,
-      label: `${$.firstName} ${$.lastName}`
+      label: `${$.firstName} ${$.lastName}`,
+      avatar: $.avatarUrl
     }))), _ = ($) => {
       i.value && e("update:activity", $);
     }, g = ($) => {
@@ -9582,11 +9583,11 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
       value: $.id,
       label: $.name
     }))), le = b(() => {
-      var Y, he, W;
-      const $ = (W = (he = (Y = i.value) == null ? void 0 : Y.project) == null ? void 0 : he.phases) == null ? void 0 : W.reduce((Z, E) => [...Z, ...E.milestones], []);
-      return $ == null ? void 0 : $.map((Z) => ({
-        value: Z.id,
-        label: Z.name
+      var Y, he, Z;
+      const $ = (Z = (he = (Y = i.value) == null ? void 0 : Y.project) == null ? void 0 : he.phases) == null ? void 0 : Z.reduce((F, E) => [...F, ...E.milestones], []);
+      return $ == null ? void 0 : $.map((F) => ({
+        value: F.id,
+        label: F.name
       }));
     }), ie = ($) => {
       i.value && e("update:activity", {
@@ -9604,7 +9605,7 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
         value: Y.id,
         label: Y.name
       }));
-    }), q = ($) => {
+    }), W = ($) => {
       i.value && e("update:activity", {
         id: i.value.id,
         statusId: $
@@ -9621,8 +9622,8 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
                 "is-left": !1,
                 "right-label": $.$t("project.switch.feed"),
                 "left-label": $.$t("project.switch.overview"),
-                "onUpdate:isLeft": Y[0] || (Y[0] = (W) => {
-                  W && $.$router.push({ name: F(Re).project });
+                "onUpdate:isLeft": Y[0] || (Y[0] = (Z) => {
+                  Z && $.$router.push({ name: q(Re).project });
                 })
               }, null, 8, ["right-label", "left-label"])) : T("", !0),
               A($4, {
@@ -9634,42 +9635,43 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
               }, null, 8, ["model-value", "placeholder"]),
               t.project ? T("", !0) : (v(), N(be, {
                 key: 1,
-                "model-value": $.filters[F(ut).project],
+                "model-value": $.filters[q(ut).project],
                 mode: "tags",
                 options: w.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__projects",
                 placeholder: $.$t("feed.filters.project.placeholder"),
-                "onUpdate:modelValue": Y[1] || (Y[1] = (W) => p(F(ut).project, W))
+                "onUpdate:modelValue": Y[1] || (Y[1] = (Z) => p(q(ut).project, Z))
               }, null, 8, ["model-value", "options", "placeholder"])),
               M.value ? (v(), N(be, {
                 key: 2,
-                "model-value": $.filters[F(ut).type],
+                "model-value": $.filters[q(ut).type],
                 mode: "tags",
                 options: M.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__types",
                 placeholder: $.$t("feed.filters.activityType.placeholder"),
-                "onUpdate:modelValue": Y[2] || (Y[2] = (W) => p(F(ut).type, W))
+                "onUpdate:modelValue": Y[2] || (Y[2] = (Z) => p(q(ut).type, Z))
               }, null, 8, ["model-value", "options", "placeholder"])) : T("", !0),
               A(be, {
-                "model-value": $.filters[F(ut).assignee],
+                "model-value": $.filters[q(ut).assignee],
                 mode: "tags",
                 options: S.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__assignees",
                 placeholder: $.$t("feed.filters.assignee.placeholder"),
-                "onUpdate:modelValue": Y[3] || (Y[3] = (W) => p(F(ut).assignee, W))
+                "onUpdate:modelValue": Y[3] || (Y[3] = (Z) => p(q(ut).assignee, Z))
               }, {
-                tag: j(({ option: W, handleTagRemove: Z }) => [
+                tag: j(({ option: Z, handleTagRemove: F }) => [
                   A(_t, {
-                    "user-name": W.label,
+                    "user-name": Z.label,
+                    "avatar-url": Z.avatar,
                     "is-closable": !0,
-                    onClose: (E) => Z(W, E)
-                  }, null, 8, ["user-name", "onClose"])
+                    onClose: (E) => F(Z, E)
+                  }, null, 8, ["user-name", "avatar-url", "onClose"])
                 ]),
                 _: 1
               }, 8, ["model-value", "options", "placeholder"])
@@ -9684,31 +9686,31 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
               label: $.$t("feed.filters.showsArchivedActivities.label"),
               role: "checkbox",
               "aria-checked": $.showsArchivedActivities,
-              onClick: Y[4] || (Y[4] = (W) => $.$emit("update:showsArchivedActivities", !$.showsArchivedActivities))
+              onClick: Y[4] || (Y[4] = (Z) => $.$emit("update:showsArchivedActivities", !$.showsArchivedActivities))
             }, null, 8, ["icon-name", "label", "aria-checked"])
           ]),
           _: 1
         }),
         f("div", E4, [
-          (v(!0), h(fe, null, ye($.statuses, (W) => (v(), N(y4, {
-            key: W.id,
-            status: W,
-            list: r.value[W.id],
-            title: W.name,
+          (v(!0), h(fe, null, ye($.statuses, (Z) => (v(), N(y4, {
+            key: Z.id,
+            status: Z,
+            list: r.value[Z.id],
+            title: Z.name,
             "footer-label": $.$t("feed.activity.add"),
             users: $.users,
-            onAdd: () => d(W),
+            onAdd: () => d(Z),
             onSelectActivity: l,
             onArchiveActivity: V,
             onUpdateActivity: g
           }, null, 8, ["status", "list", "title", "footer-label", "users", "onAdd"]))), 128))
         ]),
         (v(), N(It, { to: "body" }, [
-          F(i) ? (v(), N(N1, {
+          q(i) ? (v(), N(N1, {
             key: 0,
-            activity: F(i),
+            activity: q(i),
             "activity-types": M.value,
-            "milestone-id": (he = F(i).milestone) == null ? void 0 : he.id,
+            "milestone-id": (he = q(i).milestone) == null ? void 0 : he.id,
             "template-activities": n.value,
             users: $.users,
             "user-id": $.userId,
@@ -9728,14 +9730,14 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
             onRemoveComment: ue
           }, {
             header: j(() => {
-              var W, Z, E;
+              var Z, F, E;
               return [
                 f("div", I4, [
                   ne.value && !t.project ? (v(), h("label", O4, [
                     f("span", L4, z($.$t("activity.project.label")), 1),
                     A(be, {
                       options: ne.value,
-                      value: (W = F(i).project) == null ? void 0 : W.id,
+                      value: (Z = q(i).project) == null ? void 0 : Z.id,
                       searchable: !0,
                       onChange: ie
                     }, null, 8, ["options", "value"])
@@ -9744,7 +9746,7 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
                     f("span", D4, z($.$t("activity.milestone.label")), 1),
                     A(be, {
                       options: le.value,
-                      value: (Z = F(i).milestone) == null ? void 0 : Z.id,
+                      value: (F = q(i).milestone) == null ? void 0 : F.id,
                       searchable: !0,
                       onChange: O
                     }, null, 8, ["options", "value"])
@@ -9753,10 +9755,10 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
                     f("span", P4, z($.$t("activity.status.label")), 1),
                     A(be, {
                       options: L.value,
-                      value: (E = F(i).status) == null ? void 0 : E.id,
+                      value: (E = q(i).status) == null ? void 0 : E.id,
                       "can-clear": !1,
                       "can-deselect": !1,
-                      onChange: q
+                      onChange: W
                     }, null, 8, ["options", "value"])
                   ])) : T("", !0)
                 ])
@@ -9767,7 +9769,7 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
                 f("label", N4, [
                   f("span", R4, z($.$t("activity.deadline.label")), 1),
                   ft(f("input", {
-                    "onUpdate:modelValue": Y[5] || (Y[5] = (W) => R.value = W),
+                    "onUpdate:modelValue": Y[5] || (Y[5] = (Z) => R.value = Z),
                     class: "ao-field__input",
                     type: "date"
                   }, null, 512), [
@@ -9905,7 +9907,7 @@ const Tt = {
         ]),
         _: 1
       }),
-      A(F(Xe), {
+      A(q(Xe), {
         "model-value": l.templates,
         class: "ao-templates__list",
         "item-key": "id",
@@ -9919,13 +9921,13 @@ const Tt = {
               id: c.id,
               title: c.name,
               phases: c.phases,
-              milestones: (u = c.phases) != null && u.length ? F(a3)(c.phases) : 0,
-              activities: c.phases ? F(n3)(c.phases) : 0,
+              milestones: (u = c.phases) != null && u.length ? q(a3)(c.phases) : 0,
+              activities: c.phases ? q(n3)(c.phases) : 0,
               "updated-at": c.updatedAt,
               "updated-by": c.updatedBy,
               onUpdateTitle: (d) => o(c.id, d),
               onClick: (d) => l.$router.push({
-                name: F(Tt).TEMPLATE_DETAILS,
+                name: q(Tt).TEMPLATE_DETAILS,
                 params: { templateId: c.id }
               })
             }, null, 8, ["id", "title", "phases", "milestones", "activities", "updated-at", "updated-by", "onUpdateTitle", "onClick"])