@26lights/orcha 0.41.81 → 0.41.83

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, openBlock as v, createBlock as D, unref as Q, mergeProps as Ae, createElementBlock as C, createElementVNode as f, pushScopeId as Vi, popScopeId as Di, createStaticVNode as Bi, computed as A, resolveDynamicComponent as mt, normalizeClass as X, renderSlot as te, toDisplayString as W, createCommentVNode as O, ref as x, watch as ce, nextTick as Me, withKeys as dt, toHandlers as ji, withCtx as N, createTextVNode as qa, createVNode as M, normalizeStyle as pt, withModifiers as ve, createSlots as fa, Fragment as fe, renderList as _e, onMounted as It, onBeforeUnmount as Ts, onUnmounted as Os, Teleport as Tt, toRefs as Ee, getCurrentInstance as Lt, toRef as Rt, normalizeProps as ha, guardReactiveProps as ma, withDirectives as De, vShow as Ri, onUpdated as Ni, vModelText as Ze, resolveComponent as rt, vModelCheckbox as Ui, getCurrentScope as Fi, onScopeDispose as Zi, toHandlerKey as Wi } from "vue";
+import { defineComponent as q, openBlock as v, createBlock as D, unref as Q, mergeProps as Ae, createElementBlock as C, createElementVNode as f, pushScopeId as Vi, popScopeId as Di, createStaticVNode as Bi, computed as A, resolveDynamicComponent as mt, normalizeClass as X, renderSlot as te, toDisplayString as W, createCommentVNode as O, ref as Y, watch as ce, nextTick as Me, withKeys as dt, toHandlers as ji, withCtx as N, createTextVNode as qa, createVNode as M, normalizeStyle as pt, withModifiers as ve, createSlots as fa, Fragment as fe, renderList as _e, onMounted as It, onBeforeUnmount as Ts, onUnmounted as Os, Teleport as Tt, toRefs as Ee, getCurrentInstance as Lt, toRef as Rt, normalizeProps as ha, guardReactiveProps as ma, withDirectives as De, vShow as Ri, onUpdated as Ni, vModelText as Ze, resolveComponent as rt, vModelCheckbox as Ui, getCurrentScope as Fi, onScopeDispose as Zi, toHandlerKey as Wi } from "vue";
 import { RouterView as zi, useRoute as qi, useRouter as Es } from "vue-router";
 import gt from "vuedraggable";
 const t8 = /* @__PURE__ */ q({
@@ -1218,7 +1218,7 @@ const D2 = ["type"], B2 = {
   }
 });
 function Hn(t) {
-  const e = x(!1), a = x(""), s = A(() => "value" in t.value ? "value" : "innerHTML"), n = () => {
+  const e = Y(!1), a = Y(""), s = A(() => "value" in t.value ? "value" : "innerHTML"), n = () => {
     e.value = !e.value;
   }, o = (r) => {
     e.value = r;
@@ -1258,7 +1258,7 @@ const be = /* @__PURE__ */ q({
   },
   emits: ["update:title", "toggle-is-editing"],
   setup(t, { emit: e }) {
-    const a = t, s = x(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = Hn(s), r = A(() => n.value ? "input" : a.tag || `h${a.level}`), d = A(() => a.isEditable ? n.value ? {
+    const a = t, s = Y(null), { isEditing: n, setIsEditing: o, onUpdate: i, onDiscard: l } = Hn(s), r = A(() => n.value ? "input" : a.tag || `h${a.level}`), d = A(() => a.isEditable ? n.value ? {
       change: u,
       click: (y) => y.stopPropagation(),
       blur: p
@@ -5033,12 +5033,12 @@ const u7 = (t, e, a) => {
     platform: o
   });
 }, c7 = (t) => {
-  const e = x(!1), a = x(), s = x(), n = x(0);
+  const e = Y(!1), a = Y(), s = Y(), n = Y(0);
   function o() {
     const c = Q(t.appendTo);
     return c ? typeof c == "string" ? document.getElementById(c) ?? document.body : c : document.getElementById("floatingElements") ?? document.body;
   }
-  const i = o(), l = x(() => {
+  const i = o(), l = Y(() => {
   });
   function r(c) {
     c.relatedTarget && s.value && s.value.contains(c.relatedTarget) || t.multiselect.value.deactivate();
@@ -5112,7 +5112,7 @@ function d7(t, e, a) {
   };
 }
 function p7(t, e) {
-  const { value: a, modelValue: s, mode: n, valueProp: o } = Ee(t), i = x(n.value !== "single" ? [] : {}), l = A(() => s && s.value !== void 0 ? s.value : a.value), r = A(() => n.value === "single" ? i.value[o.value] : i.value.map((u) => u[o.value])), d = A(() => n.value !== "single" ? i.value.map((u) => u[o.value]).join(",") : i.value[o.value]);
+  const { value: a, modelValue: s, mode: n, valueProp: o } = Ee(t), i = Y(n.value !== "single" ? [] : {}), l = A(() => s && s.value !== void 0 ? s.value : a.value), r = A(() => n.value === "single" ? i.value[o.value] : i.value.map((u) => u[o.value])), d = A(() => n.value !== "single" ? i.value.map((u) => u[o.value]).join(",") : i.value[o.value]);
   return {
     iv: i,
     internalValue: i,
@@ -5123,7 +5123,7 @@ function p7(t, e) {
   };
 }
 function v7(t, e, a) {
-  const { regex: s } = Ee(t), n = Lt().proxy, o = a.isOpen, i = a.open, l = x(null), r = () => {
+  const { regex: s } = Ee(t), n = Lt().proxy, o = a.isOpen, i = a.open, l = Y(null), r = () => {
     l.value = "";
   }, d = (p) => {
     l.value = p.target.value;
@@ -5151,7 +5151,7 @@ function v7(t, e, a) {
   };
 }
 function f7(t, e, a) {
-  const { groupSelect: s, mode: n, groups: o, disabledProp: i } = Ee(t), l = x(null), r = (u) => {
+  const { groupSelect: s, mode: n, groups: o, disabledProp: i } = Ee(t), l = Y(null), r = (u) => {
     u === void 0 || u !== null && u[i.value] || o.value && u && u.group && (n.value === "single" || !s.value) || (l.value = u);
   };
   return {
@@ -5213,7 +5213,7 @@ function g7(t, e, a) {
     disabledProp: b,
     searchStart: V,
     searchFilter: oe
-  } = Ee(t), ne = Lt().proxy, Z = a.iv, H = a.ev, Y = a.search, he = a.clearSearch, ke = a.update, Gt = a.pointer, Xt = a.setPointer, st = a.clearPointer, $a = a.focus, rs = a.deactivate, nt = a.close, ka = a.localize, it = x([]), Ue = x([]), Ie = x(!1), Re = x(null), Ye = x(ee.value && i.value === -1 ? 10 : i.value), Qt = A(() => r.value || d.value || !1), Sa = A(() => c.value !== void 0 ? c.value : p.value !== void 0 ? p.value : !0), Le = A(() => {
+  } = Ee(t), ne = Lt().proxy, Z = a.iv, H = a.ev, x = a.search, he = a.clearSearch, ke = a.update, Gt = a.pointer, Xt = a.setPointer, st = a.clearPointer, $a = a.focus, rs = a.deactivate, nt = a.close, ka = a.localize, it = Y([]), Ue = Y([]), Ie = Y(!1), Re = Y(null), Ye = Y(ee.value && i.value === -1 ? 10 : i.value), Qt = A(() => r.value || d.value || !1), Sa = A(() => c.value !== void 0 ? c.value : p.value !== void 0 ? p.value : !0), Le = A(() => {
     if (le.value) {
       let S = bt.value || /* istanbul ignore next */
       [], B = [];
@@ -5273,10 +5273,10 @@ function g7(t, e, a) {
       case "tags":
         return !Fe(Z.value) && Z.value.length > 0;
     }
-  }), Ci = A(() => h !== void 0 && h.value !== void 0 ? h.value(Z.value, ne) : Z.value && Z.value.length > 1 ? `${Z.value.length} options selected` : "1 option selected"), _i = A(() => !Le.value.length && !Ie.value && !Pt.value.length), yi = A(() => Le.value.length > 0 && ot.value.length == 0 && (Y.value && le.value || !le.value)), Pt = A(() => Qt.value === !1 || !Y.value ? [] : Oi(Y.value) !== -1 ? [] : [{
-    [L.value]: Y.value,
-    [wt.value[0]]: Y.value,
-    [u.value]: Y.value,
+  }), Ci = A(() => h !== void 0 && h.value !== void 0 ? h.value(Z.value, ne) : Z.value && Z.value.length > 1 ? `${Z.value.length} options selected` : "1 option selected"), _i = A(() => !Le.value.length && !Ie.value && !Pt.value.length), yi = A(() => Le.value.length > 0 && ot.value.length == 0 && (x.value && le.value || !le.value)), Pt = A(() => Qt.value === !1 || !x.value ? [] : Oi(x.value) !== -1 ? [] : [{
+    [L.value]: x.value,
+    [wt.value[0]]: x.value,
+    [u.value]: x.value,
     __CREATE__: !0
   }]), wt = A(() => o.value ? Array.isArray(o.value) ? o.value : [o.value] : [u.value]), bi = A(() => {
     switch (n.value) {
@@ -5390,15 +5390,15 @@ function g7(t, e, a) {
   }, Mi = (S) => S.find((B) => !xe(B) && !B[b.value]) === void 0, Ti = (S) => S.find((B) => !xe(B)) === void 0, Ke = (S) => Le.value[Le.value.map((B) => String(B[L.value])).indexOf(String(S))], Oi = (S) => Le.value.findIndex((B) => wt.value.some((ue) => (parseInt(B[ue]) == B[ue] ? parseInt(B[ue]) : B[ue]) === (parseInt(S) == S ? parseInt(S) : S))), Ei = (S) => ["tags", "multiple"].indexOf(n.value) !== -1 && l.value && xe(S), Ii = (S) => {
     it.value.push(S);
   }, Li = (S) => T.value ? S.filter(
-    (B) => Y.value ? B.__VISIBLE__.length : B[E.value].length
-  ) : S.filter((B) => Y.value ? B.__VISIBLE__.length : !0), fs = (S, B = !0) => {
+    (B) => x.value ? B.__VISIBLE__.length : B[E.value].length
+  ) : S.filter((B) => x.value ? B.__VISIBLE__.length : !0), fs = (S, B = !0) => {
     let ue = S;
-    if (Y.value && _.value) {
+    if (x.value && _.value) {
       let ge = oe.value;
       ge || (ge = ($t, cn, X4) => wt.value.some((Hi) => {
         let dn = ys(ka($t[Hi]), ae.value);
         return V.value ? dn.startsWith(ys(cn, ae.value)) : dn.indexOf(ys(cn, ae.value)) !== -1;
-      })), ue = ue.filter(($t) => ge($t, Y.value, ne));
+      })), ue = ue.filter(($t) => ge($t, x.value, ne));
     }
     return l.value && B && (ue = ue.filter((ge) => !Ei(ge))), ue;
   }, hs = (S) => {
@@ -5410,7 +5410,7 @@ function g7(t, e, a) {
   }, Ma = () => {
     Fe(H.value) || (Z.value = Oa(H.value));
   }, Ta = (S) => (Ie.value = !0, new Promise((B, ue) => {
-    s.value(Y.value, ne).then((ge) => {
+    s.value(x.value, ne).then((ge) => {
       Ue.value = ge || [], typeof S == "function" && S(ge), Ie.value = !1;
     }).catch((ge) => {
       console.error(ge), Ue.value = [], Ie.value = !1;
@@ -5444,10 +5444,10 @@ function g7(t, e, a) {
     [L.value]: B,
     [wt.value[0]]: B
   }), un = () => {
-    Re.value = ce(Y, (S) => {
+    Re.value = ce(x, (S) => {
       S.length < m.value || !S && m.value !== 0 || (Ie.value = !0, P.value && (Ue.value = []), setTimeout(() => {
-        S == Y.value && s.value(Y.value, ne).then((B) => {
-          (S == Y.value || !Y.value) && (Ue.value = B, Gt.value = ot.value.filter((ue) => ue[b.value] !== !0)[0] || null, Ie.value = !1);
+        S == x.value && s.value(x.value, ne).then((B) => {
+          (S == x.value || !x.value) && (Ue.value = B, Gt.value = ot.value.filter((ue) => ue[b.value] !== !0)[0] || null, Ie.value = !1);
         }).catch(
           /* istanbul ignore next */
           (B) => {
@@ -5528,18 +5528,18 @@ function C7(t, e, a) {
     const H = K.value ? $.value : (
       /* istanbul ignore next */
       ne($.value)
-    ), Y = F.value.map((ke) => ke[i.value]).indexOf(H[i.value]);
-    let he = F.value[Y - 1];
+    ), x = F.value.map((ke) => ke[i.value]).indexOf(H[i.value]);
+    let he = F.value[x - 1];
     return he === void 0 && (he = G.value), he;
   }), j = A(() => {
-    let H = F.value.map((Y) => Y.label).indexOf(K.value ? $.value[i.value] : ne($.value)[i.value]) + 1;
+    let H = F.value.map((x) => x.label).indexOf(K.value ? $.value[i.value] : ne($.value)[i.value]) + 1;
     return F.value.length <= H && (H = 0), F.value[H];
   }), G = A(() => [...F.value].slice(-1)[0]), le = A(() => $.value.__VISIBLE__.filter((H) => !H[u.value])[0]), se = A(() => {
-    const H = J.value.__VISIBLE__.filter((Y) => !Y[u.value]);
-    return H[H.map((Y) => Y[s.value]).indexOf($.value[s.value]) - 1];
+    const H = J.value.__VISIBLE__.filter((x) => !x[u.value]);
+    return H[H.map((x) => x[s.value]).indexOf($.value[s.value]) - 1];
   }), ee = A(() => {
-    const H = ne($.value).__VISIBLE__.filter((Y) => !Y[u.value]);
-    return H[H.map((Y) => Y[s.value]).indexOf($.value[s.value]) + 1];
+    const H = ne($.value).__VISIBLE__.filter((x) => !x[u.value]);
+    return H[H.map((x) => x[s.value]).indexOf($.value[s.value]) + 1];
   }), E = A(() => [...ae.value.__VISIBLE__.filter((H) => !H[u.value])].slice(-1)[0]), T = A(() => [...G.value.__VISIBLE__.filter((H) => !H[u.value])].slice(-1)[0]), k = (H) => $.value && (!H.group && $.value[s.value] === H[s.value] || H.group !== void 0 && $.value[i.value] === H[i.value]) ? !0 : void 0, R = () => {
     m(L.value[0] || null);
   }, b = () => {
@@ -5552,7 +5552,7 @@ function C7(t, e, a) {
       H === void 0 && (H = j.value, H.__CREATE__ && (H = H[c.value][0])), m(H || /* istanbul ignore next */
       null);
     } else {
-      let H = L.value.map((Y) => Y[s.value]).indexOf($.value[s.value]) + 1;
+      let H = L.value.map((x) => x[s.value]).indexOf($.value[s.value]) + 1;
       L.value.length <= H && (H = 0), m(L.value[H] || null);
     }
     Me(() => {
@@ -5567,29 +5567,29 @@ function C7(t, e, a) {
       H === void 0 && (H = K.value ? ae.value : J.value, H.__CREATE__ && (H = E.value, H === void 0 && (H = ae.value))), m(H || /* istanbul ignore next */
       null);
     } else {
-      let H = L.value.map((Y) => Y[s.value]).indexOf($.value[s.value]) - 1;
+      let H = L.value.map((x) => x[s.value]).indexOf($.value[s.value]) - 1;
       H < 0 && (H = L.value.length - 1), m(L.value[H] || null);
     }
     Me(() => {
       Z();
     });
-  }, ne = (H) => F.value.find((Y) => Y.__VISIBLE__.map((he) => he[s.value]).indexOf(H[s.value]) !== -1), Z = () => {
+  }, ne = (H) => F.value.find((x) => x.__VISIBLE__.map((he) => he[s.value]).indexOf(H[s.value]) !== -1), Z = () => {
     let H = P.value.querySelector("[data-pointed]");
     if (!H)
       return;
-    let Y = H.parentElement.parentElement;
-    l.value && (Y = K.value ? H.parentElement.parentElement.parentElement : H.parentElement.parentElement.parentElement.parentElement), H.offsetTop + H.offsetHeight > Y.clientHeight + Y.scrollTop && (Y.scrollTop = H.offsetTop + H.offsetHeight - Y.clientHeight), H.offsetTop < Y.scrollTop && (Y.scrollTop = H.offsetTop);
+    let x = H.parentElement.parentElement;
+    l.value && (x = K.value ? H.parentElement.parentElement.parentElement : H.parentElement.parentElement.parentElement.parentElement), H.offsetTop + H.offsetHeight > x.clientHeight + x.scrollTop && (x.scrollTop = H.offsetTop + H.offsetHeight - x.clientHeight), H.offsetTop < x.scrollTop && (x.scrollTop = H.offsetTop);
   };
   return ce(g, (H) => {
     o.value && (H.length && n.value ? R() : _());
   }), ce(I, (H) => {
     if (H) {
-      let Y = P.value.querySelectorAll("[data-selected]")[0];
-      if (!Y)
+      let x = P.value.querySelectorAll("[data-selected]")[0];
+      if (!x)
         return;
-      let he = Y.parentElement.parentElement;
+      let he = x.parentElement.parentElement;
       Me(() => {
-        he.scrollTop > 0 || (he.scrollTop = Y.offsetTop);
+        he.scrollTop > 0 || (he.scrollTop = x.offsetTop);
       });
     }
   }), {
@@ -6293,7 +6293,7 @@ function pp(t) {
       var G, le = P === "y" ? Ne : Ge, se = P === "y" ? qe : ht, ee = P === "y" ? "height" : "width", E = L[P], T = E + g[le], k = E - g[se], R = h ? -z[ee] / 2 : 0, b = m === Yt ? F[ee] : z[ee], V = m === Yt ? -z[ee] : -F[ee], oe = e.elements.arrow, ne = h && oe ? ri(oe) : {
         width: 0,
         height: 0
-      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : vi(), H = Z[le], Y = Z[se], he = Va(0, F[ee], ne[ee]), ke = _ ? F[ee] / 2 - R - he - H - J.mainAxis : b - he - H - J.mainAxis, Gt = _ ? -F[ee] / 2 + R + he + Y + J.mainAxis : V + he + Y + J.mainAxis, Xt = e.elements.arrow && ns(e.elements.arrow), st = Xt ? P === "y" ? Xt.clientTop || 0 : Xt.clientLeft || 0 : 0, $a = (G = ae == null ? void 0 : ae[P]) != null ? G : 0, rs = E + ke - $a - st, nt = E + Gt - $a, ka = Va(h ? Wa(T, rs) : T, E, h ? At(k, nt) : k);
+      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : vi(), H = Z[le], x = Z[se], he = Va(0, F[ee], ne[ee]), ke = _ ? F[ee] / 2 - R - he - H - J.mainAxis : b - he - H - J.mainAxis, Gt = _ ? -F[ee] / 2 + R + he + x + J.mainAxis : V + he + x + J.mainAxis, Xt = e.elements.arrow && ns(e.elements.arrow), st = Xt ? P === "y" ? Xt.clientTop || 0 : Xt.clientLeft || 0 : 0, $a = (G = ae == null ? void 0 : ae[P]) != null ? G : 0, rs = E + ke - $a - st, nt = E + Gt - $a, ka = Va(h ? Wa(T, rs) : T, E, h ? At(k, nt) : k);
       L[P] = ka, j[P] = ka - E;
     }
     if (l) {
@@ -6387,8 +6387,8 @@ function Cp(t) {
     }
     if (z)
       for (var R = w ? 3 : 1, b = function(Z) {
-        var H = P.find(function(Y) {
-          var he = F.get(Y);
+        var H = P.find(function(x) {
+          var he = F.get(x);
           if (he)
             return he.slice(0, Z).every(function(ke) {
               return ke;
@@ -6415,7 +6415,7 @@ var _p = {
   }
 };
 function yp(t, e, a) {
-  const { disabled: s, appendTo: n, appendToBody: o, openDirection: i } = Ee(t), l = Lt().proxy, r = a.multiselect, d = a.dropdown, u = x(!1), c = x(null), p = x(null), h = A(() => n.value || o.value), w = A(() => i.value === "top" && p.value === "bottom" || i.value === "bottom" && p.value !== "top" ? "bottom" : "top"), y = () => {
+  const { disabled: s, appendTo: n, appendToBody: o, openDirection: i } = Ee(t), l = Lt().proxy, r = a.multiselect, d = a.dropdown, u = Y(!1), c = Y(null), p = Y(null), h = A(() => n.value || o.value), w = A(() => i.value === "top" && p.value === "bottom" || i.value === "bottom" && p.value !== "top" ? "bottom" : "top"), y = () => {
     u.value || s.value || (u.value = !0, e.emit("open", l), h.value && Me(() => {
       $();
     }));
@@ -6489,7 +6489,7 @@ function yp(t, e, a) {
   };
 }
 function bp(t, e, a) {
-  const { searchable: s, disabled: n, clearOnBlur: o } = Ee(t), i = a.input, l = a.open, r = a.close, d = a.clearSearch, u = a.isOpen, c = a.wrapper, p = a.tags, h = x(!1), w = x(!1), y = A(() => s.value || n.value ? -1 : 0), g = () => {
+  const { searchable: s, disabled: n, clearOnBlur: o } = Ee(t), i = a.input, l = a.open, r = a.close, d = a.clearSearch, u = a.isOpen, c = a.wrapper, p = a.tags, h = Y(!1), w = Y(!1), y = A(() => s.value || n.value ? -1 : 0), g = () => {
     s.value && i.value.blur(), c.value.blur();
   }, $ = () => {
     s.value && !n.value && i.value.focus();
@@ -6727,7 +6727,7 @@ function kp(t, e, a) {
   const {
     limit: s,
     infinite: n
-  } = Ee(t), o = a.isOpen, i = a.offset, l = a.search, r = a.pfo, d = a.eo, u = x(null), c = x(null), p = A(() => i.value < r.value.length), h = (y) => {
+  } = Ee(t), o = a.isOpen, i = a.offset, l = a.search, r = a.pfo, d = a.eo, u = Y(null), c = Y(null), p = A(() => i.value < r.value.length), h = (y) => {
     const { isIntersecting: g, target: $ } = y[0];
     if (g) {
       const m = $.offsetParent, _ = m.scrollTop;
@@ -6761,7 +6761,7 @@ function Sp(t, e, a) {
     groupLabel: r,
     aria: d,
     searchable: u
-  } = Ee(t), c = a.pointer, p = a.iv, h = a.hasSelected, w = a.multipleLabelText, y = x(null), g = A(() => {
+  } = Ee(t), c = a.pointer, p = a.iv, h = a.hasSelected, w = a.multipleLabelText, y = Y(null), g = A(() => {
     let j = [];
     return n && n.value && j.push(n.value), j.push("assist"), j.join("-");
   }), $ = A(() => {
@@ -6820,7 +6820,7 @@ function Ap(t, e, a) {
   };
 }
 function Mp(t, e, a) {
-  const s = x(null), n = x(null), o = x(null), i = x(null), l = x(null);
+  const s = Y(null), n = Y(null), o = Y(null), i = Y(null), l = Y(null);
   return {
     multiselect: s,
     wrapper: n,
@@ -7702,7 +7702,7 @@ const Se = /* @__PURE__ */ q({
     appendTo: {}
   },
   setup(t) {
-    const e = t, a = Rt(() => e.appendTo), s = x();
+    const e = t, a = Rt(() => e.appendTo), s = Y();
     return e.detached && c7({
       multiselect: s,
       appendTo: a.value
@@ -7929,7 +7929,7 @@ const sv = ["onDrop", "onDragenter", "onDragover", "onDragleave"], nv = { class:
         );
       });
     });
-    const i = x(!1);
+    const i = Y(!1);
     function l() {
       a.isEditable && (i.value = !0);
     }
@@ -8034,14 +8034,14 @@ const hv = { class: "ao-comment" }, mv = { class: "ao-comment__created-at" }, gv
     const a = t, s = A(() => {
       const y = a.user;
       return y ? `${y == null ? void 0 : y.firstName} ${y == null ? void 0 : y.lastName}` : null;
-    }), n = x(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = Hn(n), d = A(() => {
+    }), n = Y(null), { isEditing: o, toggleIsEditing: i, onUpdate: l, onDiscard: r } = Hn(n), d = A(() => {
       const y = a.editedAt && ca(a.editedAt), g = ca(a.createdAt), $ = /* @__PURE__ */ new Date(), m = y ?? g;
       return m && d3(m, $);
     }), u = A(() => o.value ? "textarea" : "p"), c = r(), p = l((y) => {
       e("edit", y);
     }), h = () => {
       e("remove");
-    }, w = x(2);
+    }, w = Y(2);
     return Ni(() => {
       Me(() => {
         var y;
@@ -8133,7 +8133,7 @@ const bv = { class: "ao-comments__header" }, wv = ["onSubmit"], $v = ["placehold
   setup(t, { emit: e }) {
     const a = t, s = A(() => (a.comments || []).toSorted(
       (p, h) => t0(ca(p.createdAt), ca(h.createdAt))
-    )), n = (c) => a.users.find((h) => h.id === c), o = x();
+    )), n = (c) => a.users.find((h) => h.id === c), o = Y();
     Me(() => {
       o.value && (o.value.scrollTop = o.value.scrollHeight);
     });
@@ -8666,13 +8666,13 @@ const As = /* @__PURE__ */ q({
                   }, {
                     tag: N(({
                       option: H,
-                      handleTagRemove: Y
+                      handleTagRemove: x
                     }) => [
                       M(Je, {
                         "user-name": H.label,
                         "avatar-url": H.avatar,
                         "is-closable": !0,
-                        onClose: (he) => Y(H, he)
+                        onClose: (he) => x(H, he)
                       }, null, 8, ["user-name", "avatar-url", "onClose"])
                     ]),
                     _: 1
@@ -9005,7 +9005,7 @@ const Lf = {
         var E;
         return (E = a.templates) == null ? void 0 : E.find((T) => T.id === a.templateId);
       }
-    ), o = x(!1);
+    ), o = Y(!1);
     ce(
       () => [a.templateId, a.phaseId, a.milestoneId],
       () => o.value = !1
@@ -9178,7 +9178,7 @@ const Lf = {
         templateId: a.templateId,
         data: k
       });
-    }, F = x(!1), z = () => {
+    }, F = Y(!1), z = () => {
       F.value = !F.value;
     }, K = () => {
       e("addRule", { templateId: a.templateId });
@@ -9272,11 +9272,11 @@ const Lf = {
                       milestones: Z.milestones,
                       "is-active": ((H = i.value) == null ? void 0 : H.id) === Z.id,
                       "is-draggable": !0,
-                      onClick: (Y) => E.$router.push({
+                      onClick: (x) => E.$router.push({
                         params: { templateId: E.templateId, phaseId: Z.id }
                       }),
-                      "onUpdate:title": (Y) => {
-                        y(Z.id, Y);
+                      "onUpdate:title": (x) => {
+                        y(Z.id, x);
                       },
                       onRemove: () => w(Z.id)
                     }, null, 8, ["id", "name", "milestones", "is-active", "onClick", "onUpdate:title", "onRemove"])
@@ -10004,7 +10004,7 @@ var tn = q({
   },
   emits: ["selectColor"],
   setup(t, { emit: e }) {
-    const a = x(), s = x([]), n = x();
+    const a = Y(), s = Y([]), n = Y();
     t.colorsHistoryKey && localStorage && (s.value = JSON.parse(localStorage.getItem(t.colorsHistoryKey)) || []), n.value = xs(4).toDataURL(), Os(() => {
       o(a.value);
     });
@@ -10373,36 +10373,38 @@ const ph = { class: "color-picker-wrapper" }, an = /* @__PURE__ */ q({
   },
   emits: ["update:color"],
   setup(t, { emit: e }) {
-    const a = x(!1), s = x(null), n = async () => {
-      a.value = !0, await Me(), setTimeout(() => {
-        window.addEventListener("click", o);
+    const a = t, s = Y(!1), n = Y(null), o = async () => {
+      s.value = !0, await Me(), setTimeout(() => {
+        window.addEventListener("click", i);
       }, 0);
-    }, o = (l) => {
-      const r = l.target;
-      s.value && !s.value.contains(r) && (a.value = !1, window.removeEventListener("click", o));
+    }, i = (d) => {
+      const u = d.target;
+      n.value && !n.value.contains(u) && (s.value = !1, e("update:color", l.value), window.removeEventListener("click", i));
     };
     Ts(() => {
-      window.removeEventListener("click", o);
+      window.removeEventListener("click", i);
+    }), ce(() => a.color, (d) => {
+      s.value || (l.value = d);
     });
-    const i = (l) => {
-      const { r, g: d, b: u, a: c } = l.rgba, p = `rgba(${r}, ${d}, ${u}, ${c})`;
-      console.log("COLOR"), console.log(p), console.log(l), e("update:color", p);
+    const l = Y(a.color), r = (d) => {
+      const { r: u, g: c, b: p, a: h } = d.rgba;
+      l.value = `rgba(${u}, ${c}, ${p}, ${h})`;
     };
-    return (l, r) => (v(), C("div", ph, [
-      te(l.$slots, "clickable", {
-        openPicker: n,
-        bgColor: l.color
+    return (d, u) => (v(), C("div", ph, [
+      te(d.$slots, "clickable", {
+        openPicker: o,
+        bgColor: d.color
       }),
-      a.value ? (v(), C("div", {
+      s.value ? (v(), C("div", {
         key: 0,
         ref_key: "pickerRef",
-        ref: s
+        ref: n
       }, [
         M(Q(Ut), {
           class: "color-picker",
           theme: "light",
-          color: l.color,
-          onChangeColor: i
+          color: d.color,
+          onChangeColor: r
         }, null, 8, ["color"])
       ], 512)) : O("", !0)
     ]));
@@ -10966,7 +10968,8 @@ const Kh = { class: "ao-project-phase" }, Gh = {
             "onUpdate:deadline": o,
             "onUpdate:title": n,
             onArchivePhase: p,
-            onUnarchivePhase: h
+            onUnarchivePhase: h,
+            onUpdatePhase: i
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color"])
         ]))
       ], 4),
@@ -11122,7 +11125,7 @@ const l9 = ["onSubmit"], r9 = { class: "ao-add-template-modal__form-body" }, u9
     const a = t, s = A(() => a.templates.map((l) => ({
       value: l.id,
       label: l.name
-    }))), n = x(null), o = (l) => {
+    }))), n = Y(null), o = (l) => {
       n.value = l;
     }, i = () => {
       n.value && e("apply", n.value, a.projectId);
@@ -11172,7 +11175,7 @@ const d9 = ["onSubmit"], p9 = { class: "ao-save-template-modal__form-body" }, v9
   },
   emits: ["save"],
   setup(t, { emit: e }) {
-    const a = t, s = x(""), n = x([]);
+    const a = t, s = Y(""), n = Y([]);
     It(() => {
       n.value = a.phases.map((i) => i.id);
     });
@@ -11331,13 +11334,13 @@ const sn = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297
       e("updateComment", T);
     }, J = (T) => {
       e("removeComment", T);
-    }, ae = x(!1), j = x(!1), G = (T, k) => {
+    }, ae = Y(!1), j = Y(!1), G = (T, k) => {
       e("applyTemplate", { templateId: T, projectId: k }), ae.value = !1;
     }, le = (T, k) => {
       var V;
       const R = (V = a.templates) == null ? void 0 : V.at(-1), b = R ? we.LexoRank.parse(R.rank).genNext() : we.LexoRank.middle();
       e("saveTemplate", { templateName: T, rank: b.format(), phaseIds: k }), j.value = !1;
-    }, se = Es(), ee = x("overview"), E = [
+    }, se = Es(), ee = Y("overview"), E = [
       { label: "Overview", value: "overview" },
       { label: "Feed", value: "feed" },
       { label: "Mapping", value: "mapping" }
@@ -12099,7 +12102,7 @@ function bs(t) {
 }
 const C4 = v4 ? window : void 0;
 function _4() {
-  const t = x(!1), e = Lt();
+  const t = Y(!1), e = Lt();
   return e && It(() => {
     t.value = !0;
   }, e), t;
@@ -12120,7 +12123,7 @@ function b4(t, e, a = {}) {
     return (Array.isArray(w) ? w : [w]).map(bs).filter(f4);
   });
   let u = la;
-  const c = x(l), p = r.value ? ce(
+  const c = Y(l), p = r.value ? ce(
     () => [d.value, bs(s), c.value],
     ([w, y]) => {
       if (u(), !c.value || !w.length)
@@ -12187,7 +12190,7 @@ const w4 = {
   },
   emits: ["add", "update:list", "change:list", "loadMore", "selectActivity", "archiveActivity", "unarchiveActivity", "updateActivity"],
   setup(t, { emit: e }) {
-    const a = t, s = x(!1), n = x(null);
+    const a = t, s = Y(!1), n = Y(null);
     b4(n, ([{ isIntersecting: u }]) => {
       s.value = u;
     }), ce(s, (u) => {
@@ -12212,7 +12215,7 @@ const w4 = {
           u.moved.newIndex
         )
       });
-    }, d = x(!1);
+    }, d = Y(!1);
     return (u, c) => (v(), C("div", w4, [
       u.title || u.$slots.header ? te(u.$slots, "header", { key: 0 }, () => {
         var p;
@@ -12400,7 +12403,7 @@ const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { clas
     }
     const o = Rt(a, "activities"), i = async (k, R) => {
       await e("selectActivity", k, R);
-    }, l = x({}), r = x(!1), d = x(!1), u = A(() => a.project ? "milestone" : "project");
+    }, l = Y({}), r = Y(!1), d = Y(!1), u = A(() => a.project ? "milestone" : "project");
     ce(
       [() => a.statuses, () => a.activities, () => a.initialActivityId, () => a.initialActivitySlug],
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -12409,8 +12412,8 @@ const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { clas
           k.map((Z) => [
             Z.id,
             R.filter((H) => {
-              var Y;
-              return ((Y = H.status) == null ? void 0 : Y.id) === Z.id;
+              var x;
+              return ((x = H.status) == null ? void 0 : x.id) === Z.id;
             })
           ])
         ), b && !r.value ? (i(b, null), r.value = !0) : V && !r.value && (i(null, V), r.value = !0), d.value && Xe(R, ne);
@@ -12478,7 +12481,7 @@ const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { clas
     }, se = (k) => {
       const { id: R } = a.selectedActivity || {};
       R && e("removeComment", k);
-    }, ee = Es(), E = x("feed"), T = [
+    }, ee = Es(), E = Y("feed"), T = [
       { label: "Overview", value: "overview" },
       { label: "Feed", value: "feed" },
       { label: "Mapping", value: "mapping" }
@@ -12676,13 +12679,13 @@ const B4 = { class: "ao-project-mapping" }, j4 = { class: "ao-project-mapping-ma
       e("unarchivePhase", g);
     }, r = (g) => {
       e("copyPhaseToTemplate", g);
-    }, d = x(!1), u = x(!1), c = (g, $) => {
+    }, d = Y(!1), u = Y(!1), c = (g, $) => {
       e("applyTemplate", { templateId: g, projectId: $ }), d.value = !1;
     }, p = (g, $) => {
       var P;
       const m = (P = a.templates) == null ? void 0 : P.at(-1), _ = m ? we.LexoRank.parse(m.rank).genNext() : we.LexoRank.middle();
       e("saveTemplate", { templateName: g, rank: _.format(), phaseIds: $ }), u.value = !1;
-    }, h = Es(), w = x("mapping"), y = [
+    }, h = Es(), w = Y("mapping"), y = [
       { label: "Overview", value: "overview" },
       { label: "Feed", value: "feed" },
       { label: "Mapping", value: "mapping" }