@26lights/orcha 0.21.3 → 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 ls, popScopeId as rs, createStaticVNode as us, 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 ds, withCtx as U, createTextVNode as e1, createVNode as T, normalizeStyle as ua, withModifiers as _e, createSlots as t1, Fragment as ve, renderList as ye, onMounted as Dt, onBeforeUnmount as cs, onUnmounted as da, toRefs as $e, getCurrentInstance as st, toRef as vt, normalizeProps as fs, guardReactiveProps as vs, onUpdated as ps, withDirectives as tt, vModelText as Et, vModelCheckbox as x1, 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,26 +614,26 @@ 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 S1 = (a) => (ls("data-v-ad6da4a9"), a = a(), rs(), a), Kl = {
+const I1 = (a) => (us("data-v-ad6da4a9"), a = a(), ds(), a), Kl = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Gl = /* @__PURE__ */ S1(() => /* @__PURE__ */ f("circle", {
+}, Gl = /* @__PURE__ */ I1(() => /* @__PURE__ */ f("circle", {
   class: "dot dot--1",
   cx: "6",
   cy: "12",
   r: "2"
-}, null, -1)), xl = /* @__PURE__ */ S1(() => /* @__PURE__ */ f("circle", {
+}, null, -1)), xl = /* @__PURE__ */ I1(() => /* @__PURE__ */ f("circle", {
   class: "dot dot--2",
   cx: "12",
   cy: "12",
   r: "2"
-}, null, -1)), Xl = /* @__PURE__ */ S1(() => /* @__PURE__ */ f("circle", {
+}, null, -1)), Xl = /* @__PURE__ */ I1(() => /* @__PURE__ */ f("circle", {
   class: "dot dot--3",
   cx: "18",
   cy: "12",
@@ -843,7 +843,7 @@ const M2 = /* @__PURE__ */ P(g2, [["render", $2]]), k2 = {}, A2 = {
   viewBox: "0 0 26 29",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, T2 = /* @__PURE__ */ us('<g filter="url(#filter0_d_2030_169)"><path d="M19.9 20.3L14.3 14.7C13.8 15.1 13.225 15.4167 12.575 15.65C11.925 15.8833 11.2333 16 10.5 16C8.68333 16 7.146 15.3707 5.888 14.112C4.63 12.8533 4.00067 11.316 4 9.5C4 7.68333 4.62933 6.146 5.888 4.888C7.14667 3.63 8.684 3.00067 10.5 3C12.3167 3 13.854 3.62933 15.112 4.888C16.37 6.14667 16.9993 7.684 17 9.5C17 10.2333 16.8833 10.925 16.65 11.575C16.4167 12.225 16.1 12.8 15.7 13.3L21.325 18.925C21.5083 19.1083 21.6 19.3333 21.6 19.6C21.6 19.8667 21.5 20.1 21.3 20.3C21.1167 20.4833 20.8833 20.575 20.6 20.575C20.3167 20.575 20.0833 20.4833 19.9 20.3ZM10.5 14C11.75 14 12.8127 13.5623 13.688 12.687C14.5633 11.8117 15.0007 10.7493 15 9.5C15 8.25 14.5623 7.18733 13.687 6.312C12.8117 5.43667 11.7493 4.99933 10.5 5C9.25 5 8.18733 5.43767 7.312 6.313C6.43667 7.18833 5.99933 8.25067 6 9.5C6 10.75 6.43767 11.8127 7.313 12.688C8.18833 13.5633 9.25067 14.0007 10.5 14Z" fill="black"></path></g><defs><filter id="filter0_d_2030_169" x="-3" y="0" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2030_169"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2030_169" result="shape"></feBlend></filter></defs>', 2), S2 = [
+}, T2 = /* @__PURE__ */ cs('<g filter="url(#filter0_d_2030_169)"><path d="M19.9 20.3L14.3 14.7C13.8 15.1 13.225 15.4167 12.575 15.65C11.925 15.8833 11.2333 16 10.5 16C8.68333 16 7.146 15.3707 5.888 14.112C4.63 12.8533 4.00067 11.316 4 9.5C4 7.68333 4.62933 6.146 5.888 4.888C7.14667 3.63 8.684 3.00067 10.5 3C12.3167 3 13.854 3.62933 15.112 4.888C16.37 6.14667 16.9993 7.684 17 9.5C17 10.2333 16.8833 10.925 16.65 11.575C16.4167 12.225 16.1 12.8 15.7 13.3L21.325 18.925C21.5083 19.1083 21.6 19.3333 21.6 19.6C21.6 19.8667 21.5 20.1 21.3 20.3C21.1167 20.4833 20.8833 20.575 20.6 20.575C20.3167 20.575 20.0833 20.4833 19.9 20.3ZM10.5 14C11.75 14 12.8127 13.5623 13.688 12.687C14.5633 11.8117 15.0007 10.7493 15 9.5C15 8.25 14.5623 7.18733 13.687 6.312C12.8117 5.43667 11.7493 4.99933 10.5 5C9.25 5 8.18733 5.43767 7.312 6.313C6.43667 7.18833 5.99933 8.25067 6 9.5C6 10.75 6.43767 11.8127 7.313 12.688C8.18833 13.5633 9.25067 14.0007 10.5 14Z" fill="black"></path></g><defs><filter id="filter0_d_2030_169" x="-3" y="0" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2030_169"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2030_169" result="shape"></feBlend></filter></defs>', 2), S2 = [
   T2
 ];
 function E2(a, e) {
@@ -1134,7 +1134,7 @@ const od = /* @__PURE__ */ P(td, [["render", id]]), ld = /* @__PURE__ */ Object.
   SOLID: "solid",
   GHOST: "ghost",
   OUTLINE: "outline"
-}, a1 = {
+}, n1 = {
   SM: "sm",
   MD: "md",
   LG: "lg",
@@ -1143,26 +1143,26 @@ const od = /* @__PURE__ */ P(td, [["render", id]]), ld = /* @__PURE__ */ Object.
   PRIMARY: "primary",
   NEUTRAL: "neutral",
   BLACK: "black"
-}, ca = {
+}, va = {
   ROUND: "round",
   ROUNDED: "rounded"
-}, ce = /* @__PURE__ */ K({
+}, ce = /* @__PURE__ */ Y({
   __name: "AoIcon",
   props: {
     name: {},
-    size: { default: a1.MD }
+    size: { default: n1.MD }
   },
   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: () => "" },
@@ -1172,15 +1172,15 @@ const dd = ["type"], cd = {
     type: { default: () => "button" },
     color: {},
     footer: { type: Boolean, default: () => !1 },
-    size: { default: () => a1.MD },
+    size: { default: () => n1.MD },
     isLoading: { type: Boolean, default: () => !1 },
-    corners: { default: () => ca.ROUNDED }
+    corners: { default: () => va.ROUNDED }
   },
   setup(a) {
     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",
@@ -1203,7 +1203,7 @@ const dd = ["type"], cd = {
     ], 10, dd));
   }
 });
-function fa(a) {
+function pa(a) {
   const e = J(!1), t = J(""), n = b(() => "value" in a.value ? "value" : "innerHTML"), s = () => {
     e.value = !e.value;
   }, o = (r) => {
@@ -1232,7 +1232,7 @@ function fa(a) {
     onDiscard: i
   };
 }
-const Ce = /* @__PURE__ */ K({
+const Ce = /* @__PURE__ */ Y({
   __name: "AoTitle",
   props: {
     id: {},
@@ -1244,7 +1244,7 @@ const Ce = /* @__PURE__ */ K({
   },
   emits: ["update:title", "toggle-is-editing"],
   setup(a, { emit: e }) {
-    const t = a, n = J(null), { isEditing: s, setIsEditing: o, onUpdate: i, onDiscard: l } = fa(n), r = b(() => s.value ? "input" : t.tag || `h${t.level}`), d = b(() => t.isEditable ? s.value ? {
+    const t = a, n = J(null), { isEditing: s, setIsEditing: o, onUpdate: i, onDiscard: l } = pa(n), r = b(() => s.value ? "input" : t.tag || `h${t.level}`), d = b(() => t.isEditable ? s.value ? {
       change: u,
       click: ($) => $.stopPropagation(),
       blur: p
@@ -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,
@@ -1284,7 +1284,7 @@ const Ce = /* @__PURE__ */ K({
       value: q(s) ? $.title : null,
       tabindex: "0",
       onKeyup: Ye(C, ["enter"])
-    }, ds(d.value), {
+    }, fs(d.value), {
       onKeydown: Ye(q(v), ["esc"])
     }), {
       default: U(() => [
@@ -1315,7 +1315,7 @@ const fd = {
 }, yd = {
   key: 3,
   class: "ao-card-horiz__secondary"
-}, va = /* @__PURE__ */ K({
+}, ha = /* @__PURE__ */ Y({
   __name: "AoCardHoriz",
   props: {
     id: {},
@@ -1332,26 +1332,26 @@ 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, [
-          T(ce, {
+          S(ce, {
             name: "DragIndicator",
             class: "ao-card-horiz__drag-handle"
           })
         ])) : k("", !0),
         f("div", vd, [
           n.icon ? (c(), m("div", pd, [
-            T(ce, {
+            S(ce, {
               class: "ao-card-horiz__icon",
               name: n.icon,
               size: "xl"
             }, null, 8, ["name"])
           ])) : k("", !0),
           f("div", hd, [
-            T(Ce, {
+            S(Ce, {
               id: n.id,
               class: "ao-card-horiz__title",
               level: 4,
@@ -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 E1 = /* @__PURE__ */ K({
+const O1 = /* @__PURE__ */ Y({
   __name: "AoTag",
   props: {
     label: {},
@@ -1397,16 +1397,16 @@ const E1 = /* @__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" : "",
         s.closable ? "ao-tag--closable" : "",
         s.variant ? `ao-tag--${s.variant}` : ""
       ]),
-      style: ua(s.rawColor ? { "--ao-tag-bg": s.rawColor } : {})
+      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(() => [
@@ -1419,7 +1419,7 @@ const E1 = /* @__PURE__ */ K({
         class: "ao-tag__close",
         onClick: o[1] || (o[1] = (i) => s.$emit("close", i))
       }, [
-        T(ce, {
+        S(ce, {
           name: "CloseRounded",
           size: "sm",
           class: "ao-tag__close-icon"
@@ -1428,7 +1428,7 @@ const E1 = /* @__PURE__ */ K({
     ], 6));
   }
 });
-const k1 = {
+const T1 = {
   todo: "todo",
   done: "done",
   archived: "archived"
@@ -1498,18 +1498,18 @@ function kd(a, e) {
   return new Date(t + n);
 }
 var Ad = {};
-function s1() {
+function i1() {
   return Ad;
 }
 function Td(a) {
   var e = new Date(Date.UTC(a.getFullYear(), a.getMonth(), a.getDate(), a.getHours(), a.getMinutes(), a.getSeconds(), a.getMilliseconds()));
   return e.setUTCFullYear(a.getFullYear()), a.getTime() - e.getTime();
 }
-var pa = 6e4, ha = 36e5;
+var ma = 6e4, Ca = 36e5;
 function Sd(a) {
   return ge(1, arguments), a instanceof Date || Yt(a) === "object" && Object.prototype.toString.call(a) === "[object Date]";
 }
-function ma(a) {
+function _a(a) {
   if (ge(1, arguments), !Sd(a) && typeof a != "number")
     return !1;
   var e = Be(a);
@@ -1533,7 +1533,7 @@ function Kt(a) {
   var e = 1, t = Be(a), n = t.getUTCDay(), s = (n < e ? 7 : 0) + n - e;
   return t.setUTCDate(t.getUTCDate() - s), t.setUTCHours(0, 0, 0, 0), t;
 }
-function Ca(a) {
+function ga(a) {
   ge(1, arguments);
   var e = Be(a), t = e.getUTCFullYear(), n = /* @__PURE__ */ new Date(0);
   n.setUTCFullYear(t + 1, 0, 4), n.setUTCHours(0, 0, 0, 0);
@@ -1544,7 +1544,7 @@ function Ca(a) {
 }
 function Ld(a) {
   ge(1, arguments);
-  var e = Ca(a), t = /* @__PURE__ */ new Date(0);
+  var e = ga(a), t = /* @__PURE__ */ new Date(0);
   t.setUTCFullYear(e, 0, 4), t.setUTCHours(0, 0, 0, 0);
   var n = Kt(t);
   return n;
@@ -1558,16 +1558,16 @@ function Dd(a) {
 function Gt(a, e) {
   var t, n, s, o, i, l, r, d;
   ge(1, arguments);
-  var u = s1(), v = Ke((t = (n = (s = (o = e == null ? void 0 : e.weekStartsOn) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && s !== void 0 ? s : u.weekStartsOn) !== null && n !== void 0 ? n : (r = u.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.weekStartsOn) !== null && t !== void 0 ? t : 0);
+  var u = i1(), v = Ke((t = (n = (s = (o = e == null ? void 0 : e.weekStartsOn) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && s !== void 0 ? s : u.weekStartsOn) !== null && n !== void 0 ? n : (r = u.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(v >= 0 && v <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   var p = Be(a), C = p.getUTCDay(), w = (C < v ? 7 : 0) + C - v;
   return p.setUTCDate(p.getUTCDate() - w), p.setUTCHours(0, 0, 0, 0), p;
 }
-function _a(a, e) {
+function ya(a, e) {
   var t, n, s, o, i, l, r, d;
   ge(1, arguments);
-  var u = Be(a), v = u.getUTCFullYear(), p = s1(), C = Ke((t = (n = (s = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : p.firstWeekContainsDate) !== null && n !== void 0 ? n : (r = p.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
+  var u = Be(a), v = u.getUTCFullYear(), p = i1(), C = Ke((t = (n = (s = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : p.firstWeekContainsDate) !== null && n !== void 0 ? n : (r = p.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
   if (!(C >= 1 && C <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
   var w = /* @__PURE__ */ new Date(0);
@@ -1580,7 +1580,7 @@ function _a(a, e) {
 function Hd(a, e) {
   var t, n, s, o, i, l, r, d;
   ge(1, arguments);
-  var u = s1(), v = Ke((t = (n = (s = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : u.firstWeekContainsDate) !== null && n !== void 0 ? n : (r = u.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), p = _a(a, e), C = /* @__PURE__ */ new Date(0);
+  var u = i1(), v = Ke((t = (n = (s = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && s !== void 0 ? s : u.firstWeekContainsDate) !== null && n !== void 0 ? n : (r = u.locale) === null || r === void 0 || (d = r.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), p = ya(a, e), C = /* @__PURE__ */ new Date(0);
   C.setUTCFullYear(p, 0, v), C.setUTCHours(0, 0, 0, 0);
   var w = Gt(C, e);
   return w;
@@ -1693,7 +1693,7 @@ var ct = {
   },
   // Local week-numbering year
   Y: function(e, t, n, s) {
-    var o = _a(e, s), i = o > 0 ? o : 1 - o;
+    var o = ya(e, s), i = o > 0 ? o : 1 - o;
     if (t === "YY") {
       var l = i % 100;
       return le(l, 2);
@@ -1704,7 +1704,7 @@ var ct = {
   },
   // ISO week-numbering year
   R: function(e, t) {
-    var n = Ca(e);
+    var n = ga(e);
     return le(n, t.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
@@ -2133,7 +2133,7 @@ var ct = {
       return "Z";
     switch (t) {
       case "X":
-        return Q1(i);
+        return ea(i);
       case "XXXX":
       case "XX":
         return et(i);
@@ -2148,7 +2148,7 @@ var ct = {
     var o = s._originalDate || e, i = o.getTimezoneOffset();
     switch (t) {
       case "x":
-        return Q1(i);
+        return ea(i);
       case "xxxx":
       case "xx":
         return et(i);
@@ -2165,7 +2165,7 @@ var ct = {
       case "O":
       case "OO":
       case "OOO":
-        return "GMT" + X1(i, ":");
+        return "GMT" + J1(i, ":");
       case "OOOO":
       default:
         return "GMT" + et(i, ":");
@@ -2178,7 +2178,7 @@ var ct = {
       case "z":
       case "zz":
       case "zzz":
-        return "GMT" + X1(i, ":");
+        return "GMT" + J1(i, ":");
       case "zzzz":
       default:
         return "GMT" + et(i, ":");
@@ -2195,14 +2195,14 @@ var ct = {
     return le(i, t.length);
   }
 };
-function X1(a, e) {
+function J1(a, e) {
   var t = a > 0 ? "-" : "+", n = Math.abs(a), s = Math.floor(n / 60), o = n % 60;
   if (o === 0)
     return t + String(s);
   var i = e || "";
   return t + String(s) + i + le(o, 2);
 }
-function Q1(a, e) {
+function ea(a, e) {
   if (a % 60 === 0) {
     var t = a > 0 ? "-" : "+";
     return t + le(Math.abs(a) / 60, 2);
@@ -2214,7 +2214,7 @@ function et(a, e) {
   return n + o + t + i;
 }
 const Ud = Rd;
-var J1 = function(e, t) {
+var ta = function(e, t) {
   switch (e) {
     case "P":
       return t.date({
@@ -2234,7 +2234,7 @@ var J1 = function(e, t) {
         width: "full"
       });
   }
-}, ga = function(e, t) {
+}, ba = function(e, t) {
   switch (e) {
     case "p":
       return t.time({
@@ -2257,7 +2257,7 @@ var J1 = function(e, t) {
 }, jd = function(e, t) {
   var n = e.match(/(P+)(p+)?/) || [], s = n[1], o = n[2];
   if (!o)
-    return J1(e, t);
+    return ta(e, t);
   var i;
   switch (s) {
     case "P":
@@ -2282,9 +2282,9 @@ var J1 = function(e, t) {
       });
       break;
   }
-  return i.replace("{{date}}", J1(s, t)).replace("{{time}}", ga(o, t));
+  return i.replace("{{date}}", ta(s, t)).replace("{{time}}", ba(o, t));
 }, Zd = {
-  p: ga,
+  p: ba,
   P: jd
 };
 const Fd = Zd;
@@ -2295,7 +2295,7 @@ function Wd(a) {
 function Yd(a) {
   return zd.indexOf(a) !== -1;
 }
-function ea(a, e, t) {
+function aa(a, e, t) {
   if (a === "YYYY")
     throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(e, "`) for formatting years to the input `").concat(t, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
   if (a === "YY")
@@ -2372,7 +2372,7 @@ var Kd = {
   return typeof o == "string" ? s = o : t === 1 ? s = o.one : s = o.other.replace("{{count}}", t.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "in " + s : s + " ago" : s;
 };
 const xd = Gd;
-function b1(a) {
+function $1(a) {
   return function() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.width ? String(e.width) : a.defaultWidth, n = a.formats[t] || a.formats[a.defaultWidth];
     return n;
@@ -2394,15 +2394,15 @@ var Xd = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, ec = {
-  date: b1({
+  date: $1({
     formats: Xd,
     defaultWidth: "full"
   }),
-  time: b1({
+  time: $1({
     formats: Qd,
     defaultWidth: "full"
   }),
-  dateTime: b1({
+  dateTime: $1({
     formats: Jd,
     defaultWidth: "full"
   })
@@ -2699,29 +2699,29 @@ 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 = s1(), 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 (!ma(ee))
+  if (!_a(ee))
     throw new RangeError("Invalid time value");
   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) && ea(ae, e, String(a)), !(t != null && t.useAdditionalDayOfYearTokens) && Wd(ae) && ea(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;
@@ -2817,10 +2817,10 @@ function Yc(a) {
   var e = a.match(Zc);
   if (!e)
     return NaN;
-  var t = w1(e[1]), n = w1(e[2]), s = w1(e[3]);
-  return e0(t, n, s) ? t * ha + n * pa + s * 1e3 : NaN;
+  var t = M1(e[1]), n = M1(e[2]), s = M1(e[3]);
+  return e0(t, n, s) ? t * Ca + n * ma + s * 1e3 : NaN;
 }
-function w1(a) {
+function M1(a) {
   return a && parseFloat(a.replace(",", ".")) || 0;
 }
 function Kc(a) {
@@ -2830,7 +2830,7 @@ function Kc(a) {
   if (!e)
     return 0;
   var t = e[1] === "+" ? -1 : 1, n = parseInt(e[2]), s = e[3] && parseInt(e[3]) || 0;
-  return t0(n, s) ? t * (n * ha + s * pa) : NaN;
+  return t0(n, s) ? t * (n * Ca + s * ma) : NaN;
 }
 function Gc(a, e, t) {
   var n = /* @__PURE__ */ new Date(0);
@@ -2839,14 +2839,14 @@ function Gc(a, e, t) {
   return n.setUTCDate(n.getUTCDate() + o), n;
 }
 var xc = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function ya(a) {
+function wa(a) {
   return a % 400 === 0 || a % 4 === 0 && a % 100 !== 0;
 }
 function Xc(a, e, t) {
-  return e >= 0 && e <= 11 && t >= 1 && t <= (xc[e] || (ya(a) ? 29 : 28));
+  return e >= 0 && e <= 11 && t >= 1 && t <= (xc[e] || (wa(a) ? 29 : 28));
 }
 function Qc(a, e) {
-  return e >= 1 && e <= (ya(a) ? 366 : 365);
+  return e >= 1 && e <= (wa(a) ? 366 : 365);
 }
 function Jc(a, e, t) {
   return e >= 1 && e <= 53 && t >= 0 && t <= 6;
@@ -2857,10 +2857,10 @@ function e0(a, e, t) {
 function t0(a, e) {
   return e >= 0 && e <= 59;
 }
-var Se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Te = {}, ba = {}, At = {}, Ht = {}, _t = {}, n1 = {};
-Object.defineProperty(n1, "__esModule", { value: !0 });
-n1.lexoHelper = void 0;
-n1.lexoHelper = {
+var Se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Te = {}, $a = {}, At = {}, Ht = {}, _t = {}, o1 = {};
+Object.defineProperty(o1, "__esModule", { value: !0 });
+o1.lexoHelper = void 0;
+o1.lexoHelper = {
   arrayCopy: a0
 };
 function a0(a, e, t, n, s) {
@@ -2897,7 +2897,7 @@ class s0 {
 Pt.default = s0;
 Object.defineProperty(_t, "__esModule", { value: !0 });
 _t.LexoInteger = void 0;
-const qt = n1, n0 = Pt;
+const qt = o1, n0 = Pt;
 class Q {
   constructor(e, t, n) {
     this.sys = e, this.sign = t, this.mag = n;
@@ -3204,12 +3204,12 @@ class ke {
   }
 }
 Ht.LexoDecimal = ke;
-var zt = {}, ta;
-function wa() {
-  if (ta)
+var zt = {}, sa;
+function Ma() {
+  if (sa)
     return zt;
-  ta = 1, Object.defineProperty(zt, "__esModule", { value: !0 });
-  const a = _t, e = Ma();
+  sa = 1, Object.defineProperty(zt, "__esModule", { value: !0 });
+  const a = _t, e = Aa();
   class t {
     constructor(s) {
       this.value = a.LexoInteger.parse(s, e.LexoRank.NUMERAL_SYSTEM);
@@ -3262,11 +3262,11 @@ function wa() {
   }
   return zt.default = t, zt;
 }
-var I1 = {}, $a = {};
-Object.defineProperty($a, "__esModule", { value: !0 });
-var i1 = {};
-Object.defineProperty(i1, "__esModule", { value: !0 });
-i1.LexoNumeralSystem10 = void 0;
+var L1 = {}, ka = {};
+Object.defineProperty(ka, "__esModule", { value: !0 });
+var l1 = {};
+Object.defineProperty(l1, "__esModule", { value: !0 });
+l1.LexoNumeralSystem10 = void 0;
 class o0 {
   getBase() {
     return 10;
@@ -3289,10 +3289,10 @@ class o0 {
     return String.fromCharCode(e + 48);
   }
 }
-i1.LexoNumeralSystem10 = o0;
-var o1 = {};
-Object.defineProperty(o1, "__esModule", { value: !0 });
-o1.LexoNumeralSystem36 = void 0;
+l1.LexoNumeralSystem10 = o0;
+var r1 = {};
+Object.defineProperty(r1, "__esModule", { value: !0 });
+r1.LexoNumeralSystem36 = void 0;
 class l0 {
   constructor() {
     this.DIGITS = "0123456789abcdefghijklmnopqrstuvwxyz".split("");
@@ -3320,10 +3320,10 @@ class l0 {
     return this.DIGITS[e];
   }
 }
-o1.LexoNumeralSystem36 = l0;
-var l1 = {};
-Object.defineProperty(l1, "__esModule", { value: !0 });
-l1.LexoNumeralSystem64 = void 0;
+r1.LexoNumeralSystem36 = l0;
+var u1 = {};
+Object.defineProperty(u1, "__esModule", { value: !0 });
+u1.LexoNumeralSystem64 = void 0;
 class r0 {
   constructor() {
     this.DIGITS = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ^_abcdefghijklmnopqrstuvwxyz".split("");
@@ -3357,7 +3357,7 @@ class r0 {
     return this.DIGITS[e];
   }
 }
-l1.LexoNumeralSystem64 = r0;
+u1.LexoNumeralSystem64 = r0;
 (function(a) {
   var e = Se && Se.__createBinding || (Object.create ? function(n, s, o, i) {
     i === void 0 && (i = o);
@@ -3371,14 +3371,14 @@ l1.LexoNumeralSystem64 = r0;
     for (var o in n)
       o !== "default" && !Object.prototype.hasOwnProperty.call(s, o) && e(s, n, o);
   };
-  Object.defineProperty(a, "__esModule", { value: !0 }), t($a, a), t(i1, a), t(o1, a), t(l1, a);
-})(I1);
-var aa;
-function Ma() {
-  if (aa)
+  Object.defineProperty(a, "__esModule", { value: !0 }), t(ka, a), t(l1, a), t(r1, a), t(u1, a);
+})(L1);
+var na;
+function Aa() {
+  if (na)
     return At;
-  aa = 1, Object.defineProperty(At, "__esModule", { value: !0 }), At.LexoRank = void 0;
-  const a = Ht, e = wa(), t = Pt, n = I1;
+  na = 1, Object.defineProperty(At, "__esModule", { value: !0 }), At.LexoRank = void 0;
+  const a = Ht, e = Ma(), t = Pt, n = L1;
   class s {
     constructor(i, l) {
       this.value = i.format() + "|" + s.formatDecimal(l), this.bucket = i, this.decimal = l;
@@ -3564,8 +3564,8 @@ function Ma() {
     for (var o in n)
       o !== "default" && !Object.prototype.hasOwnProperty.call(s, o) && e(s, n, o);
   };
-  Object.defineProperty(a, "__esModule", { value: !0 }), t(Ma(), a), t(wa(), a), t(Ht, a), t(_t, a);
-})(ba);
+  Object.defineProperty(a, "__esModule", { value: !0 }), t(Aa(), a), t(Ma(), a), t(Ht, a), t(_t, a);
+})($a);
 (function(a) {
   var e = Se && Se.__createBinding || (Object.create ? function(n, s, o, i) {
     i === void 0 && (i = o);
@@ -3579,9 +3579,9 @@ function Ma() {
     for (var o in n)
       o !== "default" && !Object.prototype.hasOwnProperty.call(s, o) && e(s, n, o);
   };
-  Object.defineProperty(a, "__esModule", { value: !0 }), t(ba, a), t(I1, a);
+  Object.defineProperty(a, "__esModule", { value: !0 }), t($a, a), t(L1, a);
 })(Te);
-function ka(a) {
+function Ta(a) {
   return (a == null ? void 0 : a.reduce((e, t) => {
     var n;
     return e + (((n = t.activities) == null ? void 0 : n.length) ?? 0);
@@ -3596,7 +3596,7 @@ function u0(a) {
 function d0(a) {
   return (a == null ? void 0 : a.reduce((e, t) => {
     var s;
-    const n = (s = t.milestones) != null && s.length ? ka(t.milestones) : 0;
+    const n = (s = t.milestones) != null && s.length ? Ta(t.milestones) : 0;
     return e + n;
   }, 0)) ?? 0;
 }
@@ -3621,34 +3621,34 @@ function Ot(a, e, t) {
   }
   return !s && o ? Te.LexoRank.parse(o.rank).genPrev().format() : s && !o ? Te.LexoRank.parse(s.rank).genNext().format() : s && o ? Te.LexoRank.parse(o.rank).between(Te.LexoRank.parse(s.rank)).format() : Te.LexoRank.parse(n.rank).genNext().format();
 }
-function A1(a, e = "dd/MM/yyyy") {
+function S1(a, e = "dd/MM/yyyy") {
   if (!a)
     return "";
   const t = Uc(a);
-  return ma(t) ? Nc(t, e) : "";
+  return _a(t) ? Nc(t, e) : "";
 }
-function Aa(a, e) {
+function Sa(a, e) {
   return a.status.id === e.id;
 }
 function f0(a, e) {
-  return a.activities.length === 0 ? !1 : !a.activities.some((t) => !Aa(t, e));
+  return a.activities.length === 0 ? !1 : !a.activities.some((t) => !Sa(t, e));
 }
 function v0(a, e) {
   return {
     ...a,
-    status: f0(a, e) ? k1.done : k1.todo
+    status: f0(a, e) ? T1.done : T1.todo
   };
 }
 const p0 = ["title"], h0 = {
   key: 0,
   className: "ao-avatar__initials"
-}, m0 = ["src"], gt = /* @__PURE__ */ K({
+}, m0 = ["src"], gt = /* @__PURE__ */ Y({
   __name: "AoAvatar",
   props: {
     userName: {},
     avatarUrl: {},
     isClosable: { type: Boolean },
-    size: { default: a1.MD }
+    size: { default: n1.MD }
   },
   emits: ["close"],
   setup(a, { emit: e }) {
@@ -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(va, {
+    return (n, s) => (c(), N(ha, {
       id: n.id,
       title: n.title,
       "is-draggable": !0,
@@ -3711,14 +3711,14 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
       subtitle: U(() => [
         f("ul", C0, [
           f("li", _0, [
-            T(ce, {
+            S(ce, {
               name: "MountainFlagOutlineRounded",
               size: "sm"
             }),
             f("span", g0, Z(n.milestones), 1)
           ]),
           f("li", y0, [
-            T(ce, {
+            S(ce, {
               name: "TaskOutlineRounded",
               size: "sm"
             }),
@@ -3730,14 +3730,14 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
         f("div", w0, [
           f("div", $0, [
             f("div", M0, [
-              T(ce, {
+              S(ce, {
                 name: "WaterfallChartRounded",
                 size: "sm"
               }),
               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(E1, {
+              (c(!0), m(ve, null, ye(n.phases, (o) => (c(), N(O1, {
                 key: o.id,
                 label: o.name || o.id,
                 color: "primary",
@@ -3766,7 +3766,7 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
                 f("span", D0, Z(n.$t("template.updatedBy.label")), 1)
               ]),
               f("div", H0, [
-                T(gt, { "user-name": n.updatedBy }, null, 8, ["user-name"])
+                S(gt, { "user-name": n.updatedBy }, null, 8, ["user-name"])
               ])
             ])) : k("", !0)
           ])
@@ -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"
-}, r1 = /* @__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: () => "" },
@@ -3813,25 +3813,25 @@ const U0 = ["type"], j0 = {
     iconPosition: {},
     type: { default: () => "button" },
     color: { default: () => ud.BLACK },
-    size: { default: () => a1.MD },
+    size: { default: () => n1.MD },
     isLoading: { type: Boolean, default: () => !1 },
-    corners: { default: () => ca.ROUNDED }
+    corners: { default: () => va.ROUNDED }
   },
   setup(a) {
     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" }, O1 = /* @__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,12 +3863,12 @@ const Z0 = { class: "ao-card-template-item__footer" }, F0 = {
     }, o = () => {
       e("remove");
     };
-    return (i, l) => (c(), R(va, { "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 }, [
             i.$props[r] ? (c(), m("li", F0, [
-              T(ce, {
+              S(ce, {
                 name: s[r],
                 size: "sm"
               }, null, 8, ["name"]),
@@ -3879,7 +3879,7 @@ const Z0 = { class: "ao-card-template-item__footer" }, F0 = {
       ]),
       secondary: U(() => [
         f("div", z0, [
-          T(fe, {
+          S(fe, {
             "icon-name": "DeleteOutlineRounded",
             variant: "ghost",
             size: "md",
@@ -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: {},
@@ -3903,20 +3903,20 @@ const W0 = /* @__PURE__ */ K({
     const e = a, t = b(() => {
       var s;
       return (s = e.milestones) == null ? void 0 : s.length;
-    }), n = b(() => e.milestones ? ka(e.milestones) : 0);
-    return (s, o) => (c(), R(O1, Ee({
+    }), n = b(() => e.milestones ? Ta(e.milestones) : 0);
+    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(O1, { 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",
@@ -3967,14 +3967,14 @@ const W0 = /* @__PURE__ */ K({
       onChange: i
     }, {
       header: U(() => [
-        T(Ce, {
+        S(Ce, {
           title: "Milestones",
           level: 3,
           class: "ao-list__title"
         })
       ]),
       item: U(({ element: d }) => [
-        (c(), R(Y0, {
+        (c(), N(Y0, {
           id: d.id,
           key: d.id,
           title: d.name,
@@ -3992,7 +3992,7 @@ const W0 = /* @__PURE__ */ K({
       ]),
       footer: U(() => [
         f("div", K0, [
-          T(Je, {
+          S(Je, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.milestones.add"),
             onClick: n
@@ -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(O1, { 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"),
@@ -4057,14 +4057,14 @@ const W0 = /* @__PURE__ */ K({
       onChange: i
     }, {
       header: U(() => [
-        T(Ce, {
+        S(Ce, {
           title: "Activities",
           level: 3,
           class: "ao-list__title"
         })
       ]),
       item: U(({ element: d }) => [
-        (c(), R(x0, {
+        (c(), N(x0, {
           id: d.id,
           key: d.id,
           title: d.name,
@@ -4078,7 +4078,7 @@ const W0 = /* @__PURE__ */ K({
       ]),
       footer: U(() => [
         f("div", X0, [
-          T(Je, {
+          S(Je, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.activities.add"),
             onClick: n
@@ -4094,7 +4094,7 @@ const W0 = /* @__PURE__ */ K({
 }, s3 = { class: "ao-modal__body" }, n3 = {
   key: 0,
   class: "ao-modal__footer"
-}, L1 = /* @__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",
@@ -4111,7 +4111,7 @@ const W0 = /* @__PURE__ */ K({
       f("div", J0, [
         f("div", e3, [
           f("div", t3, [
-            T(fe, {
+            S(fe, {
               "icon-name": "CloseRounded",
               variant: "ghost",
               color: "primary",
@@ -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));
@@ -4144,38 +4144,38 @@ const Lt = Math.min, Ae = Math.max, xt = Math.round, Wt = Math.floor, Ge = (a) =
   start: "end",
   end: "start"
 };
-function V1(a, e) {
+function H1(a, e) {
   return typeof a == "function" ? a(e) : a;
 }
 function mt(a) {
   return a.split("-")[0];
 }
-function u1(a) {
+function c1(a) {
   return a.split("-")[1];
 }
 function l3(a) {
   return a === "x" ? "y" : "x";
 }
-function Ta(a) {
+function Ea(a) {
   return a === "y" ? "height" : "width";
 }
-function D1(a) {
+function P1(a) {
   return ["top", "bottom"].includes(mt(a)) ? "y" : "x";
 }
-function Sa(a) {
-  return l3(D1(a));
+function Ia(a) {
+  return l3(P1(a));
 }
 function r3(a, e, t) {
   t === void 0 && (t = !1);
-  const n = u1(a), s = Sa(a), o = Ta(s);
+  const n = c1(a), s = Ia(a), o = Ea(s);
   let i = s === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
   return e.reference[o] > e.floating[o] && (i = Xt(i)), [i, Xt(i)];
 }
 function u3(a) {
   const e = Xt(a);
-  return [T1(a), e, T1(e)];
+  return [E1(a), e, E1(e)];
 }
-function T1(a) {
+function E1(a) {
   return a.replace(/start|end/g, (e) => o3[e]);
 }
 function d3(a, e, t) {
@@ -4192,9 +4192,9 @@ function d3(a, e, t) {
   }
 }
 function c3(a, e, t, n) {
-  const s = u1(a);
+  const s = c1(a);
   let o = d3(mt(a), t === "start", n);
-  return s && (o = o.map((i) => i + "-" + s), e && (o = o.concat(o.map(T1)))), o;
+  return s && (o = o.map((i) => i + "-" + s), e && (o = o.concat(o.map(E1)))), o;
 }
 function Xt(a) {
   return a.replace(/left|right|bottom|top/g, (e) => i3[e]);
@@ -4225,12 +4225,12 @@ function Qt(a) {
     bottom: a.y + a.height
   };
 }
-function sa(a, e, t) {
+function ia(a, e, t) {
   let {
     reference: n,
     floating: s
   } = a;
-  const o = D1(e), i = Sa(e), l = Ta(i), r = mt(e), d = o === "y", u = n.x + n.width / 2 - s.width / 2, v = n.y + n.height / 2 - s.height / 2, p = n[l] / 2 - s[l] / 2;
+  const o = P1(e), i = Ia(e), l = Ea(i), r = mt(e), d = o === "y", u = n.x + n.width / 2 - s.width / 2, v = n.y + n.height / 2 - s.height / 2, p = n[l] / 2 - s[l] / 2;
   let C;
   switch (r) {
     case "top":
@@ -4263,7 +4263,7 @@ function sa(a, e, t) {
         y: n.y
       };
   }
-  switch (u1(e)) {
+  switch (c1(e)) {
     case "start":
       C[i] -= p * (t && d ? -1 : 1);
       break;
@@ -4287,7 +4287,7 @@ const p3 = async (a, e, t) => {
   }), {
     x: u,
     y: v
-  } = sa(d, n, r), p = n, C = {}, w = 0;
+  } = ia(d, n, r), p = n, C = {}, w = 0;
   for (let $ = 0; $ < l.length; $++) {
     const {
       name: A,
@@ -4325,7 +4325,7 @@ const p3 = async (a, e, t) => {
       }) : W.rects), {
         x: u,
         y: v
-      } = sa(d, p, r)), $ = -1;
+      } = ia(d, p, r)), $ = -1;
       continue;
     }
   }
@@ -4337,7 +4337,7 @@ const p3 = async (a, e, t) => {
     middlewareData: C
   };
 };
-async function Ea(a, e) {
+async function Oa(a, e) {
   var t;
   e === void 0 && (e = {});
   const {
@@ -4353,7 +4353,7 @@ async function Ea(a, e) {
     elementContext: v = "floating",
     altBoundary: p = !1,
     padding: C = 0
-  } = V1(e, a), w = v3(C), A = l[p ? v === "floating" ? "reference" : "floating" : v], g = Qt(await o.getClippingRect({
+  } = H1(e, a), w = v3(C), A = l[p ? v === "floating" ? "reference" : "floating" : v], g = Qt(await o.getClippingRect({
     element: (t = await (o.isElement == null ? void 0 : o.isElement(A))) == null || t ? A : A.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
     boundary: d,
     rootBoundary: u,
@@ -4401,21 +4401,21 @@ const h3 = function(a) {
         fallbackAxisSideDirection: w = "none",
         flipAlignment: $ = !0,
         ...A
-      } = V1(a, e);
+      } = H1(a, e);
       if ((t = o.arrow) != null && t.alignmentOffset)
         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 Ea(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)
@@ -4465,7 +4465,7 @@ const h3 = function(a) {
         apply: i = () => {
         },
         ...l
-      } = V1(a, e), r = await Ea(e, l), d = mt(t), u = u1(t), v = D1(t) === "y", {
+      } = H1(a, e), r = await Oa(e, l), d = mt(t), u = c1(t), v = P1(t) === "y", {
         width: p,
         height: C
       } = n.floating;
@@ -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,
@@ -4499,7 +4499,7 @@ const h3 = function(a) {
   };
 };
 function xe(a) {
-  return Ia(a) ? (a.nodeName || "").toLowerCase() : "#document";
+  return La(a) ? (a.nodeName || "").toLowerCase() : "#document";
 }
 function we(a) {
   var e;
@@ -4507,9 +4507,9 @@ function we(a) {
 }
 function Ze(a) {
   var e;
-  return (e = (Ia(a) ? a.ownerDocument : a.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (La(a) ? a.ownerDocument : a.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function Ia(a) {
+function La(a) {
   return a instanceof Node || a instanceof we(a).Node;
 }
 function je(a) {
@@ -4518,7 +4518,7 @@ function je(a) {
 function Pe(a) {
   return a instanceof HTMLElement || a instanceof we(a).HTMLElement;
 }
-function na(a) {
+function oa(a) {
   return typeof ShadowRoot > "u" ? !1 : a instanceof ShadowRoot || a instanceof we(a).ShadowRoot;
 }
 function Nt(a) {
@@ -4533,29 +4533,29 @@ function Nt(a) {
 function C3(a) {
   return ["table", "td", "th"].includes(xe(a));
 }
-function H1(a) {
-  const e = P1(), t = Ie(a);
+function B1(a) {
+  const e = N1(), t = Ie(a);
   return t.transform !== "none" || t.perspective !== "none" || (t.containerType ? t.containerType !== "normal" : !1) || !e && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !e && (t.filter ? t.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((n) => (t.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (t.contain || "").includes(n));
 }
 function _3(a) {
   let e = Ct(a);
-  for (; Pe(e) && !d1(e); ) {
-    if (H1(e))
+  for (; Pe(e) && !f1(e); ) {
+    if (B1(e))
       return e;
     e = Ct(e);
   }
   return null;
 }
-function P1() {
+function N1() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function d1(a) {
+function f1(a) {
   return ["html", "body", "#document"].includes(xe(a));
 }
 function Ie(a) {
   return we(a).getComputedStyle(a);
 }
-function c1(a) {
+function v1(a) {
   return je(a) ? {
     scrollLeft: a.scrollLeft,
     scrollTop: a.scrollTop
@@ -4571,22 +4571,22 @@ function Ct(a) {
     // Step into the shadow DOM of the parent of a slotted node.
     a.assignedSlot || // DOM Element detected.
     a.parentNode || // ShadowRoot detected.
-    na(a) && a.host || // Fallback.
+    oa(a) && a.host || // Fallback.
     Ze(a)
   );
-  return na(e) ? e.host : e;
+  return oa(e) ? e.host : e;
 }
-function Oa(a) {
+function Va(a) {
   const e = Ct(a);
-  return d1(e) ? a.ownerDocument ? a.ownerDocument.body : a.body : Pe(e) && Nt(e) ? e : Oa(e);
+  return f1(e) ? a.ownerDocument ? a.ownerDocument.body : a.body : Pe(e) && Nt(e) ? e : Va(e);
 }
 function Vt(a, e, t) {
   var n;
   e === void 0 && (e = []), t === void 0 && (t = !0);
-  const s = Oa(a), o = s === ((n = a.ownerDocument) == null ? void 0 : n.body), i = we(s);
+  const s = Va(a), o = s === ((n = a.ownerDocument) == null ? void 0 : n.body), i = we(s);
   return o ? e.concat(i, i.visualViewport || [], Nt(s) ? s : [], i.frameElement && t ? Vt(i.frameElement) : []) : e.concat(s, Vt(s));
 }
-function La(a) {
+function Da(a) {
   const e = Ie(a);
   let t = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
   const s = Pe(a), o = s ? a.offsetWidth : t, i = s ? a.offsetHeight : n, l = xt(t) !== o || xt(n) !== i;
@@ -4596,18 +4596,18 @@ function La(a) {
     $: l
   };
 }
-function B1(a) {
+function R1(a) {
   return je(a) ? a : a.contextElement;
 }
 function pt(a) {
-  const e = B1(a);
+  const e = R1(a);
   if (!Pe(e))
     return Ge(1);
   const t = e.getBoundingClientRect(), {
     width: n,
     height: s,
     $: o
-  } = La(e);
+  } = Da(e);
   let i = (o ? xt(t.width) : t.width) / n, l = (o ? xt(t.height) : t.height) / s;
   return (!i || !Number.isFinite(i)) && (i = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: i,
@@ -4615,9 +4615,9 @@ function pt(a) {
   };
 }
 const g3 = /* @__PURE__ */ Ge(0);
-function Va(a) {
+function Ha(a) {
   const e = we(a);
-  return !P1() || !e.visualViewport ? g3 : {
+  return !N1() || !e.visualViewport ? g3 : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
@@ -4627,10 +4627,10 @@ function y3(a, e, t) {
 }
 function at(a, e, t, n) {
   e === void 0 && (e = !1), t === void 0 && (t = !1);
-  const s = a.getBoundingClientRect(), o = B1(a);
+  const s = a.getBoundingClientRect(), o = R1(a);
   let i = Ge(1);
   e && (n ? je(n) && (i = pt(n)) : i = pt(a));
-  const l = y3(o, t, n) ? Va(o) : Ge(0);
+  const l = y3(o, t, n) ? Ha(o) : Ge(0);
   let r = (s.left + l.x) / i.x, d = (s.top + l.y) / i.y, u = s.width / i.x, v = s.height / i.y;
   if (o) {
     const p = we(o), C = n && je(n) ? we(n) : n;
@@ -4661,7 +4661,7 @@ function b3(a) {
     scrollTop: 0
   }, l = Ge(1);
   const r = Ge(0);
-  if ((s || !s && n !== "fixed") && ((xe(t) !== "body" || Nt(o)) && (i = c1(t)), Pe(t))) {
+  if ((s || !s && n !== "fixed") && ((xe(t) !== "body" || Nt(o)) && (i = v1(t)), Pe(t))) {
     const d = at(t);
     l = pt(t), r.x = d.x + t.clientLeft, r.y = d.y + t.clientTop;
   }
@@ -4675,12 +4675,12 @@ function b3(a) {
 function w3(a) {
   return Array.from(a.getClientRects());
 }
-function Da(a) {
-  return at(Ze(a)).left + c1(a).scrollLeft;
+function Pa(a) {
+  return at(Ze(a)).left + v1(a).scrollLeft;
 }
 function $3(a) {
-  const e = Ze(a), t = c1(a), n = a.ownerDocument.body, s = Ae(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), o = Ae(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
-  let i = -t.scrollLeft + Da(a);
+  const e = Ze(a), t = v1(a), n = a.ownerDocument.body, s = Ae(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), o = Ae(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  let i = -t.scrollLeft + Pa(a);
   const l = -t.scrollTop;
   return Ie(n).direction === "rtl" && (i += Ae(e.clientWidth, n.clientWidth) - s), {
     width: s,
@@ -4694,7 +4694,7 @@ function M3(a, e) {
   let o = n.clientWidth, i = n.clientHeight, l = 0, r = 0;
   if (s) {
     o = s.width, i = s.height;
-    const d = P1();
+    const d = N1();
     (!d || d && e === "fixed") && (l = s.offsetLeft, r = s.offsetTop);
   }
   return {
@@ -4713,7 +4713,7 @@ function k3(a, e) {
     y: d
   };
 }
-function ia(a, e, t) {
+function la(a, e, t) {
   let n;
   if (e === "viewport")
     n = M3(a, t);
@@ -4722,7 +4722,7 @@ function ia(a, e, t) {
   else if (je(e))
     n = k3(e, t);
   else {
-    const s = Va(a);
+    const s = Ha(a);
     n = {
       ...e,
       x: e.x - s.x,
@@ -4731,9 +4731,9 @@ function ia(a, e, t) {
   }
   return Qt(n);
 }
-function Ha(a, e) {
+function Ba(a, e) {
   const t = Ct(a);
-  return t === e || !je(t) || d1(t) ? !1 : Ie(t).position === "fixed" || Ha(t, e);
+  return t === e || !je(t) || f1(t) ? !1 : Ie(t).position === "fixed" || Ba(t, e);
 }
 function A3(a, e) {
   const t = e.get(a);
@@ -4742,9 +4742,9 @@ function A3(a, e) {
   let n = Vt(a, [], !1).filter((l) => je(l) && xe(l) !== "body"), s = null;
   const o = Ie(a).position === "fixed";
   let i = o ? Ct(a) : a;
-  for (; je(i) && !d1(i); ) {
-    const l = Ie(i), r = H1(i);
-    !r && l.position === "fixed" && (s = null), (o ? !r && !s : !r && l.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || Nt(i) && !r && Ha(a, i)) ? n = n.filter((u) => u !== i) : s = l, i = Ct(i);
+  for (; je(i) && !f1(i); ) {
+    const l = Ie(i), r = B1(i);
+    !r && l.position === "fixed" && (s = null), (o ? !r && !s : !r && l.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || Nt(i) && !r && Ba(a, i)) ? n = n.filter((u) => u !== i) : s = l, i = Ct(i);
   }
   return e.set(a, n), n;
 }
@@ -4756,9 +4756,9 @@ function T3(a) {
     strategy: s
   } = a;
   const i = [...t === "clippingAncestors" ? A3(e, this._c) : [].concat(t), n], l = i[0], r = i.reduce((d, u) => {
-    const v = ia(e, u, s);
+    const v = la(e, u, s);
     return d.top = Ae(v.top, d.top), d.right = Lt(v.right, d.right), d.bottom = Lt(v.bottom, d.bottom), d.left = Ae(v.left, d.left), d;
-  }, ia(e, l, s));
+  }, la(e, l, s));
   return {
     width: r.right - r.left,
     height: r.bottom - r.top,
@@ -4767,7 +4767,7 @@ function T3(a) {
   };
 }
 function S3(a) {
-  return La(a);
+  return Da(a);
 }
 function E3(a, e, t) {
   const n = Pe(e), s = Ze(e), o = t === "fixed", i = at(a, !0, o, e);
@@ -4777,11 +4777,11 @@ function E3(a, e, t) {
   };
   const r = Ge(0);
   if (n || !n && !o)
-    if ((xe(e) !== "body" || Nt(s)) && (l = c1(e)), n) {
+    if ((xe(e) !== "body" || Nt(s)) && (l = v1(e)), n) {
       const d = at(e, !0, o, e);
       r.x = d.x + e.clientLeft, r.y = d.y + e.clientTop;
     } else
-      s && (r.x = Da(s));
+      s && (r.x = Pa(s));
   return {
     x: i.left + l.scrollLeft - r.x,
     y: i.top + l.scrollTop - r.y,
@@ -4789,17 +4789,17 @@ function E3(a, e, t) {
     height: i.height
   };
 }
-function oa(a, e) {
+function ra(a, e) {
   return !Pe(a) || Ie(a).position === "fixed" ? null : e ? e(a) : a.offsetParent;
 }
-function Pa(a, e) {
+function Na(a, e) {
   const t = we(a);
   if (!Pe(a))
     return t;
-  let n = oa(a, e);
+  let n = ra(a, e);
   for (; n && C3(n) && Ie(n).position === "static"; )
-    n = oa(n, e);
-  return n && (xe(n) === "html" || xe(n) === "body" && Ie(n).position === "static" && !H1(n)) ? t : n || _3(a) || t;
+    n = ra(n, e);
+  return n && (xe(n) === "html" || xe(n) === "body" && Ie(n).position === "static" && !B1(n)) ? t : n || _3(a) || t;
 }
 const I3 = async function(a) {
   let {
@@ -4807,7 +4807,7 @@ const I3 = async function(a) {
     floating: t,
     strategy: n
   } = a;
-  const s = this.getOffsetParent || Pa, o = this.getDimensions;
+  const s = this.getOffsetParent || Na, o = this.getDimensions;
   return {
     reference: E3(e, await s(t), n),
     floating: {
@@ -4824,7 +4824,7 @@ const L3 = {
   convertOffsetParentRelativeRectToViewportRelativeRect: b3,
   getDocumentElement: Ze,
   getClippingRect: T3,
-  getOffsetParent: Pa,
+  getOffsetParent: Na,
   getElementRects: I3,
   getClientRects: w3,
   getDimensions: S3,
@@ -4885,7 +4885,7 @@ function D3(a, e, t, n) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
     animationFrame: r = !1
-  } = n, d = B1(a), u = s || o ? [...d ? Vt(d) : [], ...Vt(e)] : [];
+  } = n, d = R1(a), u = s || o ? [...d ? Vt(d) : [], ...Vt(e)] : [];
   u.forEach((g) => {
     s && g.addEventListener("scroll", t, {
       passive: !0
@@ -4983,9 +4983,9 @@ const H3 = (a, e, t) => {
   }
   Dt(() => {
     d();
-  }), cs(() => {
+  }), vs(() => {
     l.value();
-  }), da(() => {
+  }), fa(() => {
     l.value();
   });
 };
@@ -5054,7 +5054,7 @@ function U3(a, e, t) {
     }
   };
 }
-function $1(a, e = !0) {
+function k1(a, e = !0) {
   return e ? String(a).toLowerCase().trim() : String(a).toLowerCase().normalize("NFD").trim().replace(new RegExp(/æ/g), "ae").replace(new RegExp(/œ/g), "oe").replace(new RegExp(/ø/g), "o").replace(/\p{Diacritic}/gu, "");
 }
 function j3(a) {
@@ -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,27 +5104,27 @@ function F3(a, e, t) {
     onCreate: F,
     disabledProp: ne,
     searchStart: M,
-    searchFilter: Y
-  } = $e(a), ie = st().proxy, B = t.iv, S = t.ev, N = t.search, pe = t.clearSearch, Me = t.update, Ra = t.pointer, it = t.clearPointer, Ua = t.focus, ja = t.deactivate, ot = t.close, Za = t.localize, yt = J([]), Fe = J([]), Le = J(!1), f1 = J(null), v1 = J(re.value && i.value === -1 ? 10 : i.value), j1 = b(() => r.value || d.value || !1), Fa = 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 = [];
       return _.forEach((se) => {
-        g1(se[oe.value]).forEach((he) => {
+        b1(se[oe.value]).forEach((he) => {
           D.push(Object.assign({}, he, se[ne.value] ? { [ne.value]: !0 } : {}));
         });
       }), D;
     } else {
-      let _ = g1(Fe.value || /* istanbul ignore next */
+      let _ = b1(Fe.value || /* istanbul ignore next */
       []);
       return yt.value.length && (_ = _.concat(yt.value)), _;
     }
-  }), Z1 = b(() => {
+  }), q1 = b(() => {
     let _ = qe.value;
-    return ae.value && (_ = _.reverse()), lt.value.length && (_ = lt.value.concat(_)), _1(_);
+    return ae.value && (_ = _.reverse()), lt.value.length && (_ = lt.value.concat(_)), y1(_);
   }), bt = b(() => {
-    let _ = Z1.value;
-    return v1.value > 0 && (_ = _.slice(0, v1.value)), _;
+    let _ = q1.value;
+    return h1.value > 0 && (_ = _.slice(0, h1.value)), _;
   }), Rt = b(() => {
     if (!z.value)
       return [];
@@ -5135,29 +5135,29 @@ function F3(a, e, t) {
       [oe.value]: [...yt.value],
       __CREATE__: !0
     }), _.concat(D);
-  }), qa = b(() => {
+  }), Wa = b(() => {
     let _ = [...Rt.value].map((D) => ({ ...D }));
     return lt.value.length && (_[0] && _[0].__CREATE__ ? _[0][oe.value] = [...lt.value, ..._[0][oe.value]] : _ = [{
       [te.value]: " ",
       [oe.value]: [...lt.value],
       __CREATE__: !0
     }].concat(_)), _;
-  }), F1 = b(() => {
+  }), z1 = b(() => {
     if (!z.value)
       return [];
-    let _ = qa.value;
-    return is((_ || /* istanbul ignore next */
+    let _ = Wa.value;
+    return ls((_ || /* istanbul ignore next */
     []).map((D, se) => {
-      const he = g1(D[oe.value]);
+      const he = b1(D[oe.value]);
       return {
         ...D,
         index: se,
         group: !0,
-        [oe.value]: _1(he, !1).map((wt) => Object.assign({}, wt, D[ne.value] ? { [ne.value]: !0 } : {})),
-        __VISIBLE__: _1(he).map((wt) => Object.assign({}, wt, D[ne.value] ? { [ne.value]: !0 } : {}))
+        [oe.value]: y1(he, !1).map((wt) => Object.assign({}, wt, D[ne.value] ? { [ne.value]: !0 } : {})),
+        __VISIBLE__: y1(he).map((wt) => Object.assign({}, wt, D[ne.value] ? { [ne.value]: !0 } : {}))
       };
     }));
-  }), p1 = b(() => {
+  }), m1 = b(() => {
     switch (s.value) {
       case "single":
         return !De(B.value[H.value]);
@@ -5165,12 +5165,12 @@ function F3(a, e, t) {
       case "tags":
         return !De(B.value) && B.value.length > 0;
     }
-  }), za = 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"), Wa = b(() => !qe.value.length && !Le.value && !lt.value.length), Ya = b(() => qe.value.length > 0 && bt.value.length == 0 && (N.value && z.value || !z.value)), lt = b(() => j1.value === !1 || !N.value ? [] : as(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), Ka = b(() => {
+  }]), Ve = b(() => o.value || u.value), xa = b(() => {
     switch (s.value) {
       case "single":
         return null;
@@ -5178,7 +5178,7 @@ function F3(a, e, t) {
       case "tags":
         return [];
     }
-  }), Ga = b(() => $.value || Le.value), rt = (_) => {
+  }), Xa = b(() => $.value || Le.value), rt = (_) => {
     switch (typeof _ != "object" && (_ = Re(_)), s.value) {
       case "single":
         Me(_);
@@ -5188,31 +5188,31 @@ function F3(a, e, t) {
         Me(B.value.concat(_));
         break;
     }
-    e.emit("select", q1(_), _, ie);
+    e.emit("select", W1(_), _, ie);
   }, ut = (_) => {
     switch (typeof _ != "object" && (_ = Re(_)), s.value) {
       case "single":
-        W1();
+        K1();
         break;
       case "tags":
       case "multiple":
         Me(Array.isArray(_) ? B.value.filter((D) => _.map((se) => se[H.value]).indexOf(D[H.value]) === -1) : B.value.filter((D) => D[H.value] != _[H.value]));
         break;
     }
-    e.emit("deselect", q1(_), _, ie);
-  }, q1 = (_) => w.value ? _ : _[H.value], z1 = (_) => {
+    e.emit("deselect", W1(_), _, ie);
+  }, W1 = (_) => w.value ? _ : _[H.value], Y1 = (_) => {
     ut(_);
-  }, xa = (_, D) => {
+  }, Qa = (_, D) => {
     if (D.button !== 0) {
       D.preventDefault();
       return;
     }
-    z1(_);
-  }, W1 = () => {
-    e.emit("clear", ie), Me(Ka.value);
+    Y1(_);
+  }, K1 = () => {
+    e.emit("clear", ie), Me(xa.value);
   }, Ne = (_) => {
     if (_.group !== void 0)
-      return s.value === "single" ? !1 : ts(_[oe.value]) && _[oe.value].length;
+      return s.value === "single" ? !1 : ss(_[oe.value]) && _[oe.value].length;
     switch (s.value) {
       case "single":
         return !De(B.value) && B.value[H.value] == _[H.value];
@@ -5220,128 +5220,128 @@ function F3(a, e, t) {
       case "multiple":
         return !De(B.value) && B.value.map((D) => D[H.value]).indexOf(_[H.value]) !== -1;
     }
-  }, h1 = (_) => _[ne.value] === !0, m1 = () => ee === void 0 || ee.value === -1 || !p1.value && ee.value > 0 ? !1 : B.value.length >= ee.value, Xa = (_) => {
-    if (!h1(_)) {
+  }, C1 = (_) => _[ne.value] === !0, _1 = () => ee === void 0 || ee.value === -1 || !m1.value && ee.value > 0 ? !1 : B.value.length >= ee.value, Ja = (_) => {
+    if (!C1(_)) {
       if (F && F.value && !Ne(_) && _.__CREATE__ && (_ = { ..._ }, delete _.__CREATE__, _ = F.value(_, ie), _ instanceof Promise)) {
         Le.value = !0, _.then((D) => {
-          Le.value = !1, Y1(D);
+          Le.value = !1, G1(D);
         });
         return;
       }
-      Y1(_);
+      G1(_);
     }
-  }, Y1 = (_) => {
+  }, G1 = (_) => {
     switch (_.__CREATE__ && (_ = { ..._ }, delete _.__CREATE__), s.value) {
       case "single":
         if (_ && Ne(_)) {
           E.value && ut(_), O.value && (it(), ot());
           return;
         }
-        _ && C1(_), W.value && pe(), h.value && (it(), ot()), _ && rt(_);
+        _ && g1(_), W.value && pe(), h.value && (it(), ot()), _ && rt(_);
         break;
       case "multiple":
         if (_ && Ne(_)) {
           ut(_), O.value && (it(), ot());
           return;
         }
-        if (m1()) {
+        if (_1()) {
           e.emit("max", ie);
           return;
         }
-        _ && (C1(_), rt(_)), W.value && pe(), l.value && it(), h.value && ot();
+        _ && (g1(_), rt(_)), W.value && pe(), l.value && it(), h.value && ot();
         break;
       case "tags":
         if (_ && Ne(_)) {
           ut(_), O.value && (it(), ot());
           return;
         }
-        if (m1()) {
+        if (_1()) {
           e.emit("max", ie);
           return;
         }
-        _ && C1(_), W.value && pe(), _ && rt(_), l.value && it(), h.value && ot();
+        _ && g1(_), W.value && pe(), _ && rt(_), l.value && it(), h.value && ot();
         break;
     }
-    h.value || Ua();
-  }, Qa = (_) => {
-    if (!(h1(_) || s.value === "single" || !V.value)) {
+    h.value || Za();
+  }, es = (_) => {
+    if (!(C1(_) || s.value === "single" || !V.value)) {
       switch (s.value) {
         case "multiple":
         case "tags":
-          es(_[oe.value]) ? ut(_[oe.value]) : rt(
+          as(_[oe.value]) ? ut(_[oe.value]) : rt(
             _[oe.value].filter((D) => B.value.map((se) => se[H.value]).indexOf(D[H.value]) === -1).filter((D) => !D[ne.value]).filter((D, se) => B.value.length + 1 + se <= ee.value || ee.value === -1)
           );
           break;
       }
-      h.value && ja();
+      h.value && Fa();
     }
-  }, C1 = (_) => {
-    Re(_[H.value]) === void 0 && j1.value && (e.emit("tag", _[H.value], ie), e.emit("option", _[H.value], ie), e.emit("create", _[H.value], ie), Fa.value && ns(_), pe());
-  }, Ja = () => {
+  }, g1 = (_) => {
+    Re(_[H.value]) === void 0 && F1.value && (e.emit("tag", _[H.value], ie), e.emit("option", _[H.value], ie), e.emit("create", _[H.value], ie), za.value && os(_), pe());
+  }, ts = () => {
     s.value !== "single" && rt(bt.value.filter((_) => !_.disabled && !Ne(_)));
-  }, es = (_) => _.find((D) => !Ne(D) && !D[ne.value]) === void 0, ts = (_) => _.find((D) => !Ne(D)) === void 0, Re = (_) => qe.value[qe.value.map((D) => String(D[H.value])).indexOf(String(_))], as = (_, D = !0) => qe.value.map((se) => parseInt(se[Ve.value]) == se[Ve.value] ? parseInt(se[Ve.value]) : se[Ve.value]).indexOf(
+  }, as = (_) => _.find((D) => !Ne(D) && !D[ne.value]) === void 0, ss = (_) => _.find((D) => !Ne(D)) === void 0, Re = (_) => qe.value[qe.value.map((D) => String(D[H.value])).indexOf(String(_))], ns = (_, D = !0) => qe.value.map((se) => parseInt(se[Ve.value]) == se[Ve.value] ? parseInt(se[Ve.value]) : se[Ve.value]).indexOf(
     parseInt(_) == _ ? parseInt(_) : _
-  ), ss = (_) => ["tags", "multiple"].indexOf(s.value) !== -1 && l.value && Ne(_), ns = (_) => {
+  ), is = (_) => ["tags", "multiple"].indexOf(s.value) !== -1 && l.value && Ne(_), os = (_) => {
     yt.value.push(_);
-  }, is = (_) => I.value ? _.filter(
-    (D) => N.value ? D.__VISIBLE__.length : D[oe.value].length
-  ) : _.filter((D) => N.value ? D.__VISIBLE__.length : !0), _1 = (_, D = !0) => {
+  }, ls = (_) => I.value ? _.filter(
+    (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 G1 = $1(Za(wt[Ve.value]), de.value);
-        return M.value ? G1.startsWith($1(N.value, de.value)) : G1.indexOf($1(N.value, de.value)) !== -1;
+        let X1 = k1(qa(wt[Ve.value]), de.value);
+        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) => !ss(he))), se;
-  }, g1 = (_) => {
+    return l.value && D && (se = se.filter((he) => !is(he))), se;
+  }, b1 = (_) => {
     let D = _;
     return j3(D) && (D = Object.keys(D).map((se) => {
       let he = D[se];
       return { [H.value]: se, [Ve.value]: he, [u.value]: he };
     })), D = D.map((se) => typeof se == "object" ? se : { [H.value]: se, [Ve.value]: se, [u.value]: se }), D;
   }, Ut = () => {
-    De(S.value) || (B.value = Zt(S.value));
+    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;
     }).finally(() => {
       D();
     });
-  })), y1 = () => {
-    if (p1.value)
+  })), w1 = () => {
+    if (m1.value)
       if (s.value === "single") {
         let _ = Re(B.value[H.value]);
         if (_ !== void 0) {
           let D = _[u.value];
-          B.value[u.value] = D, w.value && (S.value[u.value] = D);
+          B.value[u.value] = D, w.value && (T.value[u.value] = D);
         }
       } else
         B.value.forEach((_, D) => {
           let se = Re(B.value[D][H.value]);
           if (se !== void 0) {
             let he = se[u.value];
-            B.value[D][u.value] = he, w.value && (S.value[D][u.value] = he);
+            B.value[D][u.value] = he, w.value && (T.value[D][u.value] = he);
           }
         });
-  }, os = (_) => {
+  }, 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
-  }), K1 = () => {
-    f1.value = ue(N, (_) => {
+  }), x1 = () => {
+    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, Ra.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) => {
@@ -5351,11 +5351,11 @@ function F3(a, e, t) {
       }, A.value));
     }, { flush: "sync" });
   };
-  if (s.value !== "single" && !De(S.value) && !Array.isArray(S.value))
+  if (s.value !== "single" && !De(T.value) && !Array.isArray(T.value))
     throw new Error(`v-model must be an array when using "${s.value}" mode`);
-  return n && typeof n.value == "function" ? g.value ? jt(Ut) : w.value == !0 && Ut() : (Fe.value = n.value, Ut()), A.value > -1 && K1(), ue(A, (_, D) => {
-    f1.value && f1.value(), _ >= 0 && K1();
-  }), ue(S, (_) => {
+  return n && typeof n.value == "function" ? g.value ? jt(Ut) : w.value == !0 && Ut() : (Fe.value = n.value, Ut()), A.value > -1 && x1(), ue(A, (_, D) => {
+    p1.value && p1.value(), _ >= 0 && x1();
+  }), ue(T, (_) => {
     if (De(_)) {
       Me(Zt(_), !1);
       return;
@@ -5370,39 +5370,39 @@ function F3(a, e, t) {
         break;
     }
   }, { deep: !0 }), ue(n, (_, D) => {
-    typeof a.options == "function" ? g.value && (!D || _ && _.toString() !== D.toString()) && jt() : (Fe.value = a.options, Object.keys(B.value).length || Ut(), y1());
-  }), ue(u, y1), {
-    pfo: Z1,
+    typeof a.options == "function" ? g.value && (!D || _ && _.toString() !== D.toString()) && jt() : (Fe.value = a.options, Object.keys(B.value).length || Ut(), w1());
+  }), ue(u, w1), {
+    pfo: q1,
     fo: bt,
     filteredOptions: bt,
-    hasSelected: p1,
-    multipleLabelText: za,
+    hasSelected: m1,
+    multipleLabelText: Ya,
     eo: qe,
     extendedOptions: qe,
     eg: Rt,
     extendedGroups: Rt,
-    fg: F1,
-    filteredGroups: F1,
-    noOptions: Wa,
-    noResults: Ya,
+    fg: z1,
+    filteredGroups: z1,
+    noOptions: Ka,
+    noResults: Ga,
     resolving: Le,
-    busy: Ga,
-    offset: v1,
+    busy: Xa,
+    offset: h1,
     select: rt,
     deselect: ut,
-    remove: z1,
-    selectAll: Ja,
-    clear: W1,
+    remove: Y1,
+    selectAll: ts,
+    clear: K1,
     isSelected: Ne,
-    isDisabled: h1,
-    isMax: m1,
+    isDisabled: C1,
+    isMax: _1,
     getOption: Re,
-    handleOptionClick: Xa,
-    handleGroupClick: Qa,
-    handleTagRemove: xa,
-    refreshOptions: os,
+    handleOptionClick: Ja,
+    handleGroupClick: es,
+    handleTagRemove: Qa,
+    refreshOptions: rs,
     resolveOptions: jt,
-    refreshLabels: y1
+    refreshLabels: w1
   };
 }
 function q3(a, e, t) {
@@ -5416,72 +5416,72 @@ 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((S) => !S[u.value])), G = b(() => C.value.filter((S) => !S[u.value])), te = b(() => r.value !== "single" && d.value), E = b(() => g.value && g.value.group), ee = b(() => ie(g.value)), de = b(() => {
-    const S = E.value ? g.value : (
+  } = $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(S[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 S = G.value.map((N) => N.label).indexOf(E.value ? g.value[i.value] : ie(g.value)[i.value]) + 1;
-    return G.value.length <= S && (S = 0), G.value[S];
-  }), O = b(() => [...G.value].slice(-1)[0]), z = b(() => g.value.__VISIBLE__.filter((S) => !S[u.value])[0]), ae = b(() => {
-    const S = ee.value.__VISIBLE__.filter((N) => !N[u.value]);
-    return S[S.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 S = ie(g.value).__VISIBLE__.filter((N) => !N[u.value]);
-    return S[S.map((N) => N[n.value]).indexOf(g.value[n.value]) + 1];
-  }), oe = b(() => [...de.value.__VISIBLE__.filter((S) => !S[u.value])].slice(-1)[0]), I = b(() => [...O.value.__VISIBLE__.filter((S) => !S[u.value])].slice(-1)[0]), V = (S) => g.value && (!S.group && g.value[n.value] === S[n.value] || S.group !== void 0 && g.value[i.value] === S[i.value]) ? !0 : void 0, F = () => {
+    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 S = E.value ? z.value : re.value;
-      S === void 0 && (S = h.value, S.__CREATE__ && (S = S[v.value][0])), y(S || /* istanbul ignore next */
+      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 S = H.value.map((N) => N[n.value]).indexOf(g.value[n.value]) + 1;
-      H.value.length <= S && (S = 0), y(H.value[S] || null);
+      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 S = H.value[H.value.length - 1];
-      l.value && te.value && (S = I.value, S === void 0 && (S = O.value)), y(S || 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);
     } else if (l.value && te.value) {
-      let S = E.value ? oe.value : ae.value;
-      S === void 0 && (S = E.value ? de.value : ee.value, S.__CREATE__ && (S = oe.value, S === void 0 && (S = de.value))), y(S || /* istanbul ignore next */
+      let T = E.value ? oe.value : ae.value;
+      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 S = H.value.map((N) => N[n.value]).indexOf(g.value[n.value]) - 1;
-      S < 0 && (S = H.value.length - 1), y(H.value[S] || null);
+      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 = (S) => G.value.find((N) => N.__VISIBLE__.map((pe) => pe[n.value]).indexOf(S[n.value]) !== -1), B = () => {
-    let S = j.value.querySelector("[data-pointed]");
-    if (!S)
+  }, 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 = S.parentElement.parentElement;
-    l.value && (N = E.value ? S.parentElement.parentElement.parentElement : S.parentElement.parentElement.parentElement.parentElement), S.offsetTop + S.offsetHeight > N.clientHeight + N.scrollTop && (N.scrollTop = S.offsetTop + S.offsetHeight - N.clientHeight), S.offsetTop < N.scrollTop && (N.scrollTop = S.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, (S) => {
-    o.value && (S.length && s.value ? F() : L());
-  }), ue(W, (S) => {
-    if (S) {
-      let N = j.value.querySelectorAll("[data-selected]")[0];
-      if (!N)
+  return ue(A, (T) => {
+    o.value && (T.length && s.value ? F() : L());
+  }), ue(W, (T) => {
+    if (T) {
+      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,13 +6689,13 @@ const be = /* @__PURE__ */ K({
       ye(s.$slots, (i, l) => ({
         name: l,
         fn: U((r) => [
-          X(s.$slots, l, fs(vs(r ?? {})))
+          x(s.$slots, l, a1(s1(r ?? {})))
         ])
       }))
     ]), 1536));
   }
 });
-var la;
+var ua;
 function nt() {
   const a = y5(), e = a.appContext.config.globalProperties;
   return {
@@ -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,
@@ -6720,10 +6720,10 @@ K({
     return () => {
       const t = a.translation, n = [];
       let s, o = 0;
-      for (; (s = la.exec(t)) !== null; ) {
+      for (; (s = ua.exec(t)) !== null; ) {
         n.push(t.substring(o, s.index));
         const i = e[s[1]];
-        i ? n.push(...i()) : n.push(s[0]), o = la.lastIndex;
+        i ? n.push(...i()) : n.push(s[0]), o = ua.lastIndex;
       }
       return n.push(t.substring(o)), n;
     };
@@ -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,
@@ -6839,7 +6839,7 @@ const b5 = { class: "ao-tasks" }, w5 = { class: "ao-tasks__list" }, $5 = ["id",
               onChange: (A) => d(A, C.id)
             }, {
               tag: U(({ option: A, handleTagRemove: g }) => [
-                T(gt, {
+                S(gt, {
                   "user-name": A.label,
                   "avatar-url": A.avatar,
                   "is-closable": !0,
@@ -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: {},
@@ -6897,7 +6897,7 @@ const A5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
       s.forEach((d) => {
         document.body.addEventListener(d, (u) => u.preventDefault());
       });
-    }), da(() => {
+    }), fa(() => {
       s.forEach((d) => {
         document.body.removeEventListener(
           d,
@@ -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
@@ -6946,14 +6946,14 @@ const A5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
               target: "_blank",
               rel: "noopener noreferrer"
             }, [
-              T(ce, {
+              S(ce, {
                 class: "ao-file__icon",
                 name: "AttachFileRounded",
                 size: "sm"
               }),
               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: {},
@@ -7000,7 +7000,7 @@ const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { c
     const t = a, n = b(() => {
       const A = t.user;
       return A ? `${A == null ? void 0 : A.firstName} ${A == null ? void 0 : A.lastName}` : null;
-    }), s = J(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = fa(s), d = b(() => A1(t.createdAt)), u = b(() => A1(t.editedAt)), v = b(() => o.value ? "textarea" : "p"), p = r(), C = l((A) => {
+    }), s = J(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = pa(s), d = b(() => S1(t.createdAt)), u = b(() => S1(t.editedAt)), v = b(() => o.value ? "textarea" : "p"), p = r(), C = l((A) => {
       e("edit", A);
     }), w = () => {
       e("remove");
@@ -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",
@@ -7045,14 +7045,14 @@ const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { c
         ]),
         A.isEditable ? (c(), m("div", R5, [
           q(o) ? (c(), m(ve, { key: 0 }, [
-            T(fe, {
+            S(fe, {
               "icon-name": "CloseRounded",
               size: "sm",
               variant: "ghost",
               color: "neutral",
               onClick: q(p)
             }, null, 8, ["onClick"]),
-            T(fe, {
+            S(fe, {
               "icon-name": "CheckSmallRounded",
               size: "sm",
               variant: "solid",
@@ -7060,14 +7060,14 @@ const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { c
               onClick: q(C)
             }, null, 8, ["onClick"])
           ], 64)) : (c(), m(ve, { key: 1 }, [
-            T(fe, {
+            S(fe, {
               label: A.$t("activity.comment.delete"),
               size: "sm",
               variant: "ghost",
               color: "neutral",
               onClick: w
             }, null, 8, ["label"]),
-            T(fe, {
+            S(fe, {
               label: A.$t("activity.comment.edit"),
               size: "sm",
               variant: "ghost",
@@ -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,
@@ -7156,7 +7156,7 @@ const j5 = {
               ])
             ]),
             f("div", W5, [
-              T(fe, {
+              S(fe, {
                 type: "submit",
                 "icon-name": "SendRounded",
                 color: "primary",
@@ -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" }, N1 = /* @__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,24 +7355,24 @@ const K5 = {
     }, de = (h) => {
       e("removeComment", h);
     };
-    return (h, O) => (c(), R(L1, {
+    return (h, O) => (c(), N(D1, {
       onClose: O[9] || (O[9] = (z) => h.$emit("close"))
     }, {
       header: U(() => [
         h.breadcrumbs ? (c(), m("div", K5, Z(h.breadcrumbs), 1)) : k("", !0),
-        T(Ce, {
+        S(Ce, {
           title: h.activity.name || "",
           level: 4,
           "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),
-              T(be, {
-                options: G.value,
+              S(be, {
+                options: X.value,
                 value: (z = h.activity.status) == null ? void 0 : z.id,
                 "can-clear": !1,
                 "can-deselect": !1,
@@ -7438,7 +7438,7 @@ const K5 = {
                   type: "checkbox"
                 }, null, 8, u7), [
                   [
-                    x1,
+                    Q1,
                     i.value,
                     void 0,
                     { lazy: !0 }
@@ -7454,7 +7454,7 @@ const K5 = {
                   type: "checkbox"
                 }, null, 8, f7), [
                   [
-                    x1,
+                    Q1,
                     l.value,
                     void 0,
                     { lazy: !0 }
@@ -7465,8 +7465,8 @@ const K5 = {
           ]),
           l.value ? k("", !0) : (c(), m("fieldset", v7, [
             f("div", p7, [
-              T(ce, { name: "AccountBoxSharp" }),
-              T(Ce, {
+              S(ce, { name: "AccountBoxSharp" }),
+              S(Ce, {
                 level: 4,
                 title: h.$t("activity.assignee.title")
               }, null, 8, ["title"])
@@ -7474,7 +7474,7 @@ const K5 = {
             f("div", h7, [
               f("div", m7, [
                 f("div", C7, [
-                  T(be, {
+                  S(be, {
                     modelValue: j.value,
                     "onUpdate:modelValue": O[4] || (O[4] = (z) => j.value = z),
                     options: L.value,
@@ -7491,7 +7491,7 @@ const K5 = {
                       option: z,
                       handleTagRemove: ae
                     }) => [
-                      T(gt, {
+                      S(gt, {
                         "user-name": z.label,
                         "avatar-url": z.avatar,
                         "is-closable": !0,
@@ -7506,14 +7506,14 @@ const K5 = {
           ])),
           f("fieldset", _7, [
             f("div", g7, [
-              T(ce, { name: "SelectCheckBox" }),
-              T(Ce, {
+              S(ce, { name: "SelectCheckBox" }),
+              S(Ce, {
                 level: 4,
                 title: h.$t("activity.tasks.title")
               }, null, 8, ["title"])
             ]),
             f("div", y7, [
-              T(k5, {
+              S(k5, {
                 class: "ao-activity-details__tasks ao-field__row",
                 tasks: h.activity.tasks || [],
                 "activity-id": h.activity.id,
@@ -7529,8 +7529,8 @@ const K5 = {
           ]),
           f("fieldset", b7, [
             f("div", w7, [
-              T(ce, { name: "FlowsheetOutlineRounded" }),
-              T(Ce, {
+              S(ce, { name: "FlowsheetOutlineRounded" }),
+              S(Ce, {
                 level: 4,
                 title: h.$t("activity.dependencies.title")
               }, null, 8, ["title"])
@@ -7539,7 +7539,7 @@ const K5 = {
               f("div", M7, [
                 f("label", k7, [
                   f("span", A7, Z(h.$t("activity.dependingOn.label")), 1),
-                  T(be, {
+                  S(be, {
                     modelValue: u.value,
                     "onUpdate:modelValue": O[5] || (O[5] = (z) => u.value = z),
                     mode: "tags",
@@ -7554,7 +7554,7 @@ const K5 = {
               f("div", T7, [
                 f("label", S7, [
                   f("span", E7, Z(h.$t("activity.blocking.label")), 1),
-                  T(be, {
+                  S(be, {
                     modelValue: p.value,
                     "onUpdate:modelValue": O[6] || (O[6] = (z) => p.value = z),
                     mode: "tags",
@@ -7569,7 +7569,7 @@ const K5 = {
               f("div", I7, [
                 f("label", O7, [
                   f("span", L7, Z(h.$t("activity.dependingMilestone.label")), 1),
-                  T(be, {
+                  S(be, {
                     modelValue: $.value,
                     "onUpdate:modelValue": O[7] || (O[7] = (z) => $.value = z),
                     mode: "tags",
@@ -7587,7 +7587,7 @@ const K5 = {
             h.activityTypes ? (c(), m("div", D7, [
               f("label", H7, [
                 f("span", P7, Z(h.$t("activity.type.label")), 1),
-                T(be, {
+                S(be, {
                   modelValue: r.value,
                   "onUpdate:modelValue": O[8] || (O[8] = (z) => r.value = z),
                   mode: "single",
@@ -7599,31 +7599,31 @@ const K5 = {
                 }, null, 8, ["modelValue", "options", "placeholder", "disabled", "caret"])
               ])
             ])) : k("", !0),
-            X(h.$slots, "default")
+            x(h.$slots, "default", { activity: h.activity })
           ])
         ]),
         h.isTemplate !== !0 && h.userId ? (c(), m("div", B7, [
           f("div", N7, [
-            T(ce, { name: "AttachFileRounded" }),
-            T(Ce, {
+            S(ce, { name: "AttachFileRounded" }),
+            S(Ce, {
               level: 4,
               title: h.$t("activity.attachments.title")
             }, null, 8, ["title"])
           ]),
-          T(D5, {
+          S(D5, {
             attachments: h.activity.attachments,
             "is-editable": h.isEditable,
             onAdd: W,
             onRemove: H
           }, null, 8, ["attachments", "is-editable"]),
           f("div", R7, [
-            T(ce, { name: "ChatOutline" }),
-            T(Ce, {
+            S(ce, { name: "ChatOutline" }),
+            S(Ce, {
               level: 4,
               title: h.$t("activity.comments.title")
             }, null, 8, ["title"])
           ]),
-          T(Y5, {
+          S(Y5, {
             comments: h.activity.comments,
             users: h.users,
             "user-id": h.userId,
@@ -7637,7 +7637,7 @@ const K5 = {
     }));
   }
 });
-const U7 = /* @__PURE__ */ K({
+const U7 = /* @__PURE__ */ Y({
   __name: "AoRuleLine",
   props: {
     rule: {},
@@ -7711,24 +7711,24 @@ 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(() => [
-        T(q(We), {
+        S(q(We), {
           modelValue: s.value,
           "onUpdate:modelValue": y[0] || (y[0] = (L) => s.value = L),
           options: o.value
         }, null, 8, ["modelValue", "options"]),
-        T(q(We), {
+        S(q(We), {
           modelValue: i.value,
           "onUpdate:modelValue": y[1] || (y[1] = (L) => i.value = L),
           options: l.value
         }, null, 8, ["modelValue", "options"]),
-        T(q(We), {
+        S(q(We), {
           modelValue: p.value,
           "onUpdate:modelValue": y[2] || (y[2] = (L) => p.value = L),
           options: C.value
         }, null, 8, ["modelValue", "options"]),
-        T(q(We), {
+        S(q(We), {
           modelValue: d.value,
           "onUpdate:modelValue": y[3] || (y[3] = (L) => d.value = L),
           options: u.value
@@ -7745,12 +7745,12 @@ const U7 = /* @__PURE__ */ K({
             { number: !0 }
           ]
         ]),
-        T(q(We), {
+        S(q(We), {
           modelValue: $.value,
           "onUpdate:modelValue": y[5] || (y[5] = (L) => $.value = L),
           options: A.value
         }, null, 8, ["modelValue", "options"]),
-        T(fe, {
+        S(fe, {
           class: "ao-rule-line__remove",
           "icon-name": "CloseRounded",
           variant: "ghost",
@@ -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,9 +7777,9 @@ const j7 = { class: "ao-template-rules__body" }, Z7 = { class: "ao-template-rule
     }, n = (s) => {
       e("removeRule", s);
     };
-    return (s, o) => (c(), R(L1, null, {
+    return (s, o) => (c(), N(D1, null, {
       header: U(() => [
-        T(Ce, {
+        S(Ce, {
           title: s.$t("template.rules.title"),
           level: 2
         }, null, 8, ["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,
@@ -7797,7 +7797,7 @@ const j7 = { class: "ao-template-rules__body" }, Z7 = { class: "ao-template-rule
               onClose: () => n(i.id)
             }, null, 8, ["rule", "template-phases", "template-milestones", "template-activities", "onClose"]))), 128))
           ]),
-          T(Je, {
+          S(Je, {
             label: s.$t("template.rules.add"),
             "icon-name": "Add",
             onClick: t
@@ -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,19 +8065,19 @@ 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, [
-        T(r1, {
+        S(d1, {
           "can-go-back": !0,
-          onGoBack: V[1] || (V[1] = (S) => I.$router.push({ name: q(ft).TEMPLATES_LIST }))
+          onGoBack: V[1] || (V[1] = (T) => I.$router.push({ name: q(ft).TEMPLATES_LIST }))
         }, {
           primary: U(() => [
-            T(Ce, {
+            S(Ce, {
               title: p.value,
               level: 2,
               "is-editable": !0,
-              "onUpdate:title": V[0] || (V[0] = (S) => {
-                w(S);
+              "onUpdate:title": V[0] || (V[0] = (T) => {
+                w(T);
               })
             }, null, 8, ["title"])
           ]),
@@ -8086,7 +8086,7 @@ const q7 = {
         f("div", z7, [
           f("ol", W7, [
             f("li", Y7, [
-              T(q(Qe), {
+              S(q(Qe), {
                 "model-value": s.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -8094,34 +8094,34 @@ const q7 = {
                 onChange: h
               }, {
                 header: U(() => [
-                  T(Ce, {
+                  S(Ce, {
                     title: I.$t("template.phases.title"),
                     level: 3,
                     class: "ao-list__title"
                   }, null, 8, ["title"])
                 ]),
-                item: U(({ element: S }) => {
-                  var N;
+                item: U(({ element: T }) => {
+                  var R;
                   return [
-                    T(W0, {
-                      id: S.id,
-                      name: S.name,
-                      milestones: S.milestones,
-                      "is-active": ((N = i.value) == null ? void 0 : N.id) === S.id,
+                    S(W0, {
+                      id: T.id,
+                      name: T.name,
+                      milestones: T.milestones,
+                      "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: S.id }
+                        params: { templateId: I.templateId, phaseId: T.id }
                       }),
                       "onUpdate:title": (pe) => {
-                        A(S.id, pe);
+                        A(T.id, pe);
                       },
-                      onRemove: () => $(S.id)
+                      onRemove: () => $(T.id)
                     }, null, 8, ["id", "name", "milestones", "is-active", "onClick", "onUpdate:title", "onRemove"])
                   ];
                 }),
                 footer: U(() => [
                   f("div", K7, [
-                    T(Je, {
+                    S(Je, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: I.$t("template.phases.add"),
                       onClick: C
@@ -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,33 +8144,33 @@ 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(N1, {
+        (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,
             "is-template": !0,
             "is-editable": !0,
             users: I.users,
-            "onUpdate:activity": V[2] || (V[2] = (S) => {
-              u.value && G(S);
+            "onUpdate:activity": V[2] || (V[2] = (T) => {
+              u.value && X(T);
             }),
             onClose: I.$router.back,
             onAddSubtask: O,
@@ -8179,14 +8179,14 @@ const q7 = {
             onAddFiles: re,
             onRemoveFile: oe
           }, {
-            default: U(() => [
-              X(I.$slots, "activityDetailsBody")
+            default: U((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"
-}, R1 = /* @__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 U1 = /* @__PURE__ */ K({
+const Z1 = /* @__PURE__ */ Y({
   __name: "AoProgress",
   props: {
     percentages: {},
@@ -8242,13 +8242,13 @@ const U1 = /* @__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"]),
-        style: ua({ width: `${o * 100}%` })
+        class: G(["ao-progress__progress"]),
+        style: ca({ width: `${o * 100}%` })
       }, null, 4))), 128))
     ], 2));
   }
@@ -8256,7 +8256,7 @@ const U1 = /* @__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: {},
@@ -8274,11 +8274,11 @@ const t9 = { class: "ao-card-project-phase__header" }, a9 = { class: "ao-card-pr
       return (l = t.milestones) == null ? void 0 : l.length;
     }), o = b(() => {
       var l;
-      return (l = t.milestones) == null ? void 0 : l.filter((r) => r.status === k1.done).length;
+      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(R1, { class: "ao-card-project-phase" }, t1({
+    return (l, r) => (c(), N(j1, { class: "ao-card-project-phase" }, t1({
       default: U(() => [
-        T(Ce, {
+        S(Ce, {
           id: l.id,
           class: "ao-card-project-phase__title",
           title: l.name || "",
@@ -8292,19 +8292,19 @@ const t9 = { class: "ao-card-project-phase__header" }, a9 = { class: "ao-card-pr
           f("div", s9, [
             s.value ? (c(), m(ve, { key: 0 }, [
               f("div", n9, [
-                T(ce, {
+                S(ce, {
                   name: "MountainFlagOutlineRounded",
                   size: "sm"
                 }),
                 f("span", i9, Z(o.value) + " / " + Z(s.value), 1)
               ]),
-              T(U1, {
+              S(Z1, {
                 percentages: i.value,
                 class: "ao-card-project-phase__progress"
               }, null, 8, ["percentages"])
             ], 64)) : k("", !0),
             l.$slots.secondary ? (c(), m("div", o9, [
-              X(l.$slots, "secondary")
+              x(l.$slots, "secondary")
             ])) : k("", !0)
           ])
         ])
@@ -8315,7 +8315,7 @@ const t9 = { class: "ao-card-project-phase__header" }, a9 = { class: "ao-card-pr
         name: "header",
         fn: U(() => [
           f("div", t9, [
-            T(fe, {
+            S(fe, {
               class: "ao-card-project-phase__archive",
               color: "primary",
               variant: "ghost",
@@ -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: {},
@@ -8355,18 +8355,18 @@ const r9 = { class: "ao-card-project-milestone__default" }, u9 = {
       return (l = t.activities) == null ? void 0 : l.length;
     }), s = b(() => {
       var l;
-      return (l = t.activities) == null ? void 0 : l.filter((r) => Aa(r, t.closedStatus)).length;
+      return (l = t.activities) == null ? void 0 : l.filter((r) => Sa(r, t.closedStatus)).length;
     }), o = b(() => (s.value || 0) / (n.value || 1)), i = (l) => {
       e("updateMilestone", { id: t.id, name: l });
     };
-    return (l, r) => (c(), R(R1, {
+    return (l, r) => (c(), N(j1, {
       class: "ao-card-project-milestone",
       "is-clickable": !0,
       "tag-name": "li"
     }, {
       default: U(() => [
         f("div", r9, [
-          T(Ce, {
+          S(Ce, {
             id: l.id,
             title: l.name || "",
             level: 5,
@@ -8375,7 +8375,7 @@ const r9 = { class: "ao-card-project-milestone__default" }, u9 = {
             "onUpdate:title": i
           }, null, 8, ["id", "title", "is-editable"]),
           l.isEditable ? (c(), m("div", u9, [
-            T(fe, {
+            S(fe, {
               color: "primary",
               variant: "ghost",
               "icon-name": "ArchiveOutlineRounded",
@@ -8393,19 +8393,19 @@ const r9 = { class: "ao-card-project-milestone__default" }, u9 = {
           f("div", c9, [
             n.value ? (c(), m(ve, { key: 0 }, [
               f("div", f9, [
-                T(ce, {
+                S(ce, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
                 f("span", v9, Z(s.value) + " / " + Z(n.value), 1)
               ]),
-              T(U1, {
+              S(Z1, {
                 percentages: o.value,
                 class: "ao-card-project-phase__progress"
               }, 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: {},
@@ -8453,13 +8453,13 @@ const m9 = { class: "ao-project-phase" }, C9 = {
     };
     return (v, p) => (c(), m("li", m9, [
       v.isEditable ? (c(), m("div", C9, [
-        T(ce, {
+        S(ce, {
           name: "DragIndicator",
           class: "ao-project-phase__drag-handle"
         })
       ])) : k("", !0),
       f("div", _9, [
-        T(l9, {
+        S(l9, {
           id: v.phase.id,
           milestones: o.value,
           name: v.phase.name,
@@ -8470,7 +8470,7 @@ const m9 = { class: "ao-project-phase" }, C9 = {
       ]),
       f("div", g9, [
         f("div", y9, [
-          T(q(Qe), Ee({
+          S(q(Qe), Ee({
             class: "ao-project-phase__milestones-list",
             list: o.value,
             disabled: !v.isEditable,
@@ -8478,7 +8478,7 @@ const m9 = { class: "ao-project-phase" }, C9 = {
             group: "kanban"
           }, v.$attrs, { onChange: u }), {
             item: U(({ element: C }) => [
-              T(h9, {
+              S(h9, {
                 id: C.id,
                 name: C.name,
                 activities: C.activities,
@@ -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: {},
@@ -8548,7 +8548,7 @@ const $9 = { class: "ao-project__phases" }, M9 = {
       e("addPhase", u);
     };
     return (u, v) => (c(), m("div", $9, [
-      T(q(Qe), {
+      S(q(Qe), {
         class: "ao-project-phase__phases-list",
         "model-value": u.phases,
         "item-key": "id",
@@ -8556,7 +8556,7 @@ const $9 = { class: "ao-project__phases" }, M9 = {
         onChange: l
       }, {
         item: U(({ element: p }) => [
-          T(w9, {
+          S(w9, {
             phase: p,
             "is-editable": u.isEditable,
             "closed-status": u.closedStatus,
@@ -8572,7 +8572,7 @@ const $9 = { class: "ao-project__phases" }, M9 = {
       u.isEditable ? (c(), m("div", M9, [
         k9,
         f("div", A9, [
-          T(Je, {
+          S(Je, {
             label: u.$t("project.phases.add"),
             "icon-name": "Add",
             class: "ao-project-phase__add-phase",
@@ -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,9 +8600,9 @@ 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(L1, { size: "sm" }, {
+    return (l, r) => (c(), N(D1, { size: "sm" }, {
       header: U(() => [
-        T(Ce, {
+        S(Ce, {
           title: l.$t("project.template.add.title"),
           level: 3
         }, null, 8, ["title"])
@@ -8614,7 +8614,7 @@ const E9 = ["onSubmit"], I9 = { class: "ao-add-template-modal__form-body" }, O9
         }, [
           f("div", I9, [
             f("div", O9, [
-              T(be, {
+              S(be, {
                 value: s.value,
                 options: n.value,
                 detached: !0,
@@ -8623,7 +8623,7 @@ const E9 = ["onSubmit"], I9 = { class: "ao-add-template-modal__form-body" }, O9
             ])
           ]),
           f("footer", L9, [
-            T(fe, {
+            S(fe, {
               label: l.$t("project.template.add.label"),
               type: "submit",
               color: "primary",
@@ -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 Ba = /* @__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,17 +8743,17 @@ const Ba = /* @__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");
       return c(), m(ve, null, [
         f("div", Ee({ class: "ao-project-overview" }, E.$attrs), [
           f("div", B9, [
-            T(r1, null, {
+            S(d1, null, {
               primary: U(() => [
-                T(Ba, {
+                S(Ra, {
                   "is-left": !0,
                   "right-label": E.$t("project.switch.feed"),
                   "left-label": E.$t("project.switch.overview"),
@@ -8761,18 +8761,18 @@ const Ba = /* @__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
             }),
             f("div", N9, [
-              T(S9, {
+              S(S9, {
                 phases: E.phases,
                 "closed-status": E.closedStatus,
                 "is-editable": E.isEditable,
@@ -8785,7 +8785,7 @@ const Ba = /* @__PURE__ */ P(D9, [["render", P9], ["__scopeId", "data-v-c0ae9237
               }, null, 8, ["phases", "closed-status", "is-editable"])
             ])
           ]),
-          T(de, {
+          S(de, {
             class: "ao-project__sidebar",
             phases: E.phases,
             "project-id": E.project.id,
@@ -8797,8 +8797,8 @@ const Ba = /* @__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" }, [
-            T(de, {
+          (c(), N(It, { to: "body" }, [
+            S(de, {
               name: "modal",
               activities: g.value,
               "is-task-checkable": E.isTaskCheckable,
@@ -8818,9 +8818,9 @@ const Ba = /* @__PURE__ */ P(D9, [["render", P9], ["__scopeId", "data-v-c0ae9237
               onRemoveComment: H
             }, {
               default: U(({ Component: h }) => [
-                (c(), R(Xe(h), null, {
-                  default: U(() => [
-                    X(E.$slots, "activityDetailsBody")
+                (c(), N(Xe(h), null, {
+                  default: U((O) => [
+                    x(E.$slots, "activityDetailsBody", a1(s1(O)))
                   ]),
                   _: 2
                 }, 1024))
@@ -8829,12 +8829,12 @@ const Ba = /* @__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" }, Na = /* @__PURE__ */ K({
+}, s4 = { class: "ao-card-feed__subitem" }, n4 = { class: "ao-card-feed__subitem" }, Ua = /* @__PURE__ */ Y({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -8894,7 +8894,7 @@ const U9 = { class: "ao-card-feed__header" }, j9 = {
         id: t.id,
         name: p
       });
-    }, s = b(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), o = b(() => t.assignee ? [t.assignee] : []), i = b(() => A1(t.deadline)), l = (p) => {
+    }, s = b(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), o = b(() => t.assignee ? [t.assignee] : []), i = b(() => S1(t.deadline)), l = (p) => {
       const { firstName: C, lastName: w } = p || {};
       return `${C ?? ""}${C ? " " : ""}${w ?? ""}`;
     }, r = (p) => {
@@ -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(R1, {
+    return (p, C) => (c(), N(j1, {
       class: "ao-card-feed",
       "is-clickable": !0
     }, {
       header: U(() => [
         f("div", U9, [
-          p.projectName ? (c(), R(E1, {
+          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,14 +8935,14 @@ 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)
         ])
       ]),
       default: U(() => [
         f("div", F9, [
           s.value ? (c(), m("span", q9, Z(s.value), 1)) : k("", !0),
-          T(Ce, {
+          S(Ce, {
             id: p.id,
             title: p.name,
             level: 5,
@@ -8960,7 +8960,7 @@ const U9 = { class: "ao-card-feed__header" }, j9 = {
                 key: w.id
               }, [
                 w ? (c(), m("li", G9, [
-                  T(gt, {
+                  S(gt, {
                     "user-name": l(w),
                     "avatar-url": w.avatarUrl,
                     "is-closable": !0,
@@ -8971,14 +8971,14 @@ const U9 = { class: "ao-card-feed__header" }, j9 = {
             ]),
             p.comments || p.attachments ? (c(), m("ul", x9, [
               p.comments ? (c(), m("li", X9, [
-                T(ce, {
+                S(ce, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
                 f("span", Q9, Z(p.comments), 1)
               ])) : k("", !0),
               p.attachments ? (c(), m("li", J9, [
-                T(ce, {
+                S(ce, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
@@ -8989,13 +8989,13 @@ const U9 = { class: "ao-card-feed__header" }, j9 = {
           f("div", t4, [
             p.tasks && p.tasks.length ? (c(), m("div", a4, [
               f("div", s4, [
-                T(ce, {
+                S(ce, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
                 f("span", n4, Z(u.value) + " / " + Z(d.value), 1)
               ]),
-              T(U1, {
+              S(Z1, {
                 percentages: v.value,
                 class: "ao-card-feed__progress"
               }, null, 8, ["percentages"])
@@ -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"
-}, ra = /* @__PURE__ */ K({
+}, da = /* @__PURE__ */ Y({
   __name: "AoProjectOverviewMilestoneDetails",
   props: {
     milestoneId: {},
@@ -9066,19 +9066,19 @@ const i4 = { class: "ao-project-milestone" }, o4 = { class: "ao-project-mileston
         f("header", o4, [
           f("div", l4, [
             f("span", null, Z(p.$t("project.milestone.title")), 1),
-            T(Ce, {
+            S(Ce, {
               title: ((w = i.value) == null ? void 0 : w.name) || p.milestoneId,
               level: 5
             }, null, 8, ["title"])
           ]),
-          T(fe, {
+          S(fe, {
             "icon-name": "CloseRounded",
             variant: "ghost",
             onClick: r
           })
         ]),
         f("div", r4, [
-          T(q(Qe), Ee({
+          S(q(Qe), Ee({
             class: "ao-project-milestone__activities",
             list: l.value,
             disabled: !p.isEditable,
@@ -9088,7 +9088,7 @@ const i4 = { class: "ao-project-milestone" }, o4 = { class: "ao-project-mileston
             item: U(({ element: $ }) => {
               var A, g, y, L;
               return [
-                T(Na, {
+                S(Ua, {
                   id: $.id,
                   name: $.name || $.id,
                   "phase-name": (A = s.value) == null ? void 0 : A.name,
@@ -9112,7 +9112,7 @@ const i4 = { class: "ao-project-milestone" }, o4 = { class: "ao-project-mileston
                   p.isEditable ? {
                     name: "secondary",
                     fn: U(() => [
-                      T(fe, {
+                      S(fe, {
                         color: "primary",
                         variant: "ghost",
                         "icon-name": "ArchiveOutlineRounded",
@@ -9131,7 +9131,7 @@ const i4 = { class: "ao-project-milestone" }, o4 = { class: "ao-project-mileston
             _: 1
           }, 16, ["list", "disabled"]),
           p.isEditable ? (c(), m("div", u4, [
-            T(Je, {
+            S(Je, {
               "icon-name": "Add",
               label: p.$t("project.activity.add"),
               onClick: d
@@ -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(N1, {
+      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: {},
@@ -9238,12 +9238,12 @@ const d4 = /* @__PURE__ */ K({
   },
   setup(a) {
     return (e, t) => (c(), m("header", c4, [
-      T(Ce, {
+      S(Ce, {
         title: e.title,
         class: "ao-col-header__title",
         level: 4
       }, null, 8, ["title"]),
-      e.items ? (c(), R(E1, {
+      e.items ? (c(), N(O1, {
         key: 0,
         label: e.items,
         class: "ao-col-header__items",
@@ -9291,7 +9291,7 @@ function _4(a, e = 200, t = {}) {
     a
   );
 }
-function M1(a) {
+function A1(a) {
   var e;
   const t = Jt(a);
   return (e = t == null ? void 0 : t.$el) != null ? e : t;
@@ -9316,18 +9316,18 @@ function w4(a, e, t = {}) {
     immediate: l = !0
   } = t, r = b4(() => i && "IntersectionObserver" in i), d = b(() => {
     const w = Jt(a);
-    return (Array.isArray(w) ? w : [w]).map(M1).filter(h4);
+    return (Array.isArray(w) ? w : [w]).map(A1).filter(h4);
   });
   let u = St;
   const v = J(l), p = r.value ? ue(
-    () => [d.value, M1(n), v.value],
+    () => [d.value, A1(n), v.value],
     ([w, $]) => {
       if (u(), !v.value || !w.length)
         return;
       const A = new IntersectionObserver(
         e,
         {
-          root: M1($),
+          root: A1($),
           rootMargin: s,
           threshold: o
         }
@@ -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,
@@ -9422,7 +9422,7 @@ const $4 = {
           ])
         ];
       }) : k("", !0),
-      T(q(Qe), Ee({
+      S(q(Qe), Ee({
         class: "ao-list-kanban__list",
         list: r.list,
         "item-key": "id",
@@ -9434,7 +9434,7 @@ const $4 = {
         item: U(({ element: u }) => {
           var v, p, C, w, $, A, g, y;
           return [
-            T(Na, {
+            S(Ua, {
               id: u.id,
               name: u.name,
               "project-name": (v = u.project) == null ? void 0 : v.name,
@@ -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",
@@ -9479,7 +9479,7 @@ const $4 = {
         }),
         footer: U(() => [
           r.isLoading ? (c(), m("div", k4, [
-            T(ce, { name: "Loading" })
+            S(ce, { name: "Loading" })
           ])) : r.hasMore ? (c(), m("div", {
             key: 2,
             ref_key: "scrollEnd",
@@ -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: {},
@@ -9529,16 +9529,16 @@ const O4 = { class: "ao-field ao-search-field" }, L4 = ["value", "placeholder",
         (...r) => q(s) && q(s)(...r)),
         onKeypress: Ye(n, ["enter"])
       }, null, 40, L4),
-      T(ce, {
+      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"]),
-      T(fe, {
+      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, S]) => {
+      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, S);
+        ), ie && !d.value && (l(ie), d.value = !0), u.value && Ue(K, T);
       },
       { immediate: !0 }
     );
@@ -9614,23 +9614,25 @@ 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, S = {
+      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 && (S.assigneeId = t.filters.assigneeId[0]), t.filters.projectId.length > 0 && (S.projectId = t.filters.projectId[0]), t.filters.typeId.length > 0 && (S.typeId = t.filters.typeId[0]), u.value = !0, e("addActivity", S);
-    }, C = (M, Y) => {
-      u.value = !1, e("update:filters", { ...t.filters, [M]: Y });
-    }, w = b(() => t.project ? [t.project] : t.projects ?? []), $ = b(() => w.value.map((M) => ({
+      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, K) => {
+      u.value = !1, e("update:filters", { ...t.filters, [M]: K });
+    }, w = b(
+      () => t.project ? [t.project] : t.projects ?? []
+    ), $ = b(() => w.value.map((M) => ({
       value: M.id,
       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,
@@ -9655,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);
@@ -9673,20 +9675,23 @@ 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((S, N) => [...S, ...N.milestones], []);
-      return M == null ? void 0 : M.map((S) => ({
-        value: S.id,
-        label: S.name
+      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) => ({
+        value: T.id,
+        label: T.name
       }));
     }), I = (M) => {
       i.value && e("update:activity", {
@@ -9700,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", {
@@ -9710,29 +9715,29 @@ 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, [
-        T(r1, null, {
+        S(d1, null, {
           primary: U(() => [
             f("div", N4, [
-              t.project ? (c(), R(Ba, {
+              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),
-              T(V4, {
+              S(V4, {
                 "model-value": M.searchText,
                 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",
@@ -9741,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",
@@ -9752,9 +9757,9 @@ 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),
-              T(be, {
+              S(be, {
                 "model-value": M.filters[q(dt).assignee],
                 mode: "tags",
                 options: g.value,
@@ -9762,20 +9767,23 @@ 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, handleTagRemove: S }) => [
-                  T(gt, {
+                tag: U(({
+                  option: B,
+                  handleTagRemove: T
+                }) => [
+                  S(gt, {
                     "user-name": B.label,
                     "avatar-url": B.avatar,
                     "is-closable": !0,
-                    onClose: (N) => S(B, N)
+                    onClose: (R) => T(B, R)
                   }, null, 8, ["user-name", "avatar-url", "onClose"])
                 ]),
                 _: 1
               }, 8, ["model-value", "options", "placeholder"])
             ]),
-            T(fe, {
+            S(fe, {
               class: "ao-feed__show-archived",
               size: "sm",
               "icon-name": M.showsArchivedActivities ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -9785,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],
@@ -9805,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(N1, {
+        (c(), N(It, { to: "body" }, [
+          q(i) ? (c(), N(U1, {
             key: 0,
             activity: q(i),
             "activity-types": A.value,
@@ -9818,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,
@@ -9830,12 +9838,12 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
             onRemoveComment: ae
           }, {
             header: U(() => {
-              var B, S, N;
+              var B, T, R;
               return [
                 f("div", U4, [
                   re.value && !t.project ? (c(), m("label", j4, [
                     f("span", Z4, Z(M.$t("activity.project.label")), 1),
-                    T(be, {
+                    S(be, {
                       options: re.value,
                       value: (B = q(i).project) == null ? void 0 : B.id,
                       searchable: !0,
@@ -9846,9 +9854,9 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                   ])) : k("", !0),
                   oe.value ? (c(), m("label", F4, [
                     f("span", q4, Z(M.$t("activity.milestone.label")), 1),
-                    T(be, {
+                    S(be, {
                       options: oe.value,
-                      value: (S = q(i).milestone) == null ? void 0 : S.id,
+                      value: (T = q(i).milestone) == null ? void 0 : T.id,
                       searchable: !0,
                       disabled: !M.isEditable,
                       caret: M.isEditable,
@@ -9857,9 +9865,9 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                   ])) : k("", !0),
                   F.value ? (c(), m("label", z4, [
                     f("span", W4, Z(M.$t("activity.status.label")), 1),
-                    T(be, {
+                    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,
@@ -9870,12 +9878,12 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                 ])
               ];
             }),
-            default: U(() => [
+            default: U((B) => [
               f("div", Y4, [
                 f("label", K4, [
                   f("span", G4, Z(M.$t("activity.deadline.label")), 1),
                   tt(f("input", {
-                    "onUpdate:modelValue": Y[5] || (Y[5] = (B) => W.value = B),
+                    "onUpdate:modelValue": K[5] || (K[5] = (T) => W.value = T),
                     class: "ao-field__input",
                     type: "date"
                   }, null, 512), [
@@ -9888,7 +9896,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
                   ])
                 ])
               ]),
-              X(M.$slots, "activityDetailsBody")
+              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)
@@ -9941,7 +9949,7 @@ const ft = {
           {
             path: ":phaseId/:milestoneId",
             name: He.milestone,
-            component: ra,
+            component: da,
             props: !0
           },
           {
@@ -9949,7 +9957,7 @@ const ft = {
             name: He.activity,
             props: { default: !0, modal: !0 },
             components: {
-              default: ra,
+              default: da,
               modal: d4
             }
           }
@@ -9963,7 +9971,7 @@ const ft = {
       }
     ]
   }
-], X4 = { class: "ao-templates" }, Q4 = /* @__PURE__ */ K({
+], X4 = { class: "ao-templates" }, Q4 = /* @__PURE__ */ Y({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -10004,9 +10012,9 @@ const ft = {
       }
     };
     return (l, r) => (c(), m("div", X4, [
-      T(r1, null, {
+      S(d1, null, {
         secondary: U(() => [
-          T(fe, {
+          S(fe, {
             label: l.$t("templates.new"),
             color: "primary",
             "icon-name": "Add",
@@ -10016,7 +10024,7 @@ const ft = {
         ]),
         _: 1
       }),
-      T(q(Qe), {
+      S(q(Qe), {
         "model-value": l.templates,
         class: "ao-templates__list",
         "item-key": "id",
@@ -10026,7 +10034,7 @@ const ft = {
         item: U(({ element: d }) => {
           var u;
           return [
-            T(P0, {
+            S(P0, {
               id: d.id,
               title: d.name,
               phases: d.phases,
@@ -10047,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,
@@ -10089,7 +10115,7 @@ export {
   c8 as getProjectOverviewRoutes,
   d8 as getTemplateRoutes,
   u8 as listUpdateTypes,
-  k1 as milestoneStatus,
+  T1 as milestoneStatus,
   He as projectOverviewRoutes,
   bd as ruleComparators,
   $d as ruleDurationUnits,