@26lights/orcha 0.9.20 → 0.9.22

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, openBlock as v, createBlock as U, unref as F, mergeProps as Ve, createElementBlock as C, createElementVNode as d, pushScopeId as an, popScopeId as nn, createStaticVNode as sn, computed as b, resolveDynamicComponent as et, normalizeClass as G, renderSlot as Q, toDisplayString as W, createCommentVNode as E, ref as X, watch as ue, nextTick as Ee, withKeys as ze, toHandlers as on, withCtx as R, createTextVNode as t1, createVNode as k, withModifiers as _e, createSlots as Ht, Fragment as fe, renderList as ye, onMounted as Dt, onBeforeUnmount as ln, onUnmounted as la, toRefs as $e, getCurrentInstance as tt, toRef as ct, normalizeProps as rn, guardReactiveProps as un, onUpdated as cn, withDirectives as dt, vModelText as Et, vModelCheckbox as dn, Teleport as It, normalizeStyle as fn, resolveComponent as vn, getCurrentScope as hn, onScopeDispose as pn, provide as mn } from "vue";
+import { defineComponent as x, openBlock as v, createBlock as U, unref as F, mergeProps as Ve, createElementBlock as C, createElementVNode as d, pushScopeId as nn, popScopeId as sn, createStaticVNode as on, computed as b, resolveDynamicComponent as et, normalizeClass as G, renderSlot as Q, toDisplayString as W, createCommentVNode as E, ref as X, watch as ue, nextTick as Ee, withKeys as ze, toHandlers as ln, withCtx as R, createTextVNode as t1, createVNode as k, normalizeStyle as la, withModifiers as _e, createSlots as Ht, Fragment as fe, renderList as ye, onMounted as Dt, onBeforeUnmount as rn, onUnmounted as ra, toRefs as $e, getCurrentInstance as tt, toRef as ct, normalizeProps as un, guardReactiveProps as cn, onUpdated as dn, withDirectives as dt, vModelText as Et, vModelCheckbox as fn, Teleport as It, resolveComponent as vn, getCurrentScope as pn, onScopeDispose as hn, provide as mn } from "vue";
 import { RouterView as Cn } from "vue-router";
 import Ge from "vuedraggable";
 const P4 = /* @__PURE__ */ x({
@@ -140,14 +140,14 @@ const ds = /* @__PURE__ */ P(os, [["render", cs]]), fs = {}, vs = {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, hs = /* @__PURE__ */ d("path", {
+}, ps = /* @__PURE__ */ d("path", {
   d: "M11.3 14.3L8.70001 11.7C8.38335 11.3833 8.31268 11.021 8.48801 10.613C8.66268 10.2043 8.97501 10 9.42501 10H14.575C15.025 10 15.3373 10.2043 15.512 10.613C15.6873 11.021 15.6167 11.3833 15.3 11.7L12.7 14.3C12.6 14.4 12.4917 14.475 12.375 14.525C12.2583 14.575 12.1333 14.6 12 14.6C11.8667 14.6 11.7417 14.575 11.625 14.525C11.5083 14.475 11.4 14.4 11.3 14.3V14.3Z",
   fill: "black"
-}, null, -1), ps = [
-  hs
+}, null, -1), hs = [
+  ps
 ];
 function ms(a, e) {
-  return v(), C("svg", vs, ps);
+  return v(), C("svg", vs, hs);
 }
 const Cs = /* @__PURE__ */ P(fs, [["render", ms]]), _s = {}, gs = {
   width: "24",
@@ -275,14 +275,14 @@ const di = /* @__PURE__ */ P(oi, [["render", ci]]), fi = {}, vi = {
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, hi = /* @__PURE__ */ d("path", {
+}, pi = /* @__PURE__ */ d("path", {
   d: "M10.6 13.4L8.45 11.25C8.26667 11.0667 8.03334 10.975 7.75 10.975C7.46667 10.975 7.23334 11.0667 7.05 11.25C6.86667 11.4333 6.775 11.6667 6.775 11.95C6.775 12.2333 6.86667 12.4667 7.05 12.65L9.9 15.5C10.1 15.7 10.3333 15.8 10.6 15.8C10.8667 15.8 11.1 15.7 11.3 15.5L16.95 9.85C17.1333 9.66667 17.225 9.43333 17.225 9.15C17.225 8.86667 17.1333 8.63334 16.95 8.45C16.7667 8.26667 16.5333 8.175 16.25 8.175C15.9667 8.175 15.7333 8.26667 15.55 8.45L10.6 13.4ZM5 21C4.45 21 3.979 20.804 3.587 20.412C3.195 20.02 2.99934 19.5493 3 19V5C3 4.45 3.196 3.979 3.588 3.587C3.98 3.195 4.45067 2.99934 5 3H19C19.55 3 20.021 3.196 20.413 3.588C20.805 3.98 21.0007 4.45067 21 5V19C21 19.55 20.804 20.021 20.412 20.413C20.02 20.805 19.5493 21.0007 19 21H5ZM5 19H19V5H5V19Z",
   fill: "black"
-}, null, -1), pi = [
-  hi
+}, null, -1), hi = [
+  pi
 ];
 function mi(a, e) {
-  return v(), C("svg", vi, pi);
+  return v(), C("svg", vi, hi);
 }
 const Ci = /* @__PURE__ */ P(fi, [["render", mi]]), _i = {}, gi = {
   width: "24",
@@ -404,20 +404,20 @@ const io = /* @__PURE__ */ P(eo, [["render", so]]), oo = {}, lo = {
 function co(a, e) {
   return v(), C("svg", lo, uo);
 }
-const fo = /* @__PURE__ */ P(oo, [["render", co]]), vo = {}, ho = {
+const fo = /* @__PURE__ */ P(oo, [["render", co]]), vo = {}, po = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, po = /* @__PURE__ */ d("path", {
+}, ho = /* @__PURE__ */ d("path", {
   d: "M9 20C8.45 20 7.97933 19.8043 7.588 19.413C7.196 19.021 7 18.55 7 18C7 17.45 7.196 16.979 7.588 16.587C7.97933 16.1957 8.45 16 9 16C9.55 16 10.021 16.1957 10.413 16.587C10.8043 16.979 11 17.45 11 18C11 18.55 10.8043 19.021 10.413 19.413C10.021 19.8043 9.55 20 9 20ZM15 20C14.45 20 13.9793 19.8043 13.588 19.413C13.196 19.021 13 18.55 13 18C13 17.45 13.196 16.979 13.588 16.587C13.9793 16.1957 14.45 16 15 16C15.55 16 16.021 16.1957 16.413 16.587C16.8043 16.979 17 17.45 17 18C17 18.55 16.8043 19.021 16.413 19.413C16.021 19.8043 15.55 20 15 20ZM9 14C8.45 14 7.97933 13.804 7.588 13.412C7.196 13.0207 7 12.55 7 12C7 11.45 7.196 10.979 7.588 10.587C7.97933 10.1957 8.45 10 9 10C9.55 10 10.021 10.1957 10.413 10.587C10.8043 10.979 11 11.45 11 12C11 12.55 10.8043 13.0207 10.413 13.412C10.021 13.804 9.55 14 9 14ZM15 14C14.45 14 13.9793 13.804 13.588 13.412C13.196 13.0207 13 12.55 13 12C13 11.45 13.196 10.979 13.588 10.587C13.9793 10.1957 14.45 10 15 10C15.55 10 16.021 10.1957 16.413 10.587C16.8043 10.979 17 11.45 17 12C17 12.55 16.8043 13.0207 16.413 13.412C16.021 13.804 15.55 14 15 14ZM9 8C8.45 8 7.97933 7.804 7.588 7.412C7.196 7.02067 7 6.55 7 6C7 5.45 7.196 4.97933 7.588 4.588C7.97933 4.196 8.45 4 9 4C9.55 4 10.021 4.196 10.413 4.588C10.8043 4.97933 11 5.45 11 6C11 6.55 10.8043 7.02067 10.413 7.412C10.021 7.804 9.55 8 9 8ZM15 8C14.45 8 13.9793 7.804 13.588 7.412C13.196 7.02067 13 6.55 13 6C13 5.45 13.196 4.97933 13.588 4.588C13.9793 4.196 14.45 4 15 4C15.55 4 16.021 4.196 16.413 4.588C16.8043 4.97933 17 5.45 17 6C17 6.55 16.8043 7.02067 16.413 7.412C16.021 7.804 15.55 8 15 8Z",
   fill: "black"
 }, null, -1), mo = [
-  po
+  ho
 ];
 function Co(a, e) {
-  return v(), C("svg", ho, mo);
+  return v(), C("svg", po, mo);
 }
 const _o = /* @__PURE__ */ P(vo, [["render", Co]]), go = {}, yo = {
   width: "24",
@@ -539,20 +539,20 @@ const ol = /* @__PURE__ */ P(tl, [["render", il]]), ll = {}, rl = {
 function dl(a, e) {
   return v(), C("svg", rl, cl);
 }
-const fl = /* @__PURE__ */ P(ll, [["render", dl]]), vl = {}, hl = {
+const fl = /* @__PURE__ */ P(ll, [["render", dl]]), vl = {}, pl = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, pl = /* @__PURE__ */ d("path", {
+}, hl = /* @__PURE__ */ d("path", {
   d: "M6 19H9V13H15V19H18V10L12 5.5L6 10V19ZM6 21C5.45 21 4.979 20.804 4.587 20.412C4.195 20.02 3.99934 19.5493 4 19V10C4 9.68333 4.071 9.38333 4.213 9.1C4.355 8.81667 4.55067 8.58333 4.8 8.4L10.8 3.9C10.9833 3.76667 11.175 3.66667 11.375 3.6C11.575 3.53333 11.7833 3.5 12 3.5C12.2167 3.5 12.425 3.53333 12.625 3.6C12.825 3.66667 13.0167 3.76667 13.2 3.9L19.2 8.4C19.45 8.58333 19.646 8.81667 19.788 9.1C19.93 9.38333 20.0007 9.68333 20 10V19C20 19.55 19.804 20.021 19.412 20.413C19.02 20.805 18.5493 21.0007 18 21H13V15H11V21H6Z",
   fill: "black"
 }, null, -1), ml = [
-  pl
+  hl
 ];
 function Cl(a, e) {
-  return v(), C("svg", hl, ml);
+  return v(), C("svg", pl, ml);
 }
 const _l = /* @__PURE__ */ P(vl, [["render", Cl]]), gl = {}, yl = {
   width: "24",
@@ -617,7 +617,7 @@ function Zl(a, e) {
 const jl = /* @__PURE__ */ P(Bl, [["render", Zl]]), Fl = x({
   name: "LoadingIcon"
 });
-const T1 = (a) => (an("data-v-ad6da4a9"), a = a(), nn(), a), ql = {
+const T1 = (a) => (nn("data-v-ad6da4a9"), a = a(), sn(), a), ql = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -691,7 +691,7 @@ const rr = /* @__PURE__ */ P(nr, [["render", lr]]), ur = {}, cr = {
 function vr(a, e) {
   return v(), C("svg", cr, fr);
 }
-const hr = /* @__PURE__ */ P(ur, [["render", vr]]), pr = {}, mr = {
+const pr = /* @__PURE__ */ P(ur, [["render", vr]]), hr = {}, mr = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -706,7 +706,7 @@ const hr = /* @__PURE__ */ P(ur, [["render", vr]]), pr = {}, mr = {
 function gr(a, e) {
   return v(), C("svg", mr, _r);
 }
-const yr = /* @__PURE__ */ P(pr, [["render", gr]]), br = {}, wr = {
+const yr = /* @__PURE__ */ P(hr, [["render", gr]]), br = {}, wr = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -826,19 +826,19 @@ const r2 = /* @__PURE__ */ P(n2, [["render", l2]]), u2 = {}, c2 = {
 function v2(a, e) {
   return v(), C("svg", c2, f2);
 }
-const h2 = /* @__PURE__ */ P(u2, [["render", v2]]), p2 = {}, m2 = {
+const p2 = /* @__PURE__ */ P(u2, [["render", v2]]), h2 = {}, m2 = {
   width: "26",
   height: "29",
   viewBox: "0 0 26 29",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, C2 = /* @__PURE__ */ sn('<g filter="url(#filter0_d_2030_169)"><path d="M19.9 20.3L14.3 14.7C13.8 15.1 13.225 15.4167 12.575 15.65C11.925 15.8833 11.2333 16 10.5 16C8.68333 16 7.146 15.3707 5.888 14.112C4.63 12.8533 4.00067 11.316 4 9.5C4 7.68333 4.62933 6.146 5.888 4.888C7.14667 3.63 8.684 3.00067 10.5 3C12.3167 3 13.854 3.62933 15.112 4.888C16.37 6.14667 16.9993 7.684 17 9.5C17 10.2333 16.8833 10.925 16.65 11.575C16.4167 12.225 16.1 12.8 15.7 13.3L21.325 18.925C21.5083 19.1083 21.6 19.3333 21.6 19.6C21.6 19.8667 21.5 20.1 21.3 20.3C21.1167 20.4833 20.8833 20.575 20.6 20.575C20.3167 20.575 20.0833 20.4833 19.9 20.3ZM10.5 14C11.75 14 12.8127 13.5623 13.688 12.687C14.5633 11.8117 15.0007 10.7493 15 9.5C15 8.25 14.5623 7.18733 13.687 6.312C12.8117 5.43667 11.7493 4.99933 10.5 5C9.25 5 8.18733 5.43767 7.312 6.313C6.43667 7.18833 5.99933 8.25067 6 9.5C6 10.75 6.43767 11.8127 7.313 12.688C8.18833 13.5633 9.25067 14.0007 10.5 14Z" fill="black"></path></g><defs><filter id="filter0_d_2030_169" x="-3" y="0" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2030_169"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2030_169" result="shape"></feBlend></filter></defs>', 2), _2 = [
+}, C2 = /* @__PURE__ */ on('<g filter="url(#filter0_d_2030_169)"><path d="M19.9 20.3L14.3 14.7C13.8 15.1 13.225 15.4167 12.575 15.65C11.925 15.8833 11.2333 16 10.5 16C8.68333 16 7.146 15.3707 5.888 14.112C4.63 12.8533 4.00067 11.316 4 9.5C4 7.68333 4.62933 6.146 5.888 4.888C7.14667 3.63 8.684 3.00067 10.5 3C12.3167 3 13.854 3.62933 15.112 4.888C16.37 6.14667 16.9993 7.684 17 9.5C17 10.2333 16.8833 10.925 16.65 11.575C16.4167 12.225 16.1 12.8 15.7 13.3L21.325 18.925C21.5083 19.1083 21.6 19.3333 21.6 19.6C21.6 19.8667 21.5 20.1 21.3 20.3C21.1167 20.4833 20.8833 20.575 20.6 20.575C20.3167 20.575 20.0833 20.4833 19.9 20.3ZM10.5 14C11.75 14 12.8127 13.5623 13.688 12.687C14.5633 11.8117 15.0007 10.7493 15 9.5C15 8.25 14.5623 7.18733 13.687 6.312C12.8117 5.43667 11.7493 4.99933 10.5 5C9.25 5 8.18733 5.43767 7.312 6.313C6.43667 7.18833 5.99933 8.25067 6 9.5C6 10.75 6.43767 11.8127 7.313 12.688C8.18833 13.5633 9.25067 14.0007 10.5 14Z" fill="black"></path></g><defs><filter id="filter0_d_2030_169" x="-3" y="0" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2030_169"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2030_169" result="shape"></feBlend></filter></defs>', 2), _2 = [
   C2
 ];
 function g2(a, e) {
   return v(), C("svg", m2, _2);
 }
-const y2 = /* @__PURE__ */ P(p2, [["render", g2]]), b2 = {}, w2 = {
+const y2 = /* @__PURE__ */ P(h2, [["render", g2]]), b2 = {}, w2 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -958,7 +958,7 @@ const ru = /* @__PURE__ */ P(nu, [["render", lu]]), uu = {}, cu = {
 function vu(a, e) {
   return v(), C("svg", cu, fu);
 }
-const hu = /* @__PURE__ */ P(uu, [["render", vu]]), pu = {}, mu = {
+const pu = /* @__PURE__ */ P(uu, [["render", vu]]), hu = {}, mu = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -973,7 +973,7 @@ const hu = /* @__PURE__ */ P(uu, [["render", vu]]), pu = {}, mu = {
 function gu(a, e) {
   return v(), C("svg", mu, _u);
 }
-const yu = /* @__PURE__ */ P(pu, [["render", gu]]), bu = {}, wu = {
+const yu = /* @__PURE__ */ P(hu, [["render", gu]]), bu = {}, wu = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -1093,7 +1093,7 @@ const Gu = /* @__PURE__ */ P(Wu, [["render", Ku]]), Xu = /* @__PURE__ */ Object.
   Loading: Gl,
   LogoutRounded: ar,
   Menu: rr,
-  MoreHoriz: hr,
+  MoreHoriz: pr,
   MoreTimeRounded: yr,
   MoreVert: Ar,
   MountainFlagOutlineRounded: Lr,
@@ -1102,7 +1102,7 @@ const Gu = /* @__PURE__ */ P(Wu, [["render", Ku]]), Xu = /* @__PURE__ */ Object.
   RadioButtonChecked: Gr,
   RadioButtonCheckedOutline: a2,
   RadioButtonUnchecked: r2,
-  RemoveRounded: h2,
+  RemoveRounded: p2,
   SearchRounded: y2,
   SelectCheckBox: A2,
   SendRounded: L2,
@@ -1111,7 +1111,7 @@ const Gu = /* @__PURE__ */ P(Wu, [["render", Ku]]), Xu = /* @__PURE__ */ Object.
   Target: G2,
   TaskOutlineRounded: au,
   TextSnippetRounded: ru,
-  TimerOutline: hu,
+  TimerOutline: pu,
   ViewComfyAltRounded: yu,
   ViewCompactAltRounded: Au,
   ViewTimelineRounded: Lu,
@@ -1131,7 +1131,7 @@ const Gu = /* @__PURE__ */ P(Wu, [["render", Ku]]), Xu = /* @__PURE__ */ Object.
   PRIMARY: "primary",
   NEUTRAL: "neutral",
   BLACK: "black"
-}, ra = {
+}, ua = {
   ROUND: "round",
   ROUNDED: "rounded"
 }, de = /* @__PURE__ */ x({
@@ -1162,7 +1162,7 @@ const ec = ["type"], tc = {
     footer: { type: Boolean, default: () => !1 },
     size: { default: () => a1.MD },
     isLoading: { type: Boolean, default: () => !1 },
-    corners: { default: () => ra.ROUNDED }
+    corners: { default: () => ua.ROUNDED }
   },
   setup(a) {
     const e = a, t = b(() => e.size), s = b(() => e.isLoading ? "Loading" : e.iconName);
@@ -1191,7 +1191,7 @@ const ec = ["type"], tc = {
     ], 10, ec));
   }
 });
-function ua(a) {
+function ca(a) {
   const e = X(!1), t = X(""), s = b(() => "value" in a.value ? "value" : "innerHTML"), n = () => {
     e.value = !e.value;
   }, o = (r) => {
@@ -1220,7 +1220,7 @@ function ua(a) {
     onDiscard: i
   };
 }
-const pe = /* @__PURE__ */ x({
+const he = /* @__PURE__ */ x({
   __name: "AoTitle",
   props: {
     id: {},
@@ -1232,19 +1232,19 @@ const pe = /* @__PURE__ */ x({
   },
   emits: ["update:title", "toggle-is-editing"],
   setup(a, { emit: e }) {
-    const t = a, s = X(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = ua(s), r = b(() => n.value ? "input" : t.tag || `h${t.level}`), c = b(() => t.isEditable ? n.value ? {
+    const t = a, s = X(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = ca(s), r = b(() => n.value ? "input" : t.tag || `h${t.level}`), c = b(() => t.isEditable ? n.value ? {
       change: u,
       click: ($) => $.stopPropagation(),
-      blur: h
+      blur: p
     } : {
       click: g,
       focus: g
     } : {}), u = i(($, T) => {
       const w = T.target.value;
       e("update:title", w);
-    }), f = l(), h = async () => {
+    }), f = l(), p = async () => {
       n.value && o(!1);
-    }, p = () => {
+    }, h = () => {
       e("toggle-is-editing", !1);
     }, g = ($) => {
       $.stopPropagation(), n.value || o(!0);
@@ -1271,8 +1271,8 @@ const pe = /* @__PURE__ */ x({
       type: F(n) ? "text" : null,
       value: F(n) ? $.title : null,
       tabindex: "0",
-      onKeyup: ze(p, ["enter"])
-    }, on(c.value), {
+      onKeyup: ze(h, ["enter"])
+    }, ln(c.value), {
       onKeydown: ze(F(f), ["esc"])
     }), {
       default: R(() => [
@@ -1303,7 +1303,7 @@ const ac = {
 }, cc = {
   key: 3,
   class: "ao-card-horiz__secondary"
-}, ca = /* @__PURE__ */ x({
+}, da = /* @__PURE__ */ x({
   __name: "AoCardHoriz",
   props: {
     id: {},
@@ -1339,7 +1339,7 @@ const ac = {
             }, null, 8, ["name"])
           ])) : E("", !0),
           d("div", ic, [
-            k(pe, {
+            k(he, {
               id: s.id,
               class: "ao-card-horiz__title",
               level: 4,
@@ -1374,6 +1374,7 @@ const S1 = /* @__PURE__ */ x({
   props: {
     label: {},
     color: {},
+    rawColor: {},
     clickable: { type: Boolean },
     closable: { type: Boolean },
     variant: {}
@@ -1390,7 +1391,8 @@ const S1 = /* @__PURE__ */ x({
         n.clickable ? "ao-tag--clickable" : "",
         n.closable ? "ao-tag--closable" : "",
         n.variant ? `ao-tag--${n.variant}` : ""
-      ])
+      ]),
+      style: la(n.rawColor ? { "--ao-tag-bg": n.rawColor } : {})
     }, [
       (v(), U(et(t.value), Ve({ class: "ao-tag__label" }, s.value, {
         onClick: o[0] || (o[0] = (i) => n.$emit("click", i))
@@ -1411,7 +1413,7 @@ const S1 = /* @__PURE__ */ x({
           class: "ao-tag__close-icon"
         })
       ])) : E("", !0)
-    ], 2));
+    ], 6));
   }
 });
 function Yt(a) {
@@ -1450,17 +1452,17 @@ function vc(a) {
   var e = new Date(Date.UTC(a.getFullYear(), a.getMonth(), a.getDate(), a.getHours(), a.getMinutes(), a.getSeconds(), a.getMilliseconds()));
   return e.setUTCFullYear(a.getFullYear()), a.getTime() - e.getTime();
 }
-var da = 6e4, fa = 36e5;
-function hc(a) {
+var fa = 6e4, va = 36e5;
+function pc(a) {
   return ge(1, arguments), a instanceof Date || Yt(a) === "object" && Object.prototype.toString.call(a) === "[object Date]";
 }
-function va(a) {
-  if (ge(1, arguments), !hc(a) && typeof a != "number")
+function pa(a) {
+  if (ge(1, arguments), !pc(a) && typeof a != "number")
     return !1;
   var e = De(a);
   return !isNaN(Number(e));
 }
-function pc(a, e) {
+function hc(a, e) {
   ge(2, arguments);
   var t = xe(e);
   return dc(a, -t);
@@ -1506,28 +1508,28 @@ function Gt(a, e) {
   var u = n1(), f = xe((t = (s = (n = (o = e == null ? void 0 : e.weekStartsOn) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.weekStartsOn) !== null && n !== void 0 ? n : u.weekStartsOn) !== null && s !== void 0 ? s : (r = u.locale) === null || r === void 0 || (c = r.options) === null || c === void 0 ? void 0 : c.weekStartsOn) !== null && t !== void 0 ? t : 0);
   if (!(f >= 0 && f <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var h = De(a), p = h.getUTCDay(), g = (p < f ? 7 : 0) + p - f;
-  return h.setUTCDate(h.getUTCDate() - g), h.setUTCHours(0, 0, 0, 0), h;
+  var p = De(a), h = p.getUTCDay(), g = (h < f ? 7 : 0) + h - f;
+  return p.setUTCDate(p.getUTCDate() - g), p.setUTCHours(0, 0, 0, 0), p;
 }
-function pa(a, e) {
+function ma(a, e) {
   var t, s, n, o, i, l, r, c;
   ge(1, arguments);
-  var u = De(a), f = u.getUTCFullYear(), h = n1(), p = xe((t = (s = (n = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && n !== void 0 ? n : h.firstWeekContainsDate) !== null && s !== void 0 ? s : (r = h.locale) === null || r === void 0 || (c = r.options) === null || c === void 0 ? void 0 : c.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
-  if (!(p >= 1 && p <= 7))
+  var u = De(a), f = u.getUTCFullYear(), p = n1(), h = xe((t = (s = (n = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && n !== void 0 ? n : p.firstWeekContainsDate) !== null && s !== void 0 ? s : (r = p.locale) === null || r === void 0 || (c = r.options) === null || c === void 0 ? void 0 : c.firstWeekContainsDate) !== null && t !== void 0 ? t : 1);
+  if (!(h >= 1 && h <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
   var g = /* @__PURE__ */ new Date(0);
-  g.setUTCFullYear(f + 1, 0, p), g.setUTCHours(0, 0, 0, 0);
+  g.setUTCFullYear(f + 1, 0, h), g.setUTCHours(0, 0, 0, 0);
   var $ = Gt(g, e), T = /* @__PURE__ */ new Date(0);
-  T.setUTCFullYear(f, 0, p), T.setUTCHours(0, 0, 0, 0);
+  T.setUTCFullYear(f, 0, h), T.setUTCHours(0, 0, 0, 0);
   var M = Gt(T, e);
   return u.getTime() >= $.getTime() ? f + 1 : u.getTime() >= M.getTime() ? f : f - 1;
 }
 function bc(a, e) {
   var t, s, n, o, i, l, r, c;
   ge(1, arguments);
-  var u = n1(), f = xe((t = (s = (n = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && n !== void 0 ? n : u.firstWeekContainsDate) !== null && s !== void 0 ? s : (r = u.locale) === null || r === void 0 || (c = r.options) === null || c === void 0 ? void 0 : c.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), h = pa(a, e), p = /* @__PURE__ */ new Date(0);
-  p.setUTCFullYear(h, 0, f), p.setUTCHours(0, 0, 0, 0);
-  var g = Gt(p, e);
+  var u = n1(), f = xe((t = (s = (n = (o = e == null ? void 0 : e.firstWeekContainsDate) !== null && o !== void 0 ? o : e == null || (i = e.locale) === null || i === void 0 || (l = i.options) === null || l === void 0 ? void 0 : l.firstWeekContainsDate) !== null && n !== void 0 ? n : u.firstWeekContainsDate) !== null && s !== void 0 ? s : (r = u.locale) === null || r === void 0 || (c = r.options) === null || c === void 0 ? void 0 : c.firstWeekContainsDate) !== null && t !== void 0 ? t : 1), p = ma(a, e), h = /* @__PURE__ */ new Date(0);
+  h.setUTCFullYear(p, 0, f), h.setUTCHours(0, 0, 0, 0);
+  var g = Gt(h, e);
   return g;
 }
 var wc = 6048e5;
@@ -1638,7 +1640,7 @@ var rt = {
   },
   // Local week-numbering year
   Y: function(e, t, s, n) {
-    var o = pa(e, n), i = o > 0 ? o : 1 - o;
+    var o = ma(e, n), i = o > 0 ? o : 1 - o;
     if (t === "YY") {
       var l = i % 100;
       return ie(l, 2);
@@ -2179,7 +2181,7 @@ var X1 = function(e, t) {
         width: "full"
       });
   }
-}, ma = function(e, t) {
+}, Ca = function(e, t) {
   switch (e) {
     case "p":
       return t.time({
@@ -2227,9 +2229,9 @@ var X1 = function(e, t) {
       });
       break;
   }
-  return i.replace("{{date}}", X1(n, t)).replace("{{time}}", ma(o, t));
+  return i.replace("{{date}}", X1(n, t)).replace("{{time}}", Ca(o, t));
 }, Sc = {
-  p: ma,
+  p: Ca,
   P: Tc
 };
 const Ec = Sc;
@@ -2573,7 +2575,7 @@ var nd = /^(\d+)(th|st|nd|rd)?/i, sd = /\d+/i, id = {
 }, vd = {
   narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
   any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-}, hd = {
+}, pd = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -2584,7 +2586,7 @@ var nd = /^(\d+)(th|st|nd|rd)?/i, sd = /\d+/i, id = {
     evening: /evening/i,
     night: /night/i
   }
-}, pd = {
+}, hd = {
   ordinalNumber: ad({
     matchPattern: nd,
     parsePattern: sd,
@@ -2622,11 +2624,11 @@ var nd = /^(\d+)(th|st|nd|rd)?/i, sd = /\d+/i, id = {
   dayPeriod: $t({
     matchPatterns: vd,
     defaultMatchWidth: "any",
-    parsePatterns: hd,
+    parsePatterns: pd,
     defaultParseWidth: "any"
   })
 };
-const md = pd;
+const md = hd;
 var Cd = {
   code: "en-US",
   formatDistance: Pc,
@@ -2642,12 +2644,12 @@ var Cd = {
 const _d = Cd;
 var gd = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, yd = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, bd = /^'([^]*?)'?$/, wd = /''/g, $d = /[a-zA-Z]/;
 function Md(a, e, t) {
-  var s, n, o, i, l, r, c, u, f, h, p, g, $, T, M, w, L, Z;
+  var s, n, o, i, l, r, c, u, f, p, h, g, $, T, M, w, L, Z;
   ge(2, arguments);
-  var j = String(e), V = n1(), I = (s = (n = t == null ? void 0 : t.locale) !== null && n !== void 0 ? n : V.locale) !== null && s !== void 0 ? s : _d, z = xe((o = (i = (l = (r = t == null ? void 0 : t.firstWeekContainsDate) !== null && r !== void 0 ? r : t == null || (c = t.locale) === null || c === void 0 || (u = c.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && l !== void 0 ? l : V.firstWeekContainsDate) !== null && i !== void 0 ? i : (f = V.locale) === null || f === void 0 || (h = f.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && o !== void 0 ? o : 1);
+  var j = String(e), V = n1(), I = (s = (n = t == null ? void 0 : t.locale) !== null && n !== void 0 ? n : V.locale) !== null && s !== void 0 ? s : _d, z = xe((o = (i = (l = (r = t == null ? void 0 : t.firstWeekContainsDate) !== null && r !== void 0 ? r : t == null || (c = t.locale) === null || c === void 0 || (u = c.options) === null || u === void 0 ? void 0 : u.firstWeekContainsDate) !== null && l !== void 0 ? l : V.firstWeekContainsDate) !== null && i !== void 0 ? i : (f = V.locale) === null || f === void 0 || (p = f.options) === null || p === void 0 ? void 0 : p.firstWeekContainsDate) !== null && o !== void 0 ? o : 1);
   if (!(z >= 1 && z <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var Y = xe((p = (g = ($ = (T = t == null ? void 0 : t.weekStartsOn) !== null && T !== void 0 ? T : t == null || (M = t.locale) === null || M === void 0 || (w = M.options) === null || w === void 0 ? void 0 : w.weekStartsOn) !== null && $ !== void 0 ? $ : V.weekStartsOn) !== null && g !== void 0 ? g : (L = V.locale) === null || L === void 0 || (Z = L.options) === null || Z === void 0 ? void 0 : Z.weekStartsOn) !== null && p !== void 0 ? p : 0);
+  var Y = xe((h = (g = ($ = (T = t == null ? void 0 : t.weekStartsOn) !== null && T !== void 0 ? T : t == null || (M = t.locale) === null || M === void 0 || (w = M.options) === null || w === void 0 ? void 0 : w.weekStartsOn) !== null && $ !== void 0 ? $ : V.weekStartsOn) !== null && g !== void 0 ? g : (L = V.locale) === null || L === void 0 || (Z = L.options) === null || Z === void 0 ? void 0 : Z.weekStartsOn) !== null && h !== void 0 ? h : 0);
   if (!(Y >= 0 && Y <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!I.localize)
@@ -2655,9 +2657,9 @@ function Md(a, e, t) {
   if (!I.formatLong)
     throw new RangeError("locale must contain formatLong property");
   var ne = De(a);
-  if (!va(ne))
+  if (!pa(ne))
     throw new RangeError("Invalid time value");
-  var y = vc(ne), S = pc(ne, y), D = {
+  var y = vc(ne), S = hc(ne, y), D = {
     firstWeekContainsDate: z,
     weekStartsOn: Y,
     locale: I,
@@ -2763,7 +2765,7 @@ function Vd(a) {
   if (!e)
     return NaN;
   var t = w1(e[1]), s = w1(e[2]), n = w1(e[3]);
-  return Ud(t, s, n) ? t * fa + s * da + n * 1e3 : NaN;
+  return Ud(t, s, n) ? t * va + s * fa + n * 1e3 : NaN;
 }
 function w1(a) {
   return a && parseFloat(a.replace(",", ".")) || 0;
@@ -2775,7 +2777,7 @@ function Hd(a) {
   if (!e)
     return 0;
   var t = e[1] === "+" ? -1 : 1, s = parseInt(e[2]), n = e[3] && parseInt(e[3]) || 0;
-  return Zd(s, n) ? t * (s * fa + n * da) : NaN;
+  return Zd(s, n) ? t * (s * va + n * fa) : NaN;
 }
 function Dd(a, e, t) {
   var s = /* @__PURE__ */ new Date(0);
@@ -2784,14 +2786,14 @@ function Dd(a, e, t) {
   return s.setUTCDate(s.getUTCDate() + o), s;
 }
 var Pd = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-function Ca(a) {
+function _a(a) {
   return a % 400 === 0 || a % 4 === 0 && a % 100 !== 0;
 }
 function Bd(a, e, t) {
-  return e >= 0 && e <= 11 && t >= 1 && t <= (Pd[e] || (Ca(a) ? 29 : 28));
+  return e >= 0 && e <= 11 && t >= 1 && t <= (Pd[e] || (_a(a) ? 29 : 28));
 }
 function Nd(a, e) {
-  return e >= 1 && e <= (Ca(a) ? 366 : 365);
+  return e >= 1 && e <= (_a(a) ? 366 : 365);
 }
 function Rd(a, e, t) {
   return e >= 1 && e <= 53 && t >= 0 && t <= 6;
@@ -2802,7 +2804,7 @@ function Ud(a, e, t) {
 function Zd(a, e) {
   return e >= 0 && e <= 59;
 }
-var Te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Ae = {}, _a = {}, kt = {}, Pt = {}, Ct = {}, s1 = {};
+var Te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Ae = {}, ga = {}, kt = {}, Pt = {}, Ct = {}, s1 = {};
 Object.defineProperty(s1, "__esModule", { value: !0 });
 s1.lexoHelper = void 0;
 s1.lexoHelper = {
@@ -3150,11 +3152,11 @@ class Me {
 }
 Pt.LexoDecimal = Me;
 var zt = {}, J1;
-function ga() {
+function ya() {
   if (J1)
     return zt;
   J1 = 1, Object.defineProperty(zt, "__esModule", { value: !0 });
-  const a = Ct, e = ba();
+  const a = Ct, e = wa();
   class t {
     constructor(n) {
       this.value = a.LexoInteger.parse(n, e.LexoRank.NUMERAL_SYSTEM);
@@ -3207,8 +3209,8 @@ function ga() {
   }
   return zt.default = t, zt;
 }
-var E1 = {}, ya = {};
-Object.defineProperty(ya, "__esModule", { value: !0 });
+var E1 = {}, ba = {};
+Object.defineProperty(ba, "__esModule", { value: !0 });
 var i1 = {};
 Object.defineProperty(i1, "__esModule", { value: !0 });
 i1.LexoNumeralSystem10 = void 0;
@@ -3316,14 +3318,14 @@ l1.LexoNumeralSystem64 = Yd;
     for (var o in s)
       o !== "default" && !Object.prototype.hasOwnProperty.call(n, o) && e(n, s, o);
   };
-  Object.defineProperty(a, "__esModule", { value: !0 }), t(ya, a), t(i1, a), t(o1, a), t(l1, a);
+  Object.defineProperty(a, "__esModule", { value: !0 }), t(ba, a), t(i1, a), t(o1, a), t(l1, a);
 })(E1);
 var ea;
-function ba() {
+function wa() {
   if (ea)
     return kt;
   ea = 1, Object.defineProperty(kt, "__esModule", { value: !0 }), kt.LexoRank = void 0;
-  const a = Pt, e = ga(), t = Bt, s = E1;
+  const a = Pt, e = ya(), t = Bt, s = E1;
   class n {
     constructor(i, l) {
       this.value = i.format() + "|" + n.formatDecimal(l), this.bucket = i, this.decimal = l;
@@ -3391,15 +3393,15 @@ function ba() {
           break;
         g = $, r = T;
       }
-      let h = n.middleInternal(i, l, r, c), p;
-      for (let g = h.getScale(); g > 0; g = p) {
-        p = g - 1;
-        const $ = h.setScale(p);
+      let p = n.middleInternal(i, l, r, c), h;
+      for (let g = p.getScale(); g > 0; g = h) {
+        h = g - 1;
+        const $ = p.setScale(h);
         if (i.compareTo($) >= 0 || $.compareTo(l) >= 0)
           break;
-        h = $;
+        p = $;
       }
-      return h;
+      return p;
     }
     static parse(i) {
       const l = i.split("|"), r = e.default.from(l[0]), c = a.LexoDecimal.parse(l[1], n.NUMERAL_SYSTEM);
@@ -3423,9 +3425,9 @@ function ba() {
         const f = c.setScale(u, !1);
         if (f.compareTo(i) > 0)
           return f;
-        const h = c.setScale(u, !0);
-        if (h.compareTo(l) < 0)
-          return h;
+        const p = c.setScale(u, !0);
+        if (p.compareTo(l) < 0)
+          return p;
       }
       return c;
     }
@@ -3509,8 +3511,8 @@ function ba() {
     for (var o in s)
       o !== "default" && !Object.prototype.hasOwnProperty.call(n, o) && e(n, s, o);
   };
-  Object.defineProperty(a, "__esModule", { value: !0 }), t(ba(), a), t(ga(), a), t(Pt, a), t(Ct, a);
-})(_a);
+  Object.defineProperty(a, "__esModule", { value: !0 }), t(wa(), a), t(ya(), a), t(Pt, a), t(Ct, a);
+})(ga);
 (function(a) {
   var e = Te && Te.__createBinding || (Object.create ? function(s, n, o, i) {
     i === void 0 && (i = o);
@@ -3524,9 +3526,9 @@ function ba() {
     for (var o in s)
       o !== "default" && !Object.prototype.hasOwnProperty.call(n, o) && e(n, s, o);
   };
-  Object.defineProperty(a, "__esModule", { value: !0 }), t(_a, a), t(E1, a);
+  Object.defineProperty(a, "__esModule", { value: !0 }), t(ga, a), t(E1, a);
 })(Ae);
-function wa(a) {
+function $a(a) {
   return (a == null ? void 0 : a.reduce((e, t) => {
     var s;
     return e + (((s = t.activities) == null ? void 0 : s.length) ?? 0);
@@ -3541,7 +3543,7 @@ function Kd(a) {
 function Gd(a) {
   return (a == null ? void 0 : a.reduce((e, t) => {
     var n;
-    const s = (n = t.milestones) != null && n.length ? wa(t.milestones) : 0;
+    const s = (n = t.milestones) != null && n.length ? $a(t.milestones) : 0;
     return e + s;
   }, 0)) ?? 0;
 }
@@ -3570,7 +3572,7 @@ function k1(a, e = "dd/MM/yyyy") {
   if (!a)
     return "";
   const t = Ad(a);
-  return va(t) ? Md(t, e) : "";
+  return pa(t) ? Md(t, e) : "";
 }
 const Qd = ["title"], Jd = { className: "ao-avatar__initials" }, _t = /* @__PURE__ */ x({
   __name: "AoAvatar",
@@ -3601,16 +3603,16 @@ const Qd = ["title"], Jd = { className: "ao-avatar__initials" }, _t = /* @__PURE
     ], 10, Qd));
   }
 });
-const e3 = { class: "ao-card-template__subitems" }, t3 = { class: "ao-card-template__subitem" }, a3 = { class: "ao-card-template__subitem-number" }, n3 = { class: "ao-card-template__subitem" }, s3 = { class: "ao-card-template__subitem" }, i3 = { class: "ao-card-template__body" }, o3 = { class: "ao-card-template__col ao-card-template__col--phases" }, l3 = { class: "ao-card-template__col-title" }, r3 = { class: "ao-card-template__col-label" }, u3 = {
+const e0 = { class: "ao-card-template__subitems" }, t0 = { class: "ao-card-template__subitem" }, a0 = { class: "ao-card-template__subitem-number" }, n0 = { class: "ao-card-template__subitem" }, s0 = { class: "ao-card-template__subitem" }, i0 = { class: "ao-card-template__body" }, o0 = { class: "ao-card-template__col ao-card-template__col--phases" }, l0 = { class: "ao-card-template__col-title" }, r0 = { class: "ao-card-template__col-label" }, u0 = {
   key: 0,
   class: "ao-card-template__col-body ao-card-template__phases-list"
-}, c3 = { class: "ao-card-template__footer" }, d3 = {
+}, c0 = { class: "ao-card-template__footer" }, d0 = {
   key: 0,
   class: "ao-card-template__col ao-card-template__col--updated-at"
-}, f3 = { class: "ao-card-template__col-title" }, v3 = { class: "ao-card-template__col-label" }, h3 = { class: "ao-card-template__col-body" }, p3 = {
+}, f0 = { class: "ao-card-template__col-title" }, v0 = { class: "ao-card-template__col-label" }, p0 = { class: "ao-card-template__col-body" }, h0 = {
   key: 1,
   class: "ao-card-template__col ao-card-template__col--updated-by"
-}, m3 = { class: "ao-card-template__col-title" }, C3 = { class: "ao-card-template__col-label" }, _3 = { class: "ao-card-template__col-body" }, g3 = /* @__PURE__ */ x({
+}, m0 = { class: "ao-card-template__col-title" }, C0 = { class: "ao-card-template__col-label" }, _0 = { class: "ao-card-template__col-body" }, g0 = /* @__PURE__ */ x({
   __name: "AoCardTemplate",
   props: {
     id: {},
@@ -3626,41 +3628,41 @@ const e3 = { class: "ao-card-template__subitems" }, t3 = { class: "ao-card-templ
     const t = (s) => {
       e("updateTitle", s);
     };
-    return (s, n) => (v(), U(ca, {
+    return (s, n) => (v(), U(da, {
       id: s.id,
       title: s.title,
       "is-draggable": !0,
       "onUpdate:title": t
     }, Ht({
       subtitle: R(() => [
-        d("ul", e3, [
-          d("li", t3, [
+        d("ul", e0, [
+          d("li", t0, [
             k(de, {
               name: "MountainFlagOutlineRounded",
               size: "sm"
             }),
-            d("span", a3, W(s.milestones), 1)
+            d("span", a0, W(s.milestones), 1)
           ]),
-          d("li", n3, [
+          d("li", n0, [
             k(de, {
               name: "TaskOutlineRounded",
               size: "sm"
             }),
-            d("span", s3, W(s.activities), 1)
+            d("span", s0, W(s.activities), 1)
           ])
         ])
       ]),
       default: R(() => [
-        d("div", i3, [
-          d("div", o3, [
-            d("div", l3, [
+        d("div", i0, [
+          d("div", o0, [
+            d("div", l0, [
               k(de, {
                 name: "WaterfallChartRounded",
                 size: "sm"
               }),
-              d("span", r3, W(s.$t("template.phases.title")), 1)
+              d("span", r0, W(s.$t("template.phases.title")), 1)
             ]),
-            s.phases ? (v(), C("ul", u3, [
+            s.phases ? (v(), C("ul", u0, [
               (v(!0), C(fe, null, ye(s.phases, (o) => (v(), U(S1, {
                 key: o.id,
                 label: o.name || o.id,
@@ -3676,20 +3678,20 @@ const e3 = { class: "ao-card-template__subitems" }, t3 = { class: "ao-card-templ
       s.updatedBy || s.updatedAt ? {
         name: "footer",
         fn: R(() => [
-          d("div", c3, [
-            s.updatedAt ? (v(), C("div", d3, [
-              d("div", f3, [
-                d("span", v3, W(s.$t("template.updatedAt.label")), 1)
+          d("div", c0, [
+            s.updatedAt ? (v(), C("div", d0, [
+              d("div", f0, [
+                d("span", v0, W(s.$t("template.updatedAt.label")), 1)
               ]),
-              d("div", h3, [
+              d("div", p0, [
                 d("span", null, W(s.updatedAt), 1)
               ])
             ])) : E("", !0),
-            s.updatedBy ? (v(), C("div", p3, [
-              d("div", m3, [
-                d("span", C3, W(s.$t("template.updatedBy.label")), 1)
+            s.updatedBy ? (v(), C("div", h0, [
+              d("div", m0, [
+                d("span", C0, W(s.$t("template.updatedBy.label")), 1)
               ]),
-              d("div", _3, [
+              d("div", _0, [
                 k(_t, { "user-name": s.updatedBy }, null, 8, ["user-name"])
               ])
             ])) : E("", !0)
@@ -3700,7 +3702,7 @@ const e3 = { class: "ao-card-template__subitems" }, t3 = { class: "ao-card-templ
     ]), 1032, ["id", "title"]));
   }
 });
-const y3 = { class: "ao-page-header" }, b3 = { class: "ao-page-header-main" }, w3 = {
+const y0 = { class: "ao-page-header" }, b0 = { class: "ao-page-header-main" }, w0 = {
   key: 0,
   class: "ao-page-header-secondary"
 }, r1 = /* @__PURE__ */ x({
@@ -3710,8 +3712,8 @@ const y3 = { class: "ao-page-header" }, b3 = { class: "ao-page-header-main" }, w
   },
   emits: ["goBack"],
   setup(a) {
-    return (e, t) => (v(), C("header", y3, [
-      d("div", b3, [
+    return (e, t) => (v(), C("header", y0, [
+      d("div", b0, [
         e.canGoBack ? (v(), U(ce, {
           key: 0,
           "icon-name": "ArrowBackRounded",
@@ -3720,13 +3722,13 @@ const y3 = { class: "ao-page-header" }, b3 = { class: "ao-page-header-main" }, w
         })) : E("", !0),
         Q(e.$slots, "primary")
       ]),
-      e.$slots.secondary ? (v(), C("div", w3, [
+      e.$slots.secondary ? (v(), C("div", w0, [
         Q(e.$slots, "secondary")
       ])) : E("", !0)
     ]));
   }
 });
-const $3 = ["type"], M3 = {
+const $0 = ["type"], M0 = {
   key: 0,
   class: "ao-button-card__label"
 }, Xe = /* @__PURE__ */ x({
@@ -3739,7 +3741,7 @@ const $3 = ["type"], M3 = {
     color: { default: () => Ju.BLACK },
     size: { default: () => a1.MD },
     isLoading: { type: Boolean, default: () => !1 },
-    corners: { default: () => ra.ROUNDED }
+    corners: { default: () => ua.ROUNDED }
   },
   setup(a) {
     const e = a, t = b(() => e.size), s = b(() => e.isLoading ? "Loading" : e.iconName);
@@ -3753,7 +3755,7 @@ const $3 = ["type"], M3 = {
       ])
     }, [
       Q(n.$slots, "default", {}, () => [
-        n.label ? (v(), C("span", M3, W(n.label), 1)) : E("", !0)
+        n.label ? (v(), C("span", M0, W(n.label), 1)) : E("", !0)
       ]),
       s.value ? (v(), U(de, {
         key: 0,
@@ -3761,13 +3763,13 @@ const $3 = ["type"], M3 = {
         class: "ao-button-card__icon",
         size: t.value
       }, null, 8, ["name", "size"])) : E("", !0)
-    ], 10, $3));
+    ], 10, $0));
   }
 });
-const k3 = { class: "ao-card-template-item__footer" }, A3 = {
+const k0 = { class: "ao-card-template-item__footer" }, A0 = {
   key: 0,
   class: "ao-card-template-item__subitem"
-}, T3 = { class: "ao-card-template-item__subitem-number" }, S3 = { class: "ao-card-template-item__secondary" }, I1 = /* @__PURE__ */ x({
+}, T0 = { class: "ao-card-template-item__subitem-number" }, S0 = { class: "ao-card-template-item__secondary" }, I1 = /* @__PURE__ */ x({
   __name: "AoCardTemplateItem",
   props: {
     milestones: {},
@@ -3787,22 +3789,22 @@ const k3 = { class: "ao-card-template-item__footer" }, A3 = {
     }, o = () => {
       e("remove");
     };
-    return (i, l) => (v(), U(ca, { "onUpdate:title": t }, {
+    return (i, l) => (v(), U(da, { "onUpdate:title": t }, {
       footer: R(() => [
-        d("ul", k3, [
+        d("ul", k0, [
           (v(), C(fe, null, ye(s, (r) => (v(), C(fe, { key: r }, [
-            i.$props[r] ? (v(), C("li", A3, [
+            i.$props[r] ? (v(), C("li", A0, [
               k(de, {
                 name: n[r],
                 size: "sm"
               }, null, 8, ["name"]),
-              d("span", T3, W(i.$props[r]), 1)
+              d("span", T0, W(i.$props[r]), 1)
             ])) : E("", !0)
           ], 64))), 64))
         ])
       ]),
       secondary: R(() => [
-        d("div", S3, [
+        d("div", S0, [
           k(ce, {
             "icon-name": "DeleteOutlineRounded",
             variant: "ghost",
@@ -3816,7 +3818,7 @@ const k3 = { class: "ao-card-template-item__footer" }, A3 = {
     }));
   }
 });
-const E3 = /* @__PURE__ */ x({
+const E0 = /* @__PURE__ */ x({
   __name: "AoCardTemplateItemPhase",
   props: {
     id: {},
@@ -3827,7 +3829,7 @@ const E3 = /* @__PURE__ */ x({
     const e = a, t = b(() => {
       var n;
       return (n = e.milestones) == null ? void 0 : n.length;
-    }), s = b(() => e.milestones ? wa(e.milestones) : 0);
+    }), s = b(() => e.milestones ? $a(e.milestones) : 0);
     return (n, o) => (v(), U(I1, Ve({
       id: n.id,
       title: n.name,
@@ -3840,7 +3842,7 @@ const E3 = /* @__PURE__ */ x({
       _: 3
     }, 16, ["id", "title", "activities", "milestones"]));
   }
-}), I3 = /* @__PURE__ */ x({
+}), I0 = /* @__PURE__ */ x({
   __name: "AoCardTemplateItemMilestone",
   props: {
     activities: {}
@@ -3857,7 +3859,7 @@ const E3 = /* @__PURE__ */ x({
       _: 3
     }, 8, ["activities"]));
   }
-}), O3 = { class: "ao-list__footer" }, L3 = /* @__PURE__ */ x({
+}), O0 = { class: "ao-list__footer" }, L0 = /* @__PURE__ */ x({
   __name: "AoTemplateDetailsMilestones",
   props: {
     templateId: {},
@@ -3891,14 +3893,14 @@ const E3 = /* @__PURE__ */ x({
       onChange: i
     }, {
       header: R(() => [
-        k(pe, {
+        k(he, {
           title: "Milestones",
           level: 3,
           class: "ao-list__title"
         })
       ]),
       item: R(({ element: c }) => [
-        (v(), U(I3, {
+        (v(), U(I0, {
           id: c.id,
           key: c.id,
           title: c.name,
@@ -3915,7 +3917,7 @@ const E3 = /* @__PURE__ */ x({
         }, null, 8, ["id", "title", "activities", "is-active", "onUpdate:title", "onClick", "onRemove"]))
       ]),
       footer: R(() => [
-        d("div", O3, [
+        d("div", O0, [
           k(Xe, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.milestones.add"),
@@ -3926,7 +3928,7 @@ const E3 = /* @__PURE__ */ x({
       _: 1
     }, 8, ["model-value", "title"])) : E("", !0);
   }
-}), V3 = /* @__PURE__ */ x({
+}), V0 = /* @__PURE__ */ x({
   __name: "AoCardTemplateItemActivity",
   props: {
     name: {},
@@ -3944,7 +3946,7 @@ const E3 = /* @__PURE__ */ x({
       _: 3
     }, 8, ["tasks"]));
   }
-}), H3 = { class: "ao-list__footer" }, D3 = /* @__PURE__ */ x({
+}), H0 = { class: "ao-list__footer" }, D0 = /* @__PURE__ */ x({
   __name: "AoTemplateDetailsActivities",
   props: {
     templateId: {},
@@ -3981,14 +3983,14 @@ const E3 = /* @__PURE__ */ x({
       onChange: i
     }, {
       header: R(() => [
-        k(pe, {
+        k(he, {
           title: "Activities",
           level: 3,
           class: "ao-list__title"
         })
       ]),
       item: R(({ element: c }) => [
-        (v(), U(V3, {
+        (v(), U(V0, {
           id: c.id,
           key: c.id,
           title: c.name,
@@ -4001,7 +4003,7 @@ const E3 = /* @__PURE__ */ x({
         }, null, 8, ["id", "title", "tasks", "is-active", "onUpdate:title", "onClick", "onRemove"]))
       ]),
       footer: R(() => [
-        d("div", H3, [
+        d("div", H0, [
           k(Xe, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.activities.add"),
@@ -4012,10 +4014,10 @@ const E3 = /* @__PURE__ */ x({
       _: 1
     }, 8, ["model-value", "title"])) : E("", !0);
   }
-}), P3 = { class: "ao-modal" }, B3 = { class: "ao-modal__header" }, N3 = { class: "ao-modal__header-meta" }, R3 = {
+}), P0 = { class: "ao-modal" }, B0 = { class: "ao-modal__header" }, N0 = { class: "ao-modal__header-meta" }, R0 = {
   key: 0,
   class: "ao-modal__title-group"
-}, U3 = { class: "ao-modal__body" }, Z3 = {
+}, U0 = { class: "ao-modal__body" }, Z0 = {
   key: 0,
   class: "ao-modal__footer"
 }, O1 = /* @__PURE__ */ x({
@@ -4032,9 +4034,9 @@ const E3 = /* @__PURE__ */ x({
         class: "ao-modal__backdrop",
         onClick: t[0] || (t[0] = (s) => e.$emit("close"))
       }),
-      d("div", P3, [
-        d("div", B3, [
-          d("div", N3, [
+      d("div", P0, [
+        d("div", B0, [
+          d("div", N0, [
             k(ce, {
               "icon-name": "CloseRounded",
               variant: "ghost",
@@ -4042,14 +4044,14 @@ const E3 = /* @__PURE__ */ x({
               onClick: t[1] || (t[1] = (s) => e.$emit("close"))
             })
           ]),
-          e.$slots.header ? (v(), C("header", R3, [
+          e.$slots.header ? (v(), C("header", R0, [
             Q(e.$slots, "header")
           ])) : E("", !0)
         ]),
-        d("div", U3, [
+        d("div", U0, [
           Q(e.$slots, "default")
         ]),
-        e.$slots.footer ? (v(), C("footer", Z3, [
+        e.$slots.footer ? (v(), C("footer", Z0, [
           Q(e.$slots, "footer")
         ])) : E("", !0)
       ])
@@ -4059,50 +4061,50 @@ const E3 = /* @__PURE__ */ x({
 const Lt = Math.min, ke = Math.max, Xt = Math.round, xt = Math.floor, Ye = (a) => ({
   x: a,
   y: a
-}), j3 = {
+}), j0 = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, F3 = {
+}, F0 = {
   start: "end",
   end: "start"
 };
 function L1(a, e) {
   return typeof a == "function" ? a(e) : a;
 }
-function pt(a) {
+function ht(a) {
   return a.split("-")[0];
 }
 function u1(a) {
   return a.split("-")[1];
 }
-function q3(a) {
+function q0(a) {
   return a === "x" ? "y" : "x";
 }
-function $a(a) {
+function Ma(a) {
   return a === "y" ? "height" : "width";
 }
 function V1(a) {
-  return ["top", "bottom"].includes(pt(a)) ? "y" : "x";
+  return ["top", "bottom"].includes(ht(a)) ? "y" : "x";
 }
-function Ma(a) {
-  return q3(V1(a));
+function ka(a) {
+  return q0(V1(a));
 }
-function W3(a, e, t) {
+function W0(a, e, t) {
   t === void 0 && (t = !1);
-  const s = u1(a), n = Ma(a), o = $a(n);
+  const s = u1(a), n = ka(a), o = Ma(n);
   let i = n === "x" ? s === (t ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
   return e.reference[o] > e.floating[o] && (i = Qt(i)), [i, Qt(i)];
 }
-function z3(a) {
+function z0(a) {
   const e = Qt(a);
   return [A1(a), e, A1(e)];
 }
 function A1(a) {
-  return a.replace(/start|end/g, (e) => F3[e]);
+  return a.replace(/start|end/g, (e) => F0[e]);
 }
-function x3(a, e, t) {
+function x0(a, e, t) {
   const s = ["left", "right"], n = ["right", "left"], o = ["top", "bottom"], i = ["bottom", "top"];
   switch (a) {
     case "top":
@@ -4115,15 +4117,15 @@ function x3(a, e, t) {
       return [];
   }
 }
-function Y3(a, e, t, s) {
+function Y0(a, e, t, s) {
   const n = u1(a);
-  let o = x3(pt(a), t === "start", s);
+  let o = x0(ht(a), t === "start", s);
   return n && (o = o.map((i) => i + "-" + n), e && (o = o.concat(o.map(A1)))), o;
 }
 function Qt(a) {
-  return a.replace(/left|right|bottom|top/g, (e) => j3[e]);
+  return a.replace(/left|right|bottom|top/g, (e) => j0[e]);
 }
-function K3(a) {
+function K0(a) {
   return {
     top: 0,
     right: 0,
@@ -4132,8 +4134,8 @@ function K3(a) {
     ...a
   };
 }
-function G3(a) {
-  return typeof a != "number" ? K3(a) : {
+function G0(a) {
+  return typeof a != "number" ? K0(a) : {
     top: a,
     right: a,
     bottom: a,
@@ -4154,50 +4156,50 @@ function ta(a, e, t) {
     reference: s,
     floating: n
   } = a;
-  const o = V1(e), i = Ma(e), l = $a(i), r = pt(e), c = o === "y", u = s.x + s.width / 2 - n.width / 2, f = s.y + s.height / 2 - n.height / 2, h = s[l] / 2 - n[l] / 2;
-  let p;
+  const o = V1(e), i = ka(e), l = Ma(i), r = ht(e), c = o === "y", u = s.x + s.width / 2 - n.width / 2, f = s.y + s.height / 2 - n.height / 2, p = s[l] / 2 - n[l] / 2;
+  let h;
   switch (r) {
     case "top":
-      p = {
+      h = {
         x: u,
         y: s.y - n.height
       };
       break;
     case "bottom":
-      p = {
+      h = {
         x: u,
         y: s.y + s.height
       };
       break;
     case "right":
-      p = {
+      h = {
         x: s.x + s.width,
         y: f
       };
       break;
     case "left":
-      p = {
+      h = {
         x: s.x - n.width,
         y: f
       };
       break;
     default:
-      p = {
+      h = {
         x: s.x,
         y: s.y
       };
   }
   switch (u1(e)) {
     case "start":
-      p[i] -= h * (t && c ? -1 : 1);
+      h[i] -= p * (t && c ? -1 : 1);
       break;
     case "end":
-      p[i] += h * (t && c ? -1 : 1);
+      h[i] += p * (t && c ? -1 : 1);
       break;
   }
-  return p;
+  return h;
 }
-const X3 = async (a, e, t) => {
+const X0 = async (a, e, t) => {
   const {
     placement: s = "bottom",
     strategy: n = "absolute",
@@ -4211,7 +4213,7 @@ const X3 = async (a, e, t) => {
   }), {
     x: u,
     y: f
-  } = ta(c, s, r), h = s, p = {}, g = 0;
+  } = ta(c, s, r), p = s, h = {}, g = 0;
   for (let $ = 0; $ < l.length; $++) {
     const {
       name: T,
@@ -4225,9 +4227,9 @@ const X3 = async (a, e, t) => {
       x: u,
       y: f,
       initialPlacement: s,
-      placement: h,
+      placement: p,
       strategy: n,
-      middlewareData: p,
+      middlewareData: h,
       rects: c,
       platform: i,
       elements: {
@@ -4235,33 +4237,33 @@ const X3 = async (a, e, t) => {
         floating: e
       }
     });
-    if (u = w ?? u, f = L ?? f, p = {
-      ...p,
+    if (u = w ?? u, f = L ?? f, h = {
+      ...h,
       [T]: {
-        ...p[T],
+        ...h[T],
         ...Z
       }
     }, j && g <= 50) {
-      g++, typeof j == "object" && (j.placement && (h = j.placement), j.rects && (c = j.rects === !0 ? await i.getElementRects({
+      g++, typeof j == "object" && (j.placement && (p = j.placement), j.rects && (c = j.rects === !0 ? await i.getElementRects({
         reference: a,
         floating: e,
         strategy: n
       }) : j.rects), {
         x: u,
         y: f
-      } = ta(c, h, r)), $ = -1;
+      } = ta(c, p, r)), $ = -1;
       continue;
     }
   }
   return {
     x: u,
     y: f,
-    placement: h,
+    placement: p,
     strategy: n,
-    middlewareData: p
+    middlewareData: h
   };
 };
-async function ka(a, e) {
+async function Aa(a, e) {
   var t;
   e === void 0 && (e = {});
   const {
@@ -4275,9 +4277,9 @@ async function ka(a, e) {
     boundary: c = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: f = "floating",
-    altBoundary: h = !1,
-    padding: p = 0
-  } = L1(e, a), g = G3(p), T = l[h ? f === "floating" ? "reference" : "floating" : f], M = Jt(await o.getClippingRect({
+    altBoundary: p = !1,
+    padding: h = 0
+  } = L1(e, a), g = G0(h), T = l[p ? f === "floating" ? "reference" : "floating" : f], M = Jt(await o.getClippingRect({
     element: (t = await (o.isElement == null ? void 0 : o.isElement(T))) == null || t ? T : T.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
     boundary: c,
     rootBoundary: u,
@@ -4304,7 +4306,7 @@ async function ka(a, e) {
     right: (j.right - M.right + g.right) / Z.x
   };
 }
-const Q3 = function(a) {
+const Q0 = function(a) {
   return a === void 0 && (a = {}), {
     name: "flip",
     options: a,
@@ -4320,20 +4322,20 @@ const Q3 = function(a) {
       } = e, {
         mainAxis: u = !0,
         crossAxis: f = !0,
-        fallbackPlacements: h,
-        fallbackStrategy: p = "bestFit",
+        fallbackPlacements: p,
+        fallbackStrategy: h = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: $ = !0,
         ...T
       } = L1(a, e);
       if ((t = o.arrow) != null && t.alignmentOffset)
         return {};
-      const M = pt(n), w = pt(l) === l, L = await (r.isRTL == null ? void 0 : r.isRTL(c.floating)), Z = h || (w || !$ ? [Qt(l)] : z3(l));
-      !h && g !== "none" && Z.push(...Y3(l, $, g, L));
-      const j = [l, ...Z], V = await ka(e, T), I = [];
+      const M = ht(n), w = ht(l) === l, L = await (r.isRTL == null ? void 0 : r.isRTL(c.floating)), Z = p || (w || !$ ? [Qt(l)] : z0(l));
+      !p && g !== "none" && Z.push(...Y0(l, $, g, L));
+      const j = [l, ...Z], V = await Aa(e, T), I = [];
       let z = ((s = o.flip) == null ? void 0 : s.overflows) || [];
       if (u && I.push(V[M]), f) {
-        const S = W3(n, i, L);
+        const S = W0(n, i, L);
         I.push(V[S[0]], V[S[1]]);
       }
       if (z = [...z, {
@@ -4354,7 +4356,7 @@ const Q3 = function(a) {
           };
         let le = (ne = z.filter((J) => J.overflows[0] <= 0).sort((J, re) => J.overflows[1] - re.overflows[1])[0]) == null ? void 0 : ne.placement;
         if (!le)
-          switch (p) {
+          switch (h) {
             case "bestFit": {
               var y;
               const J = (y = z.map((re) => [re.placement, re.overflows.filter((ae) => ae > 0).reduce((ae, m) => ae + m, 0)]).sort((re, ae) => re[1] - ae[1])[0]) == null ? void 0 : y[0];
@@ -4375,7 +4377,7 @@ const Q3 = function(a) {
       return {};
     }
   };
-}, J3 = function(a) {
+}, J0 = function(a) {
   return a === void 0 && (a = {}), {
     name: "size",
     options: a,
@@ -4389,24 +4391,24 @@ const Q3 = function(a) {
         apply: i = () => {
         },
         ...l
-      } = L1(a, e), r = await ka(e, l), c = pt(t), u = u1(t), f = V1(t) === "y", {
-        width: h,
-        height: p
+      } = L1(a, e), r = await Aa(e, l), c = ht(t), u = u1(t), f = V1(t) === "y", {
+        width: p,
+        height: h
       } = s.floating;
       let g, $;
       c === "top" || c === "bottom" ? (g = c, $ = u === (await (n.isRTL == null ? void 0 : n.isRTL(o.floating)) ? "start" : "end") ? "left" : "right") : ($ = c, g = u === "end" ? "top" : "bottom");
-      const T = p - r[g], M = h - r[$], w = !e.middlewareData.shift;
+      const T = h - r[g], M = p - r[$], w = !e.middlewareData.shift;
       let L = T, Z = M;
       if (f) {
-        const V = h - r.left - r.right;
+        const V = p - r.left - r.right;
         Z = u || w ? Lt(M, V) : V;
       } else {
-        const V = p - r.top - r.bottom;
+        const V = h - r.top - r.bottom;
         L = u || w ? Lt(T, V) : V;
       }
       if (w && !u) {
         const V = ke(r.left, 0), I = ke(r.right, 0), z = ke(r.top, 0), Y = ke(r.bottom, 0);
-        f ? Z = h - 2 * (V !== 0 || I !== 0 ? V + I : ke(r.left, r.right)) : L = p - 2 * (z !== 0 || Y !== 0 ? z + Y : ke(r.top, r.bottom));
+        f ? Z = p - 2 * (V !== 0 || I !== 0 ? V + I : ke(r.left, r.right)) : L = h - 2 * (z !== 0 || Y !== 0 ? z + Y : ke(r.top, r.bottom));
       }
       await i({
         ...e,
@@ -4414,7 +4416,7 @@ const Q3 = function(a) {
         availableHeight: L
       });
       const j = await n.getDimensions(o.floating);
-      return h !== j.width || p !== j.height ? {
+      return p !== j.width || h !== j.height ? {
         reset: {
           rects: !0
         }
@@ -4423,7 +4425,7 @@ const Q3 = function(a) {
   };
 };
 function Ke(a) {
-  return Aa(a) ? (a.nodeName || "").toLowerCase() : "#document";
+  return Ta(a) ? (a.nodeName || "").toLowerCase() : "#document";
 }
 function we(a) {
   var e;
@@ -4431,9 +4433,9 @@ function we(a) {
 }
 function Ze(a) {
   var e;
-  return (e = (Aa(a) ? a.ownerDocument : a.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (Ta(a) ? a.ownerDocument : a.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function Aa(a) {
+function Ta(a) {
   return a instanceof Node || a instanceof we(a).Node;
 }
 function Ue(a) {
@@ -4454,14 +4456,14 @@ function Rt(a) {
   } = Se(a);
   return /auto|scroll|overlay|hidden|clip/.test(e + s + t) && !["inline", "contents"].includes(n);
 }
-function e0(a) {
+function e3(a) {
   return ["table", "td", "th"].includes(Ke(a));
 }
 function H1(a) {
   const e = D1(), t = Se(a);
   return t.transform !== "none" || t.perspective !== "none" || (t.containerType ? t.containerType !== "normal" : !1) || !e && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !e && (t.filter ? t.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((s) => (t.willChange || "").includes(s)) || ["paint", "layout", "strict", "content"].some((s) => (t.contain || "").includes(s));
 }
-function t0(a) {
+function t3(a) {
   let e = mt(a);
   for (; He(e) && !c1(e); ) {
     if (H1(e))
@@ -4500,17 +4502,17 @@ function mt(a) {
   );
   return aa(e) ? e.host : e;
 }
-function Ta(a) {
+function Sa(a) {
   const e = mt(a);
-  return c1(e) ? a.ownerDocument ? a.ownerDocument.body : a.body : He(e) && Rt(e) ? e : Ta(e);
+  return c1(e) ? a.ownerDocument ? a.ownerDocument.body : a.body : He(e) && Rt(e) ? e : Sa(e);
 }
 function Vt(a, e, t) {
   var s;
   e === void 0 && (e = []), t === void 0 && (t = !0);
-  const n = Ta(a), o = n === ((s = a.ownerDocument) == null ? void 0 : s.body), i = we(n);
+  const n = Sa(a), o = n === ((s = a.ownerDocument) == null ? void 0 : s.body), i = we(n);
   return o ? e.concat(i, i.visualViewport || [], Rt(n) ? n : [], i.frameElement && t ? Vt(i.frameElement) : []) : e.concat(n, Vt(n));
 }
-function Sa(a) {
+function Ea(a) {
   const e = Se(a);
   let t = parseFloat(e.width) || 0, s = parseFloat(e.height) || 0;
   const n = He(a), o = n ? a.offsetWidth : t, i = n ? a.offsetHeight : s, l = Xt(t) !== o || Xt(s) !== i;
@@ -4531,22 +4533,22 @@ function ft(a) {
     width: s,
     height: n,
     $: o
-  } = Sa(e);
+  } = Ea(e);
   let i = (o ? Xt(t.width) : t.width) / s, l = (o ? Xt(t.height) : t.height) / n;
   return (!i || !Number.isFinite(i)) && (i = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: i,
     y: l
   };
 }
-const a0 = /* @__PURE__ */ Ye(0);
-function Ea(a) {
+const a3 = /* @__PURE__ */ Ye(0);
+function Ia(a) {
   const e = we(a);
-  return !D1() || !e.visualViewport ? a0 : {
+  return !D1() || !e.visualViewport ? a3 : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function n0(a, e, t) {
+function n3(a, e, t) {
   return e === void 0 && (e = !1), !t || e && t !== we(a) ? !1 : e;
 }
 function Je(a, e, t, s) {
@@ -4554,12 +4556,12 @@ function Je(a, e, t, s) {
   const n = a.getBoundingClientRect(), o = P1(a);
   let i = Ye(1);
   e && (s ? Ue(s) && (i = ft(s)) : i = ft(a));
-  const l = n0(o, t, s) ? Ea(o) : Ye(0);
+  const l = n3(o, t, s) ? Ia(o) : Ye(0);
   let r = (n.left + l.x) / i.x, c = (n.top + l.y) / i.y, u = n.width / i.x, f = n.height / i.y;
   if (o) {
-    const h = we(o), p = s && Ue(s) ? we(s) : s;
-    let g = h.frameElement;
-    for (; g && s && p !== h; ) {
+    const p = we(o), h = s && Ue(s) ? we(s) : s;
+    let g = p.frameElement;
+    for (; g && s && h !== p; ) {
       const $ = ft(g), T = g.getBoundingClientRect(), M = Se(g), w = T.left + (g.clientLeft + parseFloat(M.paddingLeft)) * $.x, L = T.top + (g.clientTop + parseFloat(M.paddingTop)) * $.y;
       r *= $.x, c *= $.y, u *= $.x, f *= $.y, r += w, c += L, g = we(g).frameElement;
     }
@@ -4571,7 +4573,7 @@ function Je(a, e, t, s) {
     y: c
   });
 }
-function s0(a) {
+function s3(a) {
   let {
     rect: e,
     offsetParent: t,
@@ -4596,15 +4598,15 @@ function s0(a) {
     y: e.y * l.y - i.scrollTop * l.y + r.y
   };
 }
-function i0(a) {
+function i3(a) {
   return Array.from(a.getClientRects());
 }
-function Ia(a) {
+function Oa(a) {
   return Je(Ze(a)).left + d1(a).scrollLeft;
 }
-function o0(a) {
+function o3(a) {
   const e = Ze(a), t = d1(a), s = a.ownerDocument.body, n = ke(e.scrollWidth, e.clientWidth, s.scrollWidth, s.clientWidth), o = ke(e.scrollHeight, e.clientHeight, s.scrollHeight, s.clientHeight);
-  let i = -t.scrollLeft + Ia(a);
+  let i = -t.scrollLeft + Oa(a);
   const l = -t.scrollTop;
   return Se(s).direction === "rtl" && (i += ke(e.clientWidth, s.clientWidth) - n), {
     width: n,
@@ -4613,7 +4615,7 @@ function o0(a) {
     y: l
   };
 }
-function l0(a, e) {
+function l3(a, e) {
   const t = we(a), s = Ze(a), n = t.visualViewport;
   let o = s.clientWidth, i = s.clientHeight, l = 0, r = 0;
   if (n) {
@@ -4628,7 +4630,7 @@ function l0(a, e) {
     y: r
   };
 }
-function r0(a, e) {
+function r3(a, e) {
   const t = Je(a, !0, e === "fixed"), s = t.top + a.clientTop, n = t.left + a.clientLeft, o = He(a) ? ft(a) : Ye(1), i = a.clientWidth * o.x, l = a.clientHeight * o.y, r = n * o.x, c = s * o.y;
   return {
     width: i,
@@ -4640,13 +4642,13 @@ function r0(a, e) {
 function na(a, e, t) {
   let s;
   if (e === "viewport")
-    s = l0(a, t);
+    s = l3(a, t);
   else if (e === "document")
-    s = o0(Ze(a));
+    s = o3(Ze(a));
   else if (Ue(e))
-    s = r0(e, t);
+    s = r3(e, t);
   else {
-    const n = Ea(a);
+    const n = Ia(a);
     s = {
       ...e,
       x: e.x - n.x,
@@ -4655,11 +4657,11 @@ function na(a, e, t) {
   }
   return Jt(s);
 }
-function Oa(a, e) {
+function La(a, e) {
   const t = mt(a);
-  return t === e || !Ue(t) || c1(t) ? !1 : Se(t).position === "fixed" || Oa(t, e);
+  return t === e || !Ue(t) || c1(t) ? !1 : Se(t).position === "fixed" || La(t, e);
 }
-function u0(a, e) {
+function u3(a, e) {
   const t = e.get(a);
   if (t)
     return t;
@@ -4668,18 +4670,18 @@ function u0(a, e) {
   let i = o ? mt(a) : a;
   for (; Ue(i) && !c1(i); ) {
     const l = Se(i), r = H1(i);
-    !r && l.position === "fixed" && (n = null), (o ? !r && !n : !r && l.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Rt(i) && !r && Oa(a, i)) ? s = s.filter((u) => u !== i) : n = l, i = mt(i);
+    !r && l.position === "fixed" && (n = null), (o ? !r && !n : !r && l.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Rt(i) && !r && La(a, i)) ? s = s.filter((u) => u !== i) : n = l, i = mt(i);
   }
   return e.set(a, s), s;
 }
-function c0(a) {
+function c3(a) {
   let {
     element: e,
     boundary: t,
     rootBoundary: s,
     strategy: n
   } = a;
-  const i = [...t === "clippingAncestors" ? u0(e, this._c) : [].concat(t), s], l = i[0], r = i.reduce((c, u) => {
+  const i = [...t === "clippingAncestors" ? u3(e, this._c) : [].concat(t), s], l = i[0], r = i.reduce((c, u) => {
     const f = na(e, u, n);
     return c.top = ke(f.top, c.top), c.right = Lt(f.right, c.right), c.bottom = Lt(f.bottom, c.bottom), c.left = ke(f.left, c.left), c;
   }, na(e, l, n));
@@ -4690,10 +4692,10 @@ function c0(a) {
     y: r.top
   };
 }
-function d0(a) {
-  return Sa(a);
+function d3(a) {
+  return Ea(a);
 }
-function f0(a, e, t) {
+function f3(a, e, t) {
   const s = He(e), n = Ze(e), o = t === "fixed", i = Je(a, !0, o, e);
   let l = {
     scrollLeft: 0,
@@ -4705,7 +4707,7 @@ function f0(a, e, t) {
       const c = Je(e, !0, o, e);
       r.x = c.x + e.clientLeft, r.y = c.y + e.clientTop;
     } else
-      n && (r.x = Ia(n));
+      n && (r.x = Oa(n));
   return {
     x: i.left + l.scrollLeft - r.x,
     y: i.top + l.scrollTop - r.y,
@@ -4716,24 +4718,24 @@ function f0(a, e, t) {
 function sa(a, e) {
   return !He(a) || Se(a).position === "fixed" ? null : e ? e(a) : a.offsetParent;
 }
-function La(a, e) {
+function Va(a, e) {
   const t = we(a);
   if (!He(a))
     return t;
   let s = sa(a, e);
-  for (; s && e0(s) && Se(s).position === "static"; )
+  for (; s && e3(s) && Se(s).position === "static"; )
     s = sa(s, e);
-  return s && (Ke(s) === "html" || Ke(s) === "body" && Se(s).position === "static" && !H1(s)) ? t : s || t0(a) || t;
+  return s && (Ke(s) === "html" || Ke(s) === "body" && Se(s).position === "static" && !H1(s)) ? t : s || t3(a) || t;
 }
-const v0 = async function(a) {
+const v3 = async function(a) {
   let {
     reference: e,
     floating: t,
     strategy: s
   } = a;
-  const n = this.getOffsetParent || La, o = this.getDimensions;
+  const n = this.getOffsetParent || Va, o = this.getDimensions;
   return {
-    reference: f0(e, await n(t), s),
+    reference: f3(e, await n(t), s),
     floating: {
       x: 0,
       y: 0,
@@ -4741,22 +4743,22 @@ const v0 = async function(a) {
     }
   };
 };
-function h0(a) {
+function p3(a) {
   return Se(a).direction === "rtl";
 }
-const p0 = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: s0,
+const h3 = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: s3,
   getDocumentElement: Ze,
-  getClippingRect: c0,
-  getOffsetParent: La,
-  getElementRects: v0,
-  getClientRects: i0,
-  getDimensions: d0,
+  getClippingRect: c3,
+  getOffsetParent: Va,
+  getElementRects: v3,
+  getClientRects: i3,
+  getDimensions: d3,
   getScale: ft,
   isElement: Ue,
-  isRTL: h0
+  isRTL: p3
 };
-function m0(a, e) {
+function m3(a, e) {
   let t = null, s;
   const n = Ze(a);
   function o() {
@@ -4768,12 +4770,12 @@ function m0(a, e) {
       left: c,
       top: u,
       width: f,
-      height: h
+      height: p
     } = a.getBoundingClientRect();
-    if (l || e(), !f || !h)
+    if (l || e(), !f || !p)
       return;
-    const p = xt(u), g = xt(n.clientWidth - (c + f)), $ = xt(n.clientHeight - (u + h)), T = xt(c), w = {
-      rootMargin: -p + "px " + -g + "px " + -$ + "px " + -T + "px",
+    const h = xt(u), g = xt(n.clientWidth - (c + f)), $ = xt(n.clientHeight - (u + p)), T = xt(c), w = {
+      rootMargin: -h + "px " + -g + "px " + -$ + "px " + -T + "px",
       threshold: ke(0, Lt(1, r)) || 1
     };
     let L = !0;
@@ -4801,7 +4803,7 @@ function m0(a, e) {
   }
   return i(!0), o;
 }
-function C0(a, e, t, s) {
+function C3(a, e, t, s) {
   s === void 0 && (s = {});
   const {
     ancestorScroll: n = !0,
@@ -4815,14 +4817,14 @@ function C0(a, e, t, s) {
       passive: !0
     }), o && M.addEventListener("resize", t);
   });
-  const f = c && l ? m0(c, t) : null;
-  let h = -1, p = null;
-  i && (p = new ResizeObserver((M) => {
+  const f = c && l ? m3(c, t) : null;
+  let p = -1, h = null;
+  i && (h = new ResizeObserver((M) => {
     let [w] = M;
-    w && w.target === c && p && (p.unobserve(e), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
-      p && p.observe(e);
+    w && w.target === c && h && (h.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      h && h.observe(e);
     })), t();
-  }), c && !r && p.observe(c), p.observe(e));
+  }), c && !r && h.observe(c), h.observe(e));
   let g, $ = r ? Je(a) : null;
   r && T();
   function T() {
@@ -4832,22 +4834,22 @@ function C0(a, e, t, s) {
   return t(), () => {
     u.forEach((M) => {
       n && M.removeEventListener("scroll", t), o && M.removeEventListener("resize", t);
-    }), f && f(), p && p.disconnect(), p = null, r && cancelAnimationFrame(g);
+    }), f && f(), h && h.disconnect(), h = null, r && cancelAnimationFrame(g);
   };
 }
-const _0 = (a, e, t) => {
+const _3 = (a, e, t) => {
   const s = /* @__PURE__ */ new Map(), n = {
-    platform: p0,
+    platform: h3,
     ...t
   }, o = {
     ...n.platform,
     _c: s
   };
-  return X3(a, e, {
+  return X0(a, e, {
     ...n,
     platform: o
   });
-}, g0 = (a) => {
+}, g3 = (a) => {
   const e = X(!1), t = X(), s = X(), n = X(0);
   function o() {
     const f = F(a.appendTo);
@@ -4859,10 +4861,10 @@ const _0 = (a, e, t) => {
     f.relatedTarget && s.value && s.value.contains(f.relatedTarget) || a.multiselect.value.deactivate();
   }
   function c() {
-    const f = a.multiselect.value.$el, h = f.querySelector(".multiselect-dropdown");
-    if (!h || !f || e.value === !0)
+    const f = a.multiselect.value.$el, p = f.querySelector(".multiselect-dropdown");
+    if (!p || !f || e.value === !0)
       return;
-    s.value = h, t.value = f, getComputedStyle(h).getPropertyValue("display") === "none" && (h.style.display = "flex"), n.value = h.offsetHeight, h.style.removeProperty("display"), Object.assign(h.style, {
+    s.value = p, t.value = f, getComputedStyle(p).getPropertyValue("display") === "none" && (p.style.display = "flex"), n.value = p.offsetHeight, p.style.removeProperty("display"), Object.assign(p.style, {
       position: "absolute",
       width: "max-content",
       top: 0,
@@ -4871,62 +4873,62 @@ const _0 = (a, e, t) => {
       bottom: "auto",
       transform: "none",
       marginTop: 0
-    }), i.appendChild(h), a.multiselect.value.handleFocusOut = r;
-    const g = C0(t.value, s.value, u);
+    }), i.appendChild(p), a.multiselect.value.handleFocusOut = r;
+    const g = C3(t.value, s.value, u);
     l.value = () => {
       s.value && i.contains(s.value) && i.removeChild(s.value), g();
     };
   }
   function u() {
-    !s.value || !t.value || _0(t.value, s.value, {
+    !s.value || !t.value || _3(t.value, s.value, {
       strategy: "absolute",
       placement: "bottom-start",
       middleware: [
-        Q3({
+        Q0({
           fallbackStrategy: "initialPlacement",
           fallbackPlacements: ["top-start", "bottom-start"]
         }),
-        J3({
-          apply({ availableWidth: f, availableHeight: h, elements: p, rects: g }) {
-            Object.assign(p.floating.style, {
+        J0({
+          apply({ availableWidth: f, availableHeight: p, elements: h, rects: g }) {
+            Object.assign(h.floating.style, {
               minHeight: `${n.value}px`,
               width: `${g.reference.width}px`,
               maxWidth: `${f}px`,
-              maxHeight: `${h}px`
+              maxHeight: `${p}px`
               // These numbers are pleasant defaults/control for screen size.
             });
           }
         })
       ]
-    }).then(({ x: f, y: h }) => {
+    }).then(({ x: f, y: p }) => {
       Object.assign(s.value.style, {
         left: `${f}px`,
-        top: `${h}px`
+        top: `${p}px`
       });
     });
   }
   Dt(() => {
     c();
-  }), ln(() => {
+  }), rn(() => {
     l.value();
-  }), la(() => {
+  }), ra(() => {
     l.value();
   });
 };
 function Le(a) {
   return [null, void 0].indexOf(a) !== -1;
 }
-function y0(a, e, t) {
-  const { object: s, valueProp: n, mode: o } = $e(a), i = tt().proxy, l = t.iv, r = (f, h = !0) => {
+function y3(a, e, t) {
+  const { object: s, valueProp: n, mode: o } = $e(a), i = tt().proxy, l = t.iv, r = (f, p = !0) => {
     l.value = u(f);
-    const p = c(f);
-    e.emit("change", p, i), h && (e.emit("input", p), e.emit("update:modelValue", p));
-  }, c = (f) => s.value || Le(f) ? f : Array.isArray(f) ? f.map((h) => h[n.value]) : f[n.value], u = (f) => Le(f) ? o.value === "single" ? {} : [] : f;
+    const h = c(f);
+    e.emit("change", h, i), p && (e.emit("input", h), e.emit("update:modelValue", h));
+  }, c = (f) => s.value || Le(f) ? f : Array.isArray(f) ? f.map((p) => p[n.value]) : f[n.value], u = (f) => Le(f) ? o.value === "single" ? {} : [] : f;
   return {
     update: r
   };
 }
-function b0(a, e) {
+function b3(a, e) {
   const { value: t, modelValue: s, mode: n, valueProp: o } = $e(a), i = X(n.value !== "single" ? [] : {}), l = s && s.value !== void 0 ? s : t, r = b(() => n.value === "single" ? i.value[o.value] : i.value.map((u) => u[o.value])), c = b(() => n.value !== "single" ? i.value.map((u) => u[o.value]).join(",") : i.value[o.value]);
   return {
     iv: i,
@@ -4937,36 +4939,36 @@ function b0(a, e) {
     plainValue: r
   };
 }
-function w0(a, e, t) {
+function w3(a, e, t) {
   const { regex: s } = $e(a), n = tt().proxy, o = t.isOpen, i = t.open, l = X(null), r = X(null), c = () => {
     l.value = "";
-  }, u = (p) => {
-    l.value = p.target.value;
-  }, f = (p) => {
+  }, u = (h) => {
+    l.value = h.target.value;
+  }, f = (h) => {
     if (s && s.value) {
       let g = s.value;
-      typeof g == "string" && (g = new RegExp(g)), p.key.match(g) || p.preventDefault();
+      typeof g == "string" && (g = new RegExp(g)), h.key.match(g) || h.preventDefault();
     }
-  }, h = (p) => {
+  }, p = (h) => {
     if (s && s.value) {
-      let $ = (p.clipboardData || /* istanbul ignore next */
+      let $ = (h.clipboardData || /* istanbul ignore next */
       window.clipboardData).getData("Text"), T = s.value;
-      typeof T == "string" && (T = new RegExp(T)), $.split("").every((M) => !!M.match(T)) || p.preventDefault();
+      typeof T == "string" && (T = new RegExp(T)), $.split("").every((M) => !!M.match(T)) || h.preventDefault();
     }
-    e.emit("paste", p, n);
+    e.emit("paste", h, n);
   };
-  return ue(l, (p) => {
-    !o.value && p && i(), e.emit("search-change", p, n);
+  return ue(l, (h) => {
+    !o.value && h && i(), e.emit("search-change", h, n);
   }), {
     search: l,
     input: r,
     clearSearch: c,
     handleSearchInput: u,
     handleKeypress: f,
-    handlePaste: h
+    handlePaste: p
   };
 }
-function $0(a, e, t) {
+function $3(a, e, t) {
   const { groupSelect: s, mode: n, groups: o, disabledProp: i } = $e(a), l = X(null), r = (u) => {
     u === void 0 || u !== null && u[i.value] || o.value && u && u.group && (n.value === "single" || !s.value) || (l.value = u);
   };
@@ -4981,16 +4983,16 @@ function $0(a, e, t) {
 function $1(a, e = !0) {
   return e ? String(a).toLowerCase().trim() : String(a).toLowerCase().normalize("NFD").trim().replace(new RegExp(/æ/g), "ae").replace(new RegExp(/œ/g), "oe").replace(new RegExp(/ø/g), "o").replace(/\p{Diacritic}/gu, "");
 }
-function M0(a) {
+function M3(a) {
   return Object.prototype.toString.call(a) === "[object Object]";
 }
-function k0(a, e) {
+function k3(a, e) {
   const t = e.slice().sort();
   return a.length === e.length && a.slice().sort().every(function(s, n) {
     return s === t[n];
   });
 }
-function A0(a, e, t) {
+function A3(a, e, t) {
   const {
     options: s,
     mode: n,
@@ -5001,8 +5003,8 @@ function A0(a, e, t) {
     createOption: c,
     label: u,
     appendNewTag: f,
-    appendNewOption: h,
-    multipleLabel: p,
+    appendNewOption: p,
+    multipleLabel: h,
     object: g,
     loading: $,
     delay: T,
@@ -5029,7 +5031,7 @@ function A0(a, e, t) {
     disabledProp: B,
     searchStart: oe,
     searchFilter: me
-  } = $e(a), se = tt().proxy, ee = t.iv, O = t.ev, q = t.search, Ce = t.clearSearch, Pe = t.update, Ha = t.pointer, nt = t.clearPointer, Da = t.focus, Pa = t.deactivate, st = t.close, Ba = t.localize, gt = X([]), je = X([]), Ie = X(!1), f1 = X(null), v1 = X(re.value && i.value === -1 ? 10 : i.value), U1 = b(() => r.value || c.value || !1), Na = b(() => f.value !== void 0 ? f.value : h.value !== void 0 ? h.value : !0), Fe = b(() => {
+  } = $e(a), se = tt().proxy, ee = t.iv, O = t.ev, q = t.search, Ce = t.clearSearch, Pe = t.update, Da = t.pointer, nt = t.clearPointer, Pa = t.focus, Ba = t.deactivate, st = t.close, Na = t.localize, gt = X([]), je = X([]), Ie = X(!1), f1 = X(null), v1 = X(re.value && i.value === -1 ? 10 : i.value), U1 = b(() => r.value || c.value || !1), Ra = b(() => f.value !== void 0 ? f.value : p.value !== void 0 ? p.value : !0), Fe = b(() => {
     if (le.value) {
       let _ = Ut.value || /* istanbul ignore next */
       [], H = [];
@@ -5059,7 +5061,7 @@ function A0(a, e, t) {
       [ae.value]: [...gt.value],
       __CREATE__: !0
     }), _.concat(H);
-  }), Ra = b(() => {
+  }), Ua = b(() => {
     let _ = [...Ut.value].map((H) => ({ ...H }));
     return it.value.length && (_[0] && _[0].__CREATE__ ? _[0][ae.value] = [...it.value, ..._[0][ae.value]] : _ = [{
       [z.value]: " ",
@@ -5069,8 +5071,8 @@ function A0(a, e, t) {
   }), j1 = b(() => {
     if (!le.value)
       return [];
-    let _ = Ra.value;
-    return en((_ || /* istanbul ignore next */
+    let _ = Ua.value;
+    return tn((_ || /* istanbul ignore next */
     []).map((H, te) => {
       const ve = g1(H[ae.value]);
       return {
@@ -5081,7 +5083,7 @@ function A0(a, e, t) {
         __VISIBLE__: _1(ve).map((bt) => Object.assign({}, bt, H[B.value] ? { [B.value]: !0 } : {}))
       };
     }));
-  }), h1 = b(() => {
+  }), p1 = b(() => {
     switch (n.value) {
       case "single":
         return !Le(ee.value[V.value]);
@@ -5089,12 +5091,12 @@ function A0(a, e, t) {
       case "tags":
         return !Le(ee.value) && ee.value.length > 0;
     }
-  }), Ua = b(() => p !== void 0 && p.value !== void 0 ? p.value(ee.value, se) : ee.value && ee.value.length > 1 ? `${ee.value.length} options selected` : "1 option selected"), Za = b(() => !Fe.value.length && !Ie.value && !it.value.length), ja = b(() => Fe.value.length > 0 && yt.value.length == 0 && (q.value && le.value || !le.value)), it = b(() => U1.value === !1 || !q.value ? [] : Xa(q.value) !== -1 ? [] : [{
+  }), Za = b(() => h !== void 0 && h.value !== void 0 ? h.value(ee.value, se) : ee.value && ee.value.length > 1 ? `${ee.value.length} options selected` : "1 option selected"), ja = b(() => !Fe.value.length && !Ie.value && !it.value.length), Fa = b(() => Fe.value.length > 0 && yt.value.length == 0 && (q.value && le.value || !le.value)), it = b(() => U1.value === !1 || !q.value ? [] : Qa(q.value) !== -1 ? [] : [{
     [V.value]: q.value,
     [Oe.value]: q.value,
     [u.value]: q.value,
     __CREATE__: !0
-  }]), Oe = b(() => o.value || u.value), Fa = b(() => {
+  }]), Oe = b(() => o.value || u.value), qa = b(() => {
     switch (n.value) {
       case "single":
         return null;
@@ -5102,7 +5104,7 @@ function A0(a, e, t) {
       case "tags":
         return [];
     }
-  }), qa = b(() => $.value || Ie.value), ot = (_) => {
+  }), Wa = b(() => $.value || Ie.value), ot = (_) => {
     switch (typeof _ != "object" && (_ = Ne(_)), n.value) {
       case "single":
         Pe(_);
@@ -5126,17 +5128,17 @@ function A0(a, e, t) {
     e.emit("deselect", F1(_), _, se);
   }, F1 = (_) => g.value ? _ : _[V.value], q1 = (_) => {
     lt(_);
-  }, Wa = (_, H) => {
+  }, za = (_, H) => {
     if (H.button !== 0) {
       H.preventDefault();
       return;
     }
     q1(_);
   }, W1 = () => {
-    e.emit("clear", se), Pe(Fa.value);
+    e.emit("clear", se), Pe(qa.value);
   }, Be = (_) => {
     if (_.group !== void 0)
-      return n.value === "single" ? !1 : Ga(_[ae.value]) && _[ae.value].length;
+      return n.value === "single" ? !1 : Xa(_[ae.value]) && _[ae.value].length;
     switch (n.value) {
       case "single":
         return !Le(ee.value) && ee.value[V.value] == _[V.value];
@@ -5144,8 +5146,8 @@ function A0(a, e, t) {
       case "multiple":
         return !Le(ee.value) && ee.value.map((H) => H[V.value]).indexOf(_[V.value]) !== -1;
     }
-  }, p1 = (_) => _[B.value] === !0, m1 = () => ne === void 0 || ne.value === -1 || !h1.value && ne.value > 0 ? !1 : ee.value.length >= ne.value, za = (_) => {
-    if (!p1(_)) {
+  }, h1 = (_) => _[B.value] === !0, m1 = () => ne === void 0 || ne.value === -1 || !p1.value && ne.value > 0 ? !1 : ee.value.length >= ne.value, xa = (_) => {
+    if (!h1(_)) {
       if (N && N.value && !Be(_) && _.__CREATE__ && (_ = { ..._ }, delete _.__CREATE__, _ = N.value(_, se), _ instanceof Promise)) {
         Ie.value = !0, _.then((H) => {
           Ie.value = !1, z1(H);
@@ -5186,42 +5188,42 @@ function A0(a, e, t) {
         _ && C1(_), j.value && Ce(), _ && ot(_), l.value && nt(), S.value && st();
         break;
     }
-    S.value || Da();
-  }, xa = (_) => {
-    if (!(p1(_) || n.value === "single" || !A.value)) {
+    S.value || Pa();
+  }, Ya = (_) => {
+    if (!(h1(_) || n.value === "single" || !A.value)) {
       switch (n.value) {
         case "multiple":
         case "tags":
-          Ka(_[ae.value]) ? lt(_[ae.value]) : ot(
+          Ga(_[ae.value]) ? lt(_[ae.value]) : ot(
             _[ae.value].filter((H) => ee.value.map((te) => te[V.value]).indexOf(H[V.value]) === -1).filter((H) => !H[B.value]).filter((H, te) => ee.value.length + 1 + te <= ne.value || ne.value === -1)
           );
           break;
       }
-      S.value && Pa();
+      S.value && Ba();
     }
   }, C1 = (_) => {
-    Ne(_[V.value]) === void 0 && U1.value && (e.emit("tag", _[V.value], se), e.emit("option", _[V.value], se), e.emit("create", _[V.value], se), Na.value && Ja(_), Ce());
-  }, Ya = () => {
+    Ne(_[V.value]) === void 0 && U1.value && (e.emit("tag", _[V.value], se), e.emit("option", _[V.value], se), e.emit("create", _[V.value], se), Ra.value && en(_), Ce());
+  }, Ka = () => {
     n.value !== "single" && ot(yt.value.filter((_) => !_.disabled && !Be(_)));
-  }, Ka = (_) => _.find((H) => !Be(H) && !H[B.value]) === void 0, Ga = (_) => _.find((H) => !Be(H)) === void 0, Ne = (_) => Fe.value[Fe.value.map((H) => String(H[V.value])).indexOf(String(_))], Xa = (_, H = !0) => Fe.value.map((te) => parseInt(te[Oe.value]) == te[Oe.value] ? parseInt(te[Oe.value]) : te[Oe.value]).indexOf(
+  }, Ga = (_) => _.find((H) => !Be(H) && !H[B.value]) === void 0, Xa = (_) => _.find((H) => !Be(H)) === void 0, Ne = (_) => Fe.value[Fe.value.map((H) => String(H[V.value])).indexOf(String(_))], Qa = (_, H = !0) => Fe.value.map((te) => parseInt(te[Oe.value]) == te[Oe.value] ? parseInt(te[Oe.value]) : te[Oe.value]).indexOf(
     parseInt(_) == _ ? parseInt(_) : _
-  ), Qa = (_) => ["tags", "multiple"].indexOf(n.value) !== -1 && l.value && Be(_), Ja = (_) => {
+  ), Ja = (_) => ["tags", "multiple"].indexOf(n.value) !== -1 && l.value && Be(_), en = (_) => {
     gt.value.push(_);
-  }, en = (_) => m.value ? _.filter(
+  }, tn = (_) => m.value ? _.filter(
     (H) => q.value ? H.__VISIBLE__.length : H[ae.value].length
   ) : _.filter((H) => q.value ? H.__VISIBLE__.length : !0), _1 = (_, H = !0) => {
     let te = _;
     if (q.value && L.value) {
       let ve = me.value;
       ve || (ve = (bt, L4) => {
-        let Y1 = $1(Ba(bt[Oe.value]), y.value);
+        let Y1 = $1(Na(bt[Oe.value]), y.value);
         return oe.value ? Y1.startsWith($1(q.value, y.value)) : Y1.indexOf($1(q.value, y.value)) !== -1;
       }), te = te.filter(ve);
     }
-    return l.value && H && (te = te.filter((ve) => !Qa(ve))), te;
+    return l.value && H && (te = te.filter((ve) => !Ja(ve))), te;
   }, g1 = (_) => {
     let H = _;
-    return M0(H) && (H = Object.keys(H).map((te) => {
+    return M3(H) && (H = Object.keys(H).map((te) => {
       let ve = H[te];
       return { [V.value]: te, [Oe.value]: ve, [u.value]: ve };
     })), H = H.map((te) => typeof te == "object" ? te : { [V.value]: te, [Oe.value]: te, [u.value]: te }), H;
@@ -5236,7 +5238,7 @@ function A0(a, e, t) {
       H();
     });
   })), y1 = () => {
-    if (h1.value)
+    if (p1.value)
       if (n.value === "single") {
         let _ = Ne(ee.value[V.value]);
         if (_ !== void 0) {
@@ -5251,7 +5253,7 @@ function A0(a, e, t) {
             ee.value[H][u.value] = ve, g.value && (O.value[H][u.value] = ve);
           }
         });
-  }, tn = (_) => {
+  }, an = (_) => {
     jt(_);
   }, Ft = (_) => Le(_) ? n.value === "single" ? {} : [] : g.value ? _ : n.value === "single" ? Ne(_) || (I.value ? {
     [u.value]: _,
@@ -5265,7 +5267,7 @@ function A0(a, e, t) {
     f1.value = ue(q, (_) => {
       _.length < w.value || !_ && w.value !== 0 || (Ie.value = !0, Z.value && (je.value = []), setTimeout(() => {
         _ == q.value && s.value(q.value, se).then((H) => {
-          (_ == q.value || !q.value) && (je.value = H, Ha.value = yt.value.filter((te) => te[B.value] !== !0)[0] || null, Ie.value = !1);
+          (_ == q.value || !q.value) && (je.value = H, Da.value = yt.value.filter((te) => te[B.value] !== !0)[0] || null, Ie.value = !1);
         }).catch(
           /* istanbul ignore next */
           (H) => {
@@ -5290,7 +5292,7 @@ function A0(a, e, t) {
         break;
       case "multiple":
       case "tags":
-        k0(g.value ? _.map((H) => H[V.value]) : _, ee.value.map((H) => H[V.value])) || Pe(Ft(_), !1);
+        k3(g.value ? _.map((H) => H[V.value]) : _, ee.value.map((H) => H[V.value])) || Pe(Ft(_), !1);
         break;
     }
   }, { deep: !0 }), ue(s, (_, H) => {
@@ -5299,37 +5301,37 @@ function A0(a, e, t) {
     pfo: Z1,
     fo: yt,
     filteredOptions: yt,
-    hasSelected: h1,
-    multipleLabelText: Ua,
+    hasSelected: p1,
+    multipleLabelText: Za,
     eo: Fe,
     extendedOptions: Fe,
     eg: Ut,
     extendedGroups: Ut,
     fg: j1,
     filteredGroups: j1,
-    noOptions: Za,
-    noResults: ja,
+    noOptions: ja,
+    noResults: Fa,
     resolving: Ie,
-    busy: qa,
+    busy: Wa,
     offset: v1,
     select: ot,
     deselect: lt,
     remove: q1,
-    selectAll: Ya,
+    selectAll: Ka,
     clear: W1,
     isSelected: Be,
-    isDisabled: p1,
+    isDisabled: h1,
     isMax: m1,
     getOption: Ne,
-    handleOptionClick: za,
-    handleGroupClick: xa,
-    handleTagRemove: Wa,
-    refreshOptions: tn,
+    handleOptionClick: xa,
+    handleGroupClick: Ya,
+    handleTagRemove: za,
+    refreshOptions: an,
     resolveOptions: jt,
     refreshLabels: y1
   };
 }
-function T0(a, e, t) {
+function T3(a, e, t) {
   const {
     valueProp: s,
     showOptions: n,
@@ -5340,7 +5342,7 @@ function T0(a, e, t) {
     groupSelect: c,
     disabledProp: u,
     groupOptions: f
-  } = $e(a), h = t.fo, p = t.fg, g = t.handleOptionClick, $ = t.handleGroupClick, T = t.search, M = t.pointer, w = t.setPointer, L = t.clearPointer, Z = t.multiselect, j = t.isOpen, V = b(() => h.value.filter((O) => !O[u.value])), I = b(() => p.value.filter((O) => !O[u.value])), z = b(() => r.value !== "single" && c.value), Y = b(() => M.value && M.value.group), ne = b(() => se(M.value)), y = b(() => {
+  } = $e(a), p = t.fo, h = t.fg, g = t.handleOptionClick, $ = t.handleGroupClick, T = t.search, M = t.pointer, w = t.setPointer, L = t.clearPointer, Z = t.multiselect, j = t.isOpen, V = b(() => p.value.filter((O) => !O[u.value])), I = b(() => h.value.filter((O) => !O[u.value])), z = b(() => r.value !== "single" && c.value), Y = b(() => M.value && M.value.group), ne = b(() => se(M.value)), y = b(() => {
     const O = Y.value ? M.value : (
       /* istanbul ignore next */
       se(M.value)
@@ -5418,7 +5420,7 @@ function T0(a, e, t) {
     backwardPointer: me
   };
 }
-function S0(a, e, t) {
+function S3(a, e, t) {
   const { disabled: s } = $e(a), n = tt().proxy, o = X(!1);
   return {
     isOpen: o,
@@ -5430,9 +5432,9 @@ function S0(a, e, t) {
     }
   };
 }
-function E0(a, e, t) {
-  const { searchable: s, disabled: n, clearOnBlur: o } = $e(a), i = t.input, l = t.open, r = t.close, c = t.clearSearch, u = t.isOpen, f = X(null), h = X(null), p = X(null), g = X(!1), $ = X(!1), T = b(() => s.value || n.value ? -1 : 0), M = () => {
-    s.value && i.value.blur(), h.value.blur();
+function E3(a, e, t) {
+  const { searchable: s, disabled: n, clearOnBlur: o } = $e(a), i = t.input, l = t.open, r = t.close, c = t.clearSearch, u = t.isOpen, f = X(null), p = X(null), h = X(null), g = X(!1), $ = X(!1), T = b(() => s.value || n.value ? -1 : 0), M = () => {
+    s.value && i.value.blur(), p.value.blur();
   }, w = () => {
     s.value && !n.value && i.value.focus();
   }, L = (Y = !0) => {
@@ -5444,8 +5446,8 @@ function E0(a, e, t) {
   };
   return {
     multiselect: f,
-    wrapper: h,
-    tags: p,
+    wrapper: p,
+    tags: h,
     tabindex: T,
     isActive: g,
     mouseClicked: $,
@@ -5463,15 +5465,15 @@ function E0(a, e, t) {
       Z(), M();
     },
     handleMousedown: (Y) => {
-      $.value = !0, u.value && (Y.target.isEqualNode(h.value) || Y.target.isEqualNode(p.value)) ? setTimeout(() => {
+      $.value = !0, u.value && (Y.target.isEqualNode(p.value) || Y.target.isEqualNode(h.value)) ? setTimeout(() => {
         Z();
-      }, 0) : document.activeElement.isEqualNode(h.value) && !u.value && L(), setTimeout(() => {
+      }, 0) : document.activeElement.isEqualNode(p.value) && !u.value && L(), setTimeout(() => {
         $.value = !1;
       }, 0);
     }
   };
 }
-function I0(a, e, t) {
+function I3(a, e, t) {
   const {
     mode: s,
     addTagOn: n,
@@ -5482,9 +5484,9 @@ function I0(a, e, t) {
     groups: c,
     addOptionOn: u,
     createTag: f,
-    createOption: h,
-    reverse: p
-  } = $e(a), g = tt().proxy, $ = t.iv, T = t.update, M = t.search, w = t.setPointer, L = t.selectPointer, Z = t.backwardPointer, j = t.forwardPointer, V = t.multiselect, I = t.wrapper, z = t.tags, Y = t.isOpen, ne = t.open, y = t.blur, S = t.fo, D = b(() => f.value || h.value || !1), le = b(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), J = () => {
+    createOption: p,
+    reverse: h
+  } = $e(a), g = tt().proxy, $ = t.iv, T = t.update, M = t.search, w = t.setPointer, L = t.selectPointer, Z = t.backwardPointer, j = t.forwardPointer, V = t.multiselect, I = t.wrapper, z = t.tags, Y = t.isOpen, ne = t.open, y = t.blur, S = t.fo, D = b(() => f.value || p.value || !1), le = b(() => n.value !== void 0 ? n.value : u.value !== void 0 ? u.value : ["enter"]), J = () => {
     s.value === "tags" && !l.value && D.value && i.value && !c.value && w(S.value[S.value.map((A) => A[r.value]).indexOf(M.value)]);
   }, re = (A) => {
     let N = A.length - 1;
@@ -5562,13 +5564,13 @@ function I0(a, e, t) {
     preparePointer: J
   };
 }
-function O0(a, e, t) {
+function O3(a, e, t) {
   const {
     classes: s,
     disabled: n,
     openDirection: o,
     showOptions: i
-  } = $e(a), l = t.isOpen, r = t.isPointed, c = t.isSelected, u = t.isDisabled, f = t.isActive, h = t.canPointGroups, p = t.resolving, g = t.fo, $ = b(() => ({
+  } = $e(a), l = t.isOpen, r = t.isPointed, c = t.isSelected, u = t.isDisabled, f = t.isActive, p = t.canPointGroups, h = t.resolving, g = t.fo, $ = b(() => ({
     container: "multiselect",
     containerDisabled: "is-disabled",
     containerOpen: "is-open",
@@ -5621,7 +5623,7 @@ function O0(a, e, t) {
     assist: "multiselect-assistive-text",
     spacer: "multiselect-spacer",
     ...s.value
-  })), T = b(() => !!(l.value && i.value && (!p.value || p.value && g.value.length)));
+  })), T = b(() => !!(l.value && i.value && (!h.value || h.value && g.value.length)));
   return {
     classList: b(() => {
       const w = $.value;
@@ -5653,7 +5655,7 @@ function O0(a, e, t) {
         group: w.group,
         groupLabel: (L) => {
           let Z = [w.groupLabel];
-          return r(L) ? Z.push(c(L) ? w.groupLabelSelectedPointed : w.groupLabelPointed) : c(L) && h.value ? Z.push(u(L) ? w.groupLabelSelectedDisabled : w.groupLabelSelected) : u(L) && Z.push(w.groupLabelDisabled), h.value && Z.push(w.groupLabelPointable), Z;
+          return r(L) ? Z.push(c(L) ? w.groupLabelSelectedPointed : w.groupLabelPointed) : c(L) && p.value ? Z.push(u(L) ? w.groupLabelSelectedDisabled : w.groupLabelSelected) : u(L) && Z.push(w.groupLabelDisabled), p.value && Z.push(w.groupLabelPointable), Z;
         },
         groupOptions: w.groupOptions,
         option: (L, Z) => {
@@ -5669,11 +5671,11 @@ function O0(a, e, t) {
     showDropdown: T
   };
 }
-function L0(a, e, t) {
+function L3(a, e, t) {
   const {
     limit: s,
     infinite: n
-  } = $e(a), o = t.isOpen, i = t.offset, l = t.search, r = t.pfo, c = t.eo, u = X(null), f = X(null), h = b(() => i.value < r.value.length), p = ($) => {
+  } = $e(a), o = t.isOpen, i = t.offset, l = t.search, r = t.pfo, c = t.eo, u = X(null), f = X(null), p = b(() => i.value < r.value.length), h = ($) => {
     const { isIntersecting: T, target: M } = $[0];
     if (T) {
       const w = M.offsetParent, L = w.scrollTop;
@@ -5691,13 +5693,13 @@ function L0(a, e, t) {
   }, { flush: "post" }), ue(c, () => {
     n.value && g();
   }, { immediate: !1, flush: "post" }), Dt(() => {
-    window && window.IntersectionObserver && (u.value = new IntersectionObserver(p));
+    window && window.IntersectionObserver && (u.value = new IntersectionObserver(h));
   }), {
-    hasMore: h,
+    hasMore: p,
     infiniteLoader: f
   };
 }
-function V0(a, e, t) {
+function V3(a, e, t) {
   const {
     placeholder: s,
     id: n,
@@ -5707,7 +5709,7 @@ function V0(a, e, t) {
     groupLabel: r,
     aria: c,
     searchable: u
-  } = $e(a), f = t.pointer, h = t.iv, p = t.hasSelected, g = t.multipleLabelText, $ = X(null), T = b(() => {
+  } = $e(a), f = t.pointer, p = t.iv, h = t.hasSelected, g = t.multipleLabelText, $ = X(null), T = b(() => {
     let S = [];
     return n && n.value && S.push(n.value), S.push("assist"), S.join("-");
   }), M = b(() => {
@@ -5719,7 +5721,7 @@ function V0(a, e, t) {
       return S.push(f.value.group ? "multiselect-group" : "multiselect-option"), S.push(f.value.group ? f.value.index : f.value[o.value]), S.join("-");
   }), L = b(() => s.value), Z = b(() => l.value !== "single"), j = b(() => {
     let S = "";
-    return l.value === "single" && p.value && (S += h.value[i.value]), l.value === "multiple" && p.value && (S += g.value), l.value === "tags" && p.value && (S += h.value.map((D) => D[i.value]).join(", ")), S;
+    return l.value === "single" && h.value && (S += p.value[i.value]), l.value === "multiple" && h.value && (S += g.value), l.value === "tags" && h.value && (S += p.value.map((D) => D[i.value]).join(", ")), S;
   }), V = b(() => {
     let S = { ...c.value };
     return u.value && (S["aria-labelledby"] = S["aria-labelledby"] ? `${T.value} ${S["aria-labelledby"]}` : T.value, j.value && S["aria-label"] && (S["aria-label"] = `${j.value}, ${S["aria-label"]}`)), S;
@@ -5756,7 +5758,7 @@ function V0(a, e, t) {
     ariaTagLabel: y
   };
 }
-function H0(a, e, t) {
+function H3(a, e, t) {
   const {
     locale: s,
     fallbackLocale: n
@@ -5765,7 +5767,7 @@ function H0(a, e, t) {
     localize: (i) => !i || typeof i != "object" ? i : i && i[s.value] ? i[s.value] : i && s.value && i[s.value.toUpperCase()] ? i[s.value.toUpperCase()] : i && i[n.value] ? i[n.value] : i && n.value && i[n.value.toUpperCase()] ? i[n.value.toUpperCase()] : i && Object.keys(i)[0] ? i[Object.keys(i)[0]] : ""
   };
 }
-function D0(a, e, t, s = {}) {
+function D3(a, e, t, s = {}) {
   return t.forEach((n) => {
     n && (s = {
       ...s,
@@ -6109,24 +6111,24 @@ var We = {
     }
   },
   setup(a, e) {
-    return D0(a, e, [
-      H0,
-      b0,
-      $0,
-      S0,
-      w0,
-      y0,
-      E0,
-      A0,
-      L0,
-      T0,
-      I0,
-      O0,
-      V0
+    return D3(a, e, [
+      H3,
+      b3,
+      $3,
+      S3,
+      w3,
+      y3,
+      E3,
+      A3,
+      L3,
+      T3,
+      I3,
+      O3,
+      V3
     ]);
   }
 };
-const P0 = ["id", "dir"], B0 = ["tabindex", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable", "role"], N0 = ["type", "modelValue", "value", "autocomplete", "id", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], R0 = ["onKeyup", "aria-label"], U0 = ["onClick"], Z0 = ["type", "modelValue", "value", "id", "autocomplete", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], j0 = ["innerHTML"], F0 = ["id"], q0 = ["id", "aria-label", "aria-selected"], W0 = ["data-pointed", "onMouseenter", "onClick"], z0 = ["innerHTML"], x0 = ["aria-label"], Y0 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], K0 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], G0 = ["innerHTML"], X0 = ["innerHTML"], Q0 = ["value"], J0 = ["name", "value"], e5 = ["name", "value"], t5 = ["id"];
+const P3 = ["id", "dir"], B3 = ["tabindex", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable", "role"], N3 = ["type", "modelValue", "value", "autocomplete", "id", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], R3 = ["onKeyup", "aria-label"], U3 = ["onClick"], Z3 = ["type", "modelValue", "value", "id", "autocomplete", "aria-controls", "aria-placeholder", "aria-expanded", "aria-activedescendant", "aria-multiselectable"], j3 = ["innerHTML"], F3 = ["id"], q3 = ["id", "aria-label", "aria-selected"], W3 = ["data-pointed", "onMouseenter", "onClick"], z3 = ["innerHTML"], x3 = ["aria-label"], Y3 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], K3 = ["data-pointed", "data-selected", "onMouseenter", "onClick", "id", "aria-selected", "aria-label"], G3 = ["innerHTML"], X3 = ["innerHTML"], Q3 = ["value"], J3 = ["name", "value"], e5 = ["name", "value"], t5 = ["id"];
 function a5(a, e, t, s, n, o) {
   return v(), C("div", {
     ref: "multiselect",
@@ -6172,7 +6174,7 @@ function a5(a, e, t, s, n, o) {
       }, {
         ...t.attrs,
         ...a.arias
-      }), null, 16, N0)) : E("v-if", !0),
+      }), null, 16, N3)) : E("v-if", !0),
       E(" Tags (with search) "),
       t.mode == "tags" ? (v(), C(
         "div",
@@ -6219,8 +6221,8 @@ function a5(a, e, t, s, n, o) {
                     2
                     /* CLASS */
                   )
-                ], 10, U0)) : E("v-if", !0)
-              ], 42, R0))
+                ], 10, U3)) : E("v-if", !0)
+              ], 42, R3))
             ])),
             256
             /* UNKEYED_FRAGMENT */
@@ -6264,7 +6266,7 @@ function a5(a, e, t, s, n, o) {
               }, {
                 ...t.attrs,
                 ...a.arias
-              }), null, 16, Z0)) : E("v-if", !0)
+              }), null, 16, Z3)) : E("v-if", !0)
             ],
             2
             /* CLASS */
@@ -6306,7 +6308,7 @@ function a5(a, e, t, s, n, o) {
         d("div", {
           class: G(a.classList.multipleLabel),
           innerHTML: a.multipleLabelText
-        }, null, 10, j0)
+        }, null, 10, j3)
       ]) : E("v-if", !0),
       E(" Placeholder "),
       t.placeholder && !a.hasSelected && !a.search ? Q(a.$slots, "placeholder", { key: 4 }, () => [
@@ -6380,7 +6382,7 @@ function a5(a, e, t, s, n, o) {
           /* CLASS */
         )
       ]) : E("v-if", !0)
-    ], 16, B0),
+    ], 16, B3),
     E(" Options "),
     d(
       "div",
@@ -6420,9 +6422,9 @@ function a5(a, e, t, s, n, o) {
                 }, () => [
                   d("span", {
                     innerHTML: a.localize(i[t.groupLabel])
-                  }, null, 8, z0)
+                  }, null, 8, z3)
                 ])
-              ], 42, W0)),
+              ], 42, W3)),
               d("ul", {
                 class: G(a.classList.groupOptions),
                 "aria-label": a.ariaGroupLabel(a.localize(i[t.groupLabel])),
@@ -6436,8 +6438,8 @@ function a5(a, e, t, s, n, o) {
                     "data-pointed": a.isPointed(c),
                     "data-selected": a.isSelected(c) || void 0,
                     key: f,
-                    onMouseenter: (h) => a.setPointer(c),
-                    onClick: (h) => a.handleOptionClick(c),
+                    onMouseenter: (p) => a.setPointer(c),
+                    onClick: (p) => a.handleOptionClick(c),
                     id: a.ariaOptionId(c),
                     "aria-selected": a.isSelected(c),
                     "aria-label": a.ariaOptionLabel(a.localize(c[t.label])),
@@ -6457,12 +6459,12 @@ function a5(a, e, t, s, n, o) {
                         /* TEXT */
                       )
                     ])
-                  ], 42, Y0))),
+                  ], 42, Y3))),
                   128
                   /* KEYED_FRAGMENT */
                 ))
-              ], 10, x0)
-            ], 10, q0))),
+              ], 10, x3)
+            ], 10, q3))),
             128
             /* KEYED_FRAGMENT */
           )) : (v(!0), C(
@@ -6494,22 +6496,22 @@ function a5(a, e, t, s, n, o) {
                   /* TEXT */
                 )
               ])
-            ], 42, K0))),
+            ], 42, K3))),
             128
             /* KEYED_FRAGMENT */
           ))
-        ], 10, F0),
+        ], 10, F3),
         a.noOptions ? Q(a.$slots, "nooptions", { key: 0 }, () => [
           d("div", {
             class: G(a.classList.noOptions),
             innerHTML: a.localize(t.noOptionsText)
-          }, null, 10, G0)
+          }, null, 10, G3)
         ]) : E("v-if", !0),
         a.noResults ? Q(a.$slots, "noresults", { key: 1 }, () => [
           d("div", {
             class: G(a.classList.noResults),
             innerHTML: a.localize(t.noResultsText)
-          }, null, 10, X0)
+          }, null, 10, X3)
         ]) : E("v-if", !0),
         t.infinite && a.hasMore ? (v(), C(
           "div",
@@ -6546,7 +6548,7 @@ function a5(a, e, t, s, n, o) {
       tabindex: "-1",
       value: a.textValue,
       required: ""
-    }, null, 10, Q0)) : E("v-if", !0),
+    }, null, 10, Q3)) : E("v-if", !0),
     E(" Native input support "),
     t.nativeSupport ? (v(), C(
       fe,
@@ -6557,7 +6559,7 @@ function a5(a, e, t, s, n, o) {
           type: "hidden",
           name: t.name,
           value: a.plainValue !== void 0 ? a.plainValue : ""
-        }, null, 8, J0)) : (v(!0), C(
+        }, null, 8, J3)) : (v(!0), C(
           fe,
           { key: 1 },
           ye(a.plainValue, (i, l) => (v(), C("input", {
@@ -6590,7 +6592,7 @@ function a5(a, e, t, s, n, o) {
       2
       /* CLASS */
     )
-  ], 42, P0);
+  ], 42, P3);
 }
 We.render = a5;
 We.__file = "src/Multiselect.vue";
@@ -6602,7 +6604,7 @@ const be = /* @__PURE__ */ x({
   },
   setup(a) {
     const e = a, t = ct(() => e.appendTo), s = X();
-    return e.detached && g0({
+    return e.detached && g3({
       multiselect: s,
       appendTo: t.value
     }), (n, o) => (v(), U(F(We), {
@@ -6613,7 +6615,7 @@ const be = /* @__PURE__ */ x({
       ye(n.$slots, (i, l) => ({
         name: l,
         fn: R((r) => [
-          Q(n.$slots, l, rn(un(r ?? {})))
+          Q(n.$slots, l, un(cn(r ?? {})))
         ])
       }))
     ]), 1536));
@@ -6682,73 +6684,73 @@ const s5 = { class: "ao-tasks" }, i5 = { class: "ao-tasks__list" }, o5 = ["id",
   emits: ["add", "delete", "update"],
   setup(a, { emit: e }) {
     const t = a, { t: s } = at();
-    ue(() => t.tasks, (f, h) => {
-      Re(f, h);
+    ue(() => t.tasks, (f, p) => {
+      Re(f, p);
     });
     const n = b(
       () => {
         var f;
-        return ((f = t.users) == null ? void 0 : f.map((h) => ({
-          label: `${h.firstName} ${h.lastName}`,
-          value: h.id
+        return ((f = t.users) == null ? void 0 : f.map((p) => ({
+          label: `${p.firstName} ${p.lastName}`,
+          value: p.id
         }))) ?? [];
       }
     ), o = () => {
-      const f = t.tasks.length, h = {
+      const f = t.tasks.length, p = {
         name: s("task.defaultName", { idx: f + 1 }),
         activityId: t.activityId
       };
-      e("add", h);
-    }, i = (f, h) => {
+      e("add", p);
+    }, i = (f, p) => {
       const g = f.target.value;
       e("update", {
-        id: h,
+        id: p,
         name: g
       });
-    }, l = (f, h) => {
+    }, l = (f, p) => {
       t.isEditable && e("update", {
         id: f,
-        isDone: h
+        isDone: p
       });
     }, r = (f) => {
       e("delete", { id: f });
-    }, c = (f, h) => {
+    }, c = (f, p) => {
       e("update", {
-        id: h,
+        id: p,
         assigneeId: f[0]
       });
     }, u = (f) => {
-      const h = f.target;
-      h == null || h.blur();
+      const p = f.target;
+      p == null || p.blur();
     };
-    return (f, h) => (v(), C("div", s5, [
+    return (f, p) => (v(), C("div", s5, [
       d("ul", i5, [
-        (v(!0), C(fe, null, ye(f.tasks, (p) => {
+        (v(!0), C(fe, null, ye(f.tasks, (h) => {
           var g, $;
           return v(), C("li", {
-            key: p.id,
+            key: h.id,
             class: "ao-subtask"
           }, [
-            ((g = f.isCheckable) == null ? void 0 : g.call(f, p)) ?? !1 ? (v(), U(ce, {
+            ((g = f.isCheckable) == null ? void 0 : g.call(f, h)) ?? !1 ? (v(), U(ce, {
               key: 0,
               class: "ao-subtask__check",
-              "icon-name": p.isDone ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
+              "icon-name": h.isDone ? "CheckBoxOutlineRounded" : "CheckBoxOutlineBlank",
               disabled: !f.isEditable,
               variant: "ghost",
-              onClick: () => l(p.id, !p.isDone)
+              onClick: () => l(h.id, !h.isDone)
             }, null, 8, ["icon-name", "disabled", "onClick"])) : E("", !0),
             d("input", {
-              id: p.id,
-              value: p.name,
+              id: h.id,
+              value: h.name,
               readonly: !f.isEditable,
               class: "ao-field__input ao-subtask__field",
               type: "text",
-              onChange: (T) => i(T, p.id),
+              onChange: (T) => i(T, h.id),
               onKeyup: ze(u, ["enter"])
             }, null, 40, o5),
             f.users ? (v(), U(be, {
               key: 1,
-              value: [($ = p.assignee) == null ? void 0 : $.id],
+              value: [($ = h.assignee) == null ? void 0 : $.id],
               options: n.value,
               "close-on-select": !1,
               searchable: !0,
@@ -6758,7 +6760,7 @@ const s5 = { class: "ao-tasks" }, i5 = { class: "ao-tasks__list" }, o5 = ["id",
               placeholder: f.$t("feed.filters.assignee.placeholder"),
               disabled: !f.isEditable,
               caret: f.isEditable,
-              onChange: (T) => c(T, p.id)
+              onChange: (T) => c(T, h.id)
             }, {
               tag: R(({ option: T, handleTagRemove: M }) => [
                 k(_t, {
@@ -6776,7 +6778,7 @@ const s5 = { class: "ao-tasks" }, i5 = { class: "ao-tasks__list" }, o5 = ["id",
               size: "sm",
               variant: "ghost",
               color: "neutral",
-              onClick: () => r(p.id)
+              onClick: () => r(h.id)
             }, null, 8, ["onClick"])) : E("", !0)
           ]);
         }), 128))
@@ -6800,7 +6802,7 @@ const u5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], c5 = {
 }, d5 = ["href"], f5 = { class: "ao-file__title" }, v5 = {
   key: 1,
   class: "ao-files__dropzone"
-}, h5 = { class: "ao-files__input" }, p5 = { class: "ao-files__button ao-button ao-button--primary ao-button--ghost" }, m5 = { class: "ao-files__placeholder" }, C5 = /* @__PURE__ */ x({
+}, p5 = { class: "ao-files__input" }, h5 = { class: "ao-files__button ao-button ao-button--primary ao-button--ghost" }, m5 = { class: "ao-files__placeholder" }, C5 = /* @__PURE__ */ x({
   __name: "AoActivityDetailsFiles",
   props: {
     attachments: {},
@@ -6818,7 +6820,7 @@ const u5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], c5 = {
       n.forEach((c) => {
         document.body.addEventListener(c, (u) => u.preventDefault());
       });
-    }), la(() => {
+    }), ra(() => {
       n.forEach((c) => {
         document.body.removeEventListener(
           c,
@@ -6857,13 +6859,13 @@ const u5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], c5 = {
         onDragleave: _e(l, ["prevent"])
       }, [
         (f = c.attachments) != null && f.length && c.attachments.length > 0 ? (v(), C("ul", c5, [
-          (v(!0), C(fe, null, ye(c.attachments, (h) => (v(), C("li", {
-            key: h.id,
+          (v(!0), C(fe, null, ye(c.attachments, (p) => (v(), C("li", {
+            key: p.id,
             class: "ao-file"
           }, [
             d("a", {
               class: "ao-file__link",
-              href: h.url,
+              href: p.url,
               target: "_blank",
               rel: "noopener noreferrer"
             }, [
@@ -6872,7 +6874,7 @@ const u5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], c5 = {
                 name: "AttachFileRounded",
                 size: "sm"
               }),
-              d("span", f5, W(h.name), 1)
+              d("span", f5, W(p.name), 1)
             ], 8, d5),
             c.isEditable ? (v(), U(ce, {
               key: 0,
@@ -6882,13 +6884,13 @@ const u5 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], c5 = {
               color: "primary",
               size: "md",
               corners: "round",
-              onClick: () => t(h)
+              onClick: () => t(p)
             }, null, 8, ["onClick"])) : E("", !0)
           ]))), 128))
         ])) : E("", !0),
         c.isEditable ? (v(), C("div", v5, [
-          d("label", h5, [
-            d("span", p5, W(c.$t("activity.attachment.button.resting")), 1),
+          d("label", p5, [
+            d("span", h5, W(c.$t("activity.attachment.button.resting")), 1),
             d("input", {
               class: "input-field",
               type: "file",
@@ -6921,12 +6923,12 @@ const _5 = { class: "ao-comment" }, g5 = { class: "ao-comment__body" }, y5 = { c
     const t = a, s = b(() => {
       const T = t.user;
       return T ? `${T == null ? void 0 : T.firstName} ${T == null ? void 0 : T.lastName}` : null;
-    }), n = X(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = ua(n), c = b(() => k1(t.createdAt)), u = b(() => k1(t.editedAt)), f = b(() => o.value ? "textarea" : "p"), h = r(), p = l((T) => {
+    }), n = X(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = ca(n), c = b(() => k1(t.createdAt)), u = b(() => k1(t.editedAt)), f = b(() => o.value ? "textarea" : "p"), p = r(), h = l((T) => {
       e("edit", T);
     }), g = () => {
       e("remove");
     }, $ = X(2);
-    return cn(() => {
+    return dn(() => {
       Ee(() => {
         var T;
         if (!o.value) {
@@ -6949,8 +6951,8 @@ const _5 = { class: "ao-comment" }, g5 = { class: "ao-comment__body" }, y5 = { c
             value: F(o) ? T.content : null,
             rows: F(o) ? $.value : null,
             onKeyup: [
-              ze(F(h), ["esc"]),
-              ze(_e(F(p), ["ctrl"]), ["enter"])
+              ze(F(p), ["esc"]),
+              ze(_e(F(h), ["ctrl"]), ["enter"])
             ]
           }, {
             default: R(() => [
@@ -6968,14 +6970,14 @@ const _5 = { class: "ao-comment" }, g5 = { class: "ao-comment__body" }, y5 = { c
             size: "sm",
             variant: "ghost",
             color: "neutral",
-            onClick: F(h)
+            onClick: F(p)
           }, null, 8, ["onClick"]),
           k(ce, {
             "icon-name": "CheckSmallRounded",
             size: "sm",
             variant: "solid",
             color: "neutral",
-            onClick: F(p)
+            onClick: F(h)
           }, null, 8, ["onClick"])
         ], 64)) : (v(), C(fe, { key: 1 }, [
           k(ce, {
@@ -7010,7 +7012,7 @@ const M5 = {
   },
   emits: ["createComment", "updateComment", "removeComment"],
   setup(a, { emit: e }) {
-    const t = a, s = (u) => t.users.find((h) => h.id === u), n = X();
+    const t = a, s = (u) => t.users.find((p) => p.id === u), n = X();
     Ee(() => {
       n.value && (n.value.scrollTop = n.value.scrollHeight);
     });
@@ -7033,23 +7035,23 @@ const M5 = {
       e("removeComment", { id: u });
     };
     return (u, f) => {
-      var h;
+      var p;
       return v(), C("div", {
         ref_key: "commentsContainer",
         ref: n,
         class: "ao-comments"
       }, [
-        ((h = u.comments) == null ? void 0 : h.length) > 0 ? (v(), C("ul", M5, [
-          (v(!0), C(fe, null, ye(u.comments, (p) => (v(), U($5, {
-            key: p.id,
-            user: s(p.author.id),
-            content: p.message,
-            "created-at": p.createdAt,
-            "edited-at": p.updatedAt,
-            "is-editable": p.author.id === u.userId,
+        ((p = u.comments) == null ? void 0 : p.length) > 0 ? (v(), C("ul", M5, [
+          (v(!0), C(fe, null, ye(u.comments, (h) => (v(), U($5, {
+            key: h.id,
+            user: s(h.author.id),
+            content: h.message,
+            "created-at": h.createdAt,
+            "edited-at": h.updatedAt,
+            "is-editable": h.author.id === u.userId,
             class: "ao-comment",
-            onEdit: (g) => r(p.id, g),
-            onRemove: () => c(p.id)
+            onEdit: (g) => r(h.id, g),
+            onRemove: () => c(h.id)
           }, null, 8, ["user", "content", "created-at", "edited-at", "is-editable", "onEdit", "onRemove"]))), 128))
         ])) : E("", !0),
         d("div", k5, [
@@ -7060,7 +7062,7 @@ const M5 = {
             d("label", T5, [
               d("span", S5, W(u.$t("activity.comment.label")), 1),
               dt(d("textarea", {
-                "onUpdate:modelValue": f[0] || (f[0] = (p) => i.value = p),
+                "onUpdate:modelValue": f[0] || (f[0] = (h) => i.value = h),
                 rows: "4",
                 class: "ao-field__textarea"
               }, null, 512), [
@@ -7093,7 +7095,7 @@ const O5 = {
 }, L5 = {
   key: 0,
   class: "ao-field"
-}, V5 = { class: "ao-field__label" }, H5 = { class: "ao-activity-details__content" }, D5 = { class: "ao-fieldset" }, P5 = { class: "ao-field__row" }, B5 = { class: "ao-field ao-field--full" }, N5 = { class: "ao-field__label" }, R5 = ["readonly"], U5 = { class: "ao-field__row" }, Z5 = { class: "ao-field" }, j5 = { class: "ao-field__label" }, F5 = ["readonly"], q5 = { class: "ao-field" }, W5 = { class: "ao-field__label" }, z5 = ["disabled"], x5 = { class: "ao-fieldset" }, Y5 = { class: "ao-fieldset__title" }, K5 = { class: "ao-fieldset__body" }, G5 = { class: "ao-field__row" }, X5 = { class: "ao-field ao-field--multiselect" }, Q5 = { class: "ao-fieldset" }, J5 = { class: "ao-fieldset__title" }, e7 = { class: "ao-fieldset__body" }, t7 = { class: "ao-fieldset" }, a7 = { class: "ao-fieldset__title" }, n7 = { class: "ao-fieldset__body" }, s7 = { class: "ao-field__row" }, i7 = { class: "ao-field ao-field--multiselect" }, o7 = { class: "ao-field__label" }, l7 = { class: "ao-field__row" }, r7 = { class: "ao-field ao-field--multiselect" }, u7 = { class: "ao-field__label" }, c7 = { class: "ao-field__row" }, d7 = { class: "ao-field ao-field--multiselect" }, f7 = { class: "ao-field__label" }, v7 = { class: "ao-fieldset" }, h7 = { class: "ao-field__row" }, p7 = { class: "ao-field ao-field--multiselect" }, m7 = { class: "ao-field__label" }, C7 = {
+}, V5 = { class: "ao-field__label" }, H5 = { class: "ao-activity-details__content" }, D5 = { class: "ao-fieldset" }, P5 = { class: "ao-field__row" }, B5 = { class: "ao-field ao-field--full" }, N5 = { class: "ao-field__label" }, R5 = ["readonly"], U5 = { class: "ao-field__row" }, Z5 = { class: "ao-field" }, j5 = { class: "ao-field__label" }, F5 = ["readonly"], q5 = { class: "ao-field" }, W5 = { class: "ao-field__label" }, z5 = ["disabled"], x5 = { class: "ao-fieldset" }, Y5 = { class: "ao-fieldset__title" }, K5 = { class: "ao-fieldset__body" }, G5 = { class: "ao-field__row" }, X5 = { class: "ao-field ao-field--multiselect" }, Q5 = { class: "ao-fieldset" }, J5 = { class: "ao-fieldset__title" }, e7 = { class: "ao-fieldset__body" }, t7 = { class: "ao-fieldset" }, a7 = { class: "ao-fieldset__title" }, n7 = { class: "ao-fieldset__body" }, s7 = { class: "ao-field__row" }, i7 = { class: "ao-field ao-field--multiselect" }, o7 = { class: "ao-field__label" }, l7 = { class: "ao-field__row" }, r7 = { class: "ao-field ao-field--multiselect" }, u7 = { class: "ao-field__label" }, c7 = { class: "ao-field__row" }, d7 = { class: "ao-field ao-field--multiselect" }, f7 = { class: "ao-field__label" }, v7 = { class: "ao-fieldset" }, p7 = { class: "ao-field__row" }, h7 = { class: "ao-field ao-field--multiselect" }, m7 = { class: "ao-field__label" }, C7 = {
   key: 0,
   class: "ao-activity-details__aside"
 }, _7 = { class: "ao-fieldset__title" }, g7 = { class: "ao-fieldset__title" }, B1 = /* @__PURE__ */ x({
@@ -7153,7 +7155,8 @@ const O5 = {
       value: y.id
     }))), c = b({
       get() {
-        return t.activity.dependingOn;
+        var y;
+        return (y = t.activity.dependingOn) == null ? void 0 : y.map((S) => S.id);
       },
       set(y) {
         y && e("update:activity", {
@@ -7165,11 +7168,12 @@ const O5 = {
       var S;
       return {
         ...y,
-        disabled: (S = t.activity.blocking) == null ? void 0 : S.some((D) => D === y.value)
+        disabled: (S = t.activity.blocking) == null ? void 0 : S.some((D) => D.id === y.value)
       };
     })), f = b({
       get() {
-        return t.activity.blocking;
+        var y;
+        return (y = t.activity.blocking) == null ? void 0 : y.map((S) => S.id);
       },
       set(y) {
         y && e("update:activity", {
@@ -7177,13 +7181,13 @@ const O5 = {
           blocking: y
         });
       }
-    }), h = b(() => r.value.map((y) => {
+    }), p = b(() => r.value.map((y) => {
       var S;
       return {
         ...y,
-        disabled: (S = t.activity.dependingOn) == null ? void 0 : S.some((D) => D === y.value)
+        disabled: (S = t.activity.dependingOn) == null ? void 0 : S.some((D) => D.id === y.value)
       };
-    })), p = b(() => (t.templateMilestones || []).filter((S) => S.id !== t.milestoneId).map((S) => ({
+    })), h = b(() => (t.templateMilestones || []).filter((S) => S.id !== t.milestoneId).map((S) => ({
       label: S.name,
       value: S.id
     }))), g = b({
@@ -7255,7 +7259,7 @@ const O5 = {
     }, {
       header: R(() => [
         y.breadcrumbs ? (v(), C("div", O5, W(y.breadcrumbs), 1)) : E("", !0),
-        k(pe, {
+        k(he, {
           title: y.activity.name || "",
           level: 4,
           "is-editable": y.isEditable,
@@ -7333,7 +7337,7 @@ const O5 = {
                   type: "checkbox"
                 }, null, 8, z5), [
                   [
-                    dn,
+                    fn,
                     i.value,
                     void 0,
                     { lazy: !0 }
@@ -7345,7 +7349,7 @@ const O5 = {
           d("fieldset", x5, [
             d("div", Y5, [
               k(de, { name: "AccountBoxSharp" }),
-              k(pe, {
+              k(he, {
                 level: 4,
                 title: y.$t("activity.assignee.title")
               }, null, 8, ["title"])
@@ -7382,7 +7386,7 @@ const O5 = {
           d("fieldset", Q5, [
             d("div", J5, [
               k(de, { name: "SelectCheckBox" }),
-              k(pe, {
+              k(he, {
                 level: 4,
                 title: y.$t("activity.tasks.title")
               }, null, 8, ["title"])
@@ -7404,7 +7408,7 @@ const O5 = {
           d("fieldset", t7, [
             d("div", a7, [
               k(de, { name: "FlowsheetOutlineRounded" }),
-              k(pe, {
+              k(he, {
                 level: 4,
                 title: y.$t("activity.dependencies.title")
               }, null, 8, ["title"])
@@ -7434,7 +7438,7 @@ const O5 = {
                     mode: "tags",
                     "close-on-select": !1,
                     searchable: !0,
-                    options: h.value,
+                    options: p.value,
                     disabled: !y.isEditable,
                     caret: y.isEditable
                   }, null, 8, ["modelValue", "options", "disabled", "caret"])
@@ -7449,7 +7453,7 @@ const O5 = {
                     mode: "tags",
                     "close-on-select": !1,
                     searchable: !0,
-                    options: p.value,
+                    options: h.value,
                     disabled: !y.isEditable,
                     caret: y.isEditable
                   }, null, 8, ["modelValue", "options", "disabled", "caret"])
@@ -7458,8 +7462,8 @@ const O5 = {
             ])
           ]),
           d("fieldset", v7, [
-            d("div", h7, [
-              d("label", p7, [
+            d("div", p7, [
+              d("label", h7, [
                 d("span", m7, W(y.$t("activity.type.label")), 1),
                 k(be, {
                   modelValue: l.value,
@@ -7479,7 +7483,7 @@ const O5 = {
         y.isTemplate !== !0 && y.userId ? (v(), C("div", C7, [
           d("div", _7, [
             k(de, { name: "AttachFileRounded" }),
-            k(pe, {
+            k(he, {
               level: 4,
               title: y.$t("activity.attachments.title")
             }, null, 8, ["title"])
@@ -7492,7 +7496,7 @@ const O5 = {
           }, null, 8, ["attachments", "is-editable"]),
           d("div", g7, [
             k(de, { name: "ChatOutline" }),
-            k(pe, {
+            k(he, {
               level: 4,
               title: y.$t("activity.comments.title")
             }, null, 8, ["title"])
@@ -7535,7 +7539,7 @@ const y7 = {
   DAYS: "days",
   WEEKS: "weeks",
   MONTHS: "months"
-}, he = {
+}, pe = {
   TEMPLATES: "templates",
   PHASES: "phases",
   MILESTONES: "milestones",
@@ -7563,7 +7567,7 @@ const R4 = {
   emits: ["update:rule", "close"],
   setup(a, { emit: e }) {
     const t = a, s = ct(
-      t.rule.itemType || he.ACTIVITIES
+      t.rule.itemType || pe.ACTIVITIES
     ), n = b({
       get() {
         return s.value;
@@ -7575,7 +7579,7 @@ const R4 = {
           subItemId: void 0
         });
       }
-    }), o = b(() => Object.values(he)), i = b({
+    }), o = b(() => Object.values(pe)), i = b({
       get() {
         return t.rule.subItemId;
       },
@@ -7589,9 +7593,9 @@ const R4 = {
     }), l = b(() => {
       var w;
       return !t.templateActivities || !t.templateMilestones || !t.templatePhases ? null : (w = {
-        [he.ACTIVITIES]: t.templateActivities,
-        [he.MILESTONES]: t.templateMilestones,
-        [he.PHASES]: t.templatePhases
+        [pe.ACTIVITIES]: t.templateActivities,
+        [pe.MILESTONES]: t.templateMilestones,
+        [pe.PHASES]: t.templatePhases
       }[s.value]) == null ? void 0 : w.map((L) => ({
         value: L.id,
         label: L.name
@@ -7603,14 +7607,14 @@ const R4 = {
       set(M) {
         e("update:rule", { ...t.rule, comparator: M });
       }
-    }), u = b(() => Object.values(b7)), f = ct(t.rule.trigger), h = b({
+    }), u = b(() => Object.values(b7)), f = ct(t.rule.trigger), p = b({
       get() {
         return f.value;
       },
       set(M) {
         e("update:rule", { ...t.rule, trigger: M });
       }
-    }), p = b(() => Object.values(w7)), g = b({
+    }), h = b(() => Object.values(w7)), g = b({
       get() {
         return t.rule.duration;
       },
@@ -7638,9 +7642,9 @@ const R4 = {
           options: l.value
         }, null, 8, ["modelValue", "options"]),
         k(F(We), {
-          modelValue: h.value,
-          "onUpdate:modelValue": w[2] || (w[2] = (L) => h.value = L),
-          options: p.value
+          modelValue: p.value,
+          "onUpdate:modelValue": w[2] || (w[2] = (L) => p.value = L),
+          options: h.value
         }, null, 8, ["modelValue", "options"]),
         k(F(We), {
           modelValue: c.value,
@@ -7693,7 +7697,7 @@ const A7 = { class: "ao-template-rules__body" }, T7 = { class: "ao-template-rule
     };
     return (n, o) => (v(), U(O1, null, {
       header: R(() => [
-        k(pe, {
+        k(he, {
           title: n.$t("template.rules.title"),
           level: 2
         }, null, 8, ["title"])
@@ -7805,10 +7809,10 @@ const E7 = {
         label: A.name,
         value: A.id
       }))) || [];
-    }), h = b(() => {
+    }), p = b(() => {
       var m;
       return ((m = n.value) == null ? void 0 : m.name) || t.templateId;
-    }), p = () => {
+    }), h = () => {
       if (!n.value)
         return;
       const { name: m, rank: A } = vt(
@@ -7817,7 +7821,7 @@ const E7 = {
         s
       );
       o.value = !0, e("addItem", {
-        type: he.PHASES,
+        type: pe.PHASES,
         templateId: t.templateId,
         item: {
           name: m,
@@ -7828,12 +7832,12 @@ const E7 = {
       e("updateItem", {
         templateId: t.templateId,
         id: t.templateId,
-        itemType: he.TEMPLATES,
+        itemType: pe.TEMPLATES,
         data: { name: m }
       });
     }, $ = (m) => {
       e("removeItem", {
-        type: he.PHASES,
+        type: pe.PHASES,
         templateId: t.templateId,
         data: {
           id: m
@@ -7843,7 +7847,7 @@ const E7 = {
       e("updateItem", {
         templateId: t.templateId,
         id: m,
-        itemType: he.PHASES,
+        itemType: pe.PHASES,
         data: { name: A }
       });
     }, M = (m) => {
@@ -7857,7 +7861,7 @@ const E7 = {
         s
       );
       o.value = !0, e("addItem", {
-        type: he.MILESTONES,
+        type: pe.MILESTONES,
         templateId: t.templateId,
         phaseId: m.phaseId,
         item: {
@@ -7868,7 +7872,7 @@ const E7 = {
       });
     }, L = (m) => {
       e("removeItem", {
-        type: he.MILESTONES,
+        type: pe.MILESTONES,
         templateId: t.templateId,
         phaseId: m.phaseId,
         data: {
@@ -7878,7 +7882,7 @@ const E7 = {
     }, Z = (m) => {
       const { id: A, ...N } = m;
       e("updateItem", {
-        itemType: he.MILESTONES,
+        itemType: pe.MILESTONES,
         id: A,
         templateId: t.templateId,
         data: N
@@ -7893,7 +7897,7 @@ const E7 = {
         s
       );
       o.value = !0, e("addItem", {
-        type: he.ACTIVITIES,
+        type: pe.ACTIVITIES,
         milestoneId: A,
         templateId: t.templateId,
         item: { name: N, rank: B, milestoneId: A }
@@ -7901,7 +7905,7 @@ const E7 = {
     }, V = (m) => {
       var A, N;
       e("removeItem", {
-        type: he.ACTIVITIES,
+        type: pe.ACTIVITIES,
         templateId: t.templateId,
         phaseId: (A = i.value) == null ? void 0 : A.id,
         milestoneId: (N = l.value) == null ? void 0 : N.id,
@@ -7912,7 +7916,7 @@ const E7 = {
     }, I = (m) => {
       const { id: A, ...N } = m;
       e("updateItem", {
-        itemType: he.ACTIVITIES,
+        itemType: pe.ACTIVITIES,
         id: A,
         templateId: t.templateId,
         data: N
@@ -7928,7 +7932,7 @@ const E7 = {
       if (m.moved) {
         const N = Nt(m, ((A = n.value) == null ? void 0 : A.phases) ?? []);
         e("updateItem", {
-          itemType: he.PHASES,
+          itemType: pe.PHASES,
           id: m.moved.element.id,
           templateId: t.templateId,
           data: {
@@ -7938,7 +7942,7 @@ const E7 = {
       }
     }, D = (m) => {
       !i.value || !l.value || !u.value || e("addItem", {
-        type: he.TASKS,
+        type: pe.TASKS,
         activityId: m.activityId,
         milestoneId: l.value.id,
         phaseId: i.value.id,
@@ -7947,14 +7951,14 @@ const E7 = {
       });
     }, le = (m) => {
       !i.value || !l.value || !u.value || e("updateItem", {
-        itemType: he.TASKS,
+        itemType: pe.TASKS,
         id: m.id,
         templateId: t.templateId,
         data: m
       });
     }, J = (m) => {
       !i.value || !l.value || !u.value || e("removeItem", {
-        type: he.TASKS,
+        type: pe.TASKS,
         activityId: u.value.id,
         milestoneId: l.value.id,
         phaseId: i.value.id,
@@ -7974,8 +7978,8 @@ const E7 = {
           onGoBack: A[1] || (A[1] = (O) => m.$router.push({ name: F(Tt).TEMPLATES_LIST }))
         }, {
           primary: R(() => [
-            k(pe, {
-              title: h.value,
+            k(he, {
+              title: p.value,
               level: 2,
               "is-editable": !0,
               "onUpdate:title": A[0] || (A[0] = (O) => {
@@ -8005,7 +8009,7 @@ const E7 = {
                 onChange: S
               }, {
                 header: R(() => [
-                  k(pe, {
+                  k(he, {
                     title: m.$t("template.phases.title"),
                     level: 3,
                     class: "ao-list__title"
@@ -8014,7 +8018,7 @@ const E7 = {
                 item: R(({ element: O }) => {
                   var q;
                   return [
-                    k(E3, {
+                    k(E0, {
                       id: O.id,
                       name: O.name,
                       milestones: O.milestones,
@@ -8035,7 +8039,7 @@ const E7 = {
                     k(Xe, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: m.$t("template.phases.add"),
-                      onClick: p
+                      onClick: h
                     }, null, 8, ["label"])
                   ])
                 ]),
@@ -8043,7 +8047,7 @@ const E7 = {
               }, 8, ["model-value"])
             ]),
             d("li", H7, [
-              i.value ? (v(), U(L3, {
+              i.value ? (v(), U(L0, {
                 key: 0,
                 "template-id": m.templateId,
                 phase: i.value,
@@ -8055,7 +8059,7 @@ const E7 = {
               }, null, 8, ["template-id", "phase", "milestone-id"])) : E("", !0)
             ]),
             d("li", D7, [
-              i.value && l.value ? (v(), U(D3, {
+              i.value && l.value ? (v(), U(D0, {
                 key: 0,
                 "template-id": m.templateId,
                 "phase-id": (B = i.value) == null ? void 0 : B.id,
@@ -8153,7 +8157,7 @@ const R1 = /* @__PURE__ */ x({
       (v(!0), C(fe, null, ye(t.value, (o) => (v(), C("div", {
         key: o,
         class: G(["ao-progress__progress"]),
-        style: fn({ width: `${o * 100}%` })
+        style: la({ width: `${o * 100}%` })
       }, null, 4))), 128))
     ], 2));
   }
@@ -8183,7 +8187,7 @@ const U7 = { class: "ao-card-project-phase__header" }, Z7 = { class: "ao-card-pr
     }), i = b(() => (o.value || 0) / (n.value || 1));
     return (l, r) => (v(), U(N1, { class: "ao-card-project-phase" }, Ht({
       default: R(() => [
-        k(pe, {
+        k(he, {
           id: l.id,
           class: "ao-card-project-phase__title",
           title: l.name || "",
@@ -8274,7 +8278,7 @@ const x7 = { class: "ao-card-project-milestone__default" }, Y7 = {
     }, {
       default: R(() => [
         d("div", x7, [
-          k(pe, {
+          k(he, {
             id: l.id,
             title: l.name || "",
             level: 5,
@@ -8334,14 +8338,14 @@ const t9 = { class: "ao-project-phase" }, a9 = {
   emits: ["addMilestone", "updateMilestone", "archiveMilestone", "updatePhase", "archivePhase"],
   setup(a, { emit: e }) {
     const t = a, { t: s } = at();
-    ue(() => t.phase.milestones, (f, h) => {
-      Re(f, h);
+    ue(() => t.phase.milestones, (f, p) => {
+      Re(f, p);
     });
     const n = (f) => {
       e("updatePhase", { id: t.phase.id, name: f });
     }, o = b(() => t.phase.milestones), i = (f) => {
-      const { name: h, rank: p } = vt(o.value ?? [], "milestone", s);
-      e("addMilestone", { name: h, rank: p, phaseId: f });
+      const { name: p, rank: h } = vt(o.value ?? [], "milestone", s);
+      e("addMilestone", { name: p, rank: h, phaseId: f });
     }, l = (f) => {
       e("updateMilestone", f);
     }, r = (f) => {
@@ -8358,7 +8362,7 @@ const t9 = { class: "ao-project-phase" }, a9 = {
         )
       });
     };
-    return (f, h) => (v(), C("li", t9, [
+    return (f, p) => (v(), C("li", t9, [
       f.isEditable ? (v(), C("div", a9, [
         k(de, {
           name: "DragIndicator",
@@ -8384,17 +8388,17 @@ const t9 = { class: "ao-project-phase" }, a9 = {
             "item-key": "id",
             group: "kanban"
           }, f.$attrs, { onChange: u }), {
-            item: R(({ element: p }) => [
+            item: R(({ element: h }) => [
               k(e9, {
-                id: p.id,
-                name: p.name,
-                activities: p.activities,
+                id: h.id,
+                name: h.name,
+                activities: h.activities,
                 "is-editable": f.isEditable,
                 "is-draggable": f.isEditable,
                 class: "ao-project-phase__milestone",
                 onClick: (g) => f.$router.push({
-                  name: F(ht).milestone,
-                  params: { phaseId: f.phase.id, milestoneId: p.id }
+                  name: F(pt).milestone,
+                  params: { phaseId: f.phase.id, milestoneId: h.id }
                 }),
                 onUpdateMilestone: l,
                 onArchiveMilestone: r
@@ -8408,7 +8412,7 @@ const t9 = { class: "ao-project-phase" }, a9 = {
               label: f.$t("project.milestone.add"),
               class: "ao-project-phase__milestone-add",
               "icon-name": "Add",
-              onClick: h[0] || (h[0] = () => i(f.phase.id))
+              onClick: p[0] || (p[0] = () => i(f.phase.id))
             }, null, 8, ["label"])) : E("", !0)
           ])
         ])
@@ -8460,9 +8464,9 @@ const r9 = { class: "ao-project__phases" }, u9 = {
         handle: ".ao-card__drag",
         onChange: l
       }, {
-        item: R(({ element: h }) => [
+        item: R(({ element: p }) => [
           k(l9, {
-            phase: h,
+            phase: p,
             "is-editable": u.isEditable,
             onAddMilestone: s,
             onUpdateMilestone: n,
@@ -8488,7 +8492,7 @@ const r9 = { class: "ao-project__phases" }, u9 = {
     ]));
   }
 });
-const h9 = ["onSubmit"], p9 = { class: "ao-add-template-modal__form-body" }, m9 = { class: "field__row" }, C9 = { class: "ao-add-template-modal__form-footer" }, _9 = /* @__PURE__ */ x({
+const p9 = ["onSubmit"], h9 = { class: "ao-add-template-modal__form-body" }, m9 = { class: "field__row" }, C9 = { class: "ao-add-template-modal__form-footer" }, _9 = /* @__PURE__ */ x({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -8506,7 +8510,7 @@ const h9 = ["onSubmit"], p9 = { class: "ao-add-template-modal__form-body" }, m9
     };
     return (l, r) => (v(), U(O1, { size: "sm" }, {
       header: R(() => [
-        k(pe, {
+        k(he, {
           title: l.$t("project.template.add.title"),
           level: 3
         }, null, 8, ["title"])
@@ -8516,7 +8520,7 @@ const h9 = ["onSubmit"], p9 = { class: "ao-add-template-modal__form-body" }, m9
           class: "ao-add-template-modal__form",
           onSubmit: _e(i, ["prevent"])
         }, [
-          d("div", p9, [
+          d("div", h9, [
             d("div", m9, [
               k(be, {
                 value: n.value,
@@ -8535,7 +8539,7 @@ const h9 = ["onSubmit"], p9 = { class: "ao-add-template-modal__form-body" }, m9
               onClick: i
             }, null, 8, ["label"])
           ])
-        ], 40, h9)
+        ], 40, p9)
       ]),
       _: 1
     }));
@@ -8572,9 +8576,9 @@ const g9 = { class: "ao-project-overview" }, y9 = { class: "ao-project" }, b9 =
       e("archiveMilestone", I);
     }, f = (I) => {
       e("addActivity", I);
-    }, h = (I) => {
-      e("update:activity", I);
     }, p = (I) => {
+      e("update:activity", I);
+    }, h = (I) => {
       e("archiveActivity", I);
     }, g = (I) => {
       e("addSubtask", I);
@@ -8632,10 +8636,10 @@ const g9 = { class: "ao-project-overview" }, y9 = { class: "ao-project" }, b9 =
             "project-name": I.project.name,
             users: I.users,
             "is-editable": I.isEditable,
-            onClose: z[1] || (z[1] = (ne) => I.$router.push({ name: F(ht).project })),
+            onClose: z[1] || (z[1] = (ne) => I.$router.push({ name: F(pt).project })),
             onAddActivity: f,
-            onUpdateActivity: h,
-            onArchiveActivity: p
+            onUpdateActivity: p,
+            onArchiveActivity: h
           }, null, 8, ["phases", "project-id", "project-name", "users", "is-editable"]),
           (v(), U(It, { to: "body" }, [
             k(Y, {
@@ -8647,7 +8651,7 @@ const g9 = { class: "ao-project-overview" }, y9 = { class: "ao-project" }, b9 =
               users: I.users,
               "user-id": I.userId,
               "is-editable": I.isEditable,
-              "onUpdate:activity": h,
+              "onUpdate:activity": p,
               onAddSubtask: g,
               onAddFiles: T,
               onRemoveFile: M,
@@ -8694,12 +8698,13 @@ const $9 = { class: "ao-card-feed__header" }, M9 = {
 }, P9 = { class: "ao-card-feed__subitem" }, B9 = { class: "ao-card-feed__footer-row" }, N9 = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, R9 = { class: "ao-card-feed__subitem" }, U9 = { class: "ao-card-feed__subitem" }, Va = /* @__PURE__ */ x({
+}, R9 = { class: "ao-card-feed__subitem" }, U9 = { class: "ao-card-feed__subitem" }, Ha = /* @__PURE__ */ x({
   __name: "AoCardFeed",
   props: {
     id: {},
     name: {},
     projectName: {},
+    projectColor: {},
     phaseName: {},
     milestoneName: {},
     deadline: {},
@@ -8712,58 +8717,59 @@ const $9 = { class: "ao-card-feed__header" }, M9 = {
   },
   emits: ["removeAssignee", "updateActivity"],
   setup(a, { emit: e }) {
-    const t = a, s = (h) => {
+    const t = a, s = (p) => {
       e("updateActivity", {
         id: t.id,
-        name: h
+        name: p
       });
-    }, n = b(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), o = b(() => t.assignee ? [t.assignee] : []), i = b(() => k1(t.deadline)), l = (h) => {
-      const { firstName: p, lastName: g } = h || {};
-      return `${p ?? ""}${p ? " " : ""}${g ?? ""}`;
-    }, r = (h) => {
-      e("removeAssignee", h);
+    }, n = b(() => t.phaseName && t.milestoneName ? `${t.phaseName} / ${t.milestoneName}` : ""), o = b(() => t.assignee ? [t.assignee] : []), i = b(() => k1(t.deadline)), l = (p) => {
+      const { firstName: h, lastName: g } = p || {};
+      return `${h ?? ""}${h ? " " : ""}${g ?? ""}`;
+    }, r = (p) => {
+      e("removeAssignee", p);
     }, c = b(() => {
-      var h;
-      return (h = t.tasks) == null ? void 0 : h.length;
+      var p;
+      return (p = t.tasks) == null ? void 0 : p.length;
     }), u = b(() => {
-      var h;
-      return (h = t.tasks) == null ? void 0 : h.filter((p) => p.isDone).length;
+      var p;
+      return (p = t.tasks) == null ? void 0 : p.filter((h) => h.isDone).length;
     }), f = b(() => (u.value || 0) / (c.value || 1));
-    return (h, p) => (v(), U(N1, {
+    return (p, h) => (v(), U(N1, {
       class: "ao-card-feed",
       "is-clickable": !0
     }, {
       header: R(() => [
         d("div", $9, [
-          h.projectName ? (v(), U(S1, {
+          p.projectName ? (v(), U(S1, {
             key: 0,
-            label: h.projectName,
+            label: p.projectName,
             class: "ao-card-feed__project",
             variant: "solid",
-            color: "primary"
-          }, null, 8, ["label"])) : E("", !0),
-          h.important ? (v(), U(de, {
+            color: p.projectColor ? void 0 : "primary",
+            "raw-color": p.projectColor
+          }, null, 8, ["label", "color", "raw-color"])) : E("", !0),
+          p.important ? (v(), U(de, {
             key: 1,
             name: "FlagRounded",
             class: "ao-card-feed__important ao-card-feed__header-secondary",
             size: "sm"
           })) : E("", !0),
-          h.$slots.secondary ? (v(), C("div", M9, [
-            Q(h.$slots, "secondary")
+          p.$slots.secondary ? (v(), C("div", M9, [
+            Q(p.$slots, "secondary")
           ])) : E("", !0)
         ])
       ]),
       default: R(() => [
         d("div", k9, [
           n.value ? (v(), C("span", A9, W(n.value), 1)) : E("", !0),
-          k(pe, {
-            id: h.id,
-            title: h.name,
+          k(he, {
+            id: p.id,
+            title: p.name,
             level: 5,
-            "is-editable": h.isEditable,
+            "is-editable": p.isEditable,
             "onUpdate:title": s
           }, null, 8, ["id", "title", "is-editable"]),
-          h.deadline ? (v(), C("span", T9, W(i.value), 1)) : E("", !0)
+          p.deadline ? (v(), C("span", T9, W(i.value), 1)) : E("", !0)
         ])
       ]),
       footer: R(() => [
@@ -8782,25 +8788,25 @@ const $9 = { class: "ao-card-feed__header" }, M9 = {
                 ])) : E("", !0)
               ], 64))), 128))
             ]),
-            h.comments || h.attachments ? (v(), C("ul", L9, [
-              h.comments ? (v(), C("li", V9, [
+            p.comments || p.attachments ? (v(), C("ul", L9, [
+              p.comments ? (v(), C("li", V9, [
                 k(de, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                d("span", H9, W(h.comments), 1)
+                d("span", H9, W(p.comments), 1)
               ])) : E("", !0),
-              h.attachments ? (v(), C("li", D9, [
+              p.attachments ? (v(), C("li", D9, [
                 k(de, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                d("span", P9, W(h.attachments), 1)
+                d("span", P9, W(p.attachments), 1)
               ])) : E("", !0)
             ])) : E("", !0)
           ]),
           d("div", B9, [
-            h.tasks ? (v(), C("div", N9, [
+            p.tasks ? (v(), C("div", N9, [
               d("div", R9, [
                 k(de, {
                   name: "SelectCheckBox",
@@ -8836,51 +8842,51 @@ const Z9 = { class: "ao-project-milestone" }, j9 = { class: "ao-project-mileston
   emits: ["close", "addActivity", "updateActivity", "archiveActivity"],
   setup(a, { emit: e }) {
     const t = a, { t: s } = at(), n = b(() => {
-      var h;
-      return (h = t.phases) == null ? void 0 : h.find((p) => p.id === t.phaseId);
+      var p;
+      return (p = t.phases) == null ? void 0 : p.find((h) => h.id === t.phaseId);
     }), o = b(() => {
-      var h;
-      return (h = t.phases) == null ? void 0 : h.flatMap((p) => p.milestones);
+      var p;
+      return (p = t.phases) == null ? void 0 : p.flatMap((h) => h.milestones);
     }), i = b(() => {
-      var h;
-      return (h = o.value) == null ? void 0 : h.find((p) => p.id === t.milestoneId);
+      var p;
+      return (p = o.value) == null ? void 0 : p.find((h) => h.id === t.milestoneId);
     }), l = b(() => {
-      var h;
-      return (h = i.value) == null ? void 0 : h.activities;
+      var p;
+      return (p = i.value) == null ? void 0 : p.activities;
     });
-    ue(l, (h, p) => {
-      Re(h, p);
+    ue(l, (p, h) => {
+      Re(p, h);
     });
-    const r = (h) => {
-      e("close", h);
+    const r = (p) => {
+      e("close", p);
     }, c = () => {
-      const { name: h, rank: p } = vt(l.value ?? [], "activity", s);
+      const { name: p, rank: h } = vt(l.value ?? [], "activity", s);
       e("addActivity", {
         milestoneId: t.milestoneId,
-        name: h,
-        rank: p,
+        name: p,
+        rank: h,
         projectId: t.projectId
       });
-    }, u = (h) => {
-      e("updateActivity", h);
-    }, f = (h) => {
-      l.value && "moved" in h && e("updateActivity", {
-        id: h.moved.element.id,
+    }, u = (p) => {
+      e("updateActivity", p);
+    }, f = (p) => {
+      l.value && "moved" in p && e("updateActivity", {
+        id: p.moved.element.id,
         rank: Ot(
           l.value,
-          h.moved.oldIndex,
-          h.moved.newIndex
+          p.moved.oldIndex,
+          p.moved.newIndex
         )
       });
     };
-    return (h, p) => {
+    return (p, h) => {
       var g;
       return v(), C("div", Z9, [
         d("header", j9, [
           d("div", F9, [
-            d("span", null, W(h.$t("project.milestone.title")), 1),
-            k(pe, {
-              title: ((g = i.value) == null ? void 0 : g.name) || h.milestoneId,
+            d("span", null, W(p.$t("project.milestone.title")), 1),
+            k(he, {
+              title: ((g = i.value) == null ? void 0 : g.name) || p.milestoneId,
               level: 5
             }, null, 8, ["title"])
           ]),
@@ -8894,34 +8900,34 @@ const Z9 = { class: "ao-project-milestone" }, j9 = { class: "ao-project-mileston
           k(F(Ge), Ve({
             class: "ao-project-milestone__activities",
             list: l.value,
-            disabled: !h.isEditable,
+            disabled: !p.isEditable,
             "item-key": "id",
             group: "kanban"
-          }, h.$attrs, { onChange: f }), {
+          }, p.$attrs, { onChange: f }), {
             item: R(({ element: $ }) => {
               var T, M, w, L;
               return [
-                k(Va, {
+                k(Ha, {
                   id: $.id,
                   name: $.name || $.id,
                   "phase-name": (T = n.value) == null ? void 0 : T.name,
                   "milestone-name": (M = i.value) == null ? void 0 : M.name,
                   deadline: $.deadline,
                   important: $.important,
-                  users: h.users,
+                  users: p.users,
                   assignee: $.assignee,
                   comments: (w = $.comments) == null ? void 0 : w.length,
                   attachments: (L = $.attachments) == null ? void 0 : L.length,
                   tasks: $.tasks,
-                  "is-editable": h.isEditable,
-                  onClick: (Z) => h.$router.push({
-                    name: F(ht).activity,
-                    params: { milestoneId: h.milestoneId, activityId: $.id }
+                  "is-editable": p.isEditable,
+                  onClick: (Z) => p.$router.push({
+                    name: F(pt).activity,
+                    params: { milestoneId: p.milestoneId, activityId: $.id }
                   }),
                   onUpdateActivity: u,
                   onRemoveAssignee: () => u({ id: $.id, assigneeId: null })
                 }, Ht({ _: 2 }, [
-                  h.isEditable ? {
+                  p.isEditable ? {
                     name: "secondary",
                     fn: R(() => [
                       k(ce, {
@@ -8931,8 +8937,8 @@ const Z9 = { class: "ao-project-milestone" }, j9 = { class: "ao-project-mileston
                         size: "sm",
                         "icon-position": "start",
                         corners: "round",
-                        label: h.$t("archive"),
-                        onClick: _e(() => h.$emit("archiveActivity", { id: $.id }), ["stop"])
+                        label: p.$t("archive"),
+                        onClick: _e(() => p.$emit("archiveActivity", { id: $.id }), ["stop"])
                       }, null, 8, ["label", "onClick"])
                     ]),
                     key: "0"
@@ -8942,10 +8948,10 @@ const Z9 = { class: "ao-project-milestone" }, j9 = { class: "ao-project-mileston
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          h.isEditable ? (v(), C("div", W9, [
+          p.isEditable ? (v(), C("div", W9, [
             k(Xe, {
               "icon-name": "Add",
-              label: h.$t("project.activity.add"),
+              label: p.$t("project.activity.add"),
               onClick: c
             }, null, 8, ["label"])
           ])) : E("", !0)
@@ -8973,55 +8979,55 @@ const z9 = /* @__PURE__ */ x({
   emits: ["update:activity", "addSubtask", "addComment", "updateComment", "removeComment"],
   setup(a, { emit: e }) {
     const t = a, s = b(() => {
-      var p;
-      return (p = t.phases) == null ? void 0 : p.find((g) => g.id === t.phaseId);
+      var h;
+      return (h = t.phases) == null ? void 0 : h.find((g) => g.id === t.phaseId);
     }), n = b(() => {
-      var p;
-      return (p = t.phases) == null ? void 0 : p.flatMap((g) => g.milestones);
+      var h;
+      return (h = t.phases) == null ? void 0 : h.flatMap((g) => g.milestones);
     }), o = b(() => {
-      var p;
-      return (p = n.value) == null ? void 0 : p.find((g) => g.id === t.milestoneId);
+      var h;
+      return (h = n.value) == null ? void 0 : h.find((g) => g.id === t.milestoneId);
     }), i = b(() => {
-      var p;
-      return (p = t.activities) == null ? void 0 : p.find((g) => g.id === t.activityId);
+      var h;
+      return (h = t.activities) == null ? void 0 : h.find((g) => g.id === t.activityId);
     }), l = b(() => {
-      var p;
-      return ((p = t.activityTypes) == null ? void 0 : p.map((g) => ({
+      var h;
+      return ((h = t.activityTypes) == null ? void 0 : h.map((g) => ({
         value: g,
         label: g
       }))) || [];
-    }), r = (p) => {
-      e("update:activity", p);
-    }, c = (p) => {
-      e("addSubtask", p);
-    }, u = (p) => {
-      e("addComment", p);
-    }, f = (p) => {
-      e("updateComment", p);
-    }, h = (p) => {
-      e("removeComment", p);
+    }), r = (h) => {
+      e("update:activity", h);
+    }, c = (h) => {
+      e("addSubtask", h);
+    }, u = (h) => {
+      e("addComment", h);
+    }, f = (h) => {
+      e("updateComment", h);
+    }, p = (h) => {
+      e("removeComment", h);
     };
-    return (p, g) => {
+    return (h, g) => {
       var $, T;
       return i.value ? (v(), U(B1, {
         key: 0,
         activity: i.value,
         "activity-types": l.value,
-        "milestone-id": p.milestoneId,
-        "template-activities": p.activities,
+        "milestone-id": h.milestoneId,
+        "template-activities": h.activities,
         "is-template": !1,
-        users: p.users,
-        "user-id": p.userId,
-        "is-task-checkable": p.isTaskCheckable,
-        statuses: p.statuses,
+        users: h.users,
+        "user-id": h.userId,
+        "is-task-checkable": h.isTaskCheckable,
+        statuses: h.statuses,
         breadcrumbs: `${($ = s.value) == null ? void 0 : $.name} / ${(T = o.value) == null ? void 0 : T.name}`,
-        "is-editable": p.isEditable,
-        onClose: p.$router.back,
+        "is-editable": h.isEditable,
+        onClose: h.$router.back,
         "onUpdate:activity": r,
         onAddSubtask: c,
         onAddComment: u,
         onUpdateComment: f,
-        onRemoveComment: h
+        onRemoveComment: p
       }, null, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "onClose"])) : E("", !0);
     };
   }
@@ -9048,7 +9054,7 @@ const z9 = /* @__PURE__ */ x({
       }
     ]
   }
-], ht = {
+], pt = {
   project: "AoProject",
   milestone: "AoMilestone",
   activity: "AoActivity"
@@ -9059,19 +9065,19 @@ const z9 = /* @__PURE__ */ x({
     children: [
       {
         path: "",
-        name: ht.project,
+        name: pt.project,
         component: w9,
         props: !0,
         children: [
           {
             path: ":phaseId/:milestoneId",
-            name: ht.milestone,
+            name: pt.milestone,
             component: oa,
             props: !0
           },
           {
             path: ":phaseId/:milestoneId/:activityId",
-            name: ht.activity,
+            name: pt.activity,
             props: { default: !0, modal: !0 },
             components: {
               default: oa,
@@ -9094,15 +9100,15 @@ const z9 = /* @__PURE__ */ x({
       Re(l, r);
     });
     const n = () => {
-      var f, h;
-      const l = (f = t.templates) == null ? void 0 : f.at(-1), r = l ? Ae.LexoRank.parse(l.rank).genNext() : Ae.LexoRank.middle(), c = ((h = t.templates) == null ? void 0 : h.length) ?? 0, u = {
+      var f, p;
+      const l = (f = t.templates) == null ? void 0 : f.at(-1), r = l ? Ae.LexoRank.parse(l.rank).genNext() : Ae.LexoRank.middle(), c = ((p = t.templates) == null ? void 0 : p.length) ?? 0, u = {
         name: s("template.defaultName.template", { idx: c + 1 }),
         rank: r.format()
       };
       e("addTemplate", u);
     }, o = (l, r) => {
       e("updateItem", {
-        itemType: he.TEMPLATES,
+        itemType: pe.TEMPLATES,
         id: l,
         templateId: l,
         data: {
@@ -9113,7 +9119,7 @@ const z9 = /* @__PURE__ */ x({
       if (l.moved) {
         const r = Nt(l, t.templates ?? []);
         e("updateItem", {
-          itemType: he.TEMPLATES,
+          itemType: pe.TEMPLATES,
           id: l.moved.element.id,
           templateId: l.moved.element.id,
           data: {
@@ -9145,7 +9151,7 @@ const z9 = /* @__PURE__ */ x({
         item: R(({ element: c }) => {
           var u;
           return [
-            k(g3, {
+            k(g0, {
               id: c.id,
               title: c.name,
               phases: c.phases,
@@ -9174,7 +9180,7 @@ const K9 = { class: "ao-col-header" }, G9 = /* @__PURE__ */ x({
   },
   setup(a) {
     return (e, t) => (v(), C("header", K9, [
-      k(pe, {
+      k(he, {
         title: e.title,
         class: "ao-col-header__title",
         level: 4
@@ -9190,7 +9196,7 @@ const K9 = { class: "ao-col-header" }, G9 = /* @__PURE__ */ x({
   }
 });
 function X9(a) {
-  return hn() ? (pn(a), !0) : !1;
+  return pn() ? (hn(a), !0) : !1;
 }
 function e1(a) {
   return typeof a == "function" ? a() : F(a);
@@ -9255,7 +9261,7 @@ function o4(a, e, t = {}) {
     return (Array.isArray(g) ? g : [g]).map(M1).filter(J9);
   });
   let u = St;
-  const f = X(l), h = r.value ? ue(
+  const f = X(l), p = r.value ? ue(
     () => [c.value, M1(s), f.value],
     ([g, $]) => {
       if (u(), !f.value || !g.length)
@@ -9273,10 +9279,10 @@ function o4(a, e, t = {}) {
       };
     },
     { immediate: l, flush: "post" }
-  ) : St, p = () => {
-    u(), h(), f.value = !1;
+  ) : St, h = () => {
+    u(), p(), f.value = !1;
   };
-  return X9(p), {
+  return X9(h), {
     isSupported: r,
     isActive: f,
     pause() {
@@ -9285,7 +9291,7 @@ function o4(a, e, t = {}) {
     resume() {
       f.value = !0;
     },
-    stop: p
+    stop: h
   };
 }
 const l4 = {
@@ -9305,7 +9311,7 @@ const l4 = {
 }, v4 = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, h4 = /* @__PURE__ */ x({
+}, p4 = /* @__PURE__ */ x({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -9364,22 +9370,23 @@ const l4 = {
         group: "kanban"
       }, r.$attrs, { onChange: l }), {
         item: R(({ element: u }) => {
-          var f, h, p, g, $, T, M;
+          var f, p, h, g, $, T, M, w;
           return [
-            k(Va, {
+            k(Ha, {
               id: u.id,
               name: u.name,
               "project-name": (f = u.project) == null ? void 0 : f.name,
-              "phase-name": (p = (h = u.milestone) == null ? void 0 : h.phase) == null ? void 0 : p.name,
-              "milestone-name": (g = u.milestone) == null ? void 0 : g.name,
+              "project-color": (p = u.project) == null ? void 0 : p.color,
+              "phase-name": (g = (h = u.milestone) == null ? void 0 : h.phase) == null ? void 0 : g.name,
+              "milestone-name": ($ = u.milestone) == null ? void 0 : $.name,
               deadline: u.deadline,
-              rules: (($ = u.rules) == null ? void 0 : $.length) || 0,
+              rules: ((T = u.rules) == null ? void 0 : T.length) || 0,
               tasks: u.tasks,
               description: u.description,
               important: u.important,
               type: u.type,
-              comments: (T = u.comments) == null ? void 0 : T.length,
-              attachments: (M = u.attachments) == null ? void 0 : M.length,
+              comments: (M = u.comments) == null ? void 0 : M.length,
+              attachments: (w = u.attachments) == null ? void 0 : w.length,
               users: r.users,
               assignee: u.assignee,
               onClick: () => o(u.id),
@@ -9399,7 +9406,7 @@ const l4 = {
                 }, null, 8, ["label", "onClick"])
               ]),
               _: 2
-            }, 1032, ["id", "name", "project-name", "phase-name", "milestone-name", "deadline", "rules", "tasks", "description", "important", "type", "comments", "attachments", "users", "assignee", "onClick", "onRemoveAssignee"])
+            }, 1032, ["id", "name", "project-name", "project-color", "phase-name", "milestone-name", "deadline", "rules", "tasks", "description", "important", "type", "comments", "attachments", "users", "assignee", "onClick", "onRemoveAssignee"])
           ];
         }),
         footer: R(() => [
@@ -9428,7 +9435,7 @@ const l4 = {
     ]));
   }
 });
-const p4 = { class: "ao-field ao-search-field" }, m4 = ["value", "placeholder", "onKeypress"], C4 = /* @__PURE__ */ x({
+const h4 = { class: "ao-field ao-search-field" }, m4 = ["value", "placeholder", "onKeypress"], C4 = /* @__PURE__ */ x({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -9443,7 +9450,7 @@ const p4 = { class: "ao-field ao-search-field" }, m4 = ["value", "placeholder",
     }, n = a4(s, t.delay), o = (i) => {
       e("clear", i);
     };
-    return (i, l) => (v(), C("div", p4, [
+    return (i, l) => (v(), C("div", h4, [
       d("input", {
         value: i.modelValue,
         type: "text",
@@ -9539,9 +9546,9 @@ const b4 = { class: "ao-feed" }, w4 = { class: "ao-feed__filters" }, $4 = { clas
         statusId: m.id
       };
       t.filters.assigneeId.length > 0 && (oe.assigneeId = t.filters.assigneeId[0]), t.filters.projectId.length > 0 && (oe.projectId = t.filters.projectId[0]), t.filters.typeId.length > 0 && (oe.typeId = t.filters.typeId[0]), c.value = !0, e("addActivity", oe);
-    }, h = (m, A) => {
+    }, p = (m, A) => {
       c.value = !1, e("update:filters", { ...t.filters, [m]: A });
-    }, p = b(() => t.projects.map((m) => ({
+    }, h = b(() => t.projects.map((m) => ({
       value: m.id,
       label: m.name
     }))), g = b(() => t.activityTypes.map((m) => ({
@@ -9631,12 +9638,12 @@ const b4 = { class: "ao-feed" }, w4 = { class: "ao-feed__filters" }, $4 = { clas
               k(be, {
                 "model-value": m.filters[F(ut).project],
                 mode: "tags",
-                options: p.value,
+                options: h.value,
                 "close-on-select": !1,
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__projects",
                 placeholder: m.$t("feed.filters.project.placeholder"),
-                "onUpdate:modelValue": A[0] || (A[0] = (B) => h(F(ut).project, B))
+                "onUpdate:modelValue": A[0] || (A[0] = (B) => p(F(ut).project, B))
               }, null, 8, ["model-value", "options", "placeholder"]),
               k(be, {
                 "model-value": m.filters[F(ut).type],
@@ -9646,7 +9653,7 @@ const b4 = { class: "ao-feed" }, w4 = { class: "ao-feed__filters" }, $4 = { clas
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__types",
                 placeholder: m.$t("feed.filters.activityType.placeholder"),
-                "onUpdate:modelValue": A[1] || (A[1] = (B) => h(F(ut).type, B))
+                "onUpdate:modelValue": A[1] || (A[1] = (B) => p(F(ut).type, B))
               }, null, 8, ["model-value", "options", "placeholder"]),
               k(be, {
                 "model-value": m.filters[F(ut).assignee],
@@ -9656,7 +9663,7 @@ const b4 = { class: "ao-feed" }, w4 = { class: "ao-feed__filters" }, $4 = { clas
                 searchable: !0,
                 class: "ao-feed__filter ao-feed__filter__assignees",
                 placeholder: m.$t("feed.filters.assignee.placeholder"),
-                "onUpdate:modelValue": A[2] || (A[2] = (B) => h(F(ut).assignee, B))
+                "onUpdate:modelValue": A[2] || (A[2] = (B) => p(F(ut).assignee, B))
               }, {
                 tag: R(({ option: B, handleTagRemove: oe }) => [
                   k(_t, {
@@ -9684,7 +9691,7 @@ const b4 = { class: "ao-feed" }, w4 = { class: "ao-feed__filters" }, $4 = { clas
           _: 1
         }),
         d("div", $4, [
-          (v(!0), C(fe, null, ye(m.statuses, (B) => (v(), U(h4, {
+          (v(!0), C(fe, null, ye(m.statuses, (B) => (v(), U(p4, {
             key: B.id,
             status: B,
             list: r.value[B.id],
@@ -9785,10 +9792,10 @@ export {
   U4 as getTemplateRoutes,
   R4 as listUpdateTypes,
   y7 as milestoneStatus,
-  ht as projectOverviewRoutes,
+  pt as projectOverviewRoutes,
   b7 as ruleComparators,
   $7 as ruleDurationUnits,
   w7 as ruleTriggerTypes,
-  he as templateItemType,
+  pe as templateItemType,
   Tt as templateRouteNames
 };