@26lights/orcha 0.6.0 → 0.7.0

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as e1, openBlock as d, createBlock as Y, unref as G, mergeProps as H1, createElementBlock as C, createElementVNode as r, pushScopeId as wt, popScopeId as $t, createStaticVNode as Mt, computed as m, resolveDynamicComponent as G1, normalizeClass as j, renderSlot as K, toDisplayString as x, createCommentVNode as V, ref as J, watch as d1, nextTick as k1, withKeys as le, toHandlers as It, withCtx as F, createTextVNode as Me, createVNode as T, withModifiers as A1, Fragment as f1, renderList as $1, toRefs as p1, getCurrentInstance as N1, onMounted as Ie, onUnmounted as St, withDirectives as ae, vModelText as $e, vModelCheckbox as Lt, toRef as ye, Teleport as Ue } from "vue";
+import { defineComponent as e1, openBlock as d, createBlock as F, unref as Y, mergeProps as k1, createElementBlock as C, createElementVNode as r, pushScopeId as wt, popScopeId as $t, createStaticVNode as Mt, computed as _, resolveDynamicComponent as G1, normalizeClass as j, renderSlot as K, toDisplayString as x, createCommentVNode as A, ref as J, watch as c1, nextTick as H1, withKeys as le, toHandlers as It, withCtx as G, createTextVNode as Me, createVNode as V, withModifiers as A1, Fragment as f1, renderList as $1, toRefs as p1, getCurrentInstance as N1, onMounted as Ie, onUnmounted as St, withDirectives as ae, vModelText as $e, vModelCheckbox as Lt, toRef as ye, Teleport as Ue } from "vue";
 import { RouterView as At } from "vue-router";
 import ne from "vuedraggable";
 const _o = /* @__PURE__ */ e1({
@@ -7,29 +7,29 @@ const _o = /* @__PURE__ */ e1({
     templates: {}
   },
   setup(s) {
-    return (e, t) => (d(), Y(G(At), H1({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
+    return (e, t) => (d(), F(Y(At), k1({ templates: e.templates }, e.$attrs), null, 16, ["templates"]));
   }
 }), M = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [n, a] of e)
     t[n] = a;
   return t;
-}, Vt = {}, Tt = {
+}, Vt = {}, Et = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Et = /* @__PURE__ */ r("path", {
+}, Tt = /* @__PURE__ */ r("path", {
   d: "M12 13C12.9667 13 13.7917 12.6583 14.475 11.975C15.1583 11.2917 15.5 10.4667 15.5 9.5C15.5 8.53333 15.1583 7.70833 14.475 7.025C13.7917 6.34167 12.9667 6 12 6C11.0333 6 10.2083 6.34167 9.525 7.025C8.84167 7.70833 8.5 8.53333 8.5 9.5C8.5 10.4667 8.84167 11.2917 9.525 11.975C10.2083 12.6583 11.0333 13 12 13ZM3 21V3H21V21H3ZM5 19H19V17.85C18.1 16.9667 17.054 16.271 15.862 15.763C14.67 15.255 13.3827 15.0007 12 15C10.6167 15 9.329 15.2543 8.137 15.763C6.945 16.2717 5.89933 16.9673 5 17.85V19Z",
   fill: "black"
-}, null, -1), Ht = [
-  Et
+}, null, -1), kt = [
+  Tt
 ];
-function kt(s, e) {
-  return d(), C("svg", Tt, Ht);
+function Ht(s, e) {
+  return d(), C("svg", Et, kt);
 }
-const Ot = /* @__PURE__ */ M(Vt, [["render", kt]]), Bt = {}, Zt = {
+const Ot = /* @__PURE__ */ M(Vt, [["render", Ht]]), Bt = {}, Zt = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -149,22 +149,22 @@ const w2 = /* @__PURE__ */ M(_2, [["render", y2]]), $2 = {}, M2 = {
 function L2(s, e) {
   return d(), C("svg", M2, S2);
 }
-const A2 = /* @__PURE__ */ M($2, [["render", L2]]), V2 = {}, T2 = {
+const A2 = /* @__PURE__ */ M($2, [["render", L2]]), V2 = {}, E2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, E2 = /* @__PURE__ */ r("path", {
+}, T2 = /* @__PURE__ */ r("path", {
   d: "M11.3 19.3C11.1167 19.1167 11.0207 18.8834 11.012 18.6C11.004 18.3167 11.0917 18.0834 11.275 17.9L16.175 13H5C4.71667 13 4.479 12.904 4.287 12.712C4.09567 12.5207 4 12.2834 4 12C4 11.7167 4.09567 11.479 4.287 11.287C4.479 11.0957 4.71667 11 5 11H16.175L11.275 6.10005C11.0917 5.91672 11.004 5.68338 11.012 5.40005C11.0207 5.11672 11.1167 4.88338 11.3 4.70005C11.4833 4.51672 11.7167 4.42505 12 4.42505C12.2833 4.42505 12.5167 4.51672 12.7 4.70005L19.3 11.3C19.4 11.3834 19.471 11.4874 19.513 11.612C19.5543 11.7374 19.575 11.8667 19.575 12C19.575 12.1334 19.5543 12.2584 19.513 12.375C19.471 12.4917 19.4 12.6 19.3 12.7L12.7 19.3C12.5167 19.4834 12.2833 19.575 12 19.575C11.7167 19.575 11.4833 19.4834 11.3 19.3V19.3Z",
   fill: "black"
-}, null, -1), H2 = [
-  E2
+}, null, -1), k2 = [
+  T2
 ];
-function k2(s, e) {
-  return d(), C("svg", T2, H2);
+function H2(s, e) {
+  return d(), C("svg", E2, k2);
 }
-const O2 = /* @__PURE__ */ M(V2, [["render", k2]]), B2 = {}, Z2 = {
+const O2 = /* @__PURE__ */ M(V2, [["render", H2]]), B2 = {}, Z2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -284,22 +284,22 @@ const ws = /* @__PURE__ */ M(_s, [["render", ys]]), $s = {}, Ms = {
 function Ls(s, e) {
   return d(), C("svg", Ms, Ss);
 }
-const As = /* @__PURE__ */ M($s, [["render", Ls]]), Vs = {}, Ts = {
+const As = /* @__PURE__ */ M($s, [["render", Ls]]), Vs = {}, Es = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Es = /* @__PURE__ */ r("path", {
+}, Ts = /* @__PURE__ */ r("path", {
   d: "M14 8.99989C13.7167 8.99989 13.479 8.90389 13.287 8.71189C13.095 8.51989 12.9994 8.28255 13 7.99989C13 7.71655 13.096 7.47889 13.288 7.28689C13.48 7.09489 13.7174 6.99922 14 6.99989H21C21.2834 6.99989 21.521 7.09589 21.713 7.28789C21.905 7.47989 22.0007 7.71722 22 7.99989C22 8.28322 21.904 8.52089 21.712 8.71289C21.52 8.90489 21.2827 9.00055 21 8.99989H14ZM14 16.9999C13.7167 16.9999 13.479 16.9039 13.287 16.7119C13.095 16.5199 12.9994 16.2826 13 15.9999C13 15.7166 13.096 15.4789 13.288 15.2869C13.48 15.0949 13.7174 14.9992 14 14.9999H21C21.2834 14.9999 21.521 15.0959 21.713 15.2879C21.905 15.4799 22.0007 15.7172 22 15.9999C22 16.2832 21.904 16.5209 21.712 16.7129C21.52 16.9049 21.2827 17.0006 21 16.9999H14ZM4.85005 10.2999L2.70005 8.14989C2.51672 7.96655 2.42505 7.73322 2.42505 7.44989C2.42505 7.16655 2.51672 6.93322 2.70005 6.74989C2.88338 6.56655 3.11672 6.47489 3.40005 6.47489C3.68338 6.47489 3.91672 6.56655 4.10005 6.74989L5.52505 8.17489L9.07505 4.62489C9.27505 4.42489 9.50838 4.32889 9.77505 4.33689C10.0417 4.34489 10.275 4.44922 10.475 4.64989C10.6584 4.84989 10.75 5.08322 10.75 5.34989C10.75 5.61655 10.6584 5.84989 10.475 6.04989L6.25005 10.2999C6.05005 10.4999 5.81672 10.5999 5.55005 10.5999C5.28338 10.5999 5.05005 10.4999 4.85005 10.2999ZM4.85005 18.2999L2.70005 16.1499C2.51672 15.9666 2.42505 15.7332 2.42505 15.4499C2.42505 15.1666 2.51672 14.9332 2.70005 14.7499C2.88338 14.5666 3.11672 14.4749 3.40005 14.4749C3.68338 14.4749 3.91672 14.5666 4.10005 14.7499L5.52505 16.1749L9.07505 12.6249C9.27505 12.4249 9.50838 12.3292 9.77505 12.3379C10.0417 12.3466 10.275 12.4506 10.475 12.6499C10.6584 12.8499 10.75 13.0832 10.75 13.3499C10.75 13.6166 10.6584 13.8499 10.475 14.0499L6.25005 18.2999C6.05005 18.4999 5.81672 18.5999 5.55005 18.5999C5.28338 18.5999 5.05005 18.4999 4.85005 18.2999Z",
   fill: "black"
-}, null, -1), Hs = [
-  Es
+}, null, -1), ks = [
+  Ts
 ];
-function ks(s, e) {
-  return d(), C("svg", Ts, Hs);
+function Hs(s, e) {
+  return d(), C("svg", Es, ks);
 }
-const Os = /* @__PURE__ */ M(Vs, [["render", ks]]), Bs = {}, Zs = {
+const Os = /* @__PURE__ */ M(Vs, [["render", Hs]]), Bs = {}, Zs = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -419,22 +419,22 @@ const wa = /* @__PURE__ */ M(_a, [["render", ya]]), $a = {}, Ma = {
 function La(s, e) {
   return d(), C("svg", Ma, Sa);
 }
-const Aa = /* @__PURE__ */ M($a, [["render", La]]), Va = {}, Ta = {
+const Aa = /* @__PURE__ */ M($a, [["render", La]]), Va = {}, Ea = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ea = /* @__PURE__ */ r("path", {
+}, Ta = /* @__PURE__ */ r("path", {
   d: "M5 19H6.4L15.025 10.375L13.625 8.975L5 17.6V19ZM19.3 8.925L15.05 4.725L16.45 3.325C16.8333 2.94167 17.3043 2.75 17.863 2.75C18.4217 2.75 18.8923 2.94167 19.275 3.325L20.675 4.725C21.0583 5.10833 21.2583 5.571 21.275 6.113C21.2917 6.655 21.1083 7.11733 20.725 7.5L19.3 8.925ZM17.85 10.4L7.25 21H3V16.75L13.6 6.15L17.85 10.4ZM14.325 9.675L13.625 8.975L15.025 10.375L14.325 9.675Z",
   fill: "black"
-}, null, -1), Ha = [
-  Ea
+}, null, -1), ka = [
+  Ta
 ];
-function ka(s, e) {
-  return d(), C("svg", Ta, Ha);
+function Ha(s, e) {
+  return d(), C("svg", Ea, ka);
 }
-const Oa = /* @__PURE__ */ M(Va, [["render", ka]]), Ba = {}, Za = {
+const Oa = /* @__PURE__ */ M(Va, [["render", Ha]]), Ba = {}, Za = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -554,22 +554,22 @@ const wl = /* @__PURE__ */ M(_l, [["render", yl]]), $l = {}, Ml = {
 function Ll(s, e) {
   return d(), C("svg", Ml, Sl);
 }
-const Al = /* @__PURE__ */ M($l, [["render", Ll]]), Vl = {}, Tl = {
+const Al = /* @__PURE__ */ M($l, [["render", Ll]]), Vl = {}, El = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, El = /* @__PURE__ */ r("path", {
+}, Tl = /* @__PURE__ */ r("path", {
   d: "M11 17H13V11H11V17ZM12 9C12.2833 9 12.521 8.904 12.713 8.712C12.905 8.52 13.0007 8.28267 13 8C13 7.71667 12.904 7.479 12.712 7.287C12.52 7.095 12.2827 6.99933 12 7C11.7167 7 11.479 7.096 11.287 7.288C11.095 7.48 10.9993 7.71733 11 8C11 8.28333 11.096 8.521 11.288 8.713C11.48 8.905 11.7173 9.00067 12 9ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6867 5.825 19.9743 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26333 14.6833 2.00067 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31333 6.88333 4.02567 5.825 4.925 4.925C5.825 4.025 6.88333 3.31267 8.1 2.788C9.31667 2.26333 10.6167 2.00067 12 2C13.3833 2 14.6833 2.26267 15.9 2.788C17.1167 3.31333 18.175 4.02567 19.075 4.925C19.975 5.825 20.6877 6.88333 21.213 8.1C21.7383 9.31667 22.0007 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6867 17.1167 19.9743 18.175 19.075 19.075C18.175 19.975 17.1167 20.6877 15.9 21.213C14.6833 21.7383 13.3833 22.0007 12 22Z",
   fill: "black"
-}, null, -1), Hl = [
-  El
+}, null, -1), kl = [
+  Tl
 ];
-function kl(s, e) {
-  return d(), C("svg", Tl, Hl);
+function Hl(s, e) {
+  return d(), C("svg", El, kl);
 }
-const Ol = /* @__PURE__ */ M(Vl, [["render", kl]]), Bl = {}, Zl = {
+const Ol = /* @__PURE__ */ M(Vl, [["render", Hl]]), Bl = {}, Zl = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -703,10 +703,10 @@ const In = /* @__PURE__ */ M(bn, [["render", Mn]]), Sn = {}, Ln = {
 }, null, -1), Vn = [
   An
 ];
-function Tn(s, e) {
+function En(s, e) {
   return d(), C("svg", Ln, Vn);
 }
-const En = /* @__PURE__ */ M(Sn, [["render", Tn]]), Hn = {}, kn = {
+const Tn = /* @__PURE__ */ M(Sn, [["render", En]]), kn = {}, Hn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -719,9 +719,9 @@ const En = /* @__PURE__ */ M(Sn, [["render", Tn]]), Hn = {}, kn = {
   On
 ];
 function Zn(s, e) {
-  return d(), C("svg", kn, Bn);
+  return d(), C("svg", Hn, Bn);
 }
-const Dn = /* @__PURE__ */ M(Hn, [["render", Zn]]), Pn = {}, Nn = {
+const Dn = /* @__PURE__ */ M(kn, [["render", Zn]]), Pn = {}, Nn = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -835,10 +835,10 @@ const Ii = /* @__PURE__ */ M(bi, [["render", Mi]]), Si = {}, Li = {
 }, null, -1), Vi = [
   Ai
 ];
-function Ti(s, e) {
+function Ei(s, e) {
   return d(), C("svg", Li, Vi);
 }
-const Ei = /* @__PURE__ */ M(Si, [["render", Ti]]), Hi = {}, ki = {
+const Ti = /* @__PURE__ */ M(Si, [["render", Ei]]), ki = {}, Hi = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -851,9 +851,9 @@ const Ei = /* @__PURE__ */ M(Si, [["render", Ti]]), Hi = {}, ki = {
   Oi
 ];
 function Zi(s, e) {
-  return d(), C("svg", ki, Bi);
+  return d(), C("svg", Hi, Bi);
 }
-const Di = /* @__PURE__ */ M(Hi, [["render", Zi]]), Pi = {}, Ni = {
+const Di = /* @__PURE__ */ M(ki, [["render", Zi]]), Pi = {}, Ni = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -970,10 +970,10 @@ const I3 = /* @__PURE__ */ M(b3, [["render", M3]]), S3 = {}, L3 = {
 }, null, -1), V3 = [
   A3
 ];
-function T3(s, e) {
+function E3(s, e) {
   return d(), C("svg", L3, V3);
 }
-const E3 = /* @__PURE__ */ M(S3, [["render", T3]]), H3 = {}, k3 = {
+const T3 = /* @__PURE__ */ M(S3, [["render", E3]]), k3 = {}, H3 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -986,9 +986,9 @@ const E3 = /* @__PURE__ */ M(S3, [["render", T3]]), H3 = {}, k3 = {
   O3
 ];
 function Z3(s, e) {
-  return d(), C("svg", k3, B3);
+  return d(), C("svg", H3, B3);
 }
-const D3 = /* @__PURE__ */ M(H3, [["render", Z3]]), P3 = {}, N3 = {
+const D3 = /* @__PURE__ */ M(k3, [["render", Z3]]), P3 = {}, N3 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1079,7 +1079,7 @@ const t5 = /* @__PURE__ */ M(X3, [["render", e5]]), s5 = /* @__PURE__ */ Object.
   Menu: vn,
   MoreHoriz: gn,
   MoreTimeRounded: In,
-  MoreVert: En,
+  MoreVert: Tn,
   MountainFlagOutlineRounded: Dn,
   PersonAddOutlineRounded: jn,
   PictureAsPdfRounded: Yn,
@@ -1088,7 +1088,7 @@ const t5 = /* @__PURE__ */ M(X3, [["render", e5]]), s5 = /* @__PURE__ */ Object.
   RadioButtonUnchecked: vi,
   RemoveRounded: gi,
   SearchRounded: Ii,
-  SelectCheckBox: Ei,
+  SelectCheckBox: Ti,
   SendRounded: Di,
   Settings: ji,
   SlideshowRounded: Yi,
@@ -1097,7 +1097,7 @@ const t5 = /* @__PURE__ */ M(X3, [["render", e5]]), s5 = /* @__PURE__ */ Object.
   TextSnippetRounded: v3,
   TimerOutline: g3,
   ViewComfyAltRounded: I3,
-  ViewCompactAltRounded: E3,
+  ViewCompactAltRounded: T3,
   ViewTimelineRounded: D3,
   WarningOutlineRounded: j3,
   WarningRounded: Y3,
@@ -1125,8 +1125,8 @@ const t5 = /* @__PURE__ */ M(X3, [["render", e5]]), s5 = /* @__PURE__ */ Object.
     size: { default: ie.MD }
   },
   setup(s) {
-    const e = s, t = m(() => s5[e.name]);
-    return (n, a) => (d(), Y(G1(t.value), {
+    const e = s, t = _(() => s5[e.name]);
+    return (n, a) => (d(), F(G1(t.value), {
       class: j(["ao-icon", `ao-icon--${n.size}`])
     }, null, 8, ["class"]));
   }
@@ -1149,7 +1149,7 @@ const n5 = ["type"], i5 = {
     corners: { default: () => xe.ROUNDED }
   },
   setup(s) {
-    const e = s, t = m(() => e.size), n = m(() => e.isLoading ? "Loading" : e.iconName);
+    const e = s, t = _(() => e.size), n = _(() => e.isLoading ? "Loading" : e.iconName);
     return (a, i) => (d(), C("button", {
       type: a.type,
       class: j([
@@ -1164,33 +1164,33 @@ const n5 = ["type"], i5 = {
       ])
     }, [
       K(a.$slots, "default", {}, () => [
-        a.label ? (d(), C("span", i5, x(a.label), 1)) : V("", !0)
+        a.label ? (d(), C("span", i5, x(a.label), 1)) : A("", !0)
       ]),
-      n.value ? (d(), Y(v1, {
+      n.value ? (d(), F(v1, {
         key: 0,
         name: n.value,
         class: "ao-button__icon",
         size: t.value
-      }, null, 8, ["name", "size"])) : V("", !0)
+      }, null, 8, ["name", "size"])) : A("", !0)
     ], 10, n5));
   }
 });
 function o5(s) {
-  const e = J(!1), t = J(""), n = m(() => "value" in s.value ? "value" : "innerHTML"), a = () => {
+  const e = J(!1), t = J(""), n = _(() => "value" in s.value ? "value" : "innerHTML"), a = () => {
     e.value = !e.value;
   }, i = (p) => {
     e.value = p;
   }, l = (p) => async (u) => {
-    i(!1), await k1(() => {
+    i(!1), await H1(() => {
       s.value[n.value] = t.value, p == null || p(u);
     });
   }, o = (p) => async (u) => {
-    i(!1), await k1(() => {
+    i(!1), await H1(() => {
       p(s.value[n.value], u);
     });
   };
-  return d1(e, async (p) => {
-    await k1(() => {
+  return c1(e, async (p) => {
+    await H1(() => {
       setTimeout(() => {
         s.value && p && (s.value.focus(), t.value = s.value[n.value]);
       }, 1);
@@ -1209,46 +1209,55 @@ const M1 = /* @__PURE__ */ e1({
     title: {},
     level: { default: 1 },
     tag: {},
-    color: {}
+    color: {},
+    isEditable: { type: Boolean, default: !1 }
   },
-  emits: ["update:title"],
+  emits: ["update:title", "toggle-is-editing"],
   setup(s, { emit: e }) {
-    const t = s, n = J(null), { isEditing: a, setIsEditing: i, onUpdate: l, onDiscard: o } = o5(n), p = m(() => a.value ? "input" : t.tag || `h${t.level}`), u = l((A, R) => {
-      const L = R.target.value;
-      e("update:title", L);
-    }), v = o(), y = async () => {
+    const t = s, n = J(null), { isEditing: a, setIsEditing: i, onUpdate: l, onDiscard: o } = o5(n), p = _(() => a.value ? "input" : t.tag || `h${t.level}`), u = _(() => t.isEditable ? a.value ? {
+      change: v,
+      click: (E) => E.stopPropagation(),
+      blur: I
+    } : {
+      click: k,
+      focus: k
+    } : {}), v = l((E, R) => {
+      const h = R.target.value;
+      e("update:title", h);
+    }), y = o(), I = async () => {
       a.value && i(!1);
-    }, I = (A) => {
-      console.log("enterPressed", { ...A }), e("toggleIsEditing", !1);
-    }, H = (A) => {
-      A.stopPropagation(), a.value || i(!0);
+    }, B = () => {
+      e("toggle-is-editing", !1);
+    }, k = (E) => {
+      E.stopPropagation(), a.value || i(!0);
     };
-    return (A, R) => (d(), Y(G1(p.value), H1({
-      ref: (P) => n.value = P,
+    return c1(
+      () => t.isEditable,
+      (E) => {
+        E || y();
+      }
+    ), (E, R) => (d(), F(G1(p.value), k1({
+      ref_key: "target",
+      ref: n,
       class: [
         "ao-title",
-        `ao-title--${A.level}`,
-        A.color ? `ao-title--${A.color}` : "",
-        G(a) ? "ao-field__input ao-title--editing" : "ao-title--readonly"
+        `ao-title--${E.level}`,
+        {
+          [`ao-title--${E.color}`]: !!E.color,
+          "ao-title--editable": E.isEditable,
+          "ao-field__input ao-title--editing": Y(a),
+          "ao-title--readonly": !Y(a)
+        }
       ],
-      type: G(a) ? "text" : null,
-      value: G(a) ? A.title : null,
+      type: Y(a) ? "text" : null,
+      value: Y(a) ? E.title : null,
       tabindex: "0",
-      onKeyup: le(I, ["enter"])
-    }, It(
-      G(a) ? {
-        change: G(u),
-        click: (P) => P.stopPropagation(),
-        blur: y
-      } : {
-        click: H,
-        focus: H
-      }
-    ), {
-      onKeydown: le(G(v), ["esc"])
+      onKeyup: le(B, ["enter"])
+    }, It(u.value), {
+      onKeydown: le(Y(y), ["esc"])
     }), {
-      default: F(() => [
-        Me(x(A.title), 1)
+      default: G(() => [
+        Me(x(E.title), 1)
       ]),
       _: 1
     }, 16, ["class", "type", "value", "onKeyup", "onKeydown"]));
@@ -1293,54 +1302,55 @@ const r5 = {
     }, a = (i) => {
       e("update:title", i);
     };
-    return (i, l) => (d(), Y(G1(i.tagName), {
+    return (i, l) => (d(), F(G1(i.tagName), {
       class: j(["ao-card-horiz", { "ao-card-horiz--active": i.isActive }])
     }, {
-      default: F(() => [
+      default: G(() => [
         i.isDraggable ? (d(), C("div", r5, [
-          T(v1, {
+          V(v1, {
             name: "DragIndicator",
             class: "ao-card-horiz__drag-handle"
           })
-        ])) : V("", !0),
+        ])) : A("", !0),
         r("div", u5, [
           i.icon ? (d(), C("div", c5, [
-            T(v1, {
+            V(v1, {
               class: "ao-card-horiz__icon",
               name: i.icon,
               size: "xl"
             }, null, 8, ["name"])
-          ])) : V("", !0),
+          ])) : A("", !0),
           r("div", {
             class: "ao-card-horiz__title-group",
             onClick: l[0] || (l[0] = A1(() => {
             }, ["stop"]))
           }, [
-            T(M1, {
+            V(M1, {
               class: "ao-card-horiz__title",
               level: 4,
               title: i.title || "",
+              "is-editable": !0,
               "is-editing": t.value,
               onToggleIsEditing: n,
               "onUpdate:title": a
             }, null, 8, ["title", "is-editing"]),
             K(i.$slots, "subtitle", {}, () => [
-              i.subtitle ? (d(), C("span", d5, x(i.subtitle), 1)) : V("", !0)
+              i.subtitle ? (d(), C("span", d5, x(i.subtitle), 1)) : A("", !0)
             ])
           ]),
           i.$slots.header ? (d(), C("div", C5, [
             K(i.$slots, "header")
-          ])) : V("", !0)
+          ])) : A("", !0)
         ]),
         i.$slots.default ? (d(), C("div", v5, [
           K(i.$slots, "default")
-        ])) : V("", !0),
+        ])) : A("", !0),
         i.$slots.footer ? (d(), C("div", p5, [
           K(i.$slots, "footer")
-        ])) : V("", !0),
+        ])) : A("", !0),
         i.$slots.secondary ? (d(), C("div", h5, [
           K(i.$slots, "secondary")
-        ])) : V("", !0)
+        ])) : A("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
@@ -1357,7 +1367,7 @@ const f5 = /* @__PURE__ */ e1({
   },
   emits: ["click", "close"],
   setup(s) {
-    const e = s, t = m(() => e.clickable ? "button" : "span"), n = m(
+    const e = s, t = _(() => e.clickable ? "button" : "span"), n = _(
       () => t.value === "button" ? { type: "button" } : {}
     );
     return (a, i) => (d(), C("div", {
@@ -1369,10 +1379,10 @@ const f5 = /* @__PURE__ */ e1({
         a.variant ? `ao-tag--${a.variant}` : ""
       ])
     }, [
-      (d(), Y(G1(t.value), H1({ class: "ao-tag__label" }, n.value, {
+      (d(), F(G1(t.value), k1({ class: "ao-tag__label" }, n.value, {
         onClick: i[0] || (i[0] = (l) => a.$emit("click", l))
       }), {
-        default: F(() => [
+        default: G(() => [
           Me(x(a.label), 1)
         ]),
         _: 1
@@ -1382,12 +1392,12 @@ const f5 = /* @__PURE__ */ e1({
         class: "ao-tag__close",
         onClick: i[1] || (i[1] = (l) => a.$emit("close", l))
       }, [
-        T(v1, {
+        V(v1, {
           name: "CloseRounded",
           size: "sm",
           class: "ao-tag__close-icon"
         })
-      ])) : V("", !0)
+      ])) : A("", !0)
     ], 2));
   }
 });
@@ -1972,21 +1982,21 @@ function Xe() {
         p = v;
       }
       let y;
-      for (let A = p.getScale(); A > 0; u = y) {
-        const R = A - 1, P = p.setScale(R, !0);
-        if (y = u.setScale(R, !1), P.compareTo(y) === 0)
-          return a.checkMid(l, o, P);
-        if (P.compareTo(y) > 0)
+      for (let k = p.getScale(); k > 0; u = y) {
+        const E = k - 1, R = p.setScale(E, !0);
+        if (y = u.setScale(E, !1), R.compareTo(y) === 0)
+          return a.checkMid(l, o, R);
+        if (R.compareTo(y) > 0)
           break;
-        A = R, p = P;
+        k = E, p = R;
       }
-      let I = a.middleInternal(l, o, p, u), H;
-      for (let A = I.getScale(); A > 0; A = H) {
-        H = A - 1;
-        const R = I.setScale(H);
-        if (l.compareTo(R) >= 0 || R.compareTo(o) >= 0)
+      let I = a.middleInternal(l, o, p, u), B;
+      for (let k = I.getScale(); k > 0; k = B) {
+        B = k - 1;
+        const E = I.setScale(B);
+        if (l.compareTo(E) >= 0 || E.compareTo(o) >= 0)
           break;
-        I = R;
+        I = E;
       }
       return I;
     }
@@ -2167,19 +2177,19 @@ const L5 = ["title"], A5 = { className: "ao-avatar__initials" }, Ve = /* @__PURE
       class: j(["ao-avatar", `ao-avatar--${i.size}`]),
       title: i.userName
     }, [
-      r("span", A5, x(G(n)), 1),
-      i.isClosable ? (d(), Y(g1, {
+      r("span", A5, x(Y(n)), 1),
+      i.isClosable ? (d(), F(g1, {
         key: 0,
         "icon-name": "CloseRounded",
         class: "ao-avatar__close",
         color: "primary",
         corners: "round",
         onClick: a
-      })) : V("", !0)
+      })) : A("", !0)
     ], 10, L5));
   }
 });
-const V5 = { class: "ao-card-template__subitems" }, T5 = { class: "ao-card-template__subitem" }, E5 = { class: "ao-card-template__subitem-number" }, H5 = { class: "ao-card-template__subitem" }, k5 = { class: "ao-card-template__subitem" }, O5 = { class: "ao-card-template__body" }, B5 = { class: "ao-card-template__col ao-card-template__col--phases" }, Z5 = { class: "ao-card-template__col-title" }, D5 = { class: "ao-card-template__col-label" }, P5 = {
+const V5 = { class: "ao-card-template__subitems" }, E5 = { class: "ao-card-template__subitem" }, T5 = { class: "ao-card-template__subitem-number" }, k5 = { class: "ao-card-template__subitem" }, H5 = { class: "ao-card-template__subitem" }, O5 = { class: "ao-card-template__body" }, B5 = { class: "ao-card-template__col ao-card-template__col--phases" }, Z5 = { class: "ao-card-template__col-title" }, D5 = { class: "ao-card-template__col-label" }, P5 = {
   key: 0,
   class: "ao-card-template__col-body ao-card-template__phases-list"
 }, N5 = { class: "ao-card-template__footer" }, R5 = { class: "ao-card-template__col ao-card-template__col--updated-at" }, U5 = { class: "ao-card-template__col-title" }, q5 = { class: "ao-card-template__col-label" }, j5 = { class: "ao-card-template__col-body" }, z5 = {
@@ -2200,51 +2210,51 @@ const V5 = { class: "ao-card-template__subitems" }, T5 = { class: "ao-card-templ
     const t = (n) => {
       e("updateTitle", n);
     };
-    return (n, a) => (d(), Y(Ke, {
+    return (n, a) => (d(), F(Ke, {
       title: n.title,
       "is-draggable": !0,
       "onUpdate:title": t
     }, {
-      subtitle: F(() => [
+      subtitle: G(() => [
         r("ul", V5, [
-          r("li", T5, [
-            T(v1, {
+          r("li", E5, [
+            V(v1, {
               name: "MountainFlagOutlineRounded",
               size: "sm"
             }),
-            r("span", E5, x(n.milestones), 1)
+            r("span", T5, x(n.milestones), 1)
           ]),
-          r("li", H5, [
-            T(v1, {
+          r("li", k5, [
+            V(v1, {
               name: "TaskOutlineRounded",
               size: "sm"
             }),
-            r("span", k5, x(n.activities), 1)
+            r("span", H5, x(n.activities), 1)
           ])
         ])
       ]),
-      default: F(() => [
+      default: G(() => [
         r("div", O5, [
           r("div", B5, [
             r("div", Z5, [
-              T(v1, {
+              V(v1, {
                 name: "WaterfallChartRounded",
                 size: "sm"
               }),
               r("span", D5, x(n.$t("template.phases.title")), 1)
             ]),
             n.phases ? (d(), C("ul", P5, [
-              (d(!0), C(f1, null, $1(n.phases, (i) => (d(), Y(f5, {
+              (d(!0), C(f1, null, $1(n.phases, (i) => (d(), F(f5, {
                 key: i.id,
                 label: i.name || i.id,
                 color: "primary",
                 variant: "solid"
               }, null, 8, ["label"]))), 128))
-            ])) : V("", !0)
+            ])) : A("", !0)
           ])
         ])
       ]),
-      footer: F(() => [
+      footer: G(() => [
         r("div", N5, [
           r("div", R5, [
             r("div", U5, [
@@ -2259,9 +2269,9 @@ const V5 = { class: "ao-card-template__subitems" }, T5 = { class: "ao-card-templ
               r("span", K5, x(n.$t("template.updatedBy.label")), 1)
             ]),
             r("div", G5, [
-              T(Ve, { "user-name": n.updatedBy }, null, 8, ["user-name"])
+              V(Ve, { "user-name": n.updatedBy }, null, 8, ["user-name"])
             ])
-          ])) : V("", !0)
+          ])) : A("", !0)
         ])
       ]),
       _: 1
@@ -2277,12 +2287,12 @@ const Y5 = { class: "ao-page-header" }, X5 = { class: "ao-page-header-main" }, W
   setup(s) {
     return (e, t) => (d(), C("header", Y5, [
       r("div", X5, [
-        e.canGoBack ? (d(), Y(g1, {
+        e.canGoBack ? (d(), F(g1, {
           key: 0,
           "icon-name": "ArrowBackRounded",
           variant: "ghost",
           onClick: t[0] || (t[0] = (n) => e.$emit("goBack"))
-        })) : V("", !0),
+        })) : A("", !0),
         K(e.$slots, "primary")
       ]),
       r("div", W5, [
@@ -2307,7 +2317,7 @@ const J5 = ["type"], Q5 = {
     corners: { default: () => xe.ROUNDED }
   },
   setup(s) {
-    const e = s, t = m(() => e.size), n = m(() => e.isLoading ? "Loading" : e.iconName);
+    const e = s, t = _(() => e.size), n = _(() => e.isLoading ? "Loading" : e.iconName);
     return (a, i) => (d(), C("button", {
       type: a.type,
       class: j([
@@ -2318,21 +2328,21 @@ const J5 = ["type"], Q5 = {
       ])
     }, [
       K(a.$slots, "default", {}, () => [
-        a.label ? (d(), C("span", Q5, x(a.label), 1)) : V("", !0)
+        a.label ? (d(), C("span", Q5, x(a.label), 1)) : A("", !0)
       ]),
-      n.value ? (d(), Y(v1, {
+      n.value ? (d(), F(v1, {
         key: 0,
         name: n.value,
         class: "ao-button-card__icon",
         size: t.value
-      }, null, 8, ["name", "size"])) : V("", !0)
+      }, null, 8, ["name", "size"])) : A("", !0)
     ], 10, J5));
   }
 });
 const e7 = { class: "ao-card-template-item__footer" }, t7 = {
   key: 0,
   class: "ao-card-template-item__subitem"
-}, s7 = { class: "ao-card-template-item__subitem-number" }, a7 = { class: "ao-card-template-item__secondary" }, Te = /* @__PURE__ */ e1({
+}, s7 = { class: "ao-card-template-item__subitem-number" }, a7 = { class: "ao-card-template-item__secondary" }, Ee = /* @__PURE__ */ e1({
   __name: "AoCardTemplateItem",
   props: {
     milestones: {},
@@ -2352,23 +2362,23 @@ const e7 = { class: "ao-card-template-item__footer" }, t7 = {
     }, i = () => {
       e("remove");
     };
-    return (l, o) => (d(), Y(Ke, { "onUpdate:title": t }, {
-      footer: F(() => [
+    return (l, o) => (d(), F(Ke, { "onUpdate:title": t }, {
+      footer: G(() => [
         r("ul", e7, [
           (d(), C(f1, null, $1(n, (p) => (d(), C(f1, { key: p }, [
             l.$props[p] ? (d(), C("li", t7, [
-              T(v1, {
+              V(v1, {
                 name: a[p],
                 size: "sm"
               }, null, 8, ["name"]),
               r("span", s7, x(l.$props[p]), 1)
-            ])) : V("", !0)
+            ])) : A("", !0)
           ], 64))), 64))
         ])
       ]),
-      secondary: F(() => [
+      secondary: G(() => [
         r("div", a7, [
-          T(g1, {
+          V(g1, {
             "icon-name": "DeleteOutlineRounded",
             variant: "ghost",
             size: "md",
@@ -2389,16 +2399,16 @@ const l7 = /* @__PURE__ */ e1({
     milestones: {}
   },
   setup(s) {
-    const e = s, t = m(() => {
+    const e = s, t = _(() => {
       var a;
       return (a = e.milestones) == null ? void 0 : a.length;
-    }), n = m(() => e.milestones ? We(e.milestones) : 0);
-    return (a, i) => (d(), Y(Te, H1({
+    }), n = _(() => e.milestones ? We(e.milestones) : 0);
+    return (a, i) => (d(), F(Ee, k1({
       title: a.name,
       activities: n.value,
       milestones: t.value
     }, a.$attrs), {
-      default: F(() => [
+      default: G(() => [
         K(a.$slots, "default")
       ]),
       _: 3
@@ -2410,12 +2420,12 @@ const l7 = /* @__PURE__ */ e1({
     activities: {}
   },
   setup(s) {
-    const e = s, t = m(() => {
+    const e = s, t = _(() => {
       var n;
       return ((n = e.activities) == null ? void 0 : n.length) || 0;
     });
-    return (n, a) => (d(), Y(Te, { activities: t.value }, {
-      default: F(() => [
+    return (n, a) => (d(), F(Ee, { activities: t.value }, {
+      default: G(() => [
         K(n.$slots, "default")
       ]),
       _: 3
@@ -2475,7 +2485,7 @@ const yo = {
   emits: ["addMilestone", "updateMilestone", "updatePhase", "removeMilestone"],
   setup(s, { emit: e }) {
     const t = s;
-    m({
+    _({
       get() {
         return [...t.phase.milestones || []].sort((p, u) => p.order - u.order);
       },
@@ -2510,7 +2520,7 @@ const yo = {
         });
       }
     };
-    return (o, p) => o.phase ? (d(), Y(G(ne), {
+    return (o, p) => o.phase ? (d(), F(Y(ne), {
       key: 0,
       "model-value": o.phase.milestones,
       class: "ao-templates__list",
@@ -2519,15 +2529,15 @@ const yo = {
       "item-key": "id",
       onChange: l
     }, {
-      header: F(() => [
-        T(M1, {
+      header: G(() => [
+        V(M1, {
           title: "Milestones",
           level: 3,
           class: "ao-list__title"
         })
       ]),
-      item: F(({ element: u }) => [
-        (d(), Y(n7, {
+      item: G(({ element: u }) => [
+        (d(), F(n7, {
           key: u.id,
           title: u.name,
           activities: u.activities,
@@ -2542,9 +2552,9 @@ const yo = {
           onRemove: () => a(u.id)
         }, null, 8, ["title", "activities", "is-active", "onUpdate:title", "onClick", "onRemove"]))
       ]),
-      footer: F(() => [
+      footer: G(() => [
         r("div", c7, [
-          T(de, {
+          V(de, {
             "icon-name": "AddBoxOutlineRounded",
             label: o.$t("template.milestones.add"),
             onClick: n
@@ -2552,7 +2562,7 @@ const yo = {
         ])
       ]),
       _: 1
-    }, 8, ["model-value", "title"])) : V("", !0);
+    }, 8, ["model-value", "title"])) : A("", !0);
   }
 }), C7 = /* @__PURE__ */ e1({
   __name: "AoCardTemplateItemActivity",
@@ -2561,12 +2571,12 @@ const yo = {
     subtasks: {}
   },
   setup(s) {
-    const e = s, t = m(() => {
+    const e = s, t = _(() => {
       var n;
       return ((n = e.subtasks) == null ? void 0 : n.length) || 0;
     });
-    return (n, a) => (d(), Y(Te, { subtasks: t.value }, {
-      default: F(() => [
+    return (n, a) => (d(), F(Ee, { subtasks: t.value }, {
+      default: G(() => [
         K(n.$slots, "default")
       ]),
       _: 3
@@ -2599,7 +2609,7 @@ const yo = {
         milestoneId: t.milestone.id,
         id: o
       });
-    }, l = m({
+    }, l = _({
       get() {
         return [...t.milestone.activities || []].sort((p, u) => p.order - u.order);
       },
@@ -2613,7 +2623,7 @@ const yo = {
         });
       }
     });
-    return (o, p) => o.milestone ? (d(), Y(G(ne), {
+    return (o, p) => o.milestone ? (d(), F(Y(ne), {
       key: 0,
       modelValue: l.value,
       "onUpdate:modelValue": p[0] || (p[0] = (u) => l.value = u),
@@ -2622,15 +2632,15 @@ const yo = {
       handle: ".ao-card__drag",
       "item-key": "id"
     }, {
-      header: F(() => [
-        T(M1, {
+      header: G(() => [
+        V(M1, {
           title: "Activities",
           level: 3,
           class: "ao-list__title"
         })
       ]),
-      item: F(({ element: u }) => [
-        (d(), Y(C7, {
+      item: G(({ element: u }) => [
+        (d(), F(C7, {
           key: u.id,
           title: u.name,
           subtasks: u.subtasks,
@@ -2641,9 +2651,9 @@ const yo = {
           onRemove: () => i(u.id)
         }, null, 8, ["title", "subtasks", "is-active", "onUpdate:title", "onClick", "onRemove"]))
       ]),
-      footer: F(() => [
+      footer: G(() => [
         r("div", v7, [
-          T(de, {
+          V(de, {
             "icon-name": "AddBoxOutlineRounded",
             label: o.$t("template.activities.add"),
             onClick: n
@@ -2651,7 +2661,7 @@ const yo = {
         ])
       ]),
       _: 1
-    }, 8, ["modelValue", "title"])) : V("", !0);
+    }, 8, ["modelValue", "title"])) : A("", !0);
   }
 });
 function w1(s) {
@@ -2660,15 +2670,15 @@ function w1(s) {
 function h7(s, e, t) {
   const { object: n, valueProp: a, mode: i } = p1(s), l = N1().proxy, o = t.iv, p = (y, I = !0) => {
     o.value = v(y);
-    const H = u(y);
-    e.emit("change", H, l), I && (e.emit("input", H), e.emit("update:modelValue", H));
+    const B = u(y);
+    e.emit("change", B, l), I && (e.emit("input", B), e.emit("update:modelValue", B));
   }, u = (y) => n.value || w1(y) ? y : Array.isArray(y) ? y.map((I) => I[a.value]) : y[a.value], v = (y) => w1(y) ? i.value === "single" ? {} : [] : y;
   return {
     update: p
   };
 }
 function f7(s, e) {
-  const { value: t, modelValue: n, mode: a, valueProp: i } = p1(s), l = J(a.value !== "single" ? [] : {}), o = n && n.value !== void 0 ? n : t, p = m(() => a.value === "single" ? l.value[i.value] : l.value.map((v) => v[i.value])), u = m(() => a.value !== "single" ? l.value.map((v) => v[i.value]).join(",") : l.value[i.value]);
+  const { value: t, modelValue: n, mode: a, valueProp: i } = p1(s), l = J(a.value !== "single" ? [] : {}), o = n && n.value !== void 0 ? n : t, p = _(() => a.value === "single" ? l.value[i.value] : l.value.map((v) => v[i.value])), u = _(() => a.value !== "single" ? l.value.map((v) => v[i.value]).join(",") : l.value[i.value]);
   return {
     iv: l,
     internalValue: l,
@@ -2681,23 +2691,23 @@ function f7(s, e) {
 function _7(s, e, t) {
   const { regex: n } = p1(s), a = N1().proxy, i = t.isOpen, l = t.open, o = J(null), p = J(null), u = () => {
     o.value = "";
-  }, v = (H) => {
-    o.value = H.target.value;
-  }, y = (H) => {
+  }, v = (B) => {
+    o.value = B.target.value;
+  }, y = (B) => {
     if (n && n.value) {
-      let A = n.value;
-      typeof A == "string" && (A = new RegExp(A)), H.key.match(A) || H.preventDefault();
+      let k = n.value;
+      typeof k == "string" && (k = new RegExp(k)), B.key.match(k) || B.preventDefault();
     }
-  }, I = (H) => {
+  }, I = (B) => {
     if (n && n.value) {
-      let R = (H.clipboardData || /* istanbul ignore next */
-      window.clipboardData).getData("Text"), P = n.value;
-      typeof P == "string" && (P = new RegExp(P)), R.split("").every((L) => !!L.match(P)) || H.preventDefault();
+      let E = (B.clipboardData || /* istanbul ignore next */
+      window.clipboardData).getData("Text"), R = n.value;
+      typeof R == "string" && (R = new RegExp(R)), E.split("").every((L) => !!L.match(R)) || B.preventDefault();
     }
-    e.emit("paste", H, a);
+    e.emit("paste", B, a);
   };
-  return d1(o, (H) => {
-    !i.value && H && l(), e.emit("search-change", H, a);
+  return c1(o, (B) => {
+    !i.value && B && l(), e.emit("search-change", B, a);
   }), {
     search: o,
     input: p,
@@ -2743,40 +2753,40 @@ function y7(s, e, t) {
     label: v,
     appendNewTag: y,
     appendNewOption: I,
-    multipleLabel: H,
-    object: A,
-    loading: R,
-    delay: P,
+    multipleLabel: B,
+    object: k,
+    loading: E,
+    delay: R,
     resolveOnLoad: L,
     minChars: h,
-    filterResults: B,
+    filterResults: Z,
     clearOnSearch: X,
     clearOnSelect: s1,
-    valueProp: k,
+    valueProp: H,
     allowAbsent: t1,
-    groupLabel: _,
+    groupLabel: m,
     canDeselect: $,
-    max: D,
+    max: P,
     strict: o1,
-    closeOnSelect: E,
+    closeOnSelect: T,
     closeOnDeselect: z,
-    groups: c1,
+    groups: d1,
     reverse: m1,
-    infinite: E1,
+    infinite: T1,
     groupOptions: n1,
     groupHideEmpty: b,
     groupSelect: g,
     onCreate: S,
-    disabledProp: Z,
+    disabledProp: D,
     searchStart: Q,
     searchFilter: i1
-  } = p1(s), W = N1().proxy, U = t.iv, f = t.ev, O = t.search, r1 = t.clearSearch, I1 = t.update, et = t.pointer, O1 = t.clearPointer, tt = t.focus, st = t.deactivate, B1 = t.close, at = t.localize, U1 = J([]), V1 = J([]), b1 = J(!1), Ce = J(null), ve = J(E1.value && l.value === -1 ? 10 : l.value), He = m(() => p.value || u.value || !1), lt = m(() => y.value !== void 0 ? y.value : I.value !== void 0 ? I.value : !0), T1 = m(() => {
-    if (c1.value) {
+  } = p1(s), W = N1().proxy, U = t.iv, f = t.ev, O = t.search, r1 = t.clearSearch, I1 = t.update, et = t.pointer, O1 = t.clearPointer, tt = t.focus, st = t.deactivate, B1 = t.close, at = t.localize, U1 = J([]), V1 = J([]), b1 = J(!1), Ce = J(null), ve = J(T1.value && l.value === -1 ? 10 : l.value), ke = _(() => p.value || u.value || !1), lt = _(() => y.value !== void 0 ? y.value : I.value !== void 0 ? I.value : !0), E1 = _(() => {
+    if (d1.value) {
       let c = X1.value || /* istanbul ignore next */
       [], w = [];
       return c.forEach((q) => {
         ge(q[n1.value]).forEach((a1) => {
-          w.push(Object.assign({}, a1, q[Z.value] ? { [Z.value]: !0 } : {}));
+          w.push(Object.assign({}, a1, q[D.value] ? { [D.value]: !0 } : {}));
         });
       }), w;
     } else {
@@ -2784,31 +2794,31 @@ function y7(s, e, t) {
       []);
       return U1.value.length && (c = c.concat(U1.value)), c;
     }
-  }), ke = m(() => {
-    let c = T1.value;
+  }), He = _(() => {
+    let c = E1.value;
     return m1.value && (c = c.reverse()), Z1.value.length && (c = Z1.value.concat(c)), me(c);
-  }), q1 = m(() => {
-    let c = ke.value;
+  }), q1 = _(() => {
+    let c = He.value;
     return ve.value > 0 && (c = c.slice(0, ve.value)), c;
-  }), X1 = m(() => {
-    if (!c1.value)
+  }), X1 = _(() => {
+    if (!d1.value)
       return [];
     let c = [], w = V1.value || /* istanbul ignore next */
     [];
     return U1.value.length && c.push({
-      [_.value]: " ",
+      [m.value]: " ",
       [n1.value]: [...U1.value],
       __CREATE__: !0
     }), c.concat(w);
-  }), nt = m(() => {
+  }), nt = _(() => {
     let c = [...X1.value].map((w) => ({ ...w }));
     return Z1.value.length && (c[0] && c[0].__CREATE__ ? c[0][n1.value] = [...Z1.value, ...c[0][n1.value]] : c = [{
-      [_.value]: " ",
+      [m.value]: " ",
       [n1.value]: [...Z1.value],
       __CREATE__: !0
     }].concat(c)), c;
-  }), Oe = m(() => {
-    if (!c1.value)
+  }), Oe = _(() => {
+    if (!d1.value)
       return [];
     let c = nt.value;
     return bt((c || /* istanbul ignore next */
@@ -2818,24 +2828,24 @@ function y7(s, e, t) {
         ...w,
         index: q,
         group: !0,
-        [n1.value]: me(a1, !1).map((j1) => Object.assign({}, j1, w[Z.value] ? { [Z.value]: !0 } : {})),
-        __VISIBLE__: me(a1).map((j1) => Object.assign({}, j1, w[Z.value] ? { [Z.value]: !0 } : {}))
+        [n1.value]: me(a1, !1).map((j1) => Object.assign({}, j1, w[D.value] ? { [D.value]: !0 } : {})),
+        __VISIBLE__: me(a1).map((j1) => Object.assign({}, j1, w[D.value] ? { [D.value]: !0 } : {}))
       };
     }));
-  }), pe = m(() => {
+  }), pe = _(() => {
     switch (a.value) {
       case "single":
-        return !w1(U.value[k.value]);
+        return !w1(U.value[H.value]);
       case "multiple":
       case "tags":
         return !w1(U.value) && U.value.length > 0;
     }
-  }), it = m(() => H !== void 0 && H.value !== void 0 ? H.value(U.value, W) : U.value && U.value.length > 1 ? `${U.value.length} options selected` : "1 option selected"), ot = m(() => !T1.value.length && !b1.value && !Z1.value.length), rt = m(() => T1.value.length > 0 && q1.value.length == 0 && (O.value && c1.value || !c1.value)), Z1 = m(() => He.value === !1 || !O.value ? [] : _t(O.value) !== -1 ? [] : [{
-    [k.value]: O.value,
+  }), it = _(() => B !== void 0 && B.value !== void 0 ? B.value(U.value, W) : U.value && U.value.length > 1 ? `${U.value.length} options selected` : "1 option selected"), ot = _(() => !E1.value.length && !b1.value && !Z1.value.length), rt = _(() => E1.value.length > 0 && q1.value.length == 0 && (O.value && d1.value || !d1.value)), Z1 = _(() => ke.value === !1 || !O.value ? [] : _t(O.value) !== -1 ? [] : [{
+    [H.value]: O.value,
     [y1.value]: O.value,
     [v.value]: O.value,
     __CREATE__: !0
-  }]), y1 = m(() => i.value || v.value), ut = m(() => {
+  }]), y1 = _(() => i.value || v.value), ut = _(() => {
     switch (a.value) {
       case "single":
         return null;
@@ -2843,7 +2853,7 @@ function y7(s, e, t) {
       case "tags":
         return [];
     }
-  }), ct = m(() => R.value || b1.value), D1 = (c) => {
+  }), ct = _(() => E.value || b1.value), D1 = (c) => {
     switch (typeof c != "object" && (c = L1(c)), a.value) {
       case "single":
         I1(c);
@@ -2861,11 +2871,11 @@ function y7(s, e, t) {
         break;
       case "tags":
       case "multiple":
-        I1(Array.isArray(c) ? U.value.filter((w) => c.map((q) => q[k.value]).indexOf(w[k.value]) === -1) : U.value.filter((w) => w[k.value] != c[k.value]));
+        I1(Array.isArray(c) ? U.value.filter((w) => c.map((q) => q[H.value]).indexOf(w[H.value]) === -1) : U.value.filter((w) => w[H.value] != c[H.value]));
         break;
     }
     e.emit("deselect", Be(c), c, W);
-  }, Be = (c) => A.value ? c : c[k.value], Ze = (c) => {
+  }, Be = (c) => k.value ? c : c[H.value], Ze = (c) => {
     P1(c);
   }, dt = (c, w) => {
     if (w.button !== 0) {
@@ -2880,12 +2890,12 @@ function y7(s, e, t) {
       return a.value === "single" ? !1 : ft(c[n1.value]) && c[n1.value].length;
     switch (a.value) {
       case "single":
-        return !w1(U.value) && U.value[k.value] == c[k.value];
+        return !w1(U.value) && U.value[H.value] == c[H.value];
       case "tags":
       case "multiple":
-        return !w1(U.value) && U.value.map((w) => w[k.value]).indexOf(c[k.value]) !== -1;
+        return !w1(U.value) && U.value.map((w) => w[H.value]).indexOf(c[H.value]) !== -1;
     }
-  }, he = (c) => c[Z.value] === !0, fe = () => D === void 0 || D.value === -1 || !pe.value && D.value > 0 ? !1 : U.value.length >= D.value, Ct = (c) => {
+  }, he = (c) => c[D.value] === !0, fe = () => P === void 0 || P.value === -1 || !pe.value && P.value > 0 ? !1 : U.value.length >= P.value, Ct = (c) => {
     if (!he(c)) {
       if (S && S.value && !S1(c) && c.__CREATE__ && (c = { ...c }, delete c.__CREATE__, c = S.value(c, W), c instanceof Promise)) {
         b1.value = !0, c.then((w) => {
@@ -2902,7 +2912,7 @@ function y7(s, e, t) {
           $.value && P1(c), z.value && (O1(), B1());
           return;
         }
-        c && _e(c), s1.value && r1(), E.value && (O1(), B1()), c && D1(c);
+        c && _e(c), s1.value && r1(), T.value && (O1(), B1()), c && D1(c);
         break;
       case "multiple":
         if (c && S1(c)) {
@@ -2913,7 +2923,7 @@ function y7(s, e, t) {
           e.emit("max", W);
           return;
         }
-        c && (_e(c), D1(c)), s1.value && r1(), o.value && O1(), E.value && B1();
+        c && (_e(c), D1(c)), s1.value && r1(), o.value && O1(), T.value && B1();
         break;
       case "tags":
         if (c && S1(c)) {
@@ -2924,27 +2934,27 @@ function y7(s, e, t) {
           e.emit("max", W);
           return;
         }
-        c && _e(c), s1.value && r1(), c && D1(c), o.value && O1(), E.value && B1();
+        c && _e(c), s1.value && r1(), c && D1(c), o.value && O1(), T.value && B1();
         break;
     }
-    E.value || tt();
+    T.value || tt();
   }, vt = (c) => {
     if (!(he(c) || a.value === "single" || !g.value)) {
       switch (a.value) {
         case "multiple":
         case "tags":
           ht(c[n1.value]) ? P1(c[n1.value]) : D1(
-            c[n1.value].filter((w) => U.value.map((q) => q[k.value]).indexOf(w[k.value]) === -1).filter((w) => !w[Z.value]).filter((w, q) => U.value.length + 1 + q <= D.value || D.value === -1)
+            c[n1.value].filter((w) => U.value.map((q) => q[H.value]).indexOf(w[H.value]) === -1).filter((w) => !w[D.value]).filter((w, q) => U.value.length + 1 + q <= P.value || P.value === -1)
           );
           break;
       }
-      E.value && st();
+      T.value && st();
     }
   }, _e = (c) => {
-    L1(c[k.value]) === void 0 && He.value && (e.emit("tag", c[k.value], W), e.emit("option", c[k.value], W), e.emit("create", c[k.value], W), lt.value && gt(c), r1());
+    L1(c[H.value]) === void 0 && ke.value && (e.emit("tag", c[H.value], W), e.emit("option", c[H.value], W), e.emit("create", c[H.value], W), lt.value && gt(c), r1());
   }, pt = () => {
     a.value !== "single" && D1(q1.value.filter((c) => !c.disabled && !S1(c)));
-  }, ht = (c) => c.find((w) => !S1(w) && !w[Z.value]) === void 0, ft = (c) => c.find((w) => !S1(w)) === void 0, L1 = (c) => T1.value[T1.value.map((w) => String(w[k.value])).indexOf(String(c))], _t = (c, w = !0) => T1.value.map((q) => parseInt(q[y1.value]) == q[y1.value] ? parseInt(q[y1.value]) : q[y1.value]).indexOf(
+  }, ht = (c) => c.find((w) => !S1(w) && !w[D.value]) === void 0, ft = (c) => c.find((w) => !S1(w)) === void 0, L1 = (c) => E1.value[E1.value.map((w) => String(w[H.value])).indexOf(String(c))], _t = (c, w = !0) => E1.value.map((q) => parseInt(q[y1.value]) == q[y1.value] ? parseInt(q[y1.value]) : q[y1.value]).indexOf(
     parseInt(c) == c ? parseInt(c) : c
   ), mt = (c) => ["tags", "multiple"].indexOf(a.value) !== -1 && o.value && S1(c), gt = (c) => {
     U1.value.push(c);
@@ -2952,7 +2962,7 @@ function y7(s, e, t) {
     (w) => O.value ? w.__VISIBLE__.length : w[n1.value].length
   ) : c.filter((w) => O.value ? w.__VISIBLE__.length : !0), me = (c, w = !0) => {
     let q = c;
-    if (O.value && B.value) {
+    if (O.value && Z.value) {
       let a1 = i1.value;
       a1 || (a1 = (j1, vo) => {
         let Re = we(at(j1[y1.value]), o1.value);
@@ -2964,8 +2974,8 @@ function y7(s, e, t) {
     let w = c;
     return g7(w) && (w = Object.keys(w).map((q) => {
       let a1 = w[q];
-      return { [k.value]: q, [y1.value]: a1, [v.value]: a1 };
-    })), w = w.map((q) => typeof q == "object" ? q : { [k.value]: q, [y1.value]: q, [v.value]: q }), w;
+      return { [H.value]: q, [y1.value]: a1, [v.value]: a1 };
+    })), w = w.map((q) => typeof q == "object" ? q : { [H.value]: q, [y1.value]: q, [v.value]: q }), w;
   }, W1 = () => {
     w1(f.value) || (U.value = Q1(f.value));
   }, J1 = (c) => (b1.value = !0, new Promise((w, q) => {
@@ -2979,71 +2989,71 @@ function y7(s, e, t) {
   })), be = () => {
     if (pe.value)
       if (a.value === "single") {
-        let c = L1(U.value[k.value]);
+        let c = L1(U.value[H.value]);
         if (c !== void 0) {
           let w = c[v.value];
-          U.value[v.value] = w, A.value && (f.value[v.value] = w);
+          U.value[v.value] = w, k.value && (f.value[v.value] = w);
         }
       } else
         U.value.forEach((c, w) => {
-          let q = L1(U.value[w][k.value]);
+          let q = L1(U.value[w][H.value]);
           if (q !== void 0) {
             let a1 = q[v.value];
-            U.value[w][v.value] = a1, A.value && (f.value[w][v.value] = a1);
+            U.value[w][v.value] = a1, k.value && (f.value[w][v.value] = a1);
           }
         });
   }, yt = (c) => {
     J1(c);
-  }, Q1 = (c) => w1(c) ? a.value === "single" ? {} : [] : A.value ? c : a.value === "single" ? L1(c) || (t1.value ? {
+  }, Q1 = (c) => w1(c) ? a.value === "single" ? {} : [] : k.value ? c : a.value === "single" ? L1(c) || (t1.value ? {
     [v.value]: c,
-    [k.value]: c,
+    [H.value]: c,
     [y1.value]: c
   } : {}) : c.filter((w) => !!L1(w) || t1.value).map((w) => L1(w) || {
     [v.value]: w,
-    [k.value]: w,
+    [H.value]: w,
     [y1.value]: w
   }), Ne = () => {
-    Ce.value = d1(O, (c) => {
+    Ce.value = c1(O, (c) => {
       c.length < h.value || !c && h.value !== 0 || (b1.value = !0, X.value && (V1.value = []), setTimeout(() => {
         c == O.value && n.value(O.value, W).then((w) => {
-          (c == O.value || !O.value) && (V1.value = w, et.value = q1.value.filter((q) => q[Z.value] !== !0)[0] || null, b1.value = !1);
+          (c == O.value || !O.value) && (V1.value = w, et.value = q1.value.filter((q) => q[D.value] !== !0)[0] || null, b1.value = !1);
         }).catch(
           /* istanbul ignore next */
           (w) => {
             console.error(w);
           }
         );
-      }, P.value));
+      }, R.value));
     }, { flush: "sync" });
   };
   if (a.value !== "single" && !w1(f.value) && !Array.isArray(f.value))
     throw new Error(`v-model must be an array when using "${a.value}" mode`);
-  return n && typeof n.value == "function" ? L.value ? J1(W1) : A.value == !0 && W1() : (V1.value = n.value, W1()), P.value > -1 && Ne(), d1(P, (c, w) => {
+  return n && typeof n.value == "function" ? L.value ? J1(W1) : k.value == !0 && W1() : (V1.value = n.value, W1()), R.value > -1 && Ne(), c1(R, (c, w) => {
     Ce.value && Ce.value(), c >= 0 && Ne();
-  }), d1(f, (c) => {
+  }), c1(f, (c) => {
     if (w1(c)) {
       I1(Q1(c), !1);
       return;
     }
     switch (a.value) {
       case "single":
-        (A.value ? c[k.value] != U.value[k.value] : c != U.value[k.value]) && I1(Q1(c), !1);
+        (k.value ? c[H.value] != U.value[H.value] : c != U.value[H.value]) && I1(Q1(c), !1);
         break;
       case "multiple":
       case "tags":
-        b7(A.value ? c.map((w) => w[k.value]) : c, U.value.map((w) => w[k.value])) || I1(Q1(c), !1);
+        b7(k.value ? c.map((w) => w[H.value]) : c, U.value.map((w) => w[H.value])) || I1(Q1(c), !1);
         break;
     }
-  }, { deep: !0 }), d1(n, (c, w) => {
+  }, { deep: !0 }), c1(n, (c, w) => {
     typeof s.options == "function" ? L.value && (!w || c && c.toString() !== w.toString()) && J1() : (V1.value = s.options, Object.keys(U.value).length || W1(), be());
-  }), d1(v, be), {
-    pfo: ke,
+  }), c1(v, be), {
+    pfo: He,
     fo: q1,
     filteredOptions: q1,
     hasSelected: pe,
     multipleLabelText: it,
-    eo: T1,
-    extendedOptions: T1,
+    eo: E1,
+    extendedOptions: E1,
     eg: X1,
     extendedGroups: X1,
     fg: Oe,
@@ -3081,53 +3091,53 @@ function w7(s, e, t) {
     groupSelect: u,
     disabledProp: v,
     groupOptions: y
-  } = p1(s), I = t.fo, H = t.fg, A = t.handleOptionClick, R = t.handleGroupClick, P = t.search, L = t.pointer, h = t.setPointer, B = t.clearPointer, X = t.multiselect, s1 = t.isOpen, k = m(() => I.value.filter((f) => !f[v.value])), t1 = m(() => H.value.filter((f) => !f[v.value])), _ = m(() => p.value !== "single" && u.value), $ = m(() => L.value && L.value.group), D = m(() => W(L.value)), o1 = m(() => {
+  } = p1(s), I = t.fo, B = t.fg, k = t.handleOptionClick, E = t.handleGroupClick, R = t.search, L = t.pointer, h = t.setPointer, Z = t.clearPointer, X = t.multiselect, s1 = t.isOpen, H = _(() => I.value.filter((f) => !f[v.value])), t1 = _(() => B.value.filter((f) => !f[v.value])), m = _(() => p.value !== "single" && u.value), $ = _(() => L.value && L.value.group), P = _(() => W(L.value)), o1 = _(() => {
     const f = $.value ? L.value : (
       /* istanbul ignore next */
       W(L.value)
     ), O = t1.value.map((I1) => I1[l.value]).indexOf(f[l.value]);
     let r1 = t1.value[O - 1];
     return r1 === void 0 && (r1 = z.value), r1;
-  }), E = m(() => {
+  }), T = _(() => {
     let f = t1.value.map((O) => O.label).indexOf($.value ? L.value[l.value] : W(L.value)[l.value]) + 1;
     return t1.value.length <= f && (f = 0), t1.value[f];
-  }), z = m(() => [...t1.value].slice(-1)[0]), c1 = m(() => L.value.__VISIBLE__.filter((f) => !f[v.value])[0]), m1 = m(() => {
-    const f = D.value.__VISIBLE__.filter((O) => !O[v.value]);
+  }), z = _(() => [...t1.value].slice(-1)[0]), d1 = _(() => L.value.__VISIBLE__.filter((f) => !f[v.value])[0]), m1 = _(() => {
+    const f = P.value.__VISIBLE__.filter((O) => !O[v.value]);
     return f[f.map((O) => O[n.value]).indexOf(L.value[n.value]) - 1];
-  }), E1 = m(() => {
+  }), T1 = _(() => {
     const f = W(L.value).__VISIBLE__.filter((O) => !O[v.value]);
     return f[f.map((O) => O[n.value]).indexOf(L.value[n.value]) + 1];
-  }), n1 = m(() => [...o1.value.__VISIBLE__.filter((f) => !f[v.value])].slice(-1)[0]), b = m(() => [...z.value.__VISIBLE__.filter((f) => !f[v.value])].slice(-1)[0]), g = (f) => L.value && (!f.group && L.value[n.value] === f[n.value] || f.group !== void 0 && L.value[l.value] === f[l.value]) ? !0 : void 0, S = () => {
-    h(k.value[0] || null);
-  }, Z = () => {
-    !L.value || L.value[v.value] === !0 || ($.value ? R(L.value) : A(L.value));
+  }), n1 = _(() => [...o1.value.__VISIBLE__.filter((f) => !f[v.value])].slice(-1)[0]), b = _(() => [...z.value.__VISIBLE__.filter((f) => !f[v.value])].slice(-1)[0]), g = (f) => L.value && (!f.group && L.value[n.value] === f[n.value] || f.group !== void 0 && L.value[l.value] === f[l.value]) ? !0 : void 0, S = () => {
+    h(H.value[0] || null);
+  }, D = () => {
+    !L.value || L.value[v.value] === !0 || ($.value ? E(L.value) : k(L.value));
   }, Q = () => {
     if (L.value === null)
-      h((o.value && _.value ? t1.value[0].__CREATE__ ? k.value[0] : t1.value[0] : k.value[0]) || null);
-    else if (o.value && _.value) {
-      let f = $.value ? c1.value : E1.value;
-      f === void 0 && (f = E.value, f.__CREATE__ && (f = f[y.value][0])), h(f || /* istanbul ignore next */
+      h((o.value && m.value ? t1.value[0].__CREATE__ ? H.value[0] : t1.value[0] : H.value[0]) || null);
+    else if (o.value && m.value) {
+      let f = $.value ? d1.value : T1.value;
+      f === void 0 && (f = T.value, f.__CREATE__ && (f = f[y.value][0])), h(f || /* istanbul ignore next */
       null);
     } else {
-      let f = k.value.map((O) => O[n.value]).indexOf(L.value[n.value]) + 1;
-      k.value.length <= f && (f = 0), h(k.value[f] || null);
+      let f = H.value.map((O) => O[n.value]).indexOf(L.value[n.value]) + 1;
+      H.value.length <= f && (f = 0), h(H.value[f] || null);
     }
-    k1(() => {
+    H1(() => {
       U();
     });
   }, i1 = () => {
     if (L.value === null) {
-      let f = k.value[k.value.length - 1];
-      o.value && _.value && (f = b.value, f === void 0 && (f = z.value)), h(f || null);
-    } else if (o.value && _.value) {
+      let f = H.value[H.value.length - 1];
+      o.value && m.value && (f = b.value, f === void 0 && (f = z.value)), h(f || null);
+    } else if (o.value && m.value) {
       let f = $.value ? n1.value : m1.value;
-      f === void 0 && (f = $.value ? o1.value : D.value, f.__CREATE__ && (f = n1.value, f === void 0 && (f = o1.value))), h(f || /* istanbul ignore next */
+      f === void 0 && (f = $.value ? o1.value : P.value, f.__CREATE__ && (f = n1.value, f === void 0 && (f = o1.value))), h(f || /* istanbul ignore next */
       null);
     } else {
-      let f = k.value.map((O) => O[n.value]).indexOf(L.value[n.value]) - 1;
-      f < 0 && (f = k.value.length - 1), h(k.value[f] || null);
+      let f = H.value.map((O) => O[n.value]).indexOf(L.value[n.value]) - 1;
+      f < 0 && (f = H.value.length - 1), h(H.value[f] || null);
     }
-    k1(() => {
+    H1(() => {
       U();
     });
   }, W = (f) => t1.value.find((O) => O.__VISIBLE__.map((r1) => r1[n.value]).indexOf(f[n.value]) !== -1), U = () => {
@@ -3137,24 +3147,24 @@ function w7(s, e, t) {
     let O = f.parentElement.parentElement;
     o.value && (O = $.value ? f.parentElement.parentElement.parentElement : f.parentElement.parentElement.parentElement.parentElement), f.offsetTop + f.offsetHeight > O.clientHeight + O.scrollTop && (O.scrollTop = f.offsetTop + f.offsetHeight - O.clientHeight), f.offsetTop < O.scrollTop && (O.scrollTop = f.offsetTop);
   };
-  return d1(P, (f) => {
-    i.value && (f.length && a.value ? S() : B());
-  }), d1(s1, (f) => {
+  return c1(R, (f) => {
+    i.value && (f.length && a.value ? S() : Z());
+  }), c1(s1, (f) => {
     if (f) {
       let O = X.value.querySelectorAll("[data-selected]")[0];
       if (!O)
         return;
       let r1 = O.parentElement.parentElement;
-      k1(() => {
+      H1(() => {
         r1.scrollTop > 0 || (r1.scrollTop = O.offsetTop);
       });
     }
   }), {
     pointer: L,
-    canPointGroups: _,
+    canPointGroups: m,
     isPointed: g,
     setPointerFirst: S,
-    selectPointer: Z,
+    selectPointer: D,
     forwardPointer: Q,
     backwardPointer: i1
   };
@@ -3172,30 +3182,30 @@ function $7(s, e, t) {
   };
 }
 function M7(s, e, t) {
-  const { searchable: n, disabled: a, clearOnBlur: i } = p1(s), l = t.input, o = t.open, p = t.close, u = t.clearSearch, v = t.isOpen, y = J(null), I = J(null), H = J(null), A = J(!1), R = J(!1), P = m(() => n.value || a.value ? -1 : 0), L = () => {
+  const { searchable: n, disabled: a, clearOnBlur: i } = p1(s), l = t.input, o = t.open, p = t.close, u = t.clearSearch, v = t.isOpen, y = J(null), I = J(null), B = J(null), k = J(!1), E = J(!1), R = _(() => n.value || a.value ? -1 : 0), L = () => {
     n.value && l.value.blur(), I.value.blur();
   }, h = () => {
     n.value && !a.value && l.value.focus();
-  }, B = ($ = !0) => {
-    a.value || (A.value = !0, $ && o());
+  }, Z = ($ = !0) => {
+    a.value || (k.value = !0, $ && o());
   }, X = () => {
-    A.value = !1, setTimeout(() => {
-      A.value || (p(), i.value && u());
+    k.value = !1, setTimeout(() => {
+      k.value || (p(), i.value && u());
     }, 1);
   };
   return {
     multiselect: y,
     wrapper: I,
-    tags: H,
-    tabindex: P,
-    isActive: A,
-    mouseClicked: R,
+    tags: B,
+    tabindex: R,
+    isActive: k,
+    mouseClicked: E,
     blur: L,
     focus: h,
-    activate: B,
+    activate: Z,
     deactivate: X,
     handleFocusIn: ($) => {
-      $.target.closest("[data-tags]") && $.target.nodeName !== "INPUT" || $.target.closest("[data-clear]") || B(R.value);
+      $.target.closest("[data-tags]") && $.target.nodeName !== "INPUT" || $.target.closest("[data-clear]") || Z(E.value);
     },
     handleFocusOut: () => {
       X();
@@ -3204,10 +3214,10 @@ function M7(s, e, t) {
       X(), L();
     },
     handleMousedown: ($) => {
-      R.value = !0, v.value && ($.target.isEqualNode(I.value) || $.target.isEqualNode(H.value)) ? setTimeout(() => {
+      E.value = !0, v.value && ($.target.isEqualNode(I.value) || $.target.isEqualNode(B.value)) ? setTimeout(() => {
         X();
-      }, 0) : document.activeElement.isEqualNode(I.value) && !v.value && B(), setTimeout(() => {
-        R.value = !1;
+      }, 0) : document.activeElement.isEqualNode(I.value) && !v.value && Z(), setTimeout(() => {
+        E.value = !1;
       }, 0);
     }
   };
@@ -3224,10 +3234,10 @@ function I7(s, e, t) {
     addOptionOn: v,
     createTag: y,
     createOption: I,
-    reverse: H
-  } = p1(s), A = N1().proxy, R = t.iv, P = t.update, L = t.search, h = t.setPointer, B = t.selectPointer, X = t.backwardPointer, s1 = t.forwardPointer, k = t.multiselect, t1 = t.wrapper, _ = t.tags, $ = t.isOpen, D = t.open, o1 = t.blur, E = t.fo, z = m(() => y.value || I.value || !1), c1 = m(() => a.value !== void 0 ? a.value : v.value !== void 0 ? v.value : ["enter"]), m1 = () => {
-    n.value === "tags" && !o.value && z.value && l.value && !u.value && h(E.value[E.value.map((g) => g[p.value]).indexOf(L.value)]);
-  }, E1 = (g) => {
+    reverse: B
+  } = p1(s), k = N1().proxy, E = t.iv, R = t.update, L = t.search, h = t.setPointer, Z = t.selectPointer, X = t.backwardPointer, s1 = t.forwardPointer, H = t.multiselect, t1 = t.wrapper, m = t.tags, $ = t.isOpen, P = t.open, o1 = t.blur, T = t.fo, z = _(() => y.value || I.value || !1), d1 = _(() => a.value !== void 0 ? a.value : v.value !== void 0 ? v.value : ["enter"]), m1 = () => {
+    n.value === "tags" && !o.value && z.value && l.value && !u.value && h(T.value[T.value.map((g) => g[p.value]).indexOf(L.value)]);
+  }, T1 = (g) => {
     let S = g.length - 1;
     for (; S >= 0 && (g[S].remove === !1 || g[S].disabled); )
       S--;
@@ -3235,42 +3245,42 @@ function I7(s, e, t) {
   };
   return {
     handleKeydown: (g) => {
-      e.emit("keydown", g, A);
-      let S, Z;
-      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(g.key) !== -1 && n.value === "tags" && (S = [...k.value.querySelectorAll("[data-tags] > *")].filter((Q) => Q !== _.value), Z = S.findIndex((Q) => Q === document.activeElement)), g.key) {
+      e.emit("keydown", g, k);
+      let S, D;
+      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(g.key) !== -1 && n.value === "tags" && (S = [...H.value.querySelectorAll("[data-tags] > *")].filter((Q) => Q !== m.value), D = S.findIndex((Q) => Q === document.activeElement)), g.key) {
         case "Backspace":
-          if (n.value === "single" || l.value && [null, ""].indexOf(L.value) === -1 || R.value.length === 0)
+          if (n.value === "single" || l.value && [null, ""].indexOf(L.value) === -1 || E.value.length === 0)
             return;
-          P(E1([...R.value]));
+          R(T1([...E.value]));
           break;
         case "Enter":
           if (g.preventDefault(), g.keyCode === 229)
             return;
-          if (Z !== -1 && Z !== void 0) {
-            P([...R.value].filter((Q, i1) => i1 !== Z)), Z === S.length - 1 && (S.length - 1 ? S[S.length - 2].focus() : l.value ? _.value.querySelector("input").focus() : t1.value.focus());
+          if (D !== -1 && D !== void 0) {
+            R([...E.value].filter((Q, i1) => i1 !== D)), D === S.length - 1 && (S.length - 1 ? S[S.length - 2].focus() : l.value ? m.value.querySelector("input").focus() : t1.value.focus());
             return;
           }
-          if (c1.value.indexOf("enter") === -1 && z.value)
+          if (d1.value.indexOf("enter") === -1 && z.value)
             return;
-          m1(), B();
+          m1(), Z();
           break;
         case " ":
           if (!z.value && !l.value) {
-            g.preventDefault(), m1(), B();
+            g.preventDefault(), m1(), Z();
             return;
           }
           if (!z.value)
             return !1;
-          if (c1.value.indexOf("space") === -1 && z.value)
+          if (d1.value.indexOf("space") === -1 && z.value)
             return;
-          g.preventDefault(), m1(), B();
+          g.preventDefault(), m1(), Z();
           break;
         case "Tab":
         case ";":
         case ",":
-          if (c1.value.indexOf(g.key.toLowerCase()) === -1 || !z.value)
+          if (d1.value.indexOf(g.key.toLowerCase()) === -1 || !z.value)
             return;
-          m1(), B(), g.preventDefault();
+          m1(), Z(), g.preventDefault();
           break;
         case "Escape":
           o1();
@@ -3278,27 +3288,27 @@ function I7(s, e, t) {
         case "ArrowUp":
           if (g.preventDefault(), !o.value)
             return;
-          $.value || D(), X();
+          $.value || P(), X();
           break;
         case "ArrowDown":
           if (g.preventDefault(), !o.value)
             return;
-          $.value || D(), s1();
+          $.value || P(), s1();
           break;
         case "ArrowLeft":
-          if (l.value && _.value && _.value.querySelector("input").selectionStart || g.shiftKey || n.value !== "tags" || !R.value || !R.value.length)
+          if (l.value && m.value && m.value.querySelector("input").selectionStart || g.shiftKey || n.value !== "tags" || !E.value || !E.value.length)
             return;
-          g.preventDefault(), Z === -1 ? S[S.length - 1].focus() : Z > 0 && S[Z - 1].focus();
+          g.preventDefault(), D === -1 ? S[S.length - 1].focus() : D > 0 && S[D - 1].focus();
           break;
         case "ArrowRight":
-          if (Z === -1 || g.shiftKey || n.value !== "tags" || !R.value || !R.value.length)
+          if (D === -1 || g.shiftKey || n.value !== "tags" || !E.value || !E.value.length)
             return;
-          g.preventDefault(), S.length > Z + 1 ? S[Z + 1].focus() : l.value ? _.value.querySelector("input").focus() : l.value || t1.value.focus();
+          g.preventDefault(), S.length > D + 1 ? S[D + 1].focus() : l.value ? m.value.querySelector("input").focus() : l.value || t1.value.focus();
           break;
       }
     },
     handleKeyup: (g) => {
-      e.emit("keyup", g, A);
+      e.emit("keyup", g, k);
     },
     preparePointer: m1
   };
@@ -3309,7 +3319,7 @@ function S7(s, e, t) {
     disabled: a,
     openDirection: i,
     showOptions: l
-  } = p1(s), o = t.isOpen, p = t.isPointed, u = t.isSelected, v = t.isDisabled, y = t.isActive, I = t.canPointGroups, H = t.resolving, A = t.fo, R = m(() => ({
+  } = p1(s), o = t.isOpen, p = t.isPointed, u = t.isSelected, v = t.isDisabled, y = t.isActive, I = t.canPointGroups, B = t.resolving, k = t.fo, E = _(() => ({
     container: "multiselect",
     containerDisabled: "is-disabled",
     containerOpen: "is-open",
@@ -3362,12 +3372,12 @@ function S7(s, e, t) {
     assist: "multiselect-assistive-text",
     spacer: "multiselect-spacer",
     ...n.value
-  })), P = m(() => !!(o.value && l.value && (!H.value || H.value && A.value.length)));
+  })), R = _(() => !!(o.value && l.value && (!B.value || B.value && k.value.length)));
   return {
-    classList: m(() => {
-      const h = R.value;
+    classList: _(() => {
+      const h = E.value;
       return {
-        container: [h.container].concat(a.value ? h.containerDisabled : []).concat(P.value && i.value === "top" ? h.containerOpenTop : []).concat(P.value && i.value !== "top" ? h.containerOpen : []).concat(y.value ? h.containerActive : []),
+        container: [h.container].concat(a.value ? h.containerDisabled : []).concat(R.value && i.value === "top" ? h.containerOpenTop : []).concat(R.value && i.value !== "top" ? h.containerOpen : []).concat(y.value ? h.containerActive : []),
         wrapper: h.wrapper,
         spacer: h.spacer,
         singleLabel: h.singleLabel,
@@ -3389,17 +3399,17 @@ function S7(s, e, t) {
         spinner: h.spinner,
         inifinite: h.inifinite,
         inifiniteSpinner: h.inifiniteSpinner,
-        dropdown: [h.dropdown].concat(i.value === "top" ? h.dropdownTop : []).concat(!o.value || !l.value || !P.value ? h.dropdownHidden : []),
+        dropdown: [h.dropdown].concat(i.value === "top" ? h.dropdownTop : []).concat(!o.value || !l.value || !R.value ? h.dropdownHidden : []),
         options: [h.options].concat(i.value === "top" ? h.optionsTop : []),
         group: h.group,
-        groupLabel: (B) => {
+        groupLabel: (Z) => {
           let X = [h.groupLabel];
-          return p(B) ? X.push(u(B) ? h.groupLabelSelectedPointed : h.groupLabelPointed) : u(B) && I.value ? X.push(v(B) ? h.groupLabelSelectedDisabled : h.groupLabelSelected) : v(B) && X.push(h.groupLabelDisabled), I.value && X.push(h.groupLabelPointable), X;
+          return p(Z) ? X.push(u(Z) ? h.groupLabelSelectedPointed : h.groupLabelPointed) : u(Z) && I.value ? X.push(v(Z) ? h.groupLabelSelectedDisabled : h.groupLabelSelected) : v(Z) && X.push(h.groupLabelDisabled), I.value && X.push(h.groupLabelPointable), X;
         },
         groupOptions: h.groupOptions,
-        option: (B, X) => {
+        option: (Z, X) => {
           let s1 = [h.option];
-          return p(B) ? s1.push(u(B) ? h.optionSelectedPointed : h.optionPointed) : u(B) ? s1.push(v(B) ? h.optionSelectedDisabled : h.optionSelected) : (v(B) || X && v(X)) && s1.push(h.optionDisabled), s1;
+          return p(Z) ? s1.push(u(Z) ? h.optionSelectedPointed : h.optionPointed) : u(Z) ? s1.push(v(Z) ? h.optionSelectedDisabled : h.optionSelected) : (v(Z) || X && v(X)) && s1.push(h.optionDisabled), s1;
         },
         noOptions: h.noOptions,
         noResults: h.noResults,
@@ -3407,32 +3417,32 @@ function S7(s, e, t) {
         fakeInput: h.fakeInput
       };
     }),
-    showDropdown: P
+    showDropdown: R
   };
 }
 function L7(s, e, t) {
   const {
     limit: n,
     infinite: a
-  } = p1(s), i = t.isOpen, l = t.offset, o = t.search, p = t.pfo, u = t.eo, v = J(null), y = J(null), I = m(() => l.value < p.value.length), H = (R) => {
-    const { isIntersecting: P, target: L } = R[0];
-    if (P) {
-      const h = L.offsetParent, B = h.scrollTop;
-      l.value += n.value == -1 ? 10 : n.value, k1(() => {
-        h.scrollTop = B;
+  } = p1(s), i = t.isOpen, l = t.offset, o = t.search, p = t.pfo, u = t.eo, v = J(null), y = J(null), I = _(() => l.value < p.value.length), B = (E) => {
+    const { isIntersecting: R, target: L } = E[0];
+    if (R) {
+      const h = L.offsetParent, Z = h.scrollTop;
+      l.value += n.value == -1 ? 10 : n.value, H1(() => {
+        h.scrollTop = Z;
       });
     }
-  }, A = () => {
+  }, k = () => {
     i.value && l.value < p.value.length ? v.value.observe(y.value) : !i.value && v.value && v.value.disconnect();
   };
-  return d1(i, () => {
-    a.value && A();
-  }), d1(o, () => {
-    a.value && (l.value = n.value, A());
-  }, { flush: "post" }), d1(u, () => {
-    a.value && A();
+  return c1(i, () => {
+    a.value && k();
+  }), c1(o, () => {
+    a.value && (l.value = n.value, k());
+  }, { flush: "post" }), c1(u, () => {
+    a.value && k();
   }, { immediate: !1, flush: "post" }), Ie(() => {
-    window && window.IntersectionObserver && (v.value = new IntersectionObserver(H));
+    window && window.IntersectionObserver && (v.value = new IntersectionObserver(B));
   }), {
     hasMore: I,
     infiniteLoader: y
@@ -3448,52 +3458,52 @@ function A7(s, e, t) {
     groupLabel: p,
     aria: u,
     searchable: v
-  } = p1(s), y = t.pointer, I = t.iv, H = t.hasSelected, A = t.multipleLabelText, R = J(null), P = m(() => {
-    let E = [];
-    return a && a.value && E.push(a.value), E.push("assist"), E.join("-");
-  }), L = m(() => {
-    let E = [];
-    return a && a.value && E.push(a.value), E.push("multiselect-options"), E.join("-");
-  }), h = m(() => {
-    let E = [];
-    if (a && a.value && E.push(a.value), y.value)
-      return E.push(y.value.group ? "multiselect-group" : "multiselect-option"), E.push(y.value.group ? y.value.index : y.value[i.value]), E.join("-");
-  }), B = m(() => n.value), X = m(() => o.value !== "single"), s1 = m(() => {
-    let E = "";
-    return o.value === "single" && H.value && (E += I.value[l.value]), o.value === "multiple" && H.value && (E += A.value), o.value === "tags" && H.value && (E += I.value.map((z) => z[l.value]).join(", ")), E;
-  }), k = m(() => {
-    let E = { ...u.value };
-    return v.value && (E["aria-labelledby"] = E["aria-labelledby"] ? `${P.value} ${E["aria-labelledby"]}` : P.value, s1.value && E["aria-label"] && (E["aria-label"] = `${s1.value}, ${E["aria-label"]}`)), E;
-  }), t1 = (E) => {
+  } = p1(s), y = t.pointer, I = t.iv, B = t.hasSelected, k = t.multipleLabelText, E = J(null), R = _(() => {
+    let T = [];
+    return a && a.value && T.push(a.value), T.push("assist"), T.join("-");
+  }), L = _(() => {
+    let T = [];
+    return a && a.value && T.push(a.value), T.push("multiselect-options"), T.join("-");
+  }), h = _(() => {
+    let T = [];
+    if (a && a.value && T.push(a.value), y.value)
+      return T.push(y.value.group ? "multiselect-group" : "multiselect-option"), T.push(y.value.group ? y.value.index : y.value[i.value]), T.join("-");
+  }), Z = _(() => n.value), X = _(() => o.value !== "single"), s1 = _(() => {
+    let T = "";
+    return o.value === "single" && B.value && (T += I.value[l.value]), o.value === "multiple" && B.value && (T += k.value), o.value === "tags" && B.value && (T += I.value.map((z) => z[l.value]).join(", ")), T;
+  }), H = _(() => {
+    let T = { ...u.value };
+    return v.value && (T["aria-labelledby"] = T["aria-labelledby"] ? `${R.value} ${T["aria-labelledby"]}` : R.value, s1.value && T["aria-label"] && (T["aria-label"] = `${s1.value}, ${T["aria-label"]}`)), T;
+  }), t1 = (T) => {
     let z = [];
-    return a && a.value && z.push(a.value), z.push("multiselect-option"), z.push(E[i.value]), z.join("-");
-  }, _ = (E) => {
+    return a && a.value && z.push(a.value), z.push("multiselect-option"), z.push(T[i.value]), z.join("-");
+  }, m = (T) => {
     let z = [];
-    return a && a.value && z.push(a.value), z.push("multiselect-group"), z.push(E.index), z.join("-");
-  }, $ = (E) => {
+    return a && a.value && z.push(a.value), z.push("multiselect-group"), z.push(T.index), z.join("-");
+  }, $ = (T) => {
     let z = [];
-    return z.push(E), z.join(" ");
-  }, D = (E) => {
+    return z.push(T), z.join(" ");
+  }, P = (T) => {
     let z = [];
-    return z.push(E), z.join(" ");
-  }, o1 = (E) => `${E} ❎`;
+    return z.push(T), z.join(" ");
+  }, o1 = (T) => `${T} ❎`;
   return Ie(() => {
     if (a && a.value && document && document.querySelector) {
-      let E = document.querySelector(`[for="${a.value}"]`);
-      R.value = E ? E.innerText : null;
+      let T = document.querySelector(`[for="${a.value}"]`);
+      E.value = T ? T.innerText : null;
     }
   }), {
-    arias: k,
+    arias: H,
     ariaLabel: s1,
-    ariaAssist: P,
+    ariaAssist: R,
     ariaControls: L,
-    ariaPlaceholder: B,
+    ariaPlaceholder: Z,
     ariaMultiselectable: X,
     ariaActiveDescendant: h,
     ariaOptionId: t1,
     ariaOptionLabel: $,
-    ariaGroupId: _,
-    ariaGroupLabel: D,
+    ariaGroupId: m,
+    ariaGroupLabel: P,
     ariaTagLabel: o1
   };
 }
@@ -3506,7 +3516,7 @@ function V7(s, e, t) {
     localize: (l) => !l || typeof l != "object" ? l : l && l[n.value] ? l[n.value] : l && n.value && l[n.value.toUpperCase()] ? l[n.value.toUpperCase()] : l && l[a.value] ? l[a.value] : l && a.value && l[a.value.toUpperCase()] ? l[a.value.toUpperCase()] : l && Object.keys(l)[0] ? l[Object.keys(l)[0]] : ""
   };
 }
-function T7(s, e, t, n = {}) {
+function E7(s, e, t, n = {}) {
   return t.forEach((a) => {
     a && (n = {
       ...n,
@@ -3850,7 +3860,7 @@ var C1 = {
     }
   },
   setup(s, e) {
-    return T7(s, e, [
+    return E7(s, e, [
       V7,
       f7,
       m7,
@@ -3867,7 +3877,7 @@ var C1 = {
     ]);
   }
 };
-const E7 = ["id", "dir"], H7 = ["tabindex", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable", "role"], k7 = ["type", "modelValue", "value", "autocomplete", "id", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], O7 = ["onKeyup", "aria-label"], B7 = ["onClick"], Z7 = ["type", "modelValue", "value", "id", "autocomplete", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], D7 = ["innerHTML"], P7 = ["id"], N7 = ["id", "aria-label", "aria-selected"], R7 = ["data-pointed", "onMouseenter", "onClick"], U7 = ["innerHTML"], q7 = ["aria-label"], j7 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], z7 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], x7 = ["innerHTML"], K7 = ["innerHTML"], G7 = ["value"], F7 = ["name", "value"], Y7 = ["name", "value"], X7 = ["id"];
+const T7 = ["id", "dir"], k7 = ["tabindex", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable", "role"], H7 = ["type", "modelValue", "value", "autocomplete", "id", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], O7 = ["onKeyup", "aria-label"], B7 = ["onClick"], Z7 = ["type", "modelValue", "value", "id", "autocomplete", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], D7 = ["innerHTML"], P7 = ["id"], N7 = ["id", "aria-label", "aria-selected"], R7 = ["data-pointed", "onMouseenter", "onClick"], U7 = ["innerHTML"], q7 = ["aria-label"], j7 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], z7 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], x7 = ["innerHTML"], K7 = ["innerHTML"], G7 = ["value"], F7 = ["name", "value"], Y7 = ["name", "value"], X7 = ["id"];
 function W7(s, e, t, n, a, i) {
   return d(), C("div", {
     ref: "multiselect",
@@ -3879,7 +3889,7 @@ function W7(s, e, t, n, a, i) {
     onKeyup: e[12] || (e[12] = (...l) => s.handleKeyup && s.handleKeyup(...l)),
     onKeydown: e[13] || (e[13] = (...l) => s.handleKeydown && s.handleKeydown(...l))
   }, [
-    r("div", H1({
+    r("div", k1({
       class: s.classList.wrapper,
       onMousedown: e[9] || (e[9] = (...l) => s.handleMousedown && s.handleMousedown(...l)),
       ref: "wrapper",
@@ -3891,8 +3901,8 @@ function W7(s, e, t, n, a, i) {
       "aria-multiselectable": t.searchable ? void 0 : s.ariaMultiselectable,
       role: t.searchable ? void 0 : "combobox"
     }, t.searchable ? {} : s.arias), [
-      V(" Search "),
-      t.mode !== "tags" && t.searchable && !t.disabled ? (d(), C("input", H1({
+      A(" Search "),
+      t.mode !== "tags" && t.searchable && !t.disabled ? (d(), C("input", k1({
         key: 0,
         type: t.inputType,
         modelValue: s.search,
@@ -3913,8 +3923,8 @@ function W7(s, e, t, n, a, i) {
       }, {
         ...t.attrs,
         ...s.arias
-      }), null, 16, k7)) : V("v-if", !0),
-      V(" Tags (with search) "),
+      }), null, 16, H7)) : A("v-if", !0),
+      A(" Tags (with search) "),
       t.mode == "tags" ? (d(), C(
         "div",
         {
@@ -3960,7 +3970,7 @@ function W7(s, e, t, n, a, i) {
                     2
                     /* CLASS */
                   )
-                ], 10, B7)) : V("v-if", !0)
+                ], 10, B7)) : A("v-if", !0)
               ], 42, O7))
             ])),
             256
@@ -3973,7 +3983,7 @@ function W7(s, e, t, n, a, i) {
               ref: "tags"
             },
             [
-              V(" Used for measuring search width "),
+              A(" Used for measuring search width "),
               r(
                 "span",
                 {
@@ -3983,8 +3993,8 @@ function W7(s, e, t, n, a, i) {
                 3
                 /* TEXT, CLASS */
               ),
-              V(" Actual search input "),
-              t.searchable && !t.disabled ? (d(), C("input", H1({
+              A(" Actual search input "),
+              t.searchable && !t.disabled ? (d(), C("input", k1({
                 key: 0,
                 type: t.inputType,
                 modelValue: s.search,
@@ -4005,7 +4015,7 @@ function W7(s, e, t, n, a, i) {
               }, {
                 ...t.attrs,
                 ...s.arias
-              }), null, 16, Z7)) : V("v-if", !0)
+              }), null, 16, Z7)) : A("v-if", !0)
             ],
             2
             /* CLASS */
@@ -4013,8 +4023,8 @@ function W7(s, e, t, n, a, i) {
         ],
         2
         /* CLASS */
-      )) : V("v-if", !0),
-      V(" Single label "),
+      )) : A("v-if", !0),
+      A(" Single label "),
       t.mode == "single" && s.hasSelected && !s.search && s.iv ? K(s.$slots, "singlelabel", {
         key: 2,
         value: s.iv
@@ -4038,8 +4048,8 @@ function W7(s, e, t, n, a, i) {
           2
           /* CLASS */
         )
-      ]) : V("v-if", !0),
-      V(" Multiple label "),
+      ]) : A("v-if", !0),
+      A(" Multiple label "),
       t.mode == "multiple" && s.hasSelected && !s.search ? K(s.$slots, "multiplelabel", {
         key: 3,
         values: s.iv
@@ -4048,8 +4058,8 @@ function W7(s, e, t, n, a, i) {
           class: j(s.classList.multipleLabel),
           innerHTML: s.multipleLabelText
         }, null, 10, D7)
-      ]) : V("v-if", !0),
-      V(" Placeholder "),
+      ]) : A("v-if", !0),
+      A(" Placeholder "),
       t.placeholder && !s.hasSelected && !s.search ? K(s.$slots, "placeholder", { key: 4 }, () => [
         r(
           "div",
@@ -4061,8 +4071,8 @@ function W7(s, e, t, n, a, i) {
           3
           /* TEXT, CLASS */
         )
-      ]) : V("v-if", !0),
-      V(" Spinner "),
+      ]) : A("v-if", !0),
+      A(" Spinner "),
       t.loading || s.resolving ? K(s.$slots, "spinner", { key: 5 }, () => [
         r(
           "span",
@@ -4074,8 +4084,8 @@ function W7(s, e, t, n, a, i) {
           2
           /* CLASS */
         )
-      ]) : V("v-if", !0),
-      V(" Clear "),
+      ]) : A("v-if", !0),
+      A(" Clear "),
       s.hasSelected && !t.disabled && t.canClear && !s.busy ? K(s.$slots, "clear", {
         key: 6,
         clear: s.clear
@@ -4106,8 +4116,8 @@ function W7(s, e, t, n, a, i) {
           34
           /* CLASS, HYDRATE_EVENTS */
         )
-      ]) : V("v-if", !0),
-      V(" Caret "),
+      ]) : A("v-if", !0),
+      A(" Caret "),
       t.caret && t.showOptions ? K(s.$slots, "caret", { key: 7 }, () => [
         r(
           "span",
@@ -4120,9 +4130,9 @@ function W7(s, e, t, n, a, i) {
           2
           /* CLASS */
         )
-      ]) : V("v-if", !0)
-    ], 16, H7),
-    V(" Options "),
+      ]) : A("v-if", !0)
+    ], 16, k7),
+    A(" Options "),
     r(
       "div",
       {
@@ -4147,7 +4157,7 @@ function W7(s, e, t, n, a, i) {
               "aria-selected": s.isSelected(l),
               role: "option"
             }, [
-              l.__CREATE__ ? V("v-if", !0) : (d(), C("div", {
+              l.__CREATE__ ? A("v-if", !0) : (d(), C("div", {
                 key: 0,
                 class: j(s.classList.groupLabel(l)),
                 "data-pointed": s.isPointed(l),
@@ -4245,13 +4255,13 @@ function W7(s, e, t, n, a, i) {
             class: j(s.classList.noOptions),
             innerHTML: s.localize(t.noOptionsText)
           }, null, 10, x7)
-        ]) : V("v-if", !0),
+        ]) : A("v-if", !0),
         s.noResults ? K(s.$slots, "noresults", { key: 1 }, () => [
           r("div", {
             class: j(s.classList.noResults),
             innerHTML: s.localize(t.noResultsText)
           }, null, 10, K7)
-        ]) : V("v-if", !0),
+        ]) : A("v-if", !0),
         t.infinite && s.hasMore ? (d(), C(
           "div",
           {
@@ -4274,21 +4284,21 @@ function W7(s, e, t, n, a, i) {
           ],
           2
           /* CLASS */
-        )) : V("v-if", !0),
+        )) : A("v-if", !0),
         K(s.$slots, "afterlist", { options: s.fo })
       ],
       2
       /* CLASS */
     ),
-    V(" Hacky input element to show HTML5 required warning "),
+    A(" Hacky input element to show HTML5 required warning "),
     t.required ? (d(), C("input", {
       key: 0,
       class: j(s.classList.fakeInput),
       tabindex: "-1",
       value: s.textValue,
       required: ""
-    }, null, 10, G7)) : V("v-if", !0),
-    V(" Native input support "),
+    }, null, 10, G7)) : A("v-if", !0),
+    A(" Native input support "),
     t.nativeSupport ? (d(), C(
       f1,
       { key: 1 },
@@ -4313,15 +4323,15 @@ function W7(s, e, t, n, a, i) {
       ],
       64
       /* STABLE_FRAGMENT */
-    )) : V("v-if", !0),
-    V(" Screen reader assistive text "),
+    )) : A("v-if", !0),
+    A(" Screen reader assistive text "),
     t.searchable && s.hasSelected ? (d(), C("div", {
       key: 2,
       class: j(s.classList.assist),
       id: s.ariaAssist,
       "aria-hidden": "true"
-    }, x(s.ariaLabel), 11, X7)) : V("v-if", !0),
-    V(" Create height for empty input "),
+    }, x(s.ariaLabel), 11, X7)) : A("v-if", !0),
+    A(" Create height for empty input "),
     r(
       "div",
       {
@@ -4331,7 +4341,7 @@ function W7(s, e, t, n, a, i) {
       2
       /* CLASS */
     )
-  ], 42, E7);
+  ], 42, T7);
 }
 C1.render = W7;
 C1.__file = "src/Multiselect.vue";
@@ -4350,7 +4360,7 @@ const J7 = { class: "ao-modal__wrapper" }, Q7 = { class: "ao-modal" }, e0 = { cl
       r("div", Q7, [
         r("div", e0, [
           r("div", t0, [
-            T(g1, {
+            V(g1, {
               "icon-name": "CloseRounded",
               variant: "ghost",
               color: "primary",
@@ -4359,7 +4369,7 @@ const J7 = { class: "ao-modal__wrapper" }, Q7 = { class: "ao-modal" }, e0 = { cl
           ]),
           e.$slots.header ? (d(), C("header", s0, [
             K(e.$slots, "header")
-          ])) : V("", !0)
+          ])) : A("", !0)
         ]),
         r("div", a0, [
           K(e.$slots, "default")
@@ -4369,7 +4379,7 @@ const J7 = { class: "ao-modal__wrapper" }, Q7 = { class: "ao-modal" }, e0 = { cl
   }
 });
 var ze;
-function Ee() {
+function Te() {
   const s = l0(), e = s.appContext.config.globalProperties;
   return {
     i18next: e.$i18next,
@@ -4412,7 +4422,7 @@ const n0 = { class: "ao-subtasks" }, i0 = { class: "ao-subtasks__list" }, o0 = [
   },
   emits: ["add", "delete", "update"],
   setup(s, { emit: e }) {
-    const t = s, { t: n } = Ee(), a = () => {
+    const t = s, { t: n } = Te(), a = () => {
       const u = t.subtasks.length, v = t.subtasks.at(-1), y = v ? u1.LexoRank.parse(v.rank).genNext() : u1.LexoRank.middle(), I = {
         name: n("template.defaultName.subtask", { idx: u + 1 }),
         rank: y.format(),
@@ -4444,23 +4454,23 @@ const n0 = { class: "ao-subtasks" }, i0 = { class: "ao-subtasks__list" }, o0 = [
           key: y.id,
           class: "ao-subtask"
         }, [
-          u.isCheckable ? (d(), Y(g1, {
+          u.isCheckable ? (d(), F(g1, {
             key: 0,
             class: "ao-subtask__delete",
-            "icon-name": y.status === G(se).done ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
+            "icon-name": y.status === Y(se).done ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
             variant: "ghost",
             onClick: () => l(
               y.id,
-              y.status === G(se).done ? G(se).todo : G(se).done
+              y.status === Y(se).done ? Y(se).todo : Y(se).done
             )
-          }, null, 8, ["icon-name", "onClick"])) : V("", !0),
+          }, null, 8, ["icon-name", "onClick"])) : A("", !0),
           r("input", {
             value: y.name,
             class: "ao-field__input ao-subtask__field",
             type: "text",
             onChange: (I) => i(I, y.id)
           }, null, 40, o0),
-          T(G(C1), {
+          V(Y(C1), {
             mode: "tags",
             value: y.assignees,
             options: u.assigneesOptions,
@@ -4470,16 +4480,16 @@ const n0 = { class: "ao-subtasks" }, i0 = { class: "ao-subtasks__list" }, o0 = [
             placeholder: u.$t("feed.filters.assignee.placeholder"),
             onChange: (I) => p(I, y.id)
           }, {
-            tag: F(({ option: I, handleTagRemove: H }) => [
-              T(Ve, {
+            tag: G(({ option: I, handleTagRemove: B }) => [
+              V(Ve, {
                 "user-name": I.label,
                 "is-closable": !0,
-                onClose: (A) => H(I, A)
+                onClose: (k) => B(I, k)
               }, null, 8, ["user-name", "onClose"])
             ]),
             _: 2
           }, 1032, ["value", "options", "placeholder", "onChange"]),
-          T(g1, {
+          V(g1, {
             class: "ao-subtask__delete",
             "icon-name": "CloseRounded",
             variant: "ghost",
@@ -4488,7 +4498,7 @@ const n0 = { class: "ao-subtasks" }, i0 = { class: "ao-subtasks__list" }, o0 = [
         ]))), 128))
       ]),
       r("div", r0, [
-        T(g1, {
+        V(g1, {
           label: u.$t("activity.subtasks.add"),
           "icon-name": "Add",
           variant: "ghost",
@@ -4537,7 +4547,7 @@ const c0 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], d0 = {
     function o() {
       i.value = !1;
     }
-    d1(i, (u) => {
+    c1(i, (u) => {
       e("toggleIsDropActive", u);
     });
     function p(u) {
@@ -4571,14 +4581,14 @@ const c0 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], d0 = {
               target: "_blank",
               rel: "noopener noreferrer"
             }, [
-              T(v1, {
+              V(v1, {
                 class: "ao-file__icon",
                 name: "AttachFileRounded",
                 size: "sm"
               }),
               r("span", v0, x(I.name), 1)
             ], 8, C0),
-            T(g1, {
+            V(g1, {
               class: "ao-files__delete-button",
               "icon-name": "DeleteOutlineRounded",
               variant: "ghost",
@@ -4609,7 +4619,7 @@ const c0 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], d0 = {
 const g0 = {
   key: 0,
   class: "ao-activity__category"
-}, b0 = { class: "ao-activity-details__content" }, y0 = { class: "ao-fieldset" }, w0 = { class: "ao-field__row" }, $0 = { class: "ao-field ao-field--full" }, M0 = { class: "ao-field__label" }, I0 = { class: "ao-field__row" }, S0 = { class: "ao-field" }, L0 = { class: "ao-field__label" }, A0 = { class: "ao-field" }, V0 = { class: "ao-field__label" }, T0 = { class: "ao-field__row" }, E0 = { class: "ao-field ao-field--multiselect" }, H0 = { class: "ao-field__label" }, k0 = { class: "ao-field__row" }, O0 = { class: "ao-field ao-field--multiselect" }, B0 = { class: "ao-field__label" }, Z0 = { class: "ao-fieldset" }, D0 = { class: "ao-fieldset__title" }, P0 = { class: "ao-field__row" }, N0 = { class: "ao-field ao-field--multiselect" }, R0 = { class: "ao-field__label" }, U0 = { class: "ao-field__row" }, q0 = { class: "ao-field ao-field--multiselect" }, j0 = { class: "ao-field__label" }, z0 = { class: "ao-field__row" }, x0 = { class: "ao-field ao-field--multiselect" }, K0 = { class: "ao-field__label" }, G0 = { class: "ao-fieldset" }, F0 = { class: "ao-fieldset__title" }, Y0 = { class: "ao-activity-details__aside" }, X0 = { class: "ao-fieldset__title" }, W0 = /* @__PURE__ */ e1({
+}, b0 = { class: "ao-activity-details__content" }, y0 = { class: "ao-fieldset" }, w0 = { class: "ao-field__row" }, $0 = { class: "ao-field ao-field--full" }, M0 = { class: "ao-field__label" }, I0 = { class: "ao-field__row" }, S0 = { class: "ao-field" }, L0 = { class: "ao-field__label" }, A0 = { class: "ao-field" }, V0 = { class: "ao-field__label" }, E0 = { class: "ao-field__row" }, T0 = { class: "ao-field ao-field--multiselect" }, k0 = { class: "ao-field__label" }, H0 = { class: "ao-field__row" }, O0 = { class: "ao-field ao-field--multiselect" }, B0 = { class: "ao-field__label" }, Z0 = { class: "ao-fieldset" }, D0 = { class: "ao-fieldset__title" }, P0 = { class: "ao-field__row" }, N0 = { class: "ao-field ao-field--multiselect" }, R0 = { class: "ao-field__label" }, U0 = { class: "ao-field__row" }, q0 = { class: "ao-field ao-field--multiselect" }, j0 = { class: "ao-field__label" }, z0 = { class: "ao-field__row" }, x0 = { class: "ao-field ao-field--multiselect" }, K0 = { class: "ao-field__label" }, G0 = { class: "ao-fieldset" }, F0 = { class: "ao-fieldset__title" }, Y0 = { class: "ao-activity-details__aside" }, X0 = { class: "ao-fieldset__title" }, W0 = /* @__PURE__ */ e1({
   __name: "AoActivityDetails",
   props: {
     activity: {},
@@ -4623,152 +4633,153 @@ const g0 = {
   },
   emits: ["update:activity", "close", "addSubtask", "updateSubtask", "addFiles", "removeFile"],
   setup(s, { emit: e }) {
-    const t = s, n = J(!1), a = (_) => {
-      n.value = _;
-    }, i = (_) => {
+    const t = s, n = J(!1), a = (m) => {
+      n.value = m;
+    }, i = (m) => {
       e("update:activity", {
         id: t.activity.id,
-        name: _
+        name: m
       });
-    }, l = m({
+    }, l = _({
       get() {
         return t.activity.description || "";
       },
-      set(_) {
-        e("update:activity", { id: t.activity.id, description: _ });
+      set(m) {
+        e("update:activity", { id: t.activity.id, description: m });
       }
-    }), o = m({
+    }), o = _({
       get() {
         return t.activity.estimation || 0;
       },
-      set(_) {
-        e("update:activity", { id: t.activity.id, estimation: _ });
+      set(m) {
+        e("update:activity", { id: t.activity.id, estimation: m });
       }
-    }), p = m({
+    }), p = _({
       get() {
         return t.activity.isImportant || !1;
       },
-      set(_) {
-        e("update:activity", { id: t.activity.id, isImportant: _ });
+      set(m) {
+        e("update:activity", { id: t.activity.id, isImportant: m });
       }
-    }), u = m({
+    }), u = _({
       get() {
         return t.activity.type;
       },
-      set(_) {
-        e("update:activity", { id: t.activity.id, type: _ });
+      set(m) {
+        e("update:activity", { id: t.activity.id, type: m });
       }
-    }), v = m(() => t.templateActivities.filter((_) => _.id !== t.activity.id).map((_) => ({
-      label: _.name,
-      value: _.id
-    }))), y = m({
+    }), v = _(() => t.templateActivities.filter((m) => m.id !== t.activity.id).map((m) => ({
+      label: m.name,
+      value: m.id
+    }))), y = _({
       get() {
         return t.activity.dependingOn;
       },
-      set(_) {
-        _ && e("update:activity", {
+      set(m) {
+        m && e("update:activity", {
           id: t.activity.id,
-          dependingOn: _
+          dependingOn: m
         });
       }
-    }), I = m(() => v.value.map((_) => {
+    }), I = _(() => v.value.map((m) => {
       var $;
       return {
-        ..._,
-        disabled: ($ = t.activity.blocking) == null ? void 0 : $.some((D) => D === _.value)
+        ...m,
+        disabled: ($ = t.activity.blocking) == null ? void 0 : $.some((P) => P === m.value)
       };
-    })), H = m({
+    })), B = _({
       get() {
         return t.activity.blocking;
       },
-      set(_) {
-        _ && e("update:activity", {
+      set(m) {
+        m && e("update:activity", {
           id: t.activity.id,
-          blocking: _
+          blocking: m
         });
       }
-    }), A = m(() => v.value.map((_) => {
+    }), k = _(() => v.value.map((m) => {
       var $;
       return {
-        ..._,
-        disabled: ($ = t.activity.dependingOn) == null ? void 0 : $.some((D) => D === _.value)
+        ...m,
+        disabled: ($ = t.activity.dependingOn) == null ? void 0 : $.some((P) => P === m.value)
       };
-    })), R = m(() => (t.templateMilestones || []).filter(($) => $.id !== t.milestoneId).map(($) => ({
+    })), E = _(() => (t.templateMilestones || []).filter(($) => $.id !== t.milestoneId).map(($) => ({
       label: $.name,
       value: $.id
-    }))), P = m({
+    }))), R = _({
       get() {
         return t.activity.dependingMilestones;
       },
-      set(_) {
+      set(m) {
         e("update:activity", {
           id: t.activity.id,
-          dependingMilestones: _
+          dependingMilestones: m
         });
       }
-    }), L = (_) => {
-      e("addSubtask", _);
-    }, h = (_) => {
-      const $ = [...t.activity.subtasks || []], D = $.findIndex((o1) => o1.id === _.id);
-      $[D] = {
-        ...$[D],
-        ..._
+    }), L = (m) => {
+      e("addSubtask", m);
+    }, h = (m) => {
+      const $ = [...t.activity.subtasks || []], P = $.findIndex((o1) => o1.id === m.id);
+      $[P] = {
+        ...$[P],
+        ...m
       }, e("update:activity", { id: t.activity.id, subtasks: $ });
-    }, B = (_) => {
+    }, Z = (m) => {
       const $ = [...t.activity.subtasks || []].filter(
-        (D) => D.id !== _
+        (P) => P.id !== m
       );
       e("update:activity", { id: t.activity.id, subtasks: $ });
-    }, X = m(() => {
-      var _;
-      return ((_ = t.users) == null ? void 0 : _.map(($) => ({
+    }, X = _(() => {
+      var m;
+      return ((m = t.users) == null ? void 0 : m.map(($) => ({
         label: `${$.firstName} ${$.lastName}`,
         value: $.id
       }))) || [];
-    }), s1 = m({
+    }), s1 = _({
       get() {
         return t.activity.assignees;
       },
-      set(_) {
+      set(m) {
         e("update:activity", {
           id: t.activity.id,
-          assignees: _
+          assignees: m
         });
       }
-    }), k = (_) => {
+    }), H = (m) => {
       e("addFiles", {
         activityId: t.activity.id,
-        files: _
+        files: m
       });
-    }, t1 = (_) => {
+    }, t1 = (m) => {
       e("removeFile", {
         activityId: t.activity.id,
-        file: _
+        file: m
       });
     };
-    return (_, $) => (d(), Y(Qe, {
-      onClose: $[8] || ($[8] = (D) => _.$emit("close"))
+    return (m, $) => (d(), F(Qe, {
+      onClose: $[8] || ($[8] = (P) => m.$emit("close"))
     }, {
-      header: F(() => [
-        K(_.$slots, "header", {}, () => [
-          _.breadcrumbs ? (d(), C("div", g0, x(_.breadcrumbs), 1)) : V("", !0),
-          T(M1, {
-            title: _.activity.name || _.activity.id,
+      header: G(() => [
+        K(m.$slots, "header", {}, () => [
+          m.breadcrumbs ? (d(), C("div", g0, x(m.breadcrumbs), 1)) : A("", !0),
+          V(M1, {
+            title: m.activity.name || m.activity.id,
             level: 4,
+            "is-editable": !0,
             "is-editing": n.value,
             onToggleIsEditing: a,
             "onUpdate:title": i
           }, null, 8, ["title", "is-editing"])
         ])
       ]),
-      default: F(() => [
+      default: G(() => [
         r("div", b0, [
           r("fieldset", y0, [
             r("div", w0, [
               r("label", $0, [
-                r("span", M0, x(_.$t("activity.description.label")), 1),
+                r("span", M0, x(m.$t("activity.description.label")), 1),
                 ae(r("textarea", {
-                  "onUpdate:modelValue": $[0] || ($[0] = (D) => l.value = D),
+                  "onUpdate:modelValue": $[0] || ($[0] = (P) => l.value = P),
                   rows: "4",
                   class: "ao-field__textarea"
                 }, null, 512), [
@@ -4786,9 +4797,9 @@ const g0 = {
             ]),
             r("div", I0, [
               r("label", S0, [
-                r("span", L0, x(_.$t("activity.estimation.label")), 1),
+                r("span", L0, x(m.$t("activity.estimation.label")), 1),
                 ae(r("input", {
-                  "onUpdate:modelValue": $[1] || ($[1] = (D) => o.value = D),
+                  "onUpdate:modelValue": $[1] || ($[1] = (P) => o.value = P),
                   class: "ao-field__input",
                   type: "number",
                   min: "0"
@@ -4805,9 +4816,9 @@ const g0 = {
                 ])
               ]),
               r("label", A0, [
-                r("span", V0, x(_.$t("activity.isImportant.label")), 1),
+                r("span", V0, x(m.$t("activity.isImportant.label")), 1),
                 ae(r("input", {
-                  "onUpdate:modelValue": $[2] || ($[2] = (D) => p.value = D),
+                  "onUpdate:modelValue": $[2] || ($[2] = (P) => p.value = P),
                   class: "ao-field__input",
                   type: "checkbox"
                 }, null, 512), [
@@ -4820,59 +4831,59 @@ const g0 = {
                 ])
               ])
             ]),
-            r("div", T0, [
-              r("div", E0, [
-                r("span", H0, x(_.$t("activity.assignees.label")), 1),
-                T(G(C1), {
+            r("div", E0, [
+              r("div", T0, [
+                r("span", k0, x(m.$t("activity.assignees.label")), 1),
+                V(Y(C1), {
                   modelValue: s1.value,
-                  "onUpdate:modelValue": $[3] || ($[3] = (D) => s1.value = D),
+                  "onUpdate:modelValue": $[3] || ($[3] = (P) => s1.value = P),
                   mode: "tags",
                   options: X.value,
                   "close-on-select": !1,
                   searchable: !0,
                   class: "ao-activity-details__assignees",
-                  placeholder: _.$t("feed.filters.assignee.placeholder")
+                  placeholder: m.$t("feed.filters.assignee.placeholder")
                 }, {
-                  tag: F(({ option: D, handleTagRemove: o1 }) => [
-                    T(Ve, {
-                      "user-name": D.label,
+                  tag: G(({ option: P, handleTagRemove: o1 }) => [
+                    V(Ve, {
+                      "user-name": P.label,
                       "is-closable": !0,
-                      onClose: (E) => o1(D, E)
+                      onClose: (T) => o1(P, T)
                     }, null, 8, ["user-name", "onClose"])
                   ]),
                   _: 1
                 }, 8, ["modelValue", "options", "placeholder"])
               ])
             ]),
-            r("div", k0, [
+            r("div", H0, [
               r("label", O0, [
-                r("span", B0, x(_.$t("activity.type.label")), 1),
-                T(G(C1), {
+                r("span", B0, x(m.$t("activity.type.label")), 1),
+                V(Y(C1), {
                   modelValue: u.value,
-                  "onUpdate:modelValue": $[4] || ($[4] = (D) => u.value = D),
+                  "onUpdate:modelValue": $[4] || ($[4] = (P) => u.value = P),
                   class: "ao-field__multiselect",
                   mode: "single",
                   searchable: !0,
                   "create-option": !0,
-                  options: _.activityTypes
+                  options: m.activityTypes
                 }, null, 8, ["modelValue", "options"])
               ])
             ])
           ]),
           r("fieldset", Z0, [
             r("div", D0, [
-              T(v1, { name: "FlowsheetOutlineRounded" }),
-              T(M1, {
+              V(v1, { name: "FlowsheetOutlineRounded" }),
+              V(M1, {
                 level: 4,
-                title: _.$t("activity.dependencies.title")
+                title: m.$t("activity.dependencies.title")
               }, null, 8, ["title"])
             ]),
             r("div", P0, [
               r("label", N0, [
-                r("span", R0, x(_.$t("activity.dependingOn.label")), 1),
-                T(G(C1), {
+                r("span", R0, x(m.$t("activity.dependingOn.label")), 1),
+                V(Y(C1), {
                   modelValue: y.value,
-                  "onUpdate:modelValue": $[5] || ($[5] = (D) => y.value = D),
+                  "onUpdate:modelValue": $[5] || ($[5] = (P) => y.value = P),
                   class: "ao-field__multiselect",
                   mode: "tags",
                   "close-on-select": !1,
@@ -4883,64 +4894,64 @@ const g0 = {
             ]),
             r("div", U0, [
               r("label", q0, [
-                r("span", j0, x(_.$t("activity.blocking.label")), 1),
-                T(G(C1), {
-                  modelValue: H.value,
-                  "onUpdate:modelValue": $[6] || ($[6] = (D) => H.value = D),
+                r("span", j0, x(m.$t("activity.blocking.label")), 1),
+                V(Y(C1), {
+                  modelValue: B.value,
+                  "onUpdate:modelValue": $[6] || ($[6] = (P) => B.value = P),
                   class: "ao-field__multiselect",
                   mode: "tags",
                   "close-on-select": !1,
                   searchable: !0,
-                  options: A.value
+                  options: k.value
                 }, null, 8, ["modelValue", "options"])
               ])
             ]),
             r("div", z0, [
               r("label", x0, [
-                r("span", K0, x(_.$t("activity.dependingMilestone.label")), 1),
-                T(G(C1), {
-                  modelValue: P.value,
-                  "onUpdate:modelValue": $[7] || ($[7] = (D) => P.value = D),
+                r("span", K0, x(m.$t("activity.dependingMilestone.label")), 1),
+                V(Y(C1), {
+                  modelValue: R.value,
+                  "onUpdate:modelValue": $[7] || ($[7] = (P) => R.value = P),
                   class: "ao-field__multiselect",
                   mode: "tags",
                   "close-on-select": !1,
                   searchable: !0,
-                  options: R.value
+                  options: E.value
                 }, null, 8, ["modelValue", "options"])
               ])
             ])
           ]),
           r("fieldset", G0, [
             r("div", F0, [
-              T(v1, { name: "SelectCheckBox" }),
-              T(M1, {
+              V(v1, { name: "SelectCheckBox" }),
+              V(M1, {
                 level: 4,
-                title: _.$t("activity.subtasks.title")
+                title: m.$t("activity.subtasks.title")
               }, null, 8, ["title"])
             ]),
-            T(u0, {
+            V(u0, {
               class: "ao-activity-details__subtasks",
-              subtasks: _.activity.subtasks || [],
-              "activity-id": _.activity.id,
+              subtasks: m.activity.subtasks || [],
+              "activity-id": m.activity.id,
               "assignees-options": X.value,
               onAdd: L,
               onUpdate: h,
-              onDelete: B
+              onDelete: Z
             }, null, 8, ["subtasks", "activity-id", "assignees-options"])
           ]),
-          K(_.$slots, "default")
+          K(m.$slots, "default")
         ]),
         r("div", Y0, [
           r("div", X0, [
-            T(v1, { name: "AttachFileRounded" }),
-            T(M1, {
+            V(v1, { name: "AttachFileRounded" }),
+            V(M1, {
               level: 4,
-              title: _.$t("activity.attachments.title")
+              title: m.$t("activity.attachments.title")
             }, null, 8, ["title"])
           ]),
-          T(m0, {
-            attachments: _.activity.attachments,
-            onAdd: k,
+          V(m0, {
+            attachments: m.activity.attachments,
+            onAdd: H,
             onRemove: t1
           }, null, 8, ["attachments"])
         ])
@@ -4962,7 +4973,7 @@ const J0 = /* @__PURE__ */ e1({
   setup(s, { emit: e }) {
     const t = s, n = ye(
       t.rule.itemType || l1.ACTIVITIES
-    ), a = m({
+    ), a = _({
       get() {
         return n.value;
       },
@@ -4973,7 +4984,7 @@ const J0 = /* @__PURE__ */ e1({
           subItemId: void 0
         });
       }
-    }), i = m(() => Object.values(l1)), l = m({
+    }), i = _(() => Object.values(l1)), l = _({
       get() {
         return t.rule.subItemId;
       },
@@ -4984,89 +4995,89 @@ const J0 = /* @__PURE__ */ e1({
           itemType: t.rule.itemType || a.value
         });
       }
-    }), o = m(() => {
+    }), o = _(() => {
       var h;
       return !t.templateActivities || !t.templateMilestones || !t.templatePhases ? null : (h = {
         [l1.ACTIVITIES]: t.templateActivities,
         [l1.MILESTONES]: t.templateMilestones,
         [l1.PHASES]: t.templatePhases
-      }[n.value]) == null ? void 0 : h.map((B) => ({
-        value: B.id,
-        label: B.name
+      }[n.value]) == null ? void 0 : h.map((Z) => ({
+        value: Z.id,
+        label: Z.name
       }));
-    }), p = ye(t.rule.comparator), u = m({
+    }), p = ye(t.rule.comparator), u = _({
       get() {
         return p.value;
       },
       set(L) {
         e("update:rule", { ...t.rule, comparator: L });
       }
-    }), v = m(() => Object.values(i7)), y = ye(t.rule.trigger), I = m({
+    }), v = _(() => Object.values(i7)), y = ye(t.rule.trigger), I = _({
       get() {
         return y.value;
       },
       set(L) {
         e("update:rule", { ...t.rule, trigger: L });
       }
-    }), H = m(() => Object.values(o7)), A = m({
+    }), B = _(() => Object.values(o7)), k = _({
       get() {
         return t.rule.duration;
       },
       set(L) {
         e("update:rule", { ...t.rule, duration: L });
       }
-    }), R = m({
+    }), E = _({
       get() {
         return t.rule.durationUnit;
       },
       set(L) {
         e("update:rule", { ...t.rule, durationUnit: L });
       }
-    }), P = m(() => Object.values(r7));
-    return (L, h) => (d(), Y(G1(L.tagName), { class: "ao-rule-line" }, {
-      default: F(() => [
-        T(G(C1), {
+    }), R = _(() => Object.values(r7));
+    return (L, h) => (d(), F(G1(L.tagName), { class: "ao-rule-line" }, {
+      default: G(() => [
+        V(Y(C1), {
           modelValue: a.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (B) => a.value = B),
+          "onUpdate:modelValue": h[0] || (h[0] = (Z) => a.value = Z),
           options: i.value
         }, null, 8, ["modelValue", "options"]),
-        T(G(C1), {
+        V(Y(C1), {
           modelValue: l.value,
-          "onUpdate:modelValue": h[1] || (h[1] = (B) => l.value = B),
+          "onUpdate:modelValue": h[1] || (h[1] = (Z) => l.value = Z),
           options: o.value
         }, null, 8, ["modelValue", "options"]),
-        T(G(C1), {
+        V(Y(C1), {
           modelValue: I.value,
-          "onUpdate:modelValue": h[2] || (h[2] = (B) => I.value = B),
-          options: H.value
+          "onUpdate:modelValue": h[2] || (h[2] = (Z) => I.value = Z),
+          options: B.value
         }, null, 8, ["modelValue", "options"]),
-        T(G(C1), {
+        V(Y(C1), {
           modelValue: u.value,
-          "onUpdate:modelValue": h[3] || (h[3] = (B) => u.value = B),
+          "onUpdate:modelValue": h[3] || (h[3] = (Z) => u.value = Z),
           options: v.value
         }, null, 8, ["modelValue", "options"]),
         ae(r("input", {
-          "onUpdate:modelValue": h[4] || (h[4] = (B) => A.value = B),
+          "onUpdate:modelValue": h[4] || (h[4] = (Z) => k.value = Z),
           type: "number",
           min: "0"
         }, null, 512), [
           [
             $e,
-            A.value,
+            k.value,
             void 0,
             { number: !0 }
           ]
         ]),
-        T(G(C1), {
-          modelValue: R.value,
-          "onUpdate:modelValue": h[5] || (h[5] = (B) => R.value = B),
-          options: P.value
+        V(Y(C1), {
+          modelValue: E.value,
+          "onUpdate:modelValue": h[5] || (h[5] = (Z) => E.value = Z),
+          options: R.value
         }, null, 8, ["modelValue", "options"]),
-        T(g1, {
+        V(g1, {
           class: "ao-rule-line__remove",
           "icon-name": "CloseRounded",
           variant: "ghost",
-          onClick: h[6] || (h[6] = (B) => L.$emit("close"))
+          onClick: h[6] || (h[6] = (Z) => L.$emit("close"))
         })
       ]),
       _: 1
@@ -5089,17 +5100,17 @@ const Q0 = { class: "ao-template-rules__body" }, eo = { class: "ao-template-rule
     }, n = (a) => {
       e("removeRule", a);
     };
-    return (a, i) => (d(), Y(Qe, null, {
-      header: F(() => [
-        T(M1, {
+    return (a, i) => (d(), F(Qe, null, {
+      header: G(() => [
+        V(M1, {
           title: a.$t("template.rules.title"),
           level: 2
         }, null, 8, ["title"])
       ]),
-      default: F(() => [
+      default: G(() => [
         r("div", Q0, [
           r("ul", eo, [
-            (d(!0), C(f1, null, $1(a.rules, (l) => (d(), Y(J0, {
+            (d(!0), C(f1, null, $1(a.rules, (l) => (d(), F(J0, {
               key: l.id,
               rule: l,
               "template-phases": a.templatePhases,
@@ -5109,7 +5120,7 @@ const Q0 = { class: "ao-template-rules__body" }, eo = { class: "ao-template-rule
               onClose: () => n(l.id)
             }, null, 8, ["rule", "template-phases", "template-milestones", "template-activities", "onClose"]))), 128))
           ]),
-          T(de, {
+          V(de, {
             label: a.$t("template.rules.add"),
             "icon-name": "Add",
             onClick: t
@@ -5135,62 +5146,62 @@ const so = {
   },
   emits: ["addItem", "removeItem", "updateItem", "addRule", "removeRule", "addFiles", "removeFile"],
   setup(s, { emit: e }) {
-    const t = s, { t: n } = Ee(), a = m(
+    const t = s, { t: n } = Te(), a = _(
       () => {
         var b;
         return (b = t.templates) == null ? void 0 : b.find((g) => g.id === t.templateId);
       }
     );
-    m({
+    _({
       get() {
         var S;
-        return [...((S = a.value) == null ? void 0 : S.phases) || []].sort((Z, Q) => Z.order - Q.order);
+        return [...((S = a.value) == null ? void 0 : S.phases) || []].sort((D, Q) => D.order - Q.order);
       },
       set(b) {
         b.map((g, S) => (g.order = S, g));
       }
     });
-    const i = m(() => {
+    const i = _(() => {
       var b, g;
       return (g = (b = a == null ? void 0 : a.value) == null ? void 0 : b.phases) == null ? void 0 : g.find((S) => S.id === t.phaseId);
-    }), l = m(() => {
+    }), l = _(() => {
       var b, g;
       return (g = (b = i.value) == null ? void 0 : b.milestones) == null ? void 0 : g.find(
         (S) => S.id === t.milestoneId
       );
-    }), o = m(() => {
+    }), o = _(() => {
       var b, g;
-      return ((g = (b = a.value) == null ? void 0 : b.phases) == null ? void 0 : g.reduce((S, Z) => {
-        const Q = Z.milestones || [];
+      return ((g = (b = a.value) == null ? void 0 : b.phases) == null ? void 0 : g.reduce((S, D) => {
+        const Q = D.milestones || [];
         return [...S, ...Q];
       }, [])) || [];
-    }), p = m(() => {
+    }), p = _(() => {
       var b, g;
-      return ((g = (b = a.value) == null ? void 0 : b.phases) == null ? void 0 : g.reduce((S, Z) => {
-        const i1 = (Z.milestones || []).reduce(
+      return ((g = (b = a.value) == null ? void 0 : b.phases) == null ? void 0 : g.reduce((S, D) => {
+        const i1 = (D.milestones || []).reduce(
           (W, U) => U.activities ? [...W, ...U.activities] : W,
           []
         );
         return [...S, ...i1];
       }, [])) || [];
-    }), u = m(() => {
+    }), u = _(() => {
       var b, g;
       return (g = (b = l.value) == null ? void 0 : b.activities) == null ? void 0 : g.find(
         (S) => S.id === t.activityId
       );
-    }), v = m(() => {
+    }), v = _(() => {
       var b;
       return ((b = t.activityTypes) == null ? void 0 : b.map((g) => ({
         label: g.name,
         value: g.id
       }))) || [];
-    }), y = m(() => {
+    }), y = _(() => {
       var b;
       return ((b = a.value) == null ? void 0 : b.name) || t.templateId;
-    }), I = J(!1), H = () => {
+    }), I = J(!1), B = () => {
       if (!a.value)
         return;
-      const b = a.value.phases.length, g = a.value.phases.at(-1), S = g ? u1.LexoRank.parse(g.rank).genNext() : u1.LexoRank.middle(), Z = {
+      const b = a.value.phases.length, g = a.value.phases.at(-1), S = g ? u1.LexoRank.parse(g.rank).genNext() : u1.LexoRank.middle(), D = {
         name: n("template.defaultName.phase", { idx: b + 1 }),
         rank: S.format(),
         templateId: t.templateId
@@ -5198,16 +5209,16 @@ const so = {
       e("addItem", {
         type: l1.PHASES,
         templateId: t.templateId,
-        item: Z
+        item: D
       });
-    }, A = (b) => {
+    }, k = (b) => {
       e("updateItem", {
         templateId: t.templateId,
         id: t.templateId,
         itemType: l1.TEMPLATES,
         data: { name: b }
       });
-    }, R = (b) => {
+    }, E = (b) => {
       e("removeItem", {
         type: l1.PHASES,
         templateId: t.templateId,
@@ -5215,7 +5226,7 @@ const so = {
           id: b
         }
       });
-    }, P = (b, g) => {
+    }, R = (b, g) => {
       e("updateItem", {
         templateId: t.templateId,
         id: b,
@@ -5227,9 +5238,9 @@ const so = {
     }, h = (b) => {
       if (!i.value)
         return;
-      const g = i.value.milestones.length, S = i.value.milestones.at(-1), Z = S ? u1.LexoRank.parse(S.rank).genNext() : u1.LexoRank.middle(), Q = {
+      const g = i.value.milestones.length, S = i.value.milestones.at(-1), D = S ? u1.LexoRank.parse(S.rank).genNext() : u1.LexoRank.middle(), Q = {
         name: n("template.defaultName.milestone", { idx: g + 1 }),
-        rank: Z.format(),
+        rank: D.format(),
         phaseId: b.phaseId
       };
       e("addItem", {
@@ -5238,7 +5249,7 @@ const so = {
         phaseId: b.phaseId,
         item: Q
       });
-    }, B = (b) => {
+    }, Z = (b) => {
       e("removeItem", {
         type: l1.MILESTONES,
         templateId: t.templateId,
@@ -5259,7 +5270,7 @@ const so = {
       const { milestoneId: g } = b;
       if (!l.value)
         return;
-      const S = l.value.activities.length, Z = l.value.activities.at(-1), Q = Z ? u1.LexoRank.parse(Z.rank).genNext() : u1.LexoRank.middle(), i1 = {
+      const S = l.value.activities.length, D = l.value.activities.at(-1), Q = D ? u1.LexoRank.parse(D.rank).genNext() : u1.LexoRank.middle(), i1 = {
         name: n("template.defaultName.activity", { idx: S + 1 }),
         rank: Q.format(),
         milestoneId: g
@@ -5269,7 +5280,7 @@ const so = {
         milestoneId: g,
         item: i1
       });
-    }, k = (b) => {
+    }, H = (b) => {
       const { phaseId: g, milestoneId: S } = b;
       e("removeItem", {
         type: l1.ACTIVITIES,
@@ -5288,13 +5299,13 @@ const so = {
         templateId: t.templateId,
         data: S
       });
-    }, _ = J(!1), $ = () => {
-      _.value = !_.value;
-    }, D = () => {
+    }, m = J(!1), $ = () => {
+      m.value = !m.value;
+    }, P = () => {
       e("addRule", { templateId: t.templateId });
     }, o1 = (b) => {
       e("removeRule", { id: b, templateId: t.templateId });
-    }, E = (b) => {
+    }, T = (b) => {
       var g;
       if (b.moved) {
         const S = Ae(b, ((g = a.value) == null ? void 0 : g.phases) ?? []);
@@ -5316,11 +5327,11 @@ const so = {
         templateId: t.templateId,
         item: b
       });
-    }, c1 = (b) => {
-      var Z, Q, i1, W;
+    }, d1 = (b) => {
+      var D, Q, i1, W;
       if (!i.value || !l.value || !u.value)
         return;
-      const g = [...((Z = u.value) == null ? void 0 : Z.subtasks) || []], S = g.findIndex((U) => U.id === b.id);
+      const g = [...((D = u.value) == null ? void 0 : D.subtasks) || []], S = g.findIndex((U) => U.id === b.id);
       g[S] = {
         ...g[S],
         ...b
@@ -5331,45 +5342,46 @@ const so = {
         subtasks: g
       });
     }, m1 = (b) => {
-      var S, Z, Q, i1;
+      var S, D, Q, i1;
       if (!i.value || !l.value || !u.value)
         return;
       const g = [...((S = u.value) == null ? void 0 : S.subtasks) || []].filter(
         (W) => W.id !== b
       );
       t1({
-        id: (Z = u.value) == null ? void 0 : Z.id,
+        id: (D = u.value) == null ? void 0 : D.id,
         phaseId: (Q = i.value) == null ? void 0 : Q.id,
         milestoneId: (i1 = l.value) == null ? void 0 : i1.id,
         subtasks: g
       });
-    }, E1 = (b) => {
+    }, T1 = (b) => {
       e("addFiles", b);
     }, n1 = (b) => {
       e("removeFile", b);
     };
     return (b, g) => {
-      var S, Z, Q, i1, W, U;
+      var S, D, Q, i1, W, U;
       return a.value ? (d(), C("div", so, [
-        T(Je, {
+        V(Je, {
           "can-go-back": !0,
-          onGoBack: g[2] || (g[2] = (f) => b.$router.push({ name: G(K1).TEMPLATES_LIST }))
+          onGoBack: g[2] || (g[2] = (f) => b.$router.push({ name: Y(K1).TEMPLATES_LIST }))
         }, {
-          primary: F(() => [
-            T(M1, {
+          primary: G(() => [
+            V(M1, {
               title: y.value,
               level: 2,
+              "is-editable": !0,
               "is-editing": I.value,
               onToggleIsEditing: g[0] || (g[0] = (f) => {
                 I.value = f;
               }),
               "onUpdate:title": g[1] || (g[1] = (f) => {
-                A(f);
+                k(f);
               })
             }, null, 8, ["title", "is-editing"])
           ]),
-          secondary: F(() => [
-            T(g1, {
+          secondary: G(() => [
+            V(g1, {
               label: b.$t("template.rules.edit"),
               color: "primary",
               "icon-name": "Settings",
@@ -5382,24 +5394,24 @@ const so = {
         r("div", ao, [
           r("ol", lo, [
             r("li", no, [
-              T(G(ne), {
+              V(Y(ne), {
                 "model-value": a.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
                 handle: ".ao-card__drag",
-                onChange: E
+                onChange: T
               }, {
-                header: F(() => [
-                  T(M1, {
+                header: G(() => [
+                  V(M1, {
                     title: b.$t("template.phases.title"),
                     level: 3,
                     class: "ao-list__title"
                   }, null, 8, ["title"])
                 ]),
-                item: F(({ element: f }) => {
+                item: G(({ element: f }) => {
                   var O;
                   return [
-                    T(l7, {
+                    V(l7, {
                       id: f.id,
                       name: f.name,
                       milestones: f.milestones,
@@ -5409,18 +5421,18 @@ const so = {
                         params: { templateId: b.templateId, phaseId: f.id }
                       }),
                       "onUpdate:title": (r1) => {
-                        P(f.id, r1);
+                        R(f.id, r1);
                       },
-                      onRemove: () => R(f.id)
+                      onRemove: () => E(f.id)
                     }, null, 8, ["id", "name", "milestones", "is-active", "onClick", "onUpdate:title", "onRemove"])
                   ];
                 }),
-                footer: F(() => [
+                footer: G(() => [
                   r("div", io, [
-                    T(de, {
+                    V(de, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: b.$t("template.phases.add"),
-                      onClick: H
+                      onClick: B
                     }, null, 8, ["label"])
                   ])
                 ]),
@@ -5428,7 +5440,7 @@ const so = {
               }, 8, ["model-value"])
             ]),
             r("li", oo, [
-              i.value ? (d(), Y(d7, {
+              i.value ? (d(), F(d7, {
                 key: 0,
                 "template-id": b.templateId,
                 phase: i.value,
@@ -5436,26 +5448,26 @@ const so = {
                 onAddMilestone: h,
                 onUpdateMilestone: X,
                 onUpdatePhase: L,
-                onRemoveMilestone: B
-              }, null, 8, ["template-id", "phase", "milestone-id"])) : V("", !0)
+                onRemoveMilestone: Z
+              }, null, 8, ["template-id", "phase", "milestone-id"])) : A("", !0)
             ]),
             r("li", ro, [
-              i.value && l.value ? (d(), Y(p7, {
+              i.value && l.value ? (d(), F(p7, {
                 key: 0,
                 "template-id": b.templateId,
-                "phase-id": (Z = i.value) == null ? void 0 : Z.id,
+                "phase-id": (D = i.value) == null ? void 0 : D.id,
                 milestone: l.value,
                 "activity-id": (Q = u.value) == null ? void 0 : Q.id,
                 onAddActivity: s1,
                 onUpdateActivity: t1,
                 onUpdateMilestone: X,
-                onRemoveActivity: k
-              }, null, 8, ["template-id", "phase-id", "milestone", "activity-id"])) : V("", !0)
+                onRemoveActivity: H
+              }, null, 8, ["template-id", "phase-id", "milestone", "activity-id"])) : A("", !0)
             ])
           ])
         ]),
-        (d(), Y(Ue, { to: "body" }, [
-          u.value ? (d(), Y(W0, {
+        (d(), F(Ue, { to: "body" }, [
+          u.value ? (d(), F(W0, {
             key: 0,
             activity: u.value,
             "activity-types": v.value,
@@ -5473,14 +5485,14 @@ const so = {
             }),
             onClose: b.$router.back,
             onAddSubtask: z,
-            onUpdateSubtask: c1,
+            onUpdateSubtask: d1,
             onDeleteSubtask: m1,
-            onAddFiles: E1,
+            onAddFiles: T1,
             onRemoveFile: n1
-          }, null, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "onClose"])) : V("", !0)
+          }, null, 8, ["activity", "activity-types", "breadcrumbs", "milestone-id", "template-activities", "template-milestones", "onClose"])) : A("", !0)
         ])),
-        (d(), Y(Ue, { to: "body" }, [
-          _.value ? (d(), Y(to, {
+        (d(), F(Ue, { to: "body" }, [
+          m.value ? (d(), F(to, {
             key: 0,
             "template-id": a.value.id,
             rules: a.value.rules || [],
@@ -5488,11 +5500,11 @@ const so = {
             "template-milestones": o.value,
             "template-activities": p.value,
             onClose: $,
-            onAddRule: D,
+            onAddRule: P,
             onRemoveRule: o1
-          }, null, 8, ["template-id", "rules", "template-phases", "template-milestones", "template-activities"])) : V("", !0)
+          }, null, 8, ["template-id", "rules", "template-phases", "template-milestones", "template-activities"])) : A("", !0)
         ]))
-      ])) : V("", !0);
+      ])) : A("", !0);
     };
   }
 });
@@ -5528,7 +5540,7 @@ const K1 = {
   },
   emits: ["addTemplate", "updateTemplates", "updateItem"],
   setup(s, { emit: e }) {
-    const t = s, { t: n } = Ee(), a = () => {
+    const t = s, { t: n } = Te(), a = () => {
       var y, I;
       const o = (y = t.templates) == null ? void 0 : y.at(-1), p = o ? u1.LexoRank.parse(o.rank).genNext() : u1.LexoRank.middle(), u = ((I = t.templates) == null ? void 0 : I.length) ?? 0, v = {
         name: n("template.defaultName.template", { idx: u + 1 }),
@@ -5558,9 +5570,9 @@ const K1 = {
       }
     };
     return (o, p) => (d(), C("div", co, [
-      T(Je, null, {
-        secondary: F(() => [
-          T(g1, {
+      V(Je, null, {
+        secondary: G(() => [
+          V(g1, {
             label: o.$t("templates.new"),
             color: "primary",
             "icon-name": "Add",
@@ -5570,26 +5582,26 @@ const K1 = {
         ]),
         _: 1
       }),
-      T(G(ne), {
+      V(Y(ne), {
         "model-value": o.templates,
         class: "ao-templates__list",
         "item-key": "id",
         handle: ".ao-card__drag",
         onChange: l
       }, {
-        item: F(({ element: u }) => {
+        item: G(({ element: u }) => {
           var v;
           return [
-            T(F5, {
+            V(F5, {
               title: u.name || u.id,
               phases: u.phases,
-              milestones: (v = u.phases) != null && v.length ? G(M5)(u.phases) : 0,
-              activities: u.phases ? G(I5)(u.phases) : 0,
+              milestones: (v = u.phases) != null && v.length ? Y(M5)(u.phases) : 0,
+              activities: u.phases ? Y(I5)(u.phases) : 0,
               "updated-at": u.updatedAt,
               "updated-by": u.updatedBy,
               onUpdateTitle: (y) => i(u.id, y),
               onClick: (y) => o.$router.push({
-                name: G(K1).TEMPLATE_DETAILS,
+                name: Y(K1).TEMPLATE_DETAILS,
                 params: { templateId: u.id }
               })
             }, null, 8, ["title", "phases", "milestones", "activities", "updated-at", "updated-by", "onUpdateTitle", "onClick"])