@26lights/orcha 0.41.96 → 0.41.98

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), A = ga(), D = (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);
   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);
   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;
@@ -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], A = 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(A[$]), c) {
         const N = D5(n, o, m);
-        B.push(A[N[0]], A[N[1]]);
+        D.push(A[N[0]], A[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)
@@ -4590,8 +4590,8 @@ const Z5 = function(t) {
         m = u || b ? da(g, A) : A;
       }
       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 A = He(r.left, 0), D = He(r.right, 0), R = He(r.top, 0), Z = He(r.bottom, 0);
+        c ? I = v - 2 * (A !== 0 || D !== 0 ? A + D : He(r.left, r.right)) : m = h - 2 * (R !== 0 || Z !== 0 ? R + Z : He(r.top, r.bottom));
       }
       await o({
         ...e,
@@ -5196,7 +5196,7 @@ function g7(t, e, a) {
     clearOnSearch: I,
     clearOnSelect: P,
     valueProp: A,
-    allowAbsent: B,
+    allowAbsent: D,
     groupLabel: R,
     canDeselect: Z,
     max: K,
@@ -5435,11 +5435,11 @@ function g7(t, e, a) {
         });
   }, Ho = (S) => {
     Ta(S);
-  }, Oa = (S) => Fe(S) ? n.value === "single" ? {} : [] : w.value ? S : n.value === "single" ? Ge(S) || (B.value ? {
+  }, Oa = (S) => Fe(S) ? n.value === "single" ? {} : [] : w.value ? S : n.value === "single" ? Ge(S) || (D.value ? {
     [u.value]: S,
     [A.value]: S,
     [wt.value[0]]: S
-  } : {}) : S.filter((j) => !!Ge(j) || B.value).map((j) => Ge(j) || {
+  } : {}) : S.filter((j) => !!Ge(j) || D.value).map((j) => Ge(j) || {
     [u.value]: j,
     [A.value]: j,
     [wt.value[0]]: j
@@ -5524,17 +5524,17 @@ 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, A = 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(() => {
@@ -5546,7 +5546,7 @@ function C7(t, e, a) {
     !$.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__ ? A.value[0] : D.value[0] : A.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 */
@@ -5573,7 +5573,7 @@ function C7(t, e, a) {
     $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({
+  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), D = vo({
     reference: A,
     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 : A, K = {
     top: P.top - Z.top + $.top,
     bottom: Z.bottom - P.bottom + $.bottom,
     left: P.left - Z.left + $.left,
@@ -6042,7 +6042,7 @@ 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;
+              var P = u.orderedModifiers[I], A = P.fn, D = P.options, R = D === void 0 ? {} : D, Z = P.name;
               typeof A == "function" && (u = A({
                 state: u,
                 options: R,
@@ -6153,12 +6153,12 @@ 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 A = ns(a), D = "clientHeight", R = "clientWidth";
+    if (A === Oe(a) && (A = _t(a), at(A).position !== "static" && l === "absolute" && (D = "scrollHeight", R = "scrollWidth")), A = A, n === Ne || (n === Xe || n === ht) && i === va) {
       I = Ye;
       var Z = c && A === P && P.visualViewport ? P.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        A[B]
+        A[D]
       );
       _ -= Z - s.height, _ *= 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), A = 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,
@@ -6290,14 +6290,14 @@ function pp(t) {
   };
   if (A) {
     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 = A[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);
+      }, 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);
       A[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);
+      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 - 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);
       A[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, A = 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,
@@ -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, A = 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;
@@ -6777,7 +6777,7 @@ function Sp(t, e, a) {
   }), A = 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) => {
@@ -6803,7 +6803,7 @@ function Sp(t, e, a) {
     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();
+      (A, D) => t0(ca(A.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,7 +8146,10 @@ 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 = "");
+      if (!P)
+        return;
+      const A = Array.from(P.matchAll(/@(\w+)/g)).map((R) => R[1]), D = c.value.filter((R) => A.includes(R.name)).map((R) => R.id);
+      e("createComment", { authorId: a.userId, message: P, mentionedUserIds: D }), o.value = "";
     }, d = (P, A) => {
       e("updateComment", {
         id: P,
@@ -8154,34 +8157,36 @@ const bv = { class: "ao-comments__header" }, wv = ["onSubmit"], $v = ["placehold
       });
     }, 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 A = [P.firstName, P.lastName].filter(Boolean).join("_");
+          return { id: P.id, name: A };
+        }
+      )
+    ), v = q(""), h = q(!1), w = q({ top: 0, left: 0 }), _ = q(), g = (P) => {
+      const A = P.target, D = A.selectionStart, Z = A.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(A, 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)
         return;
-      const B = A.selectionStart, R = o.value, Z = R.slice(0, B).replace(/@(\w*)$/, `@${P} `), K = R.slice(B);
+      const D = A.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);
       });
     };
     function I(P, A) {
-      const B = document.createElement("div"), R = document.createElement("span"), Z = window.getComputedStyle(P), K = [
+      const D = document.createElement("div"), R = document.createElement("span"), Z = window.getComputedStyle(P), K = [
         "boxSizing",
         "width",
         "height",
@@ -8209,20 +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((O) => {
-        B.style[O] = Z.getPropertyValue(O);
-      }), B.style.width = Z.getPropertyValue("width"), B.scrollTop = P.scrollTop, B.scrollLeft = P.scrollLeft;
+      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, 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;
-      return document.body.removeChild(B), {
-        top: ee + 50,
+      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;
+      var D;
       return p(), C("div", {
         ref_key: "commentsContainer",
         ref: i,
@@ -8262,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,
@@ -8300,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())
@@ -8457,10 +8462,10 @@ 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(() => {
       var y;
@@ -8469,7 +8474,7 @@ const As = /* @__PURE__ */ x({
         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] : [];
@@ -8546,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(() => {
@@ -8555,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,
@@ -8732,8 +8737,8 @@ 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,
                     "close-on-select": !0,
@@ -8960,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,
@@ -9026,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"),
@@ -9036,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,
@@ -9258,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) => {
@@ -9375,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,
@@ -9387,7 +9392,7 @@ 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,
@@ -9400,8 +9405,8 @@ const Pf = {
             ])
           ])
         ]),
-        (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,
@@ -9429,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 || [],
@@ -9462,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",
         {
@@ -9626,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",
@@ -9712,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",
@@ -9807,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",
@@ -9874,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";
@@ -9984,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,
@@ -10000,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)
   ]);
@@ -10040,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,
@@ -10111,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)
@@ -10146,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)
@@ -10360,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 }],
@@ -10403,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,
@@ -10554,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)
     }, {
@@ -10708,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"
       ]),
@@ -10775,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(
@@ -10855,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)
     }, {
@@ -11106,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",
@@ -11219,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"),
@@ -11271,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,7 +11420,7 @@ const sn = /* @__PURE__ */ W(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
       () => n.value.flatMap((O) => O.activities)
     ), A = (O) => {
       e("addFiles", O);
-    }, B = (O) => {
+    }, D = (O) => {
       e("removeFile", O);
     }, R = (O) => {
       e("addComment", O);
@@ -11462,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",
@@ -11512,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,
@@ -11530,13 +11535,13 @@ const sn = /* @__PURE__ */ W(w9, [["render", S9], ["__scopeId", "data-v-ff4e3297
               onUpdateSubtask: m,
               onDeleteSubtask: I,
               onAddFiles: A,
-              onRemoveFile: B,
+              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)))
                   ]),
@@ -11547,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,
@@ -11636,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",
@@ -11651,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"
@@ -11926,13 +11931,13 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
                 }, {
                   tag: F(({
                     option: A,
-                    handleTagRemove: B
+                    handleTagRemove: D
                   }) => [
                     T(et, {
                       "user-name": A.label,
                       "avatar-url": A.avatar,
                       "is-closable": !0,
-                      onClose: (R) => B(A, R)
+                      onClose: (R) => D(A, R)
                     }, null, 8, ["user-name", "avatar-url", "onClose"])
                   ]),
                   _: 1
@@ -11943,9 +11948,9 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
               color: v.value,
               "onUpdate:color": I[3] || (I[3] = (A) => v.value = A)
             }, {
-              clickable: F(({ openPicker: A, bgColor: B }) => [
+              clickable: F(({ openPicker: A, bgColor: D }) => [
                 f("button", {
-                  style: We({ background: B }),
+                  style: We({ background: D }),
                   class: "color-button",
                   onClick: (R) => b(R, A)
                 }, null, 12, l4)
@@ -11963,12 +11968,12 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
             group: "kanban"
           }, m.$attrs, { onChange: c }), {
             item: F(({ element: A }) => {
-              var B, R, Z, K, te;
+              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,
+                  "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,
@@ -11992,7 +11997,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
                   m.isEditable ? {
                     name: "secondary",
                     fn: F(() => [
-                      m.isEditable && A.active ? (p(), D(re, {
+                      m.isEditable && A.active ? (p(), B(re, {
                         key: 0,
                         color: "primary",
                         variant: "ghost",
@@ -12003,7 +12008,7 @@ const X9 = { class: "ao-project-milestone" }, Q9 = { class: "ao-project-mileston
                         label: m.$t("archive"),
                         onClick: ve(() => m.$emit("archiveActivity", { id: A.id }), ["stop"])
                       }, null, 8, ["label", "onClick"])) : E("", !0),
-                      m.isEditable && !A.active ? (p(), D(re, {
+                      m.isEditable && !A.active ? (p(), B(re, {
                         key: 1,
                         color: "primary",
                         variant: "ghost",
@@ -12091,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,
@@ -12137,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",
@@ -12313,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,
@@ -12371,7 +12376,7 @@ const $4 = {
               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",
@@ -12382,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",
@@ -12414,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,7 +12555,7 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
       e("unarchiveActivity", k);
     }, A = (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);
@@ -12596,9 +12601,9 @@ const H4 = { class: "ao-feed" }, V4 = { class: "ao-feed__filters" }, D4 = { clas
                 placeholder: k.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
                 "onUpdate:modelValue": A,
-                onClear: B
+                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",
@@ -12609,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",
@@ -12620,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",
@@ -12685,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],
@@ -12702,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,
@@ -12808,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",
@@ -12849,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,
@@ -13065,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",