@26lights/orcha 0.14.8 → 0.14.9

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, openBlock as c, createBlock as N, unref as q, mergeProps as Ve, createElementBlock as h, createElementVNode as v, pushScopeId as ln, popScopeId as rn, createStaticVNode as un, computed as y, resolveDynamicComponent as tt, normalizeClass as G, renderSlot as te, toDisplayString as z, createCommentVNode as A, ref as J, watch as re, nextTick as Ee, withKeys as Ye, toHandlers as dn, withCtx as j, createTextVNode as e1, createVNode as T, normalizeStyle as ra, withModifiers as _e, createSlots as t1, Fragment as fe, renderList as be, onMounted as Dt, onBeforeUnmount as cn, onUnmounted as ua, toRefs as $e, getCurrentInstance as at, toRef as ct, 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 x, openBlock as c, createBlock as N, unref as q, mergeProps as Ve, createElementBlock as h, createElementVNode as v, pushScopeId as ln, popScopeId as rn, createStaticVNode as un, computed as w, resolveDynamicComponent as tt, normalizeClass as G, renderSlot as te, toDisplayString as z, createCommentVNode as A, ref as J, watch as re, nextTick as Ee, withKeys as Ye, toHandlers as dn, withCtx as j, createTextVNode as e1, createVNode as T, normalizeStyle as ra, withModifiers as _e, createSlots as t1, Fragment as fe, renderList as be, onMounted as Dt, onBeforeUnmount as cn, onUnmounted as ua, toRefs as $e, getCurrentInstance as at, toRef as ct, 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 bn } from "vue-router";
 import Xe from "vuedraggable";
 const Y4 = /* @__PURE__ */ x({
@@ -1141,7 +1141,7 @@ const Ju = /* @__PURE__ */ B(Ku, [["render", Qu]]), ed = /* @__PURE__ */ Object.
     size: { default: a1.MD }
   },
   setup(a) {
-    const e = a, t = y(() => ed[e.name]);
+    const e = a, t = w(() => ed[e.name]);
     return (s, n) => (c(), N(tt(t.value), {
       class: G(["ao-icon", `ao-icon--${s.size}`])
     }, null, 8, ["class"]));
@@ -1165,7 +1165,7 @@ const nd = ["type"], sd = {
     corners: { default: () => da.ROUNDED }
   },
   setup(a) {
-    const e = a, t = y(() => e.size), s = y(() => e.isLoading ? "Loading" : e.iconName);
+    const e = a, t = w(() => e.size), s = w(() => e.isLoading ? "Loading" : e.iconName);
     return (n, o) => (c(), h("button", {
       type: n.type,
       class: G([
@@ -1192,7 +1192,7 @@ const nd = ["type"], sd = {
   }
 });
 function ca(a) {
-  const e = J(!1), t = J(""), s = y(() => "value" in a.value ? "value" : "innerHTML"), n = () => {
+  const e = J(!1), t = J(""), s = w(() => "value" in a.value ? "value" : "innerHTML"), n = () => {
     e.value = !e.value;
   }, o = (r) => {
     e.value = r;
@@ -1232,7 +1232,7 @@ const me = /* @__PURE__ */ x({
   },
   emits: ["update:title", "toggle-is-editing"],
   setup(a, { emit: e }) {
-    const t = a, s = J(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = ca(s), r = y(() => n.value ? "input" : t.tag || `h${t.level}`), d = y(() => t.isEditable ? n.value ? {
+    const t = a, s = J(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = ca(s), r = w(() => n.value ? "input" : t.tag || `h${t.level}`), d = w(() => t.isEditable ? n.value ? {
       change: u,
       click: (M) => M.stopPropagation(),
       blur: p
@@ -1381,7 +1381,7 @@ const E1 = /* @__PURE__ */ x({
   },
   emits: ["click", "close"],
   setup(a) {
-    const e = a, t = y(() => e.clickable ? "button" : "span"), s = y(
+    const e = a, t = w(() => e.clickable ? "button" : "span"), s = w(
       () => t.value === "button" ? { type: "button" } : {}
     );
     return (n, o) => (c(), h("div", {
@@ -3806,7 +3806,7 @@ const V3 = ["type"], D3 = {
     corners: { default: () => da.ROUNDED }
   },
   setup(a) {
-    const e = a, t = y(() => e.size), s = y(() => e.isLoading ? "Loading" : e.iconName);
+    const e = a, t = w(() => e.size), s = w(() => e.isLoading ? "Loading" : e.iconName);
     return (n, o) => (c(), h("button", {
       type: n.type,
       class: G([
@@ -3888,10 +3888,10 @@ const R3 = /* @__PURE__ */ x({
     milestones: {}
   },
   setup(a) {
-    const e = a, t = y(() => {
+    const e = a, t = w(() => {
       var n;
       return (n = e.milestones) == null ? void 0 : n.length;
-    }), s = y(() => e.milestones ? Ma(e.milestones) : 0);
+    }), s = w(() => e.milestones ? Ma(e.milestones) : 0);
     return (n, o) => (c(), N(O1, Ve({
       id: n.id,
       title: n.name,
@@ -3910,7 +3910,7 @@ const R3 = /* @__PURE__ */ x({
     activities: {}
   },
   setup(a) {
-    const e = a, t = y(() => {
+    const e = a, t = w(() => {
       var s;
       return ((s = e.activities) == null ? void 0 : s.length) || 0;
     });
@@ -3997,7 +3997,7 @@ const R3 = /* @__PURE__ */ x({
     tasks: {}
   },
   setup(a) {
-    const e = a, t = y(() => {
+    const e = a, t = w(() => {
       var s;
       return ((s = e.tasks) == null ? void 0 : s.length) || 0;
     });
@@ -4991,7 +4991,7 @@ function I0(a, e, t) {
   };
 }
 function O0(a, e) {
-  const { value: t, modelValue: s, mode: n, valueProp: o } = $e(a), i = J(n.value !== "single" ? [] : {}), l = s && s.value !== void 0 ? s : t, r = y(() => n.value === "single" ? i.value[o.value] : i.value.map((u) => u[o.value])), d = y(() => n.value !== "single" ? i.value.map((u) => u[o.value]).join(",") : i.value[o.value]);
+  const { value: t, modelValue: s, mode: n, valueProp: o } = $e(a), i = J(n.value !== "single" ? [] : {}), l = s && s.value !== void 0 ? s : t, r = w(() => n.value === "single" ? i.value[o.value] : i.value.map((u) => u[o.value])), d = w(() => n.value !== "single" ? i.value.map((u) => u[o.value]).join(",") : i.value[o.value]);
   return {
     iv: i,
     internalValue: i,
@@ -5090,16 +5090,16 @@ function P0(a, e, t) {
     groupHideEmpty: O,
     groupSelect: L,
     onCreate: W,
-    disabledProp: w,
+    disabledProp: y,
     searchStart: Y,
     searchFilter: he
-  } = $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 = y(() => r.value || d.value || !1), Za = y(() => f.value !== void 0 ? f.value : p.value !== void 0 ? p.value : !0), qe = y(() => {
+  } = $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 = w(() => r.value || d.value || !1), Za = w(() => f.value !== void 0 ? f.value : p.value !== void 0 ? p.value : !0), qe = w(() => {
     if (ue.value) {
       let m = Rt.value || /* istanbul ignore next */
       [], H = [];
       return m.forEach((se) => {
         g1(se[ie.value]).forEach((ve) => {
-          H.push(Object.assign({}, ve, se[w.value] ? { [w.value]: !0 } : {}));
+          H.push(Object.assign({}, ve, se[y.value] ? { [y.value]: !0 } : {}));
         });
       }), H;
     } else {
@@ -5107,13 +5107,13 @@ function P0(a, e, t) {
       []);
       return gt.value.length && (m = m.concat(gt.value)), m;
     }
-  }), Z1 = y(() => {
+  }), Z1 = w(() => {
     let m = qe.value;
     return ne.value && (m = m.reverse()), ot.value.length && (m = ot.value.concat(m)), _1(m);
-  }), bt = y(() => {
+  }), bt = w(() => {
     let m = Z1.value;
     return v1.value > 0 && (m = m.slice(0, v1.value)), m;
-  }), Rt = y(() => {
+  }), Rt = w(() => {
     if (!ue.value)
       return [];
     let m = [], H = Fe.value || /* istanbul ignore next */
@@ -5123,14 +5123,14 @@ function P0(a, e, t) {
       [ie.value]: [...gt.value],
       __CREATE__: !0
     }), m.concat(H);
-  }), Fa = y(() => {
+  }), Fa = w(() => {
     let m = [...Rt.value].map((H) => ({ ...H }));
     return ot.value.length && (m[0] && m[0].__CREATE__ ? m[0][ie.value] = [...ot.value, ...m[0][ie.value]] : m = [{
       [ae.value]: " ",
       [ie.value]: [...ot.value],
       __CREATE__: !0
     }].concat(m)), m;
-  }), F1 = y(() => {
+  }), F1 = w(() => {
     if (!ue.value)
       return [];
     let m = Fa.value;
@@ -5141,11 +5141,11 @@ function P0(a, e, t) {
         ...H,
         index: se,
         group: !0,
-        [ie.value]: _1(ve, !1).map((yt) => Object.assign({}, yt, H[w.value] ? { [w.value]: !0 } : {})),
-        __VISIBLE__: _1(ve).map((yt) => Object.assign({}, yt, H[w.value] ? { [w.value]: !0 } : {}))
+        [ie.value]: _1(ve, !1).map((yt) => Object.assign({}, yt, H[y.value] ? { [y.value]: !0 } : {})),
+        __VISIBLE__: _1(ve).map((yt) => Object.assign({}, yt, H[y.value] ? { [y.value]: !0 } : {}))
       };
     }));
-  }), p1 = y(() => {
+  }), p1 = w(() => {
     switch (n.value) {
       case "single":
         return !Le(F.value[D.value]);
@@ -5153,12 +5153,12 @@ function P0(a, e, t) {
       case "tags":
         return !Le(F.value) && F.value.length > 0;
     }
-  }), qa = y(() => 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 = y(() => !qe.value.length && !Ie.value && !ot.value.length), za = y(() => qe.value.length > 0 && bt.value.length == 0 && (U.value && ue.value || !ue.value)), ot = y(() => j1.value === !1 || !U.value ? [] : tn(U.value) !== -1 ? [] : [{
+  }), qa = w(() => 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 = w(() => !qe.value.length && !Ie.value && !ot.value.length), za = w(() => qe.value.length > 0 && bt.value.length == 0 && (U.value && ue.value || !ue.value)), ot = w(() => j1.value === !1 || !U.value ? [] : tn(U.value) !== -1 ? [] : [{
     [D.value]: U.value,
     [Oe.value]: U.value,
     [u.value]: U.value,
     __CREATE__: !0
-  }]), Oe = y(() => o.value || u.value), Ya = y(() => {
+  }]), Oe = w(() => o.value || u.value), Ya = w(() => {
     switch (n.value) {
       case "single":
         return null;
@@ -5166,7 +5166,7 @@ function P0(a, e, t) {
       case "tags":
         return [];
     }
-  }), Ka = y(() => M.value || Ie.value), lt = (m) => {
+  }), Ka = w(() => M.value || Ie.value), lt = (m) => {
     switch (typeof m != "object" && (m = Ne(m)), n.value) {
       case "single":
         Pe(m);
@@ -5208,7 +5208,7 @@ function P0(a, e, t) {
       case "multiple":
         return !Le(F.value) && F.value.map((H) => H[D.value]).indexOf(m[D.value]) !== -1;
     }
-  }, h1 = (m) => m[w.value] === !0, m1 = () => ee === void 0 || ee.value === -1 || !p1.value && ee.value > 0 ? !1 : F.value.length >= ee.value, xa = (m) => {
+  }, h1 = (m) => m[y.value] === !0, m1 = () => ee === void 0 || ee.value === -1 || !p1.value && ee.value > 0 ? !1 : F.value.length >= ee.value, xa = (m) => {
     if (!h1(m)) {
       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) => {
@@ -5257,7 +5257,7 @@ function P0(a, e, t) {
         case "multiple":
         case "tags":
           Ja(m[ie.value]) ? rt(m[ie.value]) : lt(
-            m[ie.value].filter((H) => F.value.map((se) => se[D.value]).indexOf(H[D.value]) === -1).filter((H) => !H[w.value]).filter((H, se) => F.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[y.value]).filter((H, se) => F.value.length + 1 + se <= ee.value || ee.value === -1)
           );
           break;
       }
@@ -5267,7 +5267,7 @@ function P0(a, e, t) {
     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(bt.value.filter((m) => !m.disabled && !Be(m)));
-  }, Ja = (m) => m.find((H) => !Be(H) && !H[w.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(
+  }, Ja = (m) => m.find((H) => !Be(H) && !H[y.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(
     parseInt(m) == m ? parseInt(m) : m
   ), an = (m) => ["tags", "multiple"].indexOf(n.value) !== -1 && l.value && Be(m), nn = (m) => {
     gt.value.push(m);
@@ -5329,7 +5329,7 @@ function P0(a, e, t) {
     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, Z).then((H) => {
-          (m == U.value || !U.value) && (Fe.value = H, Na.value = bt.value.filter((se) => se[w.value] !== !0)[0] || null, Ie.value = !1);
+          (m == U.value || !U.value) && (Fe.value = H, Na.value = bt.value.filter((se) => se[y.value] !== !0)[0] || null, Ie.value = !1);
         }).catch(
           /* istanbul ignore next */
           (H) => {
@@ -5404,25 +5404,25 @@ function B0(a, e, t) {
     groupSelect: d,
     disabledProp: u,
     groupOptions: f
-  } = $e(a), p = t.fo, C = t.fg, $ = t.handleOptionClick, M = t.handleGroupClick, S = t.search, _ = t.pointer, g = t.setPointer, V = t.clearPointer, R = t.multiselect, K = t.isOpen, D = y(() => p.value.filter((E) => !E[u.value])), X = y(() => C.value.filter((E) => !E[u.value])), ae = y(() => r.value !== "single" && d.value), I = y(() => _.value && _.value.group), ee = y(() => Z(_.value)), b = y(() => {
+  } = $e(a), p = t.fo, C = t.fg, $ = t.handleOptionClick, M = t.handleGroupClick, S = t.search, _ = t.pointer, g = t.setPointer, V = t.clearPointer, R = t.multiselect, K = t.isOpen, D = w(() => p.value.filter((E) => !E[u.value])), X = w(() => C.value.filter((E) => !E[u.value])), ae = w(() => r.value !== "single" && d.value), I = w(() => _.value && _.value.group), ee = w(() => Z(_.value)), b = w(() => {
     const E = I.value ? _.value : (
       /* istanbul ignore next */
       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 = y(() => {
+  }), k = w(() => {
     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 = y(() => [...X.value].slice(-1)[0]), ue = y(() => _.value.__VISIBLE__.filter((E) => !E[u.value])[0]), ne = y(() => {
+  }), P = w(() => [...X.value].slice(-1)[0]), ue = w(() => _.value.__VISIBLE__.filter((E) => !E[u.value])[0]), ne = w(() => {
     const E = ee.value.__VISIBLE__.filter((U) => !U[u.value]);
     return E[E.map((U) => U[s.value]).indexOf(_.value[s.value]) - 1];
-  }), le = y(() => {
+  }), le = w(() => {
     const E = Z(_.value).__VISIBLE__.filter((U) => !U[u.value]);
     return E[E.map((U) => U[s.value]).indexOf(_.value[s.value]) + 1];
-  }), ie = y(() => [...b.value.__VISIBLE__.filter((E) => !E[u.value])].slice(-1)[0]), O = y(() => [...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 = () => {
+  }), ie = w(() => [...b.value.__VISIBLE__.filter((E) => !E[u.value])].slice(-1)[0]), O = w(() => [...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);
-  }, w = () => {
+  }, y = () => {
     !_.value || _.value[u.value] === !0 || (I.value ? M(_.value) : $(_.value));
   }, Y = () => {
     if (_.value === null)
@@ -5477,7 +5477,7 @@ function B0(a, e, t) {
     canPointGroups: ae,
     isPointed: L,
     setPointerFirst: W,
-    selectPointer: w,
+    selectPointer: y,
     forwardPointer: Y,
     backwardPointer: he
   };
@@ -5495,7 +5495,7 @@ function N0(a, e, t) {
   };
 }
 function R0(a, e, t) {
-  const { searchable: s, disabled: n, clearOnBlur: o } = $e(a), i = t.input, l = t.open, r = t.close, d = t.clearSearch, u = t.isOpen, f = J(null), p = J(null), C = J(null), $ = J(!1), M = J(!1), S = y(() => s.value || n.value ? -1 : 0), _ = () => {
+  const { searchable: s, disabled: n, clearOnBlur: o } = $e(a), i = t.input, l = t.open, r = t.close, d = t.clearSearch, u = t.isOpen, f = J(null), p = J(null), C = J(null), $ = J(!1), M = J(!1), S = w(() => s.value || n.value ? -1 : 0), _ = () => {
     s.value && i.value.blur(), p.value.blur();
   }, g = () => {
     s.value && !n.value && i.value.focus();
@@ -5548,7 +5548,7 @@ function U0(a, e, t) {
     createTag: f,
     createOption: p,
     reverse: C
-  } = $e(a), $ = 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, b = t.blur, k = t.fo, P = y(() => f.value || p.value || !1), ue = y(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ne = () => {
+  } = $e(a), $ = 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, b = t.blur, k = t.fo, P = w(() => f.value || p.value || !1), ue = w(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ne = () => {
     s.value === "tags" && !l.value && P.value && i.value && !d.value && g(k.value[k.value.map((L) => L[r.value]).indexOf(_.value)]);
   }, le = (L) => {
     let W = L.length - 1;
@@ -5559,8 +5559,8 @@ function U0(a, e, t) {
   return {
     handleKeydown: (L) => {
       e.emit("keydown", L, $);
-      let W, w;
-      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(L.key) !== -1 && s.value === "tags" && (W = [...D.value.querySelectorAll("[data-tags] > *")].filter((Y) => Y !== ae.value), w = W.findIndex((Y) => Y === document.activeElement)), L.key) {
+      let W, y;
+      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(L.key) !== -1 && s.value === "tags" && (W = [...D.value.querySelectorAll("[data-tags] > *")].filter((Y) => Y !== ae.value), y = 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;
@@ -5569,8 +5569,8 @@ function U0(a, e, t) {
         case "Enter":
           if (L.preventDefault(), L.keyCode === 229)
             return;
-          if (w !== -1 && w !== void 0) {
-            S([...M.value].filter((Y, he) => he !== w)), w === W.length - 1 && (W.length - 1 ? W[W.length - 2].focus() : i.value ? ae.value.querySelector("input").focus() : X.value.focus());
+          if (y !== -1 && y !== void 0) {
+            S([...M.value].filter((Y, he) => he !== y)), y === 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(), w === -1 ? W[W.length - 1].focus() : w > 0 && W[w - 1].focus();
+          L.preventDefault(), y === -1 ? W[W.length - 1].focus() : y > 0 && W[y - 1].focus();
           break;
         case "ArrowRight":
-          if (w === -1 || L.shiftKey || s.value !== "tags" || !M.value || !M.value.length)
+          if (y === -1 || L.shiftKey || s.value !== "tags" || !M.value || !M.value.length)
             return;
-          L.preventDefault(), W.length > w + 1 ? W[w + 1].focus() : i.value ? ae.value.querySelector("input").focus() : i.value || X.value.focus();
+          L.preventDefault(), W.length > y + 1 ? W[y + 1].focus() : i.value ? ae.value.querySelector("input").focus() : i.value || X.value.focus();
           break;
       }
     },
@@ -5632,7 +5632,7 @@ function j0(a, e, t) {
     disabled: n,
     openDirection: o,
     showOptions: i
-  } = $e(a), l = t.isOpen, r = t.isPointed, d = t.isSelected, u = t.isDisabled, f = t.isActive, p = t.canPointGroups, C = t.resolving, $ = t.fo, M = y(() => ({
+  } = $e(a), l = t.isOpen, r = t.isPointed, d = t.isSelected, u = t.isDisabled, f = t.isActive, p = t.canPointGroups, C = t.resolving, $ = t.fo, M = w(() => ({
     container: "multiselect",
     containerDisabled: "is-disabled",
     containerOpen: "is-open",
@@ -5685,9 +5685,9 @@ function j0(a, e, t) {
     assist: "multiselect-assistive-text",
     spacer: "multiselect-spacer",
     ...s.value
-  })), S = y(() => !!(l.value && i.value && (!C.value || C.value && $.value.length)));
+  })), S = w(() => !!(l.value && i.value && (!C.value || C.value && $.value.length)));
   return {
-    classList: y(() => {
+    classList: w(() => {
       const g = M.value;
       return {
         container: [g.container].concat(n.value ? g.containerDisabled : []).concat(S.value && o.value === "top" ? g.containerOpenTop : []).concat(S.value && o.value !== "top" ? g.containerOpen : []).concat(f.value ? g.containerActive : []),
@@ -5737,7 +5737,7 @@ function Z0(a, e, t) {
   const {
     limit: s,
     infinite: n
-  } = $e(a), o = t.isOpen, i = t.offset, l = t.search, r = t.pfo, d = t.eo, u = J(null), f = J(null), p = y(() => i.value < r.value.length), C = (M) => {
+  } = $e(a), o = t.isOpen, i = t.offset, l = t.search, r = t.pfo, d = t.eo, u = J(null), f = J(null), p = w(() => i.value < r.value.length), C = (M) => {
     const { isIntersecting: S, target: _ } = M[0];
     if (S) {
       const g = _.offsetParent, V = g.scrollTop;
@@ -5771,20 +5771,20 @@ function F0(a, e, t) {
     groupLabel: r,
     aria: d,
     searchable: u
-  } = $e(a), f = t.pointer, p = t.iv, C = t.hasSelected, $ = t.multipleLabelText, M = J(null), S = y(() => {
+  } = $e(a), f = t.pointer, p = t.iv, C = t.hasSelected, $ = t.multipleLabelText, M = J(null), S = w(() => {
     let k = [];
     return n && n.value && k.push(n.value), k.push("assist"), k.join("-");
-  }), _ = y(() => {
+  }), _ = w(() => {
     let k = [];
     return n && n.value && k.push(n.value), k.push("multiselect-options"), k.join("-");
-  }), g = y(() => {
+  }), g = w(() => {
     let k = [];
     if (n && n.value && k.push(n.value), f.value)
       return k.push(f.value.group ? "multiselect-group" : "multiselect-option"), k.push(f.value.group ? f.value.index : f.value[o.value]), k.join("-");
-  }), V = y(() => s.value), R = y(() => l.value !== "single"), K = y(() => {
+  }), V = w(() => s.value), R = w(() => l.value !== "single"), K = w(() => {
     let k = "";
     return l.value === "single" && C.value && (k += p.value[i.value]), l.value === "multiple" && C.value && (k += $.value), l.value === "tags" && C.value && (k += p.value.map((P) => P[i.value]).join(", ")), k;
-  }), D = y(() => {
+  }), D = w(() => {
     let k = { ...d.value };
     return u.value && (k["aria-labelledby"] = k["aria-labelledby"] ? `${S.value} ${k["aria-labelledby"]}` : S.value, K.value && k["aria-label"] && (k["aria-label"] = `${K.value}, ${k["aria-label"]}`)), k;
   }), X = (k) => {
@@ -6749,7 +6749,7 @@ const p5 = { class: "ao-tasks" }, h5 = { class: "ao-tasks__list" }, m5 = ["id",
     re(() => t.tasks, (f, p) => {
       Ue(f, p);
     });
-    const n = y(
+    const n = w(
       () => {
         var f;
         return ((f = t.users) == null ? void 0 : f.map((p) => ({
@@ -6984,10 +6984,10 @@ const T5 = { class: "ao-comment" }, E5 = { class: "ao-comment__body" }, I5 = { c
   },
   emits: ["edit", "remove"],
   setup(a, { emit: e }) {
-    const t = a, s = y(() => {
+    const t = a, s = w(() => {
       const S = t.user;
       return S ? `${S == null ? void 0 : S.firstName} ${S == null ? void 0 : S.lastName}` : null;
-    }), n = J(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = ca(n), d = y(() => A1(t.createdAt)), u = y(() => A1(t.editedAt)), f = y(() => o.value ? "textarea" : "p"), p = r(), C = l((S) => {
+    }), n = J(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = ca(n), d = w(() => A1(t.createdAt)), u = w(() => A1(t.editedAt)), f = w(() => o.value ? "textarea" : "p"), p = r(), C = l((S) => {
       e("edit", S);
     }), $ = () => {
       e("remove");
@@ -7084,7 +7084,7 @@ const D5 = {
     Ee(() => {
       n.value && (n.value.scrollTop = n.value.scrollHeight);
     });
-    const o = ct(t.newComment), i = y({
+    const o = ct(t.newComment), i = w({
       get() {
         return o.value;
       },
@@ -7192,28 +7192,28 @@ const j5 = {
         id: t.activity.id,
         name: b
       });
-    }, n = y({
+    }, n = w({
       get() {
         return t.activity.description ?? "";
       },
       set(b) {
         e("update:activity", { id: t.activity.id, description: b });
       }
-    }), o = y({
+    }), o = w({
       get() {
         return t.activity.estimation ?? 0;
       },
       set(b) {
         e("update:activity", { id: t.activity.id, estimation: b });
       }
-    }), i = y({
+    }), i = w({
       get() {
         return t.activity.important ?? !1;
       },
       set(b) {
         e("update:activity", { id: t.activity.id, important: b });
       }
-    }), l = y({
+    }), l = w({
       get() {
         var b;
         return (b = t.activity.type) == null ? void 0 : b.id;
@@ -7221,10 +7221,10 @@ const j5 = {
       set(b) {
         e("update:activity", { id: t.activity.id, typeId: b });
       }
-    }), r = y(() => t.templateActivities.filter((b) => b.id !== t.activity.id).map((b) => ({
+    }), r = w(() => t.templateActivities.filter((b) => b.id !== t.activity.id).map((b) => ({
       label: b.name,
       value: b.id
-    }))), d = y({
+    }))), d = w({
       get() {
         var b;
         return (b = t.activity.dependingOn) == null ? void 0 : b.map((k) => k.id);
@@ -7235,13 +7235,13 @@ const j5 = {
           dependingOn: b
         });
       }
-    }), u = y(() => r.value.map((b) => {
+    }), u = w(() => r.value.map((b) => {
       var k;
       return {
         ...b,
         disabled: (k = t.activity.blocking) == null ? void 0 : k.some((P) => P.id === b.value)
       };
-    })), f = y({
+    })), f = w({
       get() {
         var b;
         return (b = t.activity.blocking) == null ? void 0 : b.map((k) => k.id);
@@ -7252,16 +7252,16 @@ const j5 = {
           blocking: b
         });
       }
-    }), p = y(() => r.value.map((b) => {
+    }), p = w(() => r.value.map((b) => {
       var k;
       return {
         ...b,
         disabled: (k = t.activity.dependingOn) == null ? void 0 : k.some((P) => P.id === b.value)
       };
-    })), C = y(() => (t.templateMilestones || []).filter((k) => k.id !== t.milestoneId).map((k) => ({
+    })), C = w(() => (t.templateMilestones || []).filter((k) => k.id !== t.milestoneId).map((k) => ({
       label: k.name,
       value: k.id
-    }))), $ = y({
+    }))), $ = w({
       get() {
         return t.activity.dependingMilestones;
       },
@@ -7277,14 +7277,14 @@ const j5 = {
       e("updateSubtask", b);
     }, _ = (b) => {
       e("deleteSubtask", b);
-    }, g = y(() => {
+    }, g = w(() => {
       var b;
       return ((b = t.users) == null ? void 0 : b.map((k) => ({
         label: `${k.firstName} ${k.lastName}`,
         value: k.id,
         avatar: k.avatarUrl
       }))) || [];
-    }), V = y({
+    }), V = w({
       get() {
         var b, k;
         return (b = t.activity.assignee) != null && b.id ? [(k = t.activity.assignee) == null ? void 0 : k.id] : [];
@@ -7305,7 +7305,7 @@ const j5 = {
         activityId: t.activity.id,
         file: b
       });
-    }, D = y(() => {
+    }, D = w(() => {
       var b;
       return (b = t.statuses) == null ? void 0 : b.map((k) => ({
         value: k.id,
@@ -7601,7 +7601,7 @@ const I7 = /* @__PURE__ */ x({
   setup(a, { emit: e }) {
     const t = a, s = ct(
       t.rule.itemType || pe.ACTIVITIES
-    ), n = y({
+    ), n = w({
       get() {
         return s.value;
       },
@@ -7612,7 +7612,7 @@ const I7 = /* @__PURE__ */ x({
           subItemId: void 0
         });
       }
-    }), o = y(() => Object.values(pe)), i = y({
+    }), o = w(() => Object.values(pe)), i = w({
       get() {
         return t.rule.subItemId;
       },
@@ -7623,7 +7623,7 @@ const I7 = /* @__PURE__ */ x({
           itemType: t.rule.itemType || n.value
         });
       }
-    }), l = y(() => {
+    }), l = w(() => {
       var g;
       return !t.templateActivities || !t.templateMilestones || !t.templatePhases ? null : (g = {
         [pe.ACTIVITIES]: t.templateActivities,
@@ -7633,35 +7633,35 @@ const I7 = /* @__PURE__ */ x({
         value: V.id,
         label: V.name
       }));
-    }), r = ct(t.rule.comparator), d = y({
+    }), r = ct(t.rule.comparator), d = w({
       get() {
         return r.value;
       },
       set(_) {
         e("update:rule", { ...t.rule, comparator: _ });
       }
-    }), u = y(() => Object.values(pd)), f = ct(t.rule.trigger), p = y({
+    }), u = w(() => Object.values(pd)), f = ct(t.rule.trigger), p = w({
       get() {
         return f.value;
       },
       set(_) {
         e("update:rule", { ...t.rule, trigger: _ });
       }
-    }), C = y(() => Object.values(hd)), $ = y({
+    }), C = w(() => Object.values(hd)), $ = w({
       get() {
         return t.rule.duration;
       },
       set(_) {
         e("update:rule", { ...t.rule, duration: _ });
       }
-    }), M = y({
+    }), M = w({
       get() {
         return t.rule.durationUnit;
       },
       set(_) {
         e("update:rule", { ...t.rule, durationUnit: _ });
       }
-    }), S = y(() => Object.values(md));
+    }), S = w(() => Object.values(md));
     return (_, g) => (c(), N(tt(_.tagName), { class: "ao-rule-line" }, {
       default: j(() => [
         T(q(ze), {
@@ -7782,7 +7782,7 @@ const D7 = {
   },
   emits: ["addItem", "removeItem", "updateItem", "addRule", "removeRule", "addFiles", "removeFile"],
   setup(a, { emit: e }) {
-    const t = a, { t: s } = nt(), n = y(
+    const t = a, { t: s } = nt(), n = w(
       () => {
         var O;
         return (O = t.templates) == null ? void 0 : O.find((L) => L.id === t.templateId);
@@ -7794,7 +7794,7 @@ const D7 = {
     }, (O, L) => {
       o.value && Ue(O, L);
     });
-    const i = y(() => {
+    const i = w(() => {
       var O, L;
       return (L = (O = n == null ? void 0 : n.value) == null ? void 0 : O.phases) == null ? void 0 : L.find((W) => W.id === t.phaseId);
     });
@@ -7804,7 +7804,7 @@ const D7 = {
     }, (O, L) => {
       o.value && Ue(O, L);
     });
-    const l = y(() => {
+    const l = w(() => {
       var O, L;
       return (L = (O = i.value) == null ? void 0 : O.milestones) == null ? void 0 : L.find(
         (W) => W.id === t.milestoneId
@@ -7816,33 +7816,33 @@ const D7 = {
     }, (O, L) => {
       o.value && Ue(O, L);
     });
-    const r = y(() => {
+    const r = w(() => {
       var O, L;
-      return ((L = (O = n.value) == null ? void 0 : O.phases) == null ? void 0 : L.reduce((W, w) => {
-        const Y = w.milestones || [];
+      return ((L = (O = n.value) == null ? void 0 : O.phases) == null ? void 0 : L.reduce((W, y) => {
+        const Y = y.milestones || [];
         return [...W, ...Y];
       }, [])) || [];
-    }), d = y(() => {
+    }), d = w(() => {
       var O, L;
-      return ((L = (O = n.value) == null ? void 0 : O.phases) == null ? void 0 : L.reduce((W, w) => {
-        const he = (w.milestones || []).reduce(
+      return ((L = (O = n.value) == null ? void 0 : O.phases) == null ? void 0 : L.reduce((W, y) => {
+        const he = (y.milestones || []).reduce(
           (Z, F) => F.activities ? [...Z, ...F.activities] : Z,
           []
         );
         return [...W, ...he];
       }, [])) || [];
-    }), u = y(() => {
+    }), u = w(() => {
       var O, L;
       return (L = (O = l.value) == null ? void 0 : O.activities) == null ? void 0 : L.find(
         (W) => W.id === t.activityId
       );
-    }), f = y(() => {
+    }), f = w(() => {
       var O;
       return (O = t.activityTypes) == null ? void 0 : O.map((L) => ({
         label: L.name,
         value: L.id
       }));
-    }), p = y(() => {
+    }), p = w(() => {
       var O;
       return ((O = n.value) == null ? void 0 : O.name) || t.templateId;
     }), C = () => {
@@ -7924,7 +7924,7 @@ const D7 = {
       const { milestoneId: L } = O;
       if (!l.value)
         return;
-      const { name: W, rank: w } = pt(
+      const { name: W, rank: y } = pt(
         l.value.activities,
         "activity",
         s
@@ -7933,7 +7933,7 @@ const D7 = {
         type: pe.ACTIVITIES,
         milestoneId: L,
         templateId: t.templateId,
-        item: { name: W, rank: w, milestoneId: L }
+        item: { name: W, rank: y, milestoneId: L }
       });
     }, D = (O) => {
       var L, W;
@@ -8004,7 +8004,7 @@ const D7 = {
       e("removeFile", O);
     };
     return (O, L) => {
-      var W, w, Y, he, Z, F;
+      var W, y, Y, he, Z, F;
       return n.value ? (c(), h("div", D7, [
         T(r1, {
           "can-go-back": !0,
@@ -8095,7 +8095,7 @@ const D7 = {
               i.value && l.value ? (c(), N(W3, {
                 key: 0,
                 "template-id": O.templateId,
-                "phase-id": (w = i.value) == null ? void 0 : w.id,
+                "phase-id": (y = i.value) == null ? void 0 : y.id,
                 milestone: l.value,
                 "activity-id": (Y = u.value) == null ? void 0 : Y.id,
                 onAddActivity: K,
@@ -8182,7 +8182,7 @@ const U1 = /* @__PURE__ */ x({
     status: {}
   },
   setup(a) {
-    const e = a, t = y(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
+    const e = a, t = w(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
     return (s, n) => (c(), h("div", {
       class: G(["ao-progress", s.status ? `ao-progress--${s.status}` : ""]),
       role: "meter"
@@ -8211,13 +8211,13 @@ const W7 = { class: "ao-card-project-phase__header" }, z7 = { class: "ao-card-pr
   setup(a, { emit: e }) {
     const t = a, s = (l) => {
       e("update:title", l);
-    }, n = y(() => {
+    }, n = w(() => {
       var l;
       return (l = t.milestones) == null ? void 0 : l.length;
-    }), o = y(() => {
+    }), o = w(() => {
       var l;
       return (l = t.milestones) == null ? void 0 : l.filter((r) => r.status === k1.done).length;
-    }), i = y(() => (o.value || 0) / (n.value || 1));
+    }), i = w(() => (o.value || 0) / (n.value || 1));
     return (l, r) => (c(), N(R1, { class: "ao-card-project-phase" }, t1({
       default: j(() => [
         T(me, {
@@ -8292,13 +8292,13 @@ const Q7 = { class: "ao-card-project-milestone__default" }, J7 = {
   },
   emits: ["updateMilestone", "archiveMilestone"],
   setup(a, { emit: e }) {
-    const t = a, s = y(() => {
+    const t = a, s = w(() => {
       var l;
       return (l = t.activities) == null ? void 0 : l.length;
-    }), n = y(() => {
+    }), n = w(() => {
       var l;
       return (l = t.activities) == null ? void 0 : l.filter((r) => ka(r, t.closedStatus)).length;
-    }), o = y(() => (n.value || 0) / (s.value || 1)), i = (l) => {
+    }), o = w(() => (n.value || 0) / (s.value || 1)), i = (l) => {
       e("updateMilestone", { id: t.id, name: l });
     };
     return (l, r) => (c(), N(R1, {
@@ -8374,7 +8374,7 @@ const o9 = { class: "ao-project-phase" }, l9 = {
     });
     const n = (f) => {
       e("updatePhase", { id: t.phase.id, name: f });
-    }, o = y(() => t.phase.milestones.map((f) => o3(f, t.closedStatus))), i = (f) => {
+    }, o = w(() => t.phase.milestones.map((f) => o3(f, t.closedStatus))), i = (f) => {
       const { name: p, rank: C } = pt(o.value ?? [], "milestone", s);
       e("addMilestone", { name: p, rank: C, phaseId: f });
     }, l = (f) => {
@@ -8534,7 +8534,7 @@ const g9 = ["onSubmit"], b9 = { class: "ao-add-template-modal__form-body" }, y9
   },
   emits: ["apply"],
   setup(a, { emit: e }) {
-    const t = a, s = y(() => t.templates.map((l) => ({
+    const t = a, s = w(() => t.templates.map((l) => ({
       value: l.id,
       label: l.name
     }))), n = J(null), o = (l) => {
@@ -8646,7 +8646,7 @@ const Pa = /* @__PURE__ */ B(M9, [["render", A9], ["__scopeId", "data-v-8f286655
   },
   emits: ["addPhase", "updatePhase", "archivePhase", "addMilestone", "updateMilestone", "archiveMilestone", "addActivity", "update:activity", "archiveActivity", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment", "applyTemplate"],
   setup(a, { emit: e }) {
-    const t = a, { t: s } = nt(), n = y(
+    const t = a, { t: s } = nt(), n = w(
       () => t.phases.flatMap((I) => I.milestones)
     ), o = () => {
       const { name: I, rank: ee } = pt(t.phases, "phase", s);
@@ -8673,7 +8673,7 @@ const Pa = /* @__PURE__ */ B(M9, [["render", A9], ["__scopeId", "data-v-8f286655
       e("updateSubtask", I);
     }, S = (I) => {
       e("deleteSubtask", I);
-    }, _ = y(
+    }, _ = w(
       () => n.value.flatMap((I) => I.activities)
     ), g = (I) => {
       e("addFiles", I);
@@ -8822,18 +8822,18 @@ const O9 = { class: "ao-card-feed__header" }, L9 = {
         id: t.id,
         name: p
       });
-    }, n = y(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), o = y(() => t.assignee ? [t.assignee] : []), i = y(() => A1(t.deadline)), l = (p) => {
+    }, n = w(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), o = w(() => t.assignee ? [t.assignee] : []), i = w(() => A1(t.deadline)), l = (p) => {
       const { firstName: C, lastName: $ } = p || {};
       return `${C ?? ""}${C ? " " : ""}${$ ?? ""}`;
     }, r = (p) => {
       e("removeAssignee", p);
-    }, d = y(() => {
+    }, d = w(() => {
       var p;
       return (p = t.tasks) == null ? void 0 : p.length;
-    }), u = y(() => {
+    }), u = w(() => {
       var p;
       return (p = t.tasks) == null ? void 0 : p.filter((C) => C.isDone).length;
-    }), f = y(() => (u.value || 0) / (d.value || 1));
+    }), f = w(() => (u.value || 0) / (d.value || 1));
     return (p, C) => (c(), N(R1, {
       class: "ao-card-feed",
       "is-clickable": !0
@@ -8942,16 +8942,16 @@ const G9 = { class: "ao-project-milestone" }, x9 = { class: "ao-project-mileston
   },
   emits: ["close", "addActivity", "updateActivity", "archiveActivity"],
   setup(a, { emit: e }) {
-    const t = a, { t: s } = nt(), n = y(() => {
+    const t = a, { t: s } = nt(), n = w(() => {
       var p;
       return (p = t.phases) == null ? void 0 : p.find((C) => C.id === t.phaseId);
-    }), o = y(() => {
+    }), o = w(() => {
       var p;
       return (p = t.phases) == null ? void 0 : p.flatMap((C) => C.milestones);
-    }), i = y(() => {
+    }), i = w(() => {
       var p;
       return (p = o.value) == null ? void 0 : p.find((C) => C.id === t.milestoneId);
-    }), l = y(() => {
+    }), l = w(() => {
       var p;
       return (p = i.value) == null ? void 0 : p.activities;
     });
@@ -9079,19 +9079,19 @@ const e4 = /* @__PURE__ */ x({
   },
   emits: ["update:activity", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment"],
   setup(a, { emit: e }) {
-    const t = a, s = y(() => {
+    const t = a, s = w(() => {
       var _;
       return (_ = t.phases) == null ? void 0 : _.find((g) => g.id === t.phaseId);
-    }), n = y(() => {
+    }), n = w(() => {
       var _;
       return (_ = t.phases) == null ? void 0 : _.flatMap((g) => g.milestones);
-    }), o = y(() => {
+    }), o = w(() => {
       var _;
       return (_ = n.value) == null ? void 0 : _.find((g) => g.id === t.milestoneId);
-    }), i = y(() => {
+    }), i = w(() => {
       var _;
       return (_ = t.activities) == null ? void 0 : _.find((g) => g.id === t.activityId);
-    }), l = y(() => {
+    }), l = w(() => {
       var _;
       return (_ = t.activityTypes) == null ? void 0 : _.map((g) => ({
         value: g,
@@ -9219,7 +9219,7 @@ function d4() {
 }
 function c4(a) {
   const e = d4();
-  return y(() => (e.value, !!a()));
+  return w(() => (e.value, !!a()));
 }
 function f4(a, e, t = {}) {
   const {
@@ -9228,7 +9228,7 @@ function f4(a, e, t = {}) {
     threshold: o = 0.1,
     window: i = u4,
     immediate: l = !0
-  } = t, r = c4(() => i && "IntersectionObserver" in i), d = y(() => {
+  } = t, r = c4(() => i && "IntersectionObserver" in i), d = w(() => {
     const $ = Jt(a);
     return (Array.isArray($) ? $ : [$]).map(M1).filter(i4);
   });
@@ -9343,7 +9343,7 @@ const v4 = {
         group: "kanban"
       }, r.$attrs, {
         onChange: l,
-        draggable: r.isEditable
+        disabled: !r.isEditable
       }), {
         item: j(({ element: u }) => {
           var f, p, C, $, M, S, _, g;
@@ -9400,7 +9400,7 @@ const v4 = {
           ]))
         ]),
         _: 1
-      }, 16, ["list", "draggable"]),
+      }, 16, ["list", "disabled"]),
       r.$slots.footer || r.footerLabel ? (c(), h("div", g4, [
         te(r.$slots, "footer", {}, () => [
           r.isEditable ? (c(), N(Qe, {
@@ -9455,7 +9455,7 @@ const y4 = { class: "ao-field ao-search-field" }, w4 = ["value", "placeholder",
   }
 });
 function M4(a) {
-  const e = J(), t = y(
+  const e = J(), t = w(
     () => a.value.find(
       (n) => n.id === e.value
     )
@@ -9500,15 +9500,15 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
   },
   emits: ["change:activities", "addActivity", "update:filters", "selectActivity", "update:activity", "archiveActivity", "update:searchText", "clear:searchText", "update:showsArchivedActivities", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment"],
   setup(a, { emit: e }) {
-    const t = a, { t: s } = nt(), n = ct(t, "activities"), { selectActivity: o, selectedActivity: i } = A4(n), l = (w) => {
-      o(w), e("selectActivity", w);
+    const t = a, { t: s } = nt(), n = ct(t, "activities"), { selectActivity: o, selectedActivity: i } = A4(n), l = (y) => {
+      o(y), e("selectActivity", y);
     }, r = J({}), d = J(!1);
     re(
       [() => t.statuses, () => t.activities],
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      async ([w, Y], [he, Z]) => {
+      async ([y, Y], [he, Z]) => {
         r.value = Object.fromEntries(
-          w.map((F) => [
+          y.map((F) => [
             F.id,
             Y.filter((E) => {
               var U;
@@ -9519,107 +9519,107 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
       },
       { immediate: !0 }
     );
-    const u = y(() => {
-      var w;
-      return !i.value || !i.value.milestone ? "" : `${((w = i.value.milestone.phase) == null ? void 0 : w.name) ?? ""} / ${i.value.milestone.name ?? ""}`;
-    }), f = (w) => {
+    const u = w(() => {
+      var y;
+      return !i.value || !i.value.milestone ? "" : `${((y = i.value.milestone.phase) == null ? void 0 : y.name) ?? ""} / ${i.value.milestone.name ?? ""}`;
+    }), f = (y) => {
       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(), Z = ((U = t.activities) == null ? void 0 : U.length) ?? 0, F = {
         name: s("activity.defaultName", { idx: Z + 1 }),
         rank: he.format(),
-        statusId: w.id
+        statusId: y.id
       };
       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]), d.value = !0, e("addActivity", F);
-    }, p = (w, Y) => {
-      d.value = !1, e("update:filters", { ...t.filters, [w]: Y });
-    }, C = y(() => t.project ? [t.project] : t.projects ?? []), $ = y(() => C.value.map((w) => ({
-      value: w.id,
-      label: w.name
-    }))), M = y(() => {
-      var w;
-      return (w = t.activityTypes) == null ? void 0 : w.map((Y) => ({
+    }, p = (y, Y) => {
+      d.value = !1, e("update:filters", { ...t.filters, [y]: Y });
+    }, C = w(() => t.project ? [t.project] : t.projects ?? []), $ = w(() => C.value.map((y) => ({
+      value: y.id,
+      label: y.name
+    }))), M = w(() => {
+      var y;
+      return (y = t.activityTypes) == null ? void 0 : y.map((Y) => ({
         value: Y.id,
         label: Y.name
       }));
-    }), S = y(() => t.users.map((w) => ({
-      value: w.id,
-      label: `${w.firstName} ${w.lastName}`,
-      avatar: w.avatarUrl
-    }))), _ = (w) => {
-      i.value && e("update:activity", w);
-    }, g = (w) => {
-      e("update:activity", w);
-    }, V = (w) => {
-      e("archiveActivity", w);
-    }, R = y({
+    }), S = w(() => t.users.map((y) => ({
+      value: y.id,
+      label: `${y.firstName} ${y.lastName}`,
+      avatar: y.avatarUrl
+    }))), _ = (y) => {
+      i.value && e("update:activity", y);
+    }, g = (y) => {
+      e("update:activity", y);
+    }, V = (y) => {
+      e("archiveActivity", y);
+    }, R = w({
       get() {
-        var w;
-        return (w = i.value) == null ? void 0 : w.deadline;
+        var y;
+        return (y = i.value) == null ? void 0 : y.deadline;
       },
-      set(w) {
+      set(y) {
         i.value && _({
           id: i.value.id,
-          deadline: w
+          deadline: y
         });
       }
-    }), K = (w) => {
-      d.value = !1, e("update:searchText", w);
-    }, D = (w) => {
-      d.value = !1, e("clear:searchText", w);
-    }, X = (w) => {
-      i.value && e("addSubtask", w);
-    }, ae = (w) => {
-      i.value && e("updateSubtask", w);
-    }, I = (w) => {
-      i.value && e("deleteSubtask", w);
-    }, ee = (w) => {
-      e("addFiles", w);
-    }, b = (w) => {
-      e("removeFile", w);
-    }, k = (w) => {
+    }), K = (y) => {
+      d.value = !1, e("update:searchText", y);
+    }, D = (y) => {
+      d.value = !1, e("clear:searchText", y);
+    }, X = (y) => {
+      i.value && e("addSubtask", y);
+    }, ae = (y) => {
+      i.value && e("updateSubtask", y);
+    }, I = (y) => {
+      i.value && e("deleteSubtask", y);
+    }, ee = (y) => {
+      e("addFiles", y);
+    }, b = (y) => {
+      e("removeFile", y);
+    }, k = (y) => {
       i.value && e("addComment", {
-        ...w,
+        ...y,
         activityId: i.value.id
       });
-    }, P = (w) => {
+    }, P = (y) => {
       const { id: Y } = i.value || {};
-      Y && e("updateComment", w);
-    }, ue = (w) => {
+      Y && e("updateComment", y);
+    }, ue = (y) => {
       const { id: Y } = i.value || {};
-      Y && e("removeComment", w);
-    }, ne = y(() => C.value.map((w) => ({
-      value: w.id,
-      label: w.name
-    }))), le = y(() => {
+      Y && e("removeComment", y);
+    }, ne = w(() => C.value.map((y) => ({
+      value: y.id,
+      label: y.name
+    }))), le = w(() => {
       var Y, he, Z;
-      const w = (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 w == null ? void 0 : w.map((F) => ({
+      const y = (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 y == null ? void 0 : y.map((F) => ({
         value: F.id,
         label: F.name
       }));
-    }), ie = (w) => {
+    }), ie = (y) => {
       i.value && e("update:activity", {
         id: i.value.id,
-        projectId: w
+        projectId: y
       });
-    }, O = (w) => {
+    }, O = (y) => {
       i.value && e("update:activity", {
         id: i.value.id,
-        milestoneId: w
+        milestoneId: y
       });
-    }, L = y(() => {
-      var w;
-      return (w = t.statuses) == null ? void 0 : w.map((Y) => ({
+    }, L = w(() => {
+      var y;
+      return (y = t.statuses) == null ? void 0 : y.map((Y) => ({
         value: Y.id,
         label: Y.name
       }));
-    }), W = (w) => {
+    }), W = (y) => {
       i.value && e("update:activity", {
         id: i.value.id,
-        statusId: w
+        statusId: y
       });
     };
-    return (w, Y) => {
+    return (y, Y) => {
       var he;
       return c(), h("div", S4, [
         T(r1, null, {
@@ -9628,49 +9628,49 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
               t.project ? (c(), N(Pa, {
                 key: 0,
                 "is-left": !1,
-                "right-label": w.$t("project.switch.feed"),
-                "left-label": w.$t("project.switch.overview"),
+                "right-label": y.$t("project.switch.feed"),
+                "left-label": y.$t("project.switch.overview"),
                 "onUpdate:isLeft": Y[0] || (Y[0] = (Z) => {
-                  Z && w.$router.push({ name: q(Re).project });
+                  Z && y.$router.push({ name: q(Re).project });
                 })
               }, null, 8, ["right-label", "left-label"])) : A("", !0),
               T($4, {
-                "model-value": w.searchText,
-                placeholder: w.$t("feed.search.placeholder"),
+                "model-value": y.searchText,
+                placeholder: y.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
                 "onUpdate:modelValue": K,
                 onClear: D
               }, null, 8, ["model-value", "placeholder"]),
               t.project ? A("", !0) : (c(), N(ye, {
                 key: 1,
-                "model-value": w.filters[q(ut).project],
+                "model-value": y.filters[q(ut).project],
                 mode: "tags",
                 options: $.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__projects",
-                placeholder: w.$t("feed.filters.project.placeholder"),
+                placeholder: y.$t("feed.filters.project.placeholder"),
                 "onUpdate:modelValue": Y[1] || (Y[1] = (Z) => p(q(ut).project, Z))
               }, null, 8, ["model-value", "options", "placeholder"])),
               M.value ? (c(), N(ye, {
                 key: 2,
-                "model-value": w.filters[q(ut).type],
+                "model-value": y.filters[q(ut).type],
                 mode: "tags",
                 options: M.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__types",
-                placeholder: w.$t("feed.filters.activityType.placeholder"),
+                placeholder: y.$t("feed.filters.activityType.placeholder"),
                 "onUpdate:modelValue": Y[2] || (Y[2] = (Z) => p(q(ut).type, Z))
               }, null, 8, ["model-value", "options", "placeholder"])) : A("", !0),
               T(ye, {
-                "model-value": w.filters[q(ut).assignee],
+                "model-value": y.filters[q(ut).assignee],
                 mode: "tags",
                 options: S.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__assignees",
-                placeholder: w.$t("feed.filters.assignee.placeholder"),
+                placeholder: y.$t("feed.filters.assignee.placeholder"),
                 "onUpdate:modelValue": Y[3] || (Y[3] = (Z) => p(q(ut).assignee, Z))
               }, {
                 tag: j(({ option: Z, handleTagRemove: F }) => [
@@ -9687,27 +9687,27 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
             T(de, {
               class: "ao-feed__show-archived",
               size: "sm",
-              "icon-name": w.showsArchivedActivities ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
+              "icon-name": y.showsArchivedActivities ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
               "icon-position": "start",
               color: "primary",
               variant: "ghost",
-              label: w.$t("feed.filters.showsArchivedActivities.label"),
+              label: y.$t("feed.filters.showsArchivedActivities.label"),
               role: "checkbox",
-              "aria-checked": w.showsArchivedActivities,
-              onClick: Y[4] || (Y[4] = (Z) => w.$emit("update:showsArchivedActivities", !w.showsArchivedActivities))
+              "aria-checked": y.showsArchivedActivities,
+              onClick: Y[4] || (Y[4] = (Z) => y.$emit("update:showsArchivedActivities", !y.showsArchivedActivities))
             }, null, 8, ["icon-name", "label", "aria-checked"])
           ]),
           _: 1
         }),
         v("div", E4, [
-          (c(!0), h(fe, null, be(w.statuses, (Z) => (c(), N(b4, {
+          (c(!0), h(fe, null, be(y.statuses, (Z) => (c(), N(b4, {
             key: Z.id,
             status: Z,
             list: r.value[Z.id],
             title: Z.name,
-            "footer-label": w.$t("feed.activity.add"),
-            users: w.users,
-            "is-editable": w.isEditable,
+            "footer-label": y.$t("feed.activity.add"),
+            users: y.users,
+            "is-editable": y.isEditable,
             onAdd: () => f(Z),
             onSelectActivity: l,
             onArchiveActivity: V,
@@ -9721,12 +9721,12 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
             "activity-types": M.value,
             "milestone-id": (he = q(i).milestone) == null ? void 0 : he.id,
             "template-activities": n.value,
-            users: w.users,
-            "user-id": w.userId,
-            "is-task-checkable": w.isTaskCheckable,
-            statuses: w.statuses,
+            users: y.users,
+            "user-id": y.userId,
+            "is-task-checkable": y.isTaskCheckable,
+            statuses: y.statuses,
             breadcrumbs: u.value,
-            "is-editable": w.isEditable,
+            "is-editable": y.isEditable,
             onClose: Y[6] || (Y[6] = () => l(null)),
             "onUpdate:activity": _,
             onAddSubtask: X,
@@ -9743,32 +9743,38 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
               return [
                 v("div", I4, [
                   ne.value && !t.project ? (c(), h("label", O4, [
-                    v("span", L4, z(w.$t("activity.project.label")), 1),
+                    v("span", L4, z(y.$t("activity.project.label")), 1),
                     T(ye, {
                       options: ne.value,
                       value: (Z = q(i).project) == null ? void 0 : Z.id,
                       searchable: !0,
+                      disabled: !y.isEditable,
+                      caret: y.isEditable,
                       onChange: ie
-                    }, null, 8, ["options", "value"])
+                    }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : A("", !0),
                   le.value ? (c(), h("label", V4, [
-                    v("span", D4, z(w.$t("activity.milestone.label")), 1),
+                    v("span", D4, z(y.$t("activity.milestone.label")), 1),
                     T(ye, {
                       options: le.value,
                       value: (F = q(i).milestone) == null ? void 0 : F.id,
                       searchable: !0,
+                      disabled: !y.isEditable,
+                      caret: y.isEditable,
                       onChange: O
-                    }, null, 8, ["options", "value"])
+                    }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : A("", !0),
                   L.value ? (c(), h("label", H4, [
-                    v("span", P4, z(w.$t("activity.status.label")), 1),
+                    v("span", P4, z(y.$t("activity.status.label")), 1),
                     T(ye, {
                       options: L.value,
                       value: (E = q(i).status) == null ? void 0 : E.id,
                       "can-clear": !1,
                       "can-deselect": !1,
+                      disabled: !y.isEditable,
+                      caret: y.isEditable,
                       onChange: W
-                    }, null, 8, ["options", "value"])
+                    }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : A("", !0)
                 ])
               ];
@@ -9776,7 +9782,7 @@ const S4 = { class: "ao-feed" }, T4 = { class: "ao-feed__filters" }, E4 = { clas
             default: j(() => [
               v("div", B4, [
                 v("label", N4, [
-                  v("span", R4, z(w.$t("activity.deadline.label")), 1),
+                  v("span", R4, z(y.$t("activity.deadline.label")), 1),
                   ft(v("input", {
                     "onUpdate:modelValue": Y[5] || (Y[5] = (Z) => R.value = Z),
                     class: "ao-field__input",