@26lights/orcha 0.22.0 → 0.23.0

package/dist/orcha.es.js

@@ -1,13 +1,13 @@
-import { defineComponent as K, openBlock as c, createBlock as R, unref as q, mergeProps as Ee, createElementBlock as m, createElementVNode as f, pushScopeId as us, popScopeId as ds, createStaticVNode as cs, computed as b, resolveDynamicComponent as Xe, normalizeClass as x, renderSlot as X, toDisplayString as Z, createCommentVNode as k, ref as J, watch as ue, nextTick as Oe, withKeys as Ye, toHandlers as fs, withCtx as U, createTextVNode as e1, createVNode as S, normalizeStyle as ca, withModifiers as _e, createSlots as t1, Fragment as ve, renderList as ye, onMounted as Dt, onBeforeUnmount as vs, onUnmounted as fa, toRefs as $e, getCurrentInstance as st, toRef as vt, normalizeProps as a1, guardReactiveProps as s1, onUpdated as ps, withDirectives as tt, vModelText as Et, vModelCheckbox as Q1, Teleport as It, resolveComponent as hs, getCurrentScope as ms, onScopeDispose as Cs, provide as _s, toHandlerKey as gs } from "vue";
+import { defineComponent as Y, openBlock as c, createBlock as N, unref as q, mergeProps as Ee, createElementBlock as m, createElementVNode as f, pushScopeId as us, popScopeId as ds, createStaticVNode as cs, computed as b, resolveDynamicComponent as Xe, normalizeClass as G, renderSlot as x, toDisplayString as Z, createCommentVNode as k, ref as J, watch as ue, nextTick as Oe, withKeys as Ye, toHandlers as fs, withCtx as U, createTextVNode as e1, createVNode as S, normalizeStyle as ca, withModifiers as _e, createSlots as t1, Fragment as ve, renderList as ye, onMounted as Dt, onBeforeUnmount as vs, onUnmounted as fa, toRefs as $e, getCurrentInstance as st, toRef as vt, normalizeProps as a1, guardReactiveProps as s1, onUpdated as ps, withDirectives as tt, vModelText as Et, vModelCheckbox as Q1, Teleport as It, resolveComponent as hs, getCurrentScope as ms, onScopeDispose as Cs, provide as _s, toHandlerKey as gs } from "vue";
 import { RouterView as ys } from "vue-router";
 import Qe from "vuedraggable";
-const o8 = /* @__PURE__ */ K({
+const o8 = /* @__PURE__ */ Y({
   __name: "AoTemplates",
   props: {
     templates: {}
   },
   setup(a) {
-    return (e, t) => (c(), R(q(ys), Ee({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
+    return (e, t) => (c(), N(q(ys), Ee({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
   }
 }), P = (a, e) => {
   const t = a.__vccOpts || a;
@@ -614,7 +614,7 @@ const Ul = /* @__PURE__ */ P(Hl, [["render", Rl]]), jl = {}, Zl = {
 function zl(a, e) {
   return c(), m("svg", Zl, ql);
 }
-const Wl = /* @__PURE__ */ P(jl, [["render", zl]]), Yl = K({
+const Wl = /* @__PURE__ */ P(jl, [["render", zl]]), Yl = Y({
   name: "LoadingIcon"
 });
 const I1 = (a) => (us("data-v-ad6da4a9"), a = a(), ds(), a), Kl = {
@@ -1146,7 +1146,7 @@ const od = /* @__PURE__ */ P(td, [["render", id]]), ld = /* @__PURE__ */ Object.
 }, va = {
   ROUND: "round",
   ROUNDED: "rounded"
-}, ce = /* @__PURE__ */ K({
+}, ce = /* @__PURE__ */ Y({
   __name: "AoIcon",
   props: {
     name: {},
@@ -1154,15 +1154,15 @@ const od = /* @__PURE__ */ P(td, [["render", id]]), ld = /* @__PURE__ */ Object.
   },
   setup(a) {
     const e = a, t = b(() => ld[e.name]);
-    return (n, s) => (c(), R(Xe(t.value), {
-      class: x(["ao-icon", `ao-icon--${n.size}`])
+    return (n, s) => (c(), N(Xe(t.value), {
+      class: G(["ao-icon", `ao-icon--${n.size}`])
     }, null, 8, ["class"]));
   }
 });
 const dd = ["type"], cd = {
   key: 0,
   class: "ao-button__label"
-}, fe = /* @__PURE__ */ K({
+}, fe = /* @__PURE__ */ Y({
   __name: "AoButton",
   props: {
     label: { default: () => "" },
@@ -1180,7 +1180,7 @@ const dd = ["type"], cd = {
     const e = a, t = b(() => e.size), n = b(() => e.isLoading ? "Loading" : e.iconName);
     return (s, o) => (c(), m("button", {
       type: s.type,
-      class: x([
+      class: G([
         "ao-button",
         `ao-button--${s.variant}`,
         s.color ? `ao-button--${s.color}` : "",
@@ -1191,10 +1191,10 @@ const dd = ["type"], cd = {
         s.$attrs.disabled ? "ao-button--is-disabled" : ""
       ])
     }, [
-      X(s.$slots, "default", {}, () => [
+      x(s.$slots, "default", {}, () => [
         s.label ? (c(), m("span", cd, Z(s.label), 1)) : k("", !0)
       ]),
-      n.value ? (c(), R(ce, {
+      n.value ? (c(), N(ce, {
         key: 0,
         name: n.value,
         class: "ao-button__icon",
@@ -1232,7 +1232,7 @@ function pa(a) {
     onDiscard: i
   };
 }
-const Ce = /* @__PURE__ */ K({
+const Ce = /* @__PURE__ */ Y({
   __name: "AoTitle",
   props: {
     id: {},
@@ -1266,7 +1266,7 @@ const Ce = /* @__PURE__ */ K({
       ($) => {
         $ || v();
       }
-    ), ($, A) => (c(), R(Xe(r.value), Ee({
+    ), ($, A) => (c(), N(Xe(r.value), Ee({
       id: $.id,
       ref_key: "target",
       ref: n,
@@ -1315,7 +1315,7 @@ const fd = {
 }, yd = {
   key: 3,
   class: "ao-card-horiz__secondary"
-}, ha = /* @__PURE__ */ K({
+}, ha = /* @__PURE__ */ Y({
   __name: "AoCardHoriz",
   props: {
     id: {},
@@ -1332,8 +1332,8 @@ const fd = {
     const t = (n) => {
       e("update:title", n);
     };
-    return (n, s) => (c(), R(Xe(n.tagName), {
-      class: x(["ao-card-horiz", { "ao-card-horiz--active": n.isActive }])
+    return (n, s) => (c(), N(Xe(n.tagName), {
+      class: G(["ao-card-horiz", { "ao-card-horiz--active": n.isActive }])
     }, {
       default: U(() => [
         n.isDraggable ? (c(), m("div", fd, [
@@ -1359,29 +1359,29 @@ const fd = {
               "is-editable": !0,
               "onUpdate:title": t
             }, null, 8, ["id", "title"]),
-            X(n.$slots, "subtitle", {}, () => [
+            x(n.$slots, "subtitle", {}, () => [
               n.subtitle ? (c(), m("span", md, Z(n.subtitle), 1)) : k("", !0)
             ])
           ]),
           n.$slots.header ? (c(), m("div", Cd, [
-            X(n.$slots, "header")
+            x(n.$slots, "header")
           ])) : k("", !0)
         ]),
         n.$slots.default ? (c(), m("div", _d, [
-          X(n.$slots, "default")
+          x(n.$slots, "default")
         ])) : k("", !0),
         n.$slots.footer ? (c(), m("div", gd, [
-          X(n.$slots, "footer")
+          x(n.$slots, "footer")
         ])) : k("", !0),
         n.$slots.secondary ? (c(), m("div", yd, [
-          X(n.$slots, "secondary")
+          x(n.$slots, "secondary")
         ])) : k("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
-const O1 = /* @__PURE__ */ K({
+const O1 = /* @__PURE__ */ Y({
   __name: "AoTag",
   props: {
     label: {},
@@ -1397,7 +1397,7 @@ const O1 = /* @__PURE__ */ K({
       () => t.value === "button" ? { type: "button" } : {}
     );
     return (s, o) => (c(), m("div", {
-      class: x([
+      class: G([
         "ao-tag",
         s.color ? `ao-tag--${s.color}` : "",
         s.clickable ? "ao-tag--clickable" : "",
@@ -1406,7 +1406,7 @@ const O1 = /* @__PURE__ */ K({
       ]),
       style: ca(s.rawColor ? { "--ao-tag-bg": s.rawColor } : {})
     }, [
-      (c(), R(Xe(t.value), Ee({ class: "ao-tag__label" }, n.value, {
+      (c(), N(Xe(t.value), Ee({ class: "ao-tag__label" }, n.value, {
         onClick: o[0] || (o[0] = (i) => s.$emit("click", i))
       }), {
         default: U(() => [
@@ -2699,15 +2699,15 @@ var Vc = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Dc = /P+p+|P+|
 function Nc(a, e, t) {
   var n, s, o, i, l, r, d, u, v, p, C, w, $, A, g, y, L, j;
   ge(2, arguments);
-  var W = String(e), H = i1(), G = (n = (s = t == null ? void 0 : t.locale) !== null && s !== void 0 ? s : H.locale) !== null && n !== void 0 ? n : Lc, te = Ke((o = (i = (l = (r = t == null ? void 0 : t.firstWeekContainsDate) !== null && r !== void 0 ? r : t == null || (d = t.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && l !== void 0 ? l : H.firstWeekContainsDate) !== null && i !== void 0 ? i : (v = H.locale) === null || v === void 0 || (p = v.options) === null || p === void 0 ? void 0 : p.firstWeekContainsDate) !== null && o !== void 0 ? o : 1);
+  var W = String(e), H = i1(), X = (n = (s = t == null ? void 0 : t.locale) !== null && s !== void 0 ? s : H.locale) !== null && n !== void 0 ? n : Lc, te = Ke((o = (i = (l = (r = t == null ? void 0 : t.firstWeekContainsDate) !== null && r !== void 0 ? r : t == null || (d = t.locale) === null || d === void 0 || (u = d.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && l !== void 0 ? l : H.firstWeekContainsDate) !== null && i !== void 0 ? i : (v = H.locale) === null || v === void 0 || (p = v.options) === null || p === void 0 ? void 0 : p.firstWeekContainsDate) !== null && o !== void 0 ? o : 1);
   if (!(te >= 1 && te <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
   var E = Ke((C = (w = ($ = (A = t == null ? void 0 : t.weekStartsOn) !== null && A !== void 0 ? A : t == null || (g = t.locale) === null || g === void 0 || (y = g.options) === null || y === void 0 ? void 0 : y.weekStartsOn) !== null && $ !== void 0 ? $ : H.weekStartsOn) !== null && w !== void 0 ? w : (L = H.locale) === null || L === void 0 || (j = L.options) === null || j === void 0 ? void 0 : j.weekStartsOn) !== null && C !== void 0 ? C : 0);
   if (!(E >= 0 && E <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  if (!G.localize)
+  if (!X.localize)
     throw new RangeError("locale must contain localize property");
-  if (!G.formatLong)
+  if (!X.formatLong)
     throw new RangeError("locale must contain formatLong property");
   var ee = Be(a);
   if (!_a(ee))
@@ -2715,13 +2715,13 @@ function Nc(a, e, t) {
   var de = Td(ee), h = Ed(ee, de), O = {
     firstWeekContainsDate: te,
     weekStartsOn: E,
-    locale: G,
+    locale: X,
     _originalDate: ee
   }, z = W.match(Dc).map(function(ae) {
     var re = ae[0];
     if (re === "p" || re === "P") {
       var oe = Fd[re];
-      return oe(ae, G.formatLong);
+      return oe(ae, X.formatLong);
     }
     return ae;
   }).join("").match(Vc).map(function(ae) {
@@ -2732,7 +2732,7 @@ function Nc(a, e, t) {
       return Rc(ae);
     var oe = Ud[re];
     if (oe)
-      return !(t != null && t.useAdditionalWeekYearTokens) && Yd(ae) && aa(ae, e, String(a)), !(t != null && t.useAdditionalDayOfYearTokens) && Wd(ae) && aa(ae, e, String(a)), oe(h, ae, G.localize, O);
+      return !(t != null && t.useAdditionalWeekYearTokens) && Yd(ae) && aa(ae, e, String(a)), !(t != null && t.useAdditionalDayOfYearTokens) && Wd(ae) && aa(ae, e, String(a)), oe(h, ae, X.localize, O);
     if (re.match(Bc))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + re + "`");
     return ae;
@@ -3642,7 +3642,7 @@ function v0(a, e) {
 const p0 = ["title"], h0 = {
   key: 0,
   className: "ao-avatar__initials"
-}, m0 = ["src"], gt = /* @__PURE__ */ K({
+}, m0 = ["src"], gt = /* @__PURE__ */ Y({
   __name: "AoAvatar",
   props: {
     userName: {},
@@ -3657,7 +3657,7 @@ const p0 = ["title"], h0 = {
     };
     return (o, i) => (c(), m("div", {
       role: "img",
-      class: x(o.avatarUrl ? ["ao-avatar-img", `ao-avatar-img--${o.size}`] : ["ao-avatar", `ao-avatar--${o.size}`]),
+      class: G(o.avatarUrl ? ["ao-avatar-img", `ao-avatar-img--${o.size}`] : ["ao-avatar", `ao-avatar--${o.size}`]),
       title: o.userName
     }, [
       o.avatarUrl ? k("", !0) : (c(), m("span", h0, Z(q(n)), 1)),
@@ -3666,7 +3666,7 @@ const p0 = ["title"], h0 = {
         className: "ao-avatar__image",
         src: o.avatarUrl
       }, null, 8, m0)) : k("", !0),
-      o.isClosable ? (c(), R(fe, {
+      o.isClosable ? (c(), N(fe, {
         key: 2,
         "icon-name": "CloseRounded",
         class: "ao-avatar__close",
@@ -3686,7 +3686,7 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
 }, E0 = { class: "ao-card-template__col-title" }, I0 = { class: "ao-card-template__col-label" }, O0 = { class: "ao-card-template__col-body" }, L0 = {
   key: 1,
   class: "ao-card-template__col ao-card-template__col--updated-by"
-}, V0 = { class: "ao-card-template__col-title" }, D0 = { class: "ao-card-template__col-label" }, H0 = { class: "ao-card-template__col-body" }, P0 = /* @__PURE__ */ K({
+}, V0 = { class: "ao-card-template__col-title" }, D0 = { class: "ao-card-template__col-label" }, H0 = { class: "ao-card-template__col-body" }, P0 = /* @__PURE__ */ Y({
   __name: "AoCardTemplate",
   props: {
     id: {},
@@ -3702,7 +3702,7 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
     const t = (n) => {
       e("updateTitle", n);
     };
-    return (n, s) => (c(), R(ha, {
+    return (n, s) => (c(), N(ha, {
       id: n.id,
       title: n.title,
       "is-draggable": !0,
@@ -3737,7 +3737,7 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
               f("span", k0, Z(n.$t("template.phases.title")), 1)
             ]),
             n.phases ? (c(), m("ul", A0, [
-              (c(!0), m(ve, null, ye(n.phases, (o) => (c(), R(O1, {
+              (c(!0), m(ve, null, ye(n.phases, (o) => (c(), N(O1, {
                 key: o.id,
                 label: o.name || o.id,
                 color: "primary",
@@ -3779,7 +3779,7 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
 const B0 = { class: "ao-page-header" }, N0 = { class: "ao-page-header-main" }, R0 = {
   key: 0,
   class: "ao-page-header-secondary"
-}, d1 = /* @__PURE__ */ K({
+}, d1 = /* @__PURE__ */ Y({
   __name: "AoPageHeader",
   props: {
     canGoBack: { type: Boolean }
@@ -3788,16 +3788,16 @@ const B0 = { class: "ao-page-header" }, N0 = { class: "ao-page-header-main" }, R
   setup(a) {
     return (e, t) => (c(), m("header", B0, [
       f("div", N0, [
-        e.canGoBack ? (c(), R(fe, {
+        e.canGoBack ? (c(), N(fe, {
           key: 0,
           "icon-name": "ArrowBackRounded",
           variant: "ghost",
           onClick: t[0] || (t[0] = (n) => e.$emit("goBack"))
         })) : k("", !0),
-        X(e.$slots, "primary")
+        x(e.$slots, "primary")
       ]),
       e.$slots.secondary ? (c(), m("div", R0, [
-        X(e.$slots, "secondary")
+        x(e.$slots, "secondary")
       ])) : k("", !0)
     ]));
   }
@@ -3805,7 +3805,7 @@ const B0 = { class: "ao-page-header" }, N0 = { class: "ao-page-header-main" }, R
 const U0 = ["type"], j0 = {
   key: 0,
   class: "ao-button-card__label"
-}, Je = /* @__PURE__ */ K({
+}, Je = /* @__PURE__ */ Y({
   __name: "AoButtonCard",
   props: {
     label: { default: () => "" },
@@ -3821,17 +3821,17 @@ const U0 = ["type"], j0 = {
     const e = a, t = b(() => e.size), n = b(() => e.isLoading ? "Loading" : e.iconName);
     return (s, o) => (c(), m("button", {
       type: s.type,
-      class: x([
+      class: G([
         "ao-button-card",
         `ao-button-card--${s.color}`,
         `ao-button-card--${s.corners}`,
         s.$attrs.disabled ? "ao-button-card--is-disabled" : ""
       ])
     }, [
-      X(s.$slots, "default", {}, () => [
+      x(s.$slots, "default", {}, () => [
         s.label ? (c(), m("span", j0, Z(s.label), 1)) : k("", !0)
       ]),
-      n.value ? (c(), R(ce, {
+      n.value ? (c(), N(ce, {
         key: 0,
         name: n.value,
         class: "ao-button-card__icon",
@@ -3843,7 +3843,7 @@ const U0 = ["type"], j0 = {
 const Z0 = { class: "ao-card-template-item__footer" }, F0 = {
   key: 0,
   class: "ao-card-template-item__subitem"
-}, q0 = { class: "ao-card-template-item__subitem-number" }, z0 = { class: "ao-card-template-item__secondary" }, V1 = /* @__PURE__ */ K({
+}, q0 = { class: "ao-card-template-item__subitem-number" }, z0 = { class: "ao-card-template-item__secondary" }, V1 = /* @__PURE__ */ Y({
   __name: "AoCardTemplateItem",
   props: {
     milestones: {},
@@ -3863,7 +3863,7 @@ const Z0 = { class: "ao-card-template-item__footer" }, F0 = {
     }, o = () => {
       e("remove");
     };
-    return (i, l) => (c(), R(ha, { "onUpdate:title": t }, {
+    return (i, l) => (c(), N(ha, { "onUpdate:title": t }, {
       footer: U(() => [
         f("ul", Z0, [
           (c(), m(ve, null, ye(n, (r) => (c(), m(ve, { key: r }, [
@@ -3892,7 +3892,7 @@ const Z0 = { class: "ao-card-template-item__footer" }, F0 = {
     }));
   }
 });
-const W0 = /* @__PURE__ */ K({
+const W0 = /* @__PURE__ */ Y({
   __name: "AoCardTemplateItemPhase",
   props: {
     id: {},
@@ -3904,19 +3904,19 @@ const W0 = /* @__PURE__ */ K({
       var s;
       return (s = e.milestones) == null ? void 0 : s.length;
     }), n = b(() => e.milestones ? Ta(e.milestones) : 0);
-    return (s, o) => (c(), R(V1, Ee({
+    return (s, o) => (c(), N(V1, Ee({
       id: s.id,
       title: s.name,
       activities: n.value,
       milestones: t.value
     }, s.$attrs), {
       default: U(() => [
-        X(s.$slots, "default")
+        x(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["id", "title", "activities", "milestones"]));
   }
-}), Y0 = /* @__PURE__ */ K({
+}), Y0 = /* @__PURE__ */ Y({
   __name: "AoCardTemplateItemMilestone",
   props: {
     activities: {}
@@ -3926,14 +3926,14 @@ const W0 = /* @__PURE__ */ K({
       var n;
       return ((n = e.activities) == null ? void 0 : n.length) || 0;
     });
-    return (n, s) => (c(), R(V1, { activities: t.value }, {
+    return (n, s) => (c(), N(V1, { activities: t.value }, {
       default: U(() => [
-        X(n.$slots, "default")
+        x(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["activities"]));
   }
-}), K0 = { class: "ao-list__footer" }, G0 = /* @__PURE__ */ K({
+}), K0 = { class: "ao-list__footer" }, G0 = /* @__PURE__ */ Y({
   __name: "AoTemplateDetailsMilestones",
   props: {
     templateId: {},
@@ -3957,7 +3957,7 @@ const W0 = /* @__PURE__ */ K({
         });
       }
     };
-    return (l, r) => l.phase ? (c(), R(q(Qe), {
+    return (l, r) => l.phase ? (c(), N(q(Qe), {
       key: 0,
       "model-value": l.phase.milestones,
       class: "ao-templates__list",
@@ -3974,7 +3974,7 @@ const W0 = /* @__PURE__ */ K({
         })
       ]),
       item: U(({ element: d }) => [
-        (c(), R(Y0, {
+        (c(), N(Y0, {
           id: d.id,
           key: d.id,
           title: d.name,
@@ -4002,7 +4002,7 @@ const W0 = /* @__PURE__ */ K({
       _: 1
     }, 8, ["model-value", "title"])) : k("", !0);
   }
-}), x0 = /* @__PURE__ */ K({
+}), x0 = /* @__PURE__ */ Y({
   __name: "AoCardTemplateItemActivity",
   props: {
     name: {},
@@ -4013,14 +4013,14 @@ const W0 = /* @__PURE__ */ K({
       var n;
       return ((n = e.tasks) == null ? void 0 : n.length) || 0;
     });
-    return (n, s) => (c(), R(V1, { tasks: t.value }, {
+    return (n, s) => (c(), N(V1, { tasks: t.value }, {
       default: U(() => [
-        X(n.$slots, "default")
+        x(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["tasks"]));
   }
-}), X0 = { class: "ao-list__footer" }, Q0 = /* @__PURE__ */ K({
+}), X0 = { class: "ao-list__footer" }, Q0 = /* @__PURE__ */ Y({
   __name: "AoTemplateDetailsActivities",
   props: {
     templateId: {},
@@ -4047,7 +4047,7 @@ const W0 = /* @__PURE__ */ K({
         });
       }
     };
-    return (l, r) => l.milestone ? (c(), R(q(Qe), {
+    return (l, r) => l.milestone ? (c(), N(q(Qe), {
       key: 0,
       "model-value": l.milestone.activities,
       title: l.$t("template.activities.title"),
@@ -4064,7 +4064,7 @@ const W0 = /* @__PURE__ */ K({
         })
       ]),
       item: U(({ element: d }) => [
-        (c(), R(x0, {
+        (c(), N(x0, {
           id: d.id,
           key: d.id,
           title: d.name,
@@ -4094,7 +4094,7 @@ const W0 = /* @__PURE__ */ K({
 }, s3 = { class: "ao-modal__body" }, n3 = {
   key: 0,
   class: "ao-modal__footer"
-}, D1 = /* @__PURE__ */ K({
+}, D1 = /* @__PURE__ */ Y({
   __name: "AoModal",
   props: {
     size: { default: "md" }
@@ -4102,7 +4102,7 @@ const W0 = /* @__PURE__ */ K({
   emits: ["close"],
   setup(a) {
     return (e, t) => (c(), m("div", {
-      class: x(["ao-modal__wrapper", `ao-modal__wrapper--${e.size}`])
+      class: G(["ao-modal__wrapper", `ao-modal__wrapper--${e.size}`])
     }, [
       f("div", {
         class: "ao-modal__backdrop",
@@ -4119,14 +4119,14 @@ const W0 = /* @__PURE__ */ K({
             })
           ]),
           e.$slots.header ? (c(), m("header", a3, [
-            X(e.$slots, "header")
+            x(e.$slots, "header")
           ])) : k("", !0)
         ]),
         f("div", s3, [
-          X(e.$slots, "default")
+          x(e.$slots, "default")
         ]),
         e.$slots.footer ? (c(), m("footer", n3, [
-          X(e.$slots, "footer")
+          x(e.$slots, "footer")
         ])) : k("", !0)
       ])
     ], 2));
@@ -4406,16 +4406,16 @@ const h3 = function(a) {
         return {};
       const g = mt(s), y = mt(l) === l, L = await (r.isRTL == null ? void 0 : r.isRTL(d.floating)), j = p || (y || !$ ? [Xt(l)] : u3(l));
       !p && w !== "none" && j.push(...c3(l, $, w, L));
-      const W = [l, ...j], H = await Oa(e, A), G = [];
+      const W = [l, ...j], H = await Oa(e, A), X = [];
       let te = ((n = o.flip) == null ? void 0 : n.overflows) || [];
-      if (u && G.push(H[g]), v) {
+      if (u && X.push(H[g]), v) {
         const h = r3(s, i, L);
-        G.push(H[h[0]], H[h[1]]);
+        X.push(H[h[0]], H[h[1]]);
       }
       if (te = [...te, {
         placement: s,
-        overflows: G
-      }], !G.every((h) => h <= 0)) {
+        overflows: X
+      }], !X.every((h) => h <= 0)) {
         var E, ee;
         const h = (((E = o.flip) == null ? void 0 : E.index) || 0) + 1, O = W[h];
         if (O)
@@ -4481,8 +4481,8 @@ const h3 = function(a) {
         L = u || y ? Lt(A, H) : H;
       }
       if (y && !u) {
-        const H = Ae(r.left, 0), G = Ae(r.right, 0), te = Ae(r.top, 0), E = Ae(r.bottom, 0);
-        v ? j = p - 2 * (H !== 0 || G !== 0 ? H + G : Ae(r.left, r.right)) : L = C - 2 * (te !== 0 || E !== 0 ? te + E : Ae(r.top, r.bottom));
+        const H = Ae(r.left, 0), X = Ae(r.right, 0), te = Ae(r.top, 0), E = Ae(r.bottom, 0);
+        v ? j = p - 2 * (H !== 0 || X !== 0 ? H + X : Ae(r.left, r.right)) : L = C - 2 * (te !== 0 || E !== 0 ? te + E : Ae(r.top, r.bottom));
       }
       await i({
         ...e,
@@ -5088,7 +5088,7 @@ function F3(a, e, t) {
     clearOnSearch: j,
     clearOnSelect: W,
     valueProp: H,
-    allowAbsent: G,
+    allowAbsent: X,
     groupLabel: te,
     canDeselect: E,
     max: ee,
@@ -5104,8 +5104,8 @@ function F3(a, e, t) {
     onCreate: F,
     disabledProp: ne,
     searchStart: M,
-    searchFilter: Y
-  } = $e(a), ie = st().proxy, B = t.iv, T = t.ev, N = t.search, pe = t.clearSearch, Me = t.update, ja = t.pointer, it = t.clearPointer, Za = t.focus, Fa = t.deactivate, ot = t.close, qa = t.localize, yt = J([]), Fe = J([]), Le = J(!1), p1 = J(null), h1 = J(re.value && i.value === -1 ? 10 : i.value), F1 = b(() => r.value || d.value || !1), za = b(() => v.value !== void 0 ? v.value : p.value !== void 0 ? p.value : !0), qe = b(() => {
+    searchFilter: K
+  } = $e(a), ie = st().proxy, B = t.iv, T = t.ev, R = t.search, pe = t.clearSearch, Me = t.update, ja = t.pointer, it = t.clearPointer, Za = t.focus, Fa = t.deactivate, ot = t.close, qa = t.localize, yt = J([]), Fe = J([]), Le = J(!1), p1 = J(null), h1 = J(re.value && i.value === -1 ? 10 : i.value), F1 = b(() => r.value || d.value || !1), za = b(() => v.value !== void 0 ? v.value : p.value !== void 0 ? p.value : !0), qe = b(() => {
     if (z.value) {
       let _ = Rt.value || /* istanbul ignore next */
       [], D = [];
@@ -5165,10 +5165,10 @@ function F3(a, e, t) {
       case "tags":
         return !De(B.value) && B.value.length > 0;
     }
-  }), Ya = b(() => C !== void 0 && C.value !== void 0 ? C.value(B.value, ie) : B.value && B.value.length > 1 ? `${B.value.length} options selected` : "1 option selected"), Ka = b(() => !qe.value.length && !Le.value && !lt.value.length), Ga = b(() => qe.value.length > 0 && bt.value.length == 0 && (N.value && z.value || !z.value)), lt = b(() => F1.value === !1 || !N.value ? [] : ns(N.value) !== -1 ? [] : [{
-    [H.value]: N.value,
-    [Ve.value]: N.value,
-    [u.value]: N.value,
+  }), Ya = b(() => C !== void 0 && C.value !== void 0 ? C.value(B.value, ie) : B.value && B.value.length > 1 ? `${B.value.length} options selected` : "1 option selected"), Ka = b(() => !qe.value.length && !Le.value && !lt.value.length), Ga = b(() => qe.value.length > 0 && bt.value.length == 0 && (R.value && z.value || !z.value)), lt = b(() => F1.value === !1 || !R.value ? [] : ns(R.value) !== -1 ? [] : [{
+    [H.value]: R.value,
+    [Ve.value]: R.value,
+    [u.value]: R.value,
     __CREATE__: !0
   }]), Ve = b(() => o.value || u.value), xa = b(() => {
     switch (s.value) {
@@ -5284,14 +5284,14 @@ function F3(a, e, t) {
   ), is = (_) => ["tags", "multiple"].indexOf(s.value) !== -1 && l.value && Ne(_), os = (_) => {
     yt.value.push(_);
   }, ls = (_) => I.value ? _.filter(
-    (D) => N.value ? D.__VISIBLE__.length : D[oe.value].length
-  ) : _.filter((D) => N.value ? D.__VISIBLE__.length : !0), y1 = (_, D = !0) => {
+    (D) => R.value ? D.__VISIBLE__.length : D[oe.value].length
+  ) : _.filter((D) => R.value ? D.__VISIBLE__.length : !0), y1 = (_, D = !0) => {
     let se = _;
-    if (N.value && L.value) {
-      let he = Y.value;
+    if (R.value && L.value) {
+      let he = K.value;
       he || (he = (wt, a8) => {
         let X1 = k1(qa(wt[Ve.value]), de.value);
-        return M.value ? X1.startsWith(k1(N.value, de.value)) : X1.indexOf(k1(N.value, de.value)) !== -1;
+        return M.value ? X1.startsWith(k1(R.value, de.value)) : X1.indexOf(k1(R.value, de.value)) !== -1;
       }), se = se.filter(he);
     }
     return l.value && D && (se = se.filter((he) => !is(he))), se;
@@ -5304,7 +5304,7 @@ function F3(a, e, t) {
   }, Ut = () => {
     De(T.value) || (B.value = Zt(T.value));
   }, jt = (_) => (Le.value = !0, new Promise((D, se) => {
-    n.value(N.value, ie).then((he) => {
+    n.value(R.value, ie).then((he) => {
       Fe.value = he || [], typeof _ == "function" && _(he), Le.value = !1;
     }).catch((he) => {
       console.error(he), Fe.value = [], Le.value = !1;
@@ -5329,19 +5329,19 @@ function F3(a, e, t) {
         });
   }, rs = (_) => {
     jt(_);
-  }, Zt = (_) => De(_) ? s.value === "single" ? {} : [] : w.value ? _ : s.value === "single" ? Re(_) || (G.value ? {
+  }, Zt = (_) => De(_) ? s.value === "single" ? {} : [] : w.value ? _ : s.value === "single" ? Re(_) || (X.value ? {
     [u.value]: _,
     [H.value]: _,
     [Ve.value]: _
-  } : {}) : _.filter((D) => !!Re(D) || G.value).map((D) => Re(D) || {
+  } : {}) : _.filter((D) => !!Re(D) || X.value).map((D) => Re(D) || {
     [u.value]: D,
     [H.value]: D,
     [Ve.value]: D
   }), x1 = () => {
-    p1.value = ue(N, (_) => {
+    p1.value = ue(R, (_) => {
       _.length < y.value || !_ && y.value !== 0 || (Le.value = !0, j.value && (Fe.value = []), setTimeout(() => {
-        _ == N.value && n.value(N.value, ie).then((D) => {
-          (_ == N.value || !N.value) && (Fe.value = D, ja.value = bt.value.filter((se) => se[ne.value] !== !0)[0] || null, Le.value = !1);
+        _ == R.value && n.value(R.value, ie).then((D) => {
+          (_ == R.value || !R.value) && (Fe.value = D, ja.value = bt.value.filter((se) => se[ne.value] !== !0)[0] || null, Le.value = !1);
         }).catch(
           /* istanbul ignore next */
           (D) => {
@@ -5416,41 +5416,41 @@ function q3(a, e, t) {
     groupSelect: d,
     disabledProp: u,
     groupOptions: v
-  } = $e(a), p = t.fo, C = t.fg, w = t.handleOptionClick, $ = t.handleGroupClick, A = t.search, g = t.pointer, y = t.setPointer, L = t.clearPointer, j = t.multiselect, W = t.isOpen, H = b(() => p.value.filter((T) => !T[u.value])), G = b(() => C.value.filter((T) => !T[u.value])), te = b(() => r.value !== "single" && d.value), E = b(() => g.value && g.value.group), ee = b(() => ie(g.value)), de = b(() => {
+  } = $e(a), p = t.fo, C = t.fg, w = t.handleOptionClick, $ = t.handleGroupClick, A = t.search, g = t.pointer, y = t.setPointer, L = t.clearPointer, j = t.multiselect, W = t.isOpen, H = b(() => p.value.filter((T) => !T[u.value])), X = b(() => C.value.filter((T) => !T[u.value])), te = b(() => r.value !== "single" && d.value), E = b(() => g.value && g.value.group), ee = b(() => ie(g.value)), de = b(() => {
     const T = E.value ? g.value : (
       /* istanbul ignore next */
       ie(g.value)
-    ), N = G.value.map((Me) => Me[i.value]).indexOf(T[i.value]);
-    let pe = G.value[N - 1];
+    ), R = X.value.map((Me) => Me[i.value]).indexOf(T[i.value]);
+    let pe = X.value[R - 1];
     return pe === void 0 && (pe = O.value), pe;
   }), h = b(() => {
-    let T = G.value.map((N) => N.label).indexOf(E.value ? g.value[i.value] : ie(g.value)[i.value]) + 1;
-    return G.value.length <= T && (T = 0), G.value[T];
-  }), O = b(() => [...G.value].slice(-1)[0]), z = b(() => g.value.__VISIBLE__.filter((T) => !T[u.value])[0]), ae = b(() => {
-    const T = ee.value.__VISIBLE__.filter((N) => !N[u.value]);
-    return T[T.map((N) => N[n.value]).indexOf(g.value[n.value]) - 1];
+    let T = X.value.map((R) => R.label).indexOf(E.value ? g.value[i.value] : ie(g.value)[i.value]) + 1;
+    return X.value.length <= T && (T = 0), X.value[T];
+  }), O = b(() => [...X.value].slice(-1)[0]), z = b(() => g.value.__VISIBLE__.filter((T) => !T[u.value])[0]), ae = b(() => {
+    const T = ee.value.__VISIBLE__.filter((R) => !R[u.value]);
+    return T[T.map((R) => R[n.value]).indexOf(g.value[n.value]) - 1];
   }), re = b(() => {
-    const T = ie(g.value).__VISIBLE__.filter((N) => !N[u.value]);
-    return T[T.map((N) => N[n.value]).indexOf(g.value[n.value]) + 1];
+    const T = ie(g.value).__VISIBLE__.filter((R) => !R[u.value]);
+    return T[T.map((R) => R[n.value]).indexOf(g.value[n.value]) + 1];
   }), oe = b(() => [...de.value.__VISIBLE__.filter((T) => !T[u.value])].slice(-1)[0]), I = b(() => [...O.value.__VISIBLE__.filter((T) => !T[u.value])].slice(-1)[0]), V = (T) => g.value && (!T.group && g.value[n.value] === T[n.value] || T.group !== void 0 && g.value[i.value] === T[i.value]) ? !0 : void 0, F = () => {
     y(H.value[0] || null);
   }, ne = () => {
     !g.value || g.value[u.value] === !0 || (E.value ? $(g.value) : w(g.value));
   }, M = () => {
     if (g.value === null)
-      y((l.value && te.value ? G.value[0].__CREATE__ ? H.value[0] : G.value[0] : H.value[0]) || null);
+      y((l.value && te.value ? X.value[0].__CREATE__ ? H.value[0] : X.value[0] : H.value[0]) || null);
     else if (l.value && te.value) {
       let T = E.value ? z.value : re.value;
       T === void 0 && (T = h.value, T.__CREATE__ && (T = T[v.value][0])), y(T || /* istanbul ignore next */
       null);
     } else {
-      let T = H.value.map((N) => N[n.value]).indexOf(g.value[n.value]) + 1;
+      let T = H.value.map((R) => R[n.value]).indexOf(g.value[n.value]) + 1;
       H.value.length <= T && (T = 0), y(H.value[T] || null);
     }
     Oe(() => {
       B();
     });
-  }, Y = () => {
+  }, K = () => {
     if (g.value === null) {
       let T = H.value[H.value.length - 1];
       l.value && te.value && (T = I.value, T === void 0 && (T = O.value)), y(T || null);
@@ -5459,29 +5459,29 @@ function q3(a, e, t) {
       T === void 0 && (T = E.value ? de.value : ee.value, T.__CREATE__ && (T = oe.value, T === void 0 && (T = de.value))), y(T || /* istanbul ignore next */
       null);
     } else {
-      let T = H.value.map((N) => N[n.value]).indexOf(g.value[n.value]) - 1;
+      let T = H.value.map((R) => R[n.value]).indexOf(g.value[n.value]) - 1;
       T < 0 && (T = H.value.length - 1), y(H.value[T] || null);
     }
     Oe(() => {
       B();
     });
-  }, ie = (T) => G.value.find((N) => N.__VISIBLE__.map((pe) => pe[n.value]).indexOf(T[n.value]) !== -1), B = () => {
+  }, ie = (T) => X.value.find((R) => R.__VISIBLE__.map((pe) => pe[n.value]).indexOf(T[n.value]) !== -1), B = () => {
     let T = j.value.querySelector("[data-pointed]");
     if (!T)
       return;
-    let N = T.parentElement.parentElement;
-    l.value && (N = E.value ? T.parentElement.parentElement.parentElement : T.parentElement.parentElement.parentElement.parentElement), T.offsetTop + T.offsetHeight > N.clientHeight + N.scrollTop && (N.scrollTop = T.offsetTop + T.offsetHeight - N.clientHeight), T.offsetTop < N.scrollTop && (N.scrollTop = T.offsetTop);
+    let R = T.parentElement.parentElement;
+    l.value && (R = E.value ? T.parentElement.parentElement.parentElement : T.parentElement.parentElement.parentElement.parentElement), T.offsetTop + T.offsetHeight > R.clientHeight + R.scrollTop && (R.scrollTop = T.offsetTop + T.offsetHeight - R.clientHeight), T.offsetTop < R.scrollTop && (R.scrollTop = T.offsetTop);
   };
   return ue(A, (T) => {
     o.value && (T.length && s.value ? F() : L());
   }), ue(W, (T) => {
     if (T) {
-      let N = j.value.querySelectorAll("[data-selected]")[0];
-      if (!N)
+      let R = j.value.querySelectorAll("[data-selected]")[0];
+      if (!R)
         return;
-      let pe = N.parentElement.parentElement;
+      let pe = R.parentElement.parentElement;
       Oe(() => {
-        pe.scrollTop > 0 || (pe.scrollTop = N.offsetTop);
+        pe.scrollTop > 0 || (pe.scrollTop = R.offsetTop);
       });
     }
   }), {
@@ -5491,7 +5491,7 @@ function q3(a, e, t) {
     setPointerFirst: F,
     selectPointer: ne,
     forwardPointer: M,
-    backwardPointer: Y
+    backwardPointer: K
   };
 }
 function z3(a, e, t) {
@@ -5560,7 +5560,7 @@ function Y3(a, e, t) {
     createTag: v,
     createOption: p,
     reverse: C
-  } = $e(a), w = st().proxy, $ = t.iv, A = t.update, g = t.search, y = t.setPointer, L = t.selectPointer, j = t.backwardPointer, W = t.forwardPointer, H = t.multiselect, G = t.wrapper, te = t.tags, E = t.isOpen, ee = t.open, de = t.blur, h = t.fo, O = b(() => v.value || p.value || !1), z = b(() => s.value !== void 0 ? s.value : u.value !== void 0 ? u.value : ["enter"]), ae = () => {
+  } = $e(a), w = st().proxy, $ = t.iv, A = t.update, g = t.search, y = t.setPointer, L = t.selectPointer, j = t.backwardPointer, W = t.forwardPointer, H = t.multiselect, X = t.wrapper, te = t.tags, E = t.isOpen, ee = t.open, de = t.blur, h = t.fo, O = b(() => v.value || p.value || !1), z = b(() => s.value !== void 0 ? s.value : u.value !== void 0 ? u.value : ["enter"]), ae = () => {
     n.value === "tags" && !l.value && O.value && i.value && !d.value && y(h.value[h.value.map((V) => V[r.value]).indexOf(g.value)]);
   }, re = (V) => {
     let F = V.length - 1;
@@ -5582,7 +5582,7 @@ function Y3(a, e, t) {
           if (V.preventDefault(), V.keyCode === 229)
             return;
           if (ne !== -1 && ne !== void 0) {
-            A([...$.value].filter((M, Y) => Y !== ne)), ne === F.length - 1 && (F.length - 1 ? F[F.length - 2].focus() : i.value ? te.value.querySelector("input").focus() : G.value.focus());
+            A([...$.value].filter((M, K) => K !== ne)), ne === F.length - 1 && (F.length - 1 ? F[F.length - 2].focus() : i.value ? te.value.querySelector("input").focus() : X.value.focus());
             return;
           }
           if (z.value.indexOf("enter") === -1 && O.value)
@@ -5628,7 +5628,7 @@ function Y3(a, e, t) {
         case "ArrowRight":
           if (ne === -1 || V.shiftKey || n.value !== "tags" || !$.value || !$.value.length)
             return;
-          V.preventDefault(), F.length > ne + 1 ? F[ne + 1].focus() : i.value ? te.value.querySelector("input").focus() : i.value || G.value.focus();
+          V.preventDefault(), F.length > ne + 1 ? F[ne + 1].focus() : i.value ? te.value.querySelector("input").focus() : i.value || X.value.focus();
           break;
       }
     },
@@ -5799,7 +5799,7 @@ function x3(a, e, t) {
   }), H = b(() => {
     let h = { ...d.value };
     return u.value && (h["aria-labelledby"] = h["aria-labelledby"] ? `${A.value} ${h["aria-labelledby"]}` : A.value, W.value && h["aria-label"] && (h["aria-label"] = `${W.value}, ${h["aria-label"]}`)), h;
-  }), G = (h) => {
+  }), X = (h) => {
     let O = [];
     return s && s.value && O.push(s.value), O.push("multiselect-option"), O.push(h[o.value]), O.join("-");
   }, te = (h) => {
@@ -5825,7 +5825,7 @@ function x3(a, e, t) {
     ariaPlaceholder: L,
     ariaMultiselectable: j,
     ariaActiveDescendant: y,
-    ariaOptionId: G,
+    ariaOptionId: X,
     ariaOptionLabel: E,
     ariaGroupId: te,
     ariaGroupLabel: ee,
@@ -6206,7 +6206,7 @@ const J3 = ["id", "dir"], e5 = ["tabindex", "aria-controls", "aria-placeholder",
 function g5(a, e, t, n, s, o) {
   return c(), m("div", {
     ref: "multiselect",
-    class: x(a.classList.container),
+    class: G(a.classList.container),
     id: t.searchable ? void 0 : t.id,
     dir: t.rtl ? "rtl" : void 0,
     onFocusin: e[10] || (e[10] = (...i) => a.handleFocusIn && a.handleFocusIn(...i)),
@@ -6254,20 +6254,20 @@ function g5(a, e, t, n, s, o) {
         "div",
         {
           key: 1,
-          class: x(a.classList.tags),
+          class: G(a.classList.tags),
           "data-tags": ""
         },
         [
           (c(!0), m(
             ve,
             null,
-            ye(a.iv, (i, l, r) => X(a.$slots, "tag", {
+            ye(a.iv, (i, l, r) => x(a.$slots, "tag", {
               option: i,
               handleTagRemove: a.handleTagRemove,
               disabled: t.disabled
             }, () => [
               (c(), m("span", {
-                class: x([
+                class: G([
                   a.classList.tag,
                   i.disabled ? a.classList.tagDisabled : null
                 ]),
@@ -6283,13 +6283,13 @@ function g5(a, e, t, n, s, o) {
                 ),
                 !t.disabled && !i.disabled ? (c(), m("span", {
                   key: 0,
-                  class: x(a.classList.tagRemove),
+                  class: G(a.classList.tagRemove),
                   onClick: _e((d) => a.handleTagRemove(i, d), ["stop"])
                 }, [
                   f(
                     "span",
                     {
-                      class: x(a.classList.tagRemoveIcon)
+                      class: G(a.classList.tagRemoveIcon)
                     },
                     null,
                     2
@@ -6304,7 +6304,7 @@ function g5(a, e, t, n, s, o) {
           f(
             "div",
             {
-              class: x(a.classList.tagsSearchWrapper),
+              class: G(a.classList.tagsSearchWrapper),
               ref: "tags"
             },
             [
@@ -6312,7 +6312,7 @@ function g5(a, e, t, n, s, o) {
               f(
                 "span",
                 {
-                  class: x(a.classList.tagsSearchCopy)
+                  class: G(a.classList.tagsSearchCopy)
                 },
                 Z(a.search),
                 3
@@ -6350,20 +6350,20 @@ function g5(a, e, t, n, s, o) {
         /* CLASS */
       )) : k("v-if", !0),
       k(" Single label "),
-      t.mode == "single" && a.hasSelected && !a.search && a.iv ? X(a.$slots, "singlelabel", {
+      t.mode == "single" && a.hasSelected && !a.search && a.iv ? x(a.$slots, "singlelabel", {
         key: 2,
         value: a.iv
       }, () => [
         f(
           "div",
           {
-            class: x(a.classList.singleLabel)
+            class: G(a.classList.singleLabel)
           },
           [
             f(
               "span",
               {
-                class: x(a.classList.singleLabelText)
+                class: G(a.classList.singleLabelText)
               },
               Z(a.localize(a.iv[t.label])),
               3
@@ -6375,21 +6375,21 @@ function g5(a, e, t, n, s, o) {
         )
       ]) : k("v-if", !0),
       k(" Multiple label "),
-      t.mode == "multiple" && a.hasSelected && !a.search ? X(a.$slots, "multiplelabel", {
+      t.mode == "multiple" && a.hasSelected && !a.search ? x(a.$slots, "multiplelabel", {
         key: 3,
         values: a.iv
       }, () => [
         f("div", {
-          class: x(a.classList.multipleLabel),
+          class: G(a.classList.multipleLabel),
           innerHTML: a.multipleLabelText
         }, null, 10, i5)
       ]) : k("v-if", !0),
       k(" Placeholder "),
-      t.placeholder && !a.hasSelected && !a.search ? X(a.$slots, "placeholder", { key: 4 }, () => [
+      t.placeholder && !a.hasSelected && !a.search ? x(a.$slots, "placeholder", { key: 4 }, () => [
         f(
           "div",
           {
-            class: x(a.classList.placeholder),
+            class: G(a.classList.placeholder),
             "aria-hidden": "true"
           },
           Z(t.placeholder),
@@ -6398,11 +6398,11 @@ function g5(a, e, t, n, s, o) {
         )
       ]) : k("v-if", !0),
       k(" Spinner "),
-      t.loading || a.resolving ? X(a.$slots, "spinner", { key: 5 }, () => [
+      t.loading || a.resolving ? x(a.$slots, "spinner", { key: 5 }, () => [
         f(
           "span",
           {
-            class: x(a.classList.spinner),
+            class: G(a.classList.spinner),
             "aria-hidden": "true"
           },
           null,
@@ -6411,7 +6411,7 @@ function g5(a, e, t, n, s, o) {
         )
       ]) : k("v-if", !0),
       k(" Clear "),
-      a.hasSelected && !t.disabled && t.canClear && !a.busy ? X(a.$slots, "clear", {
+      a.hasSelected && !t.disabled && t.canClear && !a.busy ? x(a.$slots, "clear", {
         key: 6,
         clear: a.clear
       }, () => [
@@ -6423,7 +6423,7 @@ function g5(a, e, t, n, s, o) {
             role: "button",
             "data-clear": "",
             "aria-roledescription": "❎",
-            class: x(a.classList.clear),
+            class: G(a.classList.clear),
             onClick: e[6] || (e[6] = (...i) => a.clear && a.clear(...i)),
             onKeyup: e[7] || (e[7] = Ye((...i) => a.clear && a.clear(...i), ["enter"]))
           },
@@ -6431,7 +6431,7 @@ function g5(a, e, t, n, s, o) {
             f(
               "span",
               {
-                class: x(a.classList.clearIcon)
+                class: G(a.classList.clearIcon)
               },
               null,
               2
@@ -6443,11 +6443,11 @@ function g5(a, e, t, n, s, o) {
         )
       ]) : k("v-if", !0),
       k(" Caret "),
-      t.caret && t.showOptions ? X(a.$slots, "caret", { key: 7 }, () => [
+      t.caret && t.showOptions ? x(a.$slots, "caret", { key: 7 }, () => [
         f(
           "span",
           {
-            class: x(a.classList.caret),
+            class: G(a.classList.caret),
             onClick: e[8] || (e[8] = (...i) => a.handleCaretClick && a.handleCaretClick(...i)),
             "aria-hidden": "true"
           },
@@ -6461,13 +6461,13 @@ function g5(a, e, t, n, s, o) {
     f(
       "div",
       {
-        class: x(a.classList.dropdown),
+        class: G(a.classList.dropdown),
         tabindex: "-1"
       },
       [
-        X(a.$slots, "beforelist", { options: a.fo }),
+        x(a.$slots, "beforelist", { options: a.fo }),
         f("ul", {
-          class: x(a.classList.options),
+          class: G(a.classList.options),
           id: a.ariaControls,
           role: "listbox"
         }, [
@@ -6475,7 +6475,7 @@ function g5(a, e, t, n, s, o) {
             ve,
             { key: 0 },
             ye(a.fg, (i, l, r) => (c(), m("li", {
-              class: x(a.classList.group),
+              class: G(a.classList.group),
               key: r,
               id: a.ariaGroupId(i),
               "aria-label": a.ariaGroupLabel(a.localize(i[t.groupLabel])),
@@ -6484,12 +6484,12 @@ function g5(a, e, t, n, s, o) {
             }, [
               i.__CREATE__ ? k("v-if", !0) : (c(), m("div", {
                 key: 0,
-                class: x(a.classList.groupLabel(i)),
+                class: G(a.classList.groupLabel(i)),
                 "data-pointed": a.isPointed(i),
                 onMouseenter: (d) => a.setPointer(i, l),
                 onClick: (d) => a.handleGroupClick(i)
               }, [
-                X(a.$slots, "grouplabel", {
+                x(a.$slots, "grouplabel", {
                   group: i,
                   isSelected: a.isSelected,
                   isPointed: a.isPointed
@@ -6500,7 +6500,7 @@ function g5(a, e, t, n, s, o) {
                 ])
               ], 42, r5)),
               f("ul", {
-                class: x(a.classList.groupOptions),
+                class: G(a.classList.groupOptions),
                 "aria-label": a.ariaGroupLabel(a.localize(i[t.groupLabel])),
                 role: "group"
               }, [
@@ -6508,7 +6508,7 @@ function g5(a, e, t, n, s, o) {
                   ve,
                   null,
                   ye(i.__VISIBLE__, (d, u, v) => (c(), m("li", {
-                    class: x(a.classList.option(d, i)),
+                    class: G(a.classList.option(d, i)),
                     "data-pointed": a.isPointed(d),
                     "data-selected": a.isSelected(d) || void 0,
                     key: v,
@@ -6519,7 +6519,7 @@ function g5(a, e, t, n, s, o) {
                     "aria-label": a.ariaOptionLabel(a.localize(d[t.label])),
                     role: "option"
                   }, [
-                    X(a.$slots, "option", {
+                    x(a.$slots, "option", {
                       option: d,
                       isSelected: a.isSelected,
                       isPointed: a.isPointed,
@@ -6545,7 +6545,7 @@ function g5(a, e, t, n, s, o) {
             ve,
             { key: 1 },
             ye(a.fo, (i, l, r) => (c(), m("li", {
-              class: x(a.classList.option(i)),
+              class: G(a.classList.option(i)),
               "data-pointed": a.isPointed(i),
               "data-selected": a.isSelected(i) || void 0,
               key: r,
@@ -6556,7 +6556,7 @@ function g5(a, e, t, n, s, o) {
               "aria-label": a.ariaOptionLabel(a.localize(i[t.label])),
               role: "option"
             }, [
-              X(a.$slots, "option", {
+              x(a.$slots, "option", {
                 option: i,
                 isSelected: a.isSelected,
                 isPointed: a.isPointed,
@@ -6575,15 +6575,15 @@ function g5(a, e, t, n, s, o) {
             /* KEYED_FRAGMENT */
           ))
         ], 10, o5),
-        a.noOptions ? X(a.$slots, "nooptions", { key: 0 }, () => [
+        a.noOptions ? x(a.$slots, "nooptions", { key: 0 }, () => [
           f("div", {
-            class: x(a.classList.noOptions),
+            class: G(a.classList.noOptions),
             innerHTML: a.localize(t.noOptionsText)
           }, null, 10, v5)
         ]) : k("v-if", !0),
-        a.noResults ? X(a.$slots, "noresults", { key: 1 }, () => [
+        a.noResults ? x(a.$slots, "noresults", { key: 1 }, () => [
           f("div", {
-            class: x(a.classList.noResults),
+            class: G(a.classList.noResults),
             innerHTML: a.localize(t.noResultsText)
           }, null, 10, p5)
         ]) : k("v-if", !0),
@@ -6591,15 +6591,15 @@ function g5(a, e, t, n, s, o) {
           "div",
           {
             key: 2,
-            class: x(a.classList.inifinite),
+            class: G(a.classList.inifinite),
             ref: "infiniteLoader"
           },
           [
-            X(a.$slots, "infinite", {}, () => [
+            x(a.$slots, "infinite", {}, () => [
               f(
                 "span",
                 {
-                  class: x(a.classList.inifiniteSpinner)
+                  class: G(a.classList.inifiniteSpinner)
                 },
                 null,
                 2
@@ -6610,7 +6610,7 @@ function g5(a, e, t, n, s, o) {
           2
           /* CLASS */
         )) : k("v-if", !0),
-        X(a.$slots, "afterlist", { options: a.fo })
+        x(a.$slots, "afterlist", { options: a.fo })
       ],
       2
       /* CLASS */
@@ -6618,7 +6618,7 @@ function g5(a, e, t, n, s, o) {
     k(" Hacky input element to show HTML5 required warning "),
     t.required ? (c(), m("input", {
       key: 0,
-      class: x(a.classList.fakeInput),
+      class: G(a.classList.fakeInput),
       tabindex: "-1",
       value: a.textValue,
       required: ""
@@ -6652,7 +6652,7 @@ function g5(a, e, t, n, s, o) {
     k(" Screen reader assistive text "),
     t.searchable && a.hasSelected ? (c(), m("div", {
       key: 2,
-      class: x(a.classList.assist),
+      class: G(a.classList.assist),
       id: a.ariaAssist,
       "aria-hidden": "true"
     }, Z(a.ariaLabel), 11, _5)) : k("v-if", !0),
@@ -6660,7 +6660,7 @@ function g5(a, e, t, n, s, o) {
     f(
       "div",
       {
-        class: x(a.classList.spacer)
+        class: G(a.classList.spacer)
       },
       null,
       2
@@ -6670,7 +6670,7 @@ function g5(a, e, t, n, s, o) {
 }
 We.render = g5;
 We.__file = "src/Multiselect.vue";
-const be = /* @__PURE__ */ K({
+const be = /* @__PURE__ */ Y({
   __name: "AoMultiselect",
   props: {
     detached: { type: Boolean },
@@ -6681,7 +6681,7 @@ const be = /* @__PURE__ */ K({
     return e.detached && P3({
       multiselect: n,
       appendTo: t.value
-    }), (s, o) => (c(), R(q(We), {
+    }), (s, o) => (c(), N(q(We), {
       ref_key: "multiselectRef",
       ref: n,
       class: "ao-multiselect"
@@ -6689,7 +6689,7 @@ const be = /* @__PURE__ */ K({
       ye(s.$slots, (i, l) => ({
         name: l,
         fn: U((r) => [
-          X(s.$slots, l, a1(s1(r ?? {})))
+          x(s.$slots, l, a1(s1(r ?? {})))
         ])
       }))
     ]), 1536));
@@ -6709,7 +6709,7 @@ function y5() {
     throw new Error("i18next-vue: No Vue instance in context. Make sure to register the i18next-vue plugin using app.use(...).");
   return a;
 }
-K({
+Y({
   props: {
     translation: {
       type: String,
@@ -6746,7 +6746,7 @@ async function Ue(a, e) {
     i == null || i.select();
   }
 }
-const b5 = { class: "ao-tasks" }, w5 = { class: "ao-tasks__list" }, $5 = ["id", "value", "readonly", "onChange", "onKeyup"], M5 = { class: "ao-tasks__list-footer" }, k5 = /* @__PURE__ */ K({
+const b5 = { class: "ao-tasks" }, w5 = { class: "ao-tasks__list" }, $5 = ["id", "value", "readonly", "onChange", "onKeyup"], M5 = { class: "ao-tasks__list-footer" }, k5 = /* @__PURE__ */ Y({
   __name: "AoActivityTasks",
   props: {
     activityId: {},
@@ -6807,7 +6807,7 @@ const b5 = { class: "ao-tasks" }, w5 = { class: "ao-tasks__list" }, $5 = ["id",
             key: C.id,
             class: "ao-subtask"
           }, [
-            ((w = v.isCheckable) == null ? void 0 : w.call(v, C)) ?? !1 ? (c(), R(fe, {
+            ((w = v.isCheckable) == null ? void 0 : w.call(v, C)) ?? !1 ? (c(), N(fe, {
               key: 0,
               class: "ao-subtask__check",
               "icon-name": C.isDone ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -6824,7 +6824,7 @@ const b5 = { class: "ao-tasks" }, w5 = { class: "ao-tasks__list" }, $5 = ["id",
               onChange: (A) => i(A, C.id),
               onKeyup: Ye(u, ["enter"])
             }, null, 40, $5),
-            !v.isTemplate && v.users ? (c(), R(be, {
+            !v.isTemplate && v.users ? (c(), N(be, {
               key: 1,
               value: ($ = C.assignee) != null && $.id ? [C.assignee.id] : [],
               options: s.value,
@@ -6848,7 +6848,7 @@ const b5 = { class: "ao-tasks" }, w5 = { class: "ao-tasks__list" }, $5 = ["id",
               ]),
               _: 2
             }, 1032, ["value", "options", "placeholder", "disabled", "caret", "onChange"])) : k("", !0),
-            v.isEditable ? (c(), R(fe, {
+            v.isEditable ? (c(), N(fe, {
               key: 2,
               class: "ao-subtask__delete",
               "icon-name": "CancelRounded",
@@ -6861,7 +6861,7 @@ const b5 = { class: "ao-tasks" }, w5 = { class: "ao-tasks__list" }, $5 = ["id",
         }), 128))
       ]),
       f("div", M5, [
-        v.isEditable ? (c(), R(fe, {
+        v.isEditable ? (c(), N(fe, {
           key: 0,
           label: v.$t("activity.tasks.add"),
           "icon-name": "Add",
@@ -6879,7 +6879,7 @@ const A5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
 }, S5 = ["href"], E5 = { class: "ao-file__title" }, I5 = {
   key: 1,
   class: "ao-files__dropzone"
-}, O5 = { class: "ao-files__input" }, L5 = { class: "ao-files__button ao-button ao-button--primary ao-button--ghost" }, V5 = { class: "ao-files__placeholder" }, D5 = /* @__PURE__ */ K({
+}, O5 = { class: "ao-files__input" }, L5 = { class: "ao-files__button ao-button ao-button--primary ao-button--ghost" }, V5 = { class: "ao-files__placeholder" }, D5 = /* @__PURE__ */ Y({
   __name: "AoActivityDetailsFiles",
   props: {
     attachments: {},
@@ -6924,7 +6924,7 @@ const A5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
     return (d, u) => {
       var v;
       return c(), m("div", {
-        class: x([
+        class: G([
           "ao-files__wrapper",
           {
             "ao-files__wrapper--drop-active": o.value
@@ -6953,7 +6953,7 @@ const A5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
               }),
               f("span", E5, Z(p.name), 1)
             ], 8, S5),
-            d.isEditable ? (c(), R(fe, {
+            d.isEditable ? (c(), N(fe, {
               key: 0,
               class: "ao-files__delete-button",
               "icon-name": "DeleteOutlineRounded",
@@ -6986,7 +6986,7 @@ const A5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
 const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { class: "ao-comment__content-wrapper" }, N5 = { class: "ao-comment__created-at" }, R5 = {
   key: 1,
   class: "ao-comment__footer"
-}, U5 = /* @__PURE__ */ K({
+}, U5 = /* @__PURE__ */ Y({
   __name: "AoComment",
   props: {
     user: {},
@@ -7016,7 +7016,7 @@ const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { c
     }), (A, g) => {
       var y;
       return c(), m("li", H5, [
-        n.value ? (c(), R(gt, {
+        n.value ? (c(), N(gt, {
           key: 0,
           "avatar-url": (y = A.user) == null ? void 0 : y.avatarUrl,
           "user-name": n.value,
@@ -7024,7 +7024,7 @@ const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { c
         }, null, 8, ["avatar-url", "user-name"])) : k("", !0),
         f("div", P5, [
           f("div", B5, [
-            (c(), R(Xe(v.value), {
+            (c(), N(Xe(v.value), {
               ref_key: "commentContent",
               ref: s,
               class: "ao-comment__content",
@@ -7083,7 +7083,7 @@ const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { c
 const j5 = {
   key: 0,
   class: "ao-comments__list"
-}, Z5 = { class: "ao-comments__footer" }, F5 = ["onSubmit"], q5 = { class: "ao-field ao-field--full" }, z5 = { class: "ao-field__label" }, W5 = { class: "ao-comments__form-footer" }, Y5 = /* @__PURE__ */ K({
+}, Z5 = { class: "ao-comments__footer" }, F5 = ["onSubmit"], q5 = { class: "ao-field ao-field--full" }, z5 = { class: "ao-field__label" }, W5 = { class: "ao-comments__form-footer" }, Y5 = /* @__PURE__ */ Y({
   __name: "AoActivityDetailsComments",
   props: {
     comments: { default: () => [] },
@@ -7123,7 +7123,7 @@ const j5 = {
         class: "ao-comments"
       }, [
         ((p = u.comments) == null ? void 0 : p.length) > 0 ? (c(), m("ul", j5, [
-          (c(!0), m(ve, null, ye(u.comments, (C) => (c(), R(U5, {
+          (c(!0), m(ve, null, ye(u.comments, (C) => (c(), N(U5, {
             key: C.id,
             user: n(C.author.id),
             content: C.message,
@@ -7188,7 +7188,7 @@ const K5 = {
 }, H7 = { class: "ao-field ao-field--multiselect" }, P7 = { class: "ao-field__label" }, B7 = {
   key: 0,
   class: "ao-activity-details__aside"
-}, N7 = { class: "ao-fieldset__title" }, R7 = { class: "ao-fieldset__title" }, U1 = /* @__PURE__ */ K({
+}, N7 = { class: "ao-fieldset__title" }, R7 = { class: "ao-fieldset__title" }, U1 = /* @__PURE__ */ Y({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -7334,7 +7334,7 @@ const K5 = {
         activityId: t.activity.id,
         file: h
       });
-    }, G = b(() => {
+    }, X = b(() => {
       var h;
       return (h = t.statuses) == null ? void 0 : h.map((O) => ({
         value: O.id,
@@ -7355,7 +7355,7 @@ const K5 = {
     }, de = (h) => {
       e("removeComment", h);
     };
-    return (h, O) => (c(), R(D1, {
+    return (h, O) => (c(), N(D1, {
       onClose: O[9] || (O[9] = (z) => h.$emit("close"))
     }, {
       header: U(() => [
@@ -7366,13 +7366,13 @@ const K5 = {
           "is-editable": h.isEditable,
           "onUpdate:title": n
         }, null, 8, ["title", "is-editable"]),
-        X(h.$slots, "header", {}, () => {
+        x(h.$slots, "header", {}, () => {
           var z;
           return [
-            G.value ? (c(), m("label", G5, [
+            X.value ? (c(), m("label", G5, [
               f("span", x5, Z(h.$t("activity.status.label")), 1),
               S(be, {
-                options: G.value,
+                options: X.value,
                 value: (z = h.activity.status) == null ? void 0 : z.id,
                 "can-clear": !1,
                 "can-deselect": !1,
@@ -7599,7 +7599,7 @@ const K5 = {
                 }, null, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
               ])
             ])) : k("", !0),
-            X(h.$slots, "default", { activity: h.activity })
+            x(h.$slots, "default", { activity: h.activity })
           ])
         ]),
         h.isTemplate !== !0 && h.userId ? (c(), m("div", B7, [
@@ -7637,7 +7637,7 @@ const K5 = {
     }));
   }
 });
-const U7 = /* @__PURE__ */ K({
+const U7 = /* @__PURE__ */ Y({
   __name: "AoRuleLine",
   props: {
     rule: {},
@@ -7711,7 +7711,7 @@ const U7 = /* @__PURE__ */ K({
         e("update:rule", { ...t.rule, durationUnit: g });
       }
     }), A = b(() => Object.values($d));
-    return (g, y) => (c(), R(Xe(g.tagName), { class: "ao-rule-line" }, {
+    return (g, y) => (c(), N(Xe(g.tagName), { class: "ao-rule-line" }, {
       default: U(() => [
         S(q(We), {
           modelValue: s.value,
@@ -7761,7 +7761,7 @@ const U7 = /* @__PURE__ */ K({
     }));
   }
 });
-const j7 = { class: "ao-template-rules__body" }, Z7 = { class: "ao-template-rules__list" }, F7 = /* @__PURE__ */ K({
+const j7 = { class: "ao-template-rules__body" }, Z7 = { class: "ao-template-rules__list" }, F7 = /* @__PURE__ */ Y({
   __name: "AoTemplateRules",
   props: {
     templateId: {},
@@ -7777,7 +7777,7 @@ const j7 = { class: "ao-template-rules__body" }, Z7 = { class: "ao-template-rule
     }, n = (s) => {
       e("removeRule", s);
     };
-    return (s, o) => (c(), R(D1, null, {
+    return (s, o) => (c(), N(D1, null, {
       header: U(() => [
         S(Ce, {
           title: s.$t("template.rules.title"),
@@ -7787,7 +7787,7 @@ const j7 = { class: "ao-template-rules__body" }, Z7 = { class: "ao-template-rule
       default: U(() => [
         f("div", j7, [
           f("ul", Z7, [
-            (c(!0), m(ve, null, ye(s.rules, (i) => (c(), R(U7, {
+            (c(!0), m(ve, null, ye(s.rules, (i) => (c(), N(U7, {
               key: i.id,
               rule: i,
               "template-phases": s.templatePhases,
@@ -7818,7 +7818,7 @@ function ht(a, e, t) {
 const q7 = {
   key: 0,
   class: "ao-template-details"
-}, z7 = { class: "ao-template-details__body" }, W7 = { class: "ao-template-details__cols" }, Y7 = { class: "ao-template-details__col" }, K7 = { class: "ao-list__footer" }, G7 = { class: "ao-template-details__col" }, x7 = { class: "ao-template-details__col" }, X7 = /* @__PURE__ */ K({
+}, z7 = { class: "ao-template-details__body" }, W7 = { class: "ao-template-details__cols" }, Y7 = { class: "ao-template-details__col" }, K7 = { class: "ao-list__footer" }, G7 = { class: "ao-template-details__col" }, x7 = { class: "ao-template-details__col" }, X7 = /* @__PURE__ */ Y({
   __name: "AoTemplateDetails",
   props: {
     templateId: {},
@@ -7886,11 +7886,11 @@ const q7 = {
     }), d = b(() => {
       var I, V;
       return ((V = (I = s.value) == null ? void 0 : I.phases) == null ? void 0 : V.reduce((F, ne) => {
-        const Y = (ne.milestones || []).reduce(
+        const K = (ne.milestones || []).reduce(
           (ie, B) => B.activities ? [...ie, ...B.activities] : ie,
           []
         );
-        return [...F, ...Y];
+        return [...F, ...K];
       }, [])) || [];
     }), u = b(() => {
       var I, V;
@@ -8007,7 +8007,7 @@ const q7 = {
           id: I.id
         }
       });
-    }, G = (I) => {
+    }, X = (I) => {
       const { id: V, ...F } = I;
       e("updateItem", {
         itemType: me.ACTIVITIES,
@@ -8065,7 +8065,7 @@ const q7 = {
       e("removeFile", I);
     };
     return (I, V) => {
-      var F, ne, M, Y, ie, B;
+      var F, ne, M, K, ie, B;
       return s.value ? (c(), m("div", q7, [
         S(d1, {
           "can-go-back": !0,
@@ -8101,13 +8101,13 @@ const q7 = {
                   }, null, 8, ["title"])
                 ]),
                 item: U(({ element: T }) => {
-                  var N;
+                  var R;
                   return [
                     S(W0, {
                       id: T.id,
                       name: T.name,
                       milestones: T.milestones,
-                      "is-active": ((N = i.value) == null ? void 0 : N.id) === T.id,
+                      "is-active": ((R = i.value) == null ? void 0 : R.id) === T.id,
                       "is-draggable": !0,
                       onClick: (pe) => I.$router.push({
                         params: { templateId: I.templateId, phaseId: T.id }
@@ -8132,7 +8132,7 @@ const q7 = {
               }, 8, ["model-value"])
             ]),
             f("li", G7, [
-              i.value ? (c(), R(G0, {
+              i.value ? (c(), N(G0, {
                 key: 0,
                 "template-id": I.templateId,
                 phase: i.value,
@@ -8144,25 +8144,25 @@ const q7 = {
               }, null, 8, ["template-id", "phase", "milestone-id"])) : k("", !0)
             ]),
             f("li", x7, [
-              i.value && l.value ? (c(), R(Q0, {
+              i.value && l.value ? (c(), N(Q0, {
                 key: 0,
                 "template-id": I.templateId,
                 "phase-id": (ne = i.value) == null ? void 0 : ne.id,
                 milestone: l.value,
                 "activity-id": (M = u.value) == null ? void 0 : M.id,
                 onAddActivity: W,
-                onUpdateActivity: G,
+                onUpdateActivity: X,
                 onRemoveActivity: H
               }, null, 8, ["template-id", "phase-id", "milestone", "activity-id"])) : k("", !0)
             ])
           ])
         ]),
-        (c(), R(It, { to: "body" }, [
-          u.value ? (c(), R(U1, {
+        (c(), N(It, { to: "body" }, [
+          u.value ? (c(), N(U1, {
             key: 0,
             activity: u.value,
             "activity-types": v.value,
-            breadcrumbs: `${s.value.name} / ${(Y = i.value) == null ? void 0 : Y.name} / ${(ie = l.value) == null ? void 0 : ie.name}`,
+            breadcrumbs: `${s.value.name} / ${(K = i.value) == null ? void 0 : K.name} / ${(ie = l.value) == null ? void 0 : ie.name}`,
             "milestone-id": (B = l.value) == null ? void 0 : B.id,
             "template-activities": d.value,
             "template-milestones": r.value,
@@ -8170,7 +8170,7 @@ const q7 = {
             "is-editable": !0,
             users: I.users,
             "onUpdate:activity": V[2] || (V[2] = (T) => {
-              u.value && G(T);
+              u.value && X(T);
             }),
             onClose: I.$router.back,
             onAddSubtask: O,
@@ -8180,13 +8180,13 @@ const q7 = {
             onRemoveFile: oe
           }, {
             default: U((T) => [
-              X(I.$slots, "activityDetailsBody", a1(s1(T)))
+              x(I.$slots, "activityDetailsBody", a1(s1(T)))
             ]),
             _: 3
           }, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : k("", !0)
         ])),
-        (c(), R(It, { to: "body" }, [
-          te.value ? (c(), R(F7, {
+        (c(), N(It, { to: "body" }, [
+          te.value ? (c(), N(F7, {
             key: 0,
             "template-id": s.value.id,
             rules: s.value.rules || [],
@@ -8208,32 +8208,32 @@ const Q7 = {
 }, J7 = { class: "ao-card__body" }, e9 = {
   key: 1,
   class: "ao-card__footer"
-}, j1 = /* @__PURE__ */ K({
+}, j1 = /* @__PURE__ */ Y({
   __name: "AoCard",
   props: {
     isClickable: { type: Boolean },
     tagName: { default: "div" }
   },
   setup(a) {
-    return (e, t) => (c(), R(Xe(e.tagName), {
-      class: x(["ao-card", { "ao-card--clickable": e.isClickable }])
+    return (e, t) => (c(), N(Xe(e.tagName), {
+      class: G(["ao-card", { "ao-card--clickable": e.isClickable }])
     }, {
       default: U(() => [
         e.$slots.header ? (c(), m("header", Q7, [
-          X(e.$slots, "header")
+          x(e.$slots, "header")
         ])) : k("", !0),
         f("div", J7, [
-          X(e.$slots, "default")
+          x(e.$slots, "default")
         ]),
         e.$slots.footer ? (c(), m("footer", e9, [
-          X(e.$slots, "footer")
+          x(e.$slots, "footer")
         ])) : k("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
-const Z1 = /* @__PURE__ */ K({
+const Z1 = /* @__PURE__ */ Y({
   __name: "AoProgress",
   props: {
     percentages: {},
@@ -8242,12 +8242,12 @@ const Z1 = /* @__PURE__ */ K({
   setup(a) {
     const e = a, t = b(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
     return (n, s) => (c(), m("div", {
-      class: x(["ao-progress", n.status ? `ao-progress--${n.status}` : ""]),
+      class: G(["ao-progress", n.status ? `ao-progress--${n.status}` : ""]),
       role: "meter"
     }, [
       (c(!0), m(ve, null, ye(t.value, (o) => (c(), m("div", {
         key: o,
-        class: x(["ao-progress__progress"]),
+        class: G(["ao-progress__progress"]),
         style: ca({ width: `${o * 100}%` })
       }, null, 4))), 128))
     ], 2));
@@ -8256,7 +8256,7 @@ const Z1 = /* @__PURE__ */ K({
 const t9 = { class: "ao-card-project-phase__header" }, a9 = { class: "ao-card-project-phase__footer" }, s9 = { class: "ao-card-project-phase__footer-row" }, n9 = { class: "ao-card-project-phase__subitem" }, i9 = { class: "ao-card-project-phase__subitem" }, o9 = {
   key: 1,
   class: "ao-card-project-phase__secondary"
-}, l9 = /* @__PURE__ */ K({
+}, l9 = /* @__PURE__ */ Y({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -8276,7 +8276,7 @@ const t9 = { class: "ao-card-project-phase__header" }, a9 = { class: "ao-card-pr
       var l;
       return (l = t.milestones) == null ? void 0 : l.filter((r) => r.status === T1.done).length;
     }), i = b(() => (o.value || 0) / (s.value || 1));
-    return (l, r) => (c(), R(j1, { class: "ao-card-project-phase" }, t1({
+    return (l, r) => (c(), N(j1, { class: "ao-card-project-phase" }, t1({
       default: U(() => [
         S(Ce, {
           id: l.id,
@@ -8304,7 +8304,7 @@ const t9 = { class: "ao-card-project-phase__header" }, a9 = { class: "ao-card-pr
               }, null, 8, ["percentages"])
             ], 64)) : k("", !0),
             l.$slots.secondary ? (c(), m("div", o9, [
-              X(l.$slots, "secondary")
+              x(l.$slots, "secondary")
             ])) : k("", !0)
           ])
         ])
@@ -8339,7 +8339,7 @@ const r9 = { class: "ao-card-project-milestone__default" }, u9 = {
 }, d9 = { class: "ao-card-project-phase__footer" }, c9 = { class: "ao-card-project-phase__footer-row" }, f9 = { class: "ao-card-project-phase__subitem" }, v9 = { class: "ao-card-project-phase__subitem" }, p9 = {
   key: 1,
   class: "ao-card-project-phase__secondary"
-}, h9 = /* @__PURE__ */ K({
+}, h9 = /* @__PURE__ */ Y({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -8359,7 +8359,7 @@ const r9 = { class: "ao-card-project-milestone__default" }, u9 = {
     }), o = b(() => (s.value || 0) / (n.value || 1)), i = (l) => {
       e("updateMilestone", { id: t.id, name: l });
     };
-    return (l, r) => (c(), R(j1, {
+    return (l, r) => (c(), N(j1, {
       class: "ao-card-project-milestone",
       "is-clickable": !0,
       "tag-name": "li"
@@ -8405,7 +8405,7 @@ const r9 = { class: "ao-card-project-milestone__default" }, u9 = {
               }, null, 8, ["percentages"])
             ], 64)) : k("", !0),
             l.$slots.secondary ? (c(), m("div", p9, [
-              X(l.$slots, "secondary")
+              x(l.$slots, "secondary")
             ])) : k("", !0)
           ])
         ])
@@ -8417,7 +8417,7 @@ const r9 = { class: "ao-card-project-milestone__default" }, u9 = {
 const m9 = { class: "ao-project-phase" }, C9 = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, _9 = { class: "ao-project-phase__col-phase" }, g9 = { class: "ao-project-phase__col-milestones" }, y9 = { class: "ao-project-phase__milestones" }, b9 = { class: "ao-project-phase__milestones-list-footer" }, w9 = /* @__PURE__ */ K({
+}, _9 = { class: "ao-project-phase__col-phase" }, g9 = { class: "ao-project-phase__col-milestones" }, y9 = { class: "ao-project-phase__milestones" }, b9 = { class: "ao-project-phase__milestones-list-footer" }, w9 = /* @__PURE__ */ Y({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -8497,7 +8497,7 @@ const m9 = { class: "ao-project-phase" }, C9 = {
             _: 1
           }, 16, ["list", "disabled"]),
           f("div", b9, [
-            v.isEditable ? (c(), R(Je, {
+            v.isEditable ? (c(), N(Je, {
               key: 0,
               label: v.$t("project.milestone.add"),
               class: "ao-project-phase__milestone-add",
@@ -8513,7 +8513,7 @@ const m9 = { class: "ao-project-phase" }, C9 = {
 const $9 = { class: "ao-project__phases" }, M9 = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, k9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__empty_drag" }, null, -1), A9 = { class: "ao-project-phase__col-phase" }, T9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__col-milestones" }, null, -1), S9 = /* @__PURE__ */ K({
+}, k9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__empty_drag" }, null, -1), A9 = { class: "ao-project-phase__col-phase" }, T9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__col-milestones" }, null, -1), S9 = /* @__PURE__ */ Y({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -8584,7 +8584,7 @@ const $9 = { class: "ao-project__phases" }, M9 = {
     ]));
   }
 });
-const E9 = ["onSubmit"], I9 = { class: "ao-add-template-modal__form-body" }, O9 = { class: "field__row" }, L9 = { class: "ao-add-template-modal__form-footer" }, V9 = /* @__PURE__ */ K({
+const E9 = ["onSubmit"], I9 = { class: "ao-add-template-modal__form-body" }, O9 = { class: "field__row" }, L9 = { class: "ao-add-template-modal__form-footer" }, V9 = /* @__PURE__ */ Y({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -8600,7 +8600,7 @@ const E9 = ["onSubmit"], I9 = { class: "ao-add-template-modal__form-body" }, O9
     }, i = () => {
       s.value && e("apply", s.value, t.projectId);
     };
-    return (l, r) => (c(), R(D1, { size: "sm" }, {
+    return (l, r) => (c(), N(D1, { size: "sm" }, {
       header: U(() => [
         S(Ce, {
           title: l.$t("project.template.add.title"),
@@ -8637,7 +8637,7 @@ const E9 = ["onSubmit"], I9 = { class: "ao-add-template-modal__form-body" }, O9
     }));
   }
 });
-const D9 = K({
+const D9 = Y({
   props: {
     isLeft: {
       type: Boolean,
@@ -8670,7 +8670,7 @@ const H9 = { class: "toggle-wrapper" };
 function P9(a, e, t, n, s, o) {
   return c(), m("div", H9, [
     f("button", {
-      class: x({
+      class: G({
         button: !0,
         "button--left": !0,
         "button--inactive": !a.isLeft
@@ -8679,7 +8679,7 @@ function P9(a, e, t, n, s, o) {
       onClick: e[0] || (e[0] = (...i) => a.selectLeft && a.selectLeft(...i))
     }, Z(a.leftLabel), 3),
     f("button", {
-      class: x({
+      class: G({
         button: !0,
         "button--right": !0,
         "button--inactive": a.isLeft
@@ -8689,7 +8689,7 @@ function P9(a, e, t, n, s, o) {
     }, Z(a.rightLabel), 3)
   ]);
 }
-const Ra = /* @__PURE__ */ P(D9, [["render", P9], ["__scopeId", "data-v-c0ae9237"]]), B9 = { class: "ao-project" }, N9 = { class: "ao-project__body" }, R9 = /* @__PURE__ */ K({
+const Ra = /* @__PURE__ */ P(D9, [["render", P9], ["__scopeId", "data-v-c0ae9237"]]), B9 = { class: "ao-project" }, N9 = { class: "ao-project__body" }, R9 = /* @__PURE__ */ Y({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -8743,8 +8743,8 @@ const Ra = /* @__PURE__ */ P(D9, [["render", P9], ["__scopeId", "data-v-c0ae9237
       e("updateComment", E);
     }, H = (E) => {
       e("removeComment", E);
-    }, G = J(!1), te = (E, ee) => {
-      e("applyTemplate", { templateId: E, projectId: ee }), G.value = !1;
+    }, X = J(!1), te = (E, ee) => {
+      e("applyTemplate", { templateId: E, projectId: ee }), X.value = !1;
     };
     return (E, ee) => {
       const de = hs("RouterView");
@@ -8761,12 +8761,12 @@ const Ra = /* @__PURE__ */ P(D9, [["render", P9], ["__scopeId", "data-v-c0ae9237
                     h || E.$router.push({ name: q(He).feed });
                   })
                 }, null, 8, ["right-label", "left-label"]),
-                E.isEditable ? (c(), R(fe, {
+                E.isEditable ? (c(), N(fe, {
                   key: 0,
                   class: "ao-project-overview__add-template",
                   color: "primary",
                   label: E.$t("project.template.add.label"),
-                  onClick: ee[1] || (ee[1] = (h) => G.value = !0)
+                  onClick: ee[1] || (ee[1] = (h) => X.value = !0)
                 }, null, 8, ["label"])) : k("", !0)
               ]),
               _: 1
@@ -8797,7 +8797,7 @@ const Ra = /* @__PURE__ */ P(D9, [["render", P9], ["__scopeId", "data-v-c0ae9237
             onUpdateActivity: p,
             onArchiveActivity: C
           }, null, 8, ["phases", "project-id", "project-name", "users", "is-editable"]),
-          (c(), R(It, { to: "body" }, [
+          (c(), N(It, { to: "body" }, [
             S(de, {
               name: "modal",
               activities: g.value,
@@ -8818,9 +8818,9 @@ const Ra = /* @__PURE__ */ P(D9, [["render", P9], ["__scopeId", "data-v-c0ae9237
               onRemoveComment: H
             }, {
               default: U(({ Component: h }) => [
-                (c(), R(Xe(h), null, {
+                (c(), N(Xe(h), null, {
                   default: U((O) => [
-                    X(E.$slots, "activityDetailsBody", a1(s1(O)))
+                    x(E.$slots, "activityDetailsBody", a1(s1(O)))
                   ]),
                   _: 2
                 }, 1024))
@@ -8829,12 +8829,12 @@ const Ra = /* @__PURE__ */ P(D9, [["render", P9], ["__scopeId", "data-v-c0ae9237
             }, 8, ["activities", "is-task-checkable", "statuses", "phases", "users", "user-id", "is-editable"])
           ]))
         ], 16),
-        (c(), R(It, { to: "body" }, [
-          G.value ? (c(), R(V9, {
+        (c(), N(It, { to: "body" }, [
+          X.value ? (c(), N(V9, {
             key: 0,
             "project-id": E.project.id,
             templates: E.templates,
-            onClose: ee[3] || (ee[3] = (h) => G.value = !1),
+            onClose: ee[3] || (ee[3] = (h) => X.value = !1),
             onApply: te
           }, null, 8, ["project-id", "templates"])) : k("", !0)
         ]))
@@ -8869,7 +8869,7 @@ const U9 = { class: "ao-card-feed__header" }, j9 = {
 }, e4 = { class: "ao-card-feed__subitem" }, t4 = { class: "ao-card-feed__footer-row" }, a4 = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, s4 = { class: "ao-card-feed__subitem" }, n4 = { class: "ao-card-feed__subitem" }, Ua = /* @__PURE__ */ K({
+}, s4 = { class: "ao-card-feed__subitem" }, n4 = { class: "ao-card-feed__subitem" }, Ua = /* @__PURE__ */ Y({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -8906,13 +8906,13 @@ const U9 = { class: "ao-card-feed__header" }, j9 = {
       var p;
       return (p = t.tasks) == null ? void 0 : p.filter((C) => C.isDone).length;
     }), v = b(() => (u.value || 0) / (d.value || 1));
-    return (p, C) => (c(), R(j1, {
+    return (p, C) => (c(), N(j1, {
       class: "ao-card-feed",
       "is-clickable": !0
     }, {
       header: U(() => [
         f("div", U9, [
-          p.projectName ? (c(), R(O1, {
+          p.projectName ? (c(), N(O1, {
             key: 0,
             label: p.projectName,
             class: "ao-card-feed__project",
@@ -8921,13 +8921,13 @@ const U9 = { class: "ao-card-feed__header" }, j9 = {
             "raw-color": p.projectColor
           }, null, 8, ["label", "color", "raw-color"])) : k("", !0),
           p.isPrivate || p.important ? (c(), m("div", j9, [
-            p.isPrivate ? (c(), R(ce, {
+            p.isPrivate ? (c(), N(ce, {
               key: 0,
               name: "Lock",
               class: "ao-card-feed__warning",
               size: "sm"
             })) : k("", !0),
-            p.important ? (c(), R(ce, {
+            p.important ? (c(), N(ce, {
               key: 1,
               name: "FlagRounded",
               class: "ao-card-feed__important",
@@ -8935,7 +8935,7 @@ const U9 = { class: "ao-card-feed__header" }, j9 = {
             })) : k("", !0)
           ])) : k("", !0),
           p.$slots.secondary ? (c(), m("div", Z9, [
-            X(p.$slots, "secondary")
+            x(p.$slots, "secondary")
           ])) : k("", !0)
         ])
       ]),
@@ -9010,7 +9010,7 @@ const U9 = { class: "ao-card-feed__header" }, j9 = {
 const i4 = { class: "ao-project-milestone" }, o4 = { class: "ao-project-milestone__header" }, l4 = { class: "ao-project-milestone__title" }, r4 = { class: "ao-project-milestone__body" }, u4 = {
   key: 0,
   class: "ao-project-milestone__footer"
-}, da = /* @__PURE__ */ K({
+}, da = /* @__PURE__ */ Y({
   __name: "AoProjectOverviewMilestoneDetails",
   props: {
     milestoneId: {},
@@ -9142,7 +9142,7 @@ const i4 = { class: "ao-project-milestone" }, o4 = { class: "ao-project-mileston
     };
   }
 });
-const d4 = /* @__PURE__ */ K({
+const d4 = /* @__PURE__ */ Y({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -9199,7 +9199,7 @@ const d4 = /* @__PURE__ */ K({
     };
     return (g, y) => {
       var L, j;
-      return i.value ? (c(), R(U1, {
+      return i.value ? (c(), N(U1, {
         key: 0,
         activity: i.value,
         "activity-types": l.value,
@@ -9224,13 +9224,13 @@ const d4 = /* @__PURE__ */ K({
         onRemoveComment: A
       }, {
         default: U(() => [
-          X(g.$slots, "default")
+          x(g.$slots, "default")
         ]),
         _: 3
       }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "onClose"])) : k("", !0);
     };
   }
-}), c4 = { class: "ao-col-header" }, f4 = /* @__PURE__ */ K({
+}), c4 = { class: "ao-col-header" }, f4 = /* @__PURE__ */ Y({
   __name: "AoColHeader",
   props: {
     title: {},
@@ -9243,7 +9243,7 @@ const d4 = /* @__PURE__ */ K({
         class: "ao-col-header__title",
         level: 4
       }, null, 8, ["title"]),
-      e.items ? (c(), R(O1, {
+      e.items ? (c(), N(O1, {
         key: 0,
         label: e.items,
         class: "ao-col-header__items",
@@ -9353,7 +9353,7 @@ function w4(a, e, t = {}) {
   };
 }
 const $4 = {
-  class: /* @__PURE__ */ x(["ao-list-kanban"])
+  class: /* @__PURE__ */ G(["ao-list-kanban"])
 }, M4 = { class: "ao-list-kanban__header" }, k4 = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
@@ -9369,7 +9369,7 @@ const $4 = {
 }, E4 = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, I4 = /* @__PURE__ */ K({
+}, I4 = /* @__PURE__ */ Y({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -9409,11 +9409,11 @@ const $4 = {
       });
     };
     return (r, d) => (c(), m("div", $4, [
-      r.title || r.$slots.header ? X(r.$slots, "header", { key: 0 }, () => {
+      r.title || r.$slots.header ? x(r.$slots, "header", { key: 0 }, () => {
         var u;
         return [
           f("div", M4, [
-            r.title ? (c(), R(f4, {
+            r.title ? (c(), N(f4, {
               key: 0,
               title: r.title,
               level: 3,
@@ -9461,7 +9461,7 @@ const $4 = {
               onRemoveAssignee: () => r.isEditable && i({ id: u.id, assigneeId: null })
             }, {
               secondary: U(() => [
-                r.isEditable ? (c(), R(fe, {
+                r.isEditable ? (c(), N(fe, {
                   key: 0,
                   color: "primary",
                   variant: "ghost",
@@ -9492,8 +9492,8 @@ const $4 = {
         _: 1
       }, 16, ["list", "disabled"]),
       r.$slots.footer || r.footerLabel ? (c(), m("div", E4, [
-        X(r.$slots, "footer", {}, () => [
-          r.isEditable ? (c(), R(Je, {
+        x(r.$slots, "footer", {}, () => [
+          r.isEditable ? (c(), N(Je, {
             key: 0,
             "icon-name": "AddBoxOutlineRounded",
             label: r.footerLabel,
@@ -9504,7 +9504,7 @@ const $4 = {
     ]));
   }
 });
-const O4 = { class: "ao-field ao-search-field" }, L4 = ["value", "placeholder", "onKeypress"], V4 = /* @__PURE__ */ K({
+const O4 = { class: "ao-field ao-search-field" }, L4 = ["value", "placeholder", "onKeypress"], V4 = /* @__PURE__ */ Y({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -9531,14 +9531,14 @@ const O4 = { class: "ao-field ao-search-field" }, L4 = ["value", "placeholder",
       }, null, 40, L4),
       S(ce, {
         name: "SearchRounded",
-        class: x(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
+        class: G(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
       }, null, 8, ["class"]),
       S(fe, {
         "icon-name": "CloseRounded",
         size: "sm",
         color: "primary",
         corners: "round",
-        class: x(`ao-search-field__button ao-search-field__action ${i.modelValue ? "ao-search-field__action--visible" : ""}`),
+        class: G(`ao-search-field__button ao-search-field__action ${i.modelValue ? "ao-search-field__action--visible" : ""}`),
         onClick: o
       }, null, 8, ["class"])
     ]));
@@ -9572,7 +9572,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
 }, q4 = { class: "ao-field__label" }, z4 = {
   key: 2,
   class: "ao-field ao-feed__activity-details__status"
-}, W4 = { class: "ao-field__label" }, Y4 = { class: "ao-field__row" }, K4 = { class: "ao-field" }, G4 = { class: "ao-field__label" }, x4 = /* @__PURE__ */ K({
+}, W4 = { class: "ao-field__label" }, Y4 = { class: "ao-field__row" }, K4 = { class: "ao-field" }, G4 = { class: "ao-field__label" }, x4 = /* @__PURE__ */ Y({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -9597,16 +9597,16 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
     ue(
       [() => t.statuses, () => t.activities, () => t.initialActivityId],
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      async ([M, Y, ie], [B, T]) => {
+      async ([M, K, ie], [B, T]) => {
         r.value = Object.fromEntries(
-          M.map((N) => [
-            N.id,
-            Y.filter((pe) => {
+          M.map((R) => [
+            R.id,
+            K.filter((pe) => {
               var Me;
-              return ((Me = pe.status) == null ? void 0 : Me.id) === N.id;
+              return ((Me = pe.status) == null ? void 0 : Me.id) === R.id;
             })
           ])
-        ), ie && !d.value && (l(ie), d.value = !0), u.value && Ue(Y, T);
+        ), ie && !d.value && (l(ie), d.value = !0), u.value && Ue(K, T);
       },
       { immediate: !0 }
     );
@@ -9614,15 +9614,15 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
       var M;
       return !i.value || !i.value.milestone ? "" : `${((M = i.value.milestone.phase) == null ? void 0 : M.name) ?? ""} / ${i.value.milestone.name ?? ""}`;
     }), p = (M) => {
-      var N, pe;
-      const Y = (N = t.activities) == null ? void 0 : N.at(-1), ie = Y ? Te.LexoRank.parse(Y.rank).genNext() : Te.LexoRank.middle(), B = ((pe = t.activities) == null ? void 0 : pe.length) ?? 0, T = {
+      var R, pe;
+      const K = (R = t.activities) == null ? void 0 : R.at(-1), ie = K ? Te.LexoRank.parse(K.rank).genNext() : Te.LexoRank.middle(), B = ((pe = t.activities) == null ? void 0 : pe.length) ?? 0, T = {
         name: n("activity.defaultName", { idx: B + 1 }),
         rank: ie.format(),
         statusId: M.id
       };
       t.filters.assigneeId.length > 0 && (T.assigneeId = t.filters.assigneeId[0]), t.filters.projectId.length > 0 && (T.projectId = t.filters.projectId[0]), t.filters.typeId.length > 0 && (T.typeId = t.filters.typeId[0]), u.value = !0, e("addActivity", T);
-    }, C = (M, Y) => {
-      u.value = !1, e("update:filters", { ...t.filters, [M]: Y });
+    }, C = (M, K) => {
+      u.value = !1, e("update:filters", { ...t.filters, [M]: K });
     }, w = b(
       () => t.project ? [t.project] : t.projects ?? []
     ), $ = b(() => w.value.map((M) => ({
@@ -9630,9 +9630,9 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
       label: M.name
     }))), A = b(() => {
       var M;
-      return (M = t.activityTypes) == null ? void 0 : M.map((Y) => ({
-        value: Y.id,
-        label: Y.name
+      return (M = t.activityTypes) == null ? void 0 : M.map((K) => ({
+        value: K.id,
+        label: K.name
       }));
     }), g = b(() => t.users.map((M) => ({
       value: M.id,
@@ -9657,7 +9657,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
       }
     }), H = (M) => {
       u.value = !1, e("update:searchText", M);
-    }, G = (M) => {
+    }, X = (M) => {
       u.value = !1, e("clear:searchText", M);
     }, te = (M) => {
       i.value && e("addSubtask", M);
@@ -9675,18 +9675,18 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
         activityId: i.value.id
       });
     }, z = (M) => {
-      const { id: Y } = i.value || {};
-      Y && e("updateComment", M);
+      const { id: K } = i.value || {};
+      K && e("updateComment", M);
     }, ae = (M) => {
-      const { id: Y } = i.value || {};
-      Y && e("removeComment", M);
+      const { id: K } = i.value || {};
+      K && e("removeComment", M);
     }, re = b(() => w.value.map((M) => ({
       value: M.id,
       label: M.name
     }))), oe = b(() => {
-      var Y, ie, B;
-      const M = (B = (ie = (Y = i.value) == null ? void 0 : Y.project) == null ? void 0 : ie.phases) == null ? void 0 : B.reduce(
-        (T, N) => [...T, ...N.milestones],
+      var K, ie, B;
+      const M = (B = (ie = (K = i.value) == null ? void 0 : K.project) == null ? void 0 : ie.phases) == null ? void 0 : B.reduce(
+        (T, R) => [...T, ...R.milestones],
         []
       );
       return M == null ? void 0 : M.map((T) => ({
@@ -9705,9 +9705,9 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
       });
     }, F = b(() => {
       var M;
-      return (M = t.statuses) == null ? void 0 : M.map((Y) => ({
-        value: Y.id,
-        label: Y.name
+      return (M = t.statuses) == null ? void 0 : M.map((K) => ({
+        value: K.id,
+        label: K.name
       }));
     }), ne = (M) => {
       i.value && e("update:activity", {
@@ -9715,18 +9715,18 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
         statusId: M
       });
     };
-    return (M, Y) => {
+    return (M, K) => {
       var ie;
       return c(), m("div", B4, [
         S(d1, null, {
           primary: U(() => [
             f("div", N4, [
-              t.project ? (c(), R(Ra, {
+              t.project ? (c(), N(Ra, {
                 key: 0,
                 "is-left": !1,
                 "right-label": M.$t("project.switch.feed"),
                 "left-label": M.$t("project.switch.overview"),
-                "onUpdate:isLeft": Y[0] || (Y[0] = (B) => {
+                "onUpdate:isLeft": K[0] || (K[0] = (B) => {
                   B && M.$router.push({ name: q(He).project });
                 })
               }, null, 8, ["right-label", "left-label"])) : k("", !0),
@@ -9735,9 +9735,9 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                 placeholder: M.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
                 "onUpdate:modelValue": H,
-                onClear: G
+                onClear: X
               }, null, 8, ["model-value", "placeholder"]),
-              t.project ? k("", !0) : (c(), R(be, {
+              t.project ? k("", !0) : (c(), N(be, {
                 key: 1,
                 "model-value": M.filters[q(dt).project],
                 mode: "tags",
@@ -9746,9 +9746,9 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__projects",
                 placeholder: M.$t("feed.filters.project.placeholder"),
-                "onUpdate:modelValue": Y[1] || (Y[1] = (B) => C(q(dt).project, B))
+                "onUpdate:modelValue": K[1] || (K[1] = (B) => C(q(dt).project, B))
               }, null, 8, ["model-value", "options", "placeholder"])),
-              A.value ? (c(), R(be, {
+              A.value ? (c(), N(be, {
                 key: 2,
                 "model-value": M.filters[q(dt).type],
                 mode: "tags",
@@ -9757,7 +9757,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__types",
                 placeholder: M.$t("feed.filters.activityType.placeholder"),
-                "onUpdate:modelValue": Y[2] || (Y[2] = (B) => C(q(dt).type, B))
+                "onUpdate:modelValue": K[2] || (K[2] = (B) => C(q(dt).type, B))
               }, null, 8, ["model-value", "options", "placeholder"])) : k("", !0),
               S(be, {
                 "model-value": M.filters[q(dt).assignee],
@@ -9767,7 +9767,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__assignees",
                 placeholder: M.$t("feed.filters.assignee.placeholder"),
-                "onUpdate:modelValue": Y[3] || (Y[3] = (B) => C(q(dt).assignee, B))
+                "onUpdate:modelValue": K[3] || (K[3] = (B) => C(q(dt).assignee, B))
               }, {
                 tag: U(({
                   option: B,
@@ -9777,7 +9777,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                     "user-name": B.label,
                     "avatar-url": B.avatar,
                     "is-closable": !0,
-                    onClose: (N) => T(B, N)
+                    onClose: (R) => T(B, R)
                   }, null, 8, ["user-name", "avatar-url", "onClose"])
                 ]),
                 _: 1
@@ -9793,13 +9793,13 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
               label: M.$t("feed.filters.showsArchivedActivities.label"),
               role: "checkbox",
               "aria-checked": M.showsArchivedActivities,
-              onClick: Y[4] || (Y[4] = (B) => M.$emit("update:showsArchivedActivities", !M.showsArchivedActivities))
+              onClick: K[4] || (K[4] = (B) => M.$emit("update:showsArchivedActivities", !M.showsArchivedActivities))
             }, null, 8, ["icon-name", "label", "aria-checked"])
           ]),
           _: 1
         }),
         f("div", R4, [
-          (c(!0), m(ve, null, ye(M.statuses, (B) => (c(), R(I4, {
+          (c(!0), m(ve, null, ye(M.statuses, (B) => (c(), N(I4, {
             key: B.id,
             status: B,
             list: r.value[B.id],
@@ -9813,8 +9813,8 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
             onUpdateActivity: L
           }, null, 8, ["status", "list", "title", "footer-label", "users", "is-editable", "onAdd"]))), 128))
         ]),
-        (c(), R(It, { to: "body" }, [
-          q(i) ? (c(), R(U1, {
+        (c(), N(It, { to: "body" }, [
+          q(i) ? (c(), N(U1, {
             key: 0,
             activity: q(i),
             "activity-types": A.value,
@@ -9826,7 +9826,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
             statuses: M.statuses,
             breadcrumbs: v.value,
             "is-editable": M.isEditable,
-            onClose: Y[6] || (Y[6] = () => l(null)),
+            onClose: K[6] || (K[6] = () => l(null)),
             "onUpdate:activity": y,
             onAddSubtask: te,
             onUpdateSubtask: E,
@@ -9838,7 +9838,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
             onRemoveComment: ae
           }, {
             header: U(() => {
-              var B, T, N;
+              var B, T, R;
               return [
                 f("div", U4, [
                   re.value && !t.project ? (c(), m("label", j4, [
@@ -9867,7 +9867,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                     f("span", W4, Z(M.$t("activity.status.label")), 1),
                     S(be, {
                       options: F.value,
-                      value: (N = q(i).status) == null ? void 0 : N.id,
+                      value: (R = q(i).status) == null ? void 0 : R.id,
                       "can-clear": !1,
                       "can-deselect": !1,
                       disabled: !M.isEditable,
@@ -9883,7 +9883,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                 f("label", K4, [
                   f("span", G4, Z(M.$t("activity.deadline.label")), 1),
                   tt(f("input", {
-                    "onUpdate:modelValue": Y[5] || (Y[5] = (T) => W.value = T),
+                    "onUpdate:modelValue": K[5] || (K[5] = (T) => W.value = T),
                     class: "ao-field__input",
                     type: "date"
                   }, null, 512), [
@@ -9896,7 +9896,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                   ])
                 ])
               ]),
-              X(M.$slots, "activityDetailsBody", a1(s1(B)))
+              x(M.$slots, "activityDetailsBody", a1(s1(B)))
             ]),
             _: 3
           }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable"])) : k("", !0)
@@ -9971,7 +9971,7 @@ const ft = {
       }
     ]
   }
-], X4 = { class: "ao-templates" }, Q4 = /* @__PURE__ */ K({
+], X4 = { class: "ao-templates" }, Q4 = /* @__PURE__ */ Y({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -10055,38 +10055,56 @@ const ft = {
     ]));
   }
 });
-const J4 = { class: "ao-field" }, e8 = { class: "ao-field__label" }, t8 = ["type", "value", "disabled", "readonly"], f8 = /* @__PURE__ */ K({
+const J4 = { class: "ao-field__label" }, e8 = /* @__PURE__ */ Y({
+  __name: "AoField",
+  props: {
+    label: {},
+    isMultiselect: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    return (e, t) => (c(), m("label", {
+      class: G(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
+    }, [
+      f("span", J4, Z(e.label), 1),
+      x(e.$slots, "default")
+    ], 2));
+  }
+}), t8 = ["type", "value", "disabled", "readonly"], f8 = /* @__PURE__ */ Y({
   __name: "AoInputField",
   props: {
     label: { default: "" },
     type: { default: "text" },
     modelValue: {},
     modelModifiers: { default: () => ({}) },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 }
+    isDisabled: { type: Boolean, default: !1 },
+    isReadonly: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
   setup(a) {
     const e = a, t = b(
       () => e.modelModifiers.lazy ? "change" : "input"
     );
-    return (n, s) => (c(), m("label", J4, [
-      f("span", e8, Z(n.label), 1),
-      f("input", Ee({
-        class: "ao-field__input",
-        type: n.type,
-        value: n.modelValue,
-        disabled: n.disabled,
-        readonly: n.readonly
-      }, {
-        [gs(t.value)]: s[0] || (s[0] = (o) => n.$emit("update:modelValue", o.target.value))
-      }), null, 16, t8)
-    ]));
+    return (n, s) => (c(), N(e8, { label: n.label }, {
+      default: U(() => [
+        f("input", Ee({
+          class: "ao-field__input",
+          type: n.type,
+          value: n.modelValue,
+          disabled: n.isDisabled,
+          readonly: n.isReadonly
+        }, {
+          [gs(t.value)]: s[0] || (s[0] = (o) => n.$emit("update:modelValue", o.target.value))
+        }), null, 16, t8)
+      ]),
+      _: 1
+    }, 8, ["label"]));
   }
 });
 export {
   x4 as AoFeed,
+  e8 as AoField,
   f8 as AoInputField,
+  be as AoMultiselect,
   X7 as AoTemplateDetails,
   o8 as AoTemplates,
   Q4 as AoTemplatesList,