@26lights/orcha 0.30.0 → 0.30.1

package/dist/orcha.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as Y, openBlock as f, createBlock as N, unref as z, mergeProps as Ee, createElementBlock as h, createElementVNode as v, pushScopeId as us, popScopeId as ds, createStaticVNode as cs, computed as b, resolveDynamicComponent as Xe, normalizeClass as G, renderSlot as x, toDisplayString as q, createCommentVNode as T, ref as Q, watch as ue, nextTick as Oe, withKeys as Ye, toHandlers as fs, withCtx as U, createTextVNode as a1, createVNode as I, normalizeStyle as ca, withModifiers as _e, createSlots as s1, 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 Ht, guardReactiveProps as Pt, onUpdated as ps, withDirectives as tt, vModelText as Et, vModelCheckbox as Q1, Teleport as It, resolveComponent as hs, getCurrentScope as ms, onScopeDispose as Cs, provide as _s, toHandlerKey as gs } from "vue";
+import { defineComponent as K, openBlock as f, createBlock as N, unref as z, mergeProps as Ee, createElementBlock as h, createElementVNode as v, pushScopeId as us, popScopeId as ds, createStaticVNode as cs, computed as b, resolveDynamicComponent as Xe, normalizeClass as G, renderSlot as x, toDisplayString as q, createCommentVNode as T, ref as Q, watch as ue, nextTick as Oe, withKeys as Ye, toHandlers as fs, withCtx as U, createTextVNode as a1, createVNode as E, normalizeStyle as ca, withModifiers as _e, createSlots as s1, 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 Ht, guardReactiveProps as Pt, 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__ */ Y({
+const o8 = /* @__PURE__ */ K({
   __name: "AoTemplates",
   props: {
     templates: {}
@@ -614,7 +614,7 @@ const Ul = /* @__PURE__ */ B(Hl, [["render", Rl]]), jl = {}, Zl = {
 function zl(t, e) {
   return f(), h("svg", Zl, ql);
 }
-const Wl = /* @__PURE__ */ B(jl, [["render", zl]]), Yl = Y({
+const Wl = /* @__PURE__ */ B(jl, [["render", zl]]), Yl = K({
   name: "LoadingIcon"
 });
 const I1 = (t) => (us("data-v-ad6da4a9"), t = t(), ds(), t), Kl = {
@@ -1146,7 +1146,7 @@ const od = /* @__PURE__ */ B(td, [["render", id]]), ld = /* @__PURE__ */ Object.
 }, va = {
   ROUND: "round",
   ROUNDED: "rounded"
-}, ce = /* @__PURE__ */ Y({
+}, fe = /* @__PURE__ */ K({
   __name: "AoIcon",
   props: {
     name: {},
@@ -1162,7 +1162,7 @@ const od = /* @__PURE__ */ B(td, [["render", id]]), ld = /* @__PURE__ */ Object.
 const dd = ["type"], cd = {
   key: 0,
   class: "ao-button__label"
-}, fe = /* @__PURE__ */ Y({
+}, de = /* @__PURE__ */ K({
   __name: "AoButton",
   props: {
     label: { default: () => "" },
@@ -1194,7 +1194,7 @@ const dd = ["type"], cd = {
       x(s.$slots, "default", {}, () => [
         s.label ? (f(), h("span", cd, q(s.label), 1)) : T("", !0)
       ]),
-      n.value ? (f(), N(ce, {
+      n.value ? (f(), N(fe, {
         key: 0,
         name: n.value,
         class: "ao-button__icon",
@@ -1232,7 +1232,7 @@ function pa(t) {
     onDiscard: i
   };
 }
-const Ce = /* @__PURE__ */ Y({
+const Ce = /* @__PURE__ */ K({
   __name: "AoTitle",
   props: {
     id: {},
@@ -1315,7 +1315,7 @@ const fd = {
 }, yd = {
   key: 3,
   class: "ao-card-horiz__secondary"
-}, ha = /* @__PURE__ */ Y({
+}, ha = /* @__PURE__ */ K({
   __name: "AoCardHoriz",
   props: {
     id: {},
@@ -1337,21 +1337,21 @@ const fd = {
     }, {
       default: U(() => [
         n.isDraggable ? (f(), h("div", fd, [
-          I(ce, {
+          E(fe, {
             name: "DragIndicator",
             class: "ao-card-horiz__drag-handle"
           })
         ])) : T("", !0),
         v("div", vd, [
           n.icon ? (f(), h("div", pd, [
-            I(ce, {
+            E(fe, {
               class: "ao-card-horiz__icon",
               name: n.icon,
               size: "xl"
             }, null, 8, ["name"])
           ])) : T("", !0),
           v("div", hd, [
-            I(Ce, {
+            E(Ce, {
               id: n.id,
               class: "ao-card-horiz__title",
               level: 4,
@@ -1381,7 +1381,7 @@ const fd = {
     }, 8, ["class"]));
   }
 });
-const O1 = /* @__PURE__ */ Y({
+const O1 = /* @__PURE__ */ K({
   __name: "AoTag",
   props: {
     label: {},
@@ -1419,7 +1419,7 @@ const O1 = /* @__PURE__ */ Y({
         class: "ao-tag__close",
         onClick: o[1] || (o[1] = (i) => s.$emit("close", i))
       }, [
-        I(ce, {
+        E(fe, {
           name: "CloseRounded",
           size: "sm",
           class: "ao-tag__close-icon"
@@ -1574,8 +1574,8 @@ function ya(t, e) {
   w.setUTCFullYear(u + 1, 0, m), w.setUTCHours(0, 0, 0, 0);
   var A = Xt(w, e), _ = /* @__PURE__ */ new Date(0);
   _.setUTCFullYear(u, 0, m), _.setUTCHours(0, 0, 0, 0);
-  var $ = Xt(_, e);
-  return c.getTime() >= A.getTime() ? u + 1 : c.getTime() >= $.getTime() ? u : u - 1;
+  var M = Xt(_, e);
+  return c.getTime() >= A.getTime() ? u + 1 : c.getTime() >= M.getTime() ? u : u - 1;
 }
 function Hd(t, e) {
   var a, n, s, o, i, l, d, r;
@@ -2697,13 +2697,13 @@ var Oc = {
 const Lc = Oc;
 var Vc = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Dc = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Hc = /^'([^]*?)'?$/, Pc = /''/g, Bc = /[a-zA-Z]/;
 function Nc(t, e, a) {
-  var n, s, o, i, l, d, r, c, u, p, m, w, A, _, $, y, L, Z;
+  var n, s, o, i, l, d, r, c, u, p, m, w, A, _, M, y, L, Z;
   ge(2, arguments);
   var W = String(e), V = i1(), X = (n = (s = a == null ? void 0 : a.locale) !== null && s !== void 0 ? s : V.locale) !== null && n !== void 0 ? n : Lc, te = Ke((o = (i = (l = (d = a == null ? void 0 : a.firstWeekContainsDate) !== null && d !== void 0 ? d : a == null || (r = a.locale) === null || r === void 0 || (c = r.options) === null || c === void 0 ? void 0 : c.firstWeekContainsDate) !== null && l !== void 0 ? l : V.firstWeekContainsDate) !== null && i !== void 0 ? i : (u = V.locale) === null || u === void 0 || (p = u.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((m = (w = (A = (_ = a == null ? void 0 : a.weekStartsOn) !== null && _ !== void 0 ? _ : a == null || ($ = a.locale) === null || $ === void 0 || (y = $.options) === null || y === void 0 ? void 0 : y.weekStartsOn) !== null && A !== void 0 ? A : V.weekStartsOn) !== null && w !== void 0 ? w : (L = V.locale) === null || L === void 0 || (Z = L.options) === null || Z === void 0 ? void 0 : Z.weekStartsOn) !== null && m !== void 0 ? m : 0);
-  if (!(E >= 0 && E <= 6))
+  var I = Ke((m = (w = (A = (_ = a == null ? void 0 : a.weekStartsOn) !== null && _ !== void 0 ? _ : a == null || (M = a.locale) === null || M === void 0 || (y = M.options) === null || y === void 0 ? void 0 : y.weekStartsOn) !== null && A !== void 0 ? A : V.weekStartsOn) !== null && w !== void 0 ? w : (L = V.locale) === null || L === void 0 || (Z = L.options) === null || Z === void 0 ? void 0 : Z.weekStartsOn) !== null && m !== void 0 ? m : 0);
+  if (!(I >= 0 && I <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!X.localize)
     throw new RangeError("locale must contain localize property");
@@ -2714,14 +2714,14 @@ function Nc(t, e, a) {
     throw new RangeError("Invalid time value");
   var g = Td(J), S = Ed(J, g), P = {
     firstWeekContainsDate: te,
-    weekStartsOn: E,
+    weekStartsOn: I,
     locale: X,
     _originalDate: J
-  }, de = W.match(Dc).map(function(se) {
+  }, ce = W.match(Dc).map(function(se) {
     var re = se[0];
     if (re === "p" || re === "P") {
-      var M = Fd[re];
-      return M(se, X.formatLong);
+      var k = Fd[re];
+      return k(se, X.formatLong);
     }
     return se;
   }).join("").match(Vc).map(function(se) {
@@ -2730,14 +2730,14 @@ function Nc(t, e, a) {
     var re = se[0];
     if (re === "'")
       return Rc(se);
-    var M = Ud[re];
-    if (M)
-      return !(a != null && a.useAdditionalWeekYearTokens) && Yd(se) && aa(se, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && Wd(se) && aa(se, e, String(t)), M(S, se, X.localize, P);
+    var k = Ud[re];
+    if (k)
+      return !(a != null && a.useAdditionalWeekYearTokens) && Yd(se) && aa(se, e, String(t)), !(a != null && a.useAdditionalDayOfYearTokens) && Wd(se) && aa(se, e, String(t)), k(S, se, X.localize, P);
     if (re.match(Bc))
       throw new RangeError("Format string contains an unescaped latin alphabet character `" + re + "`");
     return se;
   }).join("");
-  return de;
+  return ce;
 }
 function Rc(t) {
   var e = t.match(Hc);
@@ -3643,7 +3643,7 @@ function v0(t, e) {
 const p0 = ["title"], h0 = {
   key: 0,
   className: "ao-avatar__initials"
-}, m0 = ["src"], gt = /* @__PURE__ */ Y({
+}, m0 = ["src"], gt = /* @__PURE__ */ K({
   __name: "AoAvatar",
   props: {
     userName: {},
@@ -3667,7 +3667,7 @@ const p0 = ["title"], h0 = {
         className: "ao-avatar__image",
         src: o.avatarUrl
       }, null, 8, m0)) : T("", !0),
-      o.isClosable ? (f(), N(fe, {
+      o.isClosable ? (f(), N(de, {
         key: 2,
         "icon-name": "CloseRounded",
         class: "ao-avatar__close",
@@ -3687,7 +3687,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__ */ Y({
+}, V0 = { class: "ao-card-template__col-title" }, D0 = { class: "ao-card-template__col-label" }, H0 = { class: "ao-card-template__col-body" }, P0 = /* @__PURE__ */ K({
   __name: "AoCardTemplate",
   props: {
     id: {},
@@ -3712,14 +3712,14 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
       subtitle: U(() => [
         v("ul", C0, [
           v("li", _0, [
-            I(ce, {
+            E(fe, {
               name: "MountainFlagOutlineRounded",
               size: "sm"
             }),
             v("span", g0, q(n.milestones), 1)
           ]),
           v("li", y0, [
-            I(ce, {
+            E(fe, {
               name: "TaskOutlineRounded",
               size: "sm"
             }),
@@ -3731,7 +3731,7 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
         v("div", w0, [
           v("div", $0, [
             v("div", M0, [
-              I(ce, {
+              E(fe, {
                 name: "WaterfallChartRounded",
                 size: "sm"
               }),
@@ -3767,7 +3767,7 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
                 v("span", D0, q(n.$t("template.updatedBy.label")), 1)
               ]),
               v("div", H0, [
-                I(gt, { "user-name": n.updatedBy }, null, 8, ["user-name"])
+                E(gt, { "user-name": n.updatedBy }, null, 8, ["user-name"])
               ])
             ])) : T("", !0)
           ])
@@ -3780,7 +3780,7 @@ const C0 = { class: "ao-card-template__subitems" }, _0 = { class: "ao-card-templ
 const B0 = { class: "ao-page-header" }, N0 = { class: "ao-page-header-main" }, R0 = {
   key: 0,
   class: "ao-page-header-secondary"
-}, d1 = /* @__PURE__ */ Y({
+}, d1 = /* @__PURE__ */ K({
   __name: "AoPageHeader",
   props: {
     canGoBack: { type: Boolean }
@@ -3789,7 +3789,7 @@ const B0 = { class: "ao-page-header" }, N0 = { class: "ao-page-header-main" }, R
   setup(t) {
     return (e, a) => (f(), h("header", B0, [
       v("div", N0, [
-        e.canGoBack ? (f(), N(fe, {
+        e.canGoBack ? (f(), N(de, {
           key: 0,
           "icon-name": "ArrowBackRounded",
           variant: "ghost",
@@ -3806,7 +3806,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__ */ Y({
+}, Je = /* @__PURE__ */ K({
   __name: "AoButtonCard",
   props: {
     label: { default: () => "" },
@@ -3832,7 +3832,7 @@ const U0 = ["type"], j0 = {
       x(s.$slots, "default", {}, () => [
         s.label ? (f(), h("span", j0, q(s.label), 1)) : T("", !0)
       ]),
-      n.value ? (f(), N(ce, {
+      n.value ? (f(), N(fe, {
         key: 0,
         name: n.value,
         class: "ao-button-card__icon",
@@ -3844,7 +3844,7 @@ const U0 = ["type"], j0 = {
 const Z0 = { class: "ao-card-template-item__footer" }, F0 = {
   key: 0,
   class: "ao-card-template-item__subitem"
-}, q0 = { class: "ao-card-template-item__subitem-number" }, z0 = { class: "ao-card-template-item__secondary" }, V1 = /* @__PURE__ */ Y({
+}, q0 = { class: "ao-card-template-item__subitem-number" }, z0 = { class: "ao-card-template-item__secondary" }, V1 = /* @__PURE__ */ K({
   __name: "AoCardTemplateItem",
   props: {
     milestones: {},
@@ -3869,7 +3869,7 @@ const Z0 = { class: "ao-card-template-item__footer" }, F0 = {
         v("ul", Z0, [
           (f(), h(ve, null, ye(n, (d) => (f(), h(ve, { key: d }, [
             i.$props[d] ? (f(), h("li", F0, [
-              I(ce, {
+              E(fe, {
                 name: s[d],
                 size: "sm"
               }, null, 8, ["name"]),
@@ -3880,7 +3880,7 @@ const Z0 = { class: "ao-card-template-item__footer" }, F0 = {
       ]),
       secondary: U(() => [
         v("div", z0, [
-          I(fe, {
+          E(de, {
             "icon-name": "DeleteOutlineRounded",
             variant: "ghost",
             size: "md",
@@ -3893,7 +3893,7 @@ const Z0 = { class: "ao-card-template-item__footer" }, F0 = {
     }));
   }
 });
-const W0 = /* @__PURE__ */ Y({
+const W0 = /* @__PURE__ */ K({
   __name: "AoCardTemplateItemPhase",
   props: {
     id: {},
@@ -3917,7 +3917,7 @@ const W0 = /* @__PURE__ */ Y({
       _: 3
     }, 16, ["id", "title", "activities", "milestones"]));
   }
-}), Y0 = /* @__PURE__ */ Y({
+}), Y0 = /* @__PURE__ */ K({
   __name: "AoCardTemplateItemMilestone",
   props: {
     activities: {}
@@ -3934,7 +3934,7 @@ const W0 = /* @__PURE__ */ Y({
       _: 3
     }, 8, ["activities"]));
   }
-}), K0 = { class: "ao-list__footer" }, G0 = /* @__PURE__ */ Y({
+}), K0 = { class: "ao-list__footer" }, G0 = /* @__PURE__ */ K({
   __name: "AoTemplateDetailsMilestones",
   props: {
     templateId: {},
@@ -3968,7 +3968,7 @@ const W0 = /* @__PURE__ */ Y({
       onChange: i
     }, {
       header: U(() => [
-        I(Ce, {
+        E(Ce, {
           title: "Milestones",
           level: 3,
           class: "ao-list__title"
@@ -3993,7 +3993,7 @@ const W0 = /* @__PURE__ */ Y({
       ]),
       footer: U(() => [
         v("div", K0, [
-          I(Je, {
+          E(Je, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.milestones.add"),
             onClick: n
@@ -4003,7 +4003,7 @@ const W0 = /* @__PURE__ */ Y({
       _: 1
     }, 8, ["model-value", "title"])) : T("", !0);
   }
-}), x0 = /* @__PURE__ */ Y({
+}), x0 = /* @__PURE__ */ K({
   __name: "AoCardTemplateItemActivity",
   props: {
     name: {},
@@ -4021,7 +4021,7 @@ const W0 = /* @__PURE__ */ Y({
       _: 3
     }, 8, ["tasks"]));
   }
-}), X0 = { class: "ao-list__footer" }, Q0 = /* @__PURE__ */ Y({
+}), X0 = { class: "ao-list__footer" }, Q0 = /* @__PURE__ */ K({
   __name: "AoTemplateDetailsActivities",
   props: {
     templateId: {},
@@ -4058,7 +4058,7 @@ const W0 = /* @__PURE__ */ Y({
       onChange: i
     }, {
       header: U(() => [
-        I(Ce, {
+        E(Ce, {
           title: "Activities",
           level: 3,
           class: "ao-list__title"
@@ -4079,7 +4079,7 @@ const W0 = /* @__PURE__ */ Y({
       ]),
       footer: U(() => [
         v("div", X0, [
-          I(Je, {
+          E(Je, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.activities.add"),
             onClick: n
@@ -4095,7 +4095,7 @@ const W0 = /* @__PURE__ */ Y({
 }, s3 = { class: "ao-modal__body" }, n3 = {
   key: 0,
   class: "ao-modal__footer"
-}, D1 = /* @__PURE__ */ Y({
+}, D1 = /* @__PURE__ */ K({
   __name: "AoModal",
   props: {
     size: { default: "md" }
@@ -4112,7 +4112,7 @@ const W0 = /* @__PURE__ */ Y({
       v("div", J0, [
         v("div", e3, [
           v("div", t3, [
-            I(fe, {
+            E(de, {
               "icon-name": "CloseRounded",
               variant: "ghost",
               color: "primary",
@@ -4292,13 +4292,13 @@ const p3 = async (t, e, a) => {
   for (let A = 0; A < l.length; A++) {
     const {
       name: _,
-      fn: $
+      fn: M
     } = l[A], {
       x: y,
       y: L,
       data: Z,
       reset: W
-    } = await $({
+    } = await M({
       x: c,
       y: u,
       initialPlacement: n,
@@ -4354,7 +4354,7 @@ async function Oa(t, e) {
     elementContext: u = "floating",
     altBoundary: p = !1,
     padding: m = 0
-  } = H1(e, t), w = v3(m), _ = l[p ? u === "floating" ? "reference" : "floating" : u], $ = e1(await o.getClippingRect({
+  } = H1(e, t), w = v3(m), _ = l[p ? u === "floating" ? "reference" : "floating" : u], M = e1(await o.getClippingRect({
     element: (a = await (o.isElement == null ? void 0 : o.isElement(_))) == null || a ? _ : _.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
     boundary: r,
     rootBoundary: c,
@@ -4375,10 +4375,10 @@ async function Oa(t, e) {
     strategy: d
   }) : y);
   return {
-    top: ($.top - W.top + w.top) / Z.y,
-    bottom: (W.bottom - $.bottom + w.bottom) / Z.y,
-    left: ($.left - W.left + w.left) / Z.x,
-    right: (W.right - $.right + w.right) / Z.x
+    top: (M.top - W.top + w.top) / Z.y,
+    bottom: (W.bottom - M.bottom + w.bottom) / Z.y,
+    left: (M.left - W.left + w.left) / Z.x,
+    right: (W.right - M.right + w.right) / Z.x
   };
 }
 const h3 = function(t) {
@@ -4405,11 +4405,11 @@ const h3 = function(t) {
       } = H1(t, e);
       if ((a = o.arrow) != null && a.alignmentOffset)
         return {};
-      const $ = mt(s), y = mt(l) === l, L = await (d.isRTL == null ? void 0 : d.isRTL(r.floating)), Z = p || (y || !A ? [Jt(l)] : u3(l));
+      const M = mt(s), y = mt(l) === l, L = await (d.isRTL == null ? void 0 : d.isRTL(r.floating)), Z = p || (y || !A ? [Jt(l)] : u3(l));
       !p && w !== "none" && Z.push(...c3(l, A, w, L));
       const W = [l, ...Z], V = await Oa(e, _), X = [];
       let te = ((n = o.flip) == null ? void 0 : n.overflows) || [];
-      if (c && X.push(V[$]), u) {
+      if (c && X.push(V[M]), u) {
         const S = r3(s, i, L);
         X.push(V[S[0]], V[S[1]]);
       }
@@ -4417,8 +4417,8 @@ const h3 = function(t) {
         placement: s,
         overflows: X
       }], !X.every((S) => S <= 0)) {
-        var E, J;
-        const S = (((E = o.flip) == null ? void 0 : E.index) || 0) + 1, P = W[S];
+        var I, J;
+        const S = (((I = o.flip) == null ? void 0 : I.index) || 0) + 1, P = W[S];
         if (P)
           return {
             data: {
@@ -4429,23 +4429,23 @@ const h3 = function(t) {
               placement: P
             }
           };
-        let de = (J = te.filter((se) => se.overflows[0] <= 0).sort((se, re) => se.overflows[1] - re.overflows[1])[0]) == null ? void 0 : J.placement;
-        if (!de)
+        let ce = (J = te.filter((se) => se.overflows[0] <= 0).sort((se, re) => se.overflows[1] - re.overflows[1])[0]) == null ? void 0 : J.placement;
+        if (!ce)
           switch (m) {
             case "bestFit": {
               var g;
-              const se = (g = te.map((re) => [re.placement, re.overflows.filter((M) => M > 0).reduce((M, F) => M + F, 0)]).sort((re, M) => re[1] - M[1])[0]) == null ? void 0 : g[0];
-              se && (de = se);
+              const se = (g = te.map((re) => [re.placement, re.overflows.filter((k) => k > 0).reduce((k, F) => k + F, 0)]).sort((re, k) => re[1] - k[1])[0]) == null ? void 0 : g[0];
+              se && (ce = se);
               break;
             }
             case "initialPlacement":
-              de = l;
+              ce = l;
               break;
           }
-        if (s !== de)
+        if (s !== ce)
           return {
             reset: {
-              placement: de
+              placement: ce
             }
           };
       }
@@ -4472,18 +4472,18 @@ const h3 = function(t) {
       } = n.floating;
       let w, A;
       r === "top" || r === "bottom" ? (w = r, A = c === (await (s.isRTL == null ? void 0 : s.isRTL(o.floating)) ? "start" : "end") ? "left" : "right") : (A = r, w = c === "end" ? "top" : "bottom");
-      const _ = m - d[w], $ = p - d[A], y = !e.middlewareData.shift;
-      let L = _, Z = $;
+      const _ = m - d[w], M = p - d[A], y = !e.middlewareData.shift;
+      let L = _, Z = M;
       if (u) {
         const V = p - d.left - d.right;
-        Z = c || y ? Lt($, V) : V;
+        Z = c || y ? Lt(M, V) : V;
       } else {
         const V = m - d.top - d.bottom;
         L = c || y ? Lt(_, V) : V;
       }
       if (y && !c) {
-        const V = Ae(d.left, 0), X = Ae(d.right, 0), te = Ae(d.top, 0), E = Ae(d.bottom, 0);
-        u ? Z = p - 2 * (V !== 0 || X !== 0 ? V + X : Ae(d.left, d.right)) : L = m - 2 * (te !== 0 || E !== 0 ? te + E : Ae(d.top, d.bottom));
+        const V = Ae(d.left, 0), X = Ae(d.right, 0), te = Ae(d.top, 0), I = Ae(d.bottom, 0);
+        u ? Z = p - 2 * (V !== 0 || X !== 0 ? V + X : Ae(d.left, d.right)) : L = m - 2 * (te !== 0 || I !== 0 ? te + I : Ae(d.top, d.bottom));
       }
       await i({
         ...e,
@@ -4637,7 +4637,7 @@ function at(t, e, a, n) {
     const p = we(o), m = n && je(n) ? we(n) : n;
     let w = p.frameElement;
     for (; w && n && m !== p; ) {
-      const A = pt(w), _ = w.getBoundingClientRect(), $ = Ie(w), y = _.left + (w.clientLeft + parseFloat($.paddingLeft)) * A.x, L = _.top + (w.clientTop + parseFloat($.paddingTop)) * A.y;
+      const A = pt(w), _ = w.getBoundingClientRect(), M = Ie(w), y = _.left + (w.clientLeft + parseFloat(M.paddingLeft)) * A.x, L = _.top + (w.clientTop + parseFloat(M.paddingTop)) * A.y;
       d *= A.x, r *= A.y, c *= A.x, u *= A.y, d += y, r += L, w = we(w).frameElement;
     }
   }
@@ -4887,15 +4887,15 @@ function D3(t, e, a, n) {
     layoutShift: l = typeof IntersectionObserver == "function",
     animationFrame: d = !1
   } = n, r = R1(t), c = s || o ? [...r ? Vt(r) : [], ...Vt(e)] : [];
-  c.forEach(($) => {
-    s && $.addEventListener("scroll", a, {
+  c.forEach((M) => {
+    s && M.addEventListener("scroll", a, {
       passive: !0
-    }), o && $.addEventListener("resize", a);
+    }), o && M.addEventListener("resize", a);
   });
   const u = r && l ? V3(r, a) : null;
   let p = -1, m = null;
-  i && (m = new ResizeObserver(($) => {
-    let [y] = $;
+  i && (m = new ResizeObserver((M) => {
+    let [y] = M;
     y && y.target === r && m && (m.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
       m && m.observe(e);
     })), a();
@@ -4903,12 +4903,12 @@ function D3(t, e, a, n) {
   let w, A = d ? at(t) : null;
   d && _();
   function _() {
-    const $ = at(t);
-    A && ($.x !== A.x || $.y !== A.y || $.width !== A.width || $.height !== A.height) && a(), A = $, w = requestAnimationFrame(_);
+    const M = at(t);
+    A && (M.x !== A.x || M.y !== A.y || M.width !== A.width || M.height !== A.height) && a(), A = M, w = requestAnimationFrame(_);
   }
   return a(), () => {
-    c.forEach(($) => {
-      s && $.removeEventListener("scroll", a), o && $.removeEventListener("resize", a);
+    c.forEach((M) => {
+      s && M.removeEventListener("scroll", a), o && M.removeEventListener("resize", a);
     }), u && u(), m && m.disconnect(), m = null, d && cancelAnimationFrame(w);
   };
 }
@@ -5028,7 +5028,7 @@ function R3(t, e, a) {
     if (n && n.value) {
       let A = (m.clipboardData || /* istanbul ignore next */
       window.clipboardData).getData("Text"), _ = n.value;
-      typeof _ == "string" && (_ = new RegExp(_)), A.split("").every(($) => !!$.match(_)) || m.preventDefault();
+      typeof _ == "string" && (_ = new RegExp(_)), A.split("").every((M) => !!M.match(_)) || m.preventDefault();
     }
     e.emit("paste", m, s);
   };
@@ -5083,7 +5083,7 @@ function F3(t, e, a) {
     object: w,
     loading: A,
     delay: _,
-    resolveOnLoad: $,
+    resolveOnLoad: M,
     minChars: y,
     filterResults: L,
     clearOnSearch: Z,
@@ -5091,27 +5091,27 @@ function F3(t, e, a) {
     valueProp: V,
     allowAbsent: X,
     groupLabel: te,
-    canDeselect: E,
+    canDeselect: I,
     max: J,
     strict: g,
     closeOnSelect: S,
     closeOnDeselect: P,
-    groups: de,
+    groups: ce,
     reverse: se,
     infinite: re,
-    groupOptions: M,
+    groupOptions: k,
     groupHideEmpty: F,
     groupSelect: j,
     onCreate: ae,
     disabledProp: oe,
-    searchStart: k,
-    searchFilter: K
+    searchStart: $,
+    searchFilter: Y
   } = $e(t), ie = st().proxy, H = a.iv, O = a.ev, R = a.search, me = a.clearSearch, Me = a.update, ja = a.pointer, it = a.clearPointer, Za = a.focus, Fa = a.deactivate, ot = a.close, qa = a.localize, yt = Q([]), Fe = Q([]), Le = Q(!1), p1 = Q(null), h1 = Q(re.value && i.value === -1 ? 10 : i.value), F1 = b(() => d.value || r.value || !1), za = b(() => u.value !== void 0 ? u.value : p.value !== void 0 ? p.value : !0), qe = b(() => {
-    if (de.value) {
+    if (ce.value) {
       let C = jt.value || /* istanbul ignore next */
       [], D = [];
       return C.forEach((ne) => {
-        b1(ne[M.value]).forEach((pe) => {
+        b1(ne[k.value]).forEach((pe) => {
           D.push(Object.assign({}, pe, ne[oe.value] ? { [oe.value]: !0 } : {}));
         });
       }), D;
@@ -5127,34 +5127,34 @@ function F3(t, e, a) {
     let C = q1.value;
     return h1.value > 0 && (C = C.slice(0, h1.value)), C;
   }), jt = b(() => {
-    if (!de.value)
+    if (!ce.value)
       return [];
     let C = [], D = Fe.value || /* istanbul ignore next */
     [];
     return yt.value.length && C.push({
       [te.value]: " ",
-      [M.value]: [...yt.value],
+      [k.value]: [...yt.value],
       __CREATE__: !0
     }), C.concat(D);
   }), Wa = b(() => {
     let C = [...jt.value].map((D) => ({ ...D }));
-    return lt.value.length && (C[0] && C[0].__CREATE__ ? C[0][M.value] = [...lt.value, ...C[0][M.value]] : C = [{
+    return lt.value.length && (C[0] && C[0].__CREATE__ ? C[0][k.value] = [...lt.value, ...C[0][k.value]] : C = [{
       [te.value]: " ",
-      [M.value]: [...lt.value],
+      [k.value]: [...lt.value],
       __CREATE__: !0
     }].concat(C)), C;
   }), z1 = b(() => {
-    if (!de.value)
+    if (!ce.value)
       return [];
     let C = Wa.value;
     return ls((C || /* istanbul ignore next */
     []).map((D, ne) => {
-      const pe = b1(D[M.value]);
+      const pe = b1(D[k.value]);
       return {
         ...D,
         index: ne,
         group: !0,
-        [M.value]: y1(pe, !1).map((wt) => Object.assign({}, wt, D[oe.value] ? { [oe.value]: !0 } : {})),
+        [k.value]: y1(pe, !1).map((wt) => Object.assign({}, wt, D[oe.value] ? { [oe.value]: !0 } : {})),
         __VISIBLE__: y1(pe).map((wt) => Object.assign({}, wt, D[oe.value] ? { [oe.value]: !0 } : {}))
       };
     }));
@@ -5166,7 +5166,7 @@ function F3(t, e, a) {
       case "tags":
         return !De(H.value) && H.value.length > 0;
     }
-  }), Ya = b(() => m !== void 0 && m.value !== void 0 ? m.value(H.value, ie) : H.value && H.value.length > 1 ? `${H.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 && de.value || !de.value)), lt = b(() => F1.value === !1 || !R.value ? [] : ns(R.value) !== -1 ? [] : [{
+  }), Ya = b(() => m !== void 0 && m.value !== void 0 ? m.value(H.value, ie) : H.value && H.value.length > 1 ? `${H.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 && ce.value || !ce.value)), lt = b(() => F1.value === !1 || !R.value ? [] : ns(R.value) !== -1 ? [] : [{
     [V.value]: R.value,
     [Ve.value]: R.value,
     [c.value]: R.value,
@@ -5213,7 +5213,7 @@ function F3(t, e, a) {
     e.emit("clear", ie), Me(xa.value);
   }, Ne = (C) => {
     if (C.group !== void 0)
-      return s.value === "single" ? !1 : ss(C[M.value]) && C[M.value].length;
+      return s.value === "single" ? !1 : ss(C[k.value]) && C[k.value].length;
     switch (s.value) {
       case "single":
         return !De(H.value) && H.value[V.value] == C[V.value];
@@ -5235,7 +5235,7 @@ function F3(t, e, a) {
     switch (C.__CREATE__ && (C = { ...C }, delete C.__CREATE__), s.value) {
       case "single":
         if (C && Ne(C)) {
-          E.value && ut(C), P.value && (it(), ot());
+          I.value && ut(C), P.value && (it(), ot());
           return;
         }
         C && g1(C), W.value && me(), S.value && (it(), ot()), C && rt(C);
@@ -5269,8 +5269,8 @@ function F3(t, e, a) {
       switch (s.value) {
         case "multiple":
         case "tags":
-          as(C[M.value]) ? ut(C[M.value]) : rt(
-            C[M.value].filter((D) => H.value.map((ne) => ne[V.value]).indexOf(D[V.value]) === -1).filter((D) => !D[oe.value]).filter((D, ne) => H.value.length + 1 + ne <= J.value || J.value === -1)
+          as(C[k.value]) ? ut(C[k.value]) : rt(
+            C[k.value].filter((D) => H.value.map((ne) => ne[V.value]).indexOf(D[V.value]) === -1).filter((D) => !D[oe.value]).filter((D, ne) => H.value.length + 1 + ne <= J.value || J.value === -1)
           );
           break;
       }
@@ -5285,14 +5285,14 @@ function F3(t, e, a) {
   ), is = (C) => ["tags", "multiple"].indexOf(s.value) !== -1 && l.value && Ne(C), os = (C) => {
     yt.value.push(C);
   }, ls = (C) => F.value ? C.filter(
-    (D) => R.value ? D.__VISIBLE__.length : D[M.value].length
+    (D) => R.value ? D.__VISIBLE__.length : D[k.value].length
   ) : C.filter((D) => R.value ? D.__VISIBLE__.length : !0), y1 = (C, D = !0) => {
     let ne = C;
     if (R.value && L.value) {
-      let pe = K.value;
+      let pe = Y.value;
       pe || (pe = (wt, a8) => {
         let X1 = k1(qa(wt[Ve.value]), g.value);
-        return k.value ? X1.startsWith(k1(R.value, g.value)) : X1.indexOf(k1(R.value, g.value)) !== -1;
+        return $.value ? X1.startsWith(k1(R.value, g.value)) : X1.indexOf(k1(R.value, g.value)) !== -1;
       }), ne = ne.filter(pe);
     }
     return l.value && D && (ne = ne.filter((pe) => !is(pe))), ne;
@@ -5354,7 +5354,7 @@ function F3(t, e, a) {
   };
   if (s.value !== "single" && !De(O.value) && !Array.isArray(O.value))
     throw new Error(`v-model must be an array when using "${s.value}" mode`);
-  return n && typeof n.value == "function" ? $.value ? Ft(Zt) : w.value == !0 && Zt() : (Fe.value = n.value, Zt()), _.value > -1 && x1(), ue(_, (C, D) => {
+  return n && typeof n.value == "function" ? M.value ? Ft(Zt) : w.value == !0 && Zt() : (Fe.value = n.value, Zt()), _.value > -1 && x1(), ue(_, (C, D) => {
     p1.value && p1.value(), C >= 0 && x1();
   }), ue(O, (C) => {
     if (De(C)) {
@@ -5371,7 +5371,7 @@ function F3(t, e, a) {
         break;
     }
   }, { deep: !0 }), ue(n, (C, D) => {
-    typeof t.options == "function" ? $.value && (!D || C && C.toString() !== D.toString()) && Ft() : (Fe.value = t.options, Object.keys(H.value).length || Zt(), w1());
+    typeof t.options == "function" ? M.value && (!D || C && C.toString() !== D.toString()) && Ft() : (Fe.value = t.options, Object.keys(H.value).length || Zt(), w1());
   }), ue(c, w1), {
     pfo: q1,
     fo: bt,
@@ -5417,50 +5417,50 @@ function q3(t, e, a) {
     groupSelect: r,
     disabledProp: c,
     groupOptions: u
-  } = $e(t), p = a.fo, m = a.fg, w = a.handleOptionClick, A = a.handleGroupClick, _ = a.search, $ = a.pointer, y = a.setPointer, L = a.clearPointer, Z = a.multiselect, W = a.isOpen, V = b(() => p.value.filter((O) => !O[c.value])), X = b(() => m.value.filter((O) => !O[c.value])), te = b(() => d.value !== "single" && r.value), E = b(() => $.value && $.value.group), J = b(() => ie($.value)), g = b(() => {
-    const O = E.value ? $.value : (
+  } = $e(t), p = a.fo, m = a.fg, w = a.handleOptionClick, A = a.handleGroupClick, _ = a.search, M = a.pointer, y = a.setPointer, L = a.clearPointer, Z = a.multiselect, W = a.isOpen, V = b(() => p.value.filter((O) => !O[c.value])), X = b(() => m.value.filter((O) => !O[c.value])), te = b(() => d.value !== "single" && r.value), I = b(() => M.value && M.value.group), J = b(() => ie(M.value)), g = b(() => {
+    const O = I.value ? M.value : (
       /* istanbul ignore next */
-      ie($.value)
+      ie(M.value)
     ), R = X.value.map((Me) => Me[i.value]).indexOf(O[i.value]);
     let me = X.value[R - 1];
     return me === void 0 && (me = P.value), me;
   }), S = b(() => {
-    let O = X.value.map((R) => R.label).indexOf(E.value ? $.value[i.value] : ie($.value)[i.value]) + 1;
+    let O = X.value.map((R) => R.label).indexOf(I.value ? M.value[i.value] : ie(M.value)[i.value]) + 1;
     return X.value.length <= O && (O = 0), X.value[O];
-  }), P = b(() => [...X.value].slice(-1)[0]), de = b(() => $.value.__VISIBLE__.filter((O) => !O[c.value])[0]), se = b(() => {
+  }), P = b(() => [...X.value].slice(-1)[0]), ce = b(() => M.value.__VISIBLE__.filter((O) => !O[c.value])[0]), se = b(() => {
     const O = J.value.__VISIBLE__.filter((R) => !R[c.value]);
-    return O[O.map((R) => R[n.value]).indexOf($.value[n.value]) - 1];
+    return O[O.map((R) => R[n.value]).indexOf(M.value[n.value]) - 1];
   }), re = b(() => {
-    const O = ie($.value).__VISIBLE__.filter((R) => !R[c.value]);
-    return O[O.map((R) => R[n.value]).indexOf($.value[n.value]) + 1];
-  }), M = b(() => [...g.value.__VISIBLE__.filter((O) => !O[c.value])].slice(-1)[0]), F = b(() => [...P.value.__VISIBLE__.filter((O) => !O[c.value])].slice(-1)[0]), j = (O) => $.value && (!O.group && $.value[n.value] === O[n.value] || O.group !== void 0 && $.value[i.value] === O[i.value]) ? !0 : void 0, ae = () => {
+    const O = ie(M.value).__VISIBLE__.filter((R) => !R[c.value]);
+    return O[O.map((R) => R[n.value]).indexOf(M.value[n.value]) + 1];
+  }), k = b(() => [...g.value.__VISIBLE__.filter((O) => !O[c.value])].slice(-1)[0]), F = b(() => [...P.value.__VISIBLE__.filter((O) => !O[c.value])].slice(-1)[0]), j = (O) => M.value && (!O.group && M.value[n.value] === O[n.value] || O.group !== void 0 && M.value[i.value] === O[i.value]) ? !0 : void 0, ae = () => {
     y(V.value[0] || null);
   }, oe = () => {
-    !$.value || $.value[c.value] === !0 || (E.value ? A($.value) : w($.value));
-  }, k = () => {
-    if ($.value === null)
+    !M.value || M.value[c.value] === !0 || (I.value ? A(M.value) : w(M.value));
+  }, $ = () => {
+    if (M.value === null)
       y((l.value && te.value ? X.value[0].__CREATE__ ? V.value[0] : X.value[0] : V.value[0]) || null);
     else if (l.value && te.value) {
-      let O = E.value ? de.value : re.value;
+      let O = I.value ? ce.value : re.value;
       O === void 0 && (O = S.value, O.__CREATE__ && (O = O[u.value][0])), y(O || /* istanbul ignore next */
       null);
     } else {
-      let O = V.value.map((R) => R[n.value]).indexOf($.value[n.value]) + 1;
+      let O = V.value.map((R) => R[n.value]).indexOf(M.value[n.value]) + 1;
       V.value.length <= O && (O = 0), y(V.value[O] || null);
     }
     Oe(() => {
       H();
     });
-  }, K = () => {
-    if ($.value === null) {
+  }, Y = () => {
+    if (M.value === null) {
       let O = V.value[V.value.length - 1];
       l.value && te.value && (O = F.value, O === void 0 && (O = P.value)), y(O || null);
     } else if (l.value && te.value) {
-      let O = E.value ? M.value : se.value;
-      O === void 0 && (O = E.value ? g.value : J.value, O.__CREATE__ && (O = M.value, O === void 0 && (O = g.value))), y(O || /* istanbul ignore next */
+      let O = I.value ? k.value : se.value;
+      O === void 0 && (O = I.value ? g.value : J.value, O.__CREATE__ && (O = k.value, O === void 0 && (O = g.value))), y(O || /* istanbul ignore next */
       null);
     } else {
-      let O = V.value.map((R) => R[n.value]).indexOf($.value[n.value]) - 1;
+      let O = V.value.map((R) => R[n.value]).indexOf(M.value[n.value]) - 1;
       O < 0 && (O = V.value.length - 1), y(V.value[O] || null);
     }
     Oe(() => {
@@ -5471,7 +5471,7 @@ function q3(t, e, a) {
     if (!O)
       return;
     let R = O.parentElement.parentElement;
-    l.value && (R = E.value ? O.parentElement.parentElement.parentElement : O.parentElement.parentElement.parentElement.parentElement), O.offsetTop + O.offsetHeight > R.clientHeight + R.scrollTop && (R.scrollTop = O.offsetTop + O.offsetHeight - R.clientHeight), O.offsetTop < R.scrollTop && (R.scrollTop = O.offsetTop);
+    l.value && (R = I.value ? O.parentElement.parentElement.parentElement : O.parentElement.parentElement.parentElement.parentElement), O.offsetTop + O.offsetHeight > R.clientHeight + R.scrollTop && (R.scrollTop = O.offsetTop + O.offsetHeight - R.clientHeight), O.offsetTop < R.scrollTop && (R.scrollTop = O.offsetTop);
   };
   return ue(_, (O) => {
     o.value && (O.length && s.value ? ae() : L());
@@ -5486,13 +5486,13 @@ function q3(t, e, a) {
       });
     }
   }), {
-    pointer: $,
+    pointer: M,
     canPointGroups: te,
     isPointed: j,
     setPointerFirst: ae,
     selectPointer: oe,
-    forwardPointer: k,
-    backwardPointer: K
+    forwardPointer: $,
+    backwardPointer: Y
   };
 }
 function z3(t, e, a) {
@@ -5508,12 +5508,12 @@ function z3(t, e, a) {
   };
 }
 function W3(t, e, a) {
-  const { searchable: n, disabled: s, clearOnBlur: o } = $e(t), i = a.input, l = a.open, d = a.close, r = a.clearSearch, c = a.isOpen, u = Q(null), p = Q(null), m = Q(null), w = Q(!1), A = Q(!1), _ = b(() => n.value || s.value ? -1 : 0), $ = () => {
+  const { searchable: n, disabled: s, clearOnBlur: o } = $e(t), i = a.input, l = a.open, d = a.close, r = a.clearSearch, c = a.isOpen, u = Q(null), p = Q(null), m = Q(null), w = Q(!1), A = Q(!1), _ = b(() => n.value || s.value ? -1 : 0), M = () => {
     n.value && i.value.blur(), p.value.blur();
   }, y = () => {
     n.value && !s.value && i.value.focus();
-  }, L = (E = !0) => {
-    s.value || (w.value = !0, E && l());
+  }, L = (I = !0) => {
+    s.value || (w.value = !0, I && l());
   }, Z = () => {
     w.value = !1, setTimeout(() => {
       w.value || (d(), o.value && r());
@@ -5526,21 +5526,21 @@ function W3(t, e, a) {
     tabindex: _,
     isActive: w,
     mouseClicked: A,
-    blur: $,
+    blur: M,
     focus: y,
     activate: L,
     deactivate: Z,
-    handleFocusIn: (E) => {
-      E.target.closest("[data-tags]") && E.target.nodeName !== "INPUT" || E.target.closest("[data-clear]") || L(A.value);
+    handleFocusIn: (I) => {
+      I.target.closest("[data-tags]") && I.target.nodeName !== "INPUT" || I.target.closest("[data-clear]") || L(A.value);
     },
     handleFocusOut: () => {
       Z();
     },
     handleCaretClick: () => {
-      Z(), $();
+      Z(), M();
     },
-    handleMousedown: (E) => {
-      A.value = !0, c.value && (E.target.isEqualNode(p.value) || E.target.isEqualNode(m.value)) ? setTimeout(() => {
+    handleMousedown: (I) => {
+      A.value = !0, c.value && (I.target.isEqualNode(p.value) || I.target.isEqualNode(m.value)) ? setTimeout(() => {
         Z();
       }, 0) : document.activeElement.isEqualNode(p.value) && !c.value && L(), setTimeout(() => {
         A.value = !1;
@@ -5561,8 +5561,8 @@ function Y3(t, e, a) {
     createTag: u,
     createOption: p,
     reverse: m
-  } = $e(t), w = st().proxy, A = a.iv, _ = a.update, $ = a.search, y = a.setPointer, L = a.selectPointer, Z = a.backwardPointer, W = a.forwardPointer, V = a.multiselect, X = a.wrapper, te = a.tags, E = a.isOpen, J = a.open, g = a.blur, S = a.fo, P = b(() => u.value || p.value || !1), de = b(() => s.value !== void 0 ? s.value : c.value !== void 0 ? c.value : ["enter"]), se = () => {
-    n.value === "tags" && !l.value && P.value && i.value && !r.value && y(S.value[S.value.map((j) => j[d.value]).indexOf($.value)]);
+  } = $e(t), w = st().proxy, A = a.iv, _ = a.update, M = a.search, y = a.setPointer, L = a.selectPointer, Z = a.backwardPointer, W = a.forwardPointer, V = a.multiselect, X = a.wrapper, te = a.tags, I = a.isOpen, J = a.open, g = a.blur, S = a.fo, P = b(() => u.value || p.value || !1), ce = b(() => s.value !== void 0 ? s.value : c.value !== void 0 ? c.value : ["enter"]), se = () => {
+    n.value === "tags" && !l.value && P.value && i.value && !r.value && y(S.value[S.value.map((j) => j[d.value]).indexOf(M.value)]);
   }, re = (j) => {
     let ae = j.length - 1;
     for (; ae >= 0 && (j[ae].remove === !1 || j[ae].disabled); )
@@ -5573,9 +5573,9 @@ function Y3(t, e, a) {
     handleKeydown: (j) => {
       e.emit("keydown", j, w);
       let ae, oe;
-      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(j.key) !== -1 && n.value === "tags" && (ae = [...V.value.querySelectorAll("[data-tags] > *")].filter((k) => k !== te.value), oe = ae.findIndex((k) => k === document.activeElement)), j.key) {
+      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(j.key) !== -1 && n.value === "tags" && (ae = [...V.value.querySelectorAll("[data-tags] > *")].filter(($) => $ !== te.value), oe = ae.findIndex(($) => $ === document.activeElement)), j.key) {
         case "Backspace":
-          if (n.value === "single" || i.value && [null, ""].indexOf($.value) === -1 || A.value.length === 0)
+          if (n.value === "single" || i.value && [null, ""].indexOf(M.value) === -1 || A.value.length === 0)
             return;
           _(re([...A.value]));
           break;
@@ -5583,10 +5583,10 @@ function Y3(t, e, a) {
           if (j.preventDefault(), j.keyCode === 229)
             return;
           if (oe !== -1 && oe !== void 0) {
-            _([...A.value].filter((k, K) => K !== oe)), oe === ae.length - 1 && (ae.length - 1 ? ae[ae.length - 2].focus() : i.value ? te.value.querySelector("input").focus() : X.value.focus());
+            _([...A.value].filter(($, Y) => Y !== oe)), oe === ae.length - 1 && (ae.length - 1 ? ae[ae.length - 2].focus() : i.value ? te.value.querySelector("input").focus() : X.value.focus());
             return;
           }
-          if (de.value.indexOf("enter") === -1 && P.value)
+          if (ce.value.indexOf("enter") === -1 && P.value)
             return;
           se(), L();
           break;
@@ -5597,14 +5597,14 @@ function Y3(t, e, a) {
           }
           if (!P.value)
             return !1;
-          if (de.value.indexOf("space") === -1 && P.value)
+          if (ce.value.indexOf("space") === -1 && P.value)
             return;
           j.preventDefault(), se(), L();
           break;
         case "Tab":
         case ";":
         case ",":
-          if (de.value.indexOf(j.key.toLowerCase()) === -1 || !P.value)
+          if (ce.value.indexOf(j.key.toLowerCase()) === -1 || !P.value)
             return;
           se(), L(), j.preventDefault();
           break;
@@ -5614,12 +5614,12 @@ function Y3(t, e, a) {
         case "ArrowUp":
           if (j.preventDefault(), !l.value)
             return;
-          E.value || J(), Z();
+          I.value || J(), Z();
           break;
         case "ArrowDown":
           if (j.preventDefault(), !l.value)
             return;
-          E.value || J(), W();
+          I.value || J(), W();
           break;
         case "ArrowLeft":
           if (i.value && te.value && te.value.querySelector("input").selectionStart || j.shiftKey || n.value !== "tags" || !A.value || !A.value.length)
@@ -5751,9 +5751,9 @@ function G3(t, e, a) {
     limit: n,
     infinite: s
   } = $e(t), o = a.isOpen, i = a.offset, l = a.search, d = a.pfo, r = a.eo, c = Q(null), u = Q(null), p = b(() => i.value < d.value.length), m = (A) => {
-    const { isIntersecting: _, target: $ } = A[0];
+    const { isIntersecting: _, target: M } = A[0];
     if (_) {
-      const y = $.offsetParent, L = y.scrollTop;
+      const y = M.offsetParent, L = y.scrollTop;
       i.value += n.value == -1 ? 10 : n.value, Oe(() => {
         y.scrollTop = L;
       });
@@ -5787,7 +5787,7 @@ function x3(t, e, a) {
   } = $e(t), u = a.pointer, p = a.iv, m = a.hasSelected, w = a.multipleLabelText, A = Q(null), _ = b(() => {
     let S = [];
     return s && s.value && S.push(s.value), S.push("assist"), S.join("-");
-  }), $ = b(() => {
+  }), M = b(() => {
     let S = [];
     return s && s.value && S.push(s.value), S.push("multiselect-options"), S.join("-");
   }), y = b(() => {
@@ -5806,7 +5806,7 @@ function x3(t, e, a) {
   }, te = (S) => {
     let P = [];
     return s && s.value && P.push(s.value), P.push("multiselect-group"), P.push(S.index), P.join("-");
-  }, E = (S) => {
+  }, I = (S) => {
     let P = [];
     return P.push(S), P.join(" ");
   }, J = (S) => {
@@ -5822,12 +5822,12 @@ function x3(t, e, a) {
     arias: V,
     ariaLabel: W,
     ariaAssist: _,
-    ariaControls: $,
+    ariaControls: M,
     ariaPlaceholder: L,
     ariaMultiselectable: Z,
     ariaActiveDescendant: y,
     ariaOptionId: X,
-    ariaOptionLabel: E,
+    ariaOptionLabel: I,
     ariaGroupId: te,
     ariaGroupLabel: J,
     ariaTagLabel: g
@@ -6671,7 +6671,7 @@ function g5(t, e, a, n, s, o) {
 }
 We.render = g5;
 We.__file = "src/Multiselect.vue";
-const be = /* @__PURE__ */ Y({
+const be = /* @__PURE__ */ K({
   __name: "AoMultiselect",
   props: {
     detached: { type: Boolean },
@@ -6710,7 +6710,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 t;
 }
-Y({
+K({
   props: {
     translation: {
       type: String,
@@ -6747,7 +6747,7 @@ async function Ue(t, 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__ */ Y({
+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({
   __name: "AoActivityTasks",
   props: {
     activityId: {},
@@ -6808,7 +6808,7 @@ const b5 = { class: "ao-tasks" }, w5 = { class: "ao-tasks__list" }, $5 = ["id",
             key: m.id,
             class: "ao-subtask"
           }, [
-            ((w = u.isCheckable) == null ? void 0 : w.call(u, m)) ?? !1 ? (f(), N(fe, {
+            ((w = u.isCheckable) == null ? void 0 : w.call(u, m)) ?? !1 ? (f(), N(de, {
               key: 0,
               class: "ao-subtask__check",
               "icon-name": m.isDone ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
@@ -6839,17 +6839,17 @@ const b5 = { class: "ao-tasks" }, w5 = { class: "ao-tasks__list" }, $5 = ["id",
               caret: u.isEditable,
               onChange: (_) => r(_, m.id)
             }, {
-              tag: U(({ option: _, handleTagRemove: $ }) => [
-                I(gt, {
+              tag: U(({ option: _, handleTagRemove: M }) => [
+                E(gt, {
                   "user-name": _.label,
                   "avatar-url": _.avatar,
                   "is-closable": !0,
-                  onClose: (y) => $(_, y)
+                  onClose: (y) => M(_, y)
                 }, null, 8, ["user-name", "avatar-url", "onClose"])
               ]),
               _: 2
             }, 1032, ["value", "options", "placeholder", "disabled", "caret", "onChange"])) : T("", !0),
-            u.isEditable ? (f(), N(fe, {
+            u.isEditable ? (f(), N(de, {
               key: 2,
               class: "ao-subtask__delete",
               "icon-name": "CancelRounded",
@@ -6862,7 +6862,7 @@ const b5 = { class: "ao-tasks" }, w5 = { class: "ao-tasks__list" }, $5 = ["id",
         }), 128))
       ]),
       v("div", M5, [
-        u.isEditable ? (f(), N(fe, {
+        u.isEditable ? (f(), N(de, {
           key: 0,
           label: u.$t("activity.tasks.add"),
           "icon-name": "Add",
@@ -6880,7 +6880,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__ */ Y({
+}, 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({
   __name: "AoActivityDetailsFiles",
   props: {
     attachments: {},
@@ -6947,14 +6947,14 @@ const A5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], T5 = {
               target: "_blank",
               rel: "noopener noreferrer"
             }, [
-              I(ce, {
+              E(fe, {
                 class: "ao-file__icon",
                 name: "AttachFileRounded",
                 size: "sm"
               }),
               v("span", E5, q(p.name), 1)
             ], 8, S5),
-            r.isEditable ? (f(), N(fe, {
+            r.isEditable ? (f(), N(de, {
               key: 0,
               class: "ao-files__delete-button",
               "icon-name": "DeleteOutlineRounded",
@@ -6987,7 +6987,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__ */ Y({
+}, U5 = /* @__PURE__ */ K({
   __name: "AoComment",
   props: {
     user: {},
@@ -7010,11 +7010,11 @@ const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { c
       Oe(() => {
         var _;
         if (!o.value) {
-          const $ = (_ = s.value) == null ? void 0 : _.getClientRects().length;
-          A.value = $ || 2;
+          const M = (_ = s.value) == null ? void 0 : _.getClientRects().length;
+          A.value = M || 2;
         }
       });
-    }), (_, $) => {
+    }), (_, M) => {
       var y;
       return f(), h("li", H5, [
         n.value ? (f(), N(gt, {
@@ -7046,14 +7046,14 @@ const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { c
         ]),
         _.isEditable ? (f(), h("div", R5, [
           z(o) ? (f(), h(ve, { key: 0 }, [
-            I(fe, {
+            E(de, {
               "icon-name": "CloseRounded",
               size: "sm",
               variant: "ghost",
               color: "neutral",
               onClick: z(p)
             }, null, 8, ["onClick"]),
-            I(fe, {
+            E(de, {
               "icon-name": "CheckSmallRounded",
               size: "sm",
               variant: "solid",
@@ -7061,14 +7061,14 @@ const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { c
               onClick: z(m)
             }, null, 8, ["onClick"])
           ], 64)) : (f(), h(ve, { key: 1 }, [
-            I(fe, {
+            E(de, {
               label: _.$t("activity.comment.delete"),
               size: "sm",
               variant: "ghost",
               color: "neutral",
               onClick: w
             }, null, 8, ["label"]),
-            I(fe, {
+            E(de, {
               label: _.$t("activity.comment.edit"),
               size: "sm",
               variant: "ghost",
@@ -7084,7 +7084,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__ */ Y({
+}, 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({
   __name: "AoActivityDetailsComments",
   props: {
     comments: { default: () => [] },
@@ -7157,7 +7157,7 @@ const j5 = {
               ])
             ]),
             v("div", W5, [
-              I(fe, {
+              E(de, {
                 type: "submit",
                 "icon-name": "SendRounded",
                 color: "primary",
@@ -7189,7 +7189,7 @@ const K5 = {
 }, L7 = { class: "ao-field ao-field--multiselect" }, V7 = { class: "ao-field__label" }, D7 = {
   key: 0,
   class: "ao-activity-details__aside"
-}, H7 = { class: "ao-fieldset__title" }, P7 = { class: "ao-fieldset__title" }, U1 = /* @__PURE__ */ Y({
+}, H7 = { class: "ao-fieldset__title" }, P7 = { class: "ao-fieldset__title" }, U1 = /* @__PURE__ */ K({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -7297,7 +7297,7 @@ const K5 = {
       e("addSubtask", g);
     }, _ = (g) => {
       e("updateSubtask", g);
-    }, $ = (g) => {
+    }, M = (g) => {
       e("deleteSubtask", g);
     }, y = b(() => {
       var g;
@@ -7344,7 +7344,7 @@ const K5 = {
         ...g,
         activityId: a.activity.id
       });
-    }, E = (g) => {
+    }, I = (g) => {
       e("updateComment", g);
     }, J = (g) => {
       e("removeComment", g);
@@ -7354,7 +7354,7 @@ const K5 = {
     }, {
       header: U(() => [
         g.breadcrumbs ? (f(), h("div", K5, q(g.breadcrumbs), 1)) : T("", !0),
-        I(Ce, {
+        E(Ce, {
           title: g.activity.name || "",
           level: 4,
           "is-editable": g.isEditable,
@@ -7365,7 +7365,7 @@ const K5 = {
           return [
             V.value ? (f(), h("label", G5, [
               v("span", x5, q(g.$t("activity.status.label")), 1),
-              I(be, {
+              E(be, {
                 options: V.value,
                 value: (P = g.activity.status) == null ? void 0 : P.id,
                 "can-clear": !1,
@@ -7459,8 +7459,8 @@ const K5 = {
           ]),
           l.value ? T("", !0) : (f(), h("fieldset", v7, [
             v("div", p7, [
-              I(ce, { name: "AccountBoxSharp" }),
-              I(Ce, {
+              E(fe, { name: "AccountBoxSharp" }),
+              E(Ce, {
                 level: 4,
                 title: g.$t("activity.assignee.title")
               }, null, 8, ["title"])
@@ -7468,7 +7468,7 @@ const K5 = {
             v("div", h7, [
               v("div", m7, [
                 v("div", C7, [
-                  I(be, {
+                  E(be, {
                     modelValue: L.value,
                     "onUpdate:modelValue": S[4] || (S[4] = (P) => L.value = P),
                     options: y.value,
@@ -7483,13 +7483,13 @@ const K5 = {
                   }, {
                     tag: U(({
                       option: P,
-                      handleTagRemove: de
+                      handleTagRemove: ce
                     }) => [
-                      I(gt, {
+                      E(gt, {
                         "user-name": P.label,
                         "avatar-url": P.avatar,
                         "is-closable": !0,
-                        onClose: (se) => de(P, se)
+                        onClose: (se) => ce(P, se)
                       }, null, 8, ["user-name", "avatar-url", "onClose"])
                     ]),
                     _: 1
@@ -7500,14 +7500,14 @@ const K5 = {
           ])),
           v("fieldset", _7, [
             v("div", g7, [
-              I(ce, { name: "SelectCheckBox" }),
-              I(Ce, {
+              E(fe, { name: "SelectCheckBox" }),
+              E(Ce, {
                 level: 4,
                 title: g.$t("activity.tasks.title")
               }, null, 8, ["title"])
             ]),
             v("div", y7, [
-              I(k5, {
+              E(k5, {
                 class: "ao-activity-details__tasks ao-field__row",
                 tasks: g.activity.tasks || [],
                 "activity-id": g.activity.id,
@@ -7517,14 +7517,14 @@ const K5 = {
                 "is-template": g.isTemplate,
                 onAdd: A,
                 onUpdate: _,
-                onDelete: $
+                onDelete: M
               }, null, 8, ["tasks", "activity-id", "users", "is-checkable", "is-editable", "is-template"])
             ])
           ]),
           v("fieldset", b7, [
             v("div", w7, [
-              I(ce, { name: "FlowsheetOutlineRounded" }),
-              I(Ce, {
+              E(fe, { name: "FlowsheetOutlineRounded" }),
+              E(Ce, {
                 level: 4,
                 title: g.$t("activity.dependencies.title")
               }, null, 8, ["title"])
@@ -7533,7 +7533,7 @@ const K5 = {
               v("div", M7, [
                 v("label", k7, [
                   v("span", A7, q(g.$t("activity.dependingOn.label")), 1),
-                  I(be, {
+                  E(be, {
                     modelValue: u.value,
                     "onUpdate:modelValue": S[5] || (S[5] = (P) => u.value = P),
                     mode: "tags",
@@ -7548,7 +7548,7 @@ const K5 = {
               v("div", T7, [
                 v("label", S7, [
                   v("span", E7, q(g.$t("activity.blocking.label")), 1),
-                  I(be, {
+                  E(be, {
                     modelValue: m.value,
                     "onUpdate:modelValue": S[6] || (S[6] = (P) => m.value = P),
                     mode: "tags",
@@ -7566,7 +7566,7 @@ const K5 = {
             d.value ? (f(), h("div", O7, [
               v("label", L7, [
                 v("span", V7, q(g.$t("activity.type.label")), 1),
-                I(be, {
+                E(be, {
                   modelValue: r.value,
                   "onUpdate:modelValue": S[7] || (S[7] = (P) => r.value = P),
                   mode: "single",
@@ -7583,31 +7583,31 @@ const K5 = {
         ]),
         g.isTemplate !== !0 && g.userId ? (f(), h("div", D7, [
           v("div", H7, [
-            I(ce, { name: "AttachFileRounded" }),
-            I(Ce, {
+            E(fe, { name: "AttachFileRounded" }),
+            E(Ce, {
               level: 4,
               title: g.$t("activity.attachments.title")
             }, null, 8, ["title"])
           ]),
-          I(D5, {
+          E(D5, {
             attachments: g.activity.attachments,
             "is-editable": g.isEditable,
             onAdd: Z,
             onRemove: W
           }, null, 8, ["attachments", "is-editable"]),
           v("div", P7, [
-            I(ce, { name: "ChatOutline" }),
-            I(Ce, {
+            E(fe, { name: "ChatOutline" }),
+            E(Ce, {
               level: 4,
               title: g.$t("activity.comments.title")
             }, null, 8, ["title"])
           ]),
-          I(Y5, {
+          E(Y5, {
             comments: g.activity.comments,
             users: g.users,
             "user-id": g.userId,
             onCreateComment: te,
-            onUpdateComment: E,
+            onUpdateComment: I,
             onRemoveComment: J
           }, null, 8, ["comments", "users", "user-id"])
         ])) : T("", !0)
@@ -7616,7 +7616,7 @@ const K5 = {
     }));
   }
 });
-const B7 = /* @__PURE__ */ Y({
+const B7 = /* @__PURE__ */ K({
   __name: "AoRuleLine",
   props: {
     rule: {},
@@ -7633,10 +7633,10 @@ const B7 = /* @__PURE__ */ Y({
       get() {
         return n.value;
       },
-      set($) {
-        n.value = $, e("update:rule", {
+      set(M) {
+        n.value = M, e("update:rule", {
           ...a.rule,
-          itemType: $,
+          itemType: M,
           subItemId: void 0
         });
       }
@@ -7644,10 +7644,10 @@ const B7 = /* @__PURE__ */ Y({
       get() {
         return a.rule.subItemId;
       },
-      set($) {
+      set(M) {
         e("update:rule", {
           ...a.rule,
-          subItemId: $,
+          subItemId: M,
           itemType: a.rule.itemType || s.value
         });
       }
@@ -7665,49 +7665,49 @@ const B7 = /* @__PURE__ */ Y({
       get() {
         return d.value;
       },
-      set($) {
-        e("update:rule", { ...a.rule, comparator: $ });
+      set(M) {
+        e("update:rule", { ...a.rule, comparator: M });
       }
     }), c = b(() => Object.values(bd)), u = vt(a.rule.trigger), p = b({
       get() {
         return u.value;
       },
-      set($) {
-        e("update:rule", { ...a.rule, trigger: $ });
+      set(M) {
+        e("update:rule", { ...a.rule, trigger: M });
       }
     }), m = b(() => Object.values(wd)), w = b({
       get() {
         return a.rule.duration;
       },
-      set($) {
-        e("update:rule", { ...a.rule, duration: $ });
+      set(M) {
+        e("update:rule", { ...a.rule, duration: M });
       }
     }), A = b({
       get() {
         return a.rule.durationUnit;
       },
-      set($) {
-        e("update:rule", { ...a.rule, durationUnit: $ });
+      set(M) {
+        e("update:rule", { ...a.rule, durationUnit: M });
       }
     }), _ = b(() => Object.values($d));
-    return ($, y) => (f(), N(Xe($.tagName), { class: "ao-rule-line" }, {
+    return (M, y) => (f(), N(Xe(M.tagName), { class: "ao-rule-line" }, {
       default: U(() => [
-        I(z(We), {
+        E(z(We), {
           modelValue: s.value,
           "onUpdate:modelValue": y[0] || (y[0] = (L) => s.value = L),
           options: o.value
         }, null, 8, ["modelValue", "options"]),
-        I(z(We), {
+        E(z(We), {
           modelValue: i.value,
           "onUpdate:modelValue": y[1] || (y[1] = (L) => i.value = L),
           options: l.value
         }, null, 8, ["modelValue", "options"]),
-        I(z(We), {
+        E(z(We), {
           modelValue: p.value,
           "onUpdate:modelValue": y[2] || (y[2] = (L) => p.value = L),
           options: m.value
         }, null, 8, ["modelValue", "options"]),
-        I(z(We), {
+        E(z(We), {
           modelValue: r.value,
           "onUpdate:modelValue": y[3] || (y[3] = (L) => r.value = L),
           options: c.value
@@ -7724,23 +7724,23 @@ const B7 = /* @__PURE__ */ Y({
             { number: !0 }
           ]
         ]),
-        I(z(We), {
+        E(z(We), {
           modelValue: A.value,
           "onUpdate:modelValue": y[5] || (y[5] = (L) => A.value = L),
           options: _.value
         }, null, 8, ["modelValue", "options"]),
-        I(fe, {
+        E(de, {
           class: "ao-rule-line__remove",
           "icon-name": "CloseRounded",
           variant: "ghost",
-          onClick: y[6] || (y[6] = (L) => $.$emit("close"))
+          onClick: y[6] || (y[6] = (L) => M.$emit("close"))
         })
       ]),
       _: 1
     }));
   }
 });
-const N7 = { class: "ao-template-rules__body" }, R7 = { class: "ao-template-rules__list" }, U7 = /* @__PURE__ */ Y({
+const N7 = { class: "ao-template-rules__body" }, R7 = { class: "ao-template-rules__list" }, U7 = /* @__PURE__ */ K({
   __name: "AoTemplateRules",
   props: {
     templateId: {},
@@ -7758,7 +7758,7 @@ const N7 = { class: "ao-template-rules__body" }, R7 = { class: "ao-template-rule
     };
     return (s, o) => (f(), N(D1, null, {
       header: U(() => [
-        I(Ce, {
+        E(Ce, {
           title: s.$t("template.rules.title"),
           level: 2
         }, null, 8, ["title"])
@@ -7776,7 +7776,7 @@ const N7 = { class: "ao-template-rules__body" }, R7 = { class: "ao-template-rule
               onClose: () => n(i.id)
             }, null, 8, ["rule", "template-phases", "template-milestones", "template-activities", "onClose"]))), 128))
           ]),
-          I(Je, {
+          E(Je, {
             label: s.$t("template.rules.add"),
             "icon-name": "Add",
             onClick: a
@@ -7797,7 +7797,7 @@ function ht(t, e, a) {
 const j7 = {
   key: 0,
   class: "ao-template-details"
-}, Z7 = { class: "ao-template-details__body" }, F7 = { class: "ao-template-details__cols" }, q7 = { class: "ao-template-details__col" }, z7 = { class: "ao-list__footer" }, W7 = { class: "ao-template-details__col" }, Y7 = { class: "ao-template-details__col" }, K7 = /* @__PURE__ */ Y({
+}, Z7 = { class: "ao-template-details__body" }, F7 = { class: "ao-template-details__cols" }, q7 = { class: "ao-template-details__col" }, z7 = { class: "ao-list__footer" }, W7 = { class: "ao-template-details__col" }, Y7 = { class: "ao-template-details__col" }, K7 = /* @__PURE__ */ K({
   __name: "AoTemplateDetails",
   props: {
     templateId: {},
@@ -7812,8 +7812,8 @@ const j7 = {
   setup(t, { emit: e }) {
     const a = t, { t: n } = nt(), s = b(
       () => {
-        var M;
-        return (M = a.templates) == null ? void 0 : M.find((F) => F.id === a.templateId);
+        var k;
+        return (k = a.templates) == null ? void 0 : k.find((F) => F.id === a.templateId);
       }
     ), o = Q(!1);
     ue(
@@ -7821,68 +7821,68 @@ const j7 = {
       () => o.value = !1
     ), ue(
       () => {
-        var M;
-        return (M = s.value) == null ? void 0 : M.phases;
+        var k;
+        return (k = s.value) == null ? void 0 : k.phases;
       },
-      (M, F) => {
-        o.value && Ue(M, F);
+      (k, F) => {
+        o.value && Ue(k, F);
       }
     );
     const i = b(() => {
-      var M, F;
-      return (F = (M = s == null ? void 0 : s.value) == null ? void 0 : M.phases) == null ? void 0 : F.find((j) => j.id === a.phaseId);
+      var k, F;
+      return (F = (k = s == null ? void 0 : s.value) == null ? void 0 : k.phases) == null ? void 0 : F.find((j) => j.id === a.phaseId);
     });
     ue(
       () => {
-        var M;
-        return (M = i.value) == null ? void 0 : M.milestones;
+        var k;
+        return (k = i.value) == null ? void 0 : k.milestones;
       },
-      (M, F) => {
-        o.value && Ue(M, F);
+      (k, F) => {
+        o.value && Ue(k, F);
       }
     );
     const l = b(() => {
-      var M, F;
-      return (F = (M = i.value) == null ? void 0 : M.milestones) == null ? void 0 : F.find(
+      var k, F;
+      return (F = (k = i.value) == null ? void 0 : k.milestones) == null ? void 0 : F.find(
         (j) => j.id === a.milestoneId
       );
     });
     ue(
       () => {
-        var M;
-        return (M = l.value) == null ? void 0 : M.activities;
+        var k;
+        return (k = l.value) == null ? void 0 : k.activities;
       },
-      (M, F) => {
-        o.value && Ue(M, F);
+      (k, F) => {
+        o.value && Ue(k, F);
       }
     );
     const d = b(() => {
-      var M, F;
-      return ((F = (M = s.value) == null ? void 0 : M.phases) == null ? void 0 : F.reduce((j, ae) => {
+      var k, F;
+      return ((F = (k = s.value) == null ? void 0 : k.phases) == null ? void 0 : F.reduce((j, ae) => {
         const oe = ae.milestones || [];
         return [...j, ...oe];
       }, [])) || [];
     }), r = b(() => {
-      var M, F;
-      return ((F = (M = s.value) == null ? void 0 : M.phases) == null ? void 0 : F.reduce((j, ae) => {
-        const k = (ae.milestones || []).reduce(
-          (K, ie) => ie.activities ? [...K, ...ie.activities] : K,
+      var k, F;
+      return ((F = (k = s.value) == null ? void 0 : k.phases) == null ? void 0 : F.reduce((j, ae) => {
+        const $ = (ae.milestones || []).reduce(
+          (Y, ie) => ie.activities ? [...Y, ...ie.activities] : Y,
           []
         );
-        return [...j, ...k];
+        return [...j, ...$];
       }, [])) || [];
     }), c = b(() => {
-      var M, F;
-      return (F = (M = l.value) == null ? void 0 : M.activities) == null ? void 0 : F.find(
+      var k, F;
+      return (F = (k = l.value) == null ? void 0 : k.activities) == null ? void 0 : F.find(
         (j) => j.id === a.activityId
       );
     }), u = b(() => {
-      var M;
-      return ((M = s.value) == null ? void 0 : M.name) || a.templateId;
+      var k;
+      return ((k = s.value) == null ? void 0 : k.name) || a.templateId;
     }), p = () => {
       if (!s.value)
         return;
-      const { name: M, rank: F } = ht(
+      const { name: k, rank: F } = ht(
         s.value.phases,
         "phase",
         n
@@ -7891,35 +7891,35 @@ const j7 = {
         type: he.PHASES,
         templateId: a.templateId,
         item: {
-          name: M,
+          name: k,
           rank: F
         }
       });
-    }, m = (M) => {
+    }, m = (k) => {
       e("updateItem", {
         templateId: a.templateId,
         id: a.templateId,
         itemType: he.TEMPLATES,
-        data: { name: M }
+        data: { name: k }
       });
-    }, w = (M) => {
+    }, w = (k) => {
       e("removeItem", {
         type: he.PHASES,
         templateId: a.templateId,
         data: {
-          id: M
+          id: k
         }
       });
-    }, A = (M, F) => {
+    }, A = (k, F) => {
       e("updateItem", {
         templateId: a.templateId,
-        id: M,
+        id: k,
         itemType: he.PHASES,
         data: { name: F }
       });
-    }, _ = (M) => {
-      e("updateItem", M);
-    }, $ = (M) => {
+    }, _ = (k) => {
+      e("updateItem", k);
+    }, M = (k) => {
       if (!i.value)
         return;
       const { name: F, rank: j } = ht(
@@ -7930,32 +7930,32 @@ const j7 = {
       o.value = !0, e("addItem", {
         type: he.MILESTONES,
         templateId: a.templateId,
-        phaseId: M.phaseId,
+        phaseId: k.phaseId,
         item: {
           name: F,
           rank: j,
-          phaseId: M.phaseId
+          phaseId: k.phaseId
         }
       });
-    }, y = (M) => {
+    }, y = (k) => {
       e("removeItem", {
         type: he.MILESTONES,
         templateId: a.templateId,
-        phaseId: M.phaseId,
+        phaseId: k.phaseId,
         data: {
-          id: M.id
+          id: k.id
         }
       });
-    }, L = (M) => {
-      const { id: F, ...j } = M;
+    }, L = (k) => {
+      const { id: F, ...j } = k;
       e("updateItem", {
         itemType: he.MILESTONES,
         id: F,
         templateId: a.templateId,
         data: j
       });
-    }, Z = (M) => {
-      const { milestoneId: F } = M;
+    }, Z = (k) => {
+      const { milestoneId: F } = k;
       if (!l.value)
         return;
       const { name: j, rank: ae } = ht(
@@ -7969,7 +7969,7 @@ const j7 = {
         templateId: a.templateId,
         item: { name: j, rank: ae, milestoneId: F }
       });
-    }, W = (M) => {
+    }, W = (k) => {
       var F, j;
       e("removeItem", {
         type: he.ACTIVITIES,
@@ -7977,11 +7977,11 @@ const j7 = {
         phaseId: (F = i.value) == null ? void 0 : F.id,
         milestoneId: (j = l.value) == null ? void 0 : j.id,
         data: {
-          id: M.id
+          id: k.id
         }
       });
-    }, V = (M) => {
-      const { id: F, ...j } = M;
+    }, V = (k) => {
+      const { id: F, ...j } = k;
       e("updateItem", {
         itemType: he.ACTIVITIES,
         id: F,
@@ -7990,62 +7990,62 @@ const j7 = {
       });
     }, X = Q(!1), te = () => {
       X.value = !X.value;
-    }, E = () => {
+    }, I = () => {
       e("addRule", { templateId: a.templateId });
-    }, J = (M) => {
-      e("removeRule", { id: M, templateId: a.templateId });
-    }, g = (M) => {
+    }, J = (k) => {
+      e("removeRule", { id: k, templateId: a.templateId });
+    }, g = (k) => {
       var F;
-      if (M.moved) {
-        const j = Rt(M, ((F = s.value) == null ? void 0 : F.phases) ?? []);
+      if (k.moved) {
+        const j = Rt(k, ((F = s.value) == null ? void 0 : F.phases) ?? []);
         e("updateItem", {
           itemType: he.PHASES,
-          id: M.moved.element.id,
+          id: k.moved.element.id,
           templateId: a.templateId,
           data: {
             rank: j
           }
         });
       }
-    }, S = (M) => {
+    }, S = (k) => {
       !i.value || !l.value || !c.value || e("addItem", {
         type: he.TASKS,
-        activityId: M.activityId,
+        activityId: k.activityId,
         milestoneId: l.value.id,
         phaseId: i.value.id,
         templateId: a.templateId,
-        item: M
+        item: k
       });
-    }, P = (M) => {
+    }, P = (k) => {
       !i.value || !l.value || !c.value || e("updateItem", {
         itemType: he.TASKS,
-        id: M.id,
+        id: k.id,
         templateId: a.templateId,
-        data: M
+        data: k
       });
-    }, de = (M) => {
+    }, ce = (k) => {
       !i.value || !l.value || !c.value || e("removeItem", {
         type: he.TASKS,
         activityId: c.value.id,
         milestoneId: l.value.id,
         phaseId: i.value.id,
         templateId: a.templateId,
-        data: M
+        data: k
       });
-    }, se = (M) => {
-      e("addFiles", M);
-    }, re = (M) => {
-      e("removeFile", M);
+    }, se = (k) => {
+      e("addFiles", k);
+    }, re = (k) => {
+      e("removeFile", k);
     };
-    return (M, F) => {
-      var j, ae, oe, k, K, ie;
+    return (k, F) => {
+      var j, ae, oe, $, Y, ie;
       return s.value ? (f(), h("div", j7, [
-        I(d1, {
+        E(d1, {
           "can-go-back": !0,
-          onGoBack: F[1] || (F[1] = (H) => M.$router.push({ name: z(ft).TEMPLATES_LIST }))
+          onGoBack: F[1] || (F[1] = (H) => k.$router.push({ name: z(ft).TEMPLATES_LIST }))
         }, {
           primary: U(() => [
-            I(Ce, {
+            E(Ce, {
               title: u.value,
               level: 2,
               "is-editable": !0,
@@ -8059,7 +8059,7 @@ const j7 = {
         v("div", Z7, [
           v("ol", F7, [
             v("li", q7, [
-              I(z(Qe), {
+              E(z(Qe), {
                 "model-value": s.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -8067,8 +8067,8 @@ const j7 = {
                 onChange: g
               }, {
                 header: U(() => [
-                  I(Ce, {
-                    title: M.$t("template.phases.title"),
+                  E(Ce, {
+                    title: k.$t("template.phases.title"),
                     level: 3,
                     class: "ao-list__title"
                   }, null, 8, ["title"])
@@ -8076,14 +8076,14 @@ const j7 = {
                 item: U(({ element: H }) => {
                   var O;
                   return [
-                    I(W0, {
+                    E(W0, {
                       id: H.id,
                       name: H.name,
                       milestones: H.milestones,
                       "is-active": ((O = i.value) == null ? void 0 : O.id) === H.id,
                       "is-draggable": !0,
-                      onClick: (R) => M.$router.push({
-                        params: { templateId: M.templateId, phaseId: H.id }
+                      onClick: (R) => k.$router.push({
+                        params: { templateId: k.templateId, phaseId: H.id }
                       }),
                       "onUpdate:title": (R) => {
                         A(H.id, R);
@@ -8094,9 +8094,9 @@ const j7 = {
                 }),
                 footer: U(() => [
                   v("div", z7, [
-                    I(Je, {
+                    E(Je, {
                       "icon-name": "AddBoxOutlineRounded",
-                      label: M.$t("template.phases.add"),
+                      label: k.$t("template.phases.add"),
                       onClick: p
                     }, null, 8, ["label"])
                   ])
@@ -8107,10 +8107,10 @@ const j7 = {
             v("li", W7, [
               i.value ? (f(), N(G0, {
                 key: 0,
-                "template-id": M.templateId,
+                "template-id": k.templateId,
                 phase: i.value,
                 "milestone-id": (j = l.value) == null ? void 0 : j.id,
-                onAddMilestone: $,
+                onAddMilestone: M,
                 onUpdateMilestone: L,
                 onUpdatePhase: _,
                 onRemoveMilestone: y
@@ -8119,7 +8119,7 @@ const j7 = {
             v("li", Y7, [
               i.value && l.value ? (f(), N(Q0, {
                 key: 0,
-                "template-id": M.templateId,
+                "template-id": k.templateId,
                 "phase-id": (ae = i.value) == null ? void 0 : ae.id,
                 milestone: l.value,
                 "activity-id": (oe = c.value) == null ? void 0 : oe.id,
@@ -8134,26 +8134,26 @@ const j7 = {
           c.value ? (f(), N(U1, {
             key: 0,
             activity: c.value,
-            "activity-types": M.activityTypes,
-            breadcrumbs: `${s.value.name} / ${(k = i.value) == null ? void 0 : k.name} / ${(K = l.value) == null ? void 0 : K.name}`,
+            "activity-types": k.activityTypes,
+            breadcrumbs: `${s.value.name} / ${($ = i.value) == null ? void 0 : $.name} / ${(Y = l.value) == null ? void 0 : Y.name}`,
             "milestone-id": (ie = l.value) == null ? void 0 : ie.id,
             "template-activities": r.value,
             "template-milestones": d.value,
             "is-template": !0,
             "is-editable": !0,
-            users: M.users,
+            users: k.users,
             "onUpdate:activity": F[2] || (F[2] = (H) => {
               c.value && V(H);
             }),
-            onClose: M.$router.back,
+            onClose: k.$router.back,
             onAddSubtask: S,
             onUpdateSubtask: P,
-            onDeleteSubtask: de,
+            onDeleteSubtask: ce,
             onAddFiles: se,
             onRemoveFile: re
           }, {
             default: U((H) => [
-              x(M.$slots, "activityDetailsBody", Ht(Pt(H)))
+              x(k.$slots, "activityDetailsBody", Ht(Pt(H)))
             ]),
             _: 3
           }, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "users", "onClose"])) : T("", !0)
@@ -8167,7 +8167,7 @@ const j7 = {
             "template-milestones": d.value,
             "template-activities": r.value,
             onClose: te,
-            onAddRule: E,
+            onAddRule: I,
             onRemoveRule: J
           }, null, 8, ["template-id", "rules", "template-phases", "template-milestones", "template-activities"])) : T("", !0)
         ]))
@@ -8181,7 +8181,7 @@ const G7 = {
 }, x7 = { class: "ao-card__body" }, X7 = {
   key: 1,
   class: "ao-card__footer"
-}, j1 = /* @__PURE__ */ Y({
+}, j1 = /* @__PURE__ */ K({
   __name: "AoCard",
   props: {
     isClickable: { type: Boolean },
@@ -8206,7 +8206,7 @@ const G7 = {
     }, 8, ["class"]));
   }
 });
-const Z1 = /* @__PURE__ */ Y({
+const Z1 = /* @__PURE__ */ K({
   __name: "AoProgress",
   props: {
     percentages: {},
@@ -8229,7 +8229,7 @@ const Z1 = /* @__PURE__ */ Y({
 const Q7 = { class: "ao-card-project-phase__header" }, J7 = { class: "ao-card-project-phase__footer" }, e9 = { class: "ao-card-project-phase__footer-row" }, t9 = { class: "ao-card-project-phase__subitem" }, a9 = { class: "ao-card-project-phase__subitem" }, s9 = {
   key: 1,
   class: "ao-card-project-phase__secondary"
-}, n9 = /* @__PURE__ */ Y({
+}, n9 = /* @__PURE__ */ K({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -8251,7 +8251,7 @@ const Q7 = { class: "ao-card-project-phase__header" }, J7 = { class: "ao-card-pr
     }), i = b(() => (o.value || 0) / (s.value || 1));
     return (l, d) => (f(), N(j1, { class: "ao-card-project-phase" }, s1({
       default: U(() => [
-        I(Ce, {
+        E(Ce, {
           id: l.id,
           class: "ao-card-project-phase__title",
           title: l.name || "",
@@ -8265,13 +8265,13 @@ const Q7 = { class: "ao-card-project-phase__header" }, J7 = { class: "ao-card-pr
           v("div", e9, [
             s.value ? (f(), h(ve, { key: 0 }, [
               v("div", t9, [
-                I(ce, {
+                E(fe, {
                   name: "MountainFlagOutlineRounded",
                   size: "sm"
                 }),
                 v("span", a9, q(o.value) + " / " + q(s.value), 1)
               ]),
-              I(Z1, {
+              E(Z1, {
                 percentages: i.value,
                 class: "ao-card-project-phase__progress"
               }, null, 8, ["percentages"])
@@ -8288,7 +8288,7 @@ const Q7 = { class: "ao-card-project-phase__header" }, J7 = { class: "ao-card-pr
         name: "header",
         fn: U(() => [
           v("div", Q7, [
-            I(fe, {
+            E(de, {
               class: "ao-card-project-phase__archive",
               color: "primary",
               variant: "ghost",
@@ -8312,7 +8312,7 @@ const i9 = { class: "ao-card-project-milestone__default" }, o9 = {
 }, l9 = { class: "ao-card-project-phase__footer" }, r9 = { class: "ao-card-project-phase__footer-row" }, u9 = { class: "ao-card-project-phase__subitem" }, d9 = { class: "ao-card-project-phase__subitem" }, c9 = {
   key: 1,
   class: "ao-card-project-phase__secondary"
-}, f9 = /* @__PURE__ */ Y({
+}, f9 = /* @__PURE__ */ K({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -8339,7 +8339,7 @@ const i9 = { class: "ao-card-project-milestone__default" }, o9 = {
     }, {
       default: U(() => [
         v("div", i9, [
-          I(Ce, {
+          E(Ce, {
             id: l.id,
             title: l.name || "",
             level: 5,
@@ -8348,7 +8348,7 @@ const i9 = { class: "ao-card-project-milestone__default" }, o9 = {
             "onUpdate:title": i
           }, null, 8, ["id", "title", "is-editable"]),
           l.isEditable ? (f(), h("div", o9, [
-            I(fe, {
+            E(de, {
               color: "primary",
               variant: "ghost",
               "icon-name": "ArchiveOutlineRounded",
@@ -8366,13 +8366,13 @@ const i9 = { class: "ao-card-project-milestone__default" }, o9 = {
           v("div", r9, [
             n.value ? (f(), h(ve, { key: 0 }, [
               v("div", u9, [
-                I(ce, {
+                E(fe, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
                 v("span", d9, q(s.value) + " / " + q(n.value), 1)
               ]),
-              I(Z1, {
+              E(Z1, {
                 percentages: o.value,
                 class: "ao-card-project-phase__progress"
               }, null, 8, ["percentages"])
@@ -8390,7 +8390,7 @@ const i9 = { class: "ao-card-project-milestone__default" }, o9 = {
 const v9 = { class: "ao-project-phase" }, p9 = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, h9 = { class: "ao-project-phase__col-phase" }, m9 = { class: "ao-project-phase__col-milestones" }, C9 = { class: "ao-project-phase__milestones" }, _9 = { class: "ao-project-phase__milestones-list-footer" }, g9 = /* @__PURE__ */ Y({
+}, h9 = { class: "ao-project-phase__col-phase" }, m9 = { class: "ao-project-phase__col-milestones" }, C9 = { class: "ao-project-phase__milestones" }, _9 = { class: "ao-project-phase__milestones-list-footer" }, g9 = /* @__PURE__ */ K({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -8425,13 +8425,13 @@ const v9 = { class: "ao-project-phase" }, p9 = {
     };
     return (u, p) => (f(), h("li", v9, [
       u.isEditable ? (f(), h("div", p9, [
-        I(ce, {
+        E(fe, {
           name: "DragIndicator",
           class: "ao-project-phase__drag-handle"
         })
       ])) : T("", !0),
       v("div", h9, [
-        I(n9, {
+        E(n9, {
           id: u.phase.id,
           milestones: o.value,
           name: u.phase.name,
@@ -8442,7 +8442,7 @@ const v9 = { class: "ao-project-phase" }, p9 = {
       ]),
       v("div", m9, [
         v("div", C9, [
-          I(z(Qe), Ee({
+          E(z(Qe), Ee({
             class: "ao-project-phase__milestones-list",
             list: o.value,
             disabled: !u.isEditable,
@@ -8450,7 +8450,7 @@ const v9 = { class: "ao-project-phase" }, p9 = {
             group: "kanban"
           }, u.$attrs, { onChange: c }), {
             item: U(({ element: m }) => [
-              I(f9, {
+              E(f9, {
                 id: m.id,
                 name: m.name,
                 activities: m.activities,
@@ -8485,7 +8485,7 @@ const v9 = { class: "ao-project-phase" }, p9 = {
 const y9 = { class: "ao-project__phases" }, b9 = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, w9 = /* @__PURE__ */ v("div", { class: "ao-project-phase__empty_drag" }, null, -1), $9 = { class: "ao-project-phase__col-phase" }, M9 = /* @__PURE__ */ v("div", { class: "ao-project-phase__col-milestones" }, null, -1), k9 = /* @__PURE__ */ Y({
+}, w9 = /* @__PURE__ */ v("div", { class: "ao-project-phase__empty_drag" }, null, -1), $9 = { class: "ao-project-phase__col-phase" }, M9 = /* @__PURE__ */ v("div", { class: "ao-project-phase__col-milestones" }, null, -1), k9 = /* @__PURE__ */ K({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -8520,7 +8520,7 @@ const y9 = { class: "ao-project__phases" }, b9 = {
       e("addPhase", c);
     };
     return (c, u) => (f(), h("div", y9, [
-      I(z(Qe), {
+      E(z(Qe), {
         class: "ao-project-phase__phases-list",
         "model-value": c.phases,
         "item-key": "id",
@@ -8528,7 +8528,7 @@ const y9 = { class: "ao-project__phases" }, b9 = {
         onChange: l
       }, {
         item: U(({ element: p }) => [
-          I(g9, {
+          E(g9, {
             phase: p,
             "is-editable": c.isEditable,
             "closed-status": c.closedStatus,
@@ -8544,7 +8544,7 @@ const y9 = { class: "ao-project__phases" }, b9 = {
       c.isEditable ? (f(), h("div", b9, [
         w9,
         v("div", $9, [
-          I(Je, {
+          E(Je, {
             label: c.$t("project.phases.add"),
             "icon-name": "Add",
             class: "ao-project-phase__add-phase",
@@ -8556,7 +8556,7 @@ const y9 = { class: "ao-project__phases" }, b9 = {
     ]));
   }
 });
-const A9 = ["onSubmit"], T9 = { class: "ao-add-template-modal__form-body" }, S9 = { class: "field__row" }, E9 = { class: "ao-add-template-modal__form-footer" }, I9 = /* @__PURE__ */ Y({
+const A9 = ["onSubmit"], T9 = { class: "ao-add-template-modal__form-body" }, S9 = { class: "field__row" }, E9 = { class: "ao-add-template-modal__form-footer" }, I9 = /* @__PURE__ */ K({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -8574,7 +8574,7 @@ const A9 = ["onSubmit"], T9 = { class: "ao-add-template-modal__form-body" }, S9
     };
     return (l, d) => (f(), N(D1, { size: "sm" }, {
       header: U(() => [
-        I(Ce, {
+        E(Ce, {
           title: l.$t("project.template.add.title"),
           level: 3
         }, null, 8, ["title"])
@@ -8586,7 +8586,7 @@ const A9 = ["onSubmit"], T9 = { class: "ao-add-template-modal__form-body" }, S9
         }, [
           v("div", T9, [
             v("div", S9, [
-              I(be, {
+              E(be, {
                 value: s.value,
                 options: n.value,
                 detached: !0,
@@ -8595,7 +8595,7 @@ const A9 = ["onSubmit"], T9 = { class: "ao-add-template-modal__form-body" }, S9
             ])
           ]),
           v("footer", E9, [
-            I(fe, {
+            E(de, {
               label: l.$t("project.template.add.label"),
               type: "submit",
               color: "primary",
@@ -8609,7 +8609,7 @@ const A9 = ["onSubmit"], T9 = { class: "ao-add-template-modal__form-body" }, S9
     }));
   }
 });
-const O9 = Y({
+const O9 = K({
   props: {
     isLeft: {
       type: Boolean,
@@ -8661,7 +8661,7 @@ function V9(t, e, a, n, s, o) {
     }, q(t.rightLabel), 3)
   ]);
 }
-const Ra = /* @__PURE__ */ B(O9, [["render", V9], ["__scopeId", "data-v-c0ae9237"]]), D9 = { class: "ao-project" }, H9 = { class: "ao-project__body" }, P9 = /* @__PURE__ */ Y({
+const Ra = /* @__PURE__ */ B(O9, [["render", V9], ["__scopeId", "data-v-5637c519"]]), D9 = { class: "ao-project" }, H9 = { class: "ao-project__body" }, P9 = /* @__PURE__ */ K({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -8679,89 +8679,89 @@ const Ra = /* @__PURE__ */ B(O9, [["render", V9], ["__scopeId", "data-v-c0ae9237
   emits: ["addPhase", "updatePhase", "archivePhase", "addMilestone", "updateMilestone", "archiveMilestone", "addActivity", "update:activity", "archiveActivity", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment", "applyTemplate", "update:showsArchived"],
   setup(t, { emit: e }) {
     const a = t, { t: n } = nt(), s = b(
-      () => a.phases.flatMap((E) => E.milestones)
+      () => a.phases.flatMap((I) => I.milestones)
     ), o = () => {
-      const { name: E, rank: J } = ht(a.phases, "phase", n);
-      e("addPhase", { name: E, rank: J, projectId: a.project.id });
-    }, i = (E) => {
-      e("updatePhase", E);
-    }, l = (E) => {
-      e("archivePhase", E);
-    }, d = (E) => {
-      e("addMilestone", E);
-    }, r = (E) => {
-      e("updateMilestone", E);
-    }, c = (E) => {
-      e("archiveMilestone", E);
-    }, u = (E) => {
-      e("addActivity", E);
-    }, p = (E) => {
-      e("update:activity", E);
-    }, m = (E) => {
-      e("archiveActivity", E);
-    }, w = (E) => {
-      e("addSubtask", E);
-    }, A = (E) => {
-      e("updateSubtask", E);
-    }, _ = (E) => {
-      e("deleteSubtask", E);
-    }, $ = b(
-      () => s.value.flatMap((E) => E.activities)
-    ), y = (E) => {
-      e("addFiles", E);
-    }, L = (E) => {
-      e("removeFile", E);
-    }, Z = (E) => {
-      e("addComment", E);
-    }, W = (E) => {
-      e("updateComment", E);
-    }, V = (E) => {
-      e("removeComment", E);
-    }, X = Q(!1), te = (E, J) => {
-      e("applyTemplate", { templateId: E, projectId: J }), X.value = !1;
+      const { name: I, rank: J } = ht(a.phases, "phase", n);
+      e("addPhase", { name: I, rank: J, projectId: a.project.id });
+    }, i = (I) => {
+      e("updatePhase", I);
+    }, l = (I) => {
+      e("archivePhase", I);
+    }, d = (I) => {
+      e("addMilestone", I);
+    }, r = (I) => {
+      e("updateMilestone", I);
+    }, c = (I) => {
+      e("archiveMilestone", I);
+    }, u = (I) => {
+      e("addActivity", I);
+    }, p = (I) => {
+      e("update:activity", I);
+    }, m = (I) => {
+      e("archiveActivity", I);
+    }, w = (I) => {
+      e("addSubtask", I);
+    }, A = (I) => {
+      e("updateSubtask", I);
+    }, _ = (I) => {
+      e("deleteSubtask", I);
+    }, M = b(
+      () => s.value.flatMap((I) => I.activities)
+    ), y = (I) => {
+      e("addFiles", I);
+    }, L = (I) => {
+      e("removeFile", I);
+    }, Z = (I) => {
+      e("addComment", I);
+    }, W = (I) => {
+      e("updateComment", I);
+    }, V = (I) => {
+      e("removeComment", I);
+    }, X = Q(!1), te = (I, J) => {
+      e("applyTemplate", { templateId: I, projectId: J }), X.value = !1;
     };
-    return (E, J) => {
+    return (I, J) => {
       const g = hs("RouterView");
       return f(), h(ve, null, [
-        v("div", Ee({ class: "ao-project-overview" }, E.$attrs), [
+        v("div", Ee({ class: "ao-project-overview" }, I.$attrs), [
           v("div", D9, [
-            I(d1, null, {
+            E(d1, null, {
               primary: U(() => [
-                I(Ra, {
+                E(Ra, {
                   "is-left": !0,
-                  "right-label": E.$t("project.switch.feed"),
-                  "left-label": E.$t("project.switch.overview"),
+                  "right-label": I.$t("project.switch.feed"),
+                  "left-label": I.$t("project.switch.overview"),
                   "onUpdate:isLeft": J[0] || (J[0] = (S) => {
-                    S || E.$router.push({ name: z(He).feed });
+                    S || I.$router.push({ name: z(He).feed });
                   })
                 }, null, 8, ["right-label", "left-label"]),
-                I(fe, {
+                E(de, {
                   class: "ao-feed__show-archived",
                   size: "sm",
-                  "icon-name": E.showsArchived ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
+                  "icon-name": I.showsArchived ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
                   "icon-position": "start",
                   color: "primary",
                   variant: "ghost",
-                  label: E.$t("feed.filters.showsArchived.label"),
+                  label: I.$t("feed.filters.showsArchived.label"),
                   role: "checkbox",
-                  "aria-checked": E.showsArchived,
-                  onClick: J[1] || (J[1] = (S) => E.$emit("update:showsArchived", !E.showsArchived))
+                  "aria-checked": I.showsArchived,
+                  onClick: J[1] || (J[1] = (S) => I.$emit("update:showsArchived", !I.showsArchived))
                 }, null, 8, ["icon-name", "label", "aria-checked"]),
-                E.isEditable ? (f(), N(fe, {
+                I.isEditable ? (f(), N(de, {
                   key: 0,
                   class: "ao-project-overview__add-template",
                   color: "primary",
-                  label: E.$t("project.template.add.label"),
+                  label: I.$t("project.template.add.label"),
                   onClick: J[2] || (J[2] = (S) => X.value = !0)
                 }, null, 8, ["label"])) : T("", !0)
               ]),
               _: 1
             }),
             v("div", H9, [
-              I(k9, {
-                phases: E.phases,
-                "closed-status": E.closedStatus,
-                "is-editable": E.isEditable,
+              E(k9, {
+                phases: I.phases,
+                "closed-status": I.closedStatus,
+                "is-editable": I.isEditable,
                 onAddMilestone: d,
                 onUpdateMilestone: r,
                 onArchiveMilestone: c,
@@ -8771,29 +8771,29 @@ const Ra = /* @__PURE__ */ B(O9, [["render", V9], ["__scopeId", "data-v-c0ae9237
               }, null, 8, ["phases", "closed-status", "is-editable"])
             ])
           ]),
-          I(g, {
+          E(g, {
             class: "ao-project__sidebar",
-            phases: E.phases,
-            "project-id": E.project.id,
-            "project-name": E.project.name,
-            users: E.users,
-            "is-editable": E.isEditable,
-            onClose: J[3] || (J[3] = (S) => E.$router.push({ name: z(He).project })),
+            phases: I.phases,
+            "project-id": I.project.id,
+            "project-name": I.project.name,
+            users: I.users,
+            "is-editable": I.isEditable,
+            onClose: J[3] || (J[3] = (S) => I.$router.push({ name: z(He).project })),
             onAddActivity: u,
             onUpdateActivity: p,
             onArchiveActivity: m
           }, null, 8, ["phases", "project-id", "project-name", "users", "is-editable"]),
           (f(), N(It, { to: "body" }, [
-            I(g, {
+            E(g, {
               name: "modal",
-              activities: $.value,
-              "is-task-checkable": E.isTaskCheckable,
-              statuses: E.statuses,
-              "activity-types": E.activityTypes,
-              phases: E.phases,
-              users: E.users,
-              "user-id": E.userId,
-              "is-editable": E.isEditable,
+              activities: M.value,
+              "is-task-checkable": I.isTaskCheckable,
+              statuses: I.statuses,
+              "activity-types": I.activityTypes,
+              phases: I.phases,
+              users: I.users,
+              "user-id": I.userId,
+              "is-editable": I.isEditable,
               "onUpdate:activity": p,
               onAddSubtask: w,
               onUpdateSubtask: A,
@@ -8807,7 +8807,7 @@ const Ra = /* @__PURE__ */ B(O9, [["render", V9], ["__scopeId", "data-v-c0ae9237
               default: U(({ Component: S }) => [
                 (f(), N(Xe(S), null, {
                   default: U((P) => [
-                    x(E.$slots, "activityDetailsBody", Ht(Pt(P)))
+                    x(I.$slots, "activityDetailsBody", Ht(Pt(P)))
                   ]),
                   _: 2
                 }, 1024))
@@ -8819,8 +8819,8 @@ const Ra = /* @__PURE__ */ B(O9, [["render", V9], ["__scopeId", "data-v-c0ae9237
         (f(), N(It, { to: "body" }, [
           X.value ? (f(), N(I9, {
             key: 0,
-            "project-id": E.project.id,
-            templates: E.templates,
+            "project-id": I.project.id,
+            templates: I.templates,
             onClose: J[4] || (J[4] = (S) => X.value = !1),
             onApply: te
           }, null, 8, ["project-id", "templates"])) : T("", !0)
@@ -8856,7 +8856,7 @@ const B9 = { class: "ao-card-feed__header" }, N9 = {
 }, X9 = { class: "ao-card-feed__subitem" }, Q9 = { class: "ao-card-feed__footer-row" }, J9 = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, e4 = { class: "ao-card-feed__subitem" }, t4 = { class: "ao-card-feed__subitem" }, Ua = /* @__PURE__ */ Y({
+}, e4 = { class: "ao-card-feed__subitem" }, t4 = { class: "ao-card-feed__subitem" }, Ua = /* @__PURE__ */ K({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -8908,13 +8908,13 @@ const B9 = { class: "ao-card-feed__header" }, N9 = {
             "raw-color": p.projectColor
           }, null, 8, ["label", "color", "raw-color"])) : T("", !0),
           p.isPrivate || p.important ? (f(), h("div", N9, [
-            p.isPrivate ? (f(), N(ce, {
+            p.isPrivate ? (f(), N(fe, {
               key: 0,
               name: "Lock",
               class: "ao-card-feed__warning",
               size: "sm"
             })) : T("", !0),
-            p.important ? (f(), N(ce, {
+            p.important ? (f(), N(fe, {
               key: 1,
               name: "FlagRounded",
               class: "ao-card-feed__important",
@@ -8929,7 +8929,7 @@ const B9 = { class: "ao-card-feed__header" }, N9 = {
       default: U(() => [
         v("div", U9, [
           s.value ? (f(), h("span", j9, q(s.value), 1)) : T("", !0),
-          I(Ce, {
+          E(Ce, {
             id: p.id,
             title: p.name,
             level: 5,
@@ -8947,7 +8947,7 @@ const B9 = { class: "ao-card-feed__header" }, N9 = {
                 key: w.id
               }, [
                 w ? (f(), h("li", W9, [
-                  I(gt, {
+                  E(gt, {
                     "user-name": l(w),
                     "avatar-url": w.avatarUrl,
                     "is-closable": !0,
@@ -8958,14 +8958,14 @@ const B9 = { class: "ao-card-feed__header" }, N9 = {
             ]),
             p.comments || p.attachments ? (f(), h("ul", Y9, [
               p.comments ? (f(), h("li", K9, [
-                I(ce, {
+                E(fe, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
                 v("span", G9, q(p.comments), 1)
               ])) : T("", !0),
               p.attachments ? (f(), h("li", x9, [
-                I(ce, {
+                E(fe, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
@@ -8976,13 +8976,13 @@ const B9 = { class: "ao-card-feed__header" }, N9 = {
           v("div", Q9, [
             p.tasks && p.tasks.length ? (f(), h("div", J9, [
               v("div", e4, [
-                I(ce, {
+                E(fe, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
                 v("span", t4, q(c.value) + " / " + q(r.value), 1)
               ]),
-              I(Z1, {
+              E(Z1, {
                 percentages: u.value,
                 class: "ao-card-feed__progress"
               }, null, 8, ["percentages"])
@@ -8997,7 +8997,7 @@ const B9 = { class: "ao-card-feed__header" }, N9 = {
 const a4 = { class: "ao-project-milestone" }, s4 = { class: "ao-project-milestone__header" }, n4 = { class: "ao-project-milestone__title" }, i4 = { class: "ao-project-milestone__body" }, o4 = {
   key: 0,
   class: "ao-project-milestone__footer"
-}, da = /* @__PURE__ */ Y({
+}, da = /* @__PURE__ */ K({
   __name: "AoProjectOverviewMilestoneDetails",
   props: {
     milestoneId: {},
@@ -9052,19 +9052,19 @@ const a4 = { class: "ao-project-milestone" }, s4 = { class: "ao-project-mileston
         v("header", s4, [
           v("div", n4, [
             v("span", null, q(p.$t("project.milestone.title")), 1),
-            I(Ce, {
+            E(Ce, {
               title: ((w = i.value) == null ? void 0 : w.name) || p.milestoneId,
               level: 5
             }, null, 8, ["title"])
           ]),
-          I(fe, {
+          E(de, {
             "icon-name": "CloseRounded",
             variant: "ghost",
             onClick: d
           })
         ]),
         v("div", i4, [
-          I(z(Qe), Ee({
+          E(z(Qe), Ee({
             class: "ao-project-milestone__activities",
             list: l.value,
             disabled: !p.isEditable,
@@ -9072,13 +9072,13 @@ const a4 = { class: "ao-project-milestone" }, s4 = { class: "ao-project-mileston
             group: "kanban"
           }, p.$attrs, { onChange: u }), {
             item: U(({ element: A }) => {
-              var _, $, y, L;
+              var _, M, y, L;
               return [
-                I(Ua, {
+                E(Ua, {
                   id: A.id,
                   name: A.name || A.id,
                   "phase-name": (_ = s.value) == null ? void 0 : _.name,
-                  "milestone-name": ($ = i.value) == null ? void 0 : $.name,
+                  "milestone-name": (M = i.value) == null ? void 0 : M.name,
                   deadline: A.deadline,
                   important: A.important,
                   users: p.users,
@@ -9098,7 +9098,7 @@ const a4 = { class: "ao-project-milestone" }, s4 = { class: "ao-project-mileston
                   p.isEditable ? {
                     name: "secondary",
                     fn: U(() => [
-                      I(fe, {
+                      E(de, {
                         color: "primary",
                         variant: "ghost",
                         "icon-name": "ArchiveOutlineRounded",
@@ -9117,7 +9117,7 @@ const a4 = { class: "ao-project-milestone" }, s4 = { class: "ao-project-mileston
             _: 1
           }, 16, ["list", "disabled"]),
           p.isEditable ? (f(), h("div", o4, [
-            I(Je, {
+            E(Je, {
               "icon-name": "Add",
               label: p.$t("project.activity.add"),
               onClick: r
@@ -9128,7 +9128,7 @@ const a4 = { class: "ao-project-milestone" }, s4 = { class: "ao-project-mileston
     };
   }
 });
-const l4 = /* @__PURE__ */ Y({
+const l4 = /* @__PURE__ */ K({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -9148,18 +9148,18 @@ const l4 = /* @__PURE__ */ Y({
   setup(t, { emit: e }) {
     const a = t, n = b(() => {
       var _;
-      return (_ = a.phases) == null ? void 0 : _.find(($) => $.id === a.phaseId);
+      return (_ = a.phases) == null ? void 0 : _.find((M) => M.id === a.phaseId);
     }), s = b(
       () => {
         var _;
-        return (_ = a.phases) == null ? void 0 : _.flatMap(($) => $.milestones);
+        return (_ = a.phases) == null ? void 0 : _.flatMap((M) => M.milestones);
       }
     ), o = b(() => {
       var _;
-      return (_ = s.value) == null ? void 0 : _.find(($) => $.id === a.milestoneId);
+      return (_ = s.value) == null ? void 0 : _.find((M) => M.id === a.milestoneId);
     }), i = b(() => {
       var _;
-      return (_ = a.activities) == null ? void 0 : _.find(($) => $.id === a.activityId);
+      return (_ = a.activities) == null ? void 0 : _.find((M) => M.id === a.activityId);
     }), l = (_) => {
       e("update:activity", _);
     }, d = (_) => {
@@ -9179,7 +9179,7 @@ const l4 = /* @__PURE__ */ Y({
     }, A = (_) => {
       e("removeComment", _);
     };
-    return (_, $) => {
+    return (_, M) => {
       var y, L;
       return i.value ? (f(), N(U1, {
         key: 0,
@@ -9212,7 +9212,7 @@ const l4 = /* @__PURE__ */ Y({
       }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "onClose"])) : T("", !0);
     };
   }
-}), r4 = { class: "ao-col-header" }, u4 = /* @__PURE__ */ Y({
+}), r4 = { class: "ao-col-header" }, u4 = /* @__PURE__ */ K({
   __name: "AoColHeader",
   props: {
     title: {},
@@ -9220,7 +9220,7 @@ const l4 = /* @__PURE__ */ Y({
   },
   setup(t) {
     return (e, a) => (f(), h("header", r4, [
-      I(Ce, {
+      E(Ce, {
         title: e.title,
         class: "ao-col-header__title",
         level: 4
@@ -9314,7 +9314,7 @@ function g4(t, e, a = {}) {
           threshold: o
         }
       );
-      w.forEach(($) => $ && _.observe($)), c = () => {
+      w.forEach((M) => M && _.observe(M)), c = () => {
         _.disconnect(), c = St;
       };
     },
@@ -9351,7 +9351,7 @@ const y4 = {
 }, A4 = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, T4 = /* @__PURE__ */ Y({
+}, T4 = /* @__PURE__ */ K({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -9403,7 +9403,7 @@ const y4 = {
           ])
         ];
       }) : T("", !0),
-      I(z(Qe), Ee({
+      E(z(Qe), Ee({
         class: ["ao-list-kanban__list", d.value ? "ao-list-kanban__transition" : void 0],
         list: r.list,
         "item-key": "id",
@@ -9421,9 +9421,9 @@ const y4 = {
         }
       }), {
         item: U(({ element: u }) => {
-          var p, m, w, A, _, $, y, L;
+          var p, m, w, A, _, M, y, L;
           return [
-            I(Ua, {
+            E(Ua, {
               id: u.id,
               name: u.name,
               "project-name": (p = u.project) == null ? void 0 : p.name,
@@ -9431,7 +9431,7 @@ const y4 = {
               "phase-name": (A = (w = u.milestone) == null ? void 0 : w.phase) == null ? void 0 : A.name,
               "milestone-name": (_ = u.milestone) == null ? void 0 : _.name,
               deadline: u.deadline,
-              rules: (($ = u.rules) == null ? void 0 : $.length) || 0,
+              rules: ((M = u.rules) == null ? void 0 : M.length) || 0,
               tasks: u.tasks,
               description: u.description,
               important: u.important,
@@ -9450,7 +9450,7 @@ const y4 = {
               onRemoveAssignee: () => r.isEditable && i({ id: u.id, assigneeId: null })
             }, {
               secondary: U(() => [
-                r.isEditable ? (f(), N(fe, {
+                r.isEditable ? (f(), N(de, {
                   key: 0,
                   color: "primary",
                   variant: "ghost",
@@ -9468,7 +9468,7 @@ const y4 = {
         }),
         footer: U(() => [
           r.isLoading ? (f(), h("div", w4, [
-            I(ce, { name: "Loading" })
+            E(fe, { name: "Loading" })
           ])) : r.hasMore ? (f(), h("div", {
             key: 2,
             ref_key: "scrollEnd",
@@ -9493,7 +9493,7 @@ const y4 = {
     ]));
   }
 });
-const S4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder", "onKeypress"], I4 = /* @__PURE__ */ Y({
+const S4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder", "onKeypress"], I4 = /* @__PURE__ */ K({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -9518,11 +9518,11 @@ const S4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder",
         (...d) => z(s) && z(s)(...d)),
         onKeypress: Ye(n, ["enter"])
       }, null, 40, E4),
-      I(ce, {
+      E(fe, {
         name: "SearchRounded",
         class: G(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
       }, null, 8, ["class"]),
-      I(fe, {
+      E(de, {
         "icon-name": "CloseRounded",
         size: "sm",
         color: "primary",
@@ -9561,7 +9561,7 @@ const D4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, P4 = { clas
 }, j4 = { class: "ao-field__label" }, Z4 = {
   key: 2,
   class: "ao-field ao-feed__activity-details__status"
-}, F4 = { class: "ao-field__label" }, q4 = { class: "ao-field__row" }, z4 = { class: "ao-field" }, W4 = { class: "ao-field__label" }, Y4 = /* @__PURE__ */ Y({
+}, F4 = { class: "ao-field__label" }, q4 = { class: "ao-field__row" }, z4 = { class: "ao-field" }, W4 = { class: "ao-field__label" }, Y4 = /* @__PURE__ */ K({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -9575,194 +9575,195 @@ const D4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, P4 = { clas
     initialActivityId: {},
     searchText: { default: "" },
     showsArchivedActivities: { type: Boolean },
+    showsOnlyImportant: { type: Boolean },
     isTaskCheckable: { type: Function, default: void 0 },
     isEditable: { type: Boolean }
   },
-  emits: ["change:activities", "addActivity", "update:filters", "selectActivity", "update:activity", "archiveActivity", "update:searchText", "clear:searchText", "update:showsArchivedActivities", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment"],
+  emits: ["change:activities", "addActivity", "update:filters", "selectActivity", "update:activity", "archiveActivity", "update:searchText", "clear:searchText", "update:showsArchivedActivities", "update:showsOnlyImportant", "addSubtask", "updateSubtask", "deleteSubtask", "addFiles", "removeFile", "addComment", "updateComment", "removeComment"],
   setup(t, { emit: e }) {
-    const a = t, { t: n } = nt(), s = vt(a, "activities"), { selectActivity: o, selectedActivity: i } = V4(s), l = async (k) => {
-      o(k), await e("selectActivity", k);
+    const a = t, { t: n } = nt(), s = vt(a, "activities"), { selectActivity: o, selectedActivity: i } = V4(s), l = async ($) => {
+      o($), await e("selectActivity", $);
     }, d = Q({}), r = Q(!1), c = Q(!1);
     ue(
       [() => a.statuses, () => a.activities, () => a.initialActivityId],
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      async ([k, K, ie], [H, O]) => {
+      async ([$, Y, ie], [H, O]) => {
         d.value = Object.fromEntries(
-          k.map((R) => [
+          $.map((R) => [
             R.id,
-            K.filter((me) => {
+            Y.filter((me) => {
               var Me;
               return ((Me = me.status) == null ? void 0 : Me.id) === R.id;
             })
           ])
-        ), ie && !r.value && (l(ie), r.value = !0), c.value && Ue(K, O);
+        ), ie && !r.value && (l(ie), r.value = !0), c.value && Ue(Y, O);
       },
       { immediate: !0 }
     );
     const u = b(() => {
-      var k;
-      return !i.value || !i.value.milestone ? "" : `${((k = i.value.milestone.phase) == null ? void 0 : k.name) ?? ""} / ${i.value.milestone.name ?? ""}`;
-    }), p = (k) => {
+      var $;
+      return !i.value || !i.value.milestone ? "" : `${(($ = i.value.milestone.phase) == null ? void 0 : $.name) ?? ""} / ${i.value.milestone.name ?? ""}`;
+    }), p = ($) => {
       var R, me;
-      const K = (R = a.activities) == null ? void 0 : R.at(-1), ie = K ? Te.LexoRank.parse(K.rank).genNext() : Te.LexoRank.middle(), H = ((me = a.activities) == null ? void 0 : me.length) ?? 0, O = {
+      const Y = (R = a.activities) == null ? void 0 : R.at(-1), ie = Y ? Te.LexoRank.parse(Y.rank).genNext() : Te.LexoRank.middle(), H = ((me = a.activities) == null ? void 0 : me.length) ?? 0, O = {
         name: n("activity.defaultName", { idx: H + 1 }),
         rank: ie.format(),
-        statusId: k.id
+        statusId: $.id
       };
       a.filters.assigneeId.length > 0 && (O.assigneeId = a.filters.assigneeId[0]), a.filters.projectId.length > 0 && (O.projectId = a.filters.projectId[0]), a.filters.typeId.length > 0 && (O.typeId = a.filters.typeId[0]), c.value = !0, e("addActivity", O);
-    }, m = (k, K) => {
-      c.value = !1, e("update:filters", { ...a.filters, [k]: K });
+    }, m = ($, Y) => {
+      c.value = !1, e("update:filters", { ...a.filters, [$]: Y });
     }, w = b(
       () => a.project ? [a.project] : a.projects ?? []
-    ), A = b(() => w.value.map((k) => ({
-      value: k.id,
-      label: k.name
+    ), A = b(() => w.value.map(($) => ({
+      value: $.id,
+      label: $.name
     }))), _ = b(() => {
-      var k;
-      return (k = a.activityTypes) == null ? void 0 : k.map((K) => ({
-        value: K.id,
-        label: K.name
+      var $;
+      return ($ = a.activityTypes) == null ? void 0 : $.map((Y) => ({
+        value: Y.id,
+        label: Y.name
       }));
-    }), $ = b(() => a.users.map((k) => ({
-      value: k.id,
-      label: `${k.firstName} ${k.lastName}`,
-      avatar: k.avatarUrl
-    }))), y = (k) => {
-      i.value && e("update:activity", k);
-    }, L = (k) => {
-      e("update:activity", k);
-    }, Z = (k) => {
-      e("archiveActivity", k);
+    }), M = b(() => a.users.map(($) => ({
+      value: $.id,
+      label: `${$.firstName} ${$.lastName}`,
+      avatar: $.avatarUrl
+    }))), y = ($) => {
+      i.value && e("update:activity", $);
+    }, L = ($) => {
+      e("update:activity", $);
+    }, Z = ($) => {
+      e("archiveActivity", $);
     }, W = b({
       get() {
-        var k;
-        return (k = i.value) == null ? void 0 : k.deadline;
+        var $;
+        return ($ = i.value) == null ? void 0 : $.deadline;
       },
-      set(k) {
+      set($) {
         i.value && y({
           id: i.value.id,
-          deadline: k
+          deadline: $
         });
       }
-    }), V = (k) => {
-      c.value = !1, e("update:searchText", k);
-    }, X = (k) => {
-      c.value = !1, e("clear:searchText", k);
-    }, te = (k) => {
-      i.value && e("addSubtask", k);
-    }, E = (k) => {
-      i.value && e("updateSubtask", k);
-    }, J = (k) => {
-      i.value && e("deleteSubtask", k);
-    }, g = (k) => {
-      e("addFiles", k);
-    }, S = (k) => {
-      e("removeFile", k);
-    }, P = (k) => {
+    }), V = ($) => {
+      c.value = !1, e("update:searchText", $);
+    }, X = ($) => {
+      c.value = !1, e("clear:searchText", $);
+    }, te = ($) => {
+      i.value && e("addSubtask", $);
+    }, I = ($) => {
+      i.value && e("updateSubtask", $);
+    }, J = ($) => {
+      i.value && e("deleteSubtask", $);
+    }, g = ($) => {
+      e("addFiles", $);
+    }, S = ($) => {
+      e("removeFile", $);
+    }, P = ($) => {
       i.value && e("addComment", {
-        ...k,
+        ...$,
         activityId: i.value.id
       });
-    }, de = (k) => {
-      const { id: K } = i.value || {};
-      K && e("updateComment", k);
-    }, se = (k) => {
-      const { id: K } = i.value || {};
-      K && e("removeComment", k);
-    }, re = b(() => w.value.map((k) => ({
-      value: k.id,
-      label: k.name
-    }))), M = b(() => {
-      var K, ie, H;
-      const k = (H = (ie = (K = i.value) == null ? void 0 : K.project) == null ? void 0 : ie.phases) == null ? void 0 : H.reduce(
+    }, ce = ($) => {
+      const { id: Y } = i.value || {};
+      Y && e("updateComment", $);
+    }, se = ($) => {
+      const { id: Y } = i.value || {};
+      Y && e("removeComment", $);
+    }, re = b(() => w.value.map(($) => ({
+      value: $.id,
+      label: $.name
+    }))), k = b(() => {
+      var Y, ie, H;
+      const $ = (H = (ie = (Y = i.value) == null ? void 0 : Y.project) == null ? void 0 : ie.phases) == null ? void 0 : H.reduce(
         (O, R) => [...O, ...R.milestones],
         []
       );
-      return k == null ? void 0 : k.map((O) => ({
+      return $ == null ? void 0 : $.map((O) => ({
         value: O.id,
         label: O.name
       }));
-    }), F = (k) => {
+    }), F = ($) => {
       i.value && e("update:activity", {
         id: i.value.id,
-        projectId: k
+        projectId: $
       });
-    }, j = (k) => {
+    }, j = ($) => {
       i.value && e("update:activity", {
         id: i.value.id,
-        milestoneId: k
+        milestoneId: $
       });
     }, ae = b(() => {
-      var k;
-      return (k = a.statuses) == null ? void 0 : k.map((K) => ({
-        value: K.id,
-        label: K.name
+      var $;
+      return ($ = a.statuses) == null ? void 0 : $.map((Y) => ({
+        value: Y.id,
+        label: Y.name
       }));
-    }), oe = (k) => {
+    }), oe = ($) => {
       i.value && e("update:activity", {
         id: i.value.id,
-        statusId: k
+        statusId: $
       });
     };
-    return (k, K) => {
+    return ($, Y) => {
       var ie;
       return f(), h("div", D4, [
-        I(d1, null, {
+        E(d1, null, {
           primary: U(() => [
             v("div", H4, [
               a.project ? (f(), N(Ra, {
                 key: 0,
                 "is-left": !1,
-                "right-label": k.$t("project.switch.feed"),
-                "left-label": k.$t("project.switch.overview"),
-                "onUpdate:isLeft": K[0] || (K[0] = (H) => {
-                  H && k.$router.push({ name: z(He).project });
+                "right-label": $.$t("project.switch.feed"),
+                "left-label": $.$t("project.switch.overview"),
+                "onUpdate:isLeft": Y[0] || (Y[0] = (H) => {
+                  H && $.$router.push({ name: z(He).project });
                 })
               }, null, 8, ["right-label", "left-label"])) : T("", !0),
-              I(I4, {
-                "model-value": k.searchText,
-                placeholder: k.$t("feed.search.placeholder"),
+              E(I4, {
+                "model-value": $.searchText,
+                placeholder: $.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
                 "onUpdate:modelValue": V,
                 onClear: X
               }, null, 8, ["model-value", "placeholder"]),
               a.project ? T("", !0) : (f(), N(be, {
                 key: 1,
-                "model-value": k.filters[z(dt).project],
+                "model-value": $.filters[z(dt).project],
                 mode: "tags",
                 options: A.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__projects",
-                placeholder: k.$t("feed.filters.project.placeholder"),
-                "onUpdate:modelValue": K[1] || (K[1] = (H) => m(z(dt).project, H))
+                placeholder: $.$t("feed.filters.project.placeholder"),
+                "onUpdate:modelValue": Y[1] || (Y[1] = (H) => m(z(dt).project, H))
               }, null, 8, ["model-value", "options", "placeholder"])),
               _.value ? (f(), N(be, {
                 key: 2,
-                "model-value": k.filters[z(dt).type],
+                "model-value": $.filters[z(dt).type],
                 mode: "tags",
                 options: _.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__types",
-                placeholder: k.$t("feed.filters.activityType.placeholder"),
-                "onUpdate:modelValue": K[2] || (K[2] = (H) => m(z(dt).type, H))
+                placeholder: $.$t("feed.filters.activityType.placeholder"),
+                "onUpdate:modelValue": Y[2] || (Y[2] = (H) => m(z(dt).type, H))
               }, null, 8, ["model-value", "options", "placeholder"])) : T("", !0),
-              I(be, {
-                "model-value": k.filters[z(dt).assignee],
+              E(be, {
+                "model-value": $.filters[z(dt).assignee],
                 mode: "tags",
-                options: $.value,
+                options: M.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__assignees",
-                placeholder: k.$t("feed.filters.assignee.placeholder"),
-                "onUpdate:modelValue": K[3] || (K[3] = (H) => m(z(dt).assignee, H))
+                placeholder: $.$t("feed.filters.assignee.placeholder"),
+                "onUpdate:modelValue": Y[3] || (Y[3] = (H) => m(z(dt).assignee, H))
               }, {
                 tag: U(({
                   option: H,
                   handleTagRemove: O
                 }) => [
-                  I(gt, {
+                  E(gt, {
                     "user-name": H.label,
                     "avatar-url": H.avatar,
                     "is-closable": !0,
@@ -9772,30 +9773,42 @@ const D4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, P4 = { clas
                 _: 1
               }, 8, ["model-value", "options", "placeholder"])
             ]),
-            I(fe, {
+            E(de, {
+              class: "ao-feed__only-important",
+              size: "sm",
+              "icon-name": $.showsOnlyImportant ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
+              "icon-position": "start",
+              color: "primary",
+              variant: "ghost",
+              label: $.$t("feed.filters.showsOnlyImportant.label"),
+              role: "checkbox",
+              "aria-checked": $.showsOnlyImportant,
+              onClick: Y[4] || (Y[4] = (H) => $.$emit("update:showsOnlyImportant", !$.showsOnlyImportant))
+            }, null, 8, ["icon-name", "label", "aria-checked"]),
+            E(de, {
               class: "ao-feed__show-archived",
               size: "sm",
-              "icon-name": k.showsArchivedActivities ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
+              "icon-name": $.showsArchivedActivities ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
               "icon-position": "start",
               color: "primary",
               variant: "ghost",
-              label: k.$t("feed.filters.showsArchivedActivities.label"),
+              label: $.$t("feed.filters.showsArchivedActivities.label"),
               role: "checkbox",
-              "aria-checked": k.showsArchivedActivities,
-              onClick: K[4] || (K[4] = (H) => k.$emit("update:showsArchivedActivities", !k.showsArchivedActivities))
+              "aria-checked": $.showsArchivedActivities,
+              onClick: Y[5] || (Y[5] = (H) => $.$emit("update:showsArchivedActivities", !$.showsArchivedActivities))
             }, null, 8, ["icon-name", "label", "aria-checked"])
           ]),
           _: 1
         }),
         v("div", P4, [
-          (f(!0), h(ve, null, ye(k.statuses, (H) => (f(), N(T4, {
+          (f(!0), h(ve, null, ye($.statuses, (H) => (f(), N(T4, {
             key: H.id,
             status: H,
             list: d.value[H.id],
             title: H.name,
-            "footer-label": k.$t("feed.activity.add"),
-            users: k.users,
-            "is-editable": k.isEditable,
+            "footer-label": $.$t("feed.activity.add"),
+            users: $.users,
+            "is-editable": $.isEditable,
             onAdd: () => p(H),
             onSelectActivity: l,
             onArchiveActivity: Z,
@@ -9806,24 +9819,24 @@ const D4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, P4 = { clas
           z(i) ? (f(), N(U1, {
             key: 0,
             activity: z(i),
-            "activity-types": k.activityTypes,
+            "activity-types": $.activityTypes,
             "milestone-id": (ie = z(i).milestone) == null ? void 0 : ie.id,
             "template-activities": s.value,
-            users: k.users,
-            "user-id": k.userId,
-            "is-task-checkable": k.isTaskCheckable,
-            statuses: k.statuses,
+            users: $.users,
+            "user-id": $.userId,
+            "is-task-checkable": $.isTaskCheckable,
+            statuses: $.statuses,
             breadcrumbs: u.value,
-            "is-editable": k.isEditable,
-            onClose: K[6] || (K[6] = () => l(null)),
+            "is-editable": $.isEditable,
+            onClose: Y[7] || (Y[7] = () => l(null)),
             "onUpdate:activity": y,
             onAddSubtask: te,
-            onUpdateSubtask: E,
+            onUpdateSubtask: I,
             onDeleteSubtask: J,
             onAddFiles: g,
             onRemoveFile: S,
             onAddComment: P,
-            onUpdateComment: de,
+            onUpdateComment: ce,
             onRemoveComment: se
           }, {
             header: U(() => {
@@ -9831,36 +9844,36 @@ const D4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, P4 = { clas
               return [
                 v("div", B4, [
                   re.value && !a.project ? (f(), h("label", N4, [
-                    v("span", R4, q(k.$t("activity.project.label")), 1),
-                    I(be, {
+                    v("span", R4, q($.$t("activity.project.label")), 1),
+                    E(be, {
                       options: re.value,
                       value: (H = z(i).project) == null ? void 0 : H.id,
                       searchable: !0,
-                      disabled: !k.isEditable,
-                      caret: k.isEditable,
+                      disabled: !$.isEditable,
+                      caret: $.isEditable,
                       onChange: F
                     }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : T("", !0),
-                  M.value ? (f(), h("label", U4, [
-                    v("span", j4, q(k.$t("activity.milestone.label")), 1),
-                    I(be, {
-                      options: M.value,
+                  k.value ? (f(), h("label", U4, [
+                    v("span", j4, q($.$t("activity.milestone.label")), 1),
+                    E(be, {
+                      options: k.value,
                       value: (O = z(i).milestone) == null ? void 0 : O.id,
                       searchable: !0,
-                      disabled: !k.isEditable,
-                      caret: k.isEditable,
+                      disabled: !$.isEditable,
+                      caret: $.isEditable,
                       onChange: j
                     }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : T("", !0),
                   ae.value ? (f(), h("label", Z4, [
-                    v("span", F4, q(k.$t("activity.status.label")), 1),
-                    I(be, {
+                    v("span", F4, q($.$t("activity.status.label")), 1),
+                    E(be, {
                       options: ae.value,
                       value: (R = z(i).status) == null ? void 0 : R.id,
                       "can-clear": !1,
                       "can-deselect": !1,
-                      disabled: !k.isEditable,
-                      caret: k.isEditable,
+                      disabled: !$.isEditable,
+                      caret: $.isEditable,
                       onChange: oe
                     }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : T("", !0)
@@ -9870,9 +9883,9 @@ const D4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, P4 = { clas
             default: U((H) => [
               v("div", q4, [
                 v("label", z4, [
-                  v("span", W4, q(k.$t("activity.deadline.label")), 1),
+                  v("span", W4, q($.$t("activity.deadline.label")), 1),
                   tt(v("input", {
-                    "onUpdate:modelValue": K[5] || (K[5] = (O) => W.value = O),
+                    "onUpdate:modelValue": Y[6] || (Y[6] = (O) => W.value = O),
                     class: "ao-field__input",
                     type: "date"
                   }, null, 512), [
@@ -9885,7 +9898,7 @@ const D4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, P4 = { clas
                   ])
                 ])
               ]),
-              x(k.$slots, "activityDetailsBody", Ht(Pt(H)))
+              x($.$slots, "activityDetailsBody", Ht(Pt(H)))
             ]),
             _: 3
           }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable"])) : T("", !0)
@@ -9960,7 +9973,7 @@ const ft = {
       }
     ]
   }
-], K4 = { class: "ao-templates" }, G4 = /* @__PURE__ */ Y({
+], K4 = { class: "ao-templates" }, G4 = /* @__PURE__ */ K({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -10001,9 +10014,9 @@ const ft = {
       }
     };
     return (l, d) => (f(), h("div", K4, [
-      I(d1, null, {
+      E(d1, null, {
         secondary: U(() => [
-          I(fe, {
+          E(de, {
             label: l.$t("templates.new"),
             color: "primary",
             "icon-name": "Add",
@@ -10013,7 +10026,7 @@ const ft = {
         ]),
         _: 1
       }),
-      I(z(Qe), {
+      E(z(Qe), {
         "model-value": l.templates,
         class: "ao-templates__list",
         "item-key": "id",
@@ -10023,7 +10036,7 @@ const ft = {
         item: U(({ element: r }) => {
           var c;
           return [
-            I(P0, {
+            E(P0, {
               id: r.id,
               title: r.name,
               phases: r.phases,
@@ -10044,7 +10057,7 @@ const ft = {
     ]));
   }
 });
-const x4 = { class: "ao-field__label" }, X4 = /* @__PURE__ */ Y({
+const x4 = { class: "ao-field__label" }, X4 = /* @__PURE__ */ K({
   __name: "AoField",
   props: {
     label: {},
@@ -10058,7 +10071,7 @@ const x4 = { class: "ao-field__label" }, X4 = /* @__PURE__ */ Y({
       x(e.$slots, "default")
     ], 2));
   }
-}), Q4 = ["type", "value", "disabled", "readonly"], f8 = /* @__PURE__ */ Y({
+}), Q4 = ["type", "value", "disabled", "readonly"], f8 = /* @__PURE__ */ K({
   __name: "AoInputField",
   props: {
     label: { default: "" },
@@ -10090,7 +10103,7 @@ const x4 = { class: "ao-field__label" }, X4 = /* @__PURE__ */ Y({
       _: 1
     }, 8, ["label"]));
   }
-}), J4 = { class: "ao-field" }, e8 = { class: "ao-field__label" }, t8 = ["checked", "disabled"], v8 = /* @__PURE__ */ Y({
+}), J4 = { class: "ao-field" }, e8 = { class: "ao-field__label" }, t8 = ["checked", "disabled"], v8 = /* @__PURE__ */ K({
   __name: "AoCheckboxField",
   props: {
     label: { default: "" },