@26lights/orcha 0.7.23 → 0.7.24

package/dist/orcha.es.js

@@ -1217,14 +1217,14 @@ const ce = /* @__PURE__ */ G({
     const t = s, l = Q(null), { isEditing: a, setIsEditing: i, onUpdate: n, onDiscard: o } = it(l), d = g(() => a.value ? "input" : t.tag || `h${t.level}`), c = g(() => t.isEditable ? a.value ? {
       change: C,
       click: (w) => w.stopPropagation(),
-      blur: f
+      blur: h
     } : {
       click: T,
       focus: T
     } : {}), C = n((w, O) => {
       const b = O.target.value;
       e("update:title", b);
-    }), m = o(), f = async () => {
+    }), m = o(), h = async () => {
       a.value && i(!1);
     }, M = () => {
       e("toggle-is-editing", !1);
@@ -1982,15 +1982,15 @@ function dt() {
           break;
         T = w, d = O;
       }
-      let f = a.middleInternal(n, o, d, c), M;
-      for (let T = f.getScale(); T > 0; T = M) {
+      let h = a.middleInternal(n, o, d, c), M;
+      for (let T = h.getScale(); T > 0; T = M) {
         M = T - 1;
-        const w = f.setScale(M);
+        const w = h.setScale(M);
         if (n.compareTo(w) >= 0 || w.compareTo(o) >= 0)
           break;
-        f = w;
+        h = w;
       }
-      return f;
+      return h;
     }
     static parse(n) {
       const o = n.split("|"), d = e.default.from(o[0]), c = s.LexoDecimal.parse(o[1], a.NUMERAL_SYSTEM);
@@ -2014,9 +2014,9 @@ function dt() {
         const m = c.setScale(C, !1);
         if (m.compareTo(n) > 0)
           return m;
-        const f = c.setScale(C, !0);
-        if (f.compareTo(o) < 0)
-          return f;
+        const h = c.setScale(C, !0);
+        if (h.compareTo(o) < 0)
+          return h;
       }
       return c;
     }
@@ -2589,11 +2589,11 @@ function ke(s) {
   return [null, void 0].indexOf(s) !== -1;
 }
 function E3(s, e, t) {
-  const { object: l, valueProp: a, mode: i } = ge(s), n = Oe().proxy, o = t.iv, d = (m, f = !0) => {
+  const { object: l, valueProp: a, mode: i } = ge(s), n = Oe().proxy, o = t.iv, d = (m, h = !0) => {
     o.value = C(m);
     const M = c(m);
-    e.emit("change", M, n), f && (e.emit("input", M), e.emit("update:modelValue", M));
-  }, c = (m) => l.value || ke(m) ? m : Array.isArray(m) ? m.map((f) => f[a.value]) : m[a.value], C = (m) => ke(m) ? i.value === "single" ? {} : [] : m;
+    e.emit("change", M, n), h && (e.emit("input", M), e.emit("update:modelValue", M));
+  }, c = (m) => l.value || ke(m) ? m : Array.isArray(m) ? m.map((h) => h[a.value]) : m[a.value], C = (m) => ke(m) ? i.value === "single" ? {} : [] : m;
   return {
     update: d
   };
@@ -2619,7 +2619,7 @@ function O3(s, e, t) {
       let T = l.value;
       typeof T == "string" && (T = new RegExp(T)), M.key.match(T) || M.preventDefault();
     }
-  }, f = (M) => {
+  }, h = (M) => {
     if (l && l.value) {
       let w = (M.clipboardData || /* istanbul ignore next */
       window.clipboardData).getData("Text"), O = l.value;
@@ -2635,7 +2635,7 @@ function O3(s, e, t) {
     clearSearch: c,
     handleSearchInput: C,
     handleKeypress: m,
-    handlePaste: f
+    handlePaste: h
   };
 }
 function B3(s, e, t) {
@@ -2673,7 +2673,7 @@ function P3(s, e, t) {
     createOption: c,
     label: C,
     appendNewTag: m,
-    appendNewOption: f,
+    appendNewOption: h,
     multipleLabel: M,
     object: T,
     loading: w,
@@ -2683,7 +2683,7 @@ function P3(s, e, t) {
     filterResults: B,
     clearOnSearch: x,
     clearOnSelect: se,
-    valueProp: h,
+    valueProp: f,
     allowAbsent: E,
     groupLabel: j,
     canDeselect: ee,
@@ -2701,7 +2701,7 @@ function P3(s, e, t) {
     disabledProp: D,
     searchStart: te,
     searchFilter: ae
-  } = ge(s), J = Oe().proxy, R = t.iv, A = t.ev, Z = t.search, _e = t.clearSearch, $e = t.update, mt = t.pointer, De = t.clearPointer, ht = t.focus, ft = t.deactivate, Ze = t.close, gt = t.localize, Ke = Q([]), Le = Q([]), we = Q(!1), M1 = Q(null), k1 = Q(Ie.value && n.value === -1 ? 10 : n.value), F1 = g(() => d.value || c.value || !1), yt = g(() => m.value !== void 0 ? m.value : f.value !== void 0 ? f.value : !0), Te = g(() => {
+  } = ge(s), J = Oe().proxy, R = t.iv, A = t.ev, Z = t.search, _e = t.clearSearch, $e = t.update, mt = t.pointer, De = t.clearPointer, ht = t.focus, ft = t.deactivate, Ze = t.close, gt = t.localize, Ke = Q([]), Le = Q([]), we = Q(!1), M1 = Q(null), k1 = Q(Ie.value && n.value === -1 ? 10 : n.value), F1 = g(() => d.value || c.value || !1), yt = g(() => m.value !== void 0 ? m.value : h.value !== void 0 ? h.value : !0), Te = g(() => {
     if (he.value) {
       let v = i1.value || /* istanbul ignore next */
       [], V = [];
@@ -2756,13 +2756,13 @@ function P3(s, e, t) {
   }), A1 = g(() => {
     switch (a.value) {
       case "single":
-        return !ke(R.value[h.value]);
+        return !ke(R.value[f.value]);
       case "multiple":
       case "tags":
         return !ke(R.value) && R.value.length > 0;
     }
   }), $t = g(() => M !== void 0 && M.value !== void 0 ? M.value(R.value, J) : R.value && R.value.length > 1 ? `${R.value.length} options selected` : "1 option selected"), wt = g(() => !Te.value.length && !we.value && !Pe.value.length), Mt = g(() => Te.value.length > 0 && Ge.value.length == 0 && (Z.value && he.value || !he.value)), Pe = g(() => F1.value === !1 || !Z.value ? [] : Ht(Z.value) !== -1 ? [] : [{
-    [h.value]: Z.value,
+    [f.value]: Z.value,
     [Me.value]: Z.value,
     [C.value]: Z.value,
     __CREATE__: !0
@@ -2792,11 +2792,11 @@ function P3(s, e, t) {
         break;
       case "tags":
       case "multiple":
-        $e(Array.isArray(v) ? R.value.filter((V) => v.map((X) => X[h.value]).indexOf(V[h.value]) === -1) : R.value.filter((V) => V[h.value] != v[h.value]));
+        $e(Array.isArray(v) ? R.value.filter((V) => v.map((X) => X[f.value]).indexOf(V[f.value]) === -1) : R.value.filter((V) => V[f.value] != v[f.value]));
         break;
     }
     e.emit("deselect", G1(v), v, J);
-  }, G1 = (v) => T.value ? v : v[h.value], Y1 = (v) => {
+  }, G1 = (v) => T.value ? v : v[f.value], Y1 = (v) => {
     je(v);
   }, It = (v, V) => {
     if (V.button !== 0) {
@@ -2811,10 +2811,10 @@ function P3(s, e, t) {
       return a.value === "single" ? !1 : Et(v[p.value]) && v[p.value].length;
     switch (a.value) {
       case "single":
-        return !ke(R.value) && R.value[h.value] == v[h.value];
+        return !ke(R.value) && R.value[f.value] == v[f.value];
       case "tags":
       case "multiple":
-        return !ke(R.value) && R.value.map((V) => V[h.value]).indexOf(v[h.value]) !== -1;
+        return !ke(R.value) && R.value.map((V) => V[f.value]).indexOf(v[f.value]) !== -1;
     }
   }, I1 = (v) => v[D.value] === !0, S1 = () => oe === void 0 || oe.value === -1 || !A1.value && oe.value > 0 ? !1 : R.value.length >= oe.value, St = (v) => {
     if (!I1(v)) {
@@ -2865,17 +2865,17 @@ function P3(s, e, t) {
         case "multiple":
         case "tags":
           Tt(v[p.value]) ? je(v[p.value]) : Ne(
-            v[p.value].filter((V) => R.value.map((X) => X[h.value]).indexOf(V[h.value]) === -1).filter((V) => !V[D.value]).filter((V, X) => R.value.length + 1 + X <= oe.value || oe.value === -1)
+            v[p.value].filter((V) => R.value.map((X) => X[f.value]).indexOf(V[f.value]) === -1).filter((V) => !V[D.value]).filter((V, X) => R.value.length + 1 + X <= oe.value || oe.value === -1)
           );
           break;
       }
       N.value && ft();
     }
   }, V1 = (v) => {
-    Ve(v[h.value]) === void 0 && F1.value && (e.emit("tag", v[h.value], J), e.emit("option", v[h.value], J), e.emit("create", v[h.value], J), yt.value && Bt(v), _e());
+    Ve(v[f.value]) === void 0 && F1.value && (e.emit("tag", v[f.value], J), e.emit("option", v[f.value], J), e.emit("create", v[f.value], J), yt.value && Bt(v), _e());
   }, Lt = () => {
     a.value !== "single" && Ne(Ge.value.filter((v) => !v.disabled && !Se(v)));
-  }, Tt = (v) => v.find((V) => !Se(V) && !V[D.value]) === void 0, Et = (v) => v.find((V) => !Se(V)) === void 0, Ve = (v) => Te.value[Te.value.map((V) => String(V[h.value])).indexOf(String(v))], Ht = (v, V = !0) => Te.value.map((X) => parseInt(X[Me.value]) == X[Me.value] ? parseInt(X[Me.value]) : X[Me.value]).indexOf(
+  }, Tt = (v) => v.find((V) => !Se(V) && !V[D.value]) === void 0, Et = (v) => v.find((V) => !Se(V)) === void 0, Ve = (v) => Te.value[Te.value.map((V) => String(V[f.value])).indexOf(String(v))], Ht = (v, V = !0) => Te.value.map((X) => parseInt(X[Me.value]) == X[Me.value] ? parseInt(X[Me.value]) : X[Me.value]).indexOf(
     parseInt(v) == v ? parseInt(v) : v
   ), Ot = (v) => ["tags", "multiple"].indexOf(a.value) !== -1 && o.value && Se(v), Bt = (v) => {
     Ke.value.push(v);
@@ -2895,8 +2895,8 @@ function P3(s, e, t) {
     let V = v;
     return D3(V) && (V = Object.keys(V).map((X) => {
       let ie = V[X];
-      return { [h.value]: X, [Me.value]: ie, [C.value]: ie };
-    })), V = V.map((X) => typeof X == "object" ? X : { [h.value]: X, [Me.value]: X, [C.value]: X }), V;
+      return { [f.value]: X, [Me.value]: ie, [C.value]: ie };
+    })), V = V.map((X) => typeof X == "object" ? X : { [f.value]: X, [Me.value]: X, [C.value]: X }), V;
   }, o1 = () => {
     ke(A.value) || (R.value = u1(A.value));
   }, r1 = (v) => (we.value = !0, new Promise((V, X) => {
@@ -2910,14 +2910,14 @@ function P3(s, e, t) {
   })), E1 = () => {
     if (A1.value)
       if (a.value === "single") {
-        let v = Ve(R.value[h.value]);
+        let v = Ve(R.value[f.value]);
         if (v !== void 0) {
           let V = v[C.value];
           R.value[C.value] = V, T.value && (A.value[C.value] = V);
         }
       } else
         R.value.forEach((v, V) => {
-          let X = Ve(R.value[V][h.value]);
+          let X = Ve(R.value[V][f.value]);
           if (X !== void 0) {
             let ie = X[C.value];
             R.value[V][C.value] = ie, T.value && (A.value[V][C.value] = ie);
@@ -2927,11 +2927,11 @@ function P3(s, e, t) {
     r1(v);
   }, u1 = (v) => ke(v) ? a.value === "single" ? {} : [] : T.value ? v : a.value === "single" ? Ve(v) || (E.value ? {
     [C.value]: v,
-    [h.value]: v,
+    [f.value]: v,
     [Me.value]: v
   } : {}) : v.filter((V) => !!Ve(V) || E.value).map((V) => Ve(V) || {
     [C.value]: V,
-    [h.value]: V,
+    [f.value]: V,
     [Me.value]: V
   }), x1 = () => {
     M1.value = pe(Z, (v) => {
@@ -2958,11 +2958,11 @@ function P3(s, e, t) {
     }
     switch (a.value) {
       case "single":
-        (T.value ? v[h.value] != R.value[h.value] : v != R.value[h.value]) && $e(u1(v), !1);
+        (T.value ? v[f.value] != R.value[f.value] : v != R.value[f.value]) && $e(u1(v), !1);
         break;
       case "multiple":
       case "tags":
-        Z3(T.value ? v.map((V) => V[h.value]) : v, R.value.map((V) => V[h.value])) || $e(u1(v), !1);
+        Z3(T.value ? v.map((V) => V[f.value]) : v, R.value.map((V) => V[f.value])) || $e(u1(v), !1);
         break;
     }
   }, { deep: !0 }), pe(l, (v, V) => {
@@ -3012,7 +3012,7 @@ function N3(s, e, t) {
     groupSelect: c,
     disabledProp: C,
     groupOptions: m
-  } = ge(s), f = t.fo, M = t.fg, T = t.handleOptionClick, w = t.handleGroupClick, O = t.search, L = t.pointer, b = t.setPointer, B = t.clearPointer, x = t.multiselect, se = t.isOpen, h = g(() => f.value.filter((A) => !A[C.value])), E = g(() => M.value.filter((A) => !A[C.value])), j = g(() => d.value !== "single" && c.value), ee = g(() => L.value && L.value.group), oe = g(() => J(L.value)), me = g(() => {
+  } = ge(s), h = t.fo, M = t.fg, T = t.handleOptionClick, w = t.handleGroupClick, O = t.search, L = t.pointer, b = t.setPointer, B = t.clearPointer, x = t.multiselect, se = t.isOpen, f = g(() => h.value.filter((A) => !A[C.value])), E = g(() => M.value.filter((A) => !A[C.value])), j = g(() => d.value !== "single" && c.value), ee = g(() => L.value && L.value.group), oe = g(() => J(L.value)), me = g(() => {
     const A = ee.value ? L.value : (
       /* istanbul ignore next */
       J(L.value)
@@ -3029,34 +3029,34 @@ function N3(s, e, t) {
     const A = J(L.value).__VISIBLE__.filter((Z) => !Z[C.value]);
     return A[A.map((Z) => Z[l.value]).indexOf(L.value[l.value]) + 1];
   }), p = g(() => [...me.value.__VISIBLE__.filter((A) => !A[C.value])].slice(-1)[0]), $ = g(() => [...W.value.__VISIBLE__.filter((A) => !A[C.value])].slice(-1)[0]), k = (A) => L.value && (!A.group && L.value[l.value] === A[l.value] || A.group !== void 0 && L.value[n.value] === A[n.value]) ? !0 : void 0, S = () => {
-    b(h.value[0] || null);
+    b(f.value[0] || null);
   }, D = () => {
     !L.value || L.value[C.value] === !0 || (ee.value ? w(L.value) : T(L.value));
   }, te = () => {
     if (L.value === null)
-      b((o.value && j.value ? E.value[0].__CREATE__ ? h.value[0] : E.value[0] : h.value[0]) || null);
+      b((o.value && j.value ? E.value[0].__CREATE__ ? f.value[0] : E.value[0] : f.value[0]) || null);
     else if (o.value && j.value) {
       let A = ee.value ? he.value : Ie.value;
       A === void 0 && (A = N.value, A.__CREATE__ && (A = A[m.value][0])), b(A || /* istanbul ignore next */
       null);
     } else {
-      let A = h.value.map((Z) => Z[l.value]).indexOf(L.value[l.value]) + 1;
-      h.value.length <= A && (A = 0), b(h.value[A] || null);
+      let A = f.value.map((Z) => Z[l.value]).indexOf(L.value[l.value]) + 1;
+      f.value.length <= A && (A = 0), b(f.value[A] || null);
     }
     He(() => {
       R();
     });
   }, ae = () => {
     if (L.value === null) {
-      let A = h.value[h.value.length - 1];
+      let A = f.value[f.value.length - 1];
       o.value && j.value && (A = $.value, A === void 0 && (A = W.value)), b(A || null);
     } else if (o.value && j.value) {
       let A = ee.value ? p.value : fe.value;
       A === void 0 && (A = ee.value ? me.value : oe.value, A.__CREATE__ && (A = p.value, A === void 0 && (A = me.value))), b(A || /* istanbul ignore next */
       null);
     } else {
-      let A = h.value.map((Z) => Z[l.value]).indexOf(L.value[l.value]) - 1;
-      A < 0 && (A = h.value.length - 1), b(h.value[A] || null);
+      let A = f.value.map((Z) => Z[l.value]).indexOf(L.value[l.value]) - 1;
+      A < 0 && (A = f.value.length - 1), b(f.value[A] || null);
     }
     He(() => {
       R();
@@ -3103,8 +3103,8 @@ function j3(s, e, t) {
   };
 }
 function R3(s, e, t) {
-  const { searchable: l, disabled: a, clearOnBlur: i } = ge(s), n = t.input, o = t.open, d = t.close, c = t.clearSearch, C = t.isOpen, m = Q(null), f = Q(null), M = Q(null), T = Q(!1), w = Q(!1), O = g(() => l.value || a.value ? -1 : 0), L = () => {
-    l.value && n.value.blur(), f.value.blur();
+  const { searchable: l, disabled: a, clearOnBlur: i } = ge(s), n = t.input, o = t.open, d = t.close, c = t.clearSearch, C = t.isOpen, m = Q(null), h = Q(null), M = Q(null), T = Q(!1), w = Q(!1), O = g(() => l.value || a.value ? -1 : 0), L = () => {
+    l.value && n.value.blur(), h.value.blur();
   }, b = () => {
     l.value && !a.value && n.value.focus();
   }, B = (ee = !0) => {
@@ -3116,7 +3116,7 @@ function R3(s, e, t) {
   };
   return {
     multiselect: m,
-    wrapper: f,
+    wrapper: h,
     tags: M,
     tabindex: O,
     isActive: T,
@@ -3135,9 +3135,9 @@ function R3(s, e, t) {
       x(), L();
     },
     handleMousedown: (ee) => {
-      w.value = !0, C.value && (ee.target.isEqualNode(f.value) || ee.target.isEqualNode(M.value)) ? setTimeout(() => {
+      w.value = !0, C.value && (ee.target.isEqualNode(h.value) || ee.target.isEqualNode(M.value)) ? setTimeout(() => {
         x();
-      }, 0) : document.activeElement.isEqualNode(f.value) && !C.value && B(), setTimeout(() => {
+      }, 0) : document.activeElement.isEqualNode(h.value) && !C.value && B(), setTimeout(() => {
         w.value = !1;
       }, 0);
     }
@@ -3154,9 +3154,9 @@ function U3(s, e, t) {
     groups: c,
     addOptionOn: C,
     createTag: m,
-    createOption: f,
+    createOption: h,
     reverse: M
-  } = ge(s), T = Oe().proxy, w = t.iv, O = t.update, L = t.search, b = t.setPointer, B = t.selectPointer, x = t.backwardPointer, se = t.forwardPointer, h = t.multiselect, E = t.wrapper, j = t.tags, ee = t.isOpen, oe = t.open, me = t.blur, N = t.fo, W = g(() => m.value || f.value || !1), he = g(() => a.value !== void 0 ? a.value : C.value !== void 0 ? C.value : ["enter"]), fe = () => {
+  } = ge(s), T = Oe().proxy, w = t.iv, O = t.update, L = t.search, b = t.setPointer, B = t.selectPointer, x = t.backwardPointer, se = t.forwardPointer, f = t.multiselect, E = t.wrapper, j = t.tags, ee = t.isOpen, oe = t.open, me = t.blur, N = t.fo, W = g(() => m.value || h.value || !1), he = g(() => a.value !== void 0 ? a.value : C.value !== void 0 ? C.value : ["enter"]), fe = () => {
     l.value === "tags" && !o.value && W.value && n.value && !c.value && b(N.value[N.value.map((k) => k[d.value]).indexOf(L.value)]);
   }, Ie = (k) => {
     let S = k.length - 1;
@@ -3168,7 +3168,7 @@ function U3(s, e, t) {
     handleKeydown: (k) => {
       e.emit("keydown", k, T);
       let S, D;
-      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(k.key) !== -1 && l.value === "tags" && (S = [...h.value.querySelectorAll("[data-tags] > *")].filter((te) => te !== j.value), D = S.findIndex((te) => te === document.activeElement)), k.key) {
+      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(k.key) !== -1 && l.value === "tags" && (S = [...f.value.querySelectorAll("[data-tags] > *")].filter((te) => te !== j.value), D = S.findIndex((te) => te === document.activeElement)), k.key) {
         case "Backspace":
           if (l.value === "single" || n.value && [null, ""].indexOf(L.value) === -1 || w.value.length === 0)
             return;
@@ -3240,7 +3240,7 @@ function q3(s, e, t) {
     disabled: a,
     openDirection: i,
     showOptions: n
-  } = ge(s), o = t.isOpen, d = t.isPointed, c = t.isSelected, C = t.isDisabled, m = t.isActive, f = t.canPointGroups, M = t.resolving, T = t.fo, w = g(() => ({
+  } = ge(s), o = t.isOpen, d = t.isPointed, c = t.isSelected, C = t.isDisabled, m = t.isActive, h = t.canPointGroups, M = t.resolving, T = t.fo, w = g(() => ({
     container: "multiselect",
     containerDisabled: "is-disabled",
     containerOpen: "is-open",
@@ -3325,7 +3325,7 @@ function q3(s, e, t) {
         group: b.group,
         groupLabel: (B) => {
           let x = [b.groupLabel];
-          return d(B) ? x.push(c(B) ? b.groupLabelSelectedPointed : b.groupLabelPointed) : c(B) && f.value ? x.push(C(B) ? b.groupLabelSelectedDisabled : b.groupLabelSelected) : C(B) && x.push(b.groupLabelDisabled), f.value && x.push(b.groupLabelPointable), x;
+          return d(B) ? x.push(c(B) ? b.groupLabelSelectedPointed : b.groupLabelPointed) : c(B) && h.value ? x.push(C(B) ? b.groupLabelSelectedDisabled : b.groupLabelSelected) : C(B) && x.push(b.groupLabelDisabled), h.value && x.push(b.groupLabelPointable), x;
         },
         groupOptions: b.groupOptions,
         option: (B, x) => {
@@ -3345,7 +3345,7 @@ function F3(s, e, t) {
   const {
     limit: l,
     infinite: a
-  } = ge(s), i = t.isOpen, n = t.offset, o = t.search, d = t.pfo, c = t.eo, C = Q(null), m = Q(null), f = g(() => n.value < d.value.length), M = (w) => {
+  } = ge(s), i = t.isOpen, n = t.offset, o = t.search, d = t.pfo, c = t.eo, C = Q(null), m = Q(null), h = g(() => n.value < d.value.length), M = (w) => {
     const { isIntersecting: O, target: L } = w[0];
     if (O) {
       const b = L.offsetParent, B = b.scrollTop;
@@ -3365,7 +3365,7 @@ function F3(s, e, t) {
   }, { immediate: !1, flush: "post" }), C1(() => {
     window && window.IntersectionObserver && (C.value = new IntersectionObserver(M));
   }), {
-    hasMore: f,
+    hasMore: h,
     infiniteLoader: m
   };
 }
@@ -3379,7 +3379,7 @@ function z3(s, e, t) {
     groupLabel: d,
     aria: c,
     searchable: C
-  } = ge(s), m = t.pointer, f = t.iv, M = t.hasSelected, T = t.multipleLabelText, w = Q(null), O = g(() => {
+  } = ge(s), m = t.pointer, h = t.iv, M = t.hasSelected, T = t.multipleLabelText, w = Q(null), O = g(() => {
     let N = [];
     return a && a.value && N.push(a.value), N.push("assist"), N.join("-");
   }), L = g(() => {
@@ -3391,8 +3391,8 @@ function z3(s, e, t) {
       return N.push(m.value.group ? "multiselect-group" : "multiselect-option"), N.push(m.value.group ? m.value.index : m.value[i.value]), N.join("-");
   }), B = g(() => l.value), x = g(() => o.value !== "single"), se = g(() => {
     let N = "";
-    return o.value === "single" && M.value && (N += f.value[n.value]), o.value === "multiple" && M.value && (N += T.value), o.value === "tags" && M.value && (N += f.value.map((W) => W[n.value]).join(", ")), N;
-  }), h = g(() => {
+    return o.value === "single" && M.value && (N += h.value[n.value]), o.value === "multiple" && M.value && (N += T.value), o.value === "tags" && M.value && (N += h.value.map((W) => W[n.value]).join(", ")), N;
+  }), f = g(() => {
     let N = { ...c.value };
     return C.value && (N["aria-labelledby"] = N["aria-labelledby"] ? `${O.value} ${N["aria-labelledby"]}` : O.value, se.value && N["aria-label"] && (N["aria-label"] = `${se.value}, ${N["aria-label"]}`)), N;
   }), E = (N) => {
@@ -3414,7 +3414,7 @@ function z3(s, e, t) {
       w.value = N ? N.innerText : null;
     }
   }), {
-    arias: h,
+    arias: f,
     ariaLabel: se,
     ariaAssist: O,
     ariaControls: L,
@@ -4108,8 +4108,8 @@ function C5(s, e, t, l, a, i) {
                     "data-pointed": s.isPointed(c),
                     "data-selected": s.isSelected(c) || void 0,
                     key: m,
-                    onMouseenter: (f) => s.setPointer(c),
-                    onClick: (f) => s.handleOptionClick(c),
+                    onMouseenter: (h) => s.setPointer(c),
+                    onClick: (h) => s.handleOptionClick(c),
                     id: s.ariaOptionId(c),
                     "aria-selected": s.isSelected(c),
                     "aria-label": s.ariaOptionLabel(s.localize(c[t.label])),
@@ -4344,17 +4344,17 @@ const $5 = { class: "ao-subtasks" }, w5 = { class: "ao-subtasks__list" }, M5 = [
   emits: ["add", "delete", "update"],
   setup(s, { emit: e }) {
     const t = s, { t: l } = w1(), a = () => {
-      const c = t.subtasks.length, C = t.subtasks.at(-1), m = C ? de.LexoRank.parse(C.rank).genNext() : de.LexoRank.middle(), f = {
+      const c = t.subtasks.length, C = t.subtasks.at(-1), m = C ? de.LexoRank.parse(C.rank).genNext() : de.LexoRank.middle(), h = {
         name: l("template.defaultName.subtask", { idx: c + 1 }),
         rank: m.format(),
         activityId: t.activityId
       };
-      e("add", f);
+      e("add", h);
     }, i = (c, C) => {
-      const f = c.target.value;
+      const h = c.target.value;
       e("update", {
         id: C,
-        name: f
+        name: h
       });
     }, n = (c, C) => {
       e("update", {
@@ -4386,7 +4386,7 @@ const $5 = { class: "ao-subtasks" }, w5 = { class: "ao-subtasks__list" }, M5 = [
             value: m.name,
             class: "ao-field__input ao-subtask__field",
             type: "text",
-            onChange: (f) => i(f, m.id)
+            onChange: (h) => i(h, m.id)
           }, null, 40, M5),
           y(P(Ce), {
             mode: "tags",
@@ -4396,13 +4396,13 @@ const $5 = { class: "ao-subtasks" }, w5 = { class: "ao-subtasks__list" }, M5 = [
             searchable: !0,
             class: "ao-subtask__assignees",
             placeholder: c.$t("feed.filters.assignee.placeholder"),
-            onChange: (f) => d(f, m.id)
+            onChange: (h) => d(h, m.id)
           }, {
-            tag: F(({ option: f, handleTagRemove: M }) => [
+            tag: F(({ option: h, handleTagRemove: M }) => [
               y(ze, {
-                "user-name": f.label,
+                "user-name": h.label,
                 "is-closable": !0,
-                onClose: (T) => M(f, T)
+                onClose: (T) => M(h, T)
               }, null, 8, ["user-name", "onClose"])
             ]),
             _: 2
@@ -4489,13 +4489,13 @@ const I5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], S5 = {
         onDragleave: Ae(o, ["prevent"])
       }, [
         (m = c.attachments) != null && m.length && c.attachments.length > 0 ? (u(), _("ul", S5, [
-          (u(!0), _(ne, null, ve(c.attachments, (f) => (u(), _("li", {
-            key: f.id,
+          (u(!0), _(ne, null, ve(c.attachments, (h) => (u(), _("li", {
+            key: h.id,
             class: "ao-file"
           }, [
             r("a", {
               class: "ao-file__link",
-              href: f.url,
+              href: h.url,
               target: "_blank",
               rel: "noopener noreferrer"
             }, [
@@ -4504,7 +4504,7 @@ const I5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], S5 = {
                 name: "AttachFileRounded",
                 size: "sm"
               }),
-              r("span", L5, U(f.name), 1)
+              r("span", L5, U(h.name), 1)
             ], 8, V5),
             y(ue, {
               class: "ao-files__delete-button",
@@ -4513,7 +4513,7 @@ const I5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], S5 = {
               color: "primary",
               size: "md",
               corners: "round",
-              onClick: () => t(f)
+              onClick: () => t(h)
             }, null, 8, ["onClick"])
           ]))), 128))
         ])) : (u(), _("div", T5, [
@@ -4551,74 +4551,74 @@ const D5 = {
   },
   emits: ["update:activity", "close", "addSubtask", "updateSubtask", "addFiles", "removeFile"],
   setup(s, { emit: e }) {
-    const t = s, l = (h) => {
+    const t = s, l = (f) => {
       e("update:activity", {
         id: t.activity.id,
-        name: h
+        name: f
       });
     }, a = g({
       get() {
         return t.activity.description ?? "";
       },
-      set(h) {
-        e("update:activity", { id: t.activity.id, description: h });
+      set(f) {
+        e("update:activity", { id: t.activity.id, description: f });
       }
     }), i = g({
       get() {
         return t.activity.estimation ?? 0;
       },
-      set(h) {
-        e("update:activity", { id: t.activity.id, estimation: h });
+      set(f) {
+        e("update:activity", { id: t.activity.id, estimation: f });
       }
     }), n = g({
       get() {
         return t.activity.important ?? !1;
       },
-      set(h) {
-        e("update:activity", { id: t.activity.id, important: h });
+      set(f) {
+        e("update:activity", { id: t.activity.id, important: f });
       }
     }), o = g({
       get() {
-        var h;
-        return (h = t.activity.type) == null ? void 0 : h.id;
+        var f;
+        return (f = t.activity.type) == null ? void 0 : f.id;
       },
-      set(h) {
-        e("update:activity", { id: t.activity.id, typeId: h });
+      set(f) {
+        e("update:activity", { id: t.activity.id, typeId: f });
       }
-    }), d = g(() => t.templateActivities.filter((h) => h.id !== t.activity.id).map((h) => ({
-      label: h.name,
-      value: h.id
+    }), d = g(() => t.templateActivities.filter((f) => f.id !== t.activity.id).map((f) => ({
+      label: f.name,
+      value: f.id
     }))), c = g({
       get() {
         return t.activity.dependingOn;
       },
-      set(h) {
-        h && e("update:activity", {
+      set(f) {
+        f && e("update:activity", {
           id: t.activity.id,
-          dependingOn: h
+          dependingOn: f
         });
       }
-    }), C = g(() => d.value.map((h) => {
+    }), C = g(() => d.value.map((f) => {
       var E;
       return {
-        ...h,
-        disabled: (E = t.activity.blocking) == null ? void 0 : E.some((j) => j === h.value)
+        ...f,
+        disabled: (E = t.activity.blocking) == null ? void 0 : E.some((j) => j === f.value)
       };
     })), m = g({
       get() {
         return t.activity.blocking;
       },
-      set(h) {
-        h && e("update:activity", {
+      set(f) {
+        f && e("update:activity", {
           id: t.activity.id,
-          blocking: h
+          blocking: f
         });
       }
-    }), f = g(() => d.value.map((h) => {
+    }), h = g(() => d.value.map((f) => {
       var E;
       return {
-        ...h,
-        disabled: (E = t.activity.dependingOn) == null ? void 0 : E.some((j) => j === h.value)
+        ...f,
+        disabled: (E = t.activity.dependingOn) == null ? void 0 : E.some((j) => j === f.value)
       };
     })), M = g(() => (t.templateMilestones || []).filter((E) => E.id !== t.milestoneId).map((E) => ({
       label: E.name,
@@ -4627,59 +4627,59 @@ const D5 = {
       get() {
         return t.activity.dependingMilestones;
       },
-      set(h) {
+      set(f) {
         e("update:activity", {
           id: t.activity.id,
-          dependingMilestones: h
+          dependingMilestones: f
         });
       }
-    }), w = (h) => {
-      e("addSubtask", h);
-    }, O = (h) => {
-      const E = [...t.activity.tasks || []], j = E.findIndex((ee) => ee.id === h.id);
+    }), w = (f) => {
+      e("addSubtask", f);
+    }, O = (f) => {
+      const E = [...t.activity.tasks || []], j = E.findIndex((ee) => ee.id === f.id);
       E[j] = {
         ...E[j],
-        ...h
+        ...f
       }, e("update:activity", { id: t.activity.id, tasks: E });
-    }, L = (h) => {
-      const E = [...t.activity.tasks || []].filter((j) => j.id !== h);
+    }, L = (f) => {
+      const E = [...t.activity.tasks || []].filter((j) => j.id !== f);
       e("update:activity", { id: t.activity.id, tasks: E });
     }, b = g(() => {
-      var h;
-      return ((h = t.users) == null ? void 0 : h.map((E) => ({
+      var f;
+      return ((f = t.users) == null ? void 0 : f.map((E) => ({
         label: `${E.firstName} ${E.lastName}`,
         value: E.id
       }))) || [];
     }), B = g({
       get() {
-        var h;
-        return (h = t.activity.assignee) == null ? void 0 : h.id;
+        var f;
+        return (f = t.activity.assignee) == null ? void 0 : f.id;
       },
-      set(h) {
+      set(f) {
         e("update:activity", {
           id: t.activity.id,
-          assigneeId: h
+          assigneeId: f
         });
       }
-    }), x = (h) => {
+    }), x = (f) => {
       e("addFiles", {
         activityId: t.activity.id,
-        files: h
+        files: f
       });
-    }, se = (h) => {
+    }, se = (f) => {
       e("removeFile", {
         activityId: t.activity.id,
-        file: h
+        file: f
       });
     };
-    return (h, E) => (u(), q(vt, {
-      onClose: E[8] || (E[8] = (j) => h.$emit("close"))
+    return (f, E) => (u(), q(vt, {
+      onClose: E[8] || (E[8] = (j) => f.$emit("close"))
     }, {
       header: F(() => [
-        Y(h.$slots, "header", {}, () => [
-          h.breadcrumbs ? (u(), _("div", D5, U(h.breadcrumbs), 1)) : I("", !0),
+        Y(f.$slots, "header", {}, () => [
+          f.breadcrumbs ? (u(), _("div", D5, U(f.breadcrumbs), 1)) : I("", !0),
           y(ce, {
-            title: h.activity.name || h.activity.id,
+            title: f.activity.name || f.activity.id,
             level: 4,
             "is-editable": !0,
             "onUpdate:title": l
@@ -4691,7 +4691,7 @@ const D5 = {
           r("fieldset", P5, [
             r("div", N5, [
               r("label", j5, [
-                r("span", R5, U(h.$t("activity.description.label")), 1),
+                r("span", R5, U(f.$t("activity.description.label")), 1),
                 Re(r("textarea", {
                   "onUpdate:modelValue": E[0] || (E[0] = (j) => a.value = j),
                   rows: "4",
@@ -4711,7 +4711,7 @@ const D5 = {
             ]),
             r("div", U5, [
               r("label", q5, [
-                r("span", F5, U(h.$t("activity.estimation.label")), 1),
+                r("span", F5, U(f.$t("activity.estimation.label")), 1),
                 Re(r("input", {
                   "onUpdate:modelValue": E[1] || (E[1] = (j) => i.value = j),
                   class: "ao-field__input",
@@ -4730,7 +4730,7 @@ const D5 = {
                 ])
               ]),
               r("label", z5, [
-                r("span", K5, U(h.$t("activity.isImportant.label")), 1),
+                r("span", K5, U(f.$t("activity.isImportant.label")), 1),
                 Re(r("input", {
                   "onUpdate:modelValue": E[2] || (E[2] = (j) => n.value = j),
                   class: "ao-field__input",
@@ -4747,7 +4747,7 @@ const D5 = {
             ]),
             r("div", G5, [
               r("div", Y5, [
-                r("span", W5, U(h.$t("activity.assignee.label")), 1),
+                r("span", W5, U(f.$t("activity.assignee.label")), 1),
                 y(P(Ce), {
                   modelValue: B.value,
                   "onUpdate:modelValue": E[3] || (E[3] = (j) => B.value = j),
@@ -4755,7 +4755,7 @@ const D5 = {
                   "close-on-select": !1,
                   searchable: !0,
                   class: "ao-activity-details__assignees",
-                  placeholder: h.$t("activity.filters.assignee.placeholder")
+                  placeholder: f.$t("activity.filters.assignee.placeholder")
                 }, {
                   tag: F(({ option: j, handleTagRemove: ee }) => [
                     y(ze, {
@@ -4770,7 +4770,7 @@ const D5 = {
             ]),
             r("div", X5, [
               r("label", x5, [
-                r("span", J5, U(h.$t("activity.type.label")), 1),
+                r("span", J5, U(f.$t("activity.type.label")), 1),
                 y(P(Ce), {
                   modelValue: o.value,
                   "onUpdate:modelValue": E[4] || (E[4] = (j) => o.value = j),
@@ -4778,8 +4778,8 @@ const D5 = {
                   mode: "single",
                   searchable: !0,
                   "create-option": !0,
-                  options: h.activityTypes,
-                  placeholder: h.$t("activity.filters.type.placeholder")
+                  options: f.activityTypes,
+                  placeholder: f.$t("activity.filters.type.placeholder")
                 }, null, 8, ["modelValue", "options", "placeholder"])
               ])
             ])
@@ -4789,12 +4789,12 @@ const D5 = {
               y(le, { name: "FlowsheetOutlineRounded" }),
               y(ce, {
                 level: 4,
-                title: h.$t("activity.dependencies.title")
+                title: f.$t("activity.dependencies.title")
               }, null, 8, ["title"])
             ]),
             r("div", t7, [
               r("label", s7, [
-                r("span", a7, U(h.$t("activity.dependingOn.label")), 1),
+                r("span", a7, U(f.$t("activity.dependingOn.label")), 1),
                 y(P(Ce), {
                   modelValue: c.value,
                   "onUpdate:modelValue": E[5] || (E[5] = (j) => c.value = j),
@@ -4808,7 +4808,7 @@ const D5 = {
             ]),
             r("div", n7, [
               r("label", l7, [
-                r("span", i7, U(h.$t("activity.blocking.label")), 1),
+                r("span", i7, U(f.$t("activity.blocking.label")), 1),
                 y(P(Ce), {
                   modelValue: m.value,
                   "onUpdate:modelValue": E[6] || (E[6] = (j) => m.value = j),
@@ -4816,13 +4816,13 @@ const D5 = {
                   mode: "tags",
                   "close-on-select": !1,
                   searchable: !0,
-                  options: f.value
+                  options: h.value
                 }, null, 8, ["modelValue", "options"])
               ])
             ]),
             r("div", o7, [
               r("label", r7, [
-                r("span", u7, U(h.$t("activity.dependingMilestone.label")), 1),
+                r("span", u7, U(f.$t("activity.dependingMilestone.label")), 1),
                 y(P(Ce), {
                   modelValue: T.value,
                   "onUpdate:modelValue": E[7] || (E[7] = (j) => T.value = j),
@@ -4840,31 +4840,31 @@ const D5 = {
               y(le, { name: "SelectCheckBox" }),
               y(ce, {
                 level: 4,
-                title: h.$t("activity.subtasks.title")
+                title: f.$t("activity.subtasks.title")
               }, null, 8, ["title"])
             ]),
             y(A5, {
               class: "ao-activity-details__subtasks",
-              subtasks: h.activity.tasks || [],
-              "activity-id": h.activity.id,
+              subtasks: f.activity.tasks || [],
+              "activity-id": f.activity.id,
               "assignees-options": b.value,
               onAdd: w,
               onUpdate: O,
               onDelete: L
             }, null, 8, ["subtasks", "activity-id", "assignees-options"])
           ]),
-          Y(h.$slots, "default")
+          Y(f.$slots, "default")
         ]),
         r("div", p7, [
           r("div", v7, [
             y(le, { name: "AttachFileRounded" }),
             y(ce, {
               level: 4,
-              title: h.$t("activity.attachments.title")
+              title: f.$t("activity.attachments.title")
             }, null, 8, ["title"])
           ]),
           y(B5, {
-            attachments: h.activity.attachments,
+            attachments: f.activity.attachments,
             onAdd: x,
             onRemove: se
           }, null, 8, ["attachments"])
@@ -4966,7 +4966,7 @@ const Ru = {
       set(L) {
         e("update:rule", { ...t.rule, comparator: L });
       }
-    }), C = g(() => Object.values(_7)), m = xe(t.rule.trigger), f = g({
+    }), C = g(() => Object.values(_7)), m = xe(t.rule.trigger), h = g({
       get() {
         return m.value;
       },
@@ -5001,8 +5001,8 @@ const Ru = {
           options: o.value
         }, null, 8, ["modelValue", "options"]),
         y(P(Ce), {
-          modelValue: f.value,
-          "onUpdate:modelValue": b[2] || (b[2] = (B) => f.value = B),
+          modelValue: h.value,
+          "onUpdate:modelValue": b[2] || (b[2] = (B) => h.value = B),
           options: M.value
         }, null, 8, ["modelValue", "options"]),
         y(P(Ce), {
@@ -5152,7 +5152,7 @@ const w7 = {
     }), m = g(() => {
       var p;
       return ((p = a.value) == null ? void 0 : p.name) || t.templateId;
-    }), f = () => {
+    }), h = () => {
       if (!a.value)
         return;
       const p = a.value.phases.length, $ = a.value.phases.at(-1), k = $ ? de.LexoRank.parse($.rank).genNext() : de.LexoRank.middle(), S = {
@@ -5245,7 +5245,7 @@ const w7 = {
           id: p.id
         }
       });
-    }, h = (p) => {
+    }, f = (p) => {
       const { id: $, ...k } = p;
       e("updateItem", {
         itemType: re.ACTIVITIES,
@@ -5289,7 +5289,7 @@ const w7 = {
       $[k] = {
         ...$[k],
         ...p
-      }, h({
+      }, f({
         id: (D = c.value) == null ? void 0 : D.id,
         phaseId: (te = i.value) == null ? void 0 : te.id,
         milestoneId: (ae = n.value) == null ? void 0 : ae.id,
@@ -5302,7 +5302,7 @@ const w7 = {
       const $ = [...((k = c.value) == null ? void 0 : k.subtasks) || []].filter(
         (ae) => ae.id !== p
       );
-      h({
+      f({
         id: (S = c.value) == null ? void 0 : S.id,
         phaseId: (D = i.value) == null ? void 0 : D.id,
         milestoneId: (te = n.value) == null ? void 0 : te.id,
@@ -5382,7 +5382,7 @@ const w7 = {
                     y(Be, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: p.$t("template.phases.add"),
-                      onClick: f
+                      onClick: h
                     }, null, 8, ["label"])
                   ])
                 ]),
@@ -5409,7 +5409,7 @@ const w7 = {
                 milestone: n.value,
                 "activity-id": (D = c.value) == null ? void 0 : D.id,
                 onAddActivity: x,
-                onUpdateActivity: h,
+                onUpdateActivity: f,
                 onRemoveActivity: se
               }, null, 8, ["template-id", "phase-id", "milestone", "activity-id"])) : I("", !0)
             ])
@@ -5426,7 +5426,7 @@ const w7 = {
             "template-milestones": o.value,
             "is-template": !0,
             "onUpdate:activity": $[2] || ($[2] = (R) => {
-              p.phaseId && p.milestoneId && c.value && h({
+              p.phaseId && p.milestoneId && c.value && f({
                 ...R,
                 phaseId: p.phaseId,
                 milestoneId: p.milestoneId
@@ -5687,8 +5687,8 @@ const e0 = { class: "ao-project" }, t0 = { class: "ao-project__body" }, s0 = { c
   },
   emits: ["addPhase", "addMilestone", "addActivity", "update:activity", "addSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment"],
   setup(s, { emit: e }) {
-    const t = s, l = g(() => t.phases.reduce((w, O) => [...w, ...O.milestones || []], [])), a = () => {
-      e("addPhase");
+    const t = s, l = g(() => t.phases.reduce((w, O) => [...w, ...O.milestones || []], [])), a = (w) => {
+      e("addPhase", w);
     }, i = (w) => {
       e("addMilestone", w);
     }, n = (w) => {
@@ -5700,8 +5700,8 @@ const e0 = { class: "ao-project" }, t0 = { class: "ao-project__body" }, s0 = { c
       const O = t.phases.find((B) => {
         var x;
         return (x = B.milestones) == null ? void 0 : x.find((se) => {
-          var h;
-          return (h = se.activities) == null ? void 0 : h.find((E) => E.id === w.activityId);
+          var f;
+          return (f = se.activities) == null ? void 0 : f.find((E) => E.id === w.activityId);
         });
       }), L = (b = O == null ? void 0 : O.milestones) == null ? void 0 : b.find((B) => {
         var x;
@@ -5716,7 +5716,7 @@ const e0 = { class: "ao-project" }, t0 = { class: "ao-project__body" }, s0 = { c
       e("addFiles", w);
     }, m = (w) => {
       e("removeFile", w);
-    }, f = (w) => {
+    }, h = (w) => {
       e("addComment", w);
     }, M = (w) => {
       e("updateComment", w);
@@ -5770,7 +5770,7 @@ const e0 = { class: "ao-project" }, t0 = { class: "ao-project__body" }, s0 = { c
               (u(!0), _(ne, null, ve(w.phases, (b) => (u(), q(Q7, {
                 key: b.id,
                 phase: b,
-                "project-name": w.project.projectName,
+                "project-name": w.project.name,
                 onAddMilestone: i
               }, null, 8, ["phase", "project-name"]))), 128))
             ])
@@ -5779,7 +5779,7 @@ const e0 = { class: "ao-project" }, t0 = { class: "ao-project__body" }, s0 = { c
         y(L, {
           class: "ao-project__sidebar",
           milestones: l.value,
-          "project-name": w.project.projectName,
+          "project-name": w.project.name,
           users: w.users,
           onClose: O[0] || (O[0] = (b) => w.$router.push({ name: P(Ue).project })),
           onAddActivity: n
@@ -5792,7 +5792,7 @@ const e0 = { class: "ao-project" }, t0 = { class: "ao-project__body" }, s0 = { c
             onAddSubtask: d,
             onAddFiles: C,
             onRemoveFile: m,
-            onAddComment: f,
+            onAddComment: h,
             onUpdateComment: M,
             onRemoveComment: T
           }, null, 8, ["activities"])
@@ -5850,13 +5850,13 @@ const u0 = { class: "ao-card-feed__header" }, c0 = {
       });
     }, a = g(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), i = g(() => {
       var m;
-      return (m = t.assignees) == null ? void 0 : m.map((f) => {
+      return (m = t.assignees) == null ? void 0 : m.map((h) => {
         var M;
-        return (M = t.users) == null ? void 0 : M.find((T) => T.id === f);
+        return (M = t.users) == null ? void 0 : M.find((T) => T.id === h);
       });
     }), n = (m) => {
-      const { firstName: f, lastName: M } = m || {};
-      return f && M ? `${f} ${M}` : "";
+      const { firstName: h, lastName: M } = m || {};
+      return h && M ? `${h} ${M}` : "";
     }, o = (m) => {
       e("removeAssignee", m);
     }, d = g(() => {
@@ -5864,9 +5864,9 @@ const u0 = { class: "ao-card-feed__header" }, c0 = {
       return (m = t.subtasks) == null ? void 0 : m.length;
     }), c = g(() => {
       var m;
-      return (m = t.subtasks) == null ? void 0 : m.filter((f) => f.isDone).length;
+      return (m = t.subtasks) == null ? void 0 : m.filter((h) => h.isDone).length;
     }), C = g(() => (c.value || 0) / (d.value || 1));
-    return (m, f) => (u(), q(U1, {
+    return (m, h) => (u(), q(U1, {
       class: "ao-card-feed",
       "is-clickable": !0
     }, {
@@ -6002,7 +6002,7 @@ const I0 = { class: "ao-project-milestone" }, S0 = { class: "ao-project-mileston
         r("div", L0, [
           r("ul", T0, [
             (u(!0), _(ne, null, ve(a.value, (C) => {
-              var m, f, M;
+              var m, h, M;
               return u(), q(Ct, {
                 key: C.id,
                 name: C.name || C.id,
@@ -6013,7 +6013,7 @@ const I0 = { class: "ao-project-milestone" }, S0 = { class: "ao-project-mileston
                 "is-important": C.isImportant,
                 users: o.users,
                 assignees: C.assignees,
-                comments: (f = C.comments) == null ? void 0 : f.length,
+                comments: (h = C.comments) == null ? void 0 : h.length,
                 attachments: (M = C.attachments) == null ? void 0 : M.length,
                 subtasks: C.subtasks,
                 onClick: (T) => o.$router.push({
@@ -6060,14 +6060,14 @@ const O0 = { class: "ao-comment" }, B0 = { class: "ao-comment__body" }, D0 = ["c
   emits: ["edit", "remove"],
   setup(s, { emit: e }) {
     const t = s, l = g(() => {
-      const f = t.user;
-      return f ? `${f == null ? void 0 : f.firstName} ${f == null ? void 0 : f.lastName}` : null;
-    }), a = Q(null), { isEditing: i, toggleIsEditing: n, onUpdate: o, onDiscard: d } = it(a), c = d(), C = o((f) => {
-      e("edit", f);
+      const h = t.user;
+      return h ? `${h == null ? void 0 : h.firstName} ${h == null ? void 0 : h.lastName}` : null;
+    }), a = Q(null), { isEditing: i, toggleIsEditing: n, onUpdate: o, onDiscard: d } = it(a), c = d(), C = o((h) => {
+      e("edit", h);
     }), m = () => {
       e("remove");
     };
-    return (f, M) => (u(), _("li", O0, [
+    return (h, M) => (u(), _("li", O0, [
       l.value ? (u(), q(ze, {
         key: 0,
         "user-name": l.value,
@@ -6079,10 +6079,10 @@ const O0 = { class: "ao-comment" }, B0 = { class: "ao-comment__body" }, D0 = ["c
           ref: a,
           class: "ao-comment__content",
           contenteditable: P(i)
-        }, U(f.content), 9, D0),
-        r("span", Z0, U(f.editedAt || f.createdAt), 1)
+        }, U(h.content), 9, D0),
+        r("span", Z0, U(h.editedAt || h.createdAt), 1)
       ]),
-      f.isEditable ? (u(), _("div", P0, [
+      h.isEditable ? (u(), _("div", P0, [
         P(i) ? (u(), _(ne, { key: 0 }, [
           y(ue, {
             "icon-name": "CloseRounded",
@@ -6100,14 +6100,14 @@ const O0 = { class: "ao-comment" }, B0 = { class: "ao-comment__body" }, D0 = ["c
           }, null, 8, ["onClick"])
         ], 64)) : (u(), _(ne, { key: 1 }, [
           y(ue, {
-            label: f.$t("activity.comment.delete"),
+            label: h.$t("activity.comment.delete"),
             size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: m
           }, null, 8, ["label"]),
           y(ue, {
-            label: f.$t("activity.comment.edit"),
+            label: h.$t("activity.comment.edit"),
             size: "sm",
             variant: "ghost",
             color: "neutral",
@@ -6118,10 +6118,13 @@ const O0 = { class: "ao-comment" }, B0 = { class: "ao-comment__body" }, D0 = ["c
     ]));
   }
 });
-const j0 = { class: "ao-comments" }, R0 = { class: "ao-comments__list" }, U0 = { class: "ao-comments__footer" }, q0 = ["onSubmit"], F0 = { class: "ao-field ao-field--full" }, z0 = { class: "ao-field__label" }, K0 = { class: "ao-comments__form-footer" }, _t = /* @__PURE__ */ G({
+const j0 = { class: "ao-comments" }, R0 = {
+  key: 0,
+  class: "ao-comments__list"
+}, U0 = { class: "ao-comments__footer" }, q0 = ["onSubmit"], F0 = { class: "ao-field ao-field--full" }, z0 = { class: "ao-field__label" }, K0 = { class: "ao-comments__form-footer" }, _t = /* @__PURE__ */ G({
   __name: "AoActivityDetailsComments",
   props: {
-    comments: {},
+    comments: { default: () => [] },
     users: {},
     newComment: {},
     userId: {}
@@ -6146,52 +6149,55 @@ const j0 = { class: "ao-comments" }, R0 = { class: "ao-comments__list" }, U0 = {
     }, d = (c) => {
       e("removeComment", c);
     };
-    return (c, C) => (u(), _("div", j0, [
-      r("ul", R0, [
-        (u(!0), _(ne, null, ve(c.comments, (m) => (u(), q(N0, {
-          key: m.id,
-          user: l(m.userId),
-          content: m.content,
-          "created-at": m.createdAt,
-          "edited-at": m.editedAt,
-          "is-editable": m.userId === c.userId,
-          class: "ao-comment",
-          onEdit: (f) => o(m.id, f),
-          onRemove: () => d(m.id)
-        }, null, 8, ["user", "content", "created-at", "edited-at", "is-editable", "onEdit", "onRemove"]))), 128))
-      ]),
-      r("div", U0, [
-        r("form", {
-          class: "ao-comments__form",
-          onSubmit: Ae(n, ["prevent"])
-        }, [
-          r("label", F0, [
-            r("span", z0, U(c.$t("activity.comment.label")), 1),
-            Re(r("textarea", {
-              "onUpdate:modelValue": C[0] || (C[0] = (m) => i.value = m),
-              rows: "4",
-              class: "ao-field__textarea"
-            }, null, 512), [
-              [
-                s1,
-                i.value,
-                void 0,
-                { trim: !0 }
-              ]
+    return (c, C) => {
+      var m;
+      return u(), _("div", j0, [
+        ((m = c.comments) == null ? void 0 : m.length) > 0 ? (u(), _("ul", R0, [
+          (u(!0), _(ne, null, ve(c.comments, (h) => (u(), q(N0, {
+            key: h.id,
+            user: l(h.userId),
+            content: h.content,
+            "created-at": h.createdAt,
+            "edited-at": h.editedAt,
+            "is-editable": h.userId === c.userId,
+            class: "ao-comment",
+            onEdit: (M) => o(h.id, M),
+            onRemove: () => d(h.id)
+          }, null, 8, ["user", "content", "created-at", "edited-at", "is-editable", "onEdit", "onRemove"]))), 128))
+        ])) : I("", !0),
+        r("div", U0, [
+          r("form", {
+            class: "ao-comments__form",
+            onSubmit: Ae(n, ["prevent"])
+          }, [
+            r("label", F0, [
+              r("span", z0, U(c.$t("activity.comment.label")), 1),
+              Re(r("textarea", {
+                "onUpdate:modelValue": C[0] || (C[0] = (h) => i.value = h),
+                rows: "4",
+                class: "ao-field__textarea"
+              }, null, 512), [
+                [
+                  s1,
+                  i.value,
+                  void 0,
+                  { trim: !0 }
+                ]
+              ])
+            ]),
+            r("div", K0, [
+              y(ue, {
+                type: "submit",
+                "icon-name": "SendRounded",
+                color: "primary",
+                variant: "solid",
+                label: c.$t("activity.comment.submit")
+              }, null, 8, ["label"])
             ])
-          ]),
-          r("div", K0, [
-            y(ue, {
-              type: "submit",
-              "icon-name": "SendRounded",
-              color: "primary",
-              variant: "solid",
-              label: c.$t("activity.comment.submit")
-            }, null, 8, ["label"])
-          ])
-        ], 40, q0)
-      ])
-    ]));
+          ], 40, q0)
+        ])
+      ]);
+    };
   }
 });
 const G0 = { class: "ao-fieldset" }, Y0 = { class: "ao-fieldset__title" }, W0 = /* @__PURE__ */ G({
@@ -6207,54 +6213,54 @@ const G0 = { class: "ao-fieldset" }, Y0 = { class: "ao-fieldset__title" }, W0 =
   emits: ["update:activity", "addSubtask", "addComment", "updateComment", "removeComment"],
   setup(s, { emit: e }) {
     const t = s, { users: l, userId: a } = H0(), i = g(() => {
-      var f;
-      return (f = t.activities) == null ? void 0 : f.find((M) => M.id === t.activityId);
+      var h;
+      return (h = t.activities) == null ? void 0 : h.find((M) => M.id === t.activityId);
     }), n = g(() => {
-      var f;
-      return ((f = t.activityTypes) == null ? void 0 : f.map((M) => ({
+      var h;
+      return ((h = t.activityTypes) == null ? void 0 : h.map((M) => ({
         value: M,
         label: M
       }))) || [];
-    }), o = (f) => {
-      const { id: M } = f;
+    }), o = (h) => {
+      const { id: M } = h;
       i.value && i.value.projectId && e("update:activity", {
         itemType: re.ACTIVITIES,
         id: M,
         projectId: i.value.projectId,
         data: {
           ...i.value,
-          ...f,
+          ...h,
           phaseId: t.phaseId,
           milestoneId: t.milestoneId
         }
       });
-    }, d = (f) => {
+    }, d = (h) => {
       e("addSubtask", {
-        ...f,
+        ...h,
         milestoneId: t.milestoneId,
         phaseId: t.phaseId
       });
-    }, c = (f) => {
+    }, c = (h) => {
       i.value && e("addComment", {
         activityId: i.value.id,
-        comment: f
+        comment: h
       });
-    }, C = (f) => {
+    }, C = (h) => {
       const { id: M } = i.value || {};
-      M && e("updateComment", { ...f, activityId: M });
-    }, m = (f) => {
+      M && e("updateComment", { ...h, activityId: M });
+    }, m = (h) => {
       const { id: M } = i.value || {};
-      M && e("removeComment", { id: f, activityId: M });
+      M && e("removeComment", { id: h, activityId: M });
     };
-    return (f, M) => i.value ? (u(), q(R1, {
+    return (h, M) => i.value ? (u(), q(R1, {
       key: 0,
       activity: i.value,
       "activity-types": n.value,
-      "milestone-id": f.milestoneId,
-      "template-activities": f.activities,
+      "milestone-id": h.milestoneId,
+      "template-activities": h.activities,
       "is-template": !1,
       users: P(l),
-      onClose: f.$router.back,
+      onClose: h.$router.back,
       "onUpdate:activity": M[0] || (M[0] = (T) => {
         o({
           ...T
@@ -6268,7 +6274,7 @@ const G0 = { class: "ao-fieldset" }, Y0 = { class: "ao-fieldset__title" }, W0 =
             y(le, { name: "ChatOutline" }),
             y(ce, {
               level: 4,
-              title: f.$t("activity.comments.title")
+              title: h.$t("activity.comments.title")
             }, null, 8, ["title"])
           ]),
           y(_t, {
@@ -6347,8 +6353,8 @@ const G0 = { class: "ao-fieldset" }, Y0 = { class: "ao-fieldset__title" }, W0 =
   emits: ["addTemplate", "updateTemplates", "updateItem"],
   setup(s, { emit: e }) {
     const t = s, { t: l } = w1(), a = () => {
-      var m, f;
-      const o = (m = t.templates) == null ? void 0 : m.at(-1), d = o ? de.LexoRank.parse(o.rank).genNext() : de.LexoRank.middle(), c = ((f = t.templates) == null ? void 0 : f.length) ?? 0, C = {
+      var m, h;
+      const o = (m = t.templates) == null ? void 0 : m.at(-1), d = o ? de.LexoRank.parse(o.rank).genNext() : de.LexoRank.middle(), c = ((h = t.templates) == null ? void 0 : h.length) ?? 0, C = {
         name: l("template.defaultName.template", { idx: c + 1 }),
         rank: d.format()
       };
@@ -6507,7 +6513,7 @@ function uu(s, e, t = {}) {
     return (Array.isArray(T) ? T : [T]).map(B1).filter(su);
   });
   let C = e1;
-  const m = Q(o), f = d.value ? pe(
+  const m = Q(o), h = d.value ? pe(
     () => [c.value, B1(l), m.value],
     ([T, w]) => {
       if (C(), !m.value || !T.length)
@@ -6526,7 +6532,7 @@ function uu(s, e, t = {}) {
     },
     { immediate: o, flush: "post" }
   ) : e1, M = () => {
-    C(), f(), m.value = !1;
+    C(), h(), m.value = !1;
   };
   return eu(M), {
     isSupported: d,
@@ -6615,7 +6621,7 @@ const cu = {
         group: "kanban"
       }, d.$attrs, { onChange: o }), {
         item: F(({ element: C }) => {
-          var m, f, M;
+          var m, h, M;
           return [
             y(Ct, {
               id: C.id,
@@ -6625,7 +6631,7 @@ const cu = {
               description: C.description,
               "is-important": C.important,
               type: C.type,
-              comments: (f = C.comments) == null ? void 0 : f.length,
+              comments: (h = C.comments) == null ? void 0 : h.length,
               attachments: (M = C.attachments) == null ? void 0 : M.length,
               onClick: () => i(C.id),
               onUpdateActivity: n
@@ -6789,7 +6795,7 @@ const Mu = { class: "ao-feed" }, ku = { class: "ao-feed__filters" }, Au = { clas
         };
         e("update:filter", $);
       }
-    }), f = g(() => t.activityTypes.map((p) => ({
+    }), h = g(() => t.activityTypes.map((p) => ({
       value: p.id,
       label: p.name
     }))), M = g({
@@ -6830,7 +6836,7 @@ const Mu = { class: "ao-feed" }, ku = { class: "ao-feed__filters" }, Au = { clas
       }
     }), se = (p) => {
       e("clear:searchText", p);
-    }, h = g({
+    }, f = g({
       get() {
         return t.searchText || "";
       },
@@ -6912,8 +6918,8 @@ const Mu = { class: "ao-feed" }, ku = { class: "ao-feed__filters" }, Au = { clas
         y($1, null, {
           primary: F(() => [
             y(yu, {
-              modelValue: h.value,
-              "onUpdate:modelValue": $[0] || ($[0] = (S) => h.value = S),
+              modelValue: f.value,
+              "onUpdate:modelValue": $[0] || ($[0] = (S) => f.value = S),
               placeholder: p.$t("feed.search.placeholder"),
               onClear: se
             }, null, 8, ["modelValue", "placeholder"]),
@@ -6932,7 +6938,7 @@ const Mu = { class: "ao-feed" }, ku = { class: "ao-feed__filters" }, Au = { clas
                 modelValue: m.value,
                 "onUpdate:modelValue": $[2] || ($[2] = (S) => m.value = S),
                 mode: "tags",
-                options: f.value,
+                options: h.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter",
@@ -6978,7 +6984,7 @@ const Mu = { class: "ao-feed" }, ku = { class: "ao-feed__filters" }, Au = { clas
           P(n) ? (u(), q(R1, {
             key: 0,
             activity: P(n),
-            "activity-types": f.value,
+            "activity-types": h.value,
             "milestone-id": (k = P(n).milestone) == null ? void 0 : k.id,
             "template-activities": a.value,
             users: p.users,