@26lights/orcha 0.7.32 → 0.7.34

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as K, openBlock as u, createBlock as P, unref as E, mergeProps as Ee, createElementBlock as C, createElementVNode as o, pushScopeId as jt, popScopeId as Rt, createStaticVNode as Ut, computed as g, resolveDynamicComponent as Ke, normalizeClass as F, renderSlot as Y, toDisplayString as j, createCommentVNode as w, ref as Q, watch as de, nextTick as He, withKeys as a1, toHandlers as qt, withCtx as R, createTextVNode as Z1, createVNode as b, Fragment as le, renderList as pe, withModifiers as ke, toRefs as fe, getCurrentInstance as Oe, onMounted as m1, onUnmounted as zt, withDirectives as qe, vModelText as l1, vModelCheckbox as Ft, toRef as e1, Teleport as C1, normalizeStyle as Kt, toValue as x1, onBeforeMount as Gt, resolveComponent as Yt, getCurrentScope as Wt, onScopeDispose as Xt, provide as Jt } from "vue";
+import { defineComponent as K, openBlock as u, createBlock as j, unref as E, mergeProps as Ee, createElementBlock as C, createElementVNode as o, pushScopeId as Nt, popScopeId as Rt, createStaticVNode as Ut, computed as f, resolveDynamicComponent as Ke, normalizeClass as F, renderSlot as Y, toDisplayString as N, createCommentVNode as M, ref as Q, watch as de, nextTick as He, withKeys as a1, toHandlers as qt, withCtx as R, createTextVNode as Z1, createVNode as y, withModifiers as we, Fragment as ae, renderList as pe, toRefs as fe, getCurrentInstance as Oe, onMounted as m1, onUnmounted as zt, withDirectives as qe, vModelText as l1, vModelCheckbox as Ft, toRef as e1, Teleport as C1, normalizeStyle as Kt, toValue as x1, onBeforeMount as Gt, resolveComponent as Yt, getCurrentScope as Wt, onScopeDispose as Xt, provide as Jt } from "vue";
 import { RouterView as Qt } from "vue-router";
 import n1 from "vuedraggable";
 const Ru = /* @__PURE__ */ K({
@@ -7,7 +7,7 @@ const Ru = /* @__PURE__ */ K({
     templates: {}
   },
   setup(s) {
-    return (e, t) => (u(), P(E(Qt), Ee({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
+    return (e, t) => (u(), j(E(Qt), Ee({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
   }
 }), V = (s, e) => {
   const t = s.__vccOpts || s;
@@ -116,10 +116,10 @@ const Os = /* @__PURE__ */ V(Vs, [["render", Hs]]), Bs = {}, Ds = {
 }, null, -1), Ps = [
   Zs
 ];
-function Ns(s, e) {
+function js(s, e) {
   return u(), C("svg", Ds, Ps);
 }
-const js = /* @__PURE__ */ V(Bs, [["render", Ns]]), Rs = {}, Us = {
+const Ns = /* @__PURE__ */ V(Bs, [["render", js]]), Rs = {}, Us = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -251,10 +251,10 @@ const Oa = /* @__PURE__ */ V(Va, [["render", Ha]]), Ba = {}, Da = {
 }, null, -1), Pa = [
   Za
 ];
-function Na(s, e) {
+function ja(s, e) {
   return u(), C("svg", Da, Pa);
 }
-const ja = /* @__PURE__ */ V(Ba, [["render", Na]]), Ra = {}, Ua = {
+const Na = /* @__PURE__ */ V(Ba, [["render", ja]]), Ra = {}, Ua = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -386,10 +386,10 @@ const Ol = /* @__PURE__ */ V(Vl, [["render", Hl]]), Bl = {}, Dl = {
 }, null, -1), Pl = [
   Zl
 ];
-function Nl(s, e) {
+function jl(s, e) {
   return u(), C("svg", Dl, Pl);
 }
-const jl = /* @__PURE__ */ V(Bl, [["render", Nl]]), Rl = {}, Ul = {
+const Nl = /* @__PURE__ */ V(Bl, [["render", jl]]), Rl = {}, Ul = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -518,13 +518,13 @@ const Bn = /* @__PURE__ */ V(Ln, [["render", On]]), Dn = {}, Zn = {
 }, Pn = /* @__PURE__ */ o("path", {
   d: "M0 18V16.425C0 15.7083 0.366667 15.125 1.1 14.675C1.83333 14.225 2.8 14 4 14C4.21667 14 4.425 14.0043 4.625 14.013C4.825 14.0217 5.01667 14.0423 5.2 14.075C4.96667 14.425 4.79167 14.7917 4.675 15.175C4.55833 15.5583 4.5 15.9583 4.5 16.375V18H0ZM6 18V16.375C6 15.8417 6.146 15.354 6.438 14.912C6.73 14.47 7.14233 14.0827 7.675 13.75C8.20833 13.4167 8.846 13.1667 9.588 13C10.33 12.8333 11.134 12.75 12 12.75C12.8833 12.75 13.696 12.8333 14.438 13C15.18 13.1667 15.8173 13.4167 16.35 13.75C16.8833 14.0833 17.2917 14.471 17.575 14.913C17.8583 15.355 18 15.8423 18 16.375V18H6ZM19.5 18V16.375C19.5 15.9417 19.4457 15.5333 19.337 15.15C19.2283 14.7667 19.066 14.4083 18.85 14.075C19.0333 14.0417 19.221 14.021 19.413 14.013C19.605 14.005 19.8007 14.0007 20 14C21.2 14 22.1667 14.221 22.9 14.663C23.6333 15.105 24 15.6923 24 16.425V18H19.5ZM8.125 16H15.9C15.7333 15.6667 15.2707 15.375 14.512 15.125C13.7533 14.875 12.916 14.75 12 14.75C11.0833 14.75 10.2457 14.875 9.487 15.125C8.72833 15.375 8.27467 15.6667 8.126 16H8.125ZM4 13C3.45 13 2.979 12.804 2.587 12.412C2.195 12.02 1.99933 11.5493 2 11C2 10.4333 2.196 9.95833 2.588 9.575C2.98 9.19167 3.45067 9 4 9C4.56667 9 5.04167 9.19167 5.425 9.575C5.80833 9.95833 6 10.4333 6 11C6 11.55 5.80833 12.021 5.425 12.413C5.04167 12.805 4.56667 13.0007 4 13ZM20 13C19.45 13 18.979 12.804 18.587 12.412C18.195 12.02 17.9993 11.5493 18 11C18 10.4333 18.196 9.95833 18.588 9.575C18.98 9.19167 19.4507 9 20 9C20.5667 9 21.0417 9.19167 21.425 9.575C21.8083 9.95833 22 10.4333 22 11C22 11.55 21.8083 12.021 21.425 12.413C21.0417 12.805 20.5667 13.0007 20 13ZM12 12C11.1667 12 10.4583 11.7083 9.875 11.125C9.29167 10.5417 9 9.83333 9 9C9 8.15 9.29167 7.43733 9.875 6.862C10.4583 6.28667 11.1667 5.99933 12 6C12.85 6 13.5627 6.28767 14.138 6.863C14.7133 7.43833 15.0007 8.15067 15 9C15 9.83333 14.7123 10.5417 14.137 11.125C13.5617 11.7083 12.8493 12 12 12ZM12 10C12.2833 10 12.521 9.904 12.713 9.712C12.905 9.52 13.0007 9.28267 13 9C13 8.71667 12.904 8.479 12.712 8.287C12.52 8.095 12.2827 7.99933 12 8C11.7167 8 11.479 8.096 11.287 8.288C11.095 8.48 10.9993 8.71733 11 9C11 9.28333 11.096 9.521 11.288 9.713C11.48 9.905 11.7173 10.0007 12 10Z",
   fill: "black"
-}, null, -1), Nn = [
+}, null, -1), jn = [
   Pn
 ];
-function jn(s, e) {
-  return u(), C("svg", Zn, Nn);
+function Nn(s, e) {
+  return u(), C("svg", Zn, jn);
 }
-const Rn = /* @__PURE__ */ V(Dn, [["render", jn]]), Un = {}, qn = {
+const Rn = /* @__PURE__ */ V(Dn, [["render", Nn]]), Un = {}, qn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -602,7 +602,7 @@ function mi(s, e) {
 const hi = /* @__PURE__ */ V(pi, [["render", mi]]), fi = K({
   name: "LoadingIcon"
 });
-const P1 = (s) => (jt("data-v-ad6da4a9"), s = s(), Rt(), s), gi = {
+const P1 = (s) => (Nt("data-v-ad6da4a9"), s = s(), Rt(), s), gi = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -661,20 +661,20 @@ const Ti = /* @__PURE__ */ V(ki, [["render", Li]]), Ei = {}, Hi = {
 function Di(s, e) {
   return u(), C("svg", Hi, Bi);
 }
-const Zi = /* @__PURE__ */ V(Ei, [["render", Di]]), Pi = {}, Ni = {
+const Zi = /* @__PURE__ */ V(Ei, [["render", Di]]), Pi = {}, ji = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, ji = /* @__PURE__ */ o("path", {
+}, Ni = /* @__PURE__ */ o("path", {
   d: "M6 14C5.45 14 4.979 13.804 4.587 13.412C4.195 13.02 3.99934 12.5493 4 12C4 11.45 4.196 10.979 4.588 10.587C4.98 10.195 5.45067 9.99934 6 10C6.55 10 7.021 10.196 7.413 10.588C7.805 10.98 8.00067 11.4507 8 12C8 12.55 7.804 13.021 7.412 13.413C7.02 13.805 6.54934 14.0007 6 14ZM12 14C11.45 14 10.979 13.804 10.587 13.412C10.195 13.02 9.99934 12.5493 10 12C10 11.45 10.196 10.979 10.588 10.587C10.98 10.195 11.4507 9.99934 12 10C12.55 10 13.021 10.196 13.413 10.588C13.805 10.98 14.0007 11.4507 14 12C14 12.55 13.804 13.021 13.412 13.413C13.02 13.805 12.5493 14.0007 12 14ZM18 14C17.45 14 16.979 13.804 16.587 13.412C16.195 13.02 15.9993 12.5493 16 12C16 11.45 16.196 10.979 16.588 10.587C16.98 10.195 17.4507 9.99934 18 10C18.55 10 19.021 10.196 19.413 10.588C19.805 10.98 20.0007 11.4507 20 12C20 12.55 19.804 13.021 19.412 13.413C19.02 13.805 18.5493 14.0007 18 14Z",
   fill: "black"
 }, null, -1), Ri = [
-  ji
+  Ni
 ];
 function Ui(s, e) {
-  return u(), C("svg", Ni, Ri);
+  return u(), C("svg", ji, Ri);
 }
 const qi = /* @__PURE__ */ V(Pi, [["render", Ui]]), zi = {}, Fi = {
   width: "24",
@@ -796,7 +796,7 @@ const Eo = /* @__PURE__ */ V(Io, [["render", To]]), Ho = {}, Oo = {
 function Zo(s, e) {
   return u(), C("svg", Oo, Do);
 }
-const Po = /* @__PURE__ */ V(Ho, [["render", Zo]]), No = {}, jo = {
+const Po = /* @__PURE__ */ V(Ho, [["render", Zo]]), jo = {}, No = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -809,9 +809,9 @@ const Po = /* @__PURE__ */ V(Ho, [["render", Zo]]), No = {}, jo = {
   Ro
 ];
 function qo(s, e) {
-  return u(), C("svg", jo, Uo);
+  return u(), C("svg", No, Uo);
 }
-const zo = /* @__PURE__ */ V(No, [["render", qo]]), Fo = {}, Ko = {
+const zo = /* @__PURE__ */ V(jo, [["render", qo]]), Fo = {}, Ko = {
   width: "26",
   height: "29",
   viewBox: "0 0 26 29",
@@ -928,7 +928,7 @@ const E2 = /* @__PURE__ */ V(I2, [["render", T2]]), H2 = {}, O2 = {
 function Z2(s, e) {
   return u(), C("svg", O2, D2);
 }
-const P2 = /* @__PURE__ */ V(H2, [["render", Z2]]), N2 = {}, j2 = {
+const P2 = /* @__PURE__ */ V(H2, [["render", Z2]]), j2 = {}, N2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -941,9 +941,9 @@ const P2 = /* @__PURE__ */ V(H2, [["render", Z2]]), N2 = {}, j2 = {
   R2
 ];
 function q2(s, e) {
-  return u(), C("svg", j2, U2);
+  return u(), C("svg", N2, U2);
 }
-const z2 = /* @__PURE__ */ V(N2, [["render", q2]]), F2 = {}, K2 = {
+const z2 = /* @__PURE__ */ V(j2, [["render", q2]]), F2 = {}, K2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1041,7 +1041,7 @@ const kr = /* @__PURE__ */ V(br, [["render", Ar]]), Ir = /* @__PURE__ */ Object.
   AccountTreeRounded: $s,
   Add: Ss,
   AddBoxOutlineRounded: Os,
-  ArchiveOutlineRounded: js,
+  ArchiveOutlineRounded: Ns,
   ArrowBackRounded: Ks,
   ArrowDropDownRounded: Qs,
   ArrowForwardRounded: la,
@@ -1050,7 +1050,7 @@ const kr = /* @__PURE__ */ V(br, [["render", Ar]]), Ir = /* @__PURE__ */ Object.
   CalendarTodayOutlineRounded: $a,
   ChatOutline: Sa,
   CheckBoxOutlineBlank: Oa,
-  CheckBoxOutlineBlankSharp: ja,
+  CheckBoxOutlineBlankSharp: Na,
   CheckBoxOutlineRounded: Ka,
   CheckSmallRounded: Qa,
   ChecklistRounded: ll,
@@ -1059,7 +1059,7 @@ const kr = /* @__PURE__ */ V(br, [["render", Ar]]), Ir = /* @__PURE__ */ Object.
   CloseRounded: $l,
   ContactsOutlineRounded: Sl,
   ContentCopyOutline: Ol,
-  DeleteOutlineRounded: jl,
+  DeleteOutlineRounded: Nl,
   DragIndicator: Kl,
   EditDocumentRounded: Ql,
   EditOutline: ln,
@@ -1118,15 +1118,15 @@ const kr = /* @__PURE__ */ V(br, [["render", Ar]]), Ir = /* @__PURE__ */ Object.
 }, it = {
   ROUND: "round",
   ROUNDED: "rounded"
-}, ae = /* @__PURE__ */ K({
+}, se = /* @__PURE__ */ K({
   __name: "AoIcon",
   props: {
     name: {},
     size: { default: h1.MD }
   },
   setup(s) {
-    const e = s, t = g(() => Ir[e.name]);
-    return (n, a) => (u(), P(Ke(t.value), {
+    const e = s, t = f(() => Ir[e.name]);
+    return (n, a) => (u(), j(Ke(t.value), {
       class: F(["ao-icon", `ao-icon--${n.size}`])
     }, null, 8, ["class"]));
   }
@@ -1149,7 +1149,7 @@ const Lr = ["type"], Tr = {
     corners: { default: () => it.ROUNDED }
   },
   setup(s) {
-    const e = s, t = g(() => e.size), n = g(() => e.isLoading ? "Loading" : e.iconName);
+    const e = s, t = f(() => e.size), n = f(() => e.isLoading ? "Loading" : e.iconName);
     return (a, i) => (u(), C("button", {
       type: a.type,
       class: F([
@@ -1164,19 +1164,19 @@ const Lr = ["type"], Tr = {
       ])
     }, [
       Y(a.$slots, "default", {}, () => [
-        a.label ? (u(), C("span", Tr, j(a.label), 1)) : w("", !0)
+        a.label ? (u(), C("span", Tr, N(a.label), 1)) : M("", !0)
       ]),
-      n.value ? (u(), P(ae, {
+      n.value ? (u(), j(se, {
         key: 0,
         name: n.value,
         class: "ao-button__icon",
         size: t.value
-      }, null, 8, ["name", "size"])) : w("", !0)
+      }, null, 8, ["name", "size"])) : M("", !0)
     ], 10, Lr));
   }
 });
 function ot(s) {
-  const e = Q(!1), t = Q(""), n = g(() => "value" in s.value ? "value" : "innerHTML"), a = () => {
+  const e = Q(!1), t = Q(""), n = f(() => "value" in s.value ? "value" : "innerHTML"), a = () => {
     e.value = !e.value;
   }, i = (c) => {
     e.value = c;
@@ -1214,50 +1214,50 @@ const ce = /* @__PURE__ */ K({
   },
   emits: ["update:title", "toggle-is-editing"],
   setup(s, { emit: e }) {
-    const t = s, n = Q(null), { isEditing: a, setIsEditing: i, onUpdate: l, onDiscard: r } = ot(n), c = g(() => a.value ? "input" : t.tag || `h${t.level}`), d = g(() => t.isEditable ? a.value ? {
+    const t = s, n = Q(null), { isEditing: a, setIsEditing: i, onUpdate: l, onDiscard: r } = ot(n), c = f(() => a.value ? "input" : t.tag || `h${t.level}`), d = f(() => t.isEditable ? a.value ? {
       change: p,
-      click: (T) => T.stopPropagation(),
+      click: (L) => L.stopPropagation(),
       blur: m
     } : {
       click: I,
       focus: I
-    } : {}), p = l((T, N) => {
-      const h = N.target.value;
-      e("update:title", h);
+    } : {}), p = l((L, Z) => {
+      const b = Z.target.value;
+      e("update:title", b);
     }), _ = r(), m = async () => {
       a.value && i(!1);
-    }, $ = () => {
+    }, w = () => {
       e("toggle-is-editing", !1);
-    }, I = (T) => {
-      T.stopPropagation(), a.value || i(!0);
+    }, I = (L) => {
+      L.stopPropagation(), a.value || i(!0);
     };
     return de(
       () => t.isEditable,
-      (T) => {
-        T || _();
+      (L) => {
+        L || _();
       }
-    ), (T, N) => (u(), P(Ke(c.value), Ee({
+    ), (L, Z) => (u(), j(Ke(c.value), Ee({
       ref_key: "target",
       ref: n,
       class: [
         "ao-title",
-        `ao-title--${T.level}`,
+        `ao-title--${L.level}`,
         {
-          [`ao-title--${T.color}`]: !!T.color,
-          "ao-title--editable": T.isEditable,
+          [`ao-title--${L.color}`]: !!L.color,
+          "ao-title--editable": L.isEditable,
           "ao-field__input ao-title--editing": E(a),
           "ao-title--readonly": !E(a)
         }
       ],
       type: E(a) ? "text" : null,
-      value: E(a) ? T.title : null,
+      value: E(a) ? L.title : null,
       tabindex: "0",
-      onKeyup: a1($, ["enter"])
+      onKeyup: a1(w, ["enter"])
     }, qt(d.value), {
       onKeydown: a1(E(_), ["esc"])
     }), {
       default: R(() => [
-        Z1(j(T.title), 1)
+        Z1(N(L.title), 1)
       ]),
       _: 1
     }, 16, ["class", "type", "value", "onKeyup", "onKeydown"]));
@@ -1278,10 +1278,10 @@ const Er = {
 }, Pr = {
   key: 1,
   class: "ao-card-horiz__body"
-}, Nr = {
+}, jr = {
   key: 2,
   class: "ao-card-horiz__footer"
-}, jr = {
+}, Nr = {
   key: 3,
   class: "ao-card-horiz__secondary"
 }, rt = /* @__PURE__ */ K({
@@ -1300,26 +1300,26 @@ const Er = {
     const t = (n) => {
       e("update:title", n);
     };
-    return (n, a) => (u(), P(Ke(n.tagName), {
+    return (n, a) => (u(), j(Ke(n.tagName), {
       class: F(["ao-card-horiz", { "ao-card-horiz--active": n.isActive }])
     }, {
       default: R(() => [
         n.isDraggable ? (u(), C("div", Er, [
-          b(ae, {
+          y(se, {
             name: "DragIndicator",
             class: "ao-card-horiz__drag-handle"
           })
-        ])) : w("", !0),
+        ])) : M("", !0),
         o("div", Hr, [
           n.icon ? (u(), C("div", Or, [
-            b(ae, {
+            y(se, {
               class: "ao-card-horiz__icon",
               name: n.icon,
               size: "xl"
             }, null, 8, ["name"])
-          ])) : w("", !0),
+          ])) : M("", !0),
           o("div", Br, [
-            b(ce, {
+            y(ce, {
               class: "ao-card-horiz__title",
               level: 4,
               title: n.title || "",
@@ -1327,22 +1327,22 @@ const Er = {
               "onUpdate:title": t
             }, null, 8, ["title"]),
             Y(n.$slots, "subtitle", {}, () => [
-              n.subtitle ? (u(), C("span", Dr, j(n.subtitle), 1)) : w("", !0)
+              n.subtitle ? (u(), C("span", Dr, N(n.subtitle), 1)) : M("", !0)
             ])
           ]),
           n.$slots.header ? (u(), C("div", Zr, [
             Y(n.$slots, "header")
-          ])) : w("", !0)
+          ])) : M("", !0)
         ]),
         n.$slots.default ? (u(), C("div", Pr, [
           Y(n.$slots, "default")
-        ])) : w("", !0),
-        n.$slots.footer ? (u(), C("div", Nr, [
+        ])) : M("", !0),
+        n.$slots.footer ? (u(), C("div", jr, [
           Y(n.$slots, "footer")
-        ])) : w("", !0),
-        n.$slots.secondary ? (u(), C("div", jr, [
+        ])) : M("", !0),
+        n.$slots.secondary ? (u(), C("div", Nr, [
           Y(n.$slots, "secondary")
-        ])) : w("", !0)
+        ])) : M("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
@@ -1359,7 +1359,7 @@ const f1 = /* @__PURE__ */ K({
   },
   emits: ["click", "close"],
   setup(s) {
-    const e = s, t = g(() => e.clickable ? "button" : "span"), n = g(
+    const e = s, t = f(() => e.clickable ? "button" : "span"), n = f(
       () => t.value === "button" ? { type: "button" } : {}
     );
     return (a, i) => (u(), C("div", {
@@ -1371,11 +1371,11 @@ const f1 = /* @__PURE__ */ K({
         a.variant ? `ao-tag--${a.variant}` : ""
       ])
     }, [
-      (u(), P(Ke(t.value), Ee({ class: "ao-tag__label" }, n.value, {
+      (u(), j(Ke(t.value), Ee({ class: "ao-tag__label" }, n.value, {
         onClick: i[0] || (i[0] = (l) => a.$emit("click", l))
       }), {
         default: R(() => [
-          Z1(j(a.label), 1)
+          Z1(N(a.label), 1)
         ]),
         _: 1
       }, 16)),
@@ -1384,12 +1384,12 @@ const f1 = /* @__PURE__ */ K({
         class: "ao-tag__close",
         onClick: i[1] || (i[1] = (l) => a.$emit("close", l))
       }, [
-        b(ae, {
+        y(se, {
           name: "CloseRounded",
           size: "sm",
           class: "ao-tag__close-icon"
         })
-      ])) : w("", !0)
+      ])) : M("", !0)
     ], 2));
   }
 });
@@ -1798,7 +1798,7 @@ function ct() {
   }
   return v1.default = t, v1;
 }
-var N1 = {}, dt = {};
+var j1 = {}, dt = {};
 Object.defineProperty(dt, "__esModule", { value: !0 });
 var y1 = {};
 Object.defineProperty(y1, "__esModule", { value: !0 });
@@ -1908,13 +1908,13 @@ $1.LexoNumeralSystem64 = Gr;
       i !== "default" && !Object.prototype.hasOwnProperty.call(a, i) && e(a, n, i);
   };
   Object.defineProperty(s, "__esModule", { value: !0 }), t(dt, s), t(y1, s), t(b1, s), t($1, s);
-})(N1);
+})(j1);
 var tt;
 function pt() {
   if (tt)
     return Qe;
   tt = 1, Object.defineProperty(Qe, "__esModule", { value: !0 }), Qe.LexoRank = void 0;
-  const s = i1, e = ct(), t = o1, n = N1;
+  const s = i1, e = ct(), t = o1, n = j1;
   class a {
     constructor(l, r) {
       this.value = l.format() + "|" + a.formatDecimal(r), this.bucket = l, this.decimal = r;
@@ -1975,20 +1975,20 @@ function pt() {
       }
       let _;
       for (let I = c.getScale(); I > 0; d = _) {
-        const T = I - 1, N = c.setScale(T, !0);
-        if (_ = d.setScale(T, !1), N.compareTo(_) === 0)
-          return a.checkMid(l, r, N);
-        if (N.compareTo(_) > 0)
+        const L = I - 1, Z = c.setScale(L, !0);
+        if (_ = d.setScale(L, !1), Z.compareTo(_) === 0)
+          return a.checkMid(l, r, Z);
+        if (Z.compareTo(_) > 0)
           break;
-        I = T, c = N;
+        I = L, c = Z;
       }
-      let m = a.middleInternal(l, r, c, d), $;
-      for (let I = m.getScale(); I > 0; I = $) {
-        $ = I - 1;
-        const T = m.setScale($);
-        if (l.compareTo(T) >= 0 || T.compareTo(r) >= 0)
+      let m = a.middleInternal(l, r, c, d), w;
+      for (let I = m.getScale(); I > 0; I = w) {
+        w = I - 1;
+        const L = m.setScale(w);
+        if (l.compareTo(L) >= 0 || L.compareTo(r) >= 0)
           break;
-        m = T;
+        m = L;
       }
       return m;
     }
@@ -2115,7 +2115,7 @@ function pt() {
     for (var i in n)
       i !== "default" && !Object.prototype.hasOwnProperty.call(a, i) && e(a, n, i);
   };
-  Object.defineProperty(s, "__esModule", { value: !0 }), t(ut, s), t(N1, s);
+  Object.defineProperty(s, "__esModule", { value: !0 }), t(ut, s), t(j1, s);
 })(ye);
 function vt(s) {
   return (s == null ? void 0 : s.reduce((e, t) => {
@@ -2174,15 +2174,15 @@ const Jr = ["title"], Qr = { className: "ao-avatar__initials" }, Ye = /* @__PURE
       class: F(["ao-avatar", `ao-avatar--${i.size}`]),
       title: i.userName
     }, [
-      o("span", Qr, j(E(n)), 1),
-      i.isClosable ? (u(), P(ue, {
+      o("span", Qr, N(E(n)), 1),
+      i.isClosable ? (u(), j(ue, {
         key: 0,
         "icon-name": "CloseRounded",
         class: "ao-avatar__close",
         color: "primary",
         corners: "round",
-        onClick: a
-      })) : w("", !0)
+        onClick: we(a, ["stop"])
+      }, null, 8, ["onClick"])) : M("", !0)
     ], 10, Jr));
   }
 });
@@ -2210,7 +2210,7 @@ const xr = { class: "ao-card-template__subitems" }, e3 = { class: "ao-card-templ
     const t = (n) => {
       e("updateTitle", n);
     };
-    return (n, a) => (u(), P(rt, {
+    return (n, a) => (u(), j(rt, {
       title: n.title,
       "is-draggable": !0,
       "onUpdate:title": t
@@ -2218,18 +2218,18 @@ const xr = { class: "ao-card-template__subitems" }, e3 = { class: "ao-card-templ
       subtitle: R(() => [
         o("ul", xr, [
           o("li", e3, [
-            b(ae, {
+            y(se, {
               name: "MountainFlagOutlineRounded",
               size: "sm"
             }),
-            o("span", t3, j(n.milestones), 1)
+            o("span", t3, N(n.milestones), 1)
           ]),
           o("li", s3, [
-            b(ae, {
+            y(se, {
               name: "TaskOutlineRounded",
               size: "sm"
             }),
-            o("span", a3, j(n.activities), 1)
+            o("span", a3, N(n.activities), 1)
           ])
         ])
       ]),
@@ -2237,20 +2237,20 @@ const xr = { class: "ao-card-template__subitems" }, e3 = { class: "ao-card-templ
         o("div", l3, [
           o("div", n3, [
             o("div", i3, [
-              b(ae, {
+              y(se, {
                 name: "WaterfallChartRounded",
                 size: "sm"
               }),
-              o("span", o3, j(n.$t("template.phases.title")), 1)
+              o("span", o3, N(n.$t("template.phases.title")), 1)
             ]),
             n.phases ? (u(), C("ul", r3, [
-              (u(!0), C(le, null, pe(n.phases, (i) => (u(), P(f1, {
+              (u(!0), C(ae, null, pe(n.phases, (i) => (u(), j(f1, {
                 key: i.id,
                 label: i.name || i.id,
                 color: "primary",
                 variant: "solid"
               }, null, 8, ["label"]))), 128))
-            ])) : w("", !0)
+            ])) : M("", !0)
           ])
         ])
       ]),
@@ -2258,20 +2258,20 @@ const xr = { class: "ao-card-template__subitems" }, e3 = { class: "ao-card-templ
         o("div", u3, [
           n.updatedAt ? (u(), C("div", c3, [
             o("div", d3, [
-              o("span", p3, j(n.$t("template.updatedAt.label")), 1)
+              o("span", p3, N(n.$t("template.updatedAt.label")), 1)
             ]),
             o("div", v3, [
-              o("span", null, j(n.updatedAt), 1)
+              o("span", null, N(n.updatedAt), 1)
             ])
-          ])) : w("", !0),
+          ])) : M("", !0),
           n.updatedBy ? (u(), C("div", C3, [
             o("div", _3, [
-              o("span", m3, j(n.$t("template.updatedBy.label")), 1)
+              o("span", m3, N(n.$t("template.updatedBy.label")), 1)
             ]),
             o("div", h3, [
-              b(Ye, { "user-name": n.updatedBy }, null, 8, ["user-name"])
+              y(Ye, { "user-name": n.updatedBy }, null, 8, ["user-name"])
             ])
-          ])) : w("", !0)
+          ])) : M("", !0)
         ])
       ]),
       _: 1
@@ -2287,12 +2287,12 @@ const g3 = { class: "ao-page-header" }, y3 = { class: "ao-page-header-main" }, b
   setup(s) {
     return (e, t) => (u(), C("header", g3, [
       o("div", y3, [
-        e.canGoBack ? (u(), P(ue, {
+        e.canGoBack ? (u(), j(ue, {
           key: 0,
           "icon-name": "ArrowBackRounded",
           variant: "ghost",
           onClick: t[0] || (t[0] = (n) => e.$emit("goBack"))
-        })) : w("", !0),
+        })) : M("", !0),
         Y(e.$slots, "primary")
       ]),
       o("div", b3, [
@@ -2317,7 +2317,7 @@ const $3 = ["type"], w3 = {
     corners: { default: () => it.ROUNDED }
   },
   setup(s) {
-    const e = s, t = g(() => e.size), n = g(() => e.isLoading ? "Loading" : e.iconName);
+    const e = s, t = f(() => e.size), n = f(() => e.isLoading ? "Loading" : e.iconName);
     return (a, i) => (u(), C("button", {
       type: a.type,
       class: F([
@@ -2328,21 +2328,21 @@ const $3 = ["type"], w3 = {
       ])
     }, [
       Y(a.$slots, "default", {}, () => [
-        a.label ? (u(), C("span", w3, j(a.label), 1)) : w("", !0)
+        a.label ? (u(), C("span", w3, N(a.label), 1)) : M("", !0)
       ]),
-      n.value ? (u(), P(ae, {
+      n.value ? (u(), j(se, {
         key: 0,
         name: n.value,
         class: "ao-button-card__icon",
         size: t.value
-      }, null, 8, ["name", "size"])) : w("", !0)
+      }, null, 8, ["name", "size"])) : M("", !0)
     ], 10, $3));
   }
 });
 const M3 = { class: "ao-card-template-item__footer" }, A3 = {
   key: 0,
   class: "ao-card-template-item__subitem"
-}, k3 = { class: "ao-card-template-item__subitem-number" }, I3 = { class: "ao-card-template-item__secondary" }, j1 = /* @__PURE__ */ K({
+}, k3 = { class: "ao-card-template-item__subitem-number" }, I3 = { class: "ao-card-template-item__secondary" }, N1 = /* @__PURE__ */ K({
   __name: "AoCardTemplateItem",
   props: {
     milestones: {},
@@ -2362,28 +2362,28 @@ const M3 = { class: "ao-card-template-item__footer" }, A3 = {
     }, i = () => {
       e("remove");
     };
-    return (l, r) => (u(), P(rt, { "onUpdate:title": t }, {
+    return (l, r) => (u(), j(rt, { "onUpdate:title": t }, {
       footer: R(() => [
         o("ul", M3, [
-          (u(), C(le, null, pe(n, (c) => (u(), C(le, { key: c }, [
+          (u(), C(ae, null, pe(n, (c) => (u(), C(ae, { key: c }, [
             l.$props[c] ? (u(), C("li", A3, [
-              b(ae, {
+              y(se, {
                 name: a[c],
                 size: "sm"
               }, null, 8, ["name"]),
-              o("span", k3, j(l.$props[c]), 1)
-            ])) : w("", !0)
+              o("span", k3, N(l.$props[c]), 1)
+            ])) : M("", !0)
           ], 64))), 64))
         ])
       ]),
       secondary: R(() => [
         o("div", I3, [
-          b(ue, {
+          y(ue, {
             "icon-name": "DeleteOutlineRounded",
             variant: "ghost",
             size: "md",
             corners: "round",
-            onClick: ke(i, ["stop"])
+            onClick: we(i, ["stop"])
           }, null, 8, ["onClick"])
         ])
       ]),
@@ -2399,11 +2399,11 @@ const S3 = /* @__PURE__ */ K({
     milestones: {}
   },
   setup(s) {
-    const e = s, t = g(() => {
+    const e = s, t = f(() => {
       var a;
       return (a = e.milestones) == null ? void 0 : a.length;
-    }), n = g(() => e.milestones ? vt(e.milestones) : 0);
-    return (a, i) => (u(), P(j1, Ee({
+    }), n = f(() => e.milestones ? vt(e.milestones) : 0);
+    return (a, i) => (u(), j(N1, Ee({
       title: a.name,
       activities: n.value,
       milestones: t.value
@@ -2420,11 +2420,11 @@ const S3 = /* @__PURE__ */ K({
     activities: {}
   },
   setup(s) {
-    const e = s, t = g(() => {
+    const e = s, t = f(() => {
       var n;
       return ((n = e.activities) == null ? void 0 : n.length) || 0;
     });
-    return (n, a) => (u(), P(j1, { activities: t.value }, {
+    return (n, a) => (u(), j(N1, { activities: t.value }, {
       default: R(() => [
         Y(n.$slots, "default")
       ]),
@@ -2455,7 +2455,7 @@ const S3 = /* @__PURE__ */ K({
         });
       }
     };
-    return (r, c) => r.phase ? (u(), P(E(n1), {
+    return (r, c) => r.phase ? (u(), j(E(n1), {
       key: 0,
       "model-value": r.phase.milestones,
       class: "ao-templates__list",
@@ -2465,14 +2465,14 @@ const S3 = /* @__PURE__ */ K({
       onChange: l
     }, {
       header: R(() => [
-        b(ce, {
+        y(ce, {
           title: "Milestones",
           level: 3,
           class: "ao-list__title"
         })
       ]),
       item: R(({ element: d }) => [
-        (u(), P(V3, {
+        (u(), j(V3, {
           key: d.id,
           title: d.name,
           activities: d.activities,
@@ -2489,7 +2489,7 @@ const S3 = /* @__PURE__ */ K({
       ]),
       footer: R(() => [
         o("div", L3, [
-          b(Be, {
+          y(Be, {
             "icon-name": "AddBoxOutlineRounded",
             label: r.$t("template.milestones.add"),
             onClick: n
@@ -2497,7 +2497,7 @@ const S3 = /* @__PURE__ */ K({
         ])
       ]),
       _: 1
-    }, 8, ["model-value", "title"])) : w("", !0);
+    }, 8, ["model-value", "title"])) : M("", !0);
   }
 }), E3 = /* @__PURE__ */ K({
   __name: "AoCardTemplateItemActivity",
@@ -2506,11 +2506,11 @@ const S3 = /* @__PURE__ */ K({
     subtasks: {}
   },
   setup(s) {
-    const e = s, t = g(() => {
+    const e = s, t = f(() => {
       var n;
       return ((n = e.subtasks) == null ? void 0 : n.length) || 0;
     });
-    return (n, a) => (u(), P(j1, { subtasks: t.value }, {
+    return (n, a) => (u(), j(N1, { subtasks: t.value }, {
       default: R(() => [
         Y(n.$slots, "default")
       ]),
@@ -2544,7 +2544,7 @@ const S3 = /* @__PURE__ */ K({
         });
       }
     };
-    return (r, c) => r.milestone ? (u(), P(E(n1), {
+    return (r, c) => r.milestone ? (u(), j(E(n1), {
       key: 0,
       "model-value": r.milestone.activities,
       title: r.$t("template.activities.title"),
@@ -2554,14 +2554,14 @@ const S3 = /* @__PURE__ */ K({
       onChange: l
     }, {
       header: R(() => [
-        b(ce, {
+        y(ce, {
           title: "Activities",
           level: 3,
           class: "ao-list__title"
         })
       ]),
       item: R(({ element: d }) => [
-        (u(), P(E3, {
+        (u(), j(E3, {
           key: d.id,
           title: d.name,
           subtasks: d.subtasks,
@@ -2574,7 +2574,7 @@ const S3 = /* @__PURE__ */ K({
       ]),
       footer: R(() => [
         o("div", H3, [
-          b(Be, {
+          y(Be, {
             "icon-name": "AddBoxOutlineRounded",
             label: r.$t("template.activities.add"),
             onClick: n
@@ -2582,24 +2582,24 @@ const S3 = /* @__PURE__ */ K({
         ])
       ]),
       _: 1
-    }, 8, ["model-value", "title"])) : w("", !0);
+    }, 8, ["model-value", "title"])) : M("", !0);
   }
 });
-function Ae(s) {
+function ke(s) {
   return [null, void 0].indexOf(s) !== -1;
 }
 function B3(s, e, t) {
   const { object: n, valueProp: a, mode: i } = fe(s), l = Oe().proxy, r = t.iv, c = (_, m = !0) => {
     r.value = p(_);
-    const $ = d(_);
-    e.emit("change", $, l), m && (e.emit("input", $), e.emit("update:modelValue", $));
-  }, d = (_) => n.value || Ae(_) ? _ : Array.isArray(_) ? _.map((m) => m[a.value]) : _[a.value], p = (_) => Ae(_) ? i.value === "single" ? {} : [] : _;
+    const w = d(_);
+    e.emit("change", w, l), m && (e.emit("input", w), e.emit("update:modelValue", w));
+  }, d = (_) => n.value || ke(_) ? _ : Array.isArray(_) ? _.map((m) => m[a.value]) : _[a.value], p = (_) => ke(_) ? i.value === "single" ? {} : [] : _;
   return {
     update: c
   };
 }
 function D3(s, e) {
-  const { value: t, modelValue: n, mode: a, valueProp: i } = fe(s), l = Q(a.value !== "single" ? [] : {}), r = n && n.value !== void 0 ? n : t, c = g(() => a.value === "single" ? l.value[i.value] : l.value.map((p) => p[i.value])), d = g(() => a.value !== "single" ? l.value.map((p) => p[i.value]).join(",") : l.value[i.value]);
+  const { value: t, modelValue: n, mode: a, valueProp: i } = fe(s), l = Q(a.value !== "single" ? [] : {}), r = n && n.value !== void 0 ? n : t, c = f(() => a.value === "single" ? l.value[i.value] : l.value.map((p) => p[i.value])), d = f(() => a.value !== "single" ? l.value.map((p) => p[i.value]).join(",") : l.value[i.value]);
   return {
     iv: l,
     internalValue: l,
@@ -2612,23 +2612,23 @@ function D3(s, e) {
 function Z3(s, e, t) {
   const { regex: n } = fe(s), a = Oe().proxy, i = t.isOpen, l = t.open, r = Q(null), c = Q(null), d = () => {
     r.value = "";
-  }, p = ($) => {
-    r.value = $.target.value;
-  }, _ = ($) => {
+  }, p = (w) => {
+    r.value = w.target.value;
+  }, _ = (w) => {
     if (n && n.value) {
       let I = n.value;
-      typeof I == "string" && (I = new RegExp(I)), $.key.match(I) || $.preventDefault();
+      typeof I == "string" && (I = new RegExp(I)), w.key.match(I) || w.preventDefault();
     }
-  }, m = ($) => {
+  }, m = (w) => {
     if (n && n.value) {
-      let T = ($.clipboardData || /* istanbul ignore next */
-      window.clipboardData).getData("Text"), N = n.value;
-      typeof N == "string" && (N = new RegExp(N)), T.split("").every((S) => !!S.match(N)) || $.preventDefault();
+      let L = (w.clipboardData || /* istanbul ignore next */
+      window.clipboardData).getData("Text"), Z = n.value;
+      typeof Z == "string" && (Z = new RegExp(Z)), L.split("").every(($) => !!$.match(Z)) || w.preventDefault();
     }
-    e.emit("paste", $, a);
+    e.emit("paste", w, a);
   };
-  return de(r, ($) => {
-    !i.value && $ && l(), e.emit("search-change", $, a);
+  return de(r, (w) => {
+    !i.value && w && l(), e.emit("search-change", w, a);
   }), {
     search: r,
     input: c,
@@ -2653,10 +2653,10 @@ function P3(s, e, t) {
 function O1(s, e = !0) {
   return e ? String(s).toLowerCase().trim() : String(s).toLowerCase().normalize("NFD").trim().replace(new RegExp(/æ/g), "ae").replace(new RegExp(/œ/g), "oe").replace(new RegExp(/ø/g), "o").replace(/\p{Diacritic}/gu, "");
 }
-function N3(s) {
+function j3(s) {
   return Object.prototype.toString.call(s) === "[object Object]";
 }
-function j3(s, e) {
+function N3(s, e) {
   const t = e.slice().sort();
   return s.length === e.length && s.slice().sort().every(function(n, a) {
     return n === t[a];
@@ -2674,16 +2674,16 @@ function R3(s, e, t) {
     label: p,
     appendNewTag: _,
     appendNewOption: m,
-    multipleLabel: $,
+    multipleLabel: w,
     object: I,
-    loading: T,
-    delay: N,
-    resolveOnLoad: S,
-    minChars: h,
-    filterResults: O,
+    loading: L,
+    delay: Z,
+    resolveOnLoad: $,
+    minChars: b,
+    filterResults: B,
     clearOnSearch: x,
-    clearOnSelect: se,
-    valueProp: f,
+    clearOnSelect: le,
+    valueProp: h,
     allowAbsent: H,
     groupLabel: U,
     canDeselect: te,
@@ -2691,82 +2691,82 @@ function R3(s, e, t) {
     strict: Ce,
     closeOnSelect: D,
     closeOnDeselect: X,
-    groups: M,
+    groups: A,
     reverse: W,
     infinite: _e,
-    groupOptions: y,
-    groupHideEmpty: B,
-    groupSelect: L,
+    groupOptions: g,
+    groupHideEmpty: O,
+    groupSelect: T,
     onCreate: G,
     disabledProp: ee,
     searchStart: me,
     searchFilter: $e
-  } = fe(s), ne = Oe().proxy, q = t.iv, A = t.ev, Z = t.search, he = t.clearSearch, Ie = t.update, ft = t.pointer, Ze = t.clearPointer, gt = t.focus, yt = t.deactivate, Pe = t.close, bt = t.localize, We = Q([]), Le = Q([]), we = Q(!1), A1 = Q(null), k1 = Q(_e.value && l.value === -1 ? 10 : l.value), z1 = g(() => c.value || d.value || !1), $t = g(() => _.value !== void 0 ? _.value : m.value !== void 0 ? m.value : !0), Te = g(() => {
-    if (M.value) {
+  } = fe(s), ne = Oe().proxy, q = t.iv, k = t.ev, P = t.search, he = t.clearSearch, Ie = t.update, ft = t.pointer, Ze = t.clearPointer, gt = t.focus, yt = t.deactivate, Pe = t.close, bt = t.localize, We = Q([]), Le = Q([]), Me = Q(!1), A1 = Q(null), k1 = Q(_e.value && l.value === -1 ? 10 : l.value), z1 = f(() => c.value || d.value || !1), $t = f(() => _.value !== void 0 ? _.value : m.value !== void 0 ? m.value : !0), Te = f(() => {
+    if (A.value) {
       let v = r1.value || /* istanbul ignore next */
-      [], k = [];
+      [], S = [];
       return v.forEach((J) => {
-        E1(J[y.value]).forEach((oe) => {
-          k.push(Object.assign({}, oe, J[ee.value] ? { [ee.value]: !0 } : {}));
+        E1(J[g.value]).forEach((oe) => {
+          S.push(Object.assign({}, oe, J[ee.value] ? { [ee.value]: !0 } : {}));
         });
-      }), k;
+      }), S;
     } else {
       let v = E1(Le.value || /* istanbul ignore next */
       []);
       return We.value.length && (v = v.concat(We.value)), v;
     }
-  }), F1 = g(() => {
+  }), F1 = f(() => {
     let v = Te.value;
-    return W.value && (v = v.reverse()), Ne.value.length && (v = Ne.value.concat(v)), T1(v);
-  }), Xe = g(() => {
+    return W.value && (v = v.reverse()), je.value.length && (v = je.value.concat(v)), T1(v);
+  }), Xe = f(() => {
     let v = F1.value;
     return k1.value > 0 && (v = v.slice(0, k1.value)), v;
-  }), r1 = g(() => {
-    if (!M.value)
+  }), r1 = f(() => {
+    if (!A.value)
       return [];
-    let v = [], k = Le.value || /* istanbul ignore next */
+    let v = [], S = Le.value || /* istanbul ignore next */
     [];
     return We.value.length && v.push({
       [U.value]: " ",
-      [y.value]: [...We.value],
+      [g.value]: [...We.value],
       __CREATE__: !0
-    }), v.concat(k);
-  }), wt = g(() => {
-    let v = [...r1.value].map((k) => ({ ...k }));
-    return Ne.value.length && (v[0] && v[0].__CREATE__ ? v[0][y.value] = [...Ne.value, ...v[0][y.value]] : v = [{
+    }), v.concat(S);
+  }), wt = f(() => {
+    let v = [...r1.value].map((S) => ({ ...S }));
+    return je.value.length && (v[0] && v[0].__CREATE__ ? v[0][g.value] = [...je.value, ...v[0][g.value]] : v = [{
       [U.value]: " ",
-      [y.value]: [...Ne.value],
+      [g.value]: [...je.value],
       __CREATE__: !0
     }].concat(v)), v;
-  }), K1 = g(() => {
-    if (!M.value)
+  }), K1 = f(() => {
+    if (!A.value)
       return [];
     let v = wt.value;
     return Pt((v || /* istanbul ignore next */
-    []).map((k, J) => {
-      const oe = E1(k[y.value]);
+    []).map((S, J) => {
+      const oe = E1(S[g.value]);
       return {
-        ...k,
+        ...S,
         index: J,
         group: !0,
-        [y.value]: T1(oe, !1).map((Je) => Object.assign({}, Je, k[ee.value] ? { [ee.value]: !0 } : {})),
-        __VISIBLE__: T1(oe).map((Je) => Object.assign({}, Je, k[ee.value] ? { [ee.value]: !0 } : {}))
+        [g.value]: T1(oe, !1).map((Je) => Object.assign({}, Je, S[ee.value] ? { [ee.value]: !0 } : {})),
+        __VISIBLE__: T1(oe).map((Je) => Object.assign({}, Je, S[ee.value] ? { [ee.value]: !0 } : {}))
       };
     }));
-  }), I1 = g(() => {
+  }), I1 = f(() => {
     switch (a.value) {
       case "single":
-        return !Ae(q.value[f.value]);
+        return !ke(q.value[h.value]);
       case "multiple":
       case "tags":
-        return !Ae(q.value) && q.value.length > 0;
+        return !ke(q.value) && q.value.length > 0;
     }
-  }), Mt = g(() => $ !== void 0 && $.value !== void 0 ? $.value(q.value, ne) : q.value && q.value.length > 1 ? `${q.value.length} options selected` : "1 option selected"), At = g(() => !Te.value.length && !we.value && !Ne.value.length), kt = g(() => Te.value.length > 0 && Xe.value.length == 0 && (Z.value && M.value || !M.value)), Ne = g(() => z1.value === !1 || !Z.value ? [] : Bt(Z.value) !== -1 ? [] : [{
-    [f.value]: Z.value,
-    [Me.value]: Z.value,
-    [p.value]: Z.value,
+  }), Mt = f(() => w !== void 0 && w.value !== void 0 ? w.value(q.value, ne) : q.value && q.value.length > 1 ? `${q.value.length} options selected` : "1 option selected"), At = f(() => !Te.value.length && !Me.value && !je.value.length), kt = f(() => Te.value.length > 0 && Xe.value.length == 0 && (P.value && A.value || !A.value)), je = f(() => z1.value === !1 || !P.value ? [] : Bt(P.value) !== -1 ? [] : [{
+    [h.value]: P.value,
+    [Ae.value]: P.value,
+    [p.value]: P.value,
     __CREATE__: !0
-  }]), Me = g(() => i.value || p.value), It = g(() => {
+  }]), Ae = f(() => i.value || p.value), It = f(() => {
     switch (a.value) {
       case "single":
         return null;
@@ -2774,7 +2774,7 @@ function R3(s, e, t) {
       case "tags":
         return [];
     }
-  }), St = g(() => T.value || we.value), je = (v) => {
+  }), St = f(() => L.value || Me.value), Ne = (v) => {
     switch (typeof v != "object" && (v = Ve(v)), a.value) {
       case "single":
         Ie(v);
@@ -2792,15 +2792,15 @@ function R3(s, e, t) {
         break;
       case "tags":
       case "multiple":
-        Ie(Array.isArray(v) ? q.value.filter((k) => v.map((J) => J[f.value]).indexOf(k[f.value]) === -1) : q.value.filter((k) => k[f.value] != v[f.value]));
+        Ie(Array.isArray(v) ? q.value.filter((S) => v.map((J) => J[h.value]).indexOf(S[h.value]) === -1) : q.value.filter((S) => S[h.value] != v[h.value]));
         break;
     }
     e.emit("deselect", G1(v), v, ne);
-  }, G1 = (v) => I.value ? v : v[f.value], Y1 = (v) => {
+  }, G1 = (v) => I.value ? v : v[h.value], Y1 = (v) => {
     Re(v);
-  }, Vt = (v, k) => {
-    if (k.button !== 0) {
-      k.preventDefault();
+  }, Vt = (v, S) => {
+    if (S.button !== 0) {
+      S.preventDefault();
       return;
     }
     Y1(v);
@@ -2808,19 +2808,19 @@ function R3(s, e, t) {
     e.emit("clear", ne), Ie(It.value);
   }, Se = (v) => {
     if (v.group !== void 0)
-      return a.value === "single" ? !1 : Ot(v[y.value]) && v[y.value].length;
+      return a.value === "single" ? !1 : Ot(v[g.value]) && v[g.value].length;
     switch (a.value) {
       case "single":
-        return !Ae(q.value) && q.value[f.value] == v[f.value];
+        return !ke(q.value) && q.value[h.value] == v[h.value];
       case "tags":
       case "multiple":
-        return !Ae(q.value) && q.value.map((k) => k[f.value]).indexOf(v[f.value]) !== -1;
+        return !ke(q.value) && q.value.map((S) => S[h.value]).indexOf(v[h.value]) !== -1;
     }
   }, S1 = (v) => v[ee.value] === !0, V1 = () => re === void 0 || re.value === -1 || !I1.value && re.value > 0 ? !1 : q.value.length >= re.value, Lt = (v) => {
     if (!S1(v)) {
       if (G && G.value && !Se(v) && v.__CREATE__ && (v = { ...v }, delete v.__CREATE__, v = G.value(v, ne), v instanceof Promise)) {
-        we.value = !0, v.then((k) => {
-          we.value = !1, X1(k);
+        Me.value = !0, v.then((S) => {
+          Me.value = !1, X1(S);
         });
         return;
       }
@@ -2833,7 +2833,7 @@ function R3(s, e, t) {
           te.value && Re(v), X.value && (Ze(), Pe());
           return;
         }
-        v && L1(v), se.value && he(), D.value && (Ze(), Pe()), v && je(v);
+        v && L1(v), le.value && he(), D.value && (Ze(), Pe()), v && Ne(v);
         break;
       case "multiple":
         if (v && Se(v)) {
@@ -2844,7 +2844,7 @@ function R3(s, e, t) {
           e.emit("max", ne);
           return;
         }
-        v && (L1(v), je(v)), se.value && he(), r.value && Ze(), D.value && Pe();
+        v && (L1(v), Ne(v)), le.value && he(), r.value && Ze(), D.value && Pe();
         break;
       case "tags":
         if (v && Se(v)) {
@@ -2855,118 +2855,118 @@ function R3(s, e, t) {
           e.emit("max", ne);
           return;
         }
-        v && L1(v), se.value && he(), v && je(v), r.value && Ze(), D.value && Pe();
+        v && L1(v), le.value && he(), v && Ne(v), r.value && Ze(), D.value && Pe();
         break;
     }
     D.value || gt();
   }, Tt = (v) => {
-    if (!(S1(v) || a.value === "single" || !L.value)) {
+    if (!(S1(v) || a.value === "single" || !T.value)) {
       switch (a.value) {
         case "multiple":
         case "tags":
-          Ht(v[y.value]) ? Re(v[y.value]) : je(
-            v[y.value].filter((k) => q.value.map((J) => J[f.value]).indexOf(k[f.value]) === -1).filter((k) => !k[ee.value]).filter((k, J) => q.value.length + 1 + J <= re.value || re.value === -1)
+          Ht(v[g.value]) ? Re(v[g.value]) : Ne(
+            v[g.value].filter((S) => q.value.map((J) => J[h.value]).indexOf(S[h.value]) === -1).filter((S) => !S[ee.value]).filter((S, J) => q.value.length + 1 + J <= re.value || re.value === -1)
           );
           break;
       }
       D.value && yt();
     }
   }, L1 = (v) => {
-    Ve(v[f.value]) === void 0 && z1.value && (e.emit("tag", v[f.value], ne), e.emit("option", v[f.value], ne), e.emit("create", v[f.value], ne), $t.value && Zt(v), he());
+    Ve(v[h.value]) === void 0 && z1.value && (e.emit("tag", v[h.value], ne), e.emit("option", v[h.value], ne), e.emit("create", v[h.value], ne), $t.value && Zt(v), he());
   }, Et = () => {
-    a.value !== "single" && je(Xe.value.filter((v) => !v.disabled && !Se(v)));
-  }, Ht = (v) => v.find((k) => !Se(k) && !k[ee.value]) === void 0, Ot = (v) => v.find((k) => !Se(k)) === void 0, Ve = (v) => Te.value[Te.value.map((k) => String(k[f.value])).indexOf(String(v))], Bt = (v, k = !0) => Te.value.map((J) => parseInt(J[Me.value]) == J[Me.value] ? parseInt(J[Me.value]) : J[Me.value]).indexOf(
+    a.value !== "single" && Ne(Xe.value.filter((v) => !v.disabled && !Se(v)));
+  }, Ht = (v) => v.find((S) => !Se(S) && !S[ee.value]) === void 0, Ot = (v) => v.find((S) => !Se(S)) === void 0, Ve = (v) => Te.value[Te.value.map((S) => String(S[h.value])).indexOf(String(v))], Bt = (v, S = !0) => Te.value.map((J) => parseInt(J[Ae.value]) == J[Ae.value] ? parseInt(J[Ae.value]) : J[Ae.value]).indexOf(
     parseInt(v) == v ? parseInt(v) : v
   ), Dt = (v) => ["tags", "multiple"].indexOf(a.value) !== -1 && r.value && Se(v), Zt = (v) => {
     We.value.push(v);
-  }, Pt = (v) => B.value ? v.filter(
-    (k) => Z.value ? k.__VISIBLE__.length : k[y.value].length
-  ) : v.filter((k) => Z.value ? k.__VISIBLE__.length : !0), T1 = (v, k = !0) => {
+  }, Pt = (v) => O.value ? v.filter(
+    (S) => P.value ? S.__VISIBLE__.length : S[g.value].length
+  ) : v.filter((S) => P.value ? S.__VISIBLE__.length : !0), T1 = (v, S = !0) => {
     let J = v;
-    if (Z.value && O.value) {
+    if (P.value && B.value) {
       let oe = $e.value;
       oe || (oe = (Je, Zu) => {
-        let Q1 = O1(bt(Je[Me.value]), Ce.value);
-        return me.value ? Q1.startsWith(O1(Z.value, Ce.value)) : Q1.indexOf(O1(Z.value, Ce.value)) !== -1;
+        let Q1 = O1(bt(Je[Ae.value]), Ce.value);
+        return me.value ? Q1.startsWith(O1(P.value, Ce.value)) : Q1.indexOf(O1(P.value, Ce.value)) !== -1;
       }), J = J.filter(oe);
     }
-    return r.value && k && (J = J.filter((oe) => !Dt(oe))), J;
+    return r.value && S && (J = J.filter((oe) => !Dt(oe))), J;
   }, E1 = (v) => {
-    let k = v;
-    return N3(k) && (k = Object.keys(k).map((J) => {
-      let oe = k[J];
-      return { [f.value]: J, [Me.value]: oe, [p.value]: oe };
-    })), k = k.map((J) => typeof J == "object" ? J : { [f.value]: J, [Me.value]: J, [p.value]: J }), k;
+    let S = v;
+    return j3(S) && (S = Object.keys(S).map((J) => {
+      let oe = S[J];
+      return { [h.value]: J, [Ae.value]: oe, [p.value]: oe };
+    })), S = S.map((J) => typeof J == "object" ? J : { [h.value]: J, [Ae.value]: J, [p.value]: J }), S;
   }, u1 = () => {
-    Ae(A.value) || (q.value = d1(A.value));
-  }, c1 = (v) => (we.value = !0, new Promise((k, J) => {
-    n.value(Z.value, ne).then((oe) => {
-      Le.value = oe || [], typeof v == "function" && v(oe), we.value = !1;
+    ke(k.value) || (q.value = d1(k.value));
+  }, c1 = (v) => (Me.value = !0, new Promise((S, J) => {
+    n.value(P.value, ne).then((oe) => {
+      Le.value = oe || [], typeof v == "function" && v(oe), Me.value = !1;
     }).catch((oe) => {
-      console.error(oe), Le.value = [], we.value = !1;
+      console.error(oe), Le.value = [], Me.value = !1;
     }).finally(() => {
-      k();
+      S();
     });
   })), H1 = () => {
     if (I1.value)
       if (a.value === "single") {
-        let v = Ve(q.value[f.value]);
+        let v = Ve(q.value[h.value]);
         if (v !== void 0) {
-          let k = v[p.value];
-          q.value[p.value] = k, I.value && (A.value[p.value] = k);
+          let S = v[p.value];
+          q.value[p.value] = S, I.value && (k.value[p.value] = S);
         }
       } else
-        q.value.forEach((v, k) => {
-          let J = Ve(q.value[k][f.value]);
+        q.value.forEach((v, S) => {
+          let J = Ve(q.value[S][h.value]);
           if (J !== void 0) {
             let oe = J[p.value];
-            q.value[k][p.value] = oe, I.value && (A.value[k][p.value] = oe);
+            q.value[S][p.value] = oe, I.value && (k.value[S][p.value] = oe);
           }
         });
-  }, Nt = (v) => {
+  }, jt = (v) => {
     c1(v);
-  }, d1 = (v) => Ae(v) ? a.value === "single" ? {} : [] : I.value ? v : a.value === "single" ? Ve(v) || (H.value ? {
+  }, d1 = (v) => ke(v) ? a.value === "single" ? {} : [] : I.value ? v : a.value === "single" ? Ve(v) || (H.value ? {
     [p.value]: v,
-    [f.value]: v,
-    [Me.value]: v
-  } : {}) : v.filter((k) => !!Ve(k) || H.value).map((k) => Ve(k) || {
-    [p.value]: k,
-    [f.value]: k,
-    [Me.value]: k
+    [h.value]: v,
+    [Ae.value]: v
+  } : {}) : v.filter((S) => !!Ve(S) || H.value).map((S) => Ve(S) || {
+    [p.value]: S,
+    [h.value]: S,
+    [Ae.value]: S
   }), J1 = () => {
-    A1.value = de(Z, (v) => {
-      v.length < h.value || !v && h.value !== 0 || (we.value = !0, x.value && (Le.value = []), setTimeout(() => {
-        v == Z.value && n.value(Z.value, ne).then((k) => {
-          (v == Z.value || !Z.value) && (Le.value = k, ft.value = Xe.value.filter((J) => J[ee.value] !== !0)[0] || null, we.value = !1);
+    A1.value = de(P, (v) => {
+      v.length < b.value || !v && b.value !== 0 || (Me.value = !0, x.value && (Le.value = []), setTimeout(() => {
+        v == P.value && n.value(P.value, ne).then((S) => {
+          (v == P.value || !P.value) && (Le.value = S, ft.value = Xe.value.filter((J) => J[ee.value] !== !0)[0] || null, Me.value = !1);
         }).catch(
           /* istanbul ignore next */
-          (k) => {
-            console.error(k);
+          (S) => {
+            console.error(S);
           }
         );
-      }, N.value));
+      }, Z.value));
     }, { flush: "sync" });
   };
-  if (a.value !== "single" && !Ae(A.value) && !Array.isArray(A.value))
+  if (a.value !== "single" && !ke(k.value) && !Array.isArray(k.value))
     throw new Error(`v-model must be an array when using "${a.value}" mode`);
-  return n && typeof n.value == "function" ? S.value ? c1(u1) : I.value == !0 && u1() : (Le.value = n.value, u1()), N.value > -1 && J1(), de(N, (v, k) => {
+  return n && typeof n.value == "function" ? $.value ? c1(u1) : I.value == !0 && u1() : (Le.value = n.value, u1()), Z.value > -1 && J1(), de(Z, (v, S) => {
     A1.value && A1.value(), v >= 0 && J1();
-  }), de(A, (v) => {
-    if (Ae(v)) {
+  }), de(k, (v) => {
+    if (ke(v)) {
       Ie(d1(v), !1);
       return;
     }
     switch (a.value) {
       case "single":
-        (I.value ? v[f.value] != q.value[f.value] : v != q.value[f.value]) && Ie(d1(v), !1);
+        (I.value ? v[h.value] != q.value[h.value] : v != q.value[h.value]) && Ie(d1(v), !1);
         break;
       case "multiple":
       case "tags":
-        j3(I.value ? v.map((k) => k[f.value]) : v, q.value.map((k) => k[f.value])) || Ie(d1(v), !1);
+        N3(I.value ? v.map((S) => S[h.value]) : v, q.value.map((S) => S[h.value])) || Ie(d1(v), !1);
         break;
     }
-  }, { deep: !0 }), de(n, (v, k) => {
-    typeof s.options == "function" ? S.value && (!k || v && v.toString() !== k.toString()) && c1() : (Le.value = s.options, Object.keys(q.value).length || u1(), H1());
+  }, { deep: !0 }), de(n, (v, S) => {
+    typeof s.options == "function" ? $.value && (!S || v && v.toString() !== S.toString()) && c1() : (Le.value = s.options, Object.keys(q.value).length || u1(), H1());
   }), de(p, H1), {
     pfo: F1,
     fo: Xe,
@@ -2981,10 +2981,10 @@ function R3(s, e, t) {
     filteredGroups: K1,
     noOptions: At,
     noResults: kt,
-    resolving: we,
+    resolving: Me,
     busy: St,
     offset: k1,
-    select: je,
+    select: Ne,
     deselect: Re,
     remove: Y1,
     selectAll: Et,
@@ -2996,7 +2996,7 @@ function R3(s, e, t) {
     handleOptionClick: Lt,
     handleGroupClick: Tt,
     handleTagRemove: Vt,
-    refreshOptions: Nt,
+    refreshOptions: jt,
     resolveOptions: c1,
     refreshLabels: H1
   };
@@ -3012,78 +3012,78 @@ function U3(s, e, t) {
     groupSelect: d,
     disabledProp: p,
     groupOptions: _
-  } = fe(s), m = t.fo, $ = t.fg, I = t.handleOptionClick, T = t.handleGroupClick, N = t.search, S = t.pointer, h = t.setPointer, O = t.clearPointer, x = t.multiselect, se = t.isOpen, f = g(() => m.value.filter((A) => !A[p.value])), H = g(() => $.value.filter((A) => !A[p.value])), U = g(() => c.value !== "single" && d.value), te = g(() => S.value && S.value.group), re = g(() => ne(S.value)), Ce = g(() => {
-    const A = te.value ? S.value : (
+  } = fe(s), m = t.fo, w = t.fg, I = t.handleOptionClick, L = t.handleGroupClick, Z = t.search, $ = t.pointer, b = t.setPointer, B = t.clearPointer, x = t.multiselect, le = t.isOpen, h = f(() => m.value.filter((k) => !k[p.value])), H = f(() => w.value.filter((k) => !k[p.value])), U = f(() => c.value !== "single" && d.value), te = f(() => $.value && $.value.group), re = f(() => ne($.value)), Ce = f(() => {
+    const k = te.value ? $.value : (
       /* istanbul ignore next */
-      ne(S.value)
-    ), Z = H.value.map((Ie) => Ie[l.value]).indexOf(A[l.value]);
-    let he = H.value[Z - 1];
+      ne($.value)
+    ), P = H.value.map((Ie) => Ie[l.value]).indexOf(k[l.value]);
+    let he = H.value[P - 1];
     return he === void 0 && (he = X.value), he;
-  }), D = g(() => {
-    let A = H.value.map((Z) => Z.label).indexOf(te.value ? S.value[l.value] : ne(S.value)[l.value]) + 1;
-    return H.value.length <= A && (A = 0), H.value[A];
-  }), X = g(() => [...H.value].slice(-1)[0]), M = g(() => S.value.__VISIBLE__.filter((A) => !A[p.value])[0]), W = g(() => {
-    const A = re.value.__VISIBLE__.filter((Z) => !Z[p.value]);
-    return A[A.map((Z) => Z[n.value]).indexOf(S.value[n.value]) - 1];
-  }), _e = g(() => {
-    const A = ne(S.value).__VISIBLE__.filter((Z) => !Z[p.value]);
-    return A[A.map((Z) => Z[n.value]).indexOf(S.value[n.value]) + 1];
-  }), y = g(() => [...Ce.value.__VISIBLE__.filter((A) => !A[p.value])].slice(-1)[0]), B = g(() => [...X.value.__VISIBLE__.filter((A) => !A[p.value])].slice(-1)[0]), L = (A) => S.value && (!A.group && S.value[n.value] === A[n.value] || A.group !== void 0 && S.value[l.value] === A[l.value]) ? !0 : void 0, G = () => {
-    h(f.value[0] || null);
+  }), D = f(() => {
+    let k = H.value.map((P) => P.label).indexOf(te.value ? $.value[l.value] : ne($.value)[l.value]) + 1;
+    return H.value.length <= k && (k = 0), H.value[k];
+  }), X = f(() => [...H.value].slice(-1)[0]), A = f(() => $.value.__VISIBLE__.filter((k) => !k[p.value])[0]), W = f(() => {
+    const k = re.value.__VISIBLE__.filter((P) => !P[p.value]);
+    return k[k.map((P) => P[n.value]).indexOf($.value[n.value]) - 1];
+  }), _e = f(() => {
+    const k = ne($.value).__VISIBLE__.filter((P) => !P[p.value]);
+    return k[k.map((P) => P[n.value]).indexOf($.value[n.value]) + 1];
+  }), g = f(() => [...Ce.value.__VISIBLE__.filter((k) => !k[p.value])].slice(-1)[0]), O = f(() => [...X.value.__VISIBLE__.filter((k) => !k[p.value])].slice(-1)[0]), T = (k) => $.value && (!k.group && $.value[n.value] === k[n.value] || k.group !== void 0 && $.value[l.value] === k[l.value]) ? !0 : void 0, G = () => {
+    b(h.value[0] || null);
   }, ee = () => {
-    !S.value || S.value[p.value] === !0 || (te.value ? T(S.value) : I(S.value));
+    !$.value || $.value[p.value] === !0 || (te.value ? L($.value) : I($.value));
   }, me = () => {
-    if (S.value === null)
-      h((r.value && U.value ? H.value[0].__CREATE__ ? f.value[0] : H.value[0] : f.value[0]) || null);
+    if ($.value === null)
+      b((r.value && U.value ? H.value[0].__CREATE__ ? h.value[0] : H.value[0] : h.value[0]) || null);
     else if (r.value && U.value) {
-      let A = te.value ? M.value : _e.value;
-      A === void 0 && (A = D.value, A.__CREATE__ && (A = A[_.value][0])), h(A || /* istanbul ignore next */
+      let k = te.value ? A.value : _e.value;
+      k === void 0 && (k = D.value, k.__CREATE__ && (k = k[_.value][0])), b(k || /* istanbul ignore next */
       null);
     } else {
-      let A = f.value.map((Z) => Z[n.value]).indexOf(S.value[n.value]) + 1;
-      f.value.length <= A && (A = 0), h(f.value[A] || null);
+      let k = h.value.map((P) => P[n.value]).indexOf($.value[n.value]) + 1;
+      h.value.length <= k && (k = 0), b(h.value[k] || null);
     }
     He(() => {
       q();
     });
   }, $e = () => {
-    if (S.value === null) {
-      let A = f.value[f.value.length - 1];
-      r.value && U.value && (A = B.value, A === void 0 && (A = X.value)), h(A || null);
+    if ($.value === null) {
+      let k = h.value[h.value.length - 1];
+      r.value && U.value && (k = O.value, k === void 0 && (k = X.value)), b(k || null);
     } else if (r.value && U.value) {
-      let A = te.value ? y.value : W.value;
-      A === void 0 && (A = te.value ? Ce.value : re.value, A.__CREATE__ && (A = y.value, A === void 0 && (A = Ce.value))), h(A || /* istanbul ignore next */
+      let k = te.value ? g.value : W.value;
+      k === void 0 && (k = te.value ? Ce.value : re.value, k.__CREATE__ && (k = g.value, k === void 0 && (k = Ce.value))), b(k || /* istanbul ignore next */
       null);
     } else {
-      let A = f.value.map((Z) => Z[n.value]).indexOf(S.value[n.value]) - 1;
-      A < 0 && (A = f.value.length - 1), h(f.value[A] || null);
+      let k = h.value.map((P) => P[n.value]).indexOf($.value[n.value]) - 1;
+      k < 0 && (k = h.value.length - 1), b(h.value[k] || null);
     }
     He(() => {
       q();
     });
-  }, ne = (A) => H.value.find((Z) => Z.__VISIBLE__.map((he) => he[n.value]).indexOf(A[n.value]) !== -1), q = () => {
-    let A = x.value.querySelector("[data-pointed]");
-    if (!A)
+  }, ne = (k) => H.value.find((P) => P.__VISIBLE__.map((he) => he[n.value]).indexOf(k[n.value]) !== -1), q = () => {
+    let k = x.value.querySelector("[data-pointed]");
+    if (!k)
       return;
-    let Z = A.parentElement.parentElement;
-    r.value && (Z = te.value ? A.parentElement.parentElement.parentElement : A.parentElement.parentElement.parentElement.parentElement), A.offsetTop + A.offsetHeight > Z.clientHeight + Z.scrollTop && (Z.scrollTop = A.offsetTop + A.offsetHeight - Z.clientHeight), A.offsetTop < Z.scrollTop && (Z.scrollTop = A.offsetTop);
+    let P = k.parentElement.parentElement;
+    r.value && (P = te.value ? k.parentElement.parentElement.parentElement : k.parentElement.parentElement.parentElement.parentElement), k.offsetTop + k.offsetHeight > P.clientHeight + P.scrollTop && (P.scrollTop = k.offsetTop + k.offsetHeight - P.clientHeight), k.offsetTop < P.scrollTop && (P.scrollTop = k.offsetTop);
   };
-  return de(N, (A) => {
-    i.value && (A.length && a.value ? G() : O());
-  }), de(se, (A) => {
-    if (A) {
-      let Z = x.value.querySelectorAll("[data-selected]")[0];
-      if (!Z)
+  return de(Z, (k) => {
+    i.value && (k.length && a.value ? G() : B());
+  }), de(le, (k) => {
+    if (k) {
+      let P = x.value.querySelectorAll("[data-selected]")[0];
+      if (!P)
         return;
-      let he = Z.parentElement.parentElement;
+      let he = P.parentElement.parentElement;
       He(() => {
-        he.scrollTop > 0 || (he.scrollTop = Z.offsetTop);
+        he.scrollTop > 0 || (he.scrollTop = P.offsetTop);
       });
     }
   }), {
-    pointer: S,
+    pointer: $,
     canPointGroups: U,
-    isPointed: L,
+    isPointed: T,
     setPointerFirst: G,
     selectPointer: ee,
     forwardPointer: me,
@@ -3103,11 +3103,11 @@ function q3(s, e, t) {
   };
 }
 function z3(s, e, t) {
-  const { searchable: n, disabled: a, clearOnBlur: i } = fe(s), l = t.input, r = t.open, c = t.close, d = t.clearSearch, p = t.isOpen, _ = Q(null), m = Q(null), $ = Q(null), I = Q(!1), T = Q(!1), N = g(() => n.value || a.value ? -1 : 0), S = () => {
+  const { searchable: n, disabled: a, clearOnBlur: i } = fe(s), l = t.input, r = t.open, c = t.close, d = t.clearSearch, p = t.isOpen, _ = Q(null), m = Q(null), w = Q(null), I = Q(!1), L = Q(!1), Z = f(() => n.value || a.value ? -1 : 0), $ = () => {
     n.value && l.value.blur(), m.value.blur();
-  }, h = () => {
+  }, b = () => {
     n.value && !a.value && l.value.focus();
-  }, O = (te = !0) => {
+  }, B = (te = !0) => {
     a.value || (I.value = !0, te && r());
   }, x = () => {
     I.value = !1, setTimeout(() => {
@@ -3117,28 +3117,28 @@ function z3(s, e, t) {
   return {
     multiselect: _,
     wrapper: m,
-    tags: $,
-    tabindex: N,
+    tags: w,
+    tabindex: Z,
     isActive: I,
-    mouseClicked: T,
-    blur: S,
-    focus: h,
-    activate: O,
+    mouseClicked: L,
+    blur: $,
+    focus: b,
+    activate: B,
     deactivate: x,
     handleFocusIn: (te) => {
-      te.target.closest("[data-tags]") && te.target.nodeName !== "INPUT" || te.target.closest("[data-clear]") || O(T.value);
+      te.target.closest("[data-tags]") && te.target.nodeName !== "INPUT" || te.target.closest("[data-clear]") || B(L.value);
     },
     handleFocusOut: () => {
       x();
     },
     handleCaretClick: () => {
-      x(), S();
+      x(), $();
     },
     handleMousedown: (te) => {
-      T.value = !0, p.value && (te.target.isEqualNode(m.value) || te.target.isEqualNode($.value)) ? setTimeout(() => {
+      L.value = !0, p.value && (te.target.isEqualNode(m.value) || te.target.isEqualNode(w.value)) ? setTimeout(() => {
         x();
-      }, 0) : document.activeElement.isEqualNode(m.value) && !p.value && O(), setTimeout(() => {
-        T.value = !1;
+      }, 0) : document.activeElement.isEqualNode(m.value) && !p.value && B(), setTimeout(() => {
+        L.value = !1;
       }, 0);
     }
   };
@@ -3155,81 +3155,81 @@ function F3(s, e, t) {
     addOptionOn: p,
     createTag: _,
     createOption: m,
-    reverse: $
-  } = fe(s), I = Oe().proxy, T = t.iv, N = t.update, S = t.search, h = t.setPointer, O = t.selectPointer, x = t.backwardPointer, se = t.forwardPointer, f = t.multiselect, H = t.wrapper, U = t.tags, te = t.isOpen, re = t.open, Ce = t.blur, D = t.fo, X = g(() => _.value || m.value || !1), M = g(() => a.value !== void 0 ? a.value : p.value !== void 0 ? p.value : ["enter"]), W = () => {
-    n.value === "tags" && !r.value && X.value && l.value && !d.value && h(D.value[D.value.map((L) => L[c.value]).indexOf(S.value)]);
-  }, _e = (L) => {
-    let G = L.length - 1;
-    for (; G >= 0 && (L[G].remove === !1 || L[G].disabled); )
+    reverse: w
+  } = fe(s), I = Oe().proxy, L = t.iv, Z = t.update, $ = t.search, b = t.setPointer, B = t.selectPointer, x = t.backwardPointer, le = t.forwardPointer, h = t.multiselect, H = t.wrapper, U = t.tags, te = t.isOpen, re = t.open, Ce = t.blur, D = t.fo, X = f(() => _.value || m.value || !1), A = f(() => a.value !== void 0 ? a.value : p.value !== void 0 ? p.value : ["enter"]), W = () => {
+    n.value === "tags" && !r.value && X.value && l.value && !d.value && b(D.value[D.value.map((T) => T[c.value]).indexOf($.value)]);
+  }, _e = (T) => {
+    let G = T.length - 1;
+    for (; G >= 0 && (T[G].remove === !1 || T[G].disabled); )
       G--;
-    return G < 0 || L.splice(G, 1), L;
+    return G < 0 || T.splice(G, 1), T;
   };
   return {
-    handleKeydown: (L) => {
-      e.emit("keydown", L, I);
+    handleKeydown: (T) => {
+      e.emit("keydown", T, I);
       let G, ee;
-      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(L.key) !== -1 && n.value === "tags" && (G = [...f.value.querySelectorAll("[data-tags] > *")].filter((me) => me !== U.value), ee = G.findIndex((me) => me === document.activeElement)), L.key) {
+      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(T.key) !== -1 && n.value === "tags" && (G = [...h.value.querySelectorAll("[data-tags] > *")].filter((me) => me !== U.value), ee = G.findIndex((me) => me === document.activeElement)), T.key) {
         case "Backspace":
-          if (n.value === "single" || l.value && [null, ""].indexOf(S.value) === -1 || T.value.length === 0)
+          if (n.value === "single" || l.value && [null, ""].indexOf($.value) === -1 || L.value.length === 0)
             return;
-          N(_e([...T.value]));
+          Z(_e([...L.value]));
           break;
         case "Enter":
-          if (L.preventDefault(), L.keyCode === 229)
+          if (T.preventDefault(), T.keyCode === 229)
             return;
           if (ee !== -1 && ee !== void 0) {
-            N([...T.value].filter((me, $e) => $e !== ee)), ee === G.length - 1 && (G.length - 1 ? G[G.length - 2].focus() : l.value ? U.value.querySelector("input").focus() : H.value.focus());
+            Z([...L.value].filter((me, $e) => $e !== ee)), ee === G.length - 1 && (G.length - 1 ? G[G.length - 2].focus() : l.value ? U.value.querySelector("input").focus() : H.value.focus());
             return;
           }
-          if (M.value.indexOf("enter") === -1 && X.value)
+          if (A.value.indexOf("enter") === -1 && X.value)
             return;
-          W(), O();
+          W(), B();
           break;
         case " ":
           if (!X.value && !l.value) {
-            L.preventDefault(), W(), O();
+            T.preventDefault(), W(), B();
             return;
           }
           if (!X.value)
             return !1;
-          if (M.value.indexOf("space") === -1 && X.value)
+          if (A.value.indexOf("space") === -1 && X.value)
             return;
-          L.preventDefault(), W(), O();
+          T.preventDefault(), W(), B();
           break;
         case "Tab":
         case ";":
         case ",":
-          if (M.value.indexOf(L.key.toLowerCase()) === -1 || !X.value)
+          if (A.value.indexOf(T.key.toLowerCase()) === -1 || !X.value)
             return;
-          W(), O(), L.preventDefault();
+          W(), B(), T.preventDefault();
           break;
         case "Escape":
           Ce();
           break;
         case "ArrowUp":
-          if (L.preventDefault(), !r.value)
+          if (T.preventDefault(), !r.value)
             return;
           te.value || re(), x();
           break;
         case "ArrowDown":
-          if (L.preventDefault(), !r.value)
+          if (T.preventDefault(), !r.value)
             return;
-          te.value || re(), se();
+          te.value || re(), le();
           break;
         case "ArrowLeft":
-          if (l.value && U.value && U.value.querySelector("input").selectionStart || L.shiftKey || n.value !== "tags" || !T.value || !T.value.length)
+          if (l.value && U.value && U.value.querySelector("input").selectionStart || T.shiftKey || n.value !== "tags" || !L.value || !L.value.length)
             return;
-          L.preventDefault(), ee === -1 ? G[G.length - 1].focus() : ee > 0 && G[ee - 1].focus();
+          T.preventDefault(), ee === -1 ? G[G.length - 1].focus() : ee > 0 && G[ee - 1].focus();
           break;
         case "ArrowRight":
-          if (ee === -1 || L.shiftKey || n.value !== "tags" || !T.value || !T.value.length)
+          if (ee === -1 || T.shiftKey || n.value !== "tags" || !L.value || !L.value.length)
             return;
-          L.preventDefault(), G.length > ee + 1 ? G[ee + 1].focus() : l.value ? U.value.querySelector("input").focus() : l.value || H.value.focus();
+          T.preventDefault(), G.length > ee + 1 ? G[ee + 1].focus() : l.value ? U.value.querySelector("input").focus() : l.value || H.value.focus();
           break;
       }
     },
-    handleKeyup: (L) => {
-      e.emit("keyup", L, I);
+    handleKeyup: (T) => {
+      e.emit("keyup", T, I);
     },
     preparePointer: W
   };
@@ -3240,7 +3240,7 @@ function K3(s, e, t) {
     disabled: a,
     openDirection: i,
     showOptions: l
-  } = fe(s), r = t.isOpen, c = t.isPointed, d = t.isSelected, p = t.isDisabled, _ = t.isActive, m = t.canPointGroups, $ = t.resolving, I = t.fo, T = g(() => ({
+  } = fe(s), r = t.isOpen, c = t.isPointed, d = t.isSelected, p = t.isDisabled, _ = t.isActive, m = t.canPointGroups, w = t.resolving, I = t.fo, L = f(() => ({
     container: "multiselect",
     containerDisabled: "is-disabled",
     containerOpen: "is-open",
@@ -3293,64 +3293,64 @@ function K3(s, e, t) {
     assist: "multiselect-assistive-text",
     spacer: "multiselect-spacer",
     ...n.value
-  })), N = g(() => !!(r.value && l.value && (!$.value || $.value && I.value.length)));
+  })), Z = f(() => !!(r.value && l.value && (!w.value || w.value && I.value.length)));
   return {
-    classList: g(() => {
-      const h = T.value;
+    classList: f(() => {
+      const b = L.value;
       return {
-        container: [h.container].concat(a.value ? h.containerDisabled : []).concat(N.value && i.value === "top" ? h.containerOpenTop : []).concat(N.value && i.value !== "top" ? h.containerOpen : []).concat(_.value ? h.containerActive : []),
-        wrapper: h.wrapper,
-        spacer: h.spacer,
-        singleLabel: h.singleLabel,
-        singleLabelText: h.singleLabelText,
-        multipleLabel: h.multipleLabel,
-        search: h.search,
-        tags: h.tags,
-        tag: [h.tag].concat(a.value ? h.tagDisabled : []),
-        tagDisabled: h.tagDisabled,
-        tagRemove: h.tagRemove,
-        tagRemoveIcon: h.tagRemoveIcon,
-        tagsSearchWrapper: h.tagsSearchWrapper,
-        tagsSearch: h.tagsSearch,
-        tagsSearchCopy: h.tagsSearchCopy,
-        placeholder: h.placeholder,
-        caret: [h.caret].concat(r.value ? h.caretOpen : []),
-        clear: h.clear,
-        clearIcon: h.clearIcon,
-        spinner: h.spinner,
-        inifinite: h.inifinite,
-        inifiniteSpinner: h.inifiniteSpinner,
-        dropdown: [h.dropdown].concat(i.value === "top" ? h.dropdownTop : []).concat(!r.value || !l.value || !N.value ? h.dropdownHidden : []),
-        options: [h.options].concat(i.value === "top" ? h.optionsTop : []),
-        group: h.group,
-        groupLabel: (O) => {
-          let x = [h.groupLabel];
-          return c(O) ? x.push(d(O) ? h.groupLabelSelectedPointed : h.groupLabelPointed) : d(O) && m.value ? x.push(p(O) ? h.groupLabelSelectedDisabled : h.groupLabelSelected) : p(O) && x.push(h.groupLabelDisabled), m.value && x.push(h.groupLabelPointable), x;
+        container: [b.container].concat(a.value ? b.containerDisabled : []).concat(Z.value && i.value === "top" ? b.containerOpenTop : []).concat(Z.value && i.value !== "top" ? b.containerOpen : []).concat(_.value ? b.containerActive : []),
+        wrapper: b.wrapper,
+        spacer: b.spacer,
+        singleLabel: b.singleLabel,
+        singleLabelText: b.singleLabelText,
+        multipleLabel: b.multipleLabel,
+        search: b.search,
+        tags: b.tags,
+        tag: [b.tag].concat(a.value ? b.tagDisabled : []),
+        tagDisabled: b.tagDisabled,
+        tagRemove: b.tagRemove,
+        tagRemoveIcon: b.tagRemoveIcon,
+        tagsSearchWrapper: b.tagsSearchWrapper,
+        tagsSearch: b.tagsSearch,
+        tagsSearchCopy: b.tagsSearchCopy,
+        placeholder: b.placeholder,
+        caret: [b.caret].concat(r.value ? b.caretOpen : []),
+        clear: b.clear,
+        clearIcon: b.clearIcon,
+        spinner: b.spinner,
+        inifinite: b.inifinite,
+        inifiniteSpinner: b.inifiniteSpinner,
+        dropdown: [b.dropdown].concat(i.value === "top" ? b.dropdownTop : []).concat(!r.value || !l.value || !Z.value ? b.dropdownHidden : []),
+        options: [b.options].concat(i.value === "top" ? b.optionsTop : []),
+        group: b.group,
+        groupLabel: (B) => {
+          let x = [b.groupLabel];
+          return c(B) ? x.push(d(B) ? b.groupLabelSelectedPointed : b.groupLabelPointed) : d(B) && m.value ? x.push(p(B) ? b.groupLabelSelectedDisabled : b.groupLabelSelected) : p(B) && x.push(b.groupLabelDisabled), m.value && x.push(b.groupLabelPointable), x;
         },
-        groupOptions: h.groupOptions,
-        option: (O, x) => {
-          let se = [h.option];
-          return c(O) ? se.push(d(O) ? h.optionSelectedPointed : h.optionPointed) : d(O) ? se.push(p(O) ? h.optionSelectedDisabled : h.optionSelected) : (p(O) || x && p(x)) && se.push(h.optionDisabled), se;
+        groupOptions: b.groupOptions,
+        option: (B, x) => {
+          let le = [b.option];
+          return c(B) ? le.push(d(B) ? b.optionSelectedPointed : b.optionPointed) : d(B) ? le.push(p(B) ? b.optionSelectedDisabled : b.optionSelected) : (p(B) || x && p(x)) && le.push(b.optionDisabled), le;
         },
-        noOptions: h.noOptions,
-        noResults: h.noResults,
-        assist: h.assist,
-        fakeInput: h.fakeInput
+        noOptions: b.noOptions,
+        noResults: b.noResults,
+        assist: b.assist,
+        fakeInput: b.fakeInput
       };
     }),
-    showDropdown: N
+    showDropdown: Z
   };
 }
 function G3(s, e, t) {
   const {
     limit: n,
     infinite: a
-  } = fe(s), i = t.isOpen, l = t.offset, r = t.search, c = t.pfo, d = t.eo, p = Q(null), _ = Q(null), m = g(() => l.value < c.value.length), $ = (T) => {
-    const { isIntersecting: N, target: S } = T[0];
-    if (N) {
-      const h = S.offsetParent, O = h.scrollTop;
+  } = fe(s), i = t.isOpen, l = t.offset, r = t.search, c = t.pfo, d = t.eo, p = Q(null), _ = Q(null), m = f(() => l.value < c.value.length), w = (L) => {
+    const { isIntersecting: Z, target: $ } = L[0];
+    if (Z) {
+      const b = $.offsetParent, B = b.scrollTop;
       l.value += n.value == -1 ? 10 : n.value, He(() => {
-        h.scrollTop = O;
+        b.scrollTop = B;
       });
     }
   }, I = () => {
@@ -3363,7 +3363,7 @@ function G3(s, e, t) {
   }, { flush: "post" }), de(d, () => {
     a.value && I();
   }, { immediate: !1, flush: "post" }), m1(() => {
-    window && window.IntersectionObserver && (p.value = new IntersectionObserver($));
+    window && window.IntersectionObserver && (p.value = new IntersectionObserver(w));
   }), {
     hasMore: m,
     infiniteLoader: _
@@ -3379,22 +3379,22 @@ function Y3(s, e, t) {
     groupLabel: c,
     aria: d,
     searchable: p
-  } = fe(s), _ = t.pointer, m = t.iv, $ = t.hasSelected, I = t.multipleLabelText, T = Q(null), N = g(() => {
+  } = fe(s), _ = t.pointer, m = t.iv, w = t.hasSelected, I = t.multipleLabelText, L = Q(null), Z = f(() => {
     let D = [];
     return a && a.value && D.push(a.value), D.push("assist"), D.join("-");
-  }), S = g(() => {
+  }), $ = f(() => {
     let D = [];
     return a && a.value && D.push(a.value), D.push("multiselect-options"), D.join("-");
-  }), h = g(() => {
+  }), b = f(() => {
     let D = [];
     if (a && a.value && D.push(a.value), _.value)
       return D.push(_.value.group ? "multiselect-group" : "multiselect-option"), D.push(_.value.group ? _.value.index : _.value[i.value]), D.join("-");
-  }), O = g(() => n.value), x = g(() => r.value !== "single"), se = g(() => {
+  }), B = f(() => n.value), x = f(() => r.value !== "single"), le = f(() => {
     let D = "";
-    return r.value === "single" && $.value && (D += m.value[l.value]), r.value === "multiple" && $.value && (D += I.value), r.value === "tags" && $.value && (D += m.value.map((X) => X[l.value]).join(", ")), D;
-  }), f = g(() => {
+    return r.value === "single" && w.value && (D += m.value[l.value]), r.value === "multiple" && w.value && (D += I.value), r.value === "tags" && w.value && (D += m.value.map((X) => X[l.value]).join(", ")), D;
+  }), h = f(() => {
     let D = { ...d.value };
-    return p.value && (D["aria-labelledby"] = D["aria-labelledby"] ? `${N.value} ${D["aria-labelledby"]}` : N.value, se.value && D["aria-label"] && (D["aria-label"] = `${se.value}, ${D["aria-label"]}`)), D;
+    return p.value && (D["aria-labelledby"] = D["aria-labelledby"] ? `${Z.value} ${D["aria-labelledby"]}` : Z.value, le.value && D["aria-label"] && (D["aria-label"] = `${le.value}, ${D["aria-label"]}`)), D;
   }), H = (D) => {
     let X = [];
     return a && a.value && X.push(a.value), X.push("multiselect-option"), X.push(D[i.value]), X.join("-");
@@ -3411,16 +3411,16 @@ function Y3(s, e, t) {
   return m1(() => {
     if (a && a.value && document && document.querySelector) {
       let D = document.querySelector(`[for="${a.value}"]`);
-      T.value = D ? D.innerText : null;
+      L.value = D ? D.innerText : null;
     }
   }), {
-    arias: f,
-    ariaLabel: se,
-    ariaAssist: N,
-    ariaControls: S,
-    ariaPlaceholder: O,
+    arias: h,
+    ariaLabel: le,
+    ariaAssist: Z,
+    ariaControls: $,
+    ariaPlaceholder: B,
     ariaMultiselectable: x,
-    ariaActiveDescendant: h,
+    ariaActiveDescendant: b,
     ariaOptionId: H,
     ariaOptionLabel: te,
     ariaGroupId: U,
@@ -3822,7 +3822,7 @@ function h5(s, e, t, n, a, i) {
       "aria-multiselectable": t.searchable ? void 0 : s.ariaMultiselectable,
       role: t.searchable ? void 0 : "combobox"
     }, t.searchable ? {} : s.arias), [
-      w(" Search "),
+      M(" Search "),
       t.mode !== "tags" && t.searchable && !t.disabled ? (u(), C("input", Ee({
         key: 0,
         type: t.inputType,
@@ -3833,7 +3833,7 @@ function h5(s, e, t, n, a, i) {
         id: t.searchable ? t.id : void 0,
         onInput: e[0] || (e[0] = (...l) => s.handleSearchInput && s.handleSearchInput(...l)),
         onKeypress: e[1] || (e[1] = (...l) => s.handleKeypress && s.handleKeypress(...l)),
-        onPaste: e[2] || (e[2] = ke((...l) => s.handlePaste && s.handlePaste(...l), ["stop"])),
+        onPaste: e[2] || (e[2] = we((...l) => s.handlePaste && s.handlePaste(...l), ["stop"])),
         ref: "input",
         "aria-controls": s.ariaControls,
         "aria-placeholder": s.ariaPlaceholder,
@@ -3844,8 +3844,8 @@ function h5(s, e, t, n, a, i) {
       }, {
         ...t.attrs,
         ...s.arias
-      }), null, 16, x3)) : w("v-if", !0),
-      w(" Tags (with search) "),
+      }), null, 16, x3)) : M("v-if", !0),
+      M(" Tags (with search) "),
       t.mode == "tags" ? (u(), C(
         "div",
         {
@@ -3855,7 +3855,7 @@ function h5(s, e, t, n, a, i) {
         },
         [
           (u(!0), C(
-            le,
+            ae,
             null,
             pe(s.iv, (l, r, c) => Y(s.$slots, "tag", {
               option: l,
@@ -3873,14 +3873,14 @@ function h5(s, e, t, n, a, i) {
                 "aria-label": s.ariaTagLabel(s.localize(l[t.label]))
               }, [
                 Z1(
-                  j(s.localize(l[t.label])) + " ",
+                  N(s.localize(l[t.label])) + " ",
                   1
                   /* TEXT */
                 ),
                 !t.disabled && !l.disabled ? (u(), C("span", {
                   key: 0,
                   class: F(s.classList.tagRemove),
-                  onClick: ke((d) => s.handleTagRemove(l, d), ["stop"])
+                  onClick: we((d) => s.handleTagRemove(l, d), ["stop"])
                 }, [
                   o(
                     "span",
@@ -3891,7 +3891,7 @@ function h5(s, e, t, n, a, i) {
                     2
                     /* CLASS */
                   )
-                ], 10, t5)) : w("v-if", !0)
+                ], 10, t5)) : M("v-if", !0)
               ], 42, e5))
             ])),
             256
@@ -3904,17 +3904,17 @@ function h5(s, e, t, n, a, i) {
               ref: "tags"
             },
             [
-              w(" Used for measuring search width "),
+              M(" Used for measuring search width "),
               o(
                 "span",
                 {
                   class: F(s.classList.tagsSearchCopy)
                 },
-                j(s.search),
+                N(s.search),
                 3
                 /* TEXT, CLASS */
               ),
-              w(" Actual search input "),
+              M(" Actual search input "),
               t.searchable && !t.disabled ? (u(), C("input", Ee({
                 key: 0,
                 type: t.inputType,
@@ -3925,7 +3925,7 @@ function h5(s, e, t, n, a, i) {
                 autocomplete: t.autocomplete,
                 onInput: e[3] || (e[3] = (...l) => s.handleSearchInput && s.handleSearchInput(...l)),
                 onKeypress: e[4] || (e[4] = (...l) => s.handleKeypress && s.handleKeypress(...l)),
-                onPaste: e[5] || (e[5] = ke((...l) => s.handlePaste && s.handlePaste(...l), ["stop"])),
+                onPaste: e[5] || (e[5] = we((...l) => s.handlePaste && s.handlePaste(...l), ["stop"])),
                 ref: "input",
                 "aria-controls": s.ariaControls,
                 "aria-placeholder": s.ariaPlaceholder,
@@ -3936,7 +3936,7 @@ function h5(s, e, t, n, a, i) {
               }, {
                 ...t.attrs,
                 ...s.arias
-              }), null, 16, s5)) : w("v-if", !0)
+              }), null, 16, s5)) : M("v-if", !0)
             ],
             2
             /* CLASS */
@@ -3944,8 +3944,8 @@ function h5(s, e, t, n, a, i) {
         ],
         2
         /* CLASS */
-      )) : w("v-if", !0),
-      w(" Single label "),
+      )) : M("v-if", !0),
+      M(" Single label "),
       t.mode == "single" && s.hasSelected && !s.search && s.iv ? Y(s.$slots, "singlelabel", {
         key: 2,
         value: s.iv
@@ -3961,7 +3961,7 @@ function h5(s, e, t, n, a, i) {
               {
                 class: F(s.classList.singleLabelText)
               },
-              j(s.localize(s.iv[t.label])),
+              N(s.localize(s.iv[t.label])),
               3
               /* TEXT, CLASS */
             )
@@ -3969,8 +3969,8 @@ function h5(s, e, t, n, a, i) {
           2
           /* CLASS */
         )
-      ]) : w("v-if", !0),
-      w(" Multiple label "),
+      ]) : M("v-if", !0),
+      M(" Multiple label "),
       t.mode == "multiple" && s.hasSelected && !s.search ? Y(s.$slots, "multiplelabel", {
         key: 3,
         values: s.iv
@@ -3979,8 +3979,8 @@ function h5(s, e, t, n, a, i) {
           class: F(s.classList.multipleLabel),
           innerHTML: s.multipleLabelText
         }, null, 10, a5)
-      ]) : w("v-if", !0),
-      w(" Placeholder "),
+      ]) : M("v-if", !0),
+      M(" Placeholder "),
       t.placeholder && !s.hasSelected && !s.search ? Y(s.$slots, "placeholder", { key: 4 }, () => [
         o(
           "div",
@@ -3988,12 +3988,12 @@ function h5(s, e, t, n, a, i) {
             class: F(s.classList.placeholder),
             "aria-hidden": "true"
           },
-          j(t.placeholder),
+          N(t.placeholder),
           3
           /* TEXT, CLASS */
         )
-      ]) : w("v-if", !0),
-      w(" Spinner "),
+      ]) : M("v-if", !0),
+      M(" Spinner "),
       t.loading || s.resolving ? Y(s.$slots, "spinner", { key: 5 }, () => [
         o(
           "span",
@@ -4005,8 +4005,8 @@ function h5(s, e, t, n, a, i) {
           2
           /* CLASS */
         )
-      ]) : w("v-if", !0),
-      w(" Clear "),
+      ]) : M("v-if", !0),
+      M(" Clear "),
       s.hasSelected && !t.disabled && t.canClear && !s.busy ? Y(s.$slots, "clear", {
         key: 6,
         clear: s.clear
@@ -4037,8 +4037,8 @@ function h5(s, e, t, n, a, i) {
           34
           /* CLASS, HYDRATE_EVENTS */
         )
-      ]) : w("v-if", !0),
-      w(" Caret "),
+      ]) : M("v-if", !0),
+      M(" Caret "),
       t.caret && t.showOptions ? Y(s.$slots, "caret", { key: 7 }, () => [
         o(
           "span",
@@ -4051,9 +4051,9 @@ function h5(s, e, t, n, a, i) {
           2
           /* CLASS */
         )
-      ]) : w("v-if", !0)
+      ]) : M("v-if", !0)
     ], 16, Q3),
-    w(" Options "),
+    M(" Options "),
     o(
       "div",
       {
@@ -4068,7 +4068,7 @@ function h5(s, e, t, n, a, i) {
           role: "listbox"
         }, [
           t.groups ? (u(!0), C(
-            le,
+            ae,
             { key: 0 },
             pe(s.fg, (l, r, c) => (u(), C("li", {
               class: F(s.classList.group),
@@ -4078,7 +4078,7 @@ function h5(s, e, t, n, a, i) {
               "aria-selected": s.isSelected(l),
               role: "option"
             }, [
-              l.__CREATE__ ? w("v-if", !0) : (u(), C("div", {
+              l.__CREATE__ ? M("v-if", !0) : (u(), C("div", {
                 key: 0,
                 class: F(s.classList.groupLabel(l)),
                 "data-pointed": s.isPointed(l),
@@ -4101,7 +4101,7 @@ function h5(s, e, t, n, a, i) {
                 role: "group"
               }, [
                 (u(!0), C(
-                  le,
+                  ae,
                   null,
                   pe(l.__VISIBLE__, (d, p, _) => (u(), C("li", {
                     class: F(s.classList.option(d, l)),
@@ -4124,7 +4124,7 @@ function h5(s, e, t, n, a, i) {
                       o(
                         "span",
                         null,
-                        j(s.localize(d[t.label])),
+                        N(s.localize(d[t.label])),
                         1
                         /* TEXT */
                       )
@@ -4138,7 +4138,7 @@ function h5(s, e, t, n, a, i) {
             128
             /* KEYED_FRAGMENT */
           )) : (u(!0), C(
-            le,
+            ae,
             { key: 1 },
             pe(s.fo, (l, r, c) => (u(), C("li", {
               class: F(s.classList.option(l)),
@@ -4161,7 +4161,7 @@ function h5(s, e, t, n, a, i) {
                 o(
                   "span",
                   null,
-                  j(s.localize(l[t.label])),
+                  N(s.localize(l[t.label])),
                   1
                   /* TEXT */
                 )
@@ -4176,13 +4176,13 @@ function h5(s, e, t, n, a, i) {
             class: F(s.classList.noOptions),
             innerHTML: s.localize(t.noOptionsText)
           }, null, 10, d5)
-        ]) : w("v-if", !0),
+        ]) : M("v-if", !0),
         s.noResults ? Y(s.$slots, "noresults", { key: 1 }, () => [
           o("div", {
             class: F(s.classList.noResults),
             innerHTML: s.localize(t.noResultsText)
           }, null, 10, p5)
-        ]) : w("v-if", !0),
+        ]) : M("v-if", !0),
         t.infinite && s.hasMore ? (u(), C(
           "div",
           {
@@ -4205,23 +4205,23 @@ function h5(s, e, t, n, a, i) {
           ],
           2
           /* CLASS */
-        )) : w("v-if", !0),
+        )) : M("v-if", !0),
         Y(s.$slots, "afterlist", { options: s.fo })
       ],
       2
       /* CLASS */
     ),
-    w(" Hacky input element to show HTML5 required warning "),
+    M(" Hacky input element to show HTML5 required warning "),
     t.required ? (u(), C("input", {
       key: 0,
       class: F(s.classList.fakeInput),
       tabindex: "-1",
       value: s.textValue,
       required: ""
-    }, null, 10, v5)) : w("v-if", !0),
-    w(" Native input support "),
+    }, null, 10, v5)) : M("v-if", !0),
+    M(" Native input support "),
     t.nativeSupport ? (u(), C(
-      le,
+      ae,
       { key: 1 },
       [
         t.mode == "single" ? (u(), C("input", {
@@ -4230,7 +4230,7 @@ function h5(s, e, t, n, a, i) {
           name: t.name,
           value: s.plainValue !== void 0 ? s.plainValue : ""
         }, null, 8, C5)) : (u(!0), C(
-          le,
+          ae,
           { key: 1 },
           pe(s.plainValue, (l, r) => (u(), C("input", {
             type: "hidden",
@@ -4244,15 +4244,15 @@ function h5(s, e, t, n, a, i) {
       ],
       64
       /* STABLE_FRAGMENT */
-    )) : w("v-if", !0),
-    w(" Screen reader assistive text "),
+    )) : M("v-if", !0),
+    M(" Screen reader assistive text "),
     t.searchable && s.hasSelected ? (u(), C("div", {
       key: 2,
       class: F(s.classList.assist),
       id: s.ariaAssist,
       "aria-hidden": "true"
-    }, j(s.ariaLabel), 11, m5)) : w("v-if", !0),
-    w(" Create height for empty input "),
+    }, N(s.ariaLabel), 11, m5)) : M("v-if", !0),
+    M(" Create height for empty input "),
     o(
       "div",
       {
@@ -4281,7 +4281,7 @@ const f5 = { class: "ao-modal__wrapper" }, g5 = { class: "ao-modal" }, y5 = { cl
       o("div", g5, [
         o("div", y5, [
           o("div", b5, [
-            b(ue, {
+            y(ue, {
               "icon-name": "CloseRounded",
               variant: "ghost",
               color: "primary",
@@ -4290,7 +4290,7 @@ const f5 = { class: "ao-modal__wrapper" }, g5 = { class: "ao-modal" }, y5 = { cl
           ]),
           e.$slots.header ? (u(), C("header", $5, [
             Y(e.$slots, "header")
-          ])) : w("", !0)
+          ])) : M("", !0)
         ]),
         o("div", w5, [
           Y(e.$slots, "default")
@@ -4343,7 +4343,7 @@ const A5 = { class: "ao-subtasks" }, k5 = { class: "ao-subtasks__list" }, I5 = [
   },
   emits: ["add", "delete", "update"],
   setup(s, { emit: e }) {
-    const t = s, { t: n } = De(), a = g(
+    const t = s, { t: n } = De(), a = f(
       () => {
         var p;
         return ((p = t.users) == null ? void 0 : p.map((_) => ({
@@ -4358,10 +4358,10 @@ const A5 = { class: "ao-subtasks" }, k5 = { class: "ao-subtasks__list" }, I5 = [
       };
       e("add", _);
     }, l = (p, _) => {
-      const $ = p.target.value;
+      const w = p.target.value;
       e("update", {
         id: _,
-        name: $
+        name: w
       });
     }, r = (p, _) => {
       e("update", {
@@ -4378,28 +4378,28 @@ const A5 = { class: "ao-subtasks" }, k5 = { class: "ao-subtasks__list" }, I5 = [
     };
     return (p, _) => (u(), C("div", A5, [
       o("ul", k5, [
-        (u(!0), C(le, null, pe(p.subtasks, (m) => {
-          var $;
+        (u(!0), C(ae, null, pe(p.subtasks, (m) => {
+          var w;
           return u(), C("li", {
             key: m.id,
             class: "ao-subtask"
           }, [
-            p.isCheckable ? (u(), P(ue, {
+            p.isCheckable ? (u(), j(ue, {
               key: 0,
               class: "ao-subtask__delete",
               "icon-name": m.isDone ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
               variant: "ghost",
               onClick: () => r(m.id, !m.isDone)
-            }, null, 8, ["icon-name", "onClick"])) : w("", !0),
+            }, null, 8, ["icon-name", "onClick"])) : M("", !0),
             o("input", {
               value: m.name,
               class: "ao-field__input ao-subtask__field",
               type: "text",
               onChange: (I) => l(I, m.id)
             }, null, 40, I5),
-            p.users ? (u(), P(E(ve), {
+            p.users ? (u(), j(E(ve), {
               key: 1,
-              value: ($ = m.assignee) == null ? void 0 : $.id,
+              value: (w = m.assignee) == null ? void 0 : w.id,
               options: a.value,
               "close-on-select": !1,
               searchable: !0,
@@ -4407,16 +4407,16 @@ const A5 = { class: "ao-subtasks" }, k5 = { class: "ao-subtasks__list" }, I5 = [
               placeholder: p.$t("feed.filters.assignee.placeholder"),
               onChange: (I) => d(I, m.id)
             }, {
-              tag: R(({ option: I, handleTagRemove: T }) => [
-                b(Ye, {
+              tag: R(({ option: I, handleTagRemove: L }) => [
+                y(Ye, {
                   "user-name": I.label,
                   "is-closable": !0,
-                  onClose: (N) => T(I, N)
+                  onClose: (Z) => L(I, Z)
                 }, null, 8, ["user-name", "onClose"])
               ]),
               _: 2
-            }, 1032, ["value", "options", "placeholder", "onChange"])) : w("", !0),
-            b(ue, {
+            }, 1032, ["value", "options", "placeholder", "onChange"])) : M("", !0),
+            y(ue, {
               class: "ao-subtask__delete",
               "icon-name": "CloseRounded",
               variant: "ghost",
@@ -4426,7 +4426,7 @@ const A5 = { class: "ao-subtasks" }, k5 = { class: "ao-subtasks__list" }, I5 = [
         }), 128))
       ]),
       o("div", S5, [
-        b(ue, {
+        y(ue, {
           label: p.$t("activity.subtasks.add"),
           "icon-name": "Add",
           variant: "ghost",
@@ -4493,13 +4493,13 @@ const L5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
             "ao-files__wrapper--drop-active": i.value
           }
         ]),
-        onDrop: ke(c, ["prevent"]),
-        onDragenter: ke(l, ["prevent"]),
-        onDragover: ke(l, ["prevent"]),
-        onDragleave: ke(r, ["prevent"])
+        onDrop: we(c, ["prevent"]),
+        onDragenter: we(l, ["prevent"]),
+        onDragover: we(l, ["prevent"]),
+        onDragleave: we(r, ["prevent"])
       }, [
         (_ = d.attachments) != null && _.length && d.attachments.length > 0 ? (u(), C("ul", T5, [
-          (u(!0), C(le, null, pe(d.attachments, (m) => (u(), C("li", {
+          (u(!0), C(ae, null, pe(d.attachments, (m) => (u(), C("li", {
             key: m.id,
             class: "ao-file"
           }, [
@@ -4509,14 +4509,14 @@ const L5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
               target: "_blank",
               rel: "noopener noreferrer"
             }, [
-              b(ae, {
+              y(se, {
                 class: "ao-file__icon",
                 name: "AttachFileRounded",
                 size: "sm"
               }),
-              o("span", H5, j(m.name), 1)
+              o("span", H5, N(m.name), 1)
             ], 8, E5),
-            b(ue, {
+            y(ue, {
               class: "ao-files__delete-button",
               "icon-name": "DeleteOutlineRounded",
               variant: "ghost",
@@ -4528,7 +4528,7 @@ const L5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
           ]))), 128))
         ])) : (u(), C("div", O5, [
           o("label", B5, [
-            o("span", D5, j(d.$t("activity.attachment.button.resting")), 1),
+            o("span", D5, N(d.$t("activity.attachment.button.resting")), 1),
             o("input", {
               class: "input-field",
               type: "file",
@@ -4538,16 +4538,16 @@ const L5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
               onChange: n
             }, null, 32)
           ]),
-          o("span", Z5, j(d.$t("activity.attachment.placeholder.resting")), 1)
+          o("span", Z5, N(d.$t("activity.attachment.placeholder.resting")), 1)
         ]))
       ], 42, L5);
     };
   }
 });
-const N5 = {
+const j5 = {
   key: 0,
   class: "ao-activity__category"
-}, j5 = { class: "ao-activity-details__content" }, R5 = { class: "ao-fieldset" }, U5 = { class: "ao-field__row" }, q5 = { class: "ao-field ao-field--full" }, z5 = { class: "ao-field__label" }, F5 = { class: "ao-field__row" }, K5 = { class: "ao-field" }, G5 = { class: "ao-field__label" }, Y5 = { class: "ao-field" }, W5 = { class: "ao-field__label" }, X5 = { class: "ao-field__row" }, J5 = { class: "ao-field ao-field--multiselect" }, Q5 = { class: "ao-field__label" }, x5 = { class: "ao-field__row" }, e7 = { class: "ao-field ao-field--multiselect" }, t7 = { class: "ao-field__label" }, s7 = { class: "ao-fieldset" }, a7 = { class: "ao-fieldset__title" }, l7 = { class: "ao-field__row" }, n7 = { class: "ao-field ao-field--multiselect" }, i7 = { class: "ao-field__label" }, o7 = { class: "ao-field__row" }, r7 = { class: "ao-field ao-field--multiselect" }, u7 = { class: "ao-field__label" }, c7 = { class: "ao-field__row" }, d7 = { class: "ao-field ao-field--multiselect" }, p7 = { class: "ao-field__label" }, v7 = { class: "ao-fieldset" }, C7 = { class: "ao-fieldset__title" }, _7 = { class: "ao-activity-details__aside" }, m7 = { class: "ao-fieldset__title" }, R1 = /* @__PURE__ */ K({
+}, N5 = { class: "ao-activity-details__content" }, R5 = { class: "ao-fieldset" }, U5 = { class: "ao-field__row" }, q5 = { class: "ao-field ao-field--full" }, z5 = { class: "ao-field__label" }, F5 = { class: "ao-field__row" }, K5 = { class: "ao-field" }, G5 = { class: "ao-field__label" }, Y5 = { class: "ao-field" }, W5 = { class: "ao-field__label" }, X5 = { class: "ao-field__row" }, J5 = { class: "ao-field ao-field--multiselect" }, Q5 = { class: "ao-field__label" }, x5 = { class: "ao-field__row" }, e7 = { class: "ao-field ao-field--multiselect" }, t7 = { class: "ao-field__label" }, s7 = { class: "ao-fieldset" }, a7 = { class: "ao-fieldset__title" }, l7 = { class: "ao-field__row" }, n7 = { class: "ao-field ao-field--multiselect" }, i7 = { class: "ao-field__label" }, o7 = { class: "ao-field__row" }, r7 = { class: "ao-field ao-field--multiselect" }, u7 = { class: "ao-field__label" }, c7 = { class: "ao-field__row" }, d7 = { class: "ao-field ao-field--multiselect" }, p7 = { class: "ao-field__label" }, v7 = { class: "ao-fieldset" }, C7 = { class: "ao-fieldset__title" }, _7 = { class: "ao-activity-details__aside" }, m7 = { class: "ao-fieldset__title" }, R1 = /* @__PURE__ */ K({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -4561,130 +4561,130 @@ const N5 = {
   },
   emits: ["update:activity", "close", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile"],
   setup(s, { emit: e }) {
-    const t = s, n = (f) => {
+    const t = s, n = (h) => {
       e("update:activity", {
         id: t.activity.id,
-        name: f
+        name: h
       });
-    }, a = g({
+    }, a = f({
       get() {
         return t.activity.description ?? "";
       },
-      set(f) {
-        e("update:activity", { id: t.activity.id, description: f });
+      set(h) {
+        e("update:activity", { id: t.activity.id, description: h });
       }
-    }), i = g({
+    }), i = f({
       get() {
         return t.activity.estimation ?? 0;
       },
-      set(f) {
-        e("update:activity", { id: t.activity.id, estimation: f });
+      set(h) {
+        e("update:activity", { id: t.activity.id, estimation: h });
       }
-    }), l = g({
+    }), l = f({
       get() {
         return t.activity.important ?? !1;
       },
-      set(f) {
-        e("update:activity", { id: t.activity.id, important: f });
+      set(h) {
+        e("update:activity", { id: t.activity.id, important: h });
       }
-    }), r = g({
+    }), r = f({
       get() {
-        var f;
-        return (f = t.activity.type) == null ? void 0 : f.id;
+        var h;
+        return (h = t.activity.type) == null ? void 0 : h.id;
       },
-      set(f) {
-        e("update:activity", { id: t.activity.id, typeId: f });
+      set(h) {
+        e("update:activity", { id: t.activity.id, typeId: h });
       }
-    }), c = g(() => t.templateActivities.filter((f) => f.id !== t.activity.id).map((f) => ({
-      label: f.name,
-      value: f.id
-    }))), d = g({
+    }), c = f(() => t.templateActivities.filter((h) => h.id !== t.activity.id).map((h) => ({
+      label: h.name,
+      value: h.id
+    }))), d = f({
       get() {
         return t.activity.dependingOn;
       },
-      set(f) {
-        f && e("update:activity", {
+      set(h) {
+        h && e("update:activity", {
           id: t.activity.id,
-          dependingOn: f
+          dependingOn: h
         });
       }
-    }), p = g(() => c.value.map((f) => {
+    }), p = f(() => c.value.map((h) => {
       var H;
       return {
-        ...f,
-        disabled: (H = t.activity.blocking) == null ? void 0 : H.some((U) => U === f.value)
+        ...h,
+        disabled: (H = t.activity.blocking) == null ? void 0 : H.some((U) => U === h.value)
       };
-    })), _ = g({
+    })), _ = f({
       get() {
         return t.activity.blocking;
       },
-      set(f) {
-        f && e("update:activity", {
+      set(h) {
+        h && e("update:activity", {
           id: t.activity.id,
-          blocking: f
+          blocking: h
         });
       }
-    }), m = g(() => c.value.map((f) => {
+    }), m = f(() => c.value.map((h) => {
       var H;
       return {
-        ...f,
-        disabled: (H = t.activity.dependingOn) == null ? void 0 : H.some((U) => U === f.value)
+        ...h,
+        disabled: (H = t.activity.dependingOn) == null ? void 0 : H.some((U) => U === h.value)
       };
-    })), $ = g(() => (t.templateMilestones || []).filter((H) => H.id !== t.milestoneId).map((H) => ({
+    })), w = f(() => (t.templateMilestones || []).filter((H) => H.id !== t.milestoneId).map((H) => ({
       label: H.name,
       value: H.id
-    }))), I = g({
+    }))), I = f({
       get() {
         return t.activity.dependingMilestones;
       },
-      set(f) {
+      set(h) {
         e("update:activity", {
           id: t.activity.id,
-          dependingMilestones: f
+          dependingMilestones: h
         });
       }
-    }), T = (f) => {
-      e("addSubtask", f);
-    }, N = (f) => {
-      e("updateSubtask", f);
-    }, S = (f) => {
-      e("deleteSubtask", f);
-    }, h = g(() => {
-      var f;
-      return ((f = t.users) == null ? void 0 : f.map((H) => ({
+    }), L = (h) => {
+      e("addSubtask", h);
+    }, Z = (h) => {
+      e("updateSubtask", h);
+    }, $ = (h) => {
+      e("deleteSubtask", h);
+    }, b = f(() => {
+      var h;
+      return ((h = t.users) == null ? void 0 : h.map((H) => ({
         label: `${H.firstName} ${H.lastName}`,
         value: H.id
       }))) || [];
-    }), O = g({
+    }), B = f({
       get() {
-        var f;
-        return (f = t.activity.assignee) == null ? void 0 : f.id;
+        var h;
+        return (h = t.activity.assignee) == null ? void 0 : h.id;
       },
-      set(f) {
+      set(h) {
         e("update:activity", {
           id: t.activity.id,
-          assigneeId: f
+          assigneeId: h
         });
       }
-    }), x = (f) => {
+    }), x = (h) => {
       e("addFiles", {
         activityId: t.activity.id,
-        files: f
+        files: h
       });
-    }, se = (f) => {
+    }, le = (h) => {
       e("removeFile", {
         activityId: t.activity.id,
-        file: f
+        file: h
       });
     };
-    return (f, H) => (u(), P(Ct, {
-      onClose: H[8] || (H[8] = (U) => f.$emit("close"))
+    return (h, H) => (u(), j(Ct, {
+      onClose: H[8] || (H[8] = (U) => h.$emit("close"))
     }, {
       header: R(() => [
-        Y(f.$slots, "header", {}, () => [
-          f.breadcrumbs ? (u(), C("div", N5, j(f.breadcrumbs), 1)) : w("", !0),
-          b(ce, {
-            title: f.activity.name || f.activity.id,
+        Y(h.$slots, "header", {}, () => [
+          h.breadcrumbs ? (u(), C("div", j5, N(h.breadcrumbs), 1)) : M("", !0),
+          y(ce, {
+            title: h.activity.name || h.activity.id,
             level: 4,
             "is-editable": !0,
             "onUpdate:title": n
@@ -4692,11 +4692,11 @@ const N5 = {
         ])
       ]),
       default: R(() => [
-        o("div", j5, [
+        o("div", N5, [
           o("fieldset", R5, [
             o("div", U5, [
               o("label", q5, [
-                o("span", z5, j(f.$t("activity.description.label")), 1),
+                o("span", z5, N(h.$t("activity.description.label")), 1),
                 qe(o("textarea", {
                   "onUpdate:modelValue": H[0] || (H[0] = (U) => a.value = U),
                   rows: "4",
@@ -4716,7 +4716,7 @@ const N5 = {
             ]),
             o("div", F5, [
               o("label", K5, [
-                o("span", G5, j(f.$t("activity.estimation.label")), 1),
+                o("span", G5, N(h.$t("activity.estimation.label")), 1),
                 qe(o("input", {
                   "onUpdate:modelValue": H[1] || (H[1] = (U) => i.value = U),
                   class: "ao-field__input",
@@ -4735,7 +4735,7 @@ const N5 = {
                 ])
               ]),
               o("label", Y5, [
-                o("span", W5, j(f.$t("activity.isImportant.label")), 1),
+                o("span", W5, N(h.$t("activity.isImportant.label")), 1),
                 qe(o("input", {
                   "onUpdate:modelValue": H[2] || (H[2] = (U) => l.value = U),
                   class: "ao-field__input",
@@ -4752,18 +4752,18 @@ const N5 = {
             ]),
             o("div", X5, [
               o("div", J5, [
-                o("span", Q5, j(f.$t("activity.assignee.label")), 1),
-                b(E(ve), {
-                  modelValue: O.value,
-                  "onUpdate:modelValue": H[3] || (H[3] = (U) => O.value = U),
-                  options: h.value,
+                o("span", Q5, N(h.$t("activity.assignee.label")), 1),
+                y(E(ve), {
+                  modelValue: B.value,
+                  "onUpdate:modelValue": H[3] || (H[3] = (U) => B.value = U),
+                  options: b.value,
                   "close-on-select": !1,
                   searchable: !0,
                   class: "ao-activity-details__assignees",
-                  placeholder: f.$t("activity.filters.assignee.placeholder")
+                  placeholder: h.$t("activity.filters.assignee.placeholder")
                 }, {
                   tag: R(({ option: U, handleTagRemove: te }) => [
-                    b(Ye, {
+                    y(Ye, {
                       "user-name": U.label,
                       "is-closable": !0,
                       onClose: (re) => te(U, re)
@@ -4775,32 +4775,32 @@ const N5 = {
             ]),
             o("div", x5, [
               o("label", e7, [
-                o("span", t7, j(f.$t("activity.type.label")), 1),
-                b(E(ve), {
+                o("span", t7, N(h.$t("activity.type.label")), 1),
+                y(E(ve), {
                   modelValue: r.value,
                   "onUpdate:modelValue": H[4] || (H[4] = (U) => r.value = U),
                   class: "ao-field__multiselect",
                   mode: "single",
                   searchable: !0,
                   "create-option": !0,
-                  options: f.activityTypes,
-                  placeholder: f.$t("activity.filters.type.placeholder")
+                  options: h.activityTypes,
+                  placeholder: h.$t("activity.filters.type.placeholder")
                 }, null, 8, ["modelValue", "options", "placeholder"])
               ])
             ])
           ]),
           o("fieldset", s7, [
             o("div", a7, [
-              b(ae, { name: "FlowsheetOutlineRounded" }),
-              b(ce, {
+              y(se, { name: "FlowsheetOutlineRounded" }),
+              y(ce, {
                 level: 4,
-                title: f.$t("activity.dependencies.title")
+                title: h.$t("activity.dependencies.title")
               }, null, 8, ["title"])
             ]),
             o("div", l7, [
               o("label", n7, [
-                o("span", i7, j(f.$t("activity.dependingOn.label")), 1),
-                b(E(ve), {
+                o("span", i7, N(h.$t("activity.dependingOn.label")), 1),
+                y(E(ve), {
                   modelValue: d.value,
                   "onUpdate:modelValue": H[5] || (H[5] = (U) => d.value = U),
                   class: "ao-field__multiselect",
@@ -4813,8 +4813,8 @@ const N5 = {
             ]),
             o("div", o7, [
               o("label", r7, [
-                o("span", u7, j(f.$t("activity.blocking.label")), 1),
-                b(E(ve), {
+                o("span", u7, N(h.$t("activity.blocking.label")), 1),
+                y(E(ve), {
                   modelValue: _.value,
                   "onUpdate:modelValue": H[6] || (H[6] = (U) => _.value = U),
                   class: "ao-field__multiselect",
@@ -4827,51 +4827,51 @@ const N5 = {
             ]),
             o("div", c7, [
               o("label", d7, [
-                o("span", p7, j(f.$t("activity.dependingMilestone.label")), 1),
-                b(E(ve), {
+                o("span", p7, N(h.$t("activity.dependingMilestone.label")), 1),
+                y(E(ve), {
                   modelValue: I.value,
                   "onUpdate:modelValue": H[7] || (H[7] = (U) => I.value = U),
                   class: "ao-field__multiselect",
                   mode: "tags",
                   "close-on-select": !1,
                   searchable: !0,
-                  options: $.value
+                  options: w.value
                 }, null, 8, ["modelValue", "options"])
               ])
             ])
           ]),
           o("fieldset", v7, [
             o("div", C7, [
-              b(ae, { name: "SelectCheckBox" }),
-              b(ce, {
+              y(se, { name: "SelectCheckBox" }),
+              y(ce, {
                 level: 4,
-                title: f.$t("activity.subtasks.title")
+                title: h.$t("activity.subtasks.title")
               }, null, 8, ["title"])
             ]),
-            b(V5, {
+            y(V5, {
               class: "ao-activity-details__subtasks",
-              subtasks: f.activity.tasks || [],
-              "activity-id": f.activity.id,
-              users: f.users,
-              onAdd: T,
-              onUpdate: N,
-              onDelete: S
+              subtasks: h.activity.tasks || [],
+              "activity-id": h.activity.id,
+              users: h.users,
+              onAdd: L,
+              onUpdate: Z,
+              onDelete: $
             }, null, 8, ["subtasks", "activity-id", "users"])
           ]),
-          Y(f.$slots, "default")
+          Y(h.$slots, "default")
         ]),
         o("div", _7, [
           o("div", m7, [
-            b(ae, { name: "AttachFileRounded" }),
-            b(ce, {
+            y(se, { name: "AttachFileRounded" }),
+            y(ce, {
               level: 4,
-              title: f.$t("activity.attachments.title")
+              title: h.$t("activity.attachments.title")
             }, null, 8, ["title"])
           ]),
-          b(P5, {
-            attachments: f.activity.attachments,
+          y(P5, {
+            attachments: h.activity.attachments,
             onAdd: x,
-            onRemove: se
+            onRemove: le
           }, null, 8, ["attachments"])
         ])
       ]),
@@ -4932,91 +4932,91 @@ const zu = {
   setup(s, { emit: e }) {
     const t = s, n = e1(
       t.rule.itemType || ie.ACTIVITIES
-    ), a = g({
+    ), a = f({
       get() {
         return n.value;
       },
-      set(S) {
-        n.value = S, e("update:rule", {
+      set($) {
+        n.value = $, e("update:rule", {
           ...t.rule,
-          itemType: S,
+          itemType: $,
           subItemId: void 0
         });
       }
-    }), i = g(() => Object.values(ie)), l = g({
+    }), i = f(() => Object.values(ie)), l = f({
       get() {
         return t.rule.subItemId;
       },
-      set(S) {
+      set($) {
         e("update:rule", {
           ...t.rule,
-          subItemId: S,
+          subItemId: $,
           itemType: t.rule.itemType || a.value
         });
       }
-    }), r = g(() => {
-      var h;
-      return !t.templateActivities || !t.templateMilestones || !t.templatePhases ? null : (h = {
+    }), r = f(() => {
+      var b;
+      return !t.templateActivities || !t.templateMilestones || !t.templatePhases ? null : (b = {
         [ie.ACTIVITIES]: t.templateActivities,
         [ie.MILESTONES]: t.templateMilestones,
         [ie.PHASES]: t.templatePhases
-      }[n.value]) == null ? void 0 : h.map((O) => ({
-        value: O.id,
-        label: O.name
+      }[n.value]) == null ? void 0 : b.map((B) => ({
+        value: B.id,
+        label: B.name
       }));
-    }), c = e1(t.rule.comparator), d = g({
+    }), c = e1(t.rule.comparator), d = f({
       get() {
         return c.value;
       },
-      set(S) {
-        e("update:rule", { ...t.rule, comparator: S });
+      set($) {
+        e("update:rule", { ...t.rule, comparator: $ });
       }
-    }), p = g(() => Object.values(f7)), _ = e1(t.rule.trigger), m = g({
+    }), p = f(() => Object.values(f7)), _ = e1(t.rule.trigger), m = f({
       get() {
         return _.value;
       },
-      set(S) {
-        e("update:rule", { ...t.rule, trigger: S });
+      set($) {
+        e("update:rule", { ...t.rule, trigger: $ });
       }
-    }), $ = g(() => Object.values(g7)), I = g({
+    }), w = f(() => Object.values(g7)), I = f({
       get() {
         return t.rule.duration;
       },
-      set(S) {
-        e("update:rule", { ...t.rule, duration: S });
+      set($) {
+        e("update:rule", { ...t.rule, duration: $ });
       }
-    }), T = g({
+    }), L = f({
       get() {
         return t.rule.durationUnit;
       },
-      set(S) {
-        e("update:rule", { ...t.rule, durationUnit: S });
+      set($) {
+        e("update:rule", { ...t.rule, durationUnit: $ });
       }
-    }), N = g(() => Object.values(y7));
-    return (S, h) => (u(), P(Ke(S.tagName), { class: "ao-rule-line" }, {
+    }), Z = f(() => Object.values(y7));
+    return ($, b) => (u(), j(Ke($.tagName), { class: "ao-rule-line" }, {
       default: R(() => [
-        b(E(ve), {
+        y(E(ve), {
           modelValue: a.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (O) => a.value = O),
+          "onUpdate:modelValue": b[0] || (b[0] = (B) => a.value = B),
           options: i.value
         }, null, 8, ["modelValue", "options"]),
-        b(E(ve), {
+        y(E(ve), {
           modelValue: l.value,
-          "onUpdate:modelValue": h[1] || (h[1] = (O) => l.value = O),
+          "onUpdate:modelValue": b[1] || (b[1] = (B) => l.value = B),
           options: r.value
         }, null, 8, ["modelValue", "options"]),
-        b(E(ve), {
+        y(E(ve), {
           modelValue: m.value,
-          "onUpdate:modelValue": h[2] || (h[2] = (O) => m.value = O),
-          options: $.value
+          "onUpdate:modelValue": b[2] || (b[2] = (B) => m.value = B),
+          options: w.value
         }, null, 8, ["modelValue", "options"]),
-        b(E(ve), {
+        y(E(ve), {
           modelValue: d.value,
-          "onUpdate:modelValue": h[3] || (h[3] = (O) => d.value = O),
+          "onUpdate:modelValue": b[3] || (b[3] = (B) => d.value = B),
           options: p.value
         }, null, 8, ["modelValue", "options"]),
         qe(o("input", {
-          "onUpdate:modelValue": h[4] || (h[4] = (O) => I.value = O),
+          "onUpdate:modelValue": b[4] || (b[4] = (B) => I.value = B),
           type: "number",
           min: "0"
         }, null, 512), [
@@ -5027,16 +5027,16 @@ const zu = {
             { number: !0 }
           ]
         ]),
-        b(E(ve), {
-          modelValue: T.value,
-          "onUpdate:modelValue": h[5] || (h[5] = (O) => T.value = O),
-          options: N.value
+        y(E(ve), {
+          modelValue: L.value,
+          "onUpdate:modelValue": b[5] || (b[5] = (B) => L.value = B),
+          options: Z.value
         }, null, 8, ["modelValue", "options"]),
-        b(ue, {
+        y(ue, {
           class: "ao-rule-line__remove",
           "icon-name": "CloseRounded",
           variant: "ghost",
-          onClick: h[6] || (h[6] = (O) => S.$emit("close"))
+          onClick: b[6] || (b[6] = (B) => $.$emit("close"))
         })
       ]),
       _: 1
@@ -5059,9 +5059,9 @@ const w7 = { class: "ao-template-rules__body" }, M7 = { class: "ao-template-rule
     }, n = (a) => {
       e("removeRule", a);
     };
-    return (a, i) => (u(), P(Ct, null, {
+    return (a, i) => (u(), j(Ct, null, {
       header: R(() => [
-        b(ce, {
+        y(ce, {
           title: a.$t("template.rules.title"),
           level: 2
         }, null, 8, ["title"])
@@ -5069,7 +5069,7 @@ const w7 = { class: "ao-template-rules__body" }, M7 = { class: "ao-template-rule
       default: R(() => [
         o("div", w7, [
           o("ul", M7, [
-            (u(!0), C(le, null, pe(a.rules, (l) => (u(), P($7, {
+            (u(!0), C(ae, null, pe(a.rules, (l) => (u(), j($7, {
               key: l.id,
               rule: l,
               "template-phases": a.templatePhases,
@@ -5079,7 +5079,7 @@ const w7 = { class: "ao-template-rules__body" }, M7 = { class: "ao-template-rule
               onClose: () => n(l.id)
             }, null, 8, ["rule", "template-phases", "template-milestones", "template-activities", "onClose"]))), 128))
           ]),
-          b(Be, {
+          y(Be, {
             label: a.$t("template.rules.add"),
             "icon-name": "Add",
             onClick: t
@@ -5113,52 +5113,52 @@ const k7 = {
   },
   emits: ["addItem", "removeItem", "updateItem", "addRule", "removeRule", "addFiles", "removeFile"],
   setup(s, { emit: e }) {
-    const t = s, { t: n } = De(), a = g(
+    const t = s, { t: n } = De(), a = f(
       () => {
-        var y;
-        return (y = t.templates) == null ? void 0 : y.find((B) => B.id === t.templateId);
+        var g;
+        return (g = t.templates) == null ? void 0 : g.find((O) => O.id === t.templateId);
       }
-    ), i = g(() => {
-      var y, B;
-      return (B = (y = a == null ? void 0 : a.value) == null ? void 0 : y.phases) == null ? void 0 : B.find((L) => L.id === t.phaseId);
-    }), l = g(() => {
-      var y, B;
-      return (B = (y = i.value) == null ? void 0 : y.milestones) == null ? void 0 : B.find(
-        (L) => L.id === t.milestoneId
+    ), i = f(() => {
+      var g, O;
+      return (O = (g = a == null ? void 0 : a.value) == null ? void 0 : g.phases) == null ? void 0 : O.find((T) => T.id === t.phaseId);
+    }), l = f(() => {
+      var g, O;
+      return (O = (g = i.value) == null ? void 0 : g.milestones) == null ? void 0 : O.find(
+        (T) => T.id === t.milestoneId
       );
-    }), r = g(() => {
-      var y, B;
-      return ((B = (y = a.value) == null ? void 0 : y.phases) == null ? void 0 : B.reduce((L, G) => {
+    }), r = f(() => {
+      var g, O;
+      return ((O = (g = a.value) == null ? void 0 : g.phases) == null ? void 0 : O.reduce((T, G) => {
         const ee = G.milestones || [];
-        return [...L, ...ee];
+        return [...T, ...ee];
       }, [])) || [];
-    }), c = g(() => {
-      var y, B;
-      return ((B = (y = a.value) == null ? void 0 : y.phases) == null ? void 0 : B.reduce((L, G) => {
+    }), c = f(() => {
+      var g, O;
+      return ((O = (g = a.value) == null ? void 0 : g.phases) == null ? void 0 : O.reduce((T, G) => {
         const me = (G.milestones || []).reduce(
           ($e, ne) => ne.activities ? [...$e, ...ne.activities] : $e,
           []
         );
-        return [...L, ...me];
+        return [...T, ...me];
       }, [])) || [];
-    }), d = g(() => {
-      var y, B;
-      return (B = (y = l.value) == null ? void 0 : y.activities) == null ? void 0 : B.find(
-        (L) => L.id === t.activityId
+    }), d = f(() => {
+      var g, O;
+      return (O = (g = l.value) == null ? void 0 : g.activities) == null ? void 0 : O.find(
+        (T) => T.id === t.activityId
       );
-    }), p = g(() => {
-      var y;
-      return ((y = t.activityTypes) == null ? void 0 : y.map((B) => ({
-        label: B.name,
-        value: B.id
+    }), p = f(() => {
+      var g;
+      return ((g = t.activityTypes) == null ? void 0 : g.map((O) => ({
+        label: O.name,
+        value: O.id
       }))) || [];
-    }), _ = g(() => {
-      var y;
-      return ((y = a.value) == null ? void 0 : y.name) || t.templateId;
+    }), _ = f(() => {
+      var g;
+      return ((g = a.value) == null ? void 0 : g.name) || t.templateId;
     }), m = () => {
       if (!a.value)
         return;
-      const { name: y, rank: B } = ze(
+      const { name: g, rank: O } = ze(
         a.value.phases,
         "phase",
         n
@@ -5167,39 +5167,39 @@ const k7 = {
         type: ie.PHASES,
         templateId: t.templateId,
         item: {
-          name: y,
-          rank: B,
+          name: g,
+          rank: O,
           templateId: t.templateId
         }
       });
-    }, $ = (y) => {
+    }, w = (g) => {
       e("updateItem", {
         templateId: t.templateId,
         id: t.templateId,
         itemType: ie.TEMPLATES,
-        data: { name: y }
+        data: { name: g }
       });
-    }, I = (y) => {
+    }, I = (g) => {
       e("removeItem", {
         type: ie.PHASES,
         templateId: t.templateId,
         data: {
-          id: y
+          id: g
         }
       });
-    }, T = (y, B) => {
+    }, L = (g, O) => {
       e("updateItem", {
         templateId: t.templateId,
-        id: y,
+        id: g,
         itemType: ie.PHASES,
-        data: { name: B }
+        data: { name: O }
       });
-    }, N = (y) => {
-      e("updateItem", y);
-    }, S = (y) => {
+    }, Z = (g) => {
+      e("updateItem", g);
+    }, $ = (g) => {
       if (!i.value)
         return;
-      const { name: B, rank: L } = ze(
+      const { name: O, rank: T } = ze(
         i.value.milestones,
         "milestone",
         n
@@ -5207,135 +5207,135 @@ const k7 = {
       e("addItem", {
         type: ie.MILESTONES,
         templateId: t.templateId,
-        phaseId: y.phaseId,
+        phaseId: g.phaseId,
         item: {
-          name: B,
-          rank: L,
-          phaseId: y.phaseId
+          name: O,
+          rank: T,
+          phaseId: g.phaseId
         }
       });
-    }, h = (y) => {
+    }, b = (g) => {
       e("removeItem", {
         type: ie.MILESTONES,
         templateId: t.templateId,
-        phaseId: y.phaseId,
+        phaseId: g.phaseId,
         data: {
-          id: y.id
+          id: g.id
         }
       });
-    }, O = (y) => {
-      const { id: B, ...L } = y;
+    }, B = (g) => {
+      const { id: O, ...T } = g;
       e("updateItem", {
         itemType: ie.MILESTONES,
-        id: B,
+        id: O,
         templateId: t.templateId,
-        data: L
+        data: T
       });
-    }, x = (y) => {
-      const { milestoneId: B } = y;
+    }, x = (g) => {
+      const { milestoneId: O } = g;
       if (!l.value)
         return;
-      const { name: L, rank: G } = ze(
+      const { name: T, rank: G } = ze(
         l.value.activities,
         "activity",
         n
       );
       e("addItem", {
         type: ie.ACTIVITIES,
-        milestoneId: B,
-        item: { name: L, rank: G, milestoneId: B }
+        milestoneId: O,
+        item: { name: T, rank: G, milestoneId: O }
       });
-    }, se = (y) => {
-      const { phaseId: B, milestoneId: L } = y;
+    }, le = (g) => {
+      const { phaseId: O, milestoneId: T } = g;
       e("removeItem", {
         type: ie.ACTIVITIES,
         templateId: t.templateId,
-        phaseId: B,
-        milestoneId: L,
+        phaseId: O,
+        milestoneId: T,
         data: {
-          id: y.id
+          id: g.id
         }
       });
-    }, f = (y) => {
-      const { id: B, ...L } = y;
+    }, h = (g) => {
+      const { id: O, ...T } = g;
       e("updateItem", {
         itemType: ie.ACTIVITIES,
-        id: B,
+        id: O,
         templateId: t.templateId,
-        data: L
+        data: T
       });
     }, H = Q(!1), U = () => {
       H.value = !H.value;
     }, te = () => {
       e("addRule", { templateId: t.templateId });
-    }, re = (y) => {
-      e("removeRule", { id: y, templateId: t.templateId });
-    }, Ce = (y) => {
-      var B;
-      if (y.moved) {
-        const L = w1(y, ((B = a.value) == null ? void 0 : B.phases) ?? []);
+    }, re = (g) => {
+      e("removeRule", { id: g, templateId: t.templateId });
+    }, Ce = (g) => {
+      var O;
+      if (g.moved) {
+        const T = w1(g, ((O = a.value) == null ? void 0 : O.phases) ?? []);
         e("updateItem", {
           itemType: ie.PHASES,
-          id: y.moved.element.id,
+          id: g.moved.element.id,
           templateId: t.templateId,
           data: {
-            rank: L
+            rank: T
           }
         });
       }
-    }, D = (y) => {
+    }, D = (g) => {
       !i.value || !l.value || !d.value || e("addItem", {
         type: ie.SUBTASKS,
-        activityId: y.activityId,
+        activityId: g.activityId,
         milestoneId: l.value.id,
         phaseId: i.value.id,
         templateId: t.templateId,
-        item: y
+        item: g
       });
-    }, X = (y) => {
-      var B, L, G;
+    }, X = (g) => {
+      var O, T, G;
       !i.value || !l.value || !d.value || e("updateItem", {
         itemType: ie.SUBTASKS,
-        phaseId: (B = i.value) == null ? void 0 : B.id,
-        milestoneId: (L = l.value) == null ? void 0 : L.id,
+        phaseId: (O = i.value) == null ? void 0 : O.id,
+        milestoneId: (T = l.value) == null ? void 0 : T.id,
         activityId: (G = d.value) == null ? void 0 : G.id,
         templateId: t.templateId,
-        data: y
+        data: g
       });
-    }, M = (y) => {
+    }, A = (g) => {
       !i.value || !l.value || !d.value || e("removeItem", {
         type: ie.SUBTASKS,
         activityId: d.value.id,
         milestoneId: l.value.id,
         phaseId: i.value.id,
         templateId: t.templateId,
-        data: y
+        data: g
       });
-    }, W = (y) => {
-      e("addFiles", y);
-    }, _e = (y) => {
-      e("removeFile", y);
+    }, W = (g) => {
+      e("addFiles", g);
+    }, _e = (g) => {
+      e("removeFile", g);
     };
-    return (y, B) => {
-      var L, G, ee, me, $e, ne;
+    return (g, O) => {
+      var T, G, ee, me, $e, ne;
       return a.value ? (u(), C("div", k7, [
-        b(M1, {
+        y(M1, {
           "can-go-back": !0,
-          onGoBack: B[1] || (B[1] = (q) => y.$router.push({ name: E(t1).TEMPLATES_LIST }))
+          onGoBack: O[1] || (O[1] = (q) => g.$router.push({ name: E(t1).TEMPLATES_LIST }))
         }, {
           primary: R(() => [
-            b(ce, {
+            y(ce, {
               title: _.value,
               level: 2,
               "is-editable": !0,
-              "onUpdate:title": B[0] || (B[0] = (q) => {
-                $(q);
+              "onUpdate:title": O[0] || (O[0] = (q) => {
+                w(q);
               })
             }, null, 8, ["title"])
           ]),
           secondary: R(() => [
-            b(ue, {
-              label: y.$t("template.rules.edit"),
+            y(ue, {
+              label: g.$t("template.rules.edit"),
               color: "primary",
               "icon-name": "Settings",
               "icon-position": "start",
@@ -5347,7 +5347,7 @@ const k7 = {
         o("div", I7, [
           o("ol", S7, [
             o("li", V7, [
-              b(E(n1), {
+              y(E(n1), {
                 "model-value": a.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -5355,26 +5355,26 @@ const k7 = {
                 onChange: Ce
               }, {
                 header: R(() => [
-                  b(ce, {
-                    title: y.$t("template.phases.title"),
+                  y(ce, {
+                    title: g.$t("template.phases.title"),
                     level: 3,
                     class: "ao-list__title"
                   }, null, 8, ["title"])
                 ]),
                 item: R(({ element: q }) => {
-                  var A;
+                  var k;
                   return [
-                    b(S3, {
+                    y(S3, {
                       id: q.id,
                       name: q.name,
                       milestones: q.milestones,
-                      "is-active": ((A = i.value) == null ? void 0 : A.id) === q.id,
+                      "is-active": ((k = i.value) == null ? void 0 : k.id) === q.id,
                       "is-draggable": !0,
-                      onClick: (Z) => y.$router.push({
-                        params: { templateId: y.templateId, phaseId: q.id }
+                      onClick: (P) => g.$router.push({
+                        params: { templateId: g.templateId, phaseId: q.id }
                       }),
-                      "onUpdate:title": (Z) => {
-                        T(q.id, Z);
+                      "onUpdate:title": (P) => {
+                        L(q.id, P);
                       },
                       onRemove: () => I(q.id)
                     }, null, 8, ["id", "name", "milestones", "is-active", "onClick", "onUpdate:title", "onRemove"])
@@ -5382,9 +5382,9 @@ const k7 = {
                 }),
                 footer: R(() => [
                   o("div", L7, [
-                    b(Be, {
+                    y(Be, {
                       "icon-name": "AddBoxOutlineRounded",
-                      label: y.$t("template.phases.add"),
+                      label: g.$t("template.phases.add"),
                       onClick: m
                     }, null, 8, ["label"])
                   ])
@@ -5393,33 +5393,33 @@ const k7 = {
               }, 8, ["model-value"])
             ]),
             o("li", T7, [
-              i.value ? (u(), P(T3, {
+              i.value ? (u(), j(T3, {
                 key: 0,
-                "template-id": y.templateId,
+                "template-id": g.templateId,
                 phase: i.value,
-                "milestone-id": (L = l.value) == null ? void 0 : L.id,
-                onAddMilestone: S,
-                onUpdateMilestone: O,
-                onUpdatePhase: N,
-                onRemoveMilestone: h
-              }, null, 8, ["template-id", "phase", "milestone-id"])) : w("", !0)
+                "milestone-id": (T = l.value) == null ? void 0 : T.id,
+                onAddMilestone: $,
+                onUpdateMilestone: B,
+                onUpdatePhase: Z,
+                onRemoveMilestone: b
+              }, null, 8, ["template-id", "phase", "milestone-id"])) : M("", !0)
             ]),
             o("li", E7, [
-              i.value && l.value ? (u(), P(O3, {
+              i.value && l.value ? (u(), j(O3, {
                 key: 0,
-                "template-id": y.templateId,
+                "template-id": g.templateId,
                 "phase-id": (G = i.value) == null ? void 0 : G.id,
                 milestone: l.value,
                 "activity-id": (ee = d.value) == null ? void 0 : ee.id,
                 onAddActivity: x,
-                onUpdateActivity: f,
-                onRemoveActivity: se
-              }, null, 8, ["template-id", "phase-id", "milestone", "activity-id"])) : w("", !0)
+                onUpdateActivity: h,
+                onRemoveActivity: le
+              }, null, 8, ["template-id", "phase-id", "milestone", "activity-id"])) : M("", !0)
             ])
           ])
         ]),
-        (u(), P(C1, { to: "body" }, [
-          d.value ? (u(), P(R1, {
+        (u(), j(C1, { to: "body" }, [
+          d.value ? (u(), j(R1, {
             key: 0,
             activity: d.value,
             "activity-types": p.value,
@@ -5428,19 +5428,19 @@ const k7 = {
             "template-activities": c.value,
             "template-milestones": r.value,
             "is-template": !0,
-            "onUpdate:activity": B[2] || (B[2] = (q) => {
-              d.value && f(q);
+            "onUpdate:activity": O[2] || (O[2] = (q) => {
+              d.value && h(q);
             }),
-            onClose: y.$router.back,
+            onClose: g.$router.back,
             onAddSubtask: D,
             onUpdateSubtask: X,
-            onDeleteSubtask: M,
+            onDeleteSubtask: A,
             onAddFiles: W,
             onRemoveFile: _e
-          }, null, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "onClose"])) : w("", !0)
+          }, null, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "onClose"])) : M("", !0)
         ])),
-        (u(), P(C1, { to: "body" }, [
-          H.value ? (u(), P(A7, {
+        (u(), j(C1, { to: "body" }, [
+          H.value ? (u(), j(A7, {
             key: 0,
             "template-id": a.value.id,
             rules: a.value.rules || [],
@@ -5450,9 +5450,9 @@ const k7 = {
             onClose: U,
             onAddRule: te,
             onRemoveRule: re
-          }, null, 8, ["template-id", "rules", "template-phases", "template-milestones", "template-activities"])) : w("", !0)
+          }, null, 8, ["template-id", "rules", "template-phases", "template-milestones", "template-activities"])) : M("", !0)
         ]))
-      ])) : w("", !0);
+      ])) : M("", !0);
     };
   }
 });
@@ -5469,19 +5469,19 @@ const O7 = {
     tagName: { default: "div" }
   },
   setup(s) {
-    return (e, t) => (u(), P(Ke(e.tagName), {
+    return (e, t) => (u(), j(Ke(e.tagName), {
       class: F(["ao-card", { "ao-card--clickable": e.isClickable }])
     }, {
       default: R(() => [
         e.$slots.header ? (u(), C("header", O7, [
           Y(e.$slots, "header")
-        ])) : w("", !0),
+        ])) : M("", !0),
         o("div", B7, [
           Y(e.$slots, "default")
         ]),
         e.$slots.footer ? (u(), C("footer", D7, [
           Y(e.$slots, "footer")
-        ])) : w("", !0)
+        ])) : M("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
@@ -5494,12 +5494,12 @@ const q1 = /* @__PURE__ */ K({
     status: {}
   },
   setup(s) {
-    const e = s, t = g(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
+    const e = s, t = f(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
     return (n, a) => (u(), C("div", {
       class: F(["ao-progress", n.status ? `ao-progress--${n.status}` : ""]),
       role: "meter"
     }, [
-      (u(!0), C(le, null, pe(t.value, (i) => (u(), C("div", {
+      (u(!0), C(ae, null, pe(t.value, (i) => (u(), C("div", {
         key: i,
         class: F(["ao-progress__progress"]),
         style: Kt({ width: `${i * 100}%` })
@@ -5507,7 +5507,7 @@ const q1 = /* @__PURE__ */ K({
     ], 2));
   }
 });
-const Z7 = { class: "ao-card-project-phase__header" }, P7 = { class: "ao-card-project-phase__footer" }, N7 = { class: "ao-card-project-phase__footer-row" }, j7 = { class: "ao-card-project-phase__subitem" }, R7 = { class: "ao-card-project-phase__subitem" }, U7 = {
+const Z7 = { class: "ao-card-project-phase__header" }, P7 = { class: "ao-card-project-phase__footer" }, j7 = { class: "ao-card-project-phase__footer-row" }, N7 = { class: "ao-card-project-phase__subitem" }, R7 = { class: "ao-card-project-phase__subitem" }, U7 = {
   key: 1,
   class: "ao-card-project-phase__secondary"
 }, q7 = /* @__PURE__ */ K({
@@ -5519,50 +5519,50 @@ const Z7 = { class: "ao-card-project-phase__header" }, P7 = { class: "ao-card-pr
     milestones: {}
   },
   setup(s) {
-    const e = s, t = g(() => {
+    const e = s, t = f(() => {
       var i;
       return (i = e.milestones) == null ? void 0 : i.length;
-    }), n = g(() => {
+    }), n = f(() => {
       var i;
       return (i = e.milestones) == null ? void 0 : i.filter((l) => l.status === h7.done).length;
-    }), a = g(() => (n.value || 0) / (t.value || 1));
-    return (i, l) => (u(), P(U1, { class: "ao-card-project-phase" }, {
+    }), a = f(() => (n.value || 0) / (t.value || 1));
+    return (i, l) => (u(), j(U1, { class: "ao-card-project-phase" }, {
       header: R(() => [
         o("div", Z7, [
-          i.projectName ? (u(), P(f1, {
+          i.projectName ? (u(), j(f1, {
             key: 0,
             label: i.projectName,
             class: "ao-card-project-phase__project",
             variant: "solid",
             color: "primary"
-          }, null, 8, ["label"])) : w("", !0)
+          }, null, 8, ["label"])) : M("", !0)
         ])
       ]),
       default: R(() => [
-        b(ce, {
+        y(ce, {
           title: i.name || i.id,
           level: 4
         }, null, 8, ["title"])
       ]),
       footer: R(() => [
         o("div", P7, [
-          o("div", N7, [
-            t.value ? (u(), C(le, { key: 0 }, [
-              o("div", j7, [
-                b(ae, {
+          o("div", j7, [
+            t.value ? (u(), C(ae, { key: 0 }, [
+              o("div", N7, [
+                y(se, {
                   name: "MountainFlagOutlineRounded",
                   size: "sm"
                 }),
-                o("span", R7, j(n.value) + " / " + j(t.value), 1)
+                o("span", R7, N(n.value) + " / " + N(t.value), 1)
               ]),
-              b(q1, {
+              y(q1, {
                 percentages: a.value,
                 class: "ao-card-project-phase__progress"
               }, null, 8, ["percentages"])
-            ], 64)) : w("", !0),
+            ], 64)) : M("", !0),
             i.$slots.secondary ? (u(), C("div", U7, [
               Y(i.$slots, "secondary")
-            ])) : w("", !0)
+            ])) : M("", !0)
           ])
         ])
       ]),
@@ -5582,23 +5582,23 @@ const z7 = { class: "ao-card-project-phase__footer" }, F7 = { class: "ao-card-pr
     doneStatus: {}
   },
   setup(s) {
-    const e = s, t = g(() => {
+    const e = s, t = f(() => {
       var i;
       return (i = e.activities) == null ? void 0 : i.length;
-    }), n = g(() => {
+    }), n = f(() => {
       var i;
       return (i = e.activities) == null ? void 0 : i.filter((l) => {
         var r, c;
         return ((r = l.status) == null ? void 0 : r.id) === ((c = e.doneStatus) == null ? void 0 : c.id);
       }).length;
-    }), a = g(() => (n.value || 0) / (t.value || 1));
-    return (i, l) => (u(), P(U1, {
+    }), a = f(() => (n.value || 0) / (t.value || 1));
+    return (i, l) => (u(), j(U1, {
       class: "ao-card-project-milestone",
       "is-clickable": !0,
       "tag-name": "li"
     }, {
       default: R(() => [
-        b(ce, {
+        y(ce, {
           title: i.name || i.id,
           level: 5
         }, null, 8, ["title"])
@@ -5606,22 +5606,22 @@ const z7 = { class: "ao-card-project-phase__footer" }, F7 = { class: "ao-card-pr
       footer: R(() => [
         o("div", z7, [
           o("div", F7, [
-            t.value ? (u(), C(le, { key: 0 }, [
+            t.value ? (u(), C(ae, { key: 0 }, [
               o("div", K7, [
-                b(ae, {
+                y(se, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                o("span", G7, j(n.value) + " / " + j(t.value), 1)
+                o("span", G7, N(n.value) + " / " + N(t.value), 1)
               ]),
-              b(q1, {
+              y(q1, {
                 percentages: a.value,
                 class: "ao-card-project-phase__progress"
               }, null, 8, ["percentages"])
-            ], 64)) : w("", !0),
+            ], 64)) : M("", !0),
             i.$slots.secondary ? (u(), C("div", Y7, [
               Y(i.$slots, "secondary")
-            ])) : w("", !0)
+            ])) : M("", !0)
           ])
         ])
       ]),
@@ -5637,13 +5637,13 @@ const X7 = { class: "ao-project-phase" }, J7 = { class: "ao-project-phase__col-p
   },
   emits: ["addMilestone"],
   setup(s, { emit: e }) {
-    const t = s, { t: n } = De(), a = g(() => t.phase.milestones), i = (l) => {
+    const t = s, { t: n } = De(), a = f(() => t.phase.milestones), i = (l) => {
       const { name: r, rank: c } = ze(a.value ?? [], "milestone", n);
       e("addMilestone", { name: r, rank: c, phaseId: l });
     };
     return (l, r) => (u(), C("li", X7, [
       o("div", J7, [
-        b(q7, {
+        y(q7, {
           id: l.phase.id,
           milestones: a.value,
           name: l.phase.name,
@@ -5653,7 +5653,7 @@ const X7 = { class: "ao-project-phase" }, J7 = { class: "ao-project-phase__col-p
       o("div", Q7, [
         o("div", x7, [
           o("ul", e0, [
-            (u(!0), C(le, null, pe(a.value, (c) => (u(), P(W7, {
+            (u(!0), C(ae, null, pe(a.value, (c) => (u(), j(W7, {
               id: c.id,
               key: c.id,
               name: c.name,
@@ -5666,7 +5666,7 @@ const X7 = { class: "ao-project-phase" }, J7 = { class: "ao-project-phase__col-p
             }, null, 8, ["id", "name", "activities", "onClick"]))), 128))
           ]),
           o("div", t0, [
-            b(Be, {
+            y(Be, {
               label: l.$t("project.milestone.add"),
               class: "ao-project-phase__milestone-add",
               "icon-name": "Add",
@@ -5692,6 +5692,7 @@ const a0 = { class: "ao-project-overview" }, l0 = { class: "ao-project" }, n0 =
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
+    phases: {},
     users: {},
     userId: {}
   },
@@ -5701,40 +5702,40 @@ const a0 = { class: "ao-project-overview" }, l0 = { class: "ao-project" }, n0 =
     Gt(() => {
       a({ users: t.users, userId: t.userId });
     });
-    const i = g(() => t.project.phases ?? []), l = g(() => i.value.flatMap((h) => h.milestones)), r = () => {
-      const { name: h, rank: O } = ze(i.value, "phase", n);
-      e("addPhase", { name: h, rank: O, projectId: t.project.id });
-    }, c = (h) => {
-      e("addMilestone", h);
-    }, d = (h) => {
-      e("addActivity", h);
-    }, p = (h) => {
-      e("update:activity", h);
-    }, _ = (h) => {
-      e("addSubtask", h);
-    }, m = g(
-      () => l.value.flatMap((h) => h.activities)
-    ), $ = (h) => {
-      e("addFiles", h);
-    }, I = (h) => {
-      e("removeFile", h);
-    }, T = (h) => {
-      e("addComment", h);
-    }, N = (h) => {
-      e("updateComment", h);
-    }, S = (h) => {
-      e("removeComment", h);
+    const i = f(() => t.phases.flatMap(($) => $.milestones)), l = () => {
+      const { name: $, rank: b } = ze(t.phases, "phase", n);
+      e("addPhase", { name: $, rank: b, projectId: t.project.id });
+    }, r = ($) => {
+      e("addMilestone", $);
+    }, c = ($) => {
+      e("addActivity", $);
+    }, d = ($) => {
+      e("update:activity", $);
+    }, p = ($) => {
+      e("addSubtask", $);
+    }, _ = f(
+      () => i.value.flatMap(($) => $.activities)
+    ), m = ($) => {
+      e("addFiles", $);
+    }, w = ($) => {
+      e("removeFile", $);
+    }, I = ($) => {
+      e("addComment", $);
+    }, L = ($) => {
+      e("updateComment", $);
+    }, Z = ($) => {
+      e("removeComment", $);
     };
-    return (h, O) => {
-      const x = Yt("RouterView");
+    return ($, b) => {
+      const B = Yt("RouterView");
       return u(), C("div", a0, [
         o("div", l0, [
-          b(M1, null, {
+          y(M1, null, {
             primary: R(() => [
-              b(ue, {
-                label: h.$t("project.phases.add"),
+              y(ue, {
+                label: $.$t("project.phases.add"),
                 color: "primary",
-                onClick: r
+                onClick: l
               }, null, 8, ["label"])
             ]),
             _: 1
@@ -5743,60 +5744,60 @@ const a0 = { class: "ao-project-overview" }, l0 = { class: "ao-project" }, n0 =
             o("header", i0, [
               o("div", o0, [
                 o("div", r0, [
-                  b(ae, {
+                  y(se, {
                     class: "ao-project__col-title-icon",
                     name: "WaterfallChartRounded",
                     size: "md"
                   }),
-                  b(ce, {
+                  y(ce, {
                     level: 3,
-                    title: h.$t("project.phases.title")
+                    title: $.$t("project.phases.title")
                   }, null, 8, ["title"])
                 ])
               ]),
               o("div", u0, [
                 o("div", c0, [
-                  b(ae, {
+                  y(se, {
                     class: "ao-project__col-title-icon",
                     name: "MountainFlagOutlineRounded",
                     size: "md"
                   }),
-                  b(ce, {
+                  y(ce, {
                     level: 3,
-                    title: h.$t("project.milestones.title")
+                    title: $.$t("project.milestones.title")
                   }, null, 8, ["title"])
                 ])
               ])
             ]),
             o("ul", d0, [
-              (u(!0), C(le, null, pe(i.value, (se) => (u(), P(s0, {
-                key: se.id,
-                phase: se,
-                "project-name": h.project.name,
-                onAddMilestone: c
+              (u(!0), C(ae, null, pe($.phases, (x) => (u(), j(s0, {
+                key: x.id,
+                phase: x,
+                "project-name": $.project.name,
+                onAddMilestone: r
               }, null, 8, ["phase", "project-name"]))), 128))
             ])
           ])
         ]),
-        b(x, {
+        y(B, {
           class: "ao-project__sidebar",
-          milestones: l.value,
-          "project-name": h.project.name,
-          users: h.users,
-          onClose: O[0] || (O[0] = (se) => h.$router.push({ name: E(Fe).project })),
-          onAddActivity: d
+          milestones: i.value,
+          "project-name": $.project.name,
+          users: $.users,
+          onClose: b[0] || (b[0] = (x) => $.$router.push({ name: E(Fe).project })),
+          onAddActivity: c
         }, null, 8, ["milestones", "project-name", "users"]),
-        (u(), P(C1, { to: "body" }, [
-          b(x, {
+        (u(), j(C1, { to: "body" }, [
+          y(B, {
             name: "modal",
-            activities: m.value,
-            "onUpdate:activity": p,
-            onAddSubtask: _,
-            onAddFiles: $,
-            onRemoveFile: I,
-            onAddComment: T,
-            onUpdateComment: N,
-            onRemoveComment: S
+            activities: _.value,
+            "onUpdate:activity": d,
+            onAddSubtask: p,
+            onAddFiles: m,
+            onRemoveFile: w,
+            onAddComment: I,
+            onUpdateComment: L,
+            onRemoveComment: Z
           }, null, 8, ["activities"])
         ]))
       ]);
@@ -5850,107 +5851,107 @@ const v0 = { class: "ao-card-feed__header" }, C0 = {
         id: t.id,
         name: _
       });
-    }, a = g(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), i = g(() => {
+    }, a = f(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), i = f(() => {
       var _;
       return (_ = t.assignees) == null ? void 0 : _.map((m) => {
-        var $;
-        return ($ = t.users) == null ? void 0 : $.find((I) => I.id === m);
+        var w;
+        return (w = t.users) == null ? void 0 : w.find((I) => I.id === m);
       });
     }), l = (_) => {
-      const { firstName: m, lastName: $ } = _ || {};
-      return m && $ ? `${m} ${$}` : "";
+      const { firstName: m, lastName: w } = _ || {};
+      return m && w ? `${m} ${w}` : "";
     }, r = (_) => {
       e("removeAssignee", _);
-    }, c = g(() => {
+    }, c = f(() => {
       var _;
       return (_ = t.subtasks) == null ? void 0 : _.length;
-    }), d = g(() => {
+    }), d = f(() => {
       var _;
       return (_ = t.subtasks) == null ? void 0 : _.filter((m) => m.isDone).length;
-    }), p = g(() => (d.value || 0) / (c.value || 1));
-    return (_, m) => (u(), P(U1, {
+    }), p = f(() => (d.value || 0) / (c.value || 1));
+    return (_, m) => (u(), j(U1, {
       class: "ao-card-feed",
       "is-clickable": !0
     }, {
       header: R(() => [
         o("div", v0, [
-          _.projectName ? (u(), P(f1, {
+          _.projectName ? (u(), j(f1, {
             key: 0,
             label: _.projectName,
             class: "ao-card-feed__project",
             variant: "solid",
             color: "primary"
-          }, null, 8, ["label"])) : w("", !0),
-          _.isImportant ? (u(), P(ae, {
+          }, null, 8, ["label"])) : M("", !0),
+          _.isImportant ? (u(), j(se, {
             key: 1,
             name: "FlagRounded",
             class: "ao-card-feed__important ao-card-feed__header-secondary",
             size: "sm"
-          })) : w("", !0),
+          })) : M("", !0),
           _.$slots.secondary ? (u(), C("div", C0, [
             Y(_.$slots, "secondary")
-          ])) : w("", !0)
+          ])) : M("", !0)
         ])
       ]),
       default: R(() => [
         o("div", _0, [
-          a.value ? (u(), C("span", m0, j(a.value), 1)) : w("", !0),
-          b(ce, {
+          a.value ? (u(), C("span", m0, N(a.value), 1)) : M("", !0),
+          y(ce, {
             title: _.name,
             level: 5,
             "is-editable": !0,
             "onUpdate:title": n
           }, null, 8, ["title"]),
-          _.endDate ? (u(), C("span", h0, j(_.endDate), 1)) : w("", !0)
+          _.endDate ? (u(), C("span", h0, N(_.endDate), 1)) : M("", !0)
         ])
       ]),
       footer: R(() => [
         o("div", f0, [
           o("div", g0, [
             o("ul", y0, [
-              (u(!0), C(le, null, pe(i.value, ($) => (u(), C(le, {
-                key: $.id
+              (u(!0), C(ae, null, pe(i.value, (w) => (u(), C(ae, {
+                key: w.id
               }, [
-                $ ? (u(), C("li", b0, [
-                  b(Ye, {
-                    "user-name": l($),
+                w ? (u(), C("li", b0, [
+                  y(Ye, {
+                    "user-name": l(w),
                     "is-closable": !0,
-                    onClose: () => r($.id)
+                    onClose: () => r(w.id)
                   }, null, 8, ["user-name", "onClose"])
-                ])) : w("", !0)
+                ])) : M("", !0)
               ], 64))), 128))
             ]),
             _.comments || _.attachments ? (u(), C("ul", $0, [
               _.comments ? (u(), C("li", w0, [
-                b(ae, {
+                y(se, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                o("span", M0, j(_.comments), 1)
-              ])) : w("", !0),
+                o("span", M0, N(_.comments), 1)
+              ])) : M("", !0),
               _.attachments ? (u(), C("li", A0, [
-                b(ae, {
+                y(se, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                o("span", k0, j(_.attachments), 1)
-              ])) : w("", !0)
-            ])) : w("", !0)
+                o("span", k0, N(_.attachments), 1)
+              ])) : M("", !0)
+            ])) : M("", !0)
           ]),
           o("div", I0, [
             _.subtasks ? (u(), C("div", S0, [
               o("div", V0, [
-                b(ae, {
+                y(se, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                o("span", L0, j(d.value) + " / " + j(c.value), 1)
+                o("span", L0, N(d.value) + " / " + N(c.value), 1)
               ]),
-              b(q1, {
+              y(q1, {
                 percentages: p.value,
                 class: "ao-card-feed__progress"
               }, null, 8, ["percentages"])
-            ])) : w("", !0)
+            ])) : M("", !0)
           ])
         ])
       ]),
@@ -5970,10 +5971,10 @@ const T0 = { class: "ao-project-milestone" }, E0 = { class: "ao-project-mileston
   },
   emits: ["close", "addActivity"],
   setup(s, { emit: e }) {
-    const t = s, { t: n } = De(), a = g(() => {
+    const t = s, { t: n } = De(), a = f(() => {
       var c;
       return (c = t.milestones) == null ? void 0 : c.find((d) => d.id === t.milestoneId);
-    }), i = g(() => {
+    }), i = f(() => {
       var c;
       return (c = a.value) == null ? void 0 : c.activities;
     }), l = (c) => {
@@ -5991,13 +5992,13 @@ const T0 = { class: "ao-project-milestone" }, E0 = { class: "ao-project-mileston
       return u(), C("div", T0, [
         o("header", E0, [
           o("div", H0, [
-            o("span", null, j(c.$t("project.milestone.title")), 1),
-            b(ce, {
+            o("span", null, N(c.$t("project.milestone.title")), 1),
+            y(ce, {
               title: ((p = a.value) == null ? void 0 : p.name) || c.milestoneId,
               level: 5
             }, null, 8, ["title"])
           ]),
-          b(ue, {
+          y(ue, {
             "icon-name": "CloseRounded",
             variant: "ghost",
             onClick: l
@@ -6005,9 +6006,9 @@ const T0 = { class: "ao-project-milestone" }, E0 = { class: "ao-project-mileston
         ]),
         o("div", O0, [
           o("ul", B0, [
-            (u(!0), C(le, null, pe(i.value, (_) => {
-              var m, $, I;
-              return u(), P(mt, {
+            (u(!0), C(ae, null, pe(i.value, (_) => {
+              var m, w, I;
+              return u(), j(mt, {
                 key: _.id,
                 name: _.name || _.id,
                 "project-name": c.projectName,
@@ -6017,10 +6018,10 @@ const T0 = { class: "ao-project-milestone" }, E0 = { class: "ao-project-mileston
                 "is-important": _.isImportant,
                 users: c.users,
                 assignees: _.assignees,
-                comments: ($ = _.comments) == null ? void 0 : $.length,
+                comments: (w = _.comments) == null ? void 0 : w.length,
                 attachments: (I = _.attachments) == null ? void 0 : I.length,
                 subtasks: _.subtasks,
-                onClick: (T) => c.$router.push({
+                onClick: (L) => c.$router.push({
                   name: E(Fe).activity,
                   params: { milestoneId: c.milestoneId, activityId: _.id }
                 })
@@ -6028,7 +6029,7 @@ const T0 = { class: "ao-project-milestone" }, E0 = { class: "ao-project-mileston
             }), 128))
           ]),
           o("div", D0, [
-            b(Be, {
+            y(Be, {
               "icon-name": "Add",
               label: c.$t("project.activity.add"),
               onClick: r
@@ -6039,7 +6040,7 @@ const T0 = { class: "ao-project-milestone" }, E0 = { class: "ao-project-mileston
     };
   }
 });
-const Z0 = { class: "ao-comment" }, P0 = { class: "ao-comment__body" }, N0 = ["contenteditable"], j0 = { class: "ao-comment__created-at" }, R0 = {
+const Z0 = { class: "ao-comment" }, P0 = { class: "ao-comment__body" }, j0 = ["contenteditable"], N0 = { class: "ao-comment__created-at" }, R0 = {
   key: 1,
   class: "ao-comment__footer"
 }, U0 = /* @__PURE__ */ K({
@@ -6053,7 +6054,7 @@ const Z0 = { class: "ao-comment" }, P0 = { class: "ao-comment__body" }, N0 = ["c
   },
   emits: ["edit", "remove"],
   setup(s, { emit: e }) {
-    const t = s, n = g(() => {
+    const t = s, n = f(() => {
       const m = t.user;
       return m ? `${m == null ? void 0 : m.firstName} ${m == null ? void 0 : m.lastName}` : null;
     }), a = Q(null), { isEditing: i, toggleIsEditing: l, onUpdate: r, onDiscard: c } = ot(a), d = c(), p = r((m) => {
@@ -6061,46 +6062,46 @@ const Z0 = { class: "ao-comment" }, P0 = { class: "ao-comment__body" }, N0 = ["c
     }), _ = () => {
       e("remove");
     };
-    return (m, $) => (u(), C("li", Z0, [
-      n.value ? (u(), P(Ye, {
+    return (m, w) => (u(), C("li", Z0, [
+      n.value ? (u(), j(Ye, {
         key: 0,
         "user-name": n.value,
         class: "ao-comment__avatar"
-      }, null, 8, ["user-name"])) : w("", !0),
+      }, null, 8, ["user-name"])) : M("", !0),
       o("div", P0, [
         o("p", {
           ref_key: "commentContent",
           ref: a,
           class: "ao-comment__content",
           contenteditable: E(i)
-        }, j(m.content), 9, N0),
-        o("span", j0, j(m.editedAt || m.createdAt), 1)
+        }, N(m.content), 9, j0),
+        o("span", N0, N(m.editedAt || m.createdAt), 1)
       ]),
       m.isEditable ? (u(), C("div", R0, [
-        E(i) ? (u(), C(le, { key: 0 }, [
-          b(ue, {
+        E(i) ? (u(), C(ae, { key: 0 }, [
+          y(ue, {
             "icon-name": "CloseRounded",
             size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: E(d)
           }, null, 8, ["onClick"]),
-          b(ue, {
+          y(ue, {
             "icon-name": "CheckSmallRounded",
             size: "sm",
             variant: "solid",
             color: "neutral",
             onClick: E(p)
           }, null, 8, ["onClick"])
-        ], 64)) : (u(), C(le, { key: 1 }, [
-          b(ue, {
+        ], 64)) : (u(), C(ae, { key: 1 }, [
+          y(ue, {
             label: m.$t("activity.comment.delete"),
             size: "sm",
             variant: "ghost",
             color: "neutral",
             onClick: _
           }, null, 8, ["label"]),
-          b(ue, {
+          y(ue, {
             label: m.$t("activity.comment.edit"),
             size: "sm",
             variant: "ghost",
@@ -6108,7 +6109,7 @@ const Z0 = { class: "ao-comment" }, P0 = { class: "ao-comment__body" }, N0 = ["c
             onClick: E(l)
           }, null, 8, ["label", "onClick"])
         ], 64))
-      ])) : w("", !0)
+      ])) : M("", !0)
     ]));
   }
 });
@@ -6125,7 +6126,7 @@ const q0 = { class: "ao-comments" }, z0 = {
   },
   emits: ["createComment", "updateComment", "removeComment"],
   setup(s, { emit: e }) {
-    const t = s, n = (d) => t.users.find((_) => _.id === d), a = e1(t.newComment || ""), i = g({
+    const t = s, n = (d) => t.users.find((_) => _.id === d), a = e1(t.newComment || ""), i = f({
       get() {
         return a.value;
       },
@@ -6147,7 +6148,7 @@ const q0 = { class: "ao-comments" }, z0 = {
       var _;
       return u(), C("div", q0, [
         ((_ = d.comments) == null ? void 0 : _.length) > 0 ? (u(), C("ul", z0, [
-          (u(!0), C(le, null, pe(d.comments, (m) => (u(), P(U0, {
+          (u(!0), C(ae, null, pe(d.comments, (m) => (u(), j(U0, {
             key: m.id,
             user: n(m.userId),
             content: m.content,
@@ -6155,17 +6156,17 @@ const q0 = { class: "ao-comments" }, z0 = {
             "edited-at": m.editedAt,
             "is-editable": m.userId === d.userId,
             class: "ao-comment",
-            onEdit: ($) => r(m.id, $),
+            onEdit: (w) => r(m.id, w),
             onRemove: () => c(m.id)
           }, null, 8, ["user", "content", "created-at", "edited-at", "is-editable", "onEdit", "onRemove"]))), 128))
-        ])) : w("", !0),
+        ])) : M("", !0),
         o("div", F0, [
           o("form", {
             class: "ao-comments__form",
-            onSubmit: ke(l, ["prevent"])
+            onSubmit: we(l, ["prevent"])
           }, [
             o("label", G0, [
-              o("span", Y0, j(d.$t("activity.comment.label")), 1),
+              o("span", Y0, N(d.$t("activity.comment.label")), 1),
               qe(o("textarea", {
                 "onUpdate:modelValue": p[0] || (p[0] = (m) => i.value = m),
                 rows: "4",
@@ -6180,7 +6181,7 @@ const q0 = { class: "ao-comments" }, z0 = {
               ])
             ]),
             o("div", W0, [
-              b(ue, {
+              y(ue, {
                 type: "submit",
                 "icon-name": "SendRounded",
                 color: "primary",
@@ -6206,20 +6207,20 @@ const X0 = { class: "ao-fieldset" }, J0 = { class: "ao-fieldset__title" }, Q0 =
   },
   emits: ["update:activity", "addSubtask", "addComment", "updateComment", "removeComment"],
   setup(s, { emit: e }) {
-    const t = s, { users: n, userId: a } = _t(), i = g(() => {
+    const t = s, { users: n, userId: a } = _t(), i = f(() => {
       var m;
-      return (m = t.activities) == null ? void 0 : m.find(($) => $.id === t.activityId);
-    }), l = g(() => {
+      return (m = t.activities) == null ? void 0 : m.find((w) => w.id === t.activityId);
+    }), l = f(() => {
       var m;
-      return ((m = t.activityTypes) == null ? void 0 : m.map(($) => ({
-        value: $,
-        label: $
+      return ((m = t.activityTypes) == null ? void 0 : m.map((w) => ({
+        value: w,
+        label: w
       }))) || [];
     }), r = (m) => {
-      const { id: $ } = m;
+      const { id: w } = m;
       i.value && i.value.projectId && e("update:activity", {
         itemType: ie.ACTIVITIES,
-        id: $,
+        id: w,
         projectId: i.value.projectId,
         data: {
           ...i.value,
@@ -6240,13 +6241,13 @@ const X0 = { class: "ao-fieldset" }, J0 = { class: "ao-fieldset__title" }, Q0 =
         comment: m
       });
     }, p = (m) => {
-      const { id: $ } = i.value || {};
-      $ && e("updateComment", { ...m, activityId: $ });
+      const { id: w } = i.value || {};
+      w && e("updateComment", { ...m, activityId: w });
     }, _ = (m) => {
-      const { id: $ } = i.value || {};
-      $ && e("removeComment", { id: m, activityId: $ });
+      const { id: w } = i.value || {};
+      w && e("removeComment", { id: m, activityId: w });
     };
-    return (m, $) => i.value ? (u(), P(R1, {
+    return (m, w) => i.value ? (u(), j(R1, {
       key: 0,
       activity: i.value,
       "activity-types": l.value,
@@ -6255,7 +6256,7 @@ const X0 = { class: "ao-fieldset" }, J0 = { class: "ao-fieldset__title" }, Q0 =
       "is-template": !1,
       users: E(n),
       onClose: m.$router.back,
-      "onUpdate:activity": $[0] || ($[0] = (I) => {
+      "onUpdate:activity": w[0] || (w[0] = (I) => {
         r({
           ...I
         });
@@ -6265,13 +6266,13 @@ const X0 = { class: "ao-fieldset" }, J0 = { class: "ao-fieldset__title" }, Q0 =
       default: R(() => [
         o("fieldset", X0, [
           o("div", J0, [
-            b(ae, { name: "ChatOutline" }),
-            b(ce, {
+            y(se, { name: "ChatOutline" }),
+            y(ce, {
               level: 4,
               title: m.$t("activity.comments.title")
             }, null, 8, ["title"])
           ]),
-          b(ht, {
+          y(ht, {
             comments: i.value.comments,
             users: E(n),
             "user-id": E(a),
@@ -6282,7 +6283,7 @@ const X0 = { class: "ao-fieldset" }, J0 = { class: "ao-fieldset__title" }, Q0 =
         ])
       ]),
       _: 1
-    }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "onClose"])) : w("", !0);
+    }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "onClose"])) : M("", !0);
   }
 }), t1 = {
   TEMPLATES: "templates",
@@ -6378,9 +6379,9 @@ const X0 = { class: "ao-fieldset" }, J0 = { class: "ao-fieldset__title" }, Q0 =
       }
     };
     return (r, c) => (u(), C("div", x0, [
-      b(M1, null, {
+      y(M1, null, {
         secondary: R(() => [
-          b(ue, {
+          y(ue, {
             label: r.$t("templates.new"),
             color: "primary",
             "icon-name": "Add",
@@ -6390,7 +6391,7 @@ const X0 = { class: "ao-fieldset" }, J0 = { class: "ao-fieldset__title" }, Q0 =
         ]),
         _: 1
       }),
-      b(E(n1), {
+      y(E(n1), {
         "model-value": r.templates,
         class: "ao-templates__list",
         "item-key": "id",
@@ -6400,7 +6401,7 @@ const X0 = { class: "ao-fieldset" }, J0 = { class: "ao-fieldset__title" }, Q0 =
         item: R(({ element: d }) => {
           var p;
           return [
-            b(f3, {
+            y(f3, {
               title: d.name || d.id,
               phases: d.phases,
               milestones: (p = d.phases) != null && p.length ? E(Yr)(d.phases) : 0,
@@ -6428,18 +6429,18 @@ const tu = { class: "ao-col-header" }, su = /* @__PURE__ */ K({
   },
   setup(s) {
     return (e, t) => (u(), C("header", tu, [
-      b(ce, {
+      y(ce, {
         title: e.title,
         class: "ao-col-header__title",
         level: 4
       }, null, 8, ["title"]),
-      e.items ? (u(), P(f1, {
+      e.items ? (u(), j(f1, {
         key: 0,
         label: e.items,
         class: "ao-col-header__items",
         variant: "solid",
         color: "primary"
-      }, null, 8, ["label"])) : w("", !0)
+      }, null, 8, ["label"])) : M("", !0)
     ]));
   }
 });
@@ -6495,7 +6496,7 @@ function cu() {
 }
 function du(s) {
   const e = cu();
-  return g(() => (e.value, !!s()));
+  return f(() => (e.value, !!s()));
 }
 function pu(s, e, t = {}) {
   const {
@@ -6504,33 +6505,33 @@ function pu(s, e, t = {}) {
     threshold: i = 0.1,
     window: l = uu,
     immediate: r = !0
-  } = t, c = du(() => l && "IntersectionObserver" in l), d = g(() => {
+  } = t, c = du(() => l && "IntersectionObserver" in l), d = f(() => {
     const I = _1(s);
     return (Array.isArray(I) ? I : [I]).map(B1).filter(nu);
   });
   let p = s1;
   const _ = Q(r), m = c.value ? de(
     () => [d.value, B1(n), _.value],
-    ([I, T]) => {
+    ([I, L]) => {
       if (p(), !_.value || !I.length)
         return;
-      const N = new IntersectionObserver(
+      const Z = new IntersectionObserver(
         e,
         {
-          root: B1(T),
+          root: B1(L),
           rootMargin: a,
           threshold: i
         }
       );
-      I.forEach((S) => S && N.observe(S)), p = () => {
-        N.disconnect(), p = s1;
+      I.forEach(($) => $ && Z.observe($)), p = () => {
+        Z.disconnect(), p = s1;
       };
     },
     { immediate: r, flush: "post" }
-  ) : s1, $ = () => {
+  ) : s1, w = () => {
     p(), m(), _.value = !1;
   };
-  return au($), {
+  return au(w), {
     isSupported: c,
     isActive: _,
     pause() {
@@ -6539,7 +6540,7 @@ function pu(s, e, t = {}) {
     resume() {
       _.value = !0;
     },
-    stop: $
+    stop: w
   };
 }
 const vu = {
@@ -6564,6 +6565,7 @@ const vu = {
   props: {
     list: {},
     status: {},
+    users: {},
     title: {},
     footerLabel: {},
     isLoading: { type: Boolean },
@@ -6601,74 +6603,81 @@ const vu = {
         var p;
         return [
           o("div", Cu, [
-            c.title ? (u(), P(su, {
+            c.title ? (u(), j(su, {
               key: 0,
               title: c.title,
               level: 3,
               items: (p = c.list) == null ? void 0 : p.length
-            }, null, 8, ["title", "items"])) : w("", !0)
+            }, null, 8, ["title", "items"])) : M("", !0)
           ])
         ];
-      }) : w("", !0),
-      b(E(n1), Ee({
+      }) : M("", !0),
+      y(E(n1), Ee({
         class: "ao-list-kanban__list",
         list: c.list,
         "item-key": "id",
         group: "kanban"
       }, c.$attrs, { onChange: r }), {
         item: R(({ element: p }) => {
-          var _, m, $;
+          var _, m, w, I, L, Z, $;
           return [
-            b(mt, {
+            y(mt, {
               id: p.id,
               name: p.name,
-              rules: ((_ = p.rules) == null ? void 0 : _.length) || 0,
+              "project-name": (_ = p.project) == null ? void 0 : _.name,
+              "phase-name": (w = (m = p.milestone) == null ? void 0 : m.phase) == null ? void 0 : w.name,
+              "milestone-name": (I = p.milestone) == null ? void 0 : I.name,
+              "end-date": p.deadline,
+              rules: ((L = p.rules) == null ? void 0 : L.length) || 0,
               subtasks: p.tasks,
               description: p.description,
               "is-important": p.important,
               type: p.type,
-              comments: (m = p.comments) == null ? void 0 : m.length,
+              comments: (Z = p.comments) == null ? void 0 : Z.length,
               attachments: ($ = p.attachments) == null ? void 0 : $.length,
+              users: c.users,
+              assignees: p.assignee ? [p.assignee.id] : [],
               onClick: () => i(p.id),
-              onUpdateActivity: l
+              onUpdateActivity: l,
+              onRemoveAssignee: () => l({ id: p.id, assigneeId: null })
             }, {
               secondary: R(() => [
-                b(ue, {
+                y(ue, {
                   color: "primary",
                   variant: "ghost",
                   "icon-name": "ArchiveOutlineRounded",
                   size: "sm",
                   corners: "round",
-                  onClick: ke(() => c.$emit("archiveActivity", p.id), ["stop"])
+                  onClick: we(() => c.$emit("archiveActivity", p.id), ["stop"])
                 }, null, 8, ["onClick"])
               ]),
               _: 2
-            }, 1032, ["id", "name", "rules", "subtasks", "description", "is-important", "type", "comments", "attachments", "onClick"])
+            }, 1032, ["id", "name", "project-name", "phase-name", "milestone-name", "end-date", "rules", "subtasks", "description", "is-important", "type", "comments", "attachments", "users", "assignees", "onClick", "onRemoveAssignee"])
           ];
         }),
         footer: R(() => [
           c.isLoading ? (u(), C("div", _u, [
-            b(ae, { name: "Loading" })
+            y(se, { name: "Loading" })
           ])) : c.hasMore ? (u(), C("div", {
             key: 2,
             ref_key: "scrollEnd",
             ref: a,
             class: "ao-list-kanban__end"
           }, null, 512)) : (u(), C("div", mu, [
-            c.noMoreLabel ? (u(), C("span", hu, j(c.noMoreLabel), 1)) : (u(), C("span", fu))
+            c.noMoreLabel ? (u(), C("span", hu, N(c.noMoreLabel), 1)) : (u(), C("span", fu))
           ]))
         ]),
         _: 1
       }, 16, ["list"]),
       c.$slots.footer || c.footerLabel ? (u(), C("div", gu, [
         Y(c.$slots, "footer", {}, () => [
-          b(Be, {
+          y(Be, {
             "icon-name": "AddBoxOutlineRounded",
             label: c.footerLabel,
             onClick: d[0] || (d[0] = (p) => c.$emit("add"))
           }, null, 8, ["label"])
         ])
-      ])) : w("", !0)
+      ])) : M("", !0)
     ]));
   }
 });
@@ -6697,11 +6706,11 @@ const bu = { class: "ao-field ao-search-field" }, $u = ["value", "placeholder",
         (...c) => E(a) && E(a)(...c)),
         onKeypress: a1(n, ["enter"])
       }, null, 40, $u),
-      b(ae, {
+      y(se, {
         name: "SearchRounded",
         class: F(`ao-search-field__icon ao-search-field__action ${l.modelValue ? "" : "ao-search-field__action--visible"}`)
       }, null, 8, ["class"]),
-      b(ue, {
+      y(ue, {
         "icon-name": "CloseRounded",
         size: "sm",
         color: "primary",
@@ -6713,7 +6722,7 @@ const bu = { class: "ao-field ao-search-field" }, $u = ["value", "placeholder",
   }
 });
 function Mu(s) {
-  const e = Q(), t = g(
+  const e = Q(), t = f(
     () => s.value.find(
       (a) => a.id === e.value
     )
@@ -6748,136 +6757,136 @@ const Iu = { class: "ao-feed" }, Su = { class: "ao-feed__filters" }, Vu = { clas
     const t = s, { t: n } = De(), a = e1(t, "activities"), { selectActivity: i, selectedActivity: l } = ku(a), r = Q({});
     de(
       [() => t.statuses, () => t.activities],
-      ([M, W]) => {
+      ([A, W]) => {
         r.value = Object.fromEntries(
-          M.map((_e) => [
+          A.map((_e) => [
             _e.id,
-            W.filter((y) => y.status.id === _e.id)
+            W.filter((g) => g.status.id === _e.id)
           ])
         );
       },
       { immediate: !0 }
     );
-    const c = (M) => {
-      var L, G;
-      const W = (L = t.activities) == null ? void 0 : L.at(-1), _e = W ? ye.LexoRank.parse(W.rank).genNext() : ye.LexoRank.middle(), y = ((G = t.activities) == null ? void 0 : G.length) ?? 0, B = {
-        name: n("activity.defaultName", { idx: y + 1 }),
+    const c = (A) => {
+      var T, G;
+      const W = (T = t.activities) == null ? void 0 : T.at(-1), _e = W ? ye.LexoRank.parse(W.rank).genNext() : ye.LexoRank.middle(), g = ((G = t.activities) == null ? void 0 : G.length) ?? 0, O = {
+        name: n("activity.defaultName", { idx: g + 1 }),
         rank: _e.format(),
-        statusId: M.id
+        statusId: A.id
       };
-      e("addActivity", B);
-    }, d = (M, W) => {
-      e("update:filters", { ...t.filters, [M]: W });
-    }, p = g(() => t.projects.map((M) => ({
-      value: M.id,
-      label: M.name
-    }))), _ = g(() => t.activityTypes.map((M) => ({
-      value: M.id,
-      label: M.name
-    }))), m = g(() => t.users.map((M) => ({
-      value: M.id,
-      label: `${M.firstName} ${M.lastName}`
-    }))), $ = (M) => {
-      l.value && e("update:activity", M);
-    }, I = (M) => {
-      e("update:activity", M);
-    }, T = Q(null), N = (M) => {
+      e("addActivity", O);
+    }, d = (A, W) => {
+      e("update:filters", { ...t.filters, [A]: W });
+    }, p = f(() => t.projects.map((A) => ({
+      value: A.id,
+      label: A.name
+    }))), _ = f(() => t.activityTypes.map((A) => ({
+      value: A.id,
+      label: A.name
+    }))), m = f(() => t.users.map((A) => ({
+      value: A.id,
+      label: `${A.firstName} ${A.lastName}`
+    }))), w = (A) => {
+      l.value && e("update:activity", A);
+    }, I = (A) => {
+      e("update:activity", A);
+    }, L = Q(null), Z = (A) => {
       l.value && e("update:activity", {
         id: l.value.id,
-        name: M
+        name: A
       });
-    }, S = (M) => {
-      e("archiveActivity", M);
-    }, h = g({
+    }, $ = (A) => {
+      e("archiveActivity", A);
+    }, b = f({
       get() {
-        var M;
-        return (M = l.value) == null ? void 0 : M.deadline;
+        var A;
+        return (A = l.value) == null ? void 0 : A.deadline;
       },
-      set(M) {
-        l.value && $({
+      set(A) {
+        l.value && w({
           id: l.value.id,
-          deadline: M
+          deadline: A
         });
       }
-    }), O = (M) => {
-      e("clear:searchText", M);
-    }, x = (M) => {
-      l.value && e("addSubtask", M);
-    }, se = (M) => {
-      l.value && e("updateSubtask", M);
-    }, f = (M) => {
-      l.value && e("deleteSubtask", M);
-    }, H = (M) => {
-      e("addFiles", M);
-    }, U = (M) => {
-      e("removeFile", M);
-    }, te = (M) => {
+    }), B = (A) => {
+      e("clear:searchText", A);
+    }, x = (A) => {
+      l.value && e("addSubtask", A);
+    }, le = (A) => {
+      l.value && e("updateSubtask", A);
+    }, h = (A) => {
+      l.value && e("deleteSubtask", A);
+    }, H = (A) => {
+      e("addFiles", A);
+    }, U = (A) => {
+      e("removeFile", A);
+    }, te = (A) => {
       l.value && e("addComment", {
         activityId: l.value.id,
-        comment: M
+        comment: A
       });
-    }, re = (M) => {
+    }, re = (A) => {
       const { id: W } = l.value || {};
-      W && e("updateComment", { ...M, activityId: W });
-    }, Ce = (M) => {
+      W && e("updateComment", { ...A, activityId: W });
+    }, Ce = (A) => {
       const { id: W } = l.value || {};
-      W && e("removeComment", { id: M, activityId: W });
-    }, D = g(() => t.statuses.map((M) => ({
-      value: M.id,
-      label: M.name
-    }))), X = (M) => {
+      W && e("removeComment", { id: A, activityId: W });
+    }, D = f(() => t.statuses.map((A) => ({
+      value: A.id,
+      label: A.name
+    }))), X = (A) => {
       l.value && e("update:activity", {
         id: l.value.id,
-        statusId: M
+        statusId: A
       });
     };
-    return (M, W) => {
+    return (A, W) => {
       var _e;
       return u(), C("div", Iu, [
-        b(M1, null, {
+        y(M1, null, {
           primary: R(() => [
-            b(wu, {
-              "model-value": M.searchText,
-              placeholder: M.$t("feed.search.placeholder"),
-              "onUpdate:modelValue": W[0] || (W[0] = (y) => M.$emit("update:searchText", y)),
-              onClear: O
+            y(wu, {
+              "model-value": A.searchText,
+              placeholder: A.$t("feed.search.placeholder"),
+              "onUpdate:modelValue": W[0] || (W[0] = (g) => A.$emit("update:searchText", g)),
+              onClear: B
             }, null, 8, ["model-value", "placeholder"]),
             o("div", Su, [
-              b(E(ve), {
-                "model-value": M.filters[E(Ue).project],
+              y(E(ve), {
+                "model-value": A.filters[E(Ue).project],
                 mode: "tags",
                 options: p.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter",
-                placeholder: M.$t("feed.filters.project.placeholder"),
-                "onUpdate:modelValue": W[1] || (W[1] = (y) => d(E(Ue).project, y))
+                placeholder: A.$t("feed.filters.project.placeholder"),
+                "onUpdate:modelValue": W[1] || (W[1] = (g) => d(E(Ue).project, g))
               }, null, 8, ["model-value", "options", "placeholder"]),
-              b(E(ve), {
-                "model-value": M.filters[E(Ue).type],
+              y(E(ve), {
+                "model-value": A.filters[E(Ue).type],
                 mode: "tags",
                 options: _.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter",
-                placeholder: M.$t("feed.filters.activityType.placeholder"),
-                "onUpdate:modelValue": W[2] || (W[2] = (y) => d(E(Ue).type, y))
+                placeholder: A.$t("feed.filters.activityType.placeholder"),
+                "onUpdate:modelValue": W[2] || (W[2] = (g) => d(E(Ue).type, g))
               }, null, 8, ["model-value", "options", "placeholder"]),
-              b(E(ve), {
-                "model-value": M.filters[E(Ue).assignee],
+              y(E(ve), {
+                "model-value": A.filters[E(Ue).assignee],
                 mode: "tags",
                 options: m.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter",
-                placeholder: M.$t("feed.filters.assignee.placeholder"),
-                "onUpdate:modelValue": W[3] || (W[3] = (y) => d(E(Ue).assignee, y))
+                placeholder: A.$t("feed.filters.assignee.placeholder"),
+                "onUpdate:modelValue": W[3] || (W[3] = (g) => d(E(Ue).assignee, g))
               }, {
-                tag: R(({ option: y, handleTagRemove: B }) => [
-                  b(Ye, {
-                    "user-name": y.label,
+                tag: R(({ option: g, handleTagRemove: O }) => [
+                  y(Ye, {
+                    "user-name": g.label,
                     "is-closable": !0,
-                    onClose: (L) => B(y, L)
+                    onClose: (T) => O(g, T)
                   }, null, 8, ["user-name", "onClose"])
                 ]),
                 _: 1
@@ -6887,46 +6896,47 @@ const Iu = { class: "ao-feed" }, Su = { class: "ao-feed__filters" }, Vu = { clas
           _: 1
         }),
         o("div", Vu, [
-          (u(!0), C(le, null, pe(M.statuses, (y) => (u(), P(yu, {
-            key: y.id,
-            status: y,
-            list: r.value[y.id],
-            title: y.name,
-            "footer-label": M.$t("feed.activity.add"),
-            onAdd: () => c(y),
+          (u(!0), C(ae, null, pe(A.statuses, (g) => (u(), j(yu, {
+            key: g.id,
+            status: g,
+            list: r.value[g.id],
+            title: g.name,
+            "footer-label": A.$t("feed.activity.add"),
+            users: A.users,
+            onAdd: () => c(g),
             onSelectActivity: E(i),
-            onArchiveActivity: S,
+            onArchiveActivity: $,
             onUpdateActivity: I
-          }, null, 8, ["status", "list", "title", "footer-label", "onAdd", "onSelectActivity"]))), 128))
+          }, null, 8, ["status", "list", "title", "footer-label", "users", "onAdd", "onSelectActivity"]))), 128))
         ]),
-        (u(), P(C1, { to: "body" }, [
-          E(l) ? (u(), P(R1, {
+        (u(), j(C1, { to: "body" }, [
+          E(l) ? (u(), j(R1, {
             key: 0,
             activity: E(l),
             "activity-types": _.value,
             "milestone-id": (_e = E(l).milestone) == null ? void 0 : _e.id,
             "template-activities": a.value,
-            users: M.users,
+            users: A.users,
             onClose: W[5] || (W[5] = () => E(i)(null)),
-            "onUpdate:activity": $,
+            "onUpdate:activity": w,
             onAddSubtask: x,
-            onUpdateSubtask: se,
-            onDeleteSubtask: f,
+            onUpdateSubtask: le,
+            onDeleteSubtask: h,
             onAddFiles: H,
             onRemoveFile: U
           }, {
             header: R(() => [
-              b(ce, {
+              y(ce, {
                 ref_key: "target",
-                ref: T,
+                ref: L,
                 title: E(l).name || E(l).id,
                 level: 4,
                 "is-editable": !0,
-                "onUpdate:title": N
+                "onUpdate:title": Z
               }, null, 8, ["title"]),
               o("label", Lu, [
-                o("span", Tu, j(M.$t("activity.status.label")), 1),
-                b(E(ve), {
+                o("span", Tu, N(A.$t("activity.status.label")), 1),
+                y(E(ve), {
                   options: D.value,
                   value: E(l).status.id,
                   onChange: X
@@ -6936,15 +6946,15 @@ const Iu = { class: "ao-feed" }, Su = { class: "ao-feed__filters" }, Vu = { clas
             default: R(() => [
               o("fieldset", Eu, [
                 o("label", Hu, [
-                  o("span", Ou, j(M.$t("activity.endDate.label")), 1),
+                  o("span", Ou, N(A.$t("activity.endDate.label")), 1),
                   qe(o("input", {
-                    "onUpdate:modelValue": W[4] || (W[4] = (y) => h.value = y),
+                    "onUpdate:modelValue": W[4] || (W[4] = (g) => b.value = g),
                     class: "ao-field__input",
                     type: "date"
                   }, null, 512), [
                     [
                       l1,
-                      h.value,
+                      b.value,
                       void 0,
                       { lazy: !0 }
                     ]
@@ -6953,16 +6963,16 @@ const Iu = { class: "ao-feed" }, Su = { class: "ao-feed__filters" }, Vu = { clas
               ]),
               o("fieldset", Bu, [
                 o("div", Du, [
-                  b(ae, { name: "ChatOutline" }),
-                  b(ce, {
+                  y(se, { name: "ChatOutline" }),
+                  y(ce, {
                     level: 4,
-                    title: M.$t("activity.comments.title")
+                    title: A.$t("activity.comments.title")
                   }, null, 8, ["title"])
                 ]),
-                b(ht, {
+                y(ht, {
                   comments: E(l).comments,
-                  users: M.users,
-                  "user-id": M.userId,
+                  users: A.users,
+                  "user-id": A.userId,
                   onCreateComment: te,
                   onUpdateComment: re,
                   onRemoveComment: Ce
@@ -6970,7 +6980,7 @@ const Iu = { class: "ao-feed" }, Su = { class: "ao-feed__filters" }, Vu = { clas
               ])
             ]),
             _: 1
-          }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users"])) : w("", !0)
+          }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users"])) : M("", !0)
         ]))
       ]);
     };