@26lights/orcha 0.41.95 → 0.41.97

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, openBlock as p, createBlock as D, unref as J, mergeProps as Me, createElementBlock as C, createElementVNode as f, pushScopeId as Do, popScopeId as Bo, createStaticVNode as Ro, computed as M, resolveDynamicComponent as mt, normalizeClass as Q, renderSlot as ae, toDisplayString as Y, createCommentVNode as E, ref as q, watch as ce, nextTick as $e, withKeys as pt, toHandlers as jo, withCtx as F, createTextVNode as qa, createVNode as T, normalizeStyle as We, withModifiers as ve, createSlots as fa, Fragment as fe, renderList as Ce, onMounted as It, onBeforeUnmount as Ts, onUnmounted as Os, Teleport as Tt, toRefs as Ee, getCurrentInstance as Lt, toRef as jt, normalizeProps as ha, guardReactiveProps as ma, withDirectives as De, vShow as No, onUpdated as Uo, vModelText as Ze, resolveComponent as ut, vModelCheckbox as Fo, getCurrentScope as Zo, onScopeDispose as Wo, toHandlerKey as zo } from "vue";
+import { defineComponent as x, openBlock as p, createBlock as B, unref as J, mergeProps as Me, createElementBlock as C, createElementVNode as f, pushScopeId as Do, popScopeId as Bo, createStaticVNode as Ro, computed as M, resolveDynamicComponent as mt, normalizeClass as Q, renderSlot as ae, toDisplayString as Y, createCommentVNode as E, ref as q, watch as ce, nextTick as $e, withKeys as pt, toHandlers as jo, withCtx as F, createTextVNode as qa, createVNode as T, normalizeStyle as We, withModifiers as ve, createSlots as fa, Fragment as fe, renderList as Ce, onMounted as It, onBeforeUnmount as Ts, onUnmounted as Os, Teleport as Tt, toRefs as Ee, getCurrentInstance as Lt, toRef as jt, normalizeProps as ha, guardReactiveProps as ma, withDirectives as De, vShow as No, onUpdated as Uo, vModelText as Ze, resolveComponent as ut, vModelCheckbox as Fo, getCurrentScope as Zo, onScopeDispose as Wo, toHandlerKey as zo } from "vue";
 import { RouterView as qo, useRoute as Yo, useRouter as Es } from "vue-router";
 import gt from "vuedraggable";
 const a8 = /* @__PURE__ */ x({
@@ -7,7 +7,7 @@ const a8 = /* @__PURE__ */ x({
     templates: {}
   },
   setup(t) {
-    return (e, a) => (p(), D(J(qo), Me({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
+    return (e, a) => (p(), B(J(qo), Me({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
   }
 }), W = (t, e) => {
   const a = t.__vccOpts || t;
@@ -1168,7 +1168,7 @@ const Pn = {
   },
   setup(t) {
     const e = t, a = M(() => L2[e.name]);
-    return (s, n) => (p(), D(mt(a.value), {
+    return (s, n) => (p(), B(mt(a.value), {
       class: Q(["ao-icon", `ao-icon--${s.size}`])
     }, null, 8, ["class"]));
   }
@@ -1208,7 +1208,7 @@ const D2 = ["type"], B2 = {
       ae(n.$slots, "default", {}, () => [
         n.label ? (p(), C("span", B2, Y(n.label), 1)) : E("", !0)
       ]),
-      s.value ? (p(), D(pe, {
+      s.value ? (p(), B(pe, {
         key: 0,
         name: s.value,
         class: "ao-button__icon",
@@ -1280,7 +1280,7 @@ const be = /* @__PURE__ */ x({
       (_) => {
         _ || c();
       }
-    ), (_, g) => (p(), D(mt(r.value), Me({
+    ), (_, g) => (p(), B(mt(r.value), Me({
       id: _.id,
       ref_key: "target",
       ref: s,
@@ -1346,7 +1346,7 @@ const R2 = {
     const a = (s) => {
       e("update:title", s);
     };
-    return (s, n) => (p(), D(mt(s.tagName), {
+    return (s, n) => (p(), B(mt(s.tagName), {
       class: Q(["ao-card-horiz", { "ao-card-horiz--active": s.isActive }])
     }, {
       default: F(() => [
@@ -1421,12 +1421,12 @@ const ra = /* @__PURE__ */ x({
       ]),
       style: We(n.rawColor ? { "--ao-tag-bg": n.rawColor } : {})
     }, [
-      (p(), D(mt(a.value), Me({ class: "ao-tag__label" }, s.value, {
+      (p(), B(mt(a.value), Me({ class: "ao-tag__label" }, s.value, {
         onClick: i[0] || (i[0] = (o) => n.$emit("click", o))
       }), {
         default: F(() => [
           qa(Y(n.label) + " ", 1),
-          n.variant === J(V2).SOLID_ICON && n.iconName ? (p(), D(pe, {
+          n.variant === J(V2).SOLID_ICON && n.iconName ? (p(), B(pe, {
             key: 0,
             name: n.iconName,
             class: "ao-tag__icon",
@@ -2736,15 +2736,15 @@ var o3 = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, i3 = /P+p+|P+|
 function Zn(t, e, a) {
   var s, n, i, o, l, r, d, u, c, v, h, w, _, g, $, b, m, I;
   _e(2, arguments);
-  var P = String(e), A = ga(), B = (s = (n = a == null ? void 0 : a.locale) !== null && n !== void 0 ? n : A.locale) !== null && s !== void 0 ? s : Fn, R = Je((i = (o = (l = (r = a == null ? void 0 : a.firstWeekContainsDate) !== null && r !== void 0 ? r : a == null || (d = a.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && l !== void 0 ? l : A.firstWeekContainsDate) !== null && o !== void 0 ? o : (c = A.locale) === null || c === void 0 || (v = c.options) === null || v === void 0 ? void 0 : v.firstWeekContainsDate) !== null && i !== void 0 ? i : 1);
+  var P = String(e), S = ga(), D = (s = (n = a == null ? void 0 : a.locale) !== null && n !== void 0 ? n : S.locale) !== null && s !== void 0 ? s : Fn, R = Je((i = (o = (l = (r = a == null ? void 0 : a.firstWeekContainsDate) !== null && r !== void 0 ? r : a == null || (d = a.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && l !== void 0 ? l : S.firstWeekContainsDate) !== null && o !== void 0 ? o : (c = S.locale) === null || c === void 0 || (v = c.options) === null || v === void 0 ? void 0 : v.firstWeekContainsDate) !== null && i !== void 0 ? i : 1);
   if (!(R >= 1 && R <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var Z = Je((h = (w = (_ = (g = a == null ? void 0 : a.weekStartsOn) !== null && g !== void 0 ? g : a == null || ($ = a.locale) === null || $ === void 0 || (b = $.options) === null || b === void 0 ? void 0 : b.weekStartsOn) !== null && _ !== void 0 ? _ : A.weekStartsOn) !== null && w !== void 0 ? w : (m = A.locale) === null || m === void 0 || (I = m.options) === null || I === void 0 ? void 0 : I.weekStartsOn) !== null && h !== void 0 ? h : 0);
+  var Z = Je((h = (w = (_ = (g = a == null ? void 0 : a.weekStartsOn) !== null && g !== void 0 ? g : a == null || ($ = a.locale) === null || $ === void 0 || (b = $.options) === null || b === void 0 ? void 0 : b.weekStartsOn) !== null && _ !== void 0 ? _ : S.weekStartsOn) !== null && w !== void 0 ? w : (m = S.locale) === null || m === void 0 || (I = m.options) === null || I === void 0 ? void 0 : I.weekStartsOn) !== null && h !== void 0 ? h : 0);
   if (!(Z >= 0 && Z <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  if (!B.localize)
+  if (!D.localize)
     throw new RangeError("locale must contain localize property");
-  if (!B.formatLong)
+  if (!D.formatLong)
     throw new RangeError("locale must contain formatLong property");
   var K = ke(t);
   if (!Rn(K))
@@ -2752,13 +2752,13 @@ function Zn(t, e, a) {
   var te = ua(K), N = ws(K, te), G = {
     firstWeekContainsDate: R,
     weekStartsOn: Z,
-    locale: B,
+    locale: D,
     _originalDate: K
   }, ie = P.match(i3).map(function(se) {
     var ee = se[0];
     if (ee === "p" || ee === "P") {
       var L = m0[ee];
-      return L(se, B.formatLong);
+      return L(se, D.formatLong);
     }
     return se;
   }).join("").match(o3).map(function(se) {
@@ -2769,7 +2769,7 @@ function Zn(t, e, a) {
       return c3(se);
     var L = v0[ee];
     if (L)
-      return !(a != null && a.useAdditionalWeekYearTokens) && y0(se) && mn(se, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && _0(se) && mn(se, e, String(t)), L(N, se, B.localize, G);
+      return !(a != null && a.useAdditionalWeekYearTokens) && y0(se) && mn(se, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && _0(se) && mn(se, e, String(t)), L(N, se, D.localize, G);
     if (ee.match(u3))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + ee + "`");
     return se;
@@ -2795,11 +2795,11 @@ function d3(t, e, a) {
     throw new RangeError("Invalid time value");
   var m;
   b < -6 ? m = "other" : b < -1 ? m = "lastWeek" : b < 0 ? m = "yesterday" : b < 1 ? m = "today" : b < 2 ? m = "tomorrow" : b < 7 ? m = "nextWeek" : m = "other";
-  var I = ws(h, ua(h)), P = ws(w, ua(w)), A = g.formatRelative(m, I, P, {
+  var I = ws(h, ua(h)), P = ws(w, ua(w)), S = g.formatRelative(m, I, P, {
     locale: g,
     weekStartsOn: $
   });
-  return Zn(h, A, {
+  return Zn(h, S, {
     locale: g,
     weekStartsOn: $
   });
@@ -3753,7 +3753,7 @@ const U3 = ["title"], F3 = {
         className: "ao-avatar__image",
         src: o.avatarUrl
       }, null, 8, Z3)) : E("", !0),
-      o.isClosable ? (p(), D(re, {
+      o.isClosable ? (p(), B(re, {
         key: 2,
         "icon-name": "CloseRounded",
         class: "ao-avatar__close",
@@ -3794,7 +3794,7 @@ const W3 = { class: "ao-card-template__subitems" }, z3 = { class: "ao-card-templ
       var l;
       return ((l = a.phases) == null ? void 0 : l.slice(0, _s)) ?? [];
     }), o = M(() => a.phases && a.phases.length > _s ? a.phases.length - _s : 0);
-    return (l, r) => (p(), D(Vn, {
+    return (l, r) => (p(), B(Vn, {
       id: l.id,
       title: l.title,
       "is-draggable": !0,
@@ -3829,13 +3829,13 @@ const W3 = { class: "ao-card-template__subitems" }, z3 = { class: "ao-card-templ
               f("span", Q3, Y(l.$t("template.phases.title")), 1)
             ]),
             l.phases ? (p(), C("ul", J3, [
-              (p(!0), C(fe, null, Ce(i.value, (d) => (p(), D(ra, {
+              (p(!0), C(fe, null, Ce(i.value, (d) => (p(), B(ra, {
                 key: d.id,
                 label: d.name || d.id,
                 color: "primary",
                 variant: "solid"
               }, null, 8, ["label"]))), 128)),
-              o.value > 0 ? (p(), D(ra, {
+              o.value > 0 ? (p(), B(ra, {
                 key: 0,
                 label: `+${o.value} more`,
                 color: "primary-lighter",
@@ -3897,7 +3897,7 @@ const d5 = { class: "ao-page-header" }, p5 = { class: "ao-page-header-main" }, v
   setup(t) {
     return (e, a) => (p(), C("header", d5, [
       f("div", p5, [
-        e.canGoBack ? (p(), D(re, {
+        e.canGoBack ? (p(), B(re, {
           key: 0,
           "icon-name": "ArrowBackRounded",
           variant: "ghost",
@@ -3940,7 +3940,7 @@ const f5 = ["type"], h5 = {
       ae(n.$slots, "default", {}, () => [
         n.label ? (p(), C("span", h5, Y(n.label), 1)) : E("", !0)
       ]),
-      s.value ? (p(), D(pe, {
+      s.value ? (p(), B(pe, {
         key: 0,
         name: s.value,
         class: "ao-button-card__icon",
@@ -3972,7 +3972,7 @@ const m5 = { class: "ao-card-template-item__footer" }, g5 = {
     }, i = () => {
       e("remove");
     };
-    return (o, l) => (p(), D(Vn, { "onUpdate:title": a }, {
+    return (o, l) => (p(), B(Vn, { "onUpdate:title": a }, {
       footer: F(() => [
         f("ul", m5, [
           (p(), C(fe, null, Ce(s, (r) => (p(), C(fe, { key: r }, [
@@ -4013,7 +4013,7 @@ const y5 = /* @__PURE__ */ x({
       var n;
       return (n = e.milestones) == null ? void 0 : n.length;
     }), s = M(() => e.milestones ? Kn(e.milestones) : 0);
-    return (n, i) => (p(), D(Vs, Me({
+    return (n, i) => (p(), B(Vs, Me({
       id: n.id,
       title: n.name,
       activities: s.value,
@@ -4035,7 +4035,7 @@ const y5 = /* @__PURE__ */ x({
       var s;
       return ((s = e.activities) == null ? void 0 : s.length) || 0;
     });
-    return (s, n) => (p(), D(Vs, { activities: a.value }, {
+    return (s, n) => (p(), B(Vs, { activities: a.value }, {
       default: F(() => [
         ae(s.$slots, "default")
       ]),
@@ -4066,7 +4066,7 @@ const y5 = /* @__PURE__ */ x({
         });
       }
     };
-    return (l, r) => l.phase ? (p(), D(J(gt), {
+    return (l, r) => l.phase ? (p(), B(J(gt), {
       key: 0,
       "model-value": l.phase.milestones,
       class: "ao-templates__list",
@@ -4083,7 +4083,7 @@ const y5 = /* @__PURE__ */ x({
         })
       ]),
       item: F(({ element: d }) => [
-        (p(), D(b5, {
+        (p(), B(b5, {
           id: d.id,
           key: d.id,
           title: d.name,
@@ -4122,7 +4122,7 @@ const y5 = /* @__PURE__ */ x({
       var s;
       return ((s = e.tasks) == null ? void 0 : s.length) || 0;
     });
-    return (s, n) => (p(), D(Vs, { tasks: a.value }, {
+    return (s, n) => (p(), B(Vs, { tasks: a.value }, {
       default: F(() => [
         ae(s.$slots, "default")
       ]),
@@ -4156,7 +4156,7 @@ const y5 = /* @__PURE__ */ x({
         });
       }
     };
-    return (l, r) => l.milestone ? (p(), D(J(gt), {
+    return (l, r) => l.milestone ? (p(), B(J(gt), {
       key: 0,
       "model-value": l.milestone.activities,
       title: l.$t("template.activities.title"),
@@ -4173,7 +4173,7 @@ const y5 = /* @__PURE__ */ x({
         })
       ]),
       item: F(({ element: d }) => [
-        (p(), D(k5, {
+        (p(), B(k5, {
           id: d.id,
           key: d.id,
           title: d.name,
@@ -4515,16 +4515,16 @@ const Z5 = function(t) {
         return {};
       const $ = Zt(n), b = Zt(l) === l, m = await (r.isRTL == null ? void 0 : r.isRTL(d.floating)), I = v || (b || !_ ? [Fa(l)] : B5(l));
       !v && w !== "none" && I.push(...j5(l, _, w, m));
-      const P = [l, ...I], A = await Jn(e, g), B = [];
+      const P = [l, ...I], S = await Jn(e, g), D = [];
       let R = ((s = i.flip) == null ? void 0 : s.overflows) || [];
-      if (u && B.push(A[$]), c) {
+      if (u && D.push(S[$]), c) {
         const N = D5(n, o, m);
-        B.push(A[N[0]], A[N[1]]);
+        D.push(S[N[0]], S[N[1]]);
       }
       if (R = [...R, {
         placement: n,
-        overflows: B
-      }], !B.every((N) => N <= 0)) {
+        overflows: D
+      }], !D.every((N) => N <= 0)) {
         var Z, K;
         const N = (((Z = i.flip) == null ? void 0 : Z.index) || 0) + 1, G = P[N];
         if (G)
@@ -4583,15 +4583,15 @@ const Z5 = function(t) {
       const g = h - r[w], $ = v - r[_], b = !e.middlewareData.shift;
       let m = g, I = $;
       if (c) {
-        const A = v - r.left - r.right;
-        I = u || b ? da($, A) : A;
+        const S = v - r.left - r.right;
+        I = u || b ? da($, S) : S;
       } else {
-        const A = h - r.top - r.bottom;
-        m = u || b ? da(g, A) : A;
+        const S = h - r.top - r.bottom;
+        m = u || b ? da(g, S) : S;
       }
       if (b && !u) {
-        const A = He(r.left, 0), B = He(r.right, 0), R = He(r.top, 0), Z = He(r.bottom, 0);
-        c ? I = v - 2 * (A !== 0 || B !== 0 ? A + B : He(r.left, r.right)) : m = h - 2 * (R !== 0 || Z !== 0 ? R + Z : He(r.top, r.bottom));
+        const S = He(r.left, 0), D = He(r.right, 0), R = He(r.top, 0), Z = He(r.bottom, 0);
+        c ? I = v - 2 * (S !== 0 || D !== 0 ? S + D : He(r.left, r.right)) : m = h - 2 * (R !== 0 || Z !== 0 ? R + Z : He(r.top, r.bottom));
       }
       await o({
         ...e,
@@ -4963,11 +4963,11 @@ function l7(t, e) {
     };
     let m = !0;
     function I(P) {
-      const A = P[0].intersectionRatio;
-      if (A !== r) {
+      const S = P[0].intersectionRatio;
+      if (S !== r) {
         if (!m)
           return o();
-        A ? o(!1, A) : s = setTimeout(() => {
+        S ? o(!1, S) : s = setTimeout(() => {
           o(!1, 1e-7);
         }, 100);
       }
@@ -5195,8 +5195,8 @@ function g7(t, e, a) {
     filterResults: m,
     clearOnSearch: I,
     clearOnSelect: P,
-    valueProp: A,
-    allowAbsent: B,
+    valueProp: S,
+    allowAbsent: D,
     groupLabel: R,
     canDeselect: Z,
     max: K,
@@ -5215,46 +5215,46 @@ function g7(t, e, a) {
     searchFilter: le
   } = Ee(t), ne = Lt().proxy, z = a.iv, H = a.ev, X = a.search, he = a.clearSearch, Se = a.update, Gt = a.pointer, Xt = a.setPointer, nt = a.clearPointer, $a = a.focus, rs = a.deactivate, ot = a.close, ka = a.localize, it = q([]), Ue = q([]), Ie = q(!1), je = q(null), xe = q(ee.value && o.value === -1 ? 10 : o.value), Qt = M(() => r.value || d.value || !1), Sa = M(() => c.value !== void 0 ? c.value : v.value !== void 0 ? v.value : !0), Le = M(() => {
     if (ie.value) {
-      let S = bt.value || /* istanbul ignore next */
+      let A = bt.value || /* istanbul ignore next */
       [], j = [];
-      return S.forEach((ue) => {
+      return A.forEach((ue) => {
         hs(ue[L.value]).forEach((ge) => {
           j.push(Object.assign({}, ge, ue[y.value] ? { [y.value]: !0 } : {}));
         });
       }), j;
     } else {
-      let S = hs(Ue.value || /* istanbul ignore next */
+      let A = hs(Ue.value || /* istanbul ignore next */
       []);
-      return it.value.length && (S = S.concat(it.value)), S;
+      return it.value.length && (A = A.concat(it.value)), A;
     }
   }), Jt = M(() => {
-    let S = Le.value;
-    return se.value && (S = S.reverse()), Pt.value.length && (S = Pt.value.concat(S)), fs(S);
+    let A = Le.value;
+    return se.value && (A = A.reverse()), Pt.value.length && (A = Pt.value.concat(A)), fs(A);
   }), lt = M(() => {
-    let S = Jt.value;
-    return xe.value > 0 && (S = S.slice(0, xe.value)), S;
+    let A = Jt.value;
+    return xe.value > 0 && (A = A.slice(0, xe.value)), A;
   }), bt = M(() => {
     if (!ie.value)
       return [];
-    let S = [], j = Ue.value || /* istanbul ignore next */
+    let A = [], j = Ue.value || /* istanbul ignore next */
     [];
-    return it.value.length && S.push({
+    return it.value.length && A.push({
       [R.value]: " ",
       [L.value]: [...it.value],
       __CREATE__: !0
-    }), S.concat(j);
+    }), A.concat(j);
   }), Aa = M(() => {
-    let S = [...bt.value].map((j) => ({ ...j }));
-    return Pt.value.length && (S[0] && S[0].__CREATE__ ? S[0][L.value] = [...Pt.value, ...S[0][L.value]] : S = [{
+    let A = [...bt.value].map((j) => ({ ...j }));
+    return Pt.value.length && (A[0] && A[0].__CREATE__ ? A[0][L.value] = [...Pt.value, ...A[0][L.value]] : A = [{
       [R.value]: " ",
       [L.value]: [...Pt.value],
       __CREATE__: !0
-    }].concat(S)), S;
+    }].concat(A)), A;
   }), us = M(() => {
     if (!ie.value)
       return [];
-    let S = Aa.value;
-    return Po((S || /* istanbul ignore next */
+    let A = Aa.value;
+    return Po((A || /* istanbul ignore next */
     []).map((j, ue) => {
       const ge = hs(j[L.value]);
       return {
@@ -5268,13 +5268,13 @@ function g7(t, e, a) {
   }), cs = M(() => {
     switch (n.value) {
       case "single":
-        return !Fe(z.value[A.value]);
+        return !Fe(z.value[S.value]);
       case "multiple":
       case "tags":
         return !Fe(z.value) && z.value.length > 0;
     }
   }), _o = M(() => h !== void 0 && h.value !== void 0 ? h.value(z.value, ne) : z.value && z.value.length > 1 ? `${z.value.length} options selected` : "1 option selected"), yo = M(() => !Le.value.length && !Ie.value && !Pt.value.length), bo = M(() => Le.value.length > 0 && lt.value.length == 0 && (X.value && ie.value || !ie.value)), Pt = M(() => Qt.value === !1 || !X.value ? [] : Eo(X.value) !== -1 ? [] : [{
-    [A.value]: X.value,
+    [S.value]: X.value,
     [wt.value[0]]: X.value,
     [u.value]: X.value,
     __CREATE__: !0
@@ -5286,113 +5286,113 @@ function g7(t, e, a) {
       case "tags":
         return [];
     }
-  }), $o = M(() => _.value || Ie.value), Ht = (S) => {
-    switch (typeof S != "object" && (S = Ge(S)), n.value) {
+  }), $o = M(() => _.value || Ie.value), Ht = (A) => {
+    switch (typeof A != "object" && (A = Ge(A)), n.value) {
       case "single":
-        Se(S);
+        Se(A);
         break;
       case "multiple":
       case "tags":
-        Se(z.value.concat(S));
+        Se(z.value.concat(A));
         break;
     }
-    e.emit("select", nn(S), S, ne);
-  }, Vt = (S) => {
-    switch (typeof S != "object" && (S = Ge(S)), n.value) {
+    e.emit("select", nn(A), A, ne);
+  }, Vt = (A) => {
+    switch (typeof A != "object" && (A = Ge(A)), n.value) {
       case "single":
         ln();
         break;
       case "tags":
       case "multiple":
-        Se(Array.isArray(S) ? z.value.filter((j) => S.map((ue) => ue[A.value]).indexOf(j[A.value]) === -1) : z.value.filter((j) => j[A.value] != S[A.value]));
+        Se(Array.isArray(A) ? z.value.filter((j) => A.map((ue) => ue[S.value]).indexOf(j[S.value]) === -1) : z.value.filter((j) => j[S.value] != A[S.value]));
         break;
     }
-    e.emit("deselect", nn(S), S, ne);
-  }, nn = (S) => w.value ? S : S[A.value], on = (S) => {
-    Vt(S);
-  }, ko = (S, j) => {
+    e.emit("deselect", nn(A), A, ne);
+  }, nn = (A) => w.value ? A : A[S.value], on = (A) => {
+    Vt(A);
+  }, ko = (A, j) => {
     if (j.button !== 0) {
       j.preventDefault();
       return;
     }
-    on(S);
+    on(A);
   }, ln = () => {
     Se(wo.value), e.emit("clear", ne);
-  }, Ke = (S) => {
-    if (S.group !== void 0)
-      return n.value === "single" ? !1 : Oo(S[L.value]) && S[L.value].length;
+  }, Ke = (A) => {
+    if (A.group !== void 0)
+      return n.value === "single" ? !1 : Oo(A[L.value]) && A[L.value].length;
     switch (n.value) {
       case "single":
-        return !Fe(z.value) && z.value[A.value] == S[A.value];
+        return !Fe(z.value) && z.value[S.value] == A[S.value];
       case "tags":
       case "multiple":
-        return !Fe(z.value) && z.value.map((j) => j[A.value]).indexOf(S[A.value]) !== -1;
+        return !Fe(z.value) && z.value.map((j) => j[S.value]).indexOf(A[S.value]) !== -1;
     }
-  }, ds = (S) => S[y.value] === !0, ps = () => K === void 0 || K.value === -1 || !cs.value && K.value > 0 ? !1 : z.value.length >= K.value, So = (S) => {
-    if (!ds(S)) {
-      if (U && U.value && !Ke(S) && S.__CREATE__ && (S = { ...S }, delete S.__CREATE__, S = U.value(S, ne), S instanceof Promise)) {
-        Ie.value = !0, S.then((j) => {
+  }, ds = (A) => A[y.value] === !0, ps = () => K === void 0 || K.value === -1 || !cs.value && K.value > 0 ? !1 : z.value.length >= K.value, So = (A) => {
+    if (!ds(A)) {
+      if (U && U.value && !Ke(A) && A.__CREATE__ && (A = { ...A }, delete A.__CREATE__, A = U.value(A, ne), A instanceof Promise)) {
+        Ie.value = !0, A.then((j) => {
           Ie.value = !1, rn(j);
         });
         return;
       }
-      rn(S);
+      rn(A);
     }
-  }, rn = (S) => {
-    switch (S.__CREATE__ && (S = { ...S }, delete S.__CREATE__), n.value) {
+  }, rn = (A) => {
+    switch (A.__CREATE__ && (A = { ...A }, delete A.__CREATE__), n.value) {
       case "single":
-        if (S && Ke(S)) {
-          Z.value && Vt(S), G.value && (nt(), ot());
+        if (A && Ke(A)) {
+          Z.value && Vt(A), G.value && (nt(), ot());
           return;
         }
-        S && vs(S), P.value && he(), N.value && (nt(), ot()), S && Ht(S);
+        A && vs(A), P.value && he(), N.value && (nt(), ot()), A && Ht(A);
         break;
       case "multiple":
-        if (S && Ke(S)) {
-          Vt(S), G.value && (nt(), ot());
+        if (A && Ke(A)) {
+          Vt(A), G.value && (nt(), ot());
           return;
         }
         if (ps()) {
           e.emit("max", ne);
           return;
         }
-        S && (vs(S), Ht(S)), P.value && he(), l.value && nt(), N.value && ot();
+        A && (vs(A), Ht(A)), P.value && he(), l.value && nt(), N.value && ot();
         break;
       case "tags":
-        if (S && Ke(S)) {
-          Vt(S), G.value && (nt(), ot());
+        if (A && Ke(A)) {
+          Vt(A), G.value && (nt(), ot());
           return;
         }
         if (ps()) {
           e.emit("max", ne);
           return;
         }
-        S && vs(S), P.value && he(), S && Ht(S), l.value && nt(), N.value && ot();
+        A && vs(A), P.value && he(), A && Ht(A), l.value && nt(), N.value && ot();
         break;
     }
     N.value || $a();
-  }, Ao = (S) => {
-    if (!(ds(S) || n.value === "single" || !k.value)) {
+  }, Ao = (A) => {
+    if (!(ds(A) || n.value === "single" || !k.value)) {
       switch (n.value) {
         case "multiple":
         case "tags":
-          To(S[L.value]) ? Vt(S[L.value]) : Ht(
-            S[L.value].filter((j) => z.value.map((ue) => ue[A.value]).indexOf(j[A.value]) === -1).filter((j) => !j[y.value]).filter((j, ue) => z.value.length + 1 + ue <= K.value || K.value === -1)
+          To(A[L.value]) ? Vt(A[L.value]) : Ht(
+            A[L.value].filter((j) => z.value.map((ue) => ue[S.value]).indexOf(j[S.value]) === -1).filter((j) => !j[y.value]).filter((j, ue) => z.value.length + 1 + ue <= K.value || K.value === -1)
           ), l.value && Gt.value && Xt(us.value.filter((j) => !j[y.value])[Gt.value.index]);
           break;
       }
       N.value && rs();
     }
-  }, vs = (S) => {
-    Ge(S[A.value]) === void 0 && Qt.value && (e.emit("tag", S[A.value], ne), e.emit("option", S[A.value], ne), e.emit("create", S[A.value], ne), Sa.value && Lo(S), he());
+  }, vs = (A) => {
+    Ge(A[S.value]) === void 0 && Qt.value && (e.emit("tag", A[S.value], ne), e.emit("option", A[S.value], ne), e.emit("create", A[S.value], ne), Sa.value && Lo(A), he());
   }, Mo = () => {
-    n.value !== "single" && Ht(lt.value.filter((S) => !S.disabled && !Ke(S)));
-  }, To = (S) => S.find((j) => !Ke(j) && !j[y.value]) === void 0, Oo = (S) => S.find((j) => !Ke(j)) === void 0, Ge = (S) => Le.value[Le.value.map((j) => String(j[A.value])).indexOf(String(S))], Eo = (S) => Le.value.findIndex((j) => wt.value.some((ue) => (parseInt(j[ue]) == j[ue] ? parseInt(j[ue]) : j[ue]) === (parseInt(S) == S ? parseInt(S) : S))), Io = (S) => ["tags", "multiple"].indexOf(n.value) !== -1 && l.value && Ke(S), Lo = (S) => {
-    it.value.push(S);
-  }, Po = (S) => O.value ? S.filter(
+    n.value !== "single" && Ht(lt.value.filter((A) => !A.disabled && !Ke(A)));
+  }, To = (A) => A.find((j) => !Ke(j) && !j[y.value]) === void 0, Oo = (A) => A.find((j) => !Ke(j)) === void 0, Ge = (A) => Le.value[Le.value.map((j) => String(j[S.value])).indexOf(String(A))], Eo = (A) => Le.value.findIndex((j) => wt.value.some((ue) => (parseInt(j[ue]) == j[ue] ? parseInt(j[ue]) : j[ue]) === (parseInt(A) == A ? parseInt(A) : A))), Io = (A) => ["tags", "multiple"].indexOf(n.value) !== -1 && l.value && Ke(A), Lo = (A) => {
+    it.value.push(A);
+  }, Po = (A) => O.value ? A.filter(
     (j) => X.value ? j.__VISIBLE__.length : j[L.value].length
-  ) : S.filter((j) => X.value ? j.__VISIBLE__.length : !0), fs = (S, j = !0) => {
-    let ue = S;
+  ) : A.filter((j) => X.value ? j.__VISIBLE__.length : !0), fs = (A, j = !0) => {
+    let ue = A;
     if (X.value && m.value) {
       let ge = le.value;
       ge || (ge = ($t, cn, Q4) => wt.value.some((Vo) => {
@@ -5401,17 +5401,17 @@ function g7(t, e, a) {
       })), ue = ue.filter(($t) => ge($t, X.value, ne));
     }
     return l.value && j && (ue = ue.filter((ge) => !Io(ge))), ue;
-  }, hs = (S) => {
-    let j = S;
+  }, hs = (A) => {
+    let j = A;
     return h7(j) && (j = Object.keys(j).map((ue) => {
       let ge = j[ue];
-      return { [A.value]: ue, [wt.value[0]]: ge, [u.value]: ge };
-    })), j = j.map((ue) => typeof ue == "object" ? ue : { [A.value]: ue, [wt.value[0]]: ue, [u.value]: ue }), j;
+      return { [S.value]: ue, [wt.value[0]]: ge, [u.value]: ge };
+    })), j = j.map((ue) => typeof ue == "object" ? ue : { [S.value]: ue, [wt.value[0]]: ue, [u.value]: ue }), j;
   }, Ma = () => {
     Fe(H.value) || (z.value = Oa(H.value));
-  }, Ta = (S) => (Ie.value = !0, new Promise((j, ue) => {
+  }, Ta = (A) => (Ie.value = !0, new Promise((j, ue) => {
     s.value(X.value, ne).then((ge) => {
-      Ue.value = ge || [], typeof S == "function" && S(ge), Ie.value = !1;
+      Ue.value = ge || [], typeof A == "function" && A(ge), Ie.value = !1;
     }).catch((ge) => {
       console.error(ge), Ue.value = [], Ie.value = !1;
     }).finally(() => {
@@ -5420,34 +5420,34 @@ function g7(t, e, a) {
   })), ms = () => {
     if (cs.value)
       if (n.value === "single") {
-        let S = Ge(z.value[A.value]);
-        if (S !== void 0) {
-          let j = S[u.value];
+        let A = Ge(z.value[S.value]);
+        if (A !== void 0) {
+          let j = A[u.value];
           z.value[u.value] = j, w.value && (H.value[u.value] = j);
         }
       } else
-        z.value.forEach((S, j) => {
-          let ue = Ge(z.value[j][A.value]);
+        z.value.forEach((A, j) => {
+          let ue = Ge(z.value[j][S.value]);
           if (ue !== void 0) {
             let ge = ue[u.value];
             z.value[j][u.value] = ge, w.value && (H.value[j][u.value] = ge);
           }
         });
-  }, Ho = (S) => {
-    Ta(S);
-  }, Oa = (S) => Fe(S) ? n.value === "single" ? {} : [] : w.value ? S : n.value === "single" ? Ge(S) || (B.value ? {
-    [u.value]: S,
-    [A.value]: S,
-    [wt.value[0]]: S
-  } : {}) : S.filter((j) => !!Ge(j) || B.value).map((j) => Ge(j) || {
+  }, Ho = (A) => {
+    Ta(A);
+  }, Oa = (A) => Fe(A) ? n.value === "single" ? {} : [] : w.value ? A : n.value === "single" ? Ge(A) || (D.value ? {
+    [u.value]: A,
+    [S.value]: A,
+    [wt.value[0]]: A
+  } : {}) : A.filter((j) => !!Ge(j) || D.value).map((j) => Ge(j) || {
     [u.value]: j,
-    [A.value]: j,
+    [S.value]: j,
     [wt.value[0]]: j
   }), un = () => {
-    je.value = ce(X, (S) => {
-      S.length < b.value || !S && b.value !== 0 || (Ie.value = !0, I.value && (Ue.value = []), setTimeout(() => {
-        S == X.value && s.value(X.value, ne).then((j) => {
-          (S == X.value || !X.value) && (Ue.value = j, Gt.value = lt.value.filter((ue) => ue[y.value] !== !0)[0] || null, Ie.value = !1);
+    je.value = ce(X, (A) => {
+      A.length < b.value || !A && b.value !== 0 || (Ie.value = !0, I.value && (Ue.value = []), setTimeout(() => {
+        A == X.value && s.value(X.value, ne).then((j) => {
+          (A == X.value || !X.value) && (Ue.value = j, Gt.value = lt.value.filter((ue) => ue[y.value] !== !0)[0] || null, Ie.value = !1);
         }).catch(
           /* istanbul ignore next */
           (j) => {
@@ -5459,26 +5459,26 @@ function g7(t, e, a) {
   };
   if (n.value !== "single" && !Fe(H.value) && !Array.isArray(H.value))
     throw new Error(`v-model must be an array when using "${n.value}" mode`);
-  return s && typeof s.value == "function" ? $.value ? Ta(Ma) : w.value == !0 && Ma() : (Ue.value = s.value, Ma()), g.value > -1 && un(), ce(g, (S, j) => {
-    je.value && je.value(), S >= 0 && un();
-  }), ce(H, (S) => {
-    if (Fe(S)) {
-      Se(Oa(S), !1);
+  return s && typeof s.value == "function" ? $.value ? Ta(Ma) : w.value == !0 && Ma() : (Ue.value = s.value, Ma()), g.value > -1 && un(), ce(g, (A, j) => {
+    je.value && je.value(), A >= 0 && un();
+  }), ce(H, (A) => {
+    if (Fe(A)) {
+      Se(Oa(A), !1);
       return;
     }
     switch (n.value) {
       case "single":
-        (w.value ? S[A.value] != z.value[A.value] : S != z.value[A.value]) && Se(Oa(S), !1);
+        (w.value ? A[S.value] != z.value[S.value] : A != z.value[S.value]) && Se(Oa(A), !1);
         break;
       case "multiple":
       case "tags":
-        m7(w.value ? S.map((j) => j[A.value]) : S, z.value.map((j) => j[A.value])) || Se(Oa(S), !1);
+        m7(w.value ? A.map((j) => j[S.value]) : A, z.value.map((j) => j[S.value])) || Se(Oa(A), !1);
         break;
     }
-  }, { deep: !0 }), ce(s, (S, j) => {
-    typeof t.options == "function" ? $.value && (!j || S && S.toString() !== j.toString()) && Ta() : (Ue.value = t.options, Object.keys(z.value).length || Ma(), ms());
-  }), ce(u, ms), ce(o, (S, j) => {
-    xe.value = ee.value && S === -1 ? 10 : S;
+  }, { deep: !0 }), ce(s, (A, j) => {
+    typeof t.options == "function" ? $.value && (!j || A && A.toString() !== j.toString()) && Ta() : (Ue.value = t.options, Object.keys(z.value).length || Ma(), ms());
+  }), ce(u, ms), ce(o, (A, j) => {
+    xe.value = ee.value && A === -1 ? 10 : A;
   }), {
     pfo: Jt,
     fo: lt,
@@ -5524,56 +5524,56 @@ function C7(t, e, a) {
     groupSelect: d,
     disabledProp: u,
     groupOptions: c
-  } = Ee(t), v = a.fo, h = a.fg, w = a.handleOptionClick, _ = a.handleGroupClick, g = a.search, $ = a.pointer, b = a.setPointer, m = a.clearPointer, I = a.multiselect, P = a.isOpen, A = M(() => v.value.filter((H) => !H[u.value])), B = M(() => h.value.filter((H) => !H[u.value])), R = M(() => r.value !== "single" && d.value), Z = M(() => $.value && $.value.group), K = M(() => ne($.value)), te = M(() => {
+  } = Ee(t), v = a.fo, h = a.fg, w = a.handleOptionClick, _ = a.handleGroupClick, g = a.search, $ = a.pointer, b = a.setPointer, m = a.clearPointer, I = a.multiselect, P = a.isOpen, S = M(() => v.value.filter((H) => !H[u.value])), D = M(() => h.value.filter((H) => !H[u.value])), R = M(() => r.value !== "single" && d.value), Z = M(() => $.value && $.value.group), K = M(() => ne($.value)), te = M(() => {
     const H = Z.value ? $.value : (
       /* istanbul ignore next */
       ne($.value)
-    ), X = B.value.map((Se) => Se[o.value]).indexOf(H[o.value]);
-    let he = B.value[X - 1];
+    ), X = D.value.map((Se) => Se[o.value]).indexOf(H[o.value]);
+    let he = D.value[X - 1];
     return he === void 0 && (he = G.value), he;
   }), N = M(() => {
-    let H = B.value.map((X) => X.label).indexOf(Z.value ? $.value[o.value] : ne($.value)[o.value]) + 1;
-    return B.value.length <= H && (H = 0), B.value[H];
-  }), G = M(() => [...B.value].slice(-1)[0]), ie = M(() => $.value.__VISIBLE__.filter((H) => !H[u.value])[0]), se = M(() => {
+    let H = D.value.map((X) => X.label).indexOf(Z.value ? $.value[o.value] : ne($.value)[o.value]) + 1;
+    return D.value.length <= H && (H = 0), D.value[H];
+  }), G = M(() => [...D.value].slice(-1)[0]), ie = M(() => $.value.__VISIBLE__.filter((H) => !H[u.value])[0]), se = M(() => {
     const H = K.value.__VISIBLE__.filter((X) => !X[u.value]);
     return H[H.map((X) => X[s.value]).indexOf($.value[s.value]) - 1];
   }), ee = M(() => {
     const H = ne($.value).__VISIBLE__.filter((X) => !X[u.value]);
     return H[H.map((X) => X[s.value]).indexOf($.value[s.value]) + 1];
   }), L = M(() => [...te.value.__VISIBLE__.filter((H) => !H[u.value])].slice(-1)[0]), O = M(() => [...G.value.__VISIBLE__.filter((H) => !H[u.value])].slice(-1)[0]), k = (H) => $.value && (!H.group && $.value[s.value] === H[s.value] || H.group !== void 0 && $.value[o.value] === H[o.value]) ? !0 : void 0, U = () => {
-    b(A.value[0] || null);
+    b(S.value[0] || null);
   }, y = () => {
     !$.value || $.value[u.value] === !0 || (Z.value ? _($.value) : w($.value));
   }, V = () => {
     if ($.value === null)
-      b((l.value && R.value ? B.value[0].__CREATE__ ? A.value[0] : B.value[0] : A.value[0]) || null);
+      b((l.value && R.value ? D.value[0].__CREATE__ ? S.value[0] : D.value[0] : S.value[0]) || null);
     else if (l.value && R.value) {
       let H = Z.value ? ie.value : ee.value;
       H === void 0 && (H = N.value, H.__CREATE__ && (H = H[c.value][0])), b(H || /* istanbul ignore next */
       null);
     } else {
-      let H = A.value.map((X) => X[s.value]).indexOf($.value[s.value]) + 1;
-      A.value.length <= H && (H = 0), b(A.value[H] || null);
+      let H = S.value.map((X) => X[s.value]).indexOf($.value[s.value]) + 1;
+      S.value.length <= H && (H = 0), b(S.value[H] || null);
     }
     $e(() => {
       z();
     });
   }, le = () => {
     if ($.value === null) {
-      let H = A.value[A.value.length - 1];
+      let H = S.value[S.value.length - 1];
       l.value && R.value && (H = O.value, H === void 0 && (H = G.value)), b(H || null);
     } else if (l.value && R.value) {
       let H = Z.value ? L.value : se.value;
       H === void 0 && (H = Z.value ? te.value : K.value, H.__CREATE__ && (H = L.value, H === void 0 && (H = te.value))), b(H || /* istanbul ignore next */
       null);
     } else {
-      let H = A.value.map((X) => X[s.value]).indexOf($.value[s.value]) - 1;
-      H < 0 && (H = A.value.length - 1), b(A.value[H] || null);
+      let H = S.value.map((X) => X[s.value]).indexOf($.value[s.value]) - 1;
+      H < 0 && (H = S.value.length - 1), b(S.value[H] || null);
     }
     $e(() => {
       z();
     });
-  }, ne = (H) => B.value.find((X) => X.__VISIBLE__.map((he) => he[s.value]).indexOf(H[s.value]) !== -1), z = () => {
+  }, ne = (H) => D.value.find((X) => X.__VISIBLE__.map((he) => he[s.value]).indexOf(H[s.value]) !== -1), z = () => {
     let H = I.value.querySelector("[data-pointed]");
     if (!H)
       return;
@@ -5961,12 +5961,12 @@ function K7(t, e) {
 }
 function qs(t, e) {
   e === void 0 && (e = {});
-  var a = e, s = a.placement, n = s === void 0 ? t.placement : s, i = a.strategy, o = i === void 0 ? t.strategy : i, l = a.boundary, r = l === void 0 ? S7 : l, d = a.rootBoundary, u = d === void 0 ? co : d, c = a.elementContext, v = c === void 0 ? oa : c, h = a.altBoundary, w = h === void 0 ? !1 : h, _ = a.padding, g = _ === void 0 ? 0 : _, $ = x7(typeof g != "number" ? g : K7(g, os)), b = v === oa ? A7 : oa, m = t.rects.popper, I = t.elements[w ? b : v], P = Y7(Et(I) ? I : I.contextElement || _t(t.elements.popper), r, u, o), A = qt(t.elements.reference), B = vo({
-    reference: A,
+  var a = e, s = a.placement, n = s === void 0 ? t.placement : s, i = a.strategy, o = i === void 0 ? t.strategy : i, l = a.boundary, r = l === void 0 ? S7 : l, d = a.rootBoundary, u = d === void 0 ? co : d, c = a.elementContext, v = c === void 0 ? oa : c, h = a.altBoundary, w = h === void 0 ? !1 : h, _ = a.padding, g = _ === void 0 ? 0 : _, $ = x7(typeof g != "number" ? g : K7(g, os)), b = v === oa ? A7 : oa, m = t.rects.popper, I = t.elements[w ? b : v], P = Y7(Et(I) ? I : I.contextElement || _t(t.elements.popper), r, u, o), S = qt(t.elements.reference), D = vo({
+    reference: S,
     element: m,
     strategy: "absolute",
     placement: n
-  }), R = Ss(Object.assign({}, m, B)), Z = v === oa ? R : A, K = {
+  }), R = Ss(Object.assign({}, m, D)), Z = v === oa ? R : S, K = {
     top: P.top - Z.top + $.top,
     bottom: Z.bottom - P.bottom + $.bottom,
     left: P.left - Z.left + $.left,
@@ -6042,8 +6042,8 @@ function G7(t) {
                 u.reset = !1, I = -1;
                 continue;
               }
-              var P = u.orderedModifiers[I], A = P.fn, B = P.options, R = B === void 0 ? {} : B, Z = P.name;
-              typeof A == "function" && (u = A({
+              var P = u.orderedModifiers[I], S = P.fn, D = P.options, R = D === void 0 ? {} : D, Z = P.name;
+              typeof S == "function" && (u = S({
                 state: u,
                 options: R,
                 name: Z,
@@ -6078,9 +6078,9 @@ function G7(t) {
             name: $,
             instance: h,
             options: m
-          }), A = function() {
+          }), S = function() {
           };
-          c.push(P || A);
+          c.push(P || S);
         }
       });
     }
@@ -6153,20 +6153,20 @@ function Tn(t) {
   h = g.x, _ = g.y;
   var $ = o.hasOwnProperty("x"), b = o.hasOwnProperty("y"), m = Xe, I = Ne, P = window;
   if (d) {
-    var A = ns(a), B = "clientHeight", R = "clientWidth";
-    if (A === Oe(a) && (A = _t(a), at(A).position !== "static" && l === "absolute" && (B = "scrollHeight", R = "scrollWidth")), A = A, n === Ne || (n === Xe || n === ht) && i === va) {
+    var S = ns(a), D = "clientHeight", R = "clientWidth";
+    if (S === Oe(a) && (S = _t(a), at(S).position !== "static" && l === "absolute" && (D = "scrollHeight", R = "scrollWidth")), S = S, n === Ne || (n === Xe || n === ht) && i === va) {
       I = Ye;
-      var Z = c && A === P && P.visualViewport ? P.visualViewport.height : (
+      var Z = c && S === P && P.visualViewport ? P.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        A[B]
+        S[D]
       );
       _ -= Z - s.height, _ *= r ? 1 : -1;
     }
     if (n === Xe || (n === Ne || n === Ye) && i === va) {
       m = ht;
-      var K = c && A === P && P.visualViewport ? P.visualViewport.width : (
+      var K = c && S === P && P.visualViewport ? P.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        A[R]
+        S[R]
       );
       h -= K - s.width, h *= r ? 1 : -1;
     }
@@ -6276,7 +6276,7 @@ function pp(t) {
     rootBoundary: d,
     padding: c,
     altBoundary: u
-  }), $ = dt(e.placement), b = xt(e.placement), m = !b, I = po($), P = cp(I), A = e.modifiersData.popperOffsets, B = e.rects.reference, R = e.rects.popper, Z = typeof _ == "function" ? _(Object.assign({}, e.rects, {
+  }), $ = dt(e.placement), b = xt(e.placement), m = !b, I = po($), P = cp(I), S = e.modifiersData.popperOffsets, D = e.rects.reference, R = e.rects.popper, Z = typeof _ == "function" ? _(Object.assign({}, e.rects, {
     placement: e.placement
   })) : _, K = typeof Z == "number" ? {
     mainAxis: Z,
@@ -6288,17 +6288,17 @@ function pp(t) {
     x: 0,
     y: 0
   };
-  if (A) {
+  if (S) {
     if (i) {
-      var G, ie = I === "y" ? Ne : Xe, se = I === "y" ? Ye : ht, ee = I === "y" ? "height" : "width", L = A[I], O = L + g[ie], k = L - g[se], U = h ? -R[ee] / 2 : 0, y = b === Yt ? B[ee] : R[ee], V = b === Yt ? -R[ee] : -B[ee], le = e.elements.arrow, ne = h && le ? ro(le) : {
+      var G, ie = I === "y" ? Ne : Xe, se = I === "y" ? Ye : ht, ee = I === "y" ? "height" : "width", L = S[I], O = L + g[ie], k = L - g[se], U = h ? -R[ee] / 2 : 0, y = b === Yt ? D[ee] : R[ee], V = b === Yt ? -R[ee] : -D[ee], le = e.elements.arrow, ne = h && le ? ro(le) : {
         width: 0,
         height: 0
-      }, z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : fo(), H = z[ie], X = z[se], he = Va(0, B[ee], ne[ee]), Se = m ? B[ee] / 2 - U - he - H - K.mainAxis : y - he - H - K.mainAxis, Gt = m ? -B[ee] / 2 + U + he + X + K.mainAxis : V + he + X + K.mainAxis, Xt = e.elements.arrow && ns(e.elements.arrow), nt = Xt ? I === "y" ? Xt.clientTop || 0 : Xt.clientLeft || 0 : 0, $a = (G = te == null ? void 0 : te[I]) != null ? G : 0, rs = L + Se - $a - nt, ot = L + Gt - $a, ka = Va(h ? Wa(O, rs) : O, L, h ? At(k, ot) : k);
-      A[I] = ka, N[I] = ka - L;
+      }, z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : fo(), H = z[ie], X = z[se], he = Va(0, D[ee], ne[ee]), Se = m ? D[ee] / 2 - U - he - H - K.mainAxis : y - he - H - K.mainAxis, Gt = m ? -D[ee] / 2 + U + he + X + K.mainAxis : V + he + X + K.mainAxis, Xt = e.elements.arrow && ns(e.elements.arrow), nt = Xt ? I === "y" ? Xt.clientTop || 0 : Xt.clientLeft || 0 : 0, $a = (G = te == null ? void 0 : te[I]) != null ? G : 0, rs = L + Se - $a - nt, ot = L + Gt - $a, ka = Va(h ? Wa(O, rs) : O, L, h ? At(k, ot) : k);
+      S[I] = ka, N[I] = ka - L;
     }
     if (l) {
-      var it, Ue = I === "x" ? Ne : Xe, Ie = I === "x" ? Ye : ht, je = A[P], xe = P === "y" ? "height" : "width", Qt = je + g[Ue], Sa = je - g[Ie], Le = [Ne, Xe].indexOf($) !== -1, Jt = (it = te == null ? void 0 : te[P]) != null ? it : 0, lt = Le ? Qt : je - B[xe] - R[xe] - Jt + K.altAxis, bt = Le ? je + B[xe] + R[xe] - Jt - K.altAxis : Sa, Aa = h && Le ? dp(lt, je, bt) : Va(h ? lt : Qt, je, h ? bt : Sa);
-      A[P] = Aa, N[P] = Aa - je;
+      var it, Ue = I === "x" ? Ne : Xe, Ie = I === "x" ? Ye : ht, je = S[P], xe = P === "y" ? "height" : "width", Qt = je + g[Ue], Sa = je - g[Ie], Le = [Ne, Xe].indexOf($) !== -1, Jt = (it = te == null ? void 0 : te[P]) != null ? it : 0, lt = Le ? Qt : je - D[xe] - R[xe] - Jt + K.altAxis, bt = Le ? je + D[xe] + R[xe] - Jt - K.altAxis : Sa, Aa = h && Le ? dp(lt, je, bt) : Va(h ? lt : Qt, je, h ? bt : Sa);
+      S[P] = Aa, N[P] = Aa - je;
     }
     e.modifiersData[s] = N;
   }
@@ -6367,7 +6367,7 @@ function Cp(t) {
         flipVariations: w,
         allowedAutoPlacements: _
       }) : z);
-    }, []), P = e.rects.reference, A = e.rects.popper, B = /* @__PURE__ */ new Map(), R = !0, Z = I[0], K = 0; K < I.length; K++) {
+    }, []), P = e.rects.reference, S = e.rects.popper, D = /* @__PURE__ */ new Map(), R = !0, Z = I[0], K = 0; K < I.length; K++) {
       var te = I[K], N = dt(te), G = xt(te) === Yt, ie = [Ne, Ye].indexOf(N) >= 0, se = ie ? "width" : "height", ee = qs(e, {
         placement: te,
         boundary: u,
@@ -6375,7 +6375,7 @@ function Cp(t) {
         altBoundary: v,
         padding: d
       }), L = ie ? G ? ht : Xe : G ? Ye : Ne;
-      P[se] > A[se] && (L = Da(L));
+      P[se] > S[se] && (L = Da(L));
       var O = Da(L), k = [];
       if (i && k.push(ee[N] <= 0), l && k.push(ee[L] <= 0, ee[O] <= 0), k.every(function(ne) {
         return ne;
@@ -6383,12 +6383,12 @@ function Cp(t) {
         Z = te, R = !1;
         break;
       }
-      B.set(te, k);
+      D.set(te, k);
     }
     if (R)
       for (var U = w ? 3 : 1, y = function(z) {
         var H = I.find(function(X) {
-          var he = B.get(X);
+          var he = D.get(X);
           if (he)
             return he.slice(0, z).every(function(Se) {
               return Se;
@@ -6539,14 +6539,14 @@ function wp(t, e, a) {
     createTag: c,
     createOption: v,
     reverse: h
-  } = Ee(t), w = Lt().proxy, _ = a.iv, g = a.update, $ = a.deselect, b = a.search, m = a.setPointer, I = a.selectPointer, P = a.backwardPointer, A = a.forwardPointer, B = a.multiselect, R = a.wrapper, Z = a.tags, K = a.isOpen, te = a.open, N = a.blur, G = a.fo, ie = M(() => c.value || v.value || !1), se = M(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ee = () => {
+  } = Ee(t), w = Lt().proxy, _ = a.iv, g = a.update, $ = a.deselect, b = a.search, m = a.setPointer, I = a.selectPointer, P = a.backwardPointer, S = a.forwardPointer, D = a.multiselect, R = a.wrapper, Z = a.tags, K = a.isOpen, te = a.open, N = a.blur, G = a.fo, ie = M(() => c.value || v.value || !1), se = M(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), ee = () => {
     s.value === "tags" && !l.value && ie.value && o.value && !d.value && m(G.value[G.value.map((k) => k[r.value]).indexOf(b.value)]);
   };
   return {
     handleKeydown: (k) => {
       e.emit("keydown", k, w);
       let U, y;
-      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(k.key) !== -1 && s.value === "tags" && (U = [...B.value.querySelectorAll("[data-tags] > *")].filter((V) => V !== Z.value), y = U.findIndex((V) => V === document.activeElement)), k.key) {
+      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(k.key) !== -1 && s.value === "tags" && (U = [...D.value.querySelectorAll("[data-tags] > *")].filter((V) => V !== Z.value), y = U.findIndex((V) => V === document.activeElement)), k.key) {
         case "Backspace":
           if (s.value === "single" || o.value && [null, ""].indexOf(b.value) === -1 || _.value.length === 0)
             return;
@@ -6593,7 +6593,7 @@ function wp(t, e, a) {
         case "ArrowDown":
           if (k.preventDefault(), !l.value)
             return;
-          K.value || te(), A();
+          K.value || te(), S();
           break;
         case "ArrowLeft":
           if (o.value && Z.value && Z.value.querySelector("input").selectionStart || k.shiftKey || s.value !== "tags" || !_.value || !_.value.length)
@@ -6711,8 +6711,8 @@ function $p(t, e, a) {
         },
         groupOptions: m.groupOptions,
         option: (I, P) => {
-          let A = [m.option];
-          return r(I) ? A.push(d(I) ? m.optionSelectedPointed : m.optionPointed) : d(I) ? A.push(u(I) ? m.optionSelectedDisabled : m.optionSelected) : (u(I) || P && u(P)) && A.push(m.optionDisabled), A;
+          let S = [m.option];
+          return r(I) ? S.push(d(I) ? m.optionSelectedPointed : m.optionPointed) : d(I) ? S.push(u(I) ? m.optionSelectedDisabled : m.optionSelected) : (u(I) || P && u(P)) && S.push(m.optionDisabled), S;
         },
         noOptions: m.noOptions,
         noResults: m.noResults,
@@ -6774,10 +6774,10 @@ function Sp(t, e, a) {
   }), m = M(() => s.value), I = M(() => l.value !== "single"), P = M(() => {
     let N = "";
     return l.value === "single" && h.value && (N += v.value[o.value]), l.value === "multiple" && h.value && (N += w.value), l.value === "tags" && h.value && (N += v.value.map((G) => G[o.value]).join(", ")), N;
-  }), A = M(() => {
+  }), S = M(() => {
     let N = { ...d.value };
     return u.value && (N["aria-labelledby"] = N["aria-labelledby"] ? `${g.value} ${N["aria-labelledby"]}` : g.value, P.value && N["aria-label"] && (N["aria-label"] = `${P.value}, ${N["aria-label"]}`)), N;
-  }), B = (N) => {
+  }), D = (N) => {
     let G = [];
     return n && n.value && G.push(n.value), G.push("multiselect-option"), G.push(N[i.value]), G.join("-");
   }, R = (N) => {
@@ -6796,14 +6796,14 @@ function Sp(t, e, a) {
       _.value = N ? N.innerText : null;
     }
   }), {
-    arias: A,
+    arias: S,
     ariaLabel: P,
     ariaAssist: g,
     ariaControls: $,
     ariaPlaceholder: m,
     ariaMultiselectable: I,
     ariaActiveDescendant: b,
-    ariaOptionId: B,
+    ariaOptionId: D,
     ariaOptionLabel: Z,
     ariaGroupId: R,
     ariaGroupLabel: K,
@@ -7482,7 +7482,7 @@ function Gp(t, e, a, s, n, i) {
       ]) : E("v-if", !0)
     ], 16, Ep),
     E(" Options "),
-    (p(), D(Tt, {
+    (p(), B(Tt, {
       to: a.appendTo || "body",
       disabled: !a.appendToBody && !a.appendTo
     }, [
@@ -7706,7 +7706,7 @@ const Ae = /* @__PURE__ */ x({
     return e.detached && c7({
       multiselect: s,
       appendTo: a.value
-    }), (n, i) => (p(), D(J(ct), {
+    }), (n, i) => (p(), B(J(ct), {
       ref_key: "multiselectRef",
       ref: s,
       class: "ao-multiselect"
@@ -7832,7 +7832,7 @@ const Qp = { class: "ao-tasks" }, Jp = { class: "ao-tasks__list" }, ev = ["id",
             key: h.id,
             class: "ao-subtask"
           }, [
-            ((w = c.isCheckable) == null ? void 0 : w.call(c, h)) ?? !1 ? (p(), D(re, {
+            ((w = c.isCheckable) == null ? void 0 : w.call(c, h)) ?? !1 ? (p(), B(re, {
               key: 0,
               class: "ao-subtask__check",
               "icon-name": h.isDone ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -7851,7 +7851,7 @@ const Qp = { class: "ao-tasks" }, Jp = { class: "ao-tasks__list" }, ev = ["id",
               onKeyup: pt(u, ["enter"])
             }, null, 42, ev),
             qa(". "),
-            !c.isTemplate && c.users ? (p(), D(Ae, {
+            !c.isTemplate && c.users ? (p(), B(Ae, {
               key: 1,
               value: (_ = h.assignee) != null && _.id ? [h.assignee.id] : [],
               options: n.value,
@@ -7875,7 +7875,7 @@ const Qp = { class: "ao-tasks" }, Jp = { class: "ao-tasks__list" }, ev = ["id",
               ]),
               _: 2
             }, 1032, ["value", "options", "placeholder", "disabled", "caret", "onChange"])) : E("", !0),
-            c.isEditable ? (p(), D(re, {
+            c.isEditable ? (p(), B(re, {
               key: 2,
               class: "ao-subtask__delete",
               "icon-name": "CancelRounded",
@@ -7888,7 +7888,7 @@ const Qp = { class: "ao-tasks" }, Jp = { class: "ao-tasks__list" }, ev = ["id",
         }), 128))
       ]),
       f("div", tv, [
-        c.isEditable ? (p(), D(re, {
+        c.isEditable ? (p(), B(re, {
           key: 0,
           label: c.$t("activity.tasks.add"),
           "icon-name": "Add",
@@ -7978,7 +7978,7 @@ const sv = ["onDrop", "onDragenter", "onDragover", "onDragleave"], nv = { class:
             }),
             f("span", lv, Y(v.name), 1)
           ], 8, iv),
-          u.isEditable ? (p(), D(re, {
+          u.isEditable ? (p(), B(re, {
             key: 0,
             class: "ao-files__delete-button",
             "icon-name": "DeleteOutlineRounded",
@@ -8053,7 +8053,7 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
     }), (_, g) => {
       var $;
       return p(), C("li", hv, [
-        s.value ? (p(), D(et, {
+        s.value ? (p(), B(et, {
           key: 0,
           "avatar-url": ($ = _.user) == null ? void 0 : $.avatarUrl,
           "user-name": s.value,
@@ -8062,7 +8062,7 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
         f("span", mv, Y(d.value), 1),
         f("div", gv, [
           f("div", Cv, [
-            (p(), D(mt(u.value), {
+            (p(), B(mt(u.value), {
               ref_key: "commentContent",
               ref: n,
               class: "ao-comment__content",
@@ -8132,8 +8132,8 @@ const bv = { class: "ao-comments__header" }, wv = ["onSubmit"], $v = ["placehold
   emits: ["createComment", "updateComment", "removeComment"],
   setup(t, { emit: e }) {
     const a = t, s = M(() => (a.comments || []).toSorted(
-      (A, B) => t0(ca(A.createdAt), ca(B.createdAt))
-    )), n = (P) => a.users.find((B) => B.id === P), i = q();
+      (S, D) => t0(ca(S.createdAt), ca(D.createdAt))
+    )), n = (P) => a.users.find((D) => D.id === P), i = q();
     $e(() => {
       i.value && (i.value.scrollTop = i.value.scrollHeight);
     });
@@ -8146,42 +8146,47 @@ const bv = { class: "ao-comments__header" }, wv = ["onSubmit"], $v = ["placehold
       }
     }), r = () => {
       const P = o.value.trim();
-      P && (e("createComment", { authorId: a.userId, message: P }), o.value = "");
-    }, d = (P, A) => {
+      if (!P)
+        return;
+      const S = Array.from(P.matchAll(/@(\w+)/g)).map((R) => R[1]), D = c.value.filter((R) => S.includes(R.name)).map((R) => R.id);
+      console.log("MENTIONED"), console.log(JSON.stringify(S)), console.log(JSON.stringify(D)), e("createComment", { authorId: a.userId, message: P }), o.value = "";
+    }, d = (P, S) => {
       e("updateComment", {
         id: P,
-        message: A
+        message: S
       });
     }, u = (P) => {
       e("removeComment", { id: P });
-    }, c = [{ id: "1", name: "John" }, { id: "2", name: "Jane" }], v = q(""), h = q(!1), w = q({ top: 0, left: 0 }), _ = q(), g = (P) => {
-      const A = P.target, B = A.selectionStart, Z = A.value.slice(0, B).match(/@(\w*)$/);
+    }, c = M(
+      () => a.users.filter((P) => P.firstName || P.lastName).map(
+        (P) => {
+          const S = [P.firstName, P.lastName].filter(Boolean).join("_");
+          return { id: P.id, name: S };
+        }
+      )
+    ), v = q(""), h = q(!1), w = q({ top: 0, left: 0 }), _ = q(), g = (P) => {
+      const S = P.target, D = S.selectionStart, Z = S.value.slice(0, D).match(/@(\w*)$/);
       Z ? (v.value = Z[1], h.value = !0, $e(() => {
-        const { top: K, left: te } = I(A, B);
+        const { top: K, left: te } = I(S, D);
         w.value = { top: K, left: te };
       })) : h.value = !1;
     }, $ = (P) => {
       P.key === "Escape" && h.value && (h.value = !1);
     }, b = M(
-      () => (
-        // userSuggestions.value.filter((u) =>
-        //   u.name.toLowerCase().includes(mentionQuery.value.toLowerCase()),
-        // ),
-        c.filter(
-          (P) => P.name.toLowerCase().includes(v.value.toLowerCase())
-        )
+      () => c.value.filter(
+        (P) => P.name.toLowerCase().includes(v.value.toLowerCase())
       )
     ), m = (P) => {
-      const A = _.value;
-      if (!A)
+      const S = _.value;
+      if (!S)
         return;
-      const B = A.selectionStart, R = o.value, Z = R.slice(0, B).replace(/@(\w*)$/, `@${P} `), K = R.slice(B);
+      const D = S.selectionStart, R = o.value, Z = R.slice(0, D).replace(/@(\w*)$/, `@${P} `), K = R.slice(D);
       o.value = Z + K, h.value = !1, $e(() => {
-        A.focus(), A.setSelectionRange(Z.length, Z.length);
+        S.focus(), S.setSelectionRange(Z.length, Z.length);
       });
     };
-    function I(P, A) {
-      const B = document.createElement("div"), R = document.createElement("span"), Z = window.getComputedStyle(P), K = [
+    function I(P, S) {
+      const D = document.createElement("div"), R = document.createElement("span"), Z = window.getComputedStyle(P), K = [
         "boxSizing",
         "width",
         "height",
@@ -8209,22 +8214,20 @@ const bv = { class: "ao-comments__header" }, wv = ["onSubmit"], $v = ["placehold
         "letterSpacing",
         "wordSpacing"
       ];
-      B.style.position = "absolute", B.style.visibility = "hidden", B.style.whiteSpace = "pre-wrap", B.style.overflow = "hidden", K.forEach((k) => {
-        B.style[k] = Z.getPropertyValue(k);
-      }), B.style.width = Z.getPropertyValue("width"), B.scrollTop = P.scrollTop, B.scrollLeft = P.scrollLeft;
-      const te = P.value.substring(0, A), N = P.value.substring(A) || ".";
-      B.textContent = te, R.textContent = N[0], B.appendChild(R), document.body.appendChild(B);
-      const G = R.getBoundingClientRect(), ie = B.getBoundingClientRect(), se = P.getBoundingClientRect(), ee = G.top - ie.top + se.top - P.scrollTop, L = G.left - ie.left + se.left - P.scrollLeft;
-      document.body.removeChild(B);
-      const O = parseFloat(Z.lineHeight);
-      return {
-        top: ee + O,
+      D.style.position = "absolute", D.style.visibility = "hidden", D.style.whiteSpace = "pre-wrap", D.style.overflow = "hidden", K.forEach((O) => {
+        D.style[O] = Z.getPropertyValue(O);
+      }), D.style.width = Z.getPropertyValue("width"), D.scrollTop = P.scrollTop, D.scrollLeft = P.scrollLeft;
+      const te = P.value.substring(0, S), N = P.value.substring(S) || ".";
+      D.textContent = te, R.textContent = N[0], D.appendChild(R), document.body.appendChild(D);
+      const G = R.getBoundingClientRect(), ie = D.getBoundingClientRect(), se = P.getBoundingClientRect(), ee = G.top - ie.top + se.top - P.scrollTop, L = G.left - ie.left + se.left - P.scrollLeft;
+      return document.body.removeChild(D), {
+        top: ee + 40,
         // adjust vertical offset for dropdown
         left: L
       };
     }
-    return (P, A) => {
-      var B;
+    return (P, S) => {
+      var D;
       return p(), C("div", {
         ref_key: "commentsContainer",
         ref: i,
@@ -8238,7 +8241,7 @@ const bv = { class: "ao-comments__header" }, wv = ["onSubmit"], $v = ["placehold
             De(f("textarea", {
               ref_key: "textareaRef",
               ref: _,
-              "onUpdate:modelValue": A[0] || (A[0] = (R) => l.value = R),
+              "onUpdate:modelValue": S[0] || (S[0] = (R) => l.value = R),
               rows: "2",
               class: "ao-field__textarea ao-comments__form-textarea",
               placeholder: P.$t("activity.comment.label"),
@@ -8264,8 +8267,8 @@ const bv = { class: "ao-comments__header" }, wv = ["onSubmit"], $v = ["placehold
             ])
           ], 40, wv)
         ]),
-        ((B = s.value) == null ? void 0 : B.length) > 0 ? (p(), C("ul", Sv, [
-          (p(!0), C(fe, null, Ce(s.value, (R) => (p(), D(yv, {
+        ((D = s.value) == null ? void 0 : D.length) > 0 ? (p(), C("ul", Sv, [
+          (p(!0), C(fe, null, Ce(s.value, (R) => (p(), B(yv, {
             key: R.id,
             user: n(R.author.id),
             content: R.message,
@@ -8302,7 +8305,7 @@ const As = /* @__PURE__ */ x({
     const a = t, s = () => {
       e("update:modelValue", !a.modelValue);
     };
-    return (n, i) => (p(), D(re, {
+    return (n, i) => (p(), B(re, {
       color: n.modelValue ? n.color : J(Ls).NEUTRAL,
       "icon-position": "start",
       onClick: i[0] || (i[0] = () => s())
@@ -8459,19 +8462,19 @@ const As = /* @__PURE__ */ x({
       e("deleteSubtask", y);
     };
     function I() {
-      a.userId ? B.value = [a.userId] : console.error("Failed assigning to self: userId is missing");
+      a.userId ? D.value = [a.userId] : console.error("Failed assigning to self: userId is missing");
     }
     function P(y) {
-      B.value = [y];
+      D.value = [y];
     }
-    const A = M(() => {
+    const S = M(() => {
       var y;
       return ((y = a.users) == null ? void 0 : y.map((V) => ({
         label: `${V.firstName} ${V.lastName}`,
         value: V.id,
         avatar: V.avatarUrl
       }))) || [];
-    }), B = M({
+    }), D = M({
       get() {
         var y, V;
         return (y = a.activity.assignee) != null && y.id ? [(V = a.activity.assignee) == null ? void 0 : V.id] : [];
@@ -8548,7 +8551,7 @@ const As = /* @__PURE__ */ x({
         console.log("Failed to copy link"), e("toast", "clipboard.copy.error", "error");
       });
     }
-    return (y, V) => (p(), D(Ja, {
+    return (y, V) => (p(), B(Ja, {
       onClose: V[10] || (V[10] = (le) => y.$emit("close"))
     }, {
       default: F(() => {
@@ -8557,7 +8560,7 @@ const As = /* @__PURE__ */ x({
           f("div", Tv, [
             f("div", Ov, [
               f("div", Ev, [
-                y.activity.slug ? (p(), D(ra, {
+                y.activity.slug ? (p(), B(ra, {
                   key: 0,
                   label: y.activity.slug,
                   clickable: !0,
@@ -8734,10 +8737,10 @@ const As = /* @__PURE__ */ x({
                     }, null, 8, ["label"])
                   ]),
                   T(Ae, {
-                    modelValue: B.value,
-                    "onUpdate:modelValue": V[3] || (V[3] = (H) => B.value = H),
+                    modelValue: D.value,
+                    "onUpdate:modelValue": V[3] || (V[3] = (H) => D.value = H),
                     class: "ao-activity-details__assignees ao-activity-details__multiselect",
-                    options: A.value,
+                    options: S.value,
                     "close-on-select": !0,
                     searchable: !0,
                     placeholder: y.$t("activity.filters.assignee.placeholder"),
@@ -8962,7 +8965,7 @@ const Of = /* @__PURE__ */ x({
         e("update:rule", { ...a.rule, durationUnit: $ });
       }
     }), g = M(() => Object.values(K2));
-    return ($, b) => (p(), D(mt($.tagName), { class: "ao-rule-line" }, {
+    return ($, b) => (p(), B(mt($.tagName), { class: "ao-rule-line" }, {
       default: F(() => [
         T(J(ct), {
           modelValue: n.value,
@@ -9028,7 +9031,7 @@ const Ef = { class: "ao-template-rules__body" }, If = { class: "ao-template-rule
     }, s = (n) => {
       e("removeRule", n);
     };
-    return (n, i) => (p(), D(Ja, null, {
+    return (n, i) => (p(), B(Ja, null, {
       header: F(() => [
         T(be, {
           title: n.$t("template.rules.title"),
@@ -9038,7 +9041,7 @@ const Ef = { class: "ao-template-rules__body" }, If = { class: "ao-template-rule
       default: F(() => [
         f("div", Ef, [
           f("ul", If, [
-            (p(!0), C(fe, null, Ce(n.rules, (o) => (p(), D(Of, {
+            (p(!0), C(fe, null, Ce(n.rules, (o) => (p(), B(Of, {
               key: o.id,
               rule: o,
               "template-phases": n.templatePhases,
@@ -9252,7 +9255,7 @@ const Pf = {
           id: L.id
         }
       });
-    }, A = (L) => {
+    }, S = (L) => {
       const { id: O, ...k } = L;
       e("updateItem", {
         itemType: me.ACTIVITIES,
@@ -9260,8 +9263,8 @@ const Pf = {
         templateId: a.templateId,
         data: k
       });
-    }, B = q(!1), R = () => {
-      B.value = !B.value;
+    }, D = q(!1), R = () => {
+      D.value = !D.value;
     }, Z = () => {
       e("addRule", { templateId: a.templateId });
     }, K = (L) => {
@@ -9377,7 +9380,7 @@ const Pf = {
               }, 8, ["model-value"])
             ]),
             f("li", Rf, [
-              o.value ? (p(), D($5, {
+              o.value ? (p(), B($5, {
                 key: 0,
                 "template-id": L.templateId,
                 phase: o.value,
@@ -9389,21 +9392,21 @@ const Pf = {
               }, null, 8, ["template-id", "phase", "milestone-id"])) : E("", !0)
             ]),
             f("li", jf, [
-              o.value && l.value ? (p(), D(A5, {
+              o.value && l.value ? (p(), B(A5, {
                 key: 0,
                 "template-id": L.templateId,
                 "phase-id": (U = o.value) == null ? void 0 : U.id,
                 milestone: l.value,
                 "activity-id": (y = u.value) == null ? void 0 : y.id,
                 onAddActivity: I,
-                onUpdateActivity: A,
+                onUpdateActivity: S,
                 onRemoveActivity: P
               }, null, 8, ["template-id", "phase-id", "milestone", "activity-id"])) : E("", !0)
             ])
           ])
         ]),
-        (p(), D(Tt, { to: "body" }, [
-          u.value ? (p(), D(Ys, {
+        (p(), B(Tt, { to: "body" }, [
+          u.value ? (p(), B(Ys, {
             key: 0,
             activity: u.value,
             "activity-types": L.activityTypes,
@@ -9415,7 +9418,7 @@ const Pf = {
             "is-editable": !0,
             users: L.users,
             "onUpdate:activity": O[2] || (O[2] = (z) => {
-              u.value && A(z);
+              u.value && S(z);
             }),
             "attachment-enabled": !1,
             onClose: L.$router.back,
@@ -9431,8 +9434,8 @@ const Pf = {
             _: 3
           }, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : E("", !0)
         ])),
-        (p(), D(Tt, { to: "body" }, [
-          B.value ? (p(), D(Lf, {
+        (p(), B(Tt, { to: "body" }, [
+          D.value ? (p(), B(Lf, {
             key: 0,
             "template-id": n.value.id,
             rules: n.value.rules || [],
@@ -9464,7 +9467,7 @@ const Uf = { class: "ao-card__content" }, Ff = {
     withLeftBorder: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (e, a) => (p(), D(mt(e.tagName), {
+    return (e, a) => (p(), B(mt(e.tagName), {
       class: Q([
         "ao-card",
         {
@@ -9628,7 +9631,7 @@ var Ks = x({
 });
 const xf = { ref: "canvasSaturation" };
 function Kf(t, e, a, s, n, i) {
-  return p(), D(
+  return p(), B(
     "div",
     {
       class: "saturation",
@@ -9714,7 +9717,7 @@ var Gs = x({
 });
 const Gf = { ref: "canvasHue" };
 function Xf(t, e, a, s, n, i) {
-  return p(), D(
+  return p(), B(
     "div",
     {
       class: "hue",
@@ -9809,7 +9812,7 @@ var Xs = x({
 });
 const Qf = { ref: "canvasAlpha" };
 function Jf(t, e, a, s, n, i) {
-  return p(), D(
+  return p(), B(
     "div",
     {
       class: "color-alpha",
@@ -9876,7 +9879,7 @@ var Qs = x({
   }
 });
 function eh(t, e, a, s, n, i) {
-  return p(), D("canvas");
+  return p(), B("canvas");
 }
 Qs.render = eh;
 Qs.__file = "src/color/Preview.vue";
@@ -9986,8 +9989,8 @@ const th = /* @__PURE__ */ T(
   /* HOISTED */
 );
 function nh(t, e, a, s, n, i) {
-  return p(), D("div", null, [
-    t.isSucking ? E("v-if", !0) : (p(), D(
+  return p(), B("div", null, [
+    t.isSucking ? E("v-if", !0) : (p(), B(
       "svg",
       {
         key: 0,
@@ -10002,7 +10005,7 @@ function nh(t, e, a, s, n, i) {
       2
       /* CLASS */
     )),
-    t.isSucking ? (p(), D("svg", ah, [
+    t.isSucking ? (p(), B("svg", ah, [
       sh
     ])) : E("v-if", !0)
   ]);
@@ -10042,7 +10045,7 @@ var en = x({
 });
 const oh = { class: "color-type" }, ih = { class: "name" };
 function lh(t, e, a, s, n, i) {
-  return p(), D("div", oh, [
+  return p(), B("div", oh, [
     T(
       "span",
       ih,
@@ -10113,12 +10116,12 @@ const rh = { class: "colors" }, uh = {
   class: "colors history"
 };
 function ch(t, e, a, s, n, i) {
-  return p(), D("div", null, [
+  return p(), B("div", null, [
     T("ul", rh, [
-      (p(!0), D(
+      (p(!0), B(
         fe,
         null,
-        Ce(t.colorsDefault, (o) => (p(), D("li", {
+        Ce(t.colorsDefault, (o) => (p(), B("li", {
           key: o,
           class: "item",
           onClick: (l) => t.selectColor(o)
@@ -10148,11 +10151,11 @@ function ch(t, e, a, s, n, i) {
         /* KEYED_FRAGMENT */
       ))
     ]),
-    t.colorsHistory.length ? (p(), D("ul", uh, [
-      (p(!0), D(
+    t.colorsHistory.length ? (p(), B("ul", uh, [
+      (p(!0), B(
         fe,
         null,
-        Ce(t.colorsHistory, (o) => (p(), D("li", {
+        Ce(t.colorsHistory, (o) => (p(), B("li", {
           key: o,
           class: "item",
           onClick: (l) => t.selectColor(o)
@@ -10362,7 +10365,7 @@ var Ut = x({
 const dh = { class: "color-set" };
 function ph(t, e, a, s, n, i) {
   const o = ut("Saturation"), l = ut("Hue"), r = ut("Alpha"), d = ut("Preview"), u = ut("Sucker"), c = ut("Box"), v = ut("Colors");
-  return p(), D(
+  return p(), B(
     "div",
     {
       class: ["hu-color-picker", { light: t.isLightTheme }],
@@ -10405,7 +10408,7 @@ function ph(t, e, a, s, n, i) {
             width: t.previewWidth,
             height: t.previewHeight
           }, null, 8, ["color", "width", "height"]),
-          t.suckerHide ? E("v-if", !0) : (p(), D(u, {
+          t.suckerHide ? E("v-if", !0) : (p(), B(u, {
             key: 0,
             "sucker-canvas": t.suckerCanvas,
             "sucker-area": t.suckerArea,
@@ -10556,7 +10559,7 @@ const fh = { class: "ao-card-project-phase__header" }, hh = { class: "ao-card-pr
       const h = c.target;
       h.closest("button") || h.closest("input") || h.closest(".ao-title") || v(h);
     };
-    return (c, v) => (p(), D(an, {
+    return (c, v) => (p(), B(an, {
       color: d.value,
       "onUpdate:color": v[2] || (v[2] = (h) => d.value = h)
     }, {
@@ -10710,7 +10713,7 @@ const Sh = { class: "ao-card-project-milestone__default" }, Ah = { class: "ao-ti
     }), o = M(() => (i.value || 0) / (n.value || 1)), l = (r) => {
       e("updateMilestone", { id: a.id, name: r });
     };
-    return (r, d) => (p(), D(is, {
+    return (r, d) => (p(), B(is, {
       class: Q([
         "ao-card-project-milestone"
       ]),
@@ -10777,7 +10780,7 @@ const Sh = { class: "ao-card-project-milestone__default" }, Ah = { class: "ao-ti
       ]),
       footer: F(() => [
         f("div", Vh, [
-          r.important ? (p(), D(pe, {
+          r.important ? (p(), B(pe, {
             key: 0,
             name: "FlagRounded",
             class: Q(
@@ -10857,7 +10860,7 @@ const Nh = { class: "ao-mapping-card-project-phase__header" }, Uh = { class: "ao
       const h = c.target;
       h.closest("button") || h.closest("input") || h.closest(".ao-title") || v();
     };
-    return (c, v) => (p(), D(an, {
+    return (c, v) => (p(), B(an, {
       color: d.value,
       "onUpdate:color": v[2] || (v[2] = (h) => d.value = h)
     }, {
@@ -11095,7 +11098,7 @@ const Gh = { class: "ao-project-phase" }, Xh = {
                   important: I.important,
                   readonly: b.readonly,
                   class: Q(["ao-project-phase__milestone"]),
-                  onClick: (A) => !b.readonly && b.$router.push({
+                  onClick: (S) => !b.readonly && b.$router.push({
                     name: J(ye).milestone,
                     params: { phaseId: b.phase.id, milestoneId: I.id }
                   }),
@@ -11108,7 +11111,7 @@ const Gh = { class: "ao-project-phase" }, Xh = {
             _: 1
           }, 16, ["list", "disabled"]),
           f("div", t9, [
-            b.isEditable ? (p(), D(Ct, {
+            b.isEditable ? (p(), B(Ct, {
               key: 0,
               label: b.$t("project.milestone.add"),
               class: "ao-project-phase__milestone-add",
@@ -11221,7 +11224,7 @@ const r9 = ["onSubmit"], u9 = { class: "ao-add-template-modal__form-body" }, c9
     }, o = () => {
       n.value && e("apply", n.value, a.projectId);
     };
-    return (l, r) => (p(), D(Ja, { size: "sm" }, {
+    return (l, r) => (p(), B(Ja, { size: "sm" }, {
       header: F(() => [
         T(be, {
           title: l.$t("project.template.apply.title"),
@@ -11273,7 +11276,7 @@ const p9 = ["onSubmit"], v9 = { class: "ao-save-template-modal__form-body" }, f9
     const i = () => {
       s.value && e("save", s.value, n.value);
     };
-    return (o, l) => (p(), D(Ja, { size: "sm" }, {
+    return (o, l) => (p(), B(Ja, { size: "sm" }, {
       header: F(() => [
         T(be, {
           title: o.$t("project.template.save.title"),
@@ -11415,9 +11418,9 @@ const sn = /* @__PURE__ */ W(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
       e("deleteSubtask", O);
     }, P = M(
       () => n.value.flatMap((O) => O.activities)
-    ), A = (O) => {
+    ), S = (O) => {
       e("addFiles", O);
-    }, B = (O) => {
+    }, D = (O) => {
       e("removeFile", O);
     }, R = (O) => {
       e("addComment", O);
@@ -11464,14 +11467,14 @@ const sn = /* @__PURE__ */ W(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
                 }, null, 8, ["icon-name", "label", "aria-checked"])
               ]),
               secondary: F(() => [
-                O.isEditable === !0 ? (p(), D(re, {
+                O.isEditable === !0 ? (p(), B(re, {
                   key: 0,
                   class: "ao-project-overview__save-as-template",
                   color: "primary",
                   label: O.$t("project.template.save.label"),
                   onClick: k[2] || (k[2] = (y) => N.value = !0)
                 }, null, 8, ["label"])) : E("", !0),
-                O.isEditable === !0 ? (p(), D(re, {
+                O.isEditable === !0 ? (p(), B(re, {
                   key: 1,
                   class: "ao-project-overview__add-template",
                   color: "primary",
@@ -11514,7 +11517,7 @@ const sn = /* @__PURE__ */ W(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
             onArchiveActivity: g,
             onUnarchiveActivity: $
           }, null, 8, ["phases", "project-id", "project-name", "users", "is-editable", "closed-status"]),
-          (p(), D(Tt, { to: "body" }, [
+          (p(), B(Tt, { to: "body" }, [
             T(U, {
               name: "modal",
               activities: P.value,
@@ -11531,14 +11534,14 @@ const sn = /* @__PURE__ */ W(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
               onAddSubtask: b,
               onUpdateSubtask: m,
               onDeleteSubtask: I,
-              onAddFiles: A,
-              onRemoveFile: B,
+              onAddFiles: S,
+              onRemoveFile: D,
               onAddComment: R,
               onUpdateComment: Z,
               onRemoveComment: K
             }, {
               default: F(({ Component: y }) => [
-                (p(), D(mt(y), null, {
+                (p(), B(mt(y), null, {
                   default: F((V) => [
                     ae(O.$slots, "activityDetailsBody", ha(ma(V)))
                   ]),
@@ -11549,14 +11552,14 @@ const sn = /* @__PURE__ */ W(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
             }, 8, ["activities", "is-task-checkable", "statuses", "activity-types", "phases", "project", "users", "user-id", "is-editable", "attachment-enabled"])
           ]))
         ], 16),
-        (p(), D(Tt, { to: "body" }, [
-          N.value ? (p(), D(go, {
+        (p(), B(Tt, { to: "body" }, [
+          N.value ? (p(), B(go, {
             key: 0,
             phases: O.phases,
             onClose: k[5] || (k[5] = (y) => N.value = !1),
             onSave: ie
           }, null, 8, ["phases"])) : E("", !0),
-          te.value ? (p(), D(mo, {
+          te.value ? (p(), B(mo, {
             key: 1,
             "project-id": O.project.id,
             templates: O.templates,
@@ -11638,13 +11641,13 @@ const O9 = { class: "ao-card-feed__header" }, E9 = {
       var h;
       return (h = a.tasks) == null ? void 0 : h.filter((w) => w.isDone).length;
     }), v = M(() => (c.value || 0) / (u.value || 1));
-    return (h, w) => (p(), D(is, {
+    return (h, w) => (p(), B(is, {
       class: Q(["ao-card-feed", { "ao-card-feed--closed": h.isClosed }]),
       "is-clickable": !0
     }, {
       header: F(() => [
         f("div", O9, [
-          s.value ? (p(), D(ra, {
+          s.value ? (p(), B(ra, {
             key: 0,
             label: s.value,
             class: "ao-card-feed__project",
@@ -11653,19 +11656,19 @@ const O9 = { class: "ao-card-feed__header" }, E9 = {
             "raw-color": n.value
           }, null, 8, ["label", "color", "raw-color"])) : E("", !0),
           h.isPrivate || h.important || h.isClosed ? (p(), C("div", E9, [
-            h.isPrivate ? (p(), D(pe, {
+            h.isPrivate ? (p(), B(pe, {
               key: 0,
               name: "Lock",
               class: "ao-card-feed__warning",
               size: "sm"
             })) : E("", !0),
-            h.important ? (p(), D(pe, {
+            h.important ? (p(), B(pe, {
               key: 1,
               name: "FlagRounded",
               class: "ao-card-feed__important",
               size: "sm"
             })) : E("", !0),
-            h.isClosed ? (p(), D(pe, {
+            h.isClosed ? (p(), B(pe, {
               key: 2,
               name: "CheckSmallRounded",
               class: "ao-card-feed__closed"
@@ -11882,7 +11885,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
               }, null, 8, ["title"]),
               T(As, {
                 modelValue: $.value,
-                "onUpdate:modelValue": I[0] || (I[0] = (A) => $.value = A),
+                "onUpdate:modelValue": I[0] || (I[0] = (S) => $.value = S),
                 modelModifiers: { lazy: !0 },
                 disabled: !m.isEditable,
                 class: "ao-milestone__important",
@@ -11898,7 +11901,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
             f("div", s4, [
               f("label", n4, [
                 De(f("input", {
-                  "onUpdate:modelValue": I[1] || (I[1] = (A) => h.value = A),
+                  "onUpdate:modelValue": I[1] || (I[1] = (S) => h.value = S),
                   class: "ao-milestone__field ao-milestone__date-field",
                   type: "date"
                 }, null, 512), [
@@ -11915,7 +11918,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
               f("label", i4, [
                 T(Ae, {
                   modelValue: g.value,
-                  "onUpdate:modelValue": I[2] || (I[2] = (A) => g.value = A),
+                  "onUpdate:modelValue": I[2] || (I[2] = (S) => g.value = S),
                   options: _.value,
                   "close-on-select": !0,
                   searchable: !0,
@@ -11927,14 +11930,14 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
                   caret: m.isEditable
                 }, {
                   tag: F(({
-                    option: A,
-                    handleTagRemove: B
+                    option: S,
+                    handleTagRemove: D
                   }) => [
                     T(et, {
-                      "user-name": A.label,
-                      "avatar-url": A.avatar,
+                      "user-name": S.label,
+                      "avatar-url": S.avatar,
                       "is-closable": !0,
-                      onClose: (R) => B(A, R)
+                      onClose: (R) => D(S, R)
                     }, null, 8, ["user-name", "avatar-url", "onClose"])
                   ]),
                   _: 1
@@ -11943,13 +11946,13 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
             ]),
             T(an, {
               color: v.value,
-              "onUpdate:color": I[3] || (I[3] = (A) => v.value = A)
+              "onUpdate:color": I[3] || (I[3] = (S) => v.value = S)
             }, {
-              clickable: F(({ openPicker: A, bgColor: B }) => [
+              clickable: F(({ openPicker: S, bgColor: D }) => [
                 f("button", {
-                  style: We({ background: B }),
+                  style: We({ background: D }),
                   class: "color-button",
-                  onClick: (R) => b(R, A)
+                  onClick: (R) => b(R, S)
                 }, null, 12, l4)
               ]),
               _: 1
@@ -11964,37 +11967,37 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
             "item-key": "id",
             group: "kanban"
           }, m.$attrs, { onChange: c }), {
-            item: F(({ element: A }) => {
-              var B, R, Z, K, te;
+            item: F(({ element: S }) => {
+              var D, R, Z, K, te;
               return [
                 T(Co, {
-                  id: A.id,
-                  name: A.name || A.id,
-                  "phase-name": (B = n.value) == null ? void 0 : B.name,
+                  id: S.id,
+                  name: S.name || S.id,
+                  "phase-name": (D = n.value) == null ? void 0 : D.name,
                   "milestone-name": (R = o.value) == null ? void 0 : R.name,
                   "milestone-color": (Z = o.value) == null ? void 0 : Z.color,
-                  deadline: A.deadline,
-                  important: A.important,
+                  deadline: S.deadline,
+                  important: S.important,
                   users: m.users,
-                  assignee: A.assignee,
-                  slug: A.slug,
-                  comments: (K = A.comments) == null ? void 0 : K.length,
-                  attachments: (te = A.attachments) == null ? void 0 : te.length,
-                  tasks: A.tasks,
+                  assignee: S.assignee,
+                  slug: S.slug,
+                  comments: (K = S.comments) == null ? void 0 : K.length,
+                  attachments: (te = S.attachments) == null ? void 0 : te.length,
+                  tasks: S.tasks,
                   "is-editable": m.isEditable,
-                  "is-private": A.private,
-                  "is-closed": w(A),
+                  "is-private": S.private,
+                  "is-closed": w(S),
                   onClick: (N) => m.$router.push({
                     name: J(ye).activity,
-                    params: { milestoneId: m.milestoneId, activityId: A.id }
+                    params: { milestoneId: m.milestoneId, activityId: S.id }
                   }),
                   onUpdateActivity: u,
-                  onRemoveAssignee: () => u({ id: A.id, assigneeId: null })
+                  onRemoveAssignee: () => u({ id: S.id, assigneeId: null })
                 }, fa({ _: 2 }, [
                   m.isEditable ? {
                     name: "secondary",
                     fn: F(() => [
-                      m.isEditable && A.active ? (p(), D(re, {
+                      m.isEditable && S.active ? (p(), B(re, {
                         key: 0,
                         color: "primary",
                         variant: "ghost",
@@ -12003,9 +12006,9 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
                         "icon-position": "start",
                         corners: "round",
                         label: m.$t("archive"),
-                        onClick: ve(() => m.$emit("archiveActivity", { id: A.id }), ["stop"])
+                        onClick: ve(() => m.$emit("archiveActivity", { id: S.id }), ["stop"])
                       }, null, 8, ["label", "onClick"])) : E("", !0),
-                      m.isEditable && !A.active ? (p(), D(re, {
+                      m.isEditable && !S.active ? (p(), B(re, {
                         key: 1,
                         color: "primary",
                         variant: "ghost",
@@ -12015,7 +12018,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
                         corners: "round",
                         label: m.$t("feed.activity.unarchive"),
                         onClick: ve(
-                          () => m.$emit("unarchiveActivity", { id: A.id }),
+                          () => m.$emit("unarchiveActivity", { id: S.id }),
                           ["stop"]
                         )
                       }, null, 8, ["label", "onClick"])) : E("", !0)
@@ -12093,7 +12096,7 @@ const c4 = /* @__PURE__ */ x({
     };
     return (g, $) => {
       var b, m;
-      return o.value ? (p(), D(Ys, {
+      return o.value ? (p(), B(Ys, {
         key: 0,
         activity: o.value,
         "activity-types": g.activityTypes,
@@ -12139,7 +12142,7 @@ const c4 = /* @__PURE__ */ x({
         class: "ao-col-header__title",
         level: 4
       }, null, 8, ["title"]),
-      e.items ? (p(), D(ra, {
+      e.items ? (p(), B(ra, {
         key: 0,
         label: e.items,
         class: "ao-col-header__items",
@@ -12315,7 +12318,7 @@ const $4 = {
         var v;
         return [
           f("div", k4, [
-            u.title ? (p(), D(p4, {
+            u.title ? (p(), B(p4, {
               key: 0,
               title: u.title,
               level: 3,
@@ -12368,12 +12371,12 @@ const $4 = {
               "is-editable": i(v),
               "is-private": v.private,
               "tag-type": u.tagType,
-              onUpdateActivity: [(A) => i(v) && l(A), () => i(v) && l],
+              onUpdateActivity: [(S) => i(v) && l(S), () => i(v) && l],
               onClick: () => o(v.id),
               onRemoveAssignee: () => i(v) && l({ id: v.id, assigneeId: null })
             }, {
               secondary: F(() => [
-                i(v) && v.active ? (p(), D(re, {
+                i(v) && v.active ? (p(), B(re, {
                   key: 0,
                   color: "primary",
                   variant: "ghost",
@@ -12384,7 +12387,7 @@ const $4 = {
                   label: u.$t("feed.activity.archive"),
                   onClick: ve(() => u.$emit("archiveActivity", { id: v.id }), ["stop"])
                 }, null, 8, ["label", "onClick"])) : E("", !0),
-                i(v) && !v.active ? (p(), D(re, {
+                i(v) && !v.active ? (p(), B(re, {
                   key: 1,
                   color: "primary",
                   variant: "ghost",
@@ -12416,7 +12419,7 @@ const $4 = {
       }, 16, ["class", "list", "disabled"]),
       u.$slots.footer || u.footerLabel ? (p(), C("div", O4, [
         ae(u.$slots, "footer", {}, () => [
-          u.isEditable ? (p(), D(Ct, {
+          u.isEditable ? (p(), B(Ct, {
             key: 0,
             "icon-name": "AddBoxOutlineRounded",
             label: u.footerLabel,
@@ -12550,9 +12553,9 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
       e("archiveActivity", k);
     }, P = (k) => {
       e("unarchiveActivity", k);
-    }, A = (k) => {
+    }, S = (k) => {
       d.value = !1, e("update:searchText", k);
-    }, B = (k) => {
+    }, D = (k) => {
       d.value = !1, e("clear:searchText", k);
     }, R = (k) => {
       a.selectedActivity && e("addSubtask", k);
@@ -12597,10 +12600,10 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
                 "model-value": k.searchText,
                 placeholder: k.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
-                "onUpdate:modelValue": A,
-                onClear: B
+                "onUpdate:modelValue": S,
+                onClear: D
               }, null, 8, ["model-value", "placeholder"]),
-              a.project ? E("", !0) : (p(), D(Ae, {
+              a.project ? E("", !0) : (p(), B(Ae, {
                 key: 0,
                 "model-value": k.filters[J(Dt).project],
                 mode: "tags",
@@ -12611,7 +12614,7 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
                 placeholder: k.$t("feed.filters.project.placeholder"),
                 "onUpdate:modelValue": U[1] || (U[1] = (V) => h(J(Dt).project, V))
               }, null, 8, ["model-value", "options", "placeholder"])),
-              g.value ? (p(), D(Ae, {
+              g.value ? (p(), B(Ae, {
                 key: 1,
                 "model-value": k.filters[J(Dt).type],
                 mode: "tags",
@@ -12622,7 +12625,7 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
                 placeholder: k.$t("feed.filters.activityType.placeholder"),
                 "onUpdate:modelValue": U[2] || (U[2] = (V) => h(J(Dt).type, V))
               }, null, 8, ["model-value", "options", "placeholder"])) : E("", !0),
-              $.value.length ? (p(), D(Ae, {
+              $.value.length ? (p(), B(Ae, {
                 key: 2,
                 "model-value": k.filters[J(Dt).assignee],
                 mode: "tags",
@@ -12687,7 +12690,7 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
           _: 1
         }),
         f("div", D4, [
-          (p(!0), C(fe, null, Ce(k.statuses, (V) => (p(), D(E4, {
+          (p(!0), C(fe, null, Ce(k.statuses, (V) => (p(), B(E4, {
             key: V.id,
             status: V,
             list: l.value[V.id],
@@ -12704,8 +12707,8 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
             onUpdateActivity: m
           }, null, 8, ["status", "list", "title", "footer-label", "users", "user-id", "is-editable", "tagType", "onAdd"]))), 128))
         ]),
-        (p(), D(Tt, { to: "body" }, [
-          k.selectedActivity ? (p(), D(Ys, {
+        (p(), B(Tt, { to: "body" }, [
+          k.selectedActivity ? (p(), B(Ys, {
             key: 0,
             activity: k.selectedActivity,
             "activity-types": k.activityTypes,
@@ -12810,14 +12813,14 @@ const R4 = { class: "ao-project-mapping" }, j4 = { class: "ao-project-mapping-ma
               }, null, 8, ["icon-name", "label", "aria-checked"])
             ]),
             secondary: F(() => [
-              g.isEditable === !0 ? (p(), D(re, {
+              g.isEditable === !0 ? (p(), B(re, {
                 key: 0,
                 class: "ao-project-mapping-overview__save-as-template",
                 color: "primary",
                 label: g.$t("project.template.save.label"),
                 onClick: $[2] || ($[2] = (b) => u.value = !0)
               }, null, 8, ["label"])) : E("", !0),
-              g.isEditable === !0 ? (p(), D(re, {
+              g.isEditable === !0 ? (p(), B(re, {
                 key: 1,
                 class: "ao-project-mapping-overview__add-template",
                 color: "primary",
@@ -12851,14 +12854,14 @@ const R4 = { class: "ao-project-mapping" }, j4 = { class: "ao-project-mapping-ma
           ])
         ])
       ], 16),
-      (p(), D(Tt, { to: "body" }, [
-        u.value ? (p(), D(go, {
+      (p(), B(Tt, { to: "body" }, [
+        u.value ? (p(), B(go, {
           key: 0,
           phases: g.phases,
           onClose: $[4] || ($[4] = (b) => u.value = !1),
           onSave: v
         }, null, 8, ["phases"])) : E("", !0),
-        d.value ? (p(), D(mo, {
+        d.value ? (p(), B(mo, {
           key: 1,
           "project-id": g.project.id,
           templates: g.templates,
@@ -13067,7 +13070,7 @@ const q4 = { class: "ao-field__label" }, Y4 = /* @__PURE__ */ x({
     ), n = (i) => {
       a.modelModifiers.number && (i = Number(i)), e("update:modelValue", i);
     };
-    return (i, o) => (p(), D(Y4, { label: i.label }, {
+    return (i, o) => (p(), B(Y4, { label: i.label }, {
       default: F(() => [
         f("input", Me({
           class: "ao-field__input",