@26lights/orcha 0.19.0 → 0.20.0

package/dist/orcha.es.js

@@ -1,13 +1,13 @@
-import { defineComponent as x, openBlock as c, createBlock as R, unref as F, mergeProps as Ie, createElementBlock as m, createElementVNode as f, pushScopeId as ls, popScopeId as rs, createStaticVNode as us, computed as y, resolveDynamicComponent as at, normalizeClass as G, renderSlot as X, toDisplayString as q, 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 be, 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 et, vModelText as Et, vModelCheckbox as x1, Teleport as It, resolveComponent as hs, getCurrentScope as ms, onScopeDispose as Cs, provide as _s } from "vue";
+import { defineComponent as K, openBlock as c, createBlock as R, unref as q, mergeProps as Ie, createElementBlock as m, createElementVNode as f, pushScopeId as ls, popScopeId as rs, createStaticVNode as us, computed as y, resolveDynamicComponent as at, 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 be, 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 et, vModelText as Et, vModelCheckbox as x1, Teleport as It, resolveComponent as hs, getCurrentScope as ms, onScopeDispose as Cs, provide as _s } from "vue";
 import { RouterView as gs } from "vue-router";
 import Xe from "vuedraggable";
-const a8 = /* @__PURE__ */ x({
+const i8 = /* @__PURE__ */ K({
   __name: "AoTemplates",
   props: {
     templates: {}
   },
   setup(a) {
-    return (e, t) => (c(), R(F(gs), Ie({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
+    return (e, t) => (c(), R(q(gs), Ie({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
   }
 }), P = (a, e) => {
   const t = a.__vccOpts || a;
@@ -614,7 +614,7 @@ const Rl = /* @__PURE__ */ P(Dl, [["render", Nl]]), Ul = {}, jl = {
 function ql(a, e) {
   return c(), m("svg", jl, Fl);
 }
-const zl = /* @__PURE__ */ P(Ul, [["render", ql]]), Wl = x({
+const zl = /* @__PURE__ */ P(Ul, [["render", ql]]), Wl = K({
   name: "LoadingIcon"
 });
 const S1 = (a) => (ls("data-v-ad6da4a9"), a = a(), rs(), a), Yl = {
@@ -1146,7 +1146,7 @@ const id = /* @__PURE__ */ P(ed, [["render", nd]]), od = /* @__PURE__ */ Object.
 }, ca = {
   ROUND: "round",
   ROUNDED: "rounded"
-}, ce = /* @__PURE__ */ x({
+}, ce = /* @__PURE__ */ K({
   __name: "AoIcon",
   props: {
     name: {},
@@ -1155,14 +1155,14 @@ const id = /* @__PURE__ */ P(ed, [["render", nd]]), od = /* @__PURE__ */ Object.
   setup(a) {
     const e = a, t = y(() => od[e.name]);
     return (n, s) => (c(), R(at(t.value), {
-      class: G(["ao-icon", `ao-icon--${n.size}`])
+      class: x(["ao-icon", `ao-icon--${n.size}`])
     }, null, 8, ["class"]));
   }
 });
 const ud = ["type"], dd = {
   key: 0,
   class: "ao-button__label"
-}, fe = /* @__PURE__ */ x({
+}, fe = /* @__PURE__ */ K({
   __name: "AoButton",
   props: {
     label: { default: () => "" },
@@ -1180,7 +1180,7 @@ const ud = ["type"], dd = {
     const e = a, t = y(() => e.size), n = y(() => e.isLoading ? "Loading" : e.iconName);
     return (s, o) => (c(), m("button", {
       type: s.type,
-      class: G([
+      class: x([
         "ao-button",
         `ao-button--${s.variant}`,
         s.color ? `ao-button--${s.color}` : "",
@@ -1192,7 +1192,7 @@ const ud = ["type"], dd = {
       ])
     }, [
       X(s.$slots, "default", {}, () => [
-        s.label ? (c(), m("span", dd, q(s.label), 1)) : k("", !0)
+        s.label ? (c(), m("span", dd, Z(s.label), 1)) : k("", !0)
       ]),
       n.value ? (c(), R(ce, {
         key: 0,
@@ -1232,7 +1232,7 @@ function fa(a) {
     onDiscard: i
   };
 }
-const Ce = /* @__PURE__ */ x({
+const Ce = /* @__PURE__ */ K({
   __name: "AoTitle",
   props: {
     id: {},
@@ -1276,19 +1276,19 @@ const Ce = /* @__PURE__ */ x({
         {
           [`ao-title--${$.color}`]: !!$.color,
           "ao-title--editable": $.isEditable,
-          "ao-field__input ao-title--editing": F(s),
-          "ao-title--readonly": !F(s)
+          "ao-field__input ao-title--editing": q(s),
+          "ao-title--readonly": !q(s)
         }
       ],
-      type: F(s) ? "text" : null,
-      value: F(s) ? $.title : null,
+      type: q(s) ? "text" : null,
+      value: q(s) ? $.title : null,
       tabindex: "0",
       onKeyup: Ye(C, ["enter"])
     }, ds(d.value), {
-      onKeydown: Ye(F(v), ["esc"])
+      onKeydown: Ye(q(v), ["esc"])
     }), {
       default: U(() => [
-        e1(q($.title), 1)
+        e1(Z($.title), 1)
       ]),
       _: 1
     }, 16, ["id", "class", "type", "value", "onKeyup", "onKeydown"]));
@@ -1315,7 +1315,7 @@ const cd = {
 }, gd = {
   key: 3,
   class: "ao-card-horiz__secondary"
-}, va = /* @__PURE__ */ x({
+}, va = /* @__PURE__ */ K({
   __name: "AoCardHoriz",
   props: {
     id: {},
@@ -1333,7 +1333,7 @@ const cd = {
       e("update:title", n);
     };
     return (n, s) => (c(), R(at(n.tagName), {
-      class: G(["ao-card-horiz", { "ao-card-horiz--active": n.isActive }])
+      class: x(["ao-card-horiz", { "ao-card-horiz--active": n.isActive }])
     }, {
       default: U(() => [
         n.isDraggable ? (c(), m("div", cd, [
@@ -1360,7 +1360,7 @@ const cd = {
               "onUpdate:title": t
             }, null, 8, ["id", "title"]),
             X(n.$slots, "subtitle", {}, () => [
-              n.subtitle ? (c(), m("span", hd, q(n.subtitle), 1)) : k("", !0)
+              n.subtitle ? (c(), m("span", hd, Z(n.subtitle), 1)) : k("", !0)
             ])
           ]),
           n.$slots.header ? (c(), m("div", md, [
@@ -1381,7 +1381,7 @@ const cd = {
     }, 8, ["class"]));
   }
 });
-const E1 = /* @__PURE__ */ x({
+const E1 = /* @__PURE__ */ K({
   __name: "AoTag",
   props: {
     label: {},
@@ -1397,7 +1397,7 @@ const E1 = /* @__PURE__ */ x({
       () => t.value === "button" ? { type: "button" } : {}
     );
     return (s, o) => (c(), m("div", {
-      class: G([
+      class: x([
         "ao-tag",
         s.color ? `ao-tag--${s.color}` : "",
         s.clickable ? "ao-tag--clickable" : "",
@@ -1410,7 +1410,7 @@ const E1 = /* @__PURE__ */ x({
         onClick: o[0] || (o[0] = (i) => s.$emit("click", i))
       }), {
         default: U(() => [
-          e1(q(s.label), 1)
+          e1(Z(s.label), 1)
         ]),
         _: 1
       }, 16)),
@@ -1432,11 +1432,11 @@ const k1 = {
   todo: "todo",
   done: "done",
   archived: "archived"
-}, s8 = {
+}, o8 = {
   months: "months",
   weeks: "weeks",
   days: "days"
-}, n8 = {
+}, l8 = {
   future: "future",
   this_month: "this_month",
   this_week: "this_week",
@@ -1460,7 +1460,7 @@ const k1 = {
   TASKS: "tasks"
 };
 var $d = /* @__PURE__ */ ((a) => (a.PHASES = "phases", a.MILESTONES = "milestones", a.ACTIVITIES = "activities", a))($d || {});
-const i8 = {
+const r8 = {
   add: "add",
   remove: "remove",
   moved: "moved"
@@ -2699,15 +2699,15 @@ var Lc = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Vc = /P+p+|P+|
 function Bc(a, e, t) {
   var n, s, o, i, l, r, d, u, v, p, C, w, $, A, g, b, L, j;
   ge(2, arguments);
-  var W = String(e), H = s1(), K = (n = (s = t == null ? void 0 : t.locale) !== null && s !== void 0 ? s : H.locale) !== null && n !== void 0 ? n : Oc, 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 = s1(), G = (n = (s = t == null ? void 0 : t.locale) !== null && s !== void 0 ? s : H.locale) !== null && n !== void 0 ? n : Oc, 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 || (b = g.options) === null || b === void 0 ? void 0 : b.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 (!K.localize)
+  if (!G.localize)
     throw new RangeError("locale must contain localize property");
-  if (!K.formatLong)
+  if (!G.formatLong)
     throw new RangeError("locale must contain formatLong property");
   var ee = Be(a);
   if (!ma(ee))
@@ -2715,13 +2715,13 @@ function Bc(a, e, t) {
   var de = Ad(ee), h = Sd(ee, de), O = {
     firstWeekContainsDate: te,
     weekStartsOn: E,
-    locale: K,
+    locale: G,
     _originalDate: ee
   }, z = W.match(Vc).map(function(ae) {
     var re = ae[0];
     if (re === "p" || re === "P") {
       var oe = Zd[re];
-      return oe(ae, K.formatLong);
+      return oe(ae, G.formatLong);
     }
     return ae;
   }).join("").match(Lc).map(function(ae) {
@@ -2732,7 +2732,7 @@ function Bc(a, e, t) {
       return Nc(ae);
     var oe = Rd[re];
     if (oe)
-      return !(t != null && t.useAdditionalWeekYearTokens) && Wd(ae) && ea(ae, e, String(a)), !(t != null && t.useAdditionalDayOfYearTokens) && zd(ae) && ea(ae, e, String(a)), oe(h, ae, K.localize, O);
+      return !(t != null && t.useAdditionalWeekYearTokens) && Wd(ae) && ea(ae, e, String(a)), !(t != null && t.useAdditionalDayOfYearTokens) && zd(ae) && ea(ae, e, String(a)), oe(h, ae, G.localize, O);
     if (re.match(Pc))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + re + "`");
     return ae;
@@ -3642,7 +3642,7 @@ function f0(a, e) {
 const v0 = ["title"], p0 = {
   key: 0,
   className: "ao-avatar__initials"
-}, h0 = ["src"], gt = /* @__PURE__ */ x({
+}, h0 = ["src"], gt = /* @__PURE__ */ K({
   __name: "AoAvatar",
   props: {
     userName: {},
@@ -3657,10 +3657,10 @@ const v0 = ["title"], p0 = {
     };
     return (o, i) => (c(), m("div", {
       role: "img",
-      class: G(o.avatarUrl ? ["ao-avatar-img", `ao-avatar-img--${o.size}`] : ["ao-avatar", `ao-avatar--${o.size}`]),
+      class: x(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", p0, q(F(n)), 1)),
+      o.avatarUrl ? k("", !0) : (c(), m("span", p0, Z(q(n)), 1)),
       o.avatarUrl ? (c(), m("img", {
         key: 1,
         className: "ao-avatar__image",
@@ -3686,7 +3686,7 @@ const m0 = { class: "ao-card-template__subitems" }, C0 = { class: "ao-card-templ
 }, S0 = { class: "ao-card-template__col-title" }, E0 = { class: "ao-card-template__col-label" }, I0 = { class: "ao-card-template__col-body" }, O0 = {
   key: 1,
   class: "ao-card-template__col ao-card-template__col--updated-by"
-}, L0 = { class: "ao-card-template__col-title" }, V0 = { class: "ao-card-template__col-label" }, D0 = { class: "ao-card-template__col-body" }, H0 = /* @__PURE__ */ x({
+}, L0 = { class: "ao-card-template__col-title" }, V0 = { class: "ao-card-template__col-label" }, D0 = { class: "ao-card-template__col-body" }, H0 = /* @__PURE__ */ K({
   __name: "AoCardTemplate",
   props: {
     id: {},
@@ -3715,14 +3715,14 @@ const m0 = { class: "ao-card-template__subitems" }, C0 = { class: "ao-card-templ
               name: "MountainFlagOutlineRounded",
               size: "sm"
             }),
-            f("span", _0, q(n.milestones), 1)
+            f("span", _0, Z(n.milestones), 1)
           ]),
           f("li", g0, [
             T(ce, {
               name: "TaskOutlineRounded",
               size: "sm"
             }),
-            f("span", b0, q(n.activities), 1)
+            f("span", b0, Z(n.activities), 1)
           ])
         ])
       ]),
@@ -3734,7 +3734,7 @@ const m0 = { class: "ao-card-template__subitems" }, C0 = { class: "ao-card-templ
                 name: "WaterfallChartRounded",
                 size: "sm"
               }),
-              f("span", M0, q(n.$t("template.phases.title")), 1)
+              f("span", M0, Z(n.$t("template.phases.title")), 1)
             ]),
             n.phases ? (c(), m("ul", k0, [
               (c(!0), m(ve, null, be(n.phases, (o) => (c(), R(E1, {
@@ -3755,15 +3755,15 @@ const m0 = { class: "ao-card-template__subitems" }, C0 = { class: "ao-card-templ
           f("div", A0, [
             n.updatedAt ? (c(), m("div", T0, [
               f("div", S0, [
-                f("span", E0, q(n.$t("template.updatedAt.label")), 1)
+                f("span", E0, Z(n.$t("template.updatedAt.label")), 1)
               ]),
               f("div", I0, [
-                f("span", null, q(n.updatedAt), 1)
+                f("span", null, Z(n.updatedAt), 1)
               ])
             ])) : k("", !0),
             n.updatedBy ? (c(), m("div", O0, [
               f("div", L0, [
-                f("span", V0, q(n.$t("template.updatedBy.label")), 1)
+                f("span", V0, Z(n.$t("template.updatedBy.label")), 1)
               ]),
               f("div", D0, [
                 T(gt, { "user-name": n.updatedBy }, null, 8, ["user-name"])
@@ -3779,7 +3779,7 @@ const m0 = { class: "ao-card-template__subitems" }, C0 = { class: "ao-card-templ
 const P0 = { class: "ao-page-header" }, B0 = { class: "ao-page-header-main" }, N0 = {
   key: 0,
   class: "ao-page-header-secondary"
-}, r1 = /* @__PURE__ */ x({
+}, r1 = /* @__PURE__ */ K({
   __name: "AoPageHeader",
   props: {
     canGoBack: { type: Boolean }
@@ -3805,7 +3805,7 @@ const P0 = { class: "ao-page-header" }, B0 = { class: "ao-page-header-main" }, N
 const R0 = ["type"], U0 = {
   key: 0,
   class: "ao-button-card__label"
-}, Qe = /* @__PURE__ */ x({
+}, Qe = /* @__PURE__ */ K({
   __name: "AoButtonCard",
   props: {
     label: { default: () => "" },
@@ -3821,7 +3821,7 @@ const R0 = ["type"], U0 = {
     const e = a, t = y(() => e.size), n = y(() => e.isLoading ? "Loading" : e.iconName);
     return (s, o) => (c(), m("button", {
       type: s.type,
-      class: G([
+      class: x([
         "ao-button-card",
         `ao-button-card--${s.color}`,
         `ao-button-card--${s.corners}`,
@@ -3829,7 +3829,7 @@ const R0 = ["type"], U0 = {
       ])
     }, [
       X(s.$slots, "default", {}, () => [
-        s.label ? (c(), m("span", U0, q(s.label), 1)) : k("", !0)
+        s.label ? (c(), m("span", U0, Z(s.label), 1)) : k("", !0)
       ]),
       n.value ? (c(), R(ce, {
         key: 0,
@@ -3843,7 +3843,7 @@ const R0 = ["type"], U0 = {
 const j0 = { class: "ao-card-template-item__footer" }, Z0 = {
   key: 0,
   class: "ao-card-template-item__subitem"
-}, F0 = { class: "ao-card-template-item__subitem-number" }, q0 = { class: "ao-card-template-item__secondary" }, O1 = /* @__PURE__ */ x({
+}, F0 = { class: "ao-card-template-item__subitem-number" }, q0 = { class: "ao-card-template-item__secondary" }, O1 = /* @__PURE__ */ K({
   __name: "AoCardTemplateItem",
   props: {
     milestones: {},
@@ -3872,7 +3872,7 @@ const j0 = { class: "ao-card-template-item__footer" }, Z0 = {
                 name: s[r],
                 size: "sm"
               }, null, 8, ["name"]),
-              f("span", F0, q(i.$props[r]), 1)
+              f("span", F0, Z(i.$props[r]), 1)
             ])) : k("", !0)
           ], 64))), 64))
         ])
@@ -3892,7 +3892,7 @@ const j0 = { class: "ao-card-template-item__footer" }, Z0 = {
     }));
   }
 });
-const z0 = /* @__PURE__ */ x({
+const z0 = /* @__PURE__ */ K({
   __name: "AoCardTemplateItemPhase",
   props: {
     id: {},
@@ -3916,7 +3916,7 @@ const z0 = /* @__PURE__ */ x({
       _: 3
     }, 16, ["id", "title", "activities", "milestones"]));
   }
-}), W0 = /* @__PURE__ */ x({
+}), W0 = /* @__PURE__ */ K({
   __name: "AoCardTemplateItemMilestone",
   props: {
     activities: {}
@@ -3933,7 +3933,7 @@ const z0 = /* @__PURE__ */ x({
       _: 3
     }, 8, ["activities"]));
   }
-}), Y0 = { class: "ao-list__footer" }, K0 = /* @__PURE__ */ x({
+}), Y0 = { class: "ao-list__footer" }, K0 = /* @__PURE__ */ K({
   __name: "AoTemplateDetailsMilestones",
   props: {
     templateId: {},
@@ -3957,7 +3957,7 @@ const z0 = /* @__PURE__ */ x({
         });
       }
     };
-    return (l, r) => l.phase ? (c(), R(F(Xe), {
+    return (l, r) => l.phase ? (c(), R(q(Xe), {
       key: 0,
       "model-value": l.phase.milestones,
       class: "ao-templates__list",
@@ -4002,7 +4002,7 @@ const z0 = /* @__PURE__ */ x({
       _: 1
     }, 8, ["model-value", "title"])) : k("", !0);
   }
-}), G0 = /* @__PURE__ */ x({
+}), G0 = /* @__PURE__ */ K({
   __name: "AoCardTemplateItemActivity",
   props: {
     name: {},
@@ -4020,7 +4020,7 @@ const z0 = /* @__PURE__ */ x({
       _: 3
     }, 8, ["tasks"]));
   }
-}), x0 = { class: "ao-list__footer" }, X0 = /* @__PURE__ */ x({
+}), x0 = { class: "ao-list__footer" }, X0 = /* @__PURE__ */ K({
   __name: "AoTemplateDetailsActivities",
   props: {
     templateId: {},
@@ -4047,7 +4047,7 @@ const z0 = /* @__PURE__ */ x({
         });
       }
     };
-    return (l, r) => l.milestone ? (c(), R(F(Xe), {
+    return (l, r) => l.milestone ? (c(), R(q(Xe), {
       key: 0,
       "model-value": l.milestone.activities,
       title: l.$t("template.activities.title"),
@@ -4094,7 +4094,7 @@ const z0 = /* @__PURE__ */ x({
 }, a3 = { class: "ao-modal__body" }, s3 = {
   key: 0,
   class: "ao-modal__footer"
-}, L1 = /* @__PURE__ */ x({
+}, L1 = /* @__PURE__ */ K({
   __name: "AoModal",
   props: {
     size: { default: "md" }
@@ -4102,7 +4102,7 @@ const z0 = /* @__PURE__ */ x({
   emits: ["close"],
   setup(a) {
     return (e, t) => (c(), m("div", {
-      class: G(["ao-modal__wrapper", `ao-modal__wrapper--${e.size}`])
+      class: x(["ao-modal__wrapper", `ao-modal__wrapper--${e.size}`])
     }, [
       f("div", {
         class: "ao-modal__backdrop",
@@ -4406,16 +4406,16 @@ const p3 = function(a) {
         return {};
       const g = mt(s), b = mt(l) === l, L = await (r.isRTL == null ? void 0 : r.isRTL(d.floating)), j = p || (b || !$ ? [Xt(l)] : r3(l));
       !p && w !== "none" && j.push(...d3(l, $, w, L));
-      const W = [l, ...j], H = await Ea(e, A), K = [];
+      const W = [l, ...j], H = await Ea(e, A), G = [];
       let te = ((n = o.flip) == null ? void 0 : n.overflows) || [];
-      if (u && K.push(H[g]), v) {
+      if (u && G.push(H[g]), v) {
         const h = l3(s, i, L);
-        K.push(H[h[0]], H[h[1]]);
+        G.push(H[h[0]], H[h[1]]);
       }
       if (te = [...te, {
         placement: s,
-        overflows: K
-      }], !K.every((h) => h <= 0)) {
+        overflows: G
+      }], !G.every((h) => h <= 0)) {
         var E, ee;
         const h = (((E = o.flip) == null ? void 0 : E.index) || 0) + 1, O = W[h];
         if (O)
@@ -4481,8 +4481,8 @@ const p3 = function(a) {
         L = u || b ? Lt(A, H) : H;
       }
       if (b && !u) {
-        const H = Ae(r.left, 0), K = Ae(r.right, 0), te = Ae(r.top, 0), E = Ae(r.bottom, 0);
-        v ? j = p - 2 * (H !== 0 || K !== 0 ? H + K : 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), 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));
       }
       await i({
         ...e,
@@ -4926,7 +4926,7 @@ const D3 = (a, e, t) => {
 }, H3 = (a) => {
   const e = J(!1), t = J(), n = J(), s = J(0);
   function o() {
-    const v = F(a.appendTo);
+    const v = q(a.appendTo);
     return v ? typeof v == "string" ? document.getElementById(v) ?? document.body : v : document.getElementById("floatingElements") ?? document.body;
   }
   const i = o(), l = J(() => {
@@ -5088,7 +5088,7 @@ function Z3(a, e, t) {
     clearOnSearch: j,
     clearOnSelect: W,
     valueProp: H,
-    allowAbsent: K,
+    allowAbsent: G,
     groupLabel: te,
     canDeselect: E,
     max: ee,
@@ -5101,7 +5101,7 @@ function Z3(a, e, t) {
     groupOptions: oe,
     groupHideEmpty: I,
     groupSelect: V,
-    onCreate: Z,
+    onCreate: F,
     disabledProp: ne,
     searchStart: M,
     searchFilter: Y
@@ -5222,7 +5222,7 @@ function Z3(a, e, t) {
     }
   }, 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(_)) {
-      if (Z && Z.value && !Ne(_) && _.__CREATE__ && (_ = { ..._ }, delete _.__CREATE__, _ = Z.value(_, ie), _ instanceof Promise)) {
+      if (F && F.value && !Ne(_) && _.__CREATE__ && (_ = { ..._ }, delete _.__CREATE__, _ = F.value(_, ie), _ instanceof Promise)) {
         Le.value = !0, _.then((D) => {
           Le.value = !1, Y1(D);
         });
@@ -5289,7 +5289,7 @@ function Z3(a, e, t) {
     let se = _;
     if (N.value && L.value) {
       let he = Y.value;
-      he || (he = (wt, Q4) => {
+      he || (he = (wt, t8) => {
         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;
       }), se = se.filter(he);
@@ -5329,11 +5329,11 @@ function Z3(a, e, t) {
         });
   }, os = (_) => {
     jt(_);
-  }, Zt = (_) => De(_) ? s.value === "single" ? {} : [] : w.value ? _ : s.value === "single" ? Re(_) || (K.value ? {
+  }, Zt = (_) => De(_) ? s.value === "single" ? {} : [] : w.value ? _ : s.value === "single" ? Re(_) || (G.value ? {
     [u.value]: _,
     [H.value]: _,
     [Ve.value]: _
-  } : {}) : _.filter((D) => !!Re(D) || K.value).map((D) => Re(D) || {
+  } : {}) : _.filter((D) => !!Re(D) || G.value).map((D) => Re(D) || {
     [u.value]: D,
     [H.value]: D,
     [Ve.value]: D
@@ -5416,29 +5416,29 @@ function F3(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, b = t.setPointer, L = t.clearPointer, j = t.multiselect, W = t.isOpen, H = y(() => p.value.filter((S) => !S[u.value])), K = y(() => C.value.filter((S) => !S[u.value])), te = y(() => r.value !== "single" && d.value), E = y(() => g.value && g.value.group), ee = y(() => ie(g.value)), de = y(() => {
+  } = $e(a), p = t.fo, C = t.fg, w = t.handleOptionClick, $ = t.handleGroupClick, A = t.search, g = t.pointer, b = t.setPointer, L = t.clearPointer, j = t.multiselect, W = t.isOpen, H = y(() => p.value.filter((S) => !S[u.value])), G = y(() => C.value.filter((S) => !S[u.value])), te = y(() => r.value !== "single" && d.value), E = y(() => g.value && g.value.group), ee = y(() => ie(g.value)), de = y(() => {
     const S = E.value ? g.value : (
       /* istanbul ignore next */
       ie(g.value)
-    ), N = K.value.map((Me) => Me[i.value]).indexOf(S[i.value]);
-    let pe = K.value[N - 1];
+    ), N = G.value.map((Me) => Me[i.value]).indexOf(S[i.value]);
+    let pe = G.value[N - 1];
     return pe === void 0 && (pe = O.value), pe;
   }), h = y(() => {
-    let S = K.value.map((N) => N.label).indexOf(E.value ? g.value[i.value] : ie(g.value)[i.value]) + 1;
-    return K.value.length <= S && (S = 0), K.value[S];
-  }), O = y(() => [...K.value].slice(-1)[0]), z = y(() => g.value.__VISIBLE__.filter((S) => !S[u.value])[0]), ae = y(() => {
+    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 = y(() => [...G.value].slice(-1)[0]), z = y(() => g.value.__VISIBLE__.filter((S) => !S[u.value])[0]), ae = y(() => {
     const S = ee.value.__VISIBLE__.filter((N) => !N[u.value]);
     return S[S.map((N) => N[n.value]).indexOf(g.value[n.value]) - 1];
   }), re = y(() => {
     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 = y(() => [...de.value.__VISIBLE__.filter((S) => !S[u.value])].slice(-1)[0]), I = y(() => [...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, Z = () => {
+  }), oe = y(() => [...de.value.__VISIBLE__.filter((S) => !S[u.value])].slice(-1)[0]), I = y(() => [...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 = () => {
     b(H.value[0] || null);
   }, ne = () => {
     !g.value || g.value[u.value] === !0 || (E.value ? $(g.value) : w(g.value));
   }, M = () => {
     if (g.value === null)
-      b((l.value && te.value ? K.value[0].__CREATE__ ? H.value[0] : K.value[0] : H.value[0]) || null);
+      b((l.value && te.value ? G.value[0].__CREATE__ ? H.value[0] : G.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])), b(S || /* istanbul ignore next */
@@ -5465,7 +5465,7 @@ function F3(a, e, t) {
     Oe(() => {
       B();
     });
-  }, ie = (S) => K.value.find((N) => N.__VISIBLE__.map((pe) => pe[n.value]).indexOf(S[n.value]) !== -1), 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)
       return;
@@ -5473,7 +5473,7 @@ function F3(a, e, t) {
     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);
   };
   return ue(A, (S) => {
-    o.value && (S.length && s.value ? Z() : L());
+    o.value && (S.length && s.value ? F() : L());
   }), ue(W, (S) => {
     if (S) {
       let N = j.value.querySelectorAll("[data-selected]")[0];
@@ -5488,7 +5488,7 @@ function F3(a, e, t) {
     pointer: g,
     canPointGroups: te,
     isPointed: V,
-    setPointerFirst: Z,
+    setPointerFirst: F,
     selectPointer: ne,
     forwardPointer: M,
     backwardPointer: Y
@@ -5560,19 +5560,19 @@ function W3(a, e, t) {
     createTag: v,
     createOption: p,
     reverse: C
-  } = $e(a), w = st().proxy, $ = t.iv, A = t.update, g = t.search, b = t.setPointer, L = t.selectPointer, j = t.backwardPointer, W = t.forwardPointer, H = t.multiselect, K = t.wrapper, te = t.tags, E = t.isOpen, ee = t.open, de = t.blur, h = t.fo, O = y(() => v.value || p.value || !1), z = y(() => 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, b = 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 = y(() => v.value || p.value || !1), z = y(() => 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 && b(h.value[h.value.map((V) => V[r.value]).indexOf(g.value)]);
   }, re = (V) => {
-    let Z = V.length - 1;
-    for (; Z >= 0 && (V[Z].remove === !1 || V[Z].disabled); )
-      Z--;
-    return Z < 0 || V.splice(Z, 1), V;
+    let F = V.length - 1;
+    for (; F >= 0 && (V[F].remove === !1 || V[F].disabled); )
+      F--;
+    return F < 0 || V.splice(F, 1), V;
   };
   return {
     handleKeydown: (V) => {
       e.emit("keydown", V, w);
-      let Z, ne;
-      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(V.key) !== -1 && n.value === "tags" && (Z = [...H.value.querySelectorAll("[data-tags] > *")].filter((M) => M !== te.value), ne = Z.findIndex((M) => M === document.activeElement)), V.key) {
+      let F, ne;
+      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(V.key) !== -1 && n.value === "tags" && (F = [...H.value.querySelectorAll("[data-tags] > *")].filter((M) => M !== te.value), ne = F.findIndex((M) => M === document.activeElement)), V.key) {
         case "Backspace":
           if (n.value === "single" || i.value && [null, ""].indexOf(g.value) === -1 || $.value.length === 0)
             return;
@@ -5582,7 +5582,7 @@ function W3(a, e, t) {
           if (V.preventDefault(), V.keyCode === 229)
             return;
           if (ne !== -1 && ne !== void 0) {
-            A([...$.value].filter((M, Y) => Y !== ne)), ne === Z.length - 1 && (Z.length - 1 ? Z[Z.length - 2].focus() : i.value ? te.value.querySelector("input").focus() : K.value.focus());
+            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());
             return;
           }
           if (z.value.indexOf("enter") === -1 && O.value)
@@ -5623,12 +5623,12 @@ function W3(a, e, t) {
         case "ArrowLeft":
           if (i.value && te.value && te.value.querySelector("input").selectionStart || V.shiftKey || n.value !== "tags" || !$.value || !$.value.length)
             return;
-          V.preventDefault(), ne === -1 ? Z[Z.length - 1].focus() : ne > 0 && Z[ne - 1].focus();
+          V.preventDefault(), ne === -1 ? F[F.length - 1].focus() : ne > 0 && F[ne - 1].focus();
           break;
         case "ArrowRight":
           if (ne === -1 || V.shiftKey || n.value !== "tags" || !$.value || !$.value.length)
             return;
-          V.preventDefault(), Z.length > ne + 1 ? Z[ne + 1].focus() : i.value ? te.value.querySelector("input").focus() : i.value || K.value.focus();
+          V.preventDefault(), F.length > ne + 1 ? F[ne + 1].focus() : i.value ? te.value.querySelector("input").focus() : i.value || G.value.focus();
           break;
       }
     },
@@ -5799,7 +5799,7 @@ function G3(a, e, t) {
   }), H = y(() => {
     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;
-  }), K = (h) => {
+  }), G = (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 G3(a, e, t) {
     ariaPlaceholder: L,
     ariaMultiselectable: j,
     ariaActiveDescendant: b,
-    ariaOptionId: K,
+    ariaOptionId: G,
     ariaOptionLabel: E,
     ariaGroupId: te,
     ariaGroupLabel: ee,
@@ -6206,7 +6206,7 @@ const Q3 = ["id", "dir"], J3 = ["tabindex", "aria-controls", "aria-placeholder",
 function _5(a, e, t, n, s, o) {
   return c(), m("div", {
     ref: "multiselect",
-    class: G(a.classList.container),
+    class: x(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,7 +6254,7 @@ function _5(a, e, t, n, s, o) {
         "div",
         {
           key: 1,
-          class: G(a.classList.tags),
+          class: x(a.classList.tags),
           "data-tags": ""
         },
         [
@@ -6267,7 +6267,7 @@ function _5(a, e, t, n, s, o) {
               disabled: t.disabled
             }, () => [
               (c(), m("span", {
-                class: G([
+                class: x([
                   a.classList.tag,
                   i.disabled ? a.classList.tagDisabled : null
                 ]),
@@ -6277,19 +6277,19 @@ function _5(a, e, t, n, s, o) {
                 "aria-label": a.ariaTagLabel(a.localize(i[t.label]))
               }, [
                 e1(
-                  q(a.localize(i[t.label])) + " ",
+                  Z(a.localize(i[t.label])) + " ",
                   1
                   /* TEXT */
                 ),
                 !t.disabled && !i.disabled ? (c(), m("span", {
                   key: 0,
-                  class: G(a.classList.tagRemove),
+                  class: x(a.classList.tagRemove),
                   onClick: _e((d) => a.handleTagRemove(i, d), ["stop"])
                 }, [
                   f(
                     "span",
                     {
-                      class: G(a.classList.tagRemoveIcon)
+                      class: x(a.classList.tagRemoveIcon)
                     },
                     null,
                     2
@@ -6304,7 +6304,7 @@ function _5(a, e, t, n, s, o) {
           f(
             "div",
             {
-              class: G(a.classList.tagsSearchWrapper),
+              class: x(a.classList.tagsSearchWrapper),
               ref: "tags"
             },
             [
@@ -6312,9 +6312,9 @@ function _5(a, e, t, n, s, o) {
               f(
                 "span",
                 {
-                  class: G(a.classList.tagsSearchCopy)
+                  class: x(a.classList.tagsSearchCopy)
                 },
-                q(a.search),
+                Z(a.search),
                 3
                 /* TEXT, CLASS */
               ),
@@ -6357,15 +6357,15 @@ function _5(a, e, t, n, s, o) {
         f(
           "div",
           {
-            class: G(a.classList.singleLabel)
+            class: x(a.classList.singleLabel)
           },
           [
             f(
               "span",
               {
-                class: G(a.classList.singleLabelText)
+                class: x(a.classList.singleLabelText)
               },
-              q(a.localize(a.iv[t.label])),
+              Z(a.localize(a.iv[t.label])),
               3
               /* TEXT, CLASS */
             )
@@ -6380,7 +6380,7 @@ function _5(a, e, t, n, s, o) {
         values: a.iv
       }, () => [
         f("div", {
-          class: G(a.classList.multipleLabel),
+          class: x(a.classList.multipleLabel),
           innerHTML: a.multipleLabelText
         }, null, 10, n5)
       ]) : k("v-if", !0),
@@ -6389,10 +6389,10 @@ function _5(a, e, t, n, s, o) {
         f(
           "div",
           {
-            class: G(a.classList.placeholder),
+            class: x(a.classList.placeholder),
             "aria-hidden": "true"
           },
-          q(t.placeholder),
+          Z(t.placeholder),
           3
           /* TEXT, CLASS */
         )
@@ -6402,7 +6402,7 @@ function _5(a, e, t, n, s, o) {
         f(
           "span",
           {
-            class: G(a.classList.spinner),
+            class: x(a.classList.spinner),
             "aria-hidden": "true"
           },
           null,
@@ -6423,7 +6423,7 @@ function _5(a, e, t, n, s, o) {
             role: "button",
             "data-clear": "",
             "aria-roledescription": "❎",
-            class: G(a.classList.clear),
+            class: x(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 _5(a, e, t, n, s, o) {
             f(
               "span",
               {
-                class: G(a.classList.clearIcon)
+                class: x(a.classList.clearIcon)
               },
               null,
               2
@@ -6447,7 +6447,7 @@ function _5(a, e, t, n, s, o) {
         f(
           "span",
           {
-            class: G(a.classList.caret),
+            class: x(a.classList.caret),
             onClick: e[8] || (e[8] = (...i) => a.handleCaretClick && a.handleCaretClick(...i)),
             "aria-hidden": "true"
           },
@@ -6461,13 +6461,13 @@ function _5(a, e, t, n, s, o) {
     f(
       "div",
       {
-        class: G(a.classList.dropdown),
+        class: x(a.classList.dropdown),
         tabindex: "-1"
       },
       [
         X(a.$slots, "beforelist", { options: a.fo }),
         f("ul", {
-          class: G(a.classList.options),
+          class: x(a.classList.options),
           id: a.ariaControls,
           role: "listbox"
         }, [
@@ -6475,7 +6475,7 @@ function _5(a, e, t, n, s, o) {
             ve,
             { key: 0 },
             be(a.fg, (i, l, r) => (c(), m("li", {
-              class: G(a.classList.group),
+              class: x(a.classList.group),
               key: r,
               id: a.ariaGroupId(i),
               "aria-label": a.ariaGroupLabel(a.localize(i[t.groupLabel])),
@@ -6484,7 +6484,7 @@ function _5(a, e, t, n, s, o) {
             }, [
               i.__CREATE__ ? k("v-if", !0) : (c(), m("div", {
                 key: 0,
-                class: G(a.classList.groupLabel(i)),
+                class: x(a.classList.groupLabel(i)),
                 "data-pointed": a.isPointed(i),
                 onMouseenter: (d) => a.setPointer(i, l),
                 onClick: (d) => a.handleGroupClick(i)
@@ -6500,7 +6500,7 @@ function _5(a, e, t, n, s, o) {
                 ])
               ], 42, l5)),
               f("ul", {
-                class: G(a.classList.groupOptions),
+                class: x(a.classList.groupOptions),
                 "aria-label": a.ariaGroupLabel(a.localize(i[t.groupLabel])),
                 role: "group"
               }, [
@@ -6508,7 +6508,7 @@ function _5(a, e, t, n, s, o) {
                   ve,
                   null,
                   be(i.__VISIBLE__, (d, u, v) => (c(), m("li", {
-                    class: G(a.classList.option(d, i)),
+                    class: x(a.classList.option(d, i)),
                     "data-pointed": a.isPointed(d),
                     "data-selected": a.isSelected(d) || void 0,
                     key: v,
@@ -6528,7 +6528,7 @@ function _5(a, e, t, n, s, o) {
                       f(
                         "span",
                         null,
-                        q(a.localize(d[t.label])),
+                        Z(a.localize(d[t.label])),
                         1
                         /* TEXT */
                       )
@@ -6545,7 +6545,7 @@ function _5(a, e, t, n, s, o) {
             ve,
             { key: 1 },
             be(a.fo, (i, l, r) => (c(), m("li", {
-              class: G(a.classList.option(i)),
+              class: x(a.classList.option(i)),
               "data-pointed": a.isPointed(i),
               "data-selected": a.isSelected(i) || void 0,
               key: r,
@@ -6565,7 +6565,7 @@ function _5(a, e, t, n, s, o) {
                 f(
                   "span",
                   null,
-                  q(a.localize(i[t.label])),
+                  Z(a.localize(i[t.label])),
                   1
                   /* TEXT */
                 )
@@ -6577,13 +6577,13 @@ function _5(a, e, t, n, s, o) {
         ], 10, i5),
         a.noOptions ? X(a.$slots, "nooptions", { key: 0 }, () => [
           f("div", {
-            class: G(a.classList.noOptions),
+            class: x(a.classList.noOptions),
             innerHTML: a.localize(t.noOptionsText)
           }, null, 10, f5)
         ]) : k("v-if", !0),
         a.noResults ? X(a.$slots, "noresults", { key: 1 }, () => [
           f("div", {
-            class: G(a.classList.noResults),
+            class: x(a.classList.noResults),
             innerHTML: a.localize(t.noResultsText)
           }, null, 10, v5)
         ]) : k("v-if", !0),
@@ -6591,7 +6591,7 @@ function _5(a, e, t, n, s, o) {
           "div",
           {
             key: 2,
-            class: G(a.classList.inifinite),
+            class: x(a.classList.inifinite),
             ref: "infiniteLoader"
           },
           [
@@ -6599,7 +6599,7 @@ function _5(a, e, t, n, s, o) {
               f(
                 "span",
                 {
-                  class: G(a.classList.inifiniteSpinner)
+                  class: x(a.classList.inifiniteSpinner)
                 },
                 null,
                 2
@@ -6618,7 +6618,7 @@ function _5(a, e, t, n, s, o) {
     k(" Hacky input element to show HTML5 required warning "),
     t.required ? (c(), m("input", {
       key: 0,
-      class: G(a.classList.fakeInput),
+      class: x(a.classList.fakeInput),
       tabindex: "-1",
       value: a.textValue,
       required: ""
@@ -6652,15 +6652,15 @@ function _5(a, e, t, n, s, o) {
     k(" Screen reader assistive text "),
     t.searchable && a.hasSelected ? (c(), m("div", {
       key: 2,
-      class: G(a.classList.assist),
+      class: x(a.classList.assist),
       id: a.ariaAssist,
       "aria-hidden": "true"
-    }, q(a.ariaLabel), 11, C5)) : k("v-if", !0),
+    }, Z(a.ariaLabel), 11, C5)) : k("v-if", !0),
     k(" Create height for empty input "),
     f(
       "div",
       {
-        class: G(a.classList.spacer)
+        class: x(a.classList.spacer)
       },
       null,
       2
@@ -6670,7 +6670,7 @@ function _5(a, e, t, n, s, o) {
 }
 We.render = _5;
 We.__file = "src/Multiselect.vue";
-const ye = /* @__PURE__ */ x({
+const ye = /* @__PURE__ */ K({
   __name: "AoMultiselect",
   props: {
     detached: { type: Boolean },
@@ -6681,7 +6681,7 @@ const ye = /* @__PURE__ */ x({
     return e.detached && H3({
       multiselect: n,
       appendTo: t.value
-    }), (s, o) => (c(), R(F(We), {
+    }), (s, o) => (c(), R(q(We), {
       ref_key: "multiselectRef",
       ref: n,
       class: "ao-multiselect"
@@ -6709,7 +6709,7 @@ function g5() {
     throw new Error("i18next-vue: No Vue instance in context. Make sure to register the i18next-vue plugin using app.use(...).");
   return a;
 }
-x({
+K({
   props: {
     translation: {
       type: String,
@@ -6746,7 +6746,7 @@ async function Ue(a, e) {
     i == null || i.select();
   }
 }
-const b5 = { class: "ao-tasks" }, y5 = { class: "ao-tasks__list" }, w5 = ["id", "value", "readonly", "onChange", "onKeyup"], $5 = { class: "ao-tasks__list-footer" }, M5 = /* @__PURE__ */ x({
+const b5 = { class: "ao-tasks" }, y5 = { class: "ao-tasks__list" }, w5 = ["id", "value", "readonly", "onChange", "onKeyup"], $5 = { class: "ao-tasks__list-footer" }, M5 = /* @__PURE__ */ K({
   __name: "AoActivityTasks",
   props: {
     activityId: {},
@@ -6879,7 +6879,7 @@ const k5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], A5 = {
 }, T5 = ["href"], S5 = { class: "ao-file__title" }, E5 = {
   key: 1,
   class: "ao-files__dropzone"
-}, I5 = { class: "ao-files__input" }, O5 = { class: "ao-files__button ao-button ao-button--primary ao-button--ghost" }, L5 = { class: "ao-files__placeholder" }, V5 = /* @__PURE__ */ x({
+}, I5 = { class: "ao-files__input" }, O5 = { class: "ao-files__button ao-button ao-button--primary ao-button--ghost" }, L5 = { class: "ao-files__placeholder" }, V5 = /* @__PURE__ */ K({
   __name: "AoActivityDetailsFiles",
   props: {
     attachments: {},
@@ -6924,7 +6924,7 @@ const k5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], A5 = {
     return (d, u) => {
       var v;
       return c(), m("div", {
-        class: G([
+        class: x([
           "ao-files__wrapper",
           {
             "ao-files__wrapper--drop-active": o.value
@@ -6951,7 +6951,7 @@ const k5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], A5 = {
                 name: "AttachFileRounded",
                 size: "sm"
               }),
-              f("span", S5, q(p.name), 1)
+              f("span", S5, Z(p.name), 1)
             ], 8, T5),
             d.isEditable ? (c(), R(fe, {
               key: 0,
@@ -6967,7 +6967,7 @@ const k5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], A5 = {
         ])) : k("", !0),
         d.isEditable ? (c(), m("div", E5, [
           f("label", I5, [
-            f("span", O5, q(d.$t("activity.attachment.button.resting")), 1),
+            f("span", O5, Z(d.$t("activity.attachment.button.resting")), 1),
             f("input", {
               class: "input-field",
               type: "file",
@@ -6977,7 +6977,7 @@ const k5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], A5 = {
               onChange: n
             }, null, 32)
           ]),
-          f("span", L5, q(d.$t("activity.attachment.placeholder.resting")), 1)
+          f("span", L5, Z(d.$t("activity.attachment.placeholder.resting")), 1)
         ])) : k("", !0)
       ], 42, k5);
     };
@@ -6986,7 +6986,7 @@ const k5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], A5 = {
 const D5 = { class: "ao-comment" }, H5 = { class: "ao-comment__body" }, P5 = { class: "ao-comment__content-wrapper" }, B5 = { class: "ao-comment__created-at" }, N5 = {
   key: 1,
   class: "ao-comment__footer"
-}, R5 = /* @__PURE__ */ x({
+}, R5 = /* @__PURE__ */ K({
   __name: "AoComment",
   props: {
     user: {},
@@ -7028,36 +7028,36 @@ const D5 = { class: "ao-comment" }, H5 = { class: "ao-comment__body" }, P5 = { c
               ref_key: "commentContent",
               ref: s,
               class: "ao-comment__content",
-              value: F(o) ? A.content : null,
-              rows: F(o) ? $.value : null,
+              value: q(o) ? A.content : null,
+              rows: q(o) ? $.value : null,
               onKeyup: [
-                Ye(F(p), ["esc"]),
-                Ye(_e(F(C), ["ctrl"]), ["enter"])
+                Ye(q(p), ["esc"]),
+                Ye(_e(q(C), ["ctrl"]), ["enter"])
               ]
             }, {
               default: U(() => [
-                e1(q(A.content), 1)
+                e1(Z(A.content), 1)
               ]),
               _: 1
             }, 40, ["value", "rows", "onKeyup"]))
           ]),
-          f("span", B5, q(u.value || d.value), 1)
+          f("span", B5, Z(u.value || d.value), 1)
         ]),
         A.isEditable ? (c(), m("div", N5, [
-          F(o) ? (c(), m(ve, { key: 0 }, [
+          q(o) ? (c(), m(ve, { key: 0 }, [
             T(fe, {
               "icon-name": "CloseRounded",
               size: "sm",
               variant: "ghost",
               color: "neutral",
-              onClick: F(p)
+              onClick: q(p)
             }, null, 8, ["onClick"]),
             T(fe, {
               "icon-name": "CheckSmallRounded",
               size: "sm",
               variant: "solid",
               color: "neutral",
-              onClick: F(C)
+              onClick: q(C)
             }, null, 8, ["onClick"])
           ], 64)) : (c(), m(ve, { key: 1 }, [
             T(fe, {
@@ -7072,7 +7072,7 @@ const D5 = { class: "ao-comment" }, H5 = { class: "ao-comment__body" }, P5 = { c
               size: "sm",
               variant: "ghost",
               color: "neutral",
-              onClick: F(i)
+              onClick: q(i)
             }, null, 8, ["label", "onClick"])
           ], 64))
         ])) : k("", !0)
@@ -7083,7 +7083,7 @@ const D5 = { class: "ao-comment" }, H5 = { class: "ao-comment__body" }, P5 = { c
 const U5 = {
   key: 0,
   class: "ao-comments__list"
-}, j5 = { class: "ao-comments__footer" }, Z5 = ["onSubmit"], F5 = { class: "ao-field ao-field--full" }, q5 = { class: "ao-field__label" }, z5 = { class: "ao-comments__form-footer" }, W5 = /* @__PURE__ */ x({
+}, j5 = { class: "ao-comments__footer" }, Z5 = ["onSubmit"], F5 = { class: "ao-field ao-field--full" }, q5 = { class: "ao-field__label" }, z5 = { class: "ao-comments__form-footer" }, W5 = /* @__PURE__ */ K({
   __name: "AoActivityDetailsComments",
   props: {
     comments: { default: () => [] },
@@ -7141,7 +7141,7 @@ const U5 = {
             onSubmit: _e(l, ["prevent"])
           }, [
             f("label", F5, [
-              f("span", q5, q(u.$t("activity.comment.label")), 1),
+              f("span", q5, Z(u.$t("activity.comment.label")), 1),
               et(f("textarea", {
                 "onUpdate:modelValue": v[0] || (v[0] = (C) => i.value = C),
                 rows: "4",
@@ -7188,7 +7188,7 @@ const Y5 = {
 }, D7 = { class: "ao-field ao-field--multiselect" }, H7 = { class: "ao-field__label" }, P7 = {
   key: 0,
   class: "ao-activity-details__aside"
-}, B7 = { class: "ao-fieldset__title" }, N7 = { class: "ao-fieldset__title" }, N1 = /* @__PURE__ */ x({
+}, B7 = { class: "ao-fieldset__title" }, N7 = { class: "ao-fieldset__title" }, N1 = /* @__PURE__ */ K({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -7334,7 +7334,7 @@ const Y5 = {
         activityId: t.activity.id,
         file: h
       });
-    }, K = y(() => {
+    }, G = y(() => {
       var h;
       return (h = t.statuses) == null ? void 0 : h.map((O) => ({
         value: O.id,
@@ -7359,7 +7359,7 @@ const Y5 = {
       onClose: O[9] || (O[9] = (z) => h.$emit("close"))
     }, {
       header: U(() => [
-        h.breadcrumbs ? (c(), m("div", Y5, q(h.breadcrumbs), 1)) : k("", !0),
+        h.breadcrumbs ? (c(), m("div", Y5, Z(h.breadcrumbs), 1)) : k("", !0),
         T(Ce, {
           title: h.activity.name || "",
           level: 4,
@@ -7369,10 +7369,10 @@ const Y5 = {
         X(h.$slots, "header", {}, () => {
           var z;
           return [
-            K.value ? (c(), m("label", K5, [
-              f("span", G5, q(h.$t("activity.status.label")), 1),
+            G.value ? (c(), m("label", K5, [
+              f("span", G5, Z(h.$t("activity.status.label")), 1),
               T(ye, {
-                options: K.value,
+                options: G.value,
                 value: (z = h.activity.status) == null ? void 0 : z.id,
                 "can-clear": !1,
                 "can-deselect": !1,
@@ -7389,7 +7389,7 @@ const Y5 = {
           f("fieldset", X5, [
             f("div", Q5, [
               f("label", J5, [
-                f("span", e7, q(h.$t("activity.description.label")), 1),
+                f("span", e7, Z(h.$t("activity.description.label")), 1),
                 et(f("textarea", {
                   "onUpdate:modelValue": O[0] || (O[0] = (z) => s.value = z),
                   readonly: !h.isEditable,
@@ -7410,7 +7410,7 @@ const Y5 = {
             ]),
             f("div", a7, [
               f("label", s7, [
-                f("span", n7, q(h.$t("activity.estimation.label")), 1),
+                f("span", n7, Z(h.$t("activity.estimation.label")), 1),
                 et(f("input", {
                   "onUpdate:modelValue": O[1] || (O[1] = (z) => o.value = z),
                   readonly: !h.isEditable,
@@ -7430,7 +7430,7 @@ const Y5 = {
                 ])
               ]),
               f("label", o7, [
-                f("span", l7, q(h.$t("activity.important.label")), 1),
+                f("span", l7, Z(h.$t("activity.important.label")), 1),
                 et(f("input", {
                   "onUpdate:modelValue": O[2] || (O[2] = (z) => i.value = z),
                   disabled: !h.isEditable,
@@ -7446,7 +7446,7 @@ const Y5 = {
                 ])
               ]),
               h.isTemplate !== !0 && h.activity.createdBy.id === h.userId ? (c(), m("label", u7, [
-                f("span", d7, q(h.$t("activity.private.label")), 1),
+                f("span", d7, Z(h.$t("activity.private.label")), 1),
                 et(f("input", {
                   "onUpdate:modelValue": O[3] || (O[3] = (z) => l.value = z),
                   disabled: !h.isEditable,
@@ -7538,7 +7538,7 @@ const Y5 = {
             f("div", w7, [
               f("div", $7, [
                 f("label", M7, [
-                  f("span", k7, q(h.$t("activity.dependingOn.label")), 1),
+                  f("span", k7, Z(h.$t("activity.dependingOn.label")), 1),
                   T(ye, {
                     modelValue: u.value,
                     "onUpdate:modelValue": O[5] || (O[5] = (z) => u.value = z),
@@ -7553,7 +7553,7 @@ const Y5 = {
               ]),
               f("div", A7, [
                 f("label", T7, [
-                  f("span", S7, q(h.$t("activity.blocking.label")), 1),
+                  f("span", S7, Z(h.$t("activity.blocking.label")), 1),
                   T(ye, {
                     modelValue: p.value,
                     "onUpdate:modelValue": O[6] || (O[6] = (z) => p.value = z),
@@ -7568,7 +7568,7 @@ const Y5 = {
               ]),
               f("div", E7, [
                 f("label", I7, [
-                  f("span", O7, q(h.$t("activity.dependingMilestone.label")), 1),
+                  f("span", O7, Z(h.$t("activity.dependingMilestone.label")), 1),
                   T(ye, {
                     modelValue: $.value,
                     "onUpdate:modelValue": O[7] || (O[7] = (z) => $.value = z),
@@ -7586,7 +7586,7 @@ const Y5 = {
           f("fieldset", L7, [
             h.activityTypes ? (c(), m("div", V7, [
               f("label", D7, [
-                f("span", H7, q(h.$t("activity.type.label")), 1),
+                f("span", H7, Z(h.$t("activity.type.label")), 1),
                 T(ye, {
                   modelValue: r.value,
                   "onUpdate:modelValue": O[8] || (O[8] = (z) => r.value = z),
@@ -7637,7 +7637,7 @@ const Y5 = {
     }));
   }
 });
-const R7 = /* @__PURE__ */ x({
+const R7 = /* @__PURE__ */ K({
   __name: "AoRuleLine",
   props: {
     rule: {},
@@ -7713,22 +7713,22 @@ const R7 = /* @__PURE__ */ x({
     }), A = y(() => Object.values(wd));
     return (g, b) => (c(), R(at(g.tagName), { class: "ao-rule-line" }, {
       default: U(() => [
-        T(F(We), {
+        T(q(We), {
           modelValue: s.value,
           "onUpdate:modelValue": b[0] || (b[0] = (L) => s.value = L),
           options: o.value
         }, null, 8, ["modelValue", "options"]),
-        T(F(We), {
+        T(q(We), {
           modelValue: i.value,
           "onUpdate:modelValue": b[1] || (b[1] = (L) => i.value = L),
           options: l.value
         }, null, 8, ["modelValue", "options"]),
-        T(F(We), {
+        T(q(We), {
           modelValue: p.value,
           "onUpdate:modelValue": b[2] || (b[2] = (L) => p.value = L),
           options: C.value
         }, null, 8, ["modelValue", "options"]),
-        T(F(We), {
+        T(q(We), {
           modelValue: d.value,
           "onUpdate:modelValue": b[3] || (b[3] = (L) => d.value = L),
           options: u.value
@@ -7745,7 +7745,7 @@ const R7 = /* @__PURE__ */ x({
             { number: !0 }
           ]
         ]),
-        T(F(We), {
+        T(q(We), {
           modelValue: $.value,
           "onUpdate:modelValue": b[5] || (b[5] = (L) => $.value = L),
           options: A.value
@@ -7761,7 +7761,7 @@ const R7 = /* @__PURE__ */ x({
     }));
   }
 });
-const U7 = { class: "ao-template-rules__body" }, j7 = { class: "ao-template-rules__list" }, Z7 = /* @__PURE__ */ x({
+const U7 = { class: "ao-template-rules__body" }, j7 = { class: "ao-template-rules__list" }, Z7 = /* @__PURE__ */ K({
   __name: "AoTemplateRules",
   props: {
     templateId: {},
@@ -7818,7 +7818,7 @@ function ht(a, e, t) {
 const F7 = {
   key: 0,
   class: "ao-template-details"
-}, q7 = { class: "ao-template-details__body" }, z7 = { class: "ao-template-details__cols" }, W7 = { class: "ao-template-details__col" }, Y7 = { class: "ao-list__footer" }, K7 = { class: "ao-template-details__col" }, G7 = { class: "ao-template-details__col" }, x7 = /* @__PURE__ */ x({
+}, q7 = { class: "ao-template-details__body" }, z7 = { class: "ao-template-details__cols" }, W7 = { class: "ao-template-details__col" }, Y7 = { class: "ao-list__footer" }, K7 = { class: "ao-template-details__col" }, G7 = { class: "ao-template-details__col" }, x7 = /* @__PURE__ */ K({
   __name: "AoTemplateDetails",
   props: {
     templateId: {},
@@ -7851,7 +7851,7 @@ const F7 = {
     );
     const i = y(() => {
       var I, V;
-      return (V = (I = s == null ? void 0 : s.value) == null ? void 0 : I.phases) == null ? void 0 : V.find((Z) => Z.id === t.phaseId);
+      return (V = (I = s == null ? void 0 : s.value) == null ? void 0 : I.phases) == null ? void 0 : V.find((F) => F.id === t.phaseId);
     });
     ue(
       () => {
@@ -7865,7 +7865,7 @@ const F7 = {
     const l = y(() => {
       var I, V;
       return (V = (I = i.value) == null ? void 0 : I.milestones) == null ? void 0 : V.find(
-        (Z) => Z.id === t.milestoneId
+        (F) => F.id === t.milestoneId
       );
     });
     ue(
@@ -7879,23 +7879,23 @@ const F7 = {
     );
     const r = y(() => {
       var I, V;
-      return ((V = (I = s.value) == null ? void 0 : I.phases) == null ? void 0 : V.reduce((Z, ne) => {
+      return ((V = (I = s.value) == null ? void 0 : I.phases) == null ? void 0 : V.reduce((F, ne) => {
         const M = ne.milestones || [];
-        return [...Z, ...M];
+        return [...F, ...M];
       }, [])) || [];
     }), d = y(() => {
       var I, V;
-      return ((V = (I = s.value) == null ? void 0 : I.phases) == null ? void 0 : V.reduce((Z, ne) => {
+      return ((V = (I = s.value) == null ? void 0 : I.phases) == null ? void 0 : V.reduce((F, ne) => {
         const Y = (ne.milestones || []).reduce(
           (ie, B) => B.activities ? [...ie, ...B.activities] : ie,
           []
         );
-        return [...Z, ...Y];
+        return [...F, ...Y];
       }, [])) || [];
     }), u = y(() => {
       var I, V;
       return (V = (I = l.value) == null ? void 0 : I.activities) == null ? void 0 : V.find(
-        (Z) => Z.id === t.activityId
+        (F) => F.id === t.activityId
       );
     }), v = y(() => {
       var I;
@@ -7949,7 +7949,7 @@ const F7 = {
     }, b = (I) => {
       if (!i.value)
         return;
-      const { name: V, rank: Z } = ht(
+      const { name: V, rank: F } = ht(
         i.value.milestones,
         "milestone",
         n
@@ -7960,7 +7960,7 @@ const F7 = {
         phaseId: I.phaseId,
         item: {
           name: V,
-          rank: Z,
+          rank: F,
           phaseId: I.phaseId
         }
       });
@@ -7974,18 +7974,18 @@ const F7 = {
         }
       });
     }, j = (I) => {
-      const { id: V, ...Z } = I;
+      const { id: V, ...F } = I;
       e("updateItem", {
         itemType: me.MILESTONES,
         id: V,
         templateId: t.templateId,
-        data: Z
+        data: F
       });
     }, W = (I) => {
       const { milestoneId: V } = I;
       if (!l.value)
         return;
-      const { name: Z, rank: ne } = ht(
+      const { name: F, rank: ne } = ht(
         l.value.activities,
         "activity",
         n
@@ -7994,26 +7994,26 @@ const F7 = {
         type: me.ACTIVITIES,
         milestoneId: V,
         templateId: t.templateId,
-        item: { name: Z, rank: ne, milestoneId: V }
+        item: { name: F, rank: ne, milestoneId: V }
       });
     }, H = (I) => {
-      var V, Z;
+      var V, F;
       e("removeItem", {
         type: me.ACTIVITIES,
         templateId: t.templateId,
         phaseId: (V = i.value) == null ? void 0 : V.id,
-        milestoneId: (Z = l.value) == null ? void 0 : Z.id,
+        milestoneId: (F = l.value) == null ? void 0 : F.id,
         data: {
           id: I.id
         }
       });
-    }, K = (I) => {
-      const { id: V, ...Z } = I;
+    }, G = (I) => {
+      const { id: V, ...F } = I;
       e("updateItem", {
         itemType: me.ACTIVITIES,
         id: V,
         templateId: t.templateId,
-        data: Z
+        data: F
       });
     }, te = J(!1), E = () => {
       te.value = !te.value;
@@ -8024,13 +8024,13 @@ const F7 = {
     }, h = (I) => {
       var V;
       if (I.moved) {
-        const Z = Bt(I, ((V = s.value) == null ? void 0 : V.phases) ?? []);
+        const F = Bt(I, ((V = s.value) == null ? void 0 : V.phases) ?? []);
         e("updateItem", {
           itemType: me.PHASES,
           id: I.moved.element.id,
           templateId: t.templateId,
           data: {
-            rank: Z
+            rank: F
           }
         });
       }
@@ -8065,11 +8065,11 @@ const F7 = {
       e("removeFile", I);
     };
     return (I, V) => {
-      var Z, ne, M, Y, ie, B;
+      var F, ne, M, Y, ie, B;
       return s.value ? (c(), m("div", F7, [
         T(r1, {
           "can-go-back": !0,
-          onGoBack: V[1] || (V[1] = (S) => I.$router.push({ name: F(ft).TEMPLATES_LIST }))
+          onGoBack: V[1] || (V[1] = (S) => I.$router.push({ name: q(ft).TEMPLATES_LIST }))
         }, {
           primary: U(() => [
             T(Ce, {
@@ -8086,7 +8086,7 @@ const F7 = {
         f("div", q7, [
           f("ol", z7, [
             f("li", W7, [
-              T(F(Xe), {
+              T(q(Xe), {
                 "model-value": s.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -8136,7 +8136,7 @@ const F7 = {
                 key: 0,
                 "template-id": I.templateId,
                 phase: i.value,
-                "milestone-id": (Z = l.value) == null ? void 0 : Z.id,
+                "milestone-id": (F = l.value) == null ? void 0 : F.id,
                 onAddMilestone: b,
                 onUpdateMilestone: j,
                 onUpdatePhase: g,
@@ -8151,7 +8151,7 @@ const F7 = {
                 milestone: l.value,
                 "activity-id": (M = u.value) == null ? void 0 : M.id,
                 onAddActivity: W,
-                onUpdateActivity: K,
+                onUpdateActivity: G,
                 onRemoveActivity: H
               }, null, 8, ["template-id", "phase-id", "milestone", "activity-id"])) : k("", !0)
             ])
@@ -8170,7 +8170,7 @@ const F7 = {
             "is-editable": !0,
             users: I.users,
             "onUpdate:activity": V[2] || (V[2] = (S) => {
-              u.value && K(S);
+              u.value && G(S);
             }),
             onClose: I.$router.back,
             onAddSubtask: O,
@@ -8208,7 +8208,7 @@ const X7 = {
 }, Q7 = { class: "ao-card__body" }, J7 = {
   key: 1,
   class: "ao-card__footer"
-}, R1 = /* @__PURE__ */ x({
+}, R1 = /* @__PURE__ */ K({
   __name: "AoCard",
   props: {
     isClickable: { type: Boolean },
@@ -8216,7 +8216,7 @@ const X7 = {
   },
   setup(a) {
     return (e, t) => (c(), R(at(e.tagName), {
-      class: G(["ao-card", { "ao-card--clickable": e.isClickable }])
+      class: x(["ao-card", { "ao-card--clickable": e.isClickable }])
     }, {
       default: U(() => [
         e.$slots.header ? (c(), m("header", X7, [
@@ -8233,7 +8233,7 @@ const X7 = {
     }, 8, ["class"]));
   }
 });
-const U1 = /* @__PURE__ */ x({
+const U1 = /* @__PURE__ */ K({
   __name: "AoProgress",
   props: {
     percentages: {},
@@ -8242,12 +8242,12 @@ const U1 = /* @__PURE__ */ x({
   setup(a) {
     const e = a, t = y(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
     return (n, s) => (c(), m("div", {
-      class: G(["ao-progress", n.status ? `ao-progress--${n.status}` : ""]),
+      class: x(["ao-progress", n.status ? `ao-progress--${n.status}` : ""]),
       role: "meter"
     }, [
       (c(!0), m(ve, null, be(t.value, (o) => (c(), m("div", {
         key: o,
-        class: G(["ao-progress__progress"]),
+        class: x(["ao-progress__progress"]),
         style: ua({ width: `${o * 100}%` })
       }, null, 4))), 128))
     ], 2));
@@ -8256,7 +8256,7 @@ const U1 = /* @__PURE__ */ x({
 const e9 = { class: "ao-card-project-phase__header" }, t9 = { class: "ao-card-project-phase__footer" }, a9 = { class: "ao-card-project-phase__footer-row" }, s9 = { class: "ao-card-project-phase__subitem" }, n9 = { class: "ao-card-project-phase__subitem" }, i9 = {
   key: 1,
   class: "ao-card-project-phase__secondary"
-}, o9 = /* @__PURE__ */ x({
+}, o9 = /* @__PURE__ */ K({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -8296,7 +8296,7 @@ const e9 = { class: "ao-card-project-phase__header" }, t9 = { class: "ao-card-pr
                   name: "MountainFlagOutlineRounded",
                   size: "sm"
                 }),
-                f("span", n9, q(o.value) + " / " + q(s.value), 1)
+                f("span", n9, Z(o.value) + " / " + Z(s.value), 1)
               ]),
               T(U1, {
                 percentages: i.value,
@@ -8339,7 +8339,7 @@ const l9 = { class: "ao-card-project-milestone__default" }, r9 = {
 }, u9 = { class: "ao-card-project-phase__footer" }, d9 = { class: "ao-card-project-phase__footer-row" }, c9 = { class: "ao-card-project-phase__subitem" }, f9 = { class: "ao-card-project-phase__subitem" }, v9 = {
   key: 1,
   class: "ao-card-project-phase__secondary"
-}, p9 = /* @__PURE__ */ x({
+}, p9 = /* @__PURE__ */ K({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -8397,7 +8397,7 @@ const l9 = { class: "ao-card-project-milestone__default" }, r9 = {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                f("span", f9, q(s.value) + " / " + q(n.value), 1)
+                f("span", f9, Z(s.value) + " / " + Z(n.value), 1)
               ]),
               T(U1, {
                 percentages: o.value,
@@ -8417,7 +8417,7 @@ const l9 = { class: "ao-card-project-milestone__default" }, r9 = {
 const h9 = { class: "ao-project-phase" }, m9 = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, C9 = { class: "ao-project-phase__col-phase" }, _9 = { class: "ao-project-phase__col-milestones" }, g9 = { class: "ao-project-phase__milestones" }, b9 = { class: "ao-project-phase__milestones-list-footer" }, y9 = /* @__PURE__ */ x({
+}, C9 = { class: "ao-project-phase__col-phase" }, _9 = { class: "ao-project-phase__col-milestones" }, g9 = { class: "ao-project-phase__milestones" }, b9 = { class: "ao-project-phase__milestones-list-footer" }, y9 = /* @__PURE__ */ K({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -8470,7 +8470,7 @@ const h9 = { class: "ao-project-phase" }, m9 = {
       ]),
       f("div", _9, [
         f("div", g9, [
-          T(F(Xe), Ie({
+          T(q(Xe), Ie({
             class: "ao-project-phase__milestones-list",
             list: o.value,
             disabled: !v.isEditable,
@@ -8487,7 +8487,7 @@ const h9 = { class: "ao-project-phase" }, m9 = {
                 "closed-status": v.closedStatus,
                 class: "ao-project-phase__milestone",
                 onClick: (w) => v.$router.push({
-                  name: F(He).milestone,
+                  name: q(He).milestone,
                   params: { phaseId: v.phase.id, milestoneId: C.id }
                 }),
                 onUpdateMilestone: l,
@@ -8513,7 +8513,7 @@ const h9 = { class: "ao-project-phase" }, m9 = {
 const w9 = { class: "ao-project__phases" }, $9 = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, M9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__empty_drag" }, null, -1), k9 = { class: "ao-project-phase__col-phase" }, A9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__col-milestones" }, null, -1), T9 = /* @__PURE__ */ x({
+}, M9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__empty_drag" }, null, -1), k9 = { class: "ao-project-phase__col-phase" }, A9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__col-milestones" }, null, -1), T9 = /* @__PURE__ */ K({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -8548,7 +8548,7 @@ const w9 = { class: "ao-project__phases" }, $9 = {
       e("addPhase", u);
     };
     return (u, v) => (c(), m("div", w9, [
-      T(F(Xe), {
+      T(q(Xe), {
         class: "ao-project-phase__phases-list",
         "model-value": u.phases,
         "item-key": "id",
@@ -8584,7 +8584,7 @@ const w9 = { class: "ao-project__phases" }, $9 = {
     ]));
   }
 });
-const S9 = ["onSubmit"], E9 = { class: "ao-add-template-modal__form-body" }, I9 = { class: "field__row" }, O9 = { class: "ao-add-template-modal__form-footer" }, L9 = /* @__PURE__ */ x({
+const S9 = ["onSubmit"], E9 = { class: "ao-add-template-modal__form-body" }, I9 = { class: "field__row" }, O9 = { class: "ao-add-template-modal__form-footer" }, L9 = /* @__PURE__ */ K({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -8637,7 +8637,7 @@ const S9 = ["onSubmit"], E9 = { class: "ao-add-template-modal__form-body" }, I9
     }));
   }
 });
-const V9 = x({
+const V9 = K({
   props: {
     isLeft: {
       type: Boolean,
@@ -8670,26 +8670,26 @@ const D9 = { class: "toggle-wrapper" };
 function H9(a, e, t, n, s, o) {
   return c(), m("div", D9, [
     f("button", {
-      class: G({
+      class: x({
         button: !0,
         "button--left": !0,
         "button--inactive": !a.isLeft
       }),
       type: "button",
       onClick: e[0] || (e[0] = (...i) => a.selectLeft && a.selectLeft(...i))
-    }, q(a.leftLabel), 3),
+    }, Z(a.leftLabel), 3),
     f("button", {
-      class: G({
+      class: x({
         button: !0,
         "button--right": !0,
         "button--inactive": a.isLeft
       }),
       type: "button",
       onClick: e[1] || (e[1] = (...i) => a.selectRight && a.selectRight(...i))
-    }, q(a.rightLabel), 3)
+    }, Z(a.rightLabel), 3)
   ]);
 }
-const Ba = /* @__PURE__ */ P(V9, [["render", H9], ["__scopeId", "data-v-c0ae9237"]]), P9 = { class: "ao-project" }, B9 = { class: "ao-project__body" }, N9 = /* @__PURE__ */ x({
+const Ba = /* @__PURE__ */ P(V9, [["render", H9], ["__scopeId", "data-v-c0ae9237"]]), P9 = { class: "ao-project" }, B9 = { class: "ao-project__body" }, N9 = /* @__PURE__ */ K({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -8743,8 +8743,8 @@ const Ba = /* @__PURE__ */ P(V9, [["render", H9], ["__scopeId", "data-v-c0ae9237
       e("updateComment", E);
     }, H = (E) => {
       e("removeComment", E);
-    }, K = J(!1), te = (E, ee) => {
-      e("applyTemplate", { templateId: E, projectId: ee }), K.value = !1;
+    }, G = J(!1), te = (E, ee) => {
+      e("applyTemplate", { templateId: E, projectId: ee }), G.value = !1;
     };
     return (E, ee) => {
       const de = hs("RouterView");
@@ -8758,7 +8758,7 @@ const Ba = /* @__PURE__ */ P(V9, [["render", H9], ["__scopeId", "data-v-c0ae9237
                   "right-label": E.$t("project.switch.feed"),
                   "left-label": E.$t("project.switch.overview"),
                   "onUpdate:isLeft": ee[0] || (ee[0] = (h) => {
-                    h || E.$router.push({ name: F(He).feed });
+                    h || E.$router.push({ name: q(He).feed });
                   })
                 }, null, 8, ["right-label", "left-label"]),
                 E.isEditable ? (c(), R(fe, {
@@ -8766,7 +8766,7 @@ const Ba = /* @__PURE__ */ P(V9, [["render", H9], ["__scopeId", "data-v-c0ae9237
                   class: "ao-project-overview__add-template",
                   color: "primary",
                   label: E.$t("project.template.add.label"),
-                  onClick: ee[1] || (ee[1] = (h) => K.value = !0)
+                  onClick: ee[1] || (ee[1] = (h) => G.value = !0)
                 }, null, 8, ["label"])) : k("", !0)
               ]),
               _: 1
@@ -8792,7 +8792,7 @@ const Ba = /* @__PURE__ */ P(V9, [["render", H9], ["__scopeId", "data-v-c0ae9237
             "project-name": E.project.name,
             users: E.users,
             "is-editable": E.isEditable,
-            onClose: ee[2] || (ee[2] = (h) => E.$router.push({ name: F(He).project })),
+            onClose: ee[2] || (ee[2] = (h) => E.$router.push({ name: q(He).project })),
             onAddActivity: v,
             onUpdateActivity: p,
             onArchiveActivity: C
@@ -8825,11 +8825,11 @@ const Ba = /* @__PURE__ */ P(V9, [["render", H9], ["__scopeId", "data-v-c0ae9237
           ]))
         ], 16),
         (c(), R(It, { to: "body" }, [
-          K.value ? (c(), R(L9, {
+          G.value ? (c(), R(L9, {
             key: 0,
             "project-id": E.project.id,
             templates: E.templates,
-            onClose: ee[3] || (ee[3] = (h) => K.value = !1),
+            onClose: ee[3] || (ee[3] = (h) => G.value = !1),
             onApply: te
           }, null, 8, ["project-id", "templates"])) : k("", !0)
         ]))
@@ -8864,7 +8864,7 @@ const R9 = { class: "ao-card-feed__header" }, U9 = {
 }, J9 = { class: "ao-card-feed__subitem" }, e4 = { class: "ao-card-feed__footer-row" }, t4 = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, a4 = { class: "ao-card-feed__subitem" }, s4 = { class: "ao-card-feed__subitem" }, Na = /* @__PURE__ */ x({
+}, a4 = { class: "ao-card-feed__subitem" }, s4 = { class: "ao-card-feed__subitem" }, Na = /* @__PURE__ */ K({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -8936,7 +8936,7 @@ const R9 = { class: "ao-card-feed__header" }, U9 = {
       ]),
       default: U(() => [
         f("div", Z9, [
-          s.value ? (c(), m("span", F9, q(s.value), 1)) : k("", !0),
+          s.value ? (c(), m("span", F9, Z(s.value), 1)) : k("", !0),
           T(Ce, {
             id: p.id,
             title: p.name,
@@ -8944,7 +8944,7 @@ const R9 = { class: "ao-card-feed__header" }, U9 = {
             "is-editable": p.isEditable,
             "onUpdate:title": n
           }, null, 8, ["id", "title", "is-editable"]),
-          p.deadline ? (c(), m("span", q9, q(i.value), 1)) : k("", !0)
+          p.deadline ? (c(), m("span", q9, Z(i.value), 1)) : k("", !0)
         ])
       ]),
       footer: U(() => [
@@ -8970,14 +8970,14 @@ const R9 = { class: "ao-card-feed__header" }, U9 = {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                f("span", X9, q(p.comments), 1)
+                f("span", X9, Z(p.comments), 1)
               ])) : k("", !0),
               p.attachments ? (c(), m("li", Q9, [
                 T(ce, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                f("span", J9, q(p.attachments), 1)
+                f("span", J9, Z(p.attachments), 1)
               ])) : k("", !0)
             ])) : k("", !0)
           ]),
@@ -8988,7 +8988,7 @@ const R9 = { class: "ao-card-feed__header" }, U9 = {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                f("span", s4, q(u.value) + " / " + q(d.value), 1)
+                f("span", s4, Z(u.value) + " / " + Z(d.value), 1)
               ]),
               T(U1, {
                 percentages: v.value,
@@ -9005,7 +9005,7 @@ const R9 = { class: "ao-card-feed__header" }, U9 = {
 const n4 = { class: "ao-project-milestone" }, i4 = { class: "ao-project-milestone__header" }, o4 = { class: "ao-project-milestone__title" }, l4 = { class: "ao-project-milestone__body" }, r4 = {
   key: 0,
   class: "ao-project-milestone__footer"
-}, ra = /* @__PURE__ */ x({
+}, ra = /* @__PURE__ */ K({
   __name: "AoProjectOverviewMilestoneDetails",
   props: {
     milestoneId: {},
@@ -9060,7 +9060,7 @@ const n4 = { class: "ao-project-milestone" }, i4 = { class: "ao-project-mileston
       return c(), m("div", n4, [
         f("header", i4, [
           f("div", o4, [
-            f("span", null, q(p.$t("project.milestone.title")), 1),
+            f("span", null, Z(p.$t("project.milestone.title")), 1),
             T(Ce, {
               title: ((w = i.value) == null ? void 0 : w.name) || p.milestoneId,
               level: 5
@@ -9073,7 +9073,7 @@ const n4 = { class: "ao-project-milestone" }, i4 = { class: "ao-project-mileston
           })
         ]),
         f("div", l4, [
-          T(F(Xe), Ie({
+          T(q(Xe), Ie({
             class: "ao-project-milestone__activities",
             list: l.value,
             disabled: !p.isEditable,
@@ -9098,7 +9098,7 @@ const n4 = { class: "ao-project-milestone" }, i4 = { class: "ao-project-mileston
                   "is-editable": p.isEditable,
                   "is-private": $.private,
                   onClick: (j) => p.$router.push({
-                    name: F(He).activity,
+                    name: q(He).activity,
                     params: { milestoneId: p.milestoneId, activityId: $.id }
                   }),
                   onUpdateActivity: u,
@@ -9137,7 +9137,7 @@ const n4 = { class: "ao-project-milestone" }, i4 = { class: "ao-project-mileston
     };
   }
 });
-const u4 = /* @__PURE__ */ x({
+const u4 = /* @__PURE__ */ K({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -9220,7 +9220,7 @@ const u4 = /* @__PURE__ */ x({
       }, null, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "onClose"])) : k("", !0);
     };
   }
-}), d4 = { class: "ao-col-header" }, c4 = /* @__PURE__ */ x({
+}), d4 = { class: "ao-col-header" }, c4 = /* @__PURE__ */ K({
   __name: "AoColHeader",
   props: {
     title: {},
@@ -9247,7 +9247,7 @@ function f4(a) {
   return ms() ? (Cs(a), !0) : !1;
 }
 function Jt(a) {
-  return typeof a == "function" ? a() : F(a);
+  return typeof a == "function" ? a() : q(a);
 }
 const v4 = typeof window < "u", p4 = (a) => a != null, St = () => {
 };
@@ -9343,7 +9343,7 @@ function y4(a, e, t = {}) {
   };
 }
 const w4 = {
-  class: /* @__PURE__ */ G(["ao-list-kanban"])
+  class: /* @__PURE__ */ x(["ao-list-kanban"])
 }, $4 = { class: "ao-list-kanban__header" }, M4 = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
@@ -9359,7 +9359,7 @@ const w4 = {
 }, S4 = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, E4 = /* @__PURE__ */ x({
+}, E4 = /* @__PURE__ */ K({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -9412,7 +9412,7 @@ const w4 = {
           ])
         ];
       }) : k("", !0),
-      T(F(Xe), Ie({
+      T(q(Xe), Ie({
         class: "ao-list-kanban__list",
         list: r.list,
         "item-key": "id",
@@ -9476,7 +9476,7 @@ const w4 = {
             ref: s,
             class: "ao-list-kanban__end"
           }, null, 512)) : (c(), m("div", k4, [
-            r.noMoreLabel ? (c(), m("span", A4, q(r.noMoreLabel), 1)) : r.isEditable ? (c(), m("span", T4)) : k("", !0)
+            r.noMoreLabel ? (c(), m("span", A4, Z(r.noMoreLabel), 1)) : r.isEditable ? (c(), m("span", T4)) : k("", !0)
           ]))
         ]),
         _: 1
@@ -9494,7 +9494,7 @@ const w4 = {
     ]));
   }
 });
-const I4 = { class: "ao-field ao-search-field" }, O4 = ["value", "placeholder", "onKeypress"], L4 = /* @__PURE__ */ x({
+const I4 = { class: "ao-field ao-search-field" }, O4 = ["value", "placeholder", "onKeypress"], L4 = /* @__PURE__ */ K({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -9516,19 +9516,19 @@ const I4 = { class: "ao-field ao-search-field" }, O4 = ["value", "placeholder",
         class: "ao-field__input ao-search-field__input",
         placeholder: i.placeholder,
         onInput: l[0] || (l[0] = //@ts-ignore
-        (...r) => F(s) && F(s)(...r)),
+        (...r) => q(s) && q(s)(...r)),
         onKeypress: Ye(n, ["enter"])
       }, null, 40, O4),
       T(ce, {
         name: "SearchRounded",
-        class: G(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
+        class: x(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
       }, null, 8, ["class"]),
       T(fe, {
         "icon-name": "CloseRounded",
         size: "sm",
         color: "primary",
         corners: "round",
-        class: G(`ao-search-field__button ao-search-field__action ${i.modelValue ? "ao-search-field__action--visible" : ""}`),
+        class: x(`ao-search-field__button ao-search-field__action ${i.modelValue ? "ao-search-field__action--visible" : ""}`),
         onClick: o
       }, null, 8, ["class"])
     ]));
@@ -9562,7 +9562,7 @@ const P4 = { class: "ao-feed" }, B4 = { class: "ao-feed__filters" }, N4 = { clas
 }, F4 = { class: "ao-field__label" }, q4 = {
   key: 2,
   class: "ao-field ao-feed__activity-details__status"
-}, z4 = { class: "ao-field__label" }, W4 = { class: "ao-field__row" }, Y4 = { class: "ao-field" }, K4 = { class: "ao-field__label" }, G4 = /* @__PURE__ */ x({
+}, z4 = { class: "ao-field__label" }, W4 = { class: "ao-field__row" }, Y4 = { class: "ao-field" }, K4 = { class: "ao-field__label" }, G4 = /* @__PURE__ */ K({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -9645,7 +9645,7 @@ const P4 = { class: "ao-feed" }, B4 = { class: "ao-feed__filters" }, N4 = { clas
       }
     }), H = (M) => {
       u.value = !1, e("update:searchText", M);
-    }, K = (M) => {
+    }, G = (M) => {
       u.value = !1, e("clear:searchText", M);
     }, te = (M) => {
       i.value && e("addSubtask", M);
@@ -9688,7 +9688,7 @@ const P4 = { class: "ao-feed" }, B4 = { class: "ao-feed__filters" }, N4 = { clas
         id: i.value.id,
         milestoneId: M
       });
-    }, Z = y(() => {
+    }, F = y(() => {
       var M;
       return (M = t.statuses) == null ? void 0 : M.map((Y) => ({
         value: Y.id,
@@ -9712,7 +9712,7 @@ const P4 = { class: "ao-feed" }, B4 = { class: "ao-feed__filters" }, N4 = { clas
                 "right-label": M.$t("project.switch.feed"),
                 "left-label": M.$t("project.switch.overview"),
                 "onUpdate:isLeft": Y[0] || (Y[0] = (B) => {
-                  B && M.$router.push({ name: F(He).project });
+                  B && M.$router.push({ name: q(He).project });
                 })
               }, null, 8, ["right-label", "left-label"])) : k("", !0),
               T(L4, {
@@ -9720,39 +9720,39 @@ const P4 = { class: "ao-feed" }, B4 = { class: "ao-feed__filters" }, N4 = { clas
                 placeholder: M.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
                 "onUpdate:modelValue": H,
-                onClear: K
+                onClear: G
               }, null, 8, ["model-value", "placeholder"]),
               t.project ? k("", !0) : (c(), R(ye, {
                 key: 1,
-                "model-value": M.filters[F(dt).project],
+                "model-value": M.filters[q(dt).project],
                 mode: "tags",
                 options: $.value,
                 "close-on-select": !1,
                 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(F(dt).project, B))
+                "onUpdate:modelValue": Y[1] || (Y[1] = (B) => C(q(dt).project, B))
               }, null, 8, ["model-value", "options", "placeholder"])),
               A.value ? (c(), R(ye, {
                 key: 2,
-                "model-value": M.filters[F(dt).type],
+                "model-value": M.filters[q(dt).type],
                 mode: "tags",
                 options: A.value,
                 "close-on-select": !1,
                 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(F(dt).type, B))
+                "onUpdate:modelValue": Y[2] || (Y[2] = (B) => C(q(dt).type, B))
               }, null, 8, ["model-value", "options", "placeholder"])) : k("", !0),
               T(ye, {
-                "model-value": M.filters[F(dt).assignee],
+                "model-value": M.filters[q(dt).assignee],
                 mode: "tags",
                 options: g.value,
                 "close-on-select": !1,
                 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(F(dt).assignee, B))
+                "onUpdate:modelValue": Y[3] || (Y[3] = (B) => C(q(dt).assignee, B))
               }, {
                 tag: U(({ option: B, handleTagRemove: S }) => [
                   T(gt, {
@@ -9796,11 +9796,11 @@ const P4 = { class: "ao-feed" }, B4 = { class: "ao-feed__filters" }, N4 = { clas
           }, null, 8, ["status", "list", "title", "footer-label", "users", "is-editable", "onAdd"]))), 128))
         ]),
         (c(), R(It, { to: "body" }, [
-          F(i) ? (c(), R(N1, {
+          q(i) ? (c(), R(N1, {
             key: 0,
-            activity: F(i),
+            activity: q(i),
             "activity-types": A.value,
-            "milestone-id": (ie = F(i).milestone) == null ? void 0 : ie.id,
+            "milestone-id": (ie = q(i).milestone) == null ? void 0 : ie.id,
             "template-activities": s.value,
             users: M.users,
             "user-id": M.userId,
@@ -9824,10 +9824,10 @@ const P4 = { class: "ao-feed" }, B4 = { class: "ao-feed__filters" }, N4 = { clas
               return [
                 f("div", R4, [
                   re.value && !t.project ? (c(), m("label", U4, [
-                    f("span", j4, q(M.$t("activity.project.label")), 1),
+                    f("span", j4, Z(M.$t("activity.project.label")), 1),
                     T(ye, {
                       options: re.value,
-                      value: (B = F(i).project) == null ? void 0 : B.id,
+                      value: (B = q(i).project) == null ? void 0 : B.id,
                       searchable: !0,
                       disabled: !M.isEditable,
                       caret: M.isEditable,
@@ -9835,21 +9835,21 @@ const P4 = { class: "ao-feed" }, B4 = { class: "ao-feed__filters" }, N4 = { clas
                     }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : k("", !0),
                   oe.value ? (c(), m("label", Z4, [
-                    f("span", F4, q(M.$t("activity.milestone.label")), 1),
+                    f("span", F4, Z(M.$t("activity.milestone.label")), 1),
                     T(ye, {
                       options: oe.value,
-                      value: (S = F(i).milestone) == null ? void 0 : S.id,
+                      value: (S = q(i).milestone) == null ? void 0 : S.id,
                       searchable: !0,
                       disabled: !M.isEditable,
                       caret: M.isEditable,
                       onChange: V
                     }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : k("", !0),
-                  Z.value ? (c(), m("label", q4, [
-                    f("span", z4, q(M.$t("activity.status.label")), 1),
+                  F.value ? (c(), m("label", q4, [
+                    f("span", z4, Z(M.$t("activity.status.label")), 1),
                     T(ye, {
-                      options: Z.value,
-                      value: (N = F(i).status) == null ? void 0 : N.id,
+                      options: F.value,
+                      value: (N = q(i).status) == null ? void 0 : N.id,
                       "can-clear": !1,
                       "can-deselect": !1,
                       disabled: !M.isEditable,
@@ -9863,7 +9863,7 @@ const P4 = { class: "ao-feed" }, B4 = { class: "ao-feed__filters" }, N4 = { clas
             default: U(() => [
               f("div", W4, [
                 f("label", Y4, [
-                  f("span", K4, q(M.$t("activity.deadline.label")), 1),
+                  f("span", K4, Z(M.$t("activity.deadline.label")), 1),
                   et(f("input", {
                     "onUpdate:modelValue": Y[5] || (Y[5] = (B) => W.value = B),
                     class: "ao-field__input",
@@ -9891,7 +9891,7 @@ const ft = {
   TEMPLATES: "templates",
   TEMPLATE_DETAILS: "template_details",
   TEMPLATES_LIST: "templates_list"
-}, o8 = (a, e = {}) => [
+}, u8 = (a, e = {}) => [
   {
     path: a,
     name: ft.TEMPLATES,
@@ -9916,7 +9916,7 @@ const ft = {
   feed: "AoProjectFeed",
   milestone: "AoMilestone",
   activity: "AoActivity"
-}, l8 = (a, e = {}) => [
+}, d8 = (a, e = {}) => [
   {
     path: a,
     ...e,
@@ -9953,7 +9953,7 @@ const ft = {
       }
     ]
   }
-], x4 = { class: "ao-templates" }, X4 = /* @__PURE__ */ x({
+], x4 = { class: "ao-templates" }, X4 = /* @__PURE__ */ K({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -10006,7 +10006,7 @@ const ft = {
         ]),
         _: 1
       }),
-      T(F(Xe), {
+      T(q(Xe), {
         "model-value": l.templates,
         class: "ao-templates__list",
         "item-key": "id",
@@ -10020,13 +10020,13 @@ const ft = {
               id: d.id,
               title: d.name,
               phases: d.phases,
-              milestones: (u = d.phases) != null && u.length ? F(r0)(d.phases) : 0,
-              activities: d.phases ? F(u0)(d.phases) : 0,
+              milestones: (u = d.phases) != null && u.length ? q(r0)(d.phases) : 0,
+              activities: d.phases ? q(u0)(d.phases) : 0,
               "updated-at": d.updatedAt,
               "updated-by": d.updatedBy,
               onUpdateTitle: (v) => o(d.id, v),
               onClick: (v) => l.$router.push({
-                name: F(ft).TEMPLATE_DETAILS,
+                name: q(ft).TEMPLATE_DETAILS,
                 params: { templateId: d.id }
               })
             }, null, 8, ["id", "title", "phases", "milestones", "activities", "updated-at", "updated-by", "onUpdateTitle", "onClick"])
@@ -10037,18 +10037,39 @@ const ft = {
     ]));
   }
 });
+const Q4 = { class: "ao-field" }, J4 = { class: "ao-field__label" }, e8 = ["type", "value"], c8 = /* @__PURE__ */ K({
+  __name: "AoInputField",
+  props: {
+    label: { default: "" },
+    type: { default: "text" },
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a) {
+    return (e, t) => (c(), m("label", Q4, [
+      f("span", J4, Z(e.label), 1),
+      f("input", {
+        class: "ao-field__input",
+        type: e.type,
+        value: e.modelValue,
+        "on:update:modelValue": t[0] || (t[0] = (n) => e.$emit("update:modelValue", n))
+      }, null, 40, e8)
+    ]));
+  }
+});
 export {
   G4 as AoFeed,
+  c8 as AoInputField,
   x7 as AoTemplateDetails,
-  a8 as AoTemplates,
+  i8 as AoTemplates,
   X4 as AoTemplatesList,
   $d as TemplateItemTypeEnum,
-  n8 as activityFeedStatus,
-  s8 as durationTypes,
+  l8 as activityFeedStatus,
+  o8 as durationTypes,
   dt as feedFilterTypes,
-  l8 as getProjectOverviewRoutes,
-  o8 as getTemplateRoutes,
-  i8 as listUpdateTypes,
+  d8 as getProjectOverviewRoutes,
+  u8 as getTemplateRoutes,
+  r8 as listUpdateTypes,
   k1 as milestoneStatus,
   He as projectOverviewRoutes,
   bd as ruleComparators,