@26lights/orcha 0.34.26 → 0.34.27

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as J, openBlock as v, createBlock as R, unref as Q, mergeProps as Ve, createElementBlock as g, createElementVNode as p, pushScopeId as hs, popScopeId as Cs, createStaticVNode as gs, computed as k, resolveDynamicComponent as vt, normalizeClass as z, renderSlot as te, toDisplayString as X, createCommentVNode as A, ref as ne, watch as de, nextTick as De, withKeys as ut, toHandlers as _s, withCtx as q, createTextVNode as Ra, createVNode as L, normalizeStyle as vn, withModifiers as me, createSlots as Na, Fragment as he, renderList as ye, onMounted as qt, onBeforeUnmount as pn, onUnmounted as mn, Teleport as Ht, toRefs as Ae, getCurrentInstance as Mt, toRef as Vt, normalizeProps as ua, guardReactiveProps as da, withDirectives as rt, vShow as ys, onUpdated as bs, vModelText as bt, resolveComponent as ws, getCurrentScope as $s, onScopeDispose as ks, toHandlerKey as Ms } from "vue";
+import { defineComponent as J, openBlock as v, createBlock as R, unref as Q, mergeProps as Ve, createElementBlock as g, createElementVNode as p, pushScopeId as hs, popScopeId as Cs, createStaticVNode as gs, computed as k, resolveDynamicComponent as vt, normalizeClass as Y, renderSlot as te, toDisplayString as X, createCommentVNode as A, ref as ne, watch as de, nextTick as De, withKeys as ut, toHandlers as _s, withCtx as q, createTextVNode as Ra, createVNode as L, normalizeStyle as vn, withModifiers as me, createSlots as Na, Fragment as he, renderList as ye, onMounted as qt, onBeforeUnmount as pn, onUnmounted as mn, Teleport as Ht, toRefs as Ae, getCurrentInstance as Mt, toRef as Vt, normalizeProps as ua, guardReactiveProps as da, withDirectives as rt, vShow as ys, onUpdated as bs, vModelText as bt, resolveComponent as ws, getCurrentScope as $s, onScopeDispose as ks, toHandlerKey as Ms } from "vue";
 import { RouterView as As } from "vue-router";
 import pt from "vuedraggable";
 const Mv = /* @__PURE__ */ J({
@@ -1164,7 +1164,7 @@ const hn = {
   setup(t) {
     const e = t, a = k(() => f2[e.name]);
     return (n, s) => (v(), R(vt(a.value), {
-      class: z(["ao-icon", `ao-icon--${n.size}`])
+      class: Y(["ao-icon", `ao-icon--${n.size}`])
     }, null, 8, ["class"]));
   }
 });
@@ -1189,7 +1189,7 @@ const m2 = ["type"], h2 = {
     const e = t, a = k(() => e.size), n = k(() => e.isLoading ? "Loading" : e.iconName);
     return (s, o) => (v(), g("button", {
       type: s.type,
-      class: z([
+      class: Y([
         "ao-button",
         `ao-button--${s.variant}`,
         s.color ? `ao-button--${s.color}` : "",
@@ -1342,7 +1342,7 @@ const C2 = {
       e("update:title", n);
     };
     return (n, s) => (v(), R(vt(n.tagName), {
-      class: z(["ao-card-horiz", { "ao-card-horiz--active": n.isActive }])
+      class: Y(["ao-card-horiz", { "ao-card-horiz--active": n.isActive }])
     }, {
       default: q(() => [
         n.isDraggable ? (v(), g("div", C2, [
@@ -1406,7 +1406,7 @@ const _1 = /* @__PURE__ */ J({
       () => a.value === "button" ? { type: "button" } : {}
     );
     return (s, o) => (v(), g("div", {
-      class: z([
+      class: Y([
         "ao-tag",
         s.color ? `ao-tag--${s.color}` : "",
         s.clickable ? "ao-tag--clickable" : "",
@@ -2727,8 +2727,8 @@ function An(t, e, a) {
   var V = String(e), I = ca(), Z = (n = (s = a == null ? void 0 : a.locale) !== null && s !== void 0 ? s : I.locale) !== null && n !== void 0 ? n : Mn, U = Ke((o = (i = (r = (l = a == null ? void 0 : a.firstWeekContainsDate) !== null && l !== void 0 ? l : a == null || (u = a.locale) === null || u === void 0 || (d = u.options) === null || d === void 0 ? void 0 : d.firstWeekContainsDate) !== null && r !== void 0 ? r : I.firstWeekContainsDate) !== null && i !== void 0 ? i : (c = I.locale) === null || c === void 0 || (m = c.options) === null || m === void 0 ? void 0 : m.firstWeekContainsDate) !== null && o !== void 0 ? o : 1);
   if (!(U >= 1 && U <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var Y = Ke((C = ($ = (_ = (y = a == null ? void 0 : a.weekStartsOn) !== null && y !== void 0 ? y : a == null || (h = a.locale) === null || h === void 0 || (M = h.options) === null || M === void 0 ? void 0 : M.weekStartsOn) !== null && _ !== void 0 ? _ : I.weekStartsOn) !== null && $ !== void 0 ? $ : (w = I.locale) === null || w === void 0 || (T = w.options) === null || T === void 0 ? void 0 : T.weekStartsOn) !== null && C !== void 0 ? C : 0);
-  if (!(Y >= 0 && Y <= 6))
+  var z = Ke((C = ($ = (_ = (y = a == null ? void 0 : a.weekStartsOn) !== null && y !== void 0 ? y : a == null || (h = a.locale) === null || h === void 0 || (M = h.options) === null || M === void 0 ? void 0 : M.weekStartsOn) !== null && _ !== void 0 ? _ : I.weekStartsOn) !== null && $ !== void 0 ? $ : (w = I.locale) === null || w === void 0 || (T = w.options) === null || T === void 0 ? void 0 : T.weekStartsOn) !== null && C !== void 0 ? C : 0);
+  if (!(z >= 0 && z <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!Z.localize)
     throw new RangeError("locale must contain localize property");
@@ -2739,7 +2739,7 @@ function An(t, e, a) {
     throw new RangeError("Invalid time value");
   var W = sa(S), H = f1(S, W), F = {
     firstWeekContainsDate: U,
-    weekStartsOn: Y,
+    weekStartsOn: z,
     locale: Z,
     _originalDate: S
   }, E = V.match(N0).map(function(N) {
@@ -3714,7 +3714,7 @@ const Vn = (t) => {
     };
     return (i, r) => (v(), g("div", {
       role: "img",
-      class: z(n.value),
+      class: Y(n.value),
       title: i.userName
     }, [
       i.avatarUrl ? A("", !0) : (v(), g("span", _3, X(Q(s)), 1)),
@@ -3878,7 +3878,7 @@ const q3 = ["type"], W3 = {
     const e = t, a = k(() => e.size), n = k(() => e.isLoading ? "Loading" : e.iconName);
     return (s, o) => (v(), g("button", {
       type: s.type,
-      class: z([
+      class: Y([
         "ao-button-card",
         `ao-button-card--${s.color}`,
         `ao-button-card--${s.corners}`,
@@ -4159,7 +4159,7 @@ const K3 = /* @__PURE__ */ J({
   emits: ["close"],
   setup(t) {
     return (e, a) => (v(), g("div", {
-      class: z(["ao-modal__wrapper", `ao-modal__wrapper--${e.size}`])
+      class: Y(["ao-modal__wrapper", `ao-modal__wrapper--${e.size}`])
     }, [
       p("div", {
         class: "ao-modal__backdrop",
@@ -4473,8 +4473,8 @@ const _5 = function(t) {
         placement: s,
         overflows: Z
       }], !Z.every((H) => H <= 0)) {
-        var Y, S;
-        const H = (((Y = o.flip) == null ? void 0 : Y.index) || 0) + 1, F = V[H];
+        var z, S;
+        const H = (((z = o.flip) == null ? void 0 : z.index) || 0) + 1, F = V[H];
         if (F)
           return {
             data: {
@@ -4538,8 +4538,8 @@ const _5 = function(t) {
         w = d || M ? oa(y, I) : I;
       }
       if (M && !d) {
-        const I = Oe(l.left, 0), Z = Oe(l.right, 0), U = Oe(l.top, 0), Y = Oe(l.bottom, 0);
-        c ? T = m - 2 * (I !== 0 || Z !== 0 ? I + Z : Oe(l.left, l.right)) : w = C - 2 * (U !== 0 || Y !== 0 ? U + Y : Oe(l.top, l.bottom));
+        const I = Oe(l.left, 0), Z = Oe(l.right, 0), U = Oe(l.top, 0), z = Oe(l.bottom, 0);
+        c ? T = m - 2 * (I !== 0 || Z !== 0 ? I + Z : Oe(l.left, l.right)) : w = C - 2 * (U !== 0 || z !== 0 ? U + z : Oe(l.top, l.bottom));
       }
       await i({
         ...e,
@@ -5146,7 +5146,7 @@ function Y5(t, e, a) {
     valueProp: I,
     allowAbsent: Z,
     groupLabel: U,
-    canDeselect: Y,
+    canDeselect: z,
     max: S,
     strict: W,
     closeOnSelect: H,
@@ -5290,7 +5290,7 @@ function Y5(t, e, a) {
     switch (b.__CREATE__ && (b = { ...b }, delete b.__CREATE__), s.value) {
       case "single":
         if (b && ze(b)) {
-          Y.value && Et(b), F.value && (tt(), at());
+          z.value && Et(b), F.value && (tt(), at());
           return;
         }
         b && n1(b), V.value && fe(), H.value && (tt(), at()), b && St(b);
@@ -5472,15 +5472,15 @@ function x5(t, e, a) {
     groupSelect: u,
     disabledProp: d,
     groupOptions: c
-  } = Ae(t), m = a.fo, C = a.fg, $ = a.handleOptionClick, _ = a.handleGroupClick, y = a.search, h = a.pointer, M = a.setPointer, w = a.clearPointer, T = a.multiselect, V = a.isOpen, I = k(() => m.value.filter((D) => !D[d.value])), Z = k(() => C.value.filter((D) => !D[d.value])), U = k(() => l.value !== "single" && u.value), Y = k(() => h.value && h.value.group), S = k(() => re(h.value)), W = k(() => {
-    const D = Y.value ? h.value : (
+  } = Ae(t), m = a.fo, C = a.fg, $ = a.handleOptionClick, _ = a.handleGroupClick, y = a.search, h = a.pointer, M = a.setPointer, w = a.clearPointer, T = a.multiselect, V = a.isOpen, I = k(() => m.value.filter((D) => !D[d.value])), Z = k(() => C.value.filter((D) => !D[d.value])), U = k(() => l.value !== "single" && u.value), z = k(() => h.value && h.value.group), S = k(() => re(h.value)), W = k(() => {
+    const D = z.value ? h.value : (
       /* istanbul ignore next */
       re(h.value)
     ), K = Z.value.map((we) => we[i.value]).indexOf(D[i.value]);
     let fe = Z.value[K - 1];
     return fe === void 0 && (fe = F.value), fe;
   }), H = k(() => {
-    let D = Z.value.map((K) => K.label).indexOf(Y.value ? h.value[i.value] : re(h.value)[i.value]) + 1;
+    let D = Z.value.map((K) => K.label).indexOf(z.value ? h.value[i.value] : re(h.value)[i.value]) + 1;
     return Z.value.length <= D && (D = 0), Z.value[D];
   }), F = k(() => [...Z.value].slice(-1)[0]), E = k(() => h.value.__VISIBLE__.filter((D) => !D[d.value])[0]), N = k(() => {
     const D = S.value.__VISIBLE__.filter((K) => !K[d.value]);
@@ -5491,12 +5491,12 @@ function x5(t, e, a) {
   }), f = k(() => [...W.value.__VISIBLE__.filter((D) => !D[d.value])].slice(-1)[0]), O = k(() => [...F.value.__VISIBLE__.filter((D) => !D[d.value])].slice(-1)[0]), B = (D) => h.value && (!D.group && h.value[n.value] === D[n.value] || D.group !== void 0 && h.value[i.value] === D[i.value]) ? !0 : void 0, se = () => {
     M(I.value[0] || null);
   }, ae = () => {
-    !h.value || h.value[d.value] === !0 || (Y.value ? _(h.value) : $(h.value));
+    !h.value || h.value[d.value] === !0 || (z.value ? _(h.value) : $(h.value));
   }, ee = () => {
     if (h.value === null)
       M((r.value && U.value ? Z.value[0].__CREATE__ ? I.value[0] : Z.value[0] : I.value[0]) || null);
     else if (r.value && U.value) {
-      let D = Y.value ? E.value : x.value;
+      let D = z.value ? E.value : x.value;
       D === void 0 && (D = H.value, D.__CREATE__ && (D = D[c.value][0])), M(D || /* istanbul ignore next */
       null);
     } else {
@@ -5511,8 +5511,8 @@ function x5(t, e, a) {
       let D = I.value[I.value.length - 1];
       r.value && U.value && (D = O.value, D === void 0 && (D = F.value)), M(D || null);
     } else if (r.value && U.value) {
-      let D = Y.value ? f.value : N.value;
-      D === void 0 && (D = Y.value ? W.value : S.value, D.__CREATE__ && (D = f.value, D === void 0 && (D = W.value))), M(D || /* istanbul ignore next */
+      let D = z.value ? f.value : N.value;
+      D === void 0 && (D = z.value ? W.value : S.value, D.__CREATE__ && (D = f.value, D === void 0 && (D = W.value))), M(D || /* istanbul ignore next */
       null);
     } else {
       let D = I.value.map((K) => K[n.value]).indexOf(h.value[n.value]) - 1;
@@ -5526,7 +5526,7 @@ function x5(t, e, a) {
     if (!D)
       return;
     let K = D.parentElement.parentElement;
-    r.value && (K = Y.value ? D.parentElement.parentElement.parentElement : D.parentElement.parentElement.parentElement.parentElement), D.offsetTop + D.offsetHeight > K.clientHeight + K.scrollTop && (K.scrollTop = D.offsetTop + D.offsetHeight - K.clientHeight), D.offsetTop < K.scrollTop && (K.scrollTop = D.offsetTop);
+    r.value && (K = z.value ? D.parentElement.parentElement.parentElement : D.parentElement.parentElement.parentElement.parentElement), D.offsetTop + D.offsetHeight > K.clientHeight + K.scrollTop && (K.scrollTop = D.offsetTop + D.offsetHeight - K.clientHeight), D.offsetTop < K.scrollTop && (K.scrollTop = D.offsetTop);
   };
   return de(y, (D) => {
     o.value && (D.length && s.value ? se() : w());
@@ -5914,11 +5914,11 @@ function P1(t, e) {
     element: w,
     strategy: "absolute",
     placement: s
-  }), U = m1(Object.assign({}, w, Z)), Y = m === ta ? U : I, S = {
-    top: V.top - Y.top + h.top,
-    bottom: Y.bottom - V.bottom + h.bottom,
-    left: V.left - Y.left + h.left,
-    right: Y.right - V.right + h.right
+  }), U = m1(Object.assign({}, w, Z)), z = m === ta ? U : I, S = {
+    top: V.top - z.top + h.top,
+    bottom: z.bottom - V.bottom + h.bottom,
+    left: V.left - z.left + h.left,
+    right: z.right - V.right + h.right
   }, W = t.modifiersData.offset;
   if (m === ta && W) {
     var H = W[s];
@@ -5990,11 +5990,11 @@ function A7(t) {
                 d.reset = !1, T = -1;
                 continue;
               }
-              var V = d.orderedModifiers[T], I = V.fn, Z = V.options, U = Z === void 0 ? {} : Z, Y = V.name;
+              var V = d.orderedModifiers[T], I = V.fn, Z = V.options, U = Z === void 0 ? {} : Z, z = V.name;
               typeof I == "function" && (d = I({
                 state: d,
                 options: U,
-                name: Y,
+                name: z,
                 instance: C
               }) || d);
             }
@@ -6104,11 +6104,11 @@ function un(t) {
     var I = Ka(a), Z = "clientHeight", U = "clientWidth";
     if (I === Me(a) && (I = ht(a), Je(I).position !== "static" && r === "absolute" && (Z = "scrollHeight", U = "scrollWidth")), I = I, s === Re || (s === xe || s === ft) && o === la) {
       T = qe;
-      var Y = c && I === V && V.visualViewport ? V.visualViewport.height : (
+      var z = c && I === V && V.visualViewport ? V.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         I[Z]
       );
-      _ -= Y - n.height, _ *= l ? 1 : -1;
+      _ -= z - n.height, _ *= l ? 1 : -1;
     }
     if (s === xe || (s === Re || s === qe) && o === la) {
       w = ft;
@@ -6224,15 +6224,15 @@ function Z7(t) {
     rootBoundary: u,
     padding: c,
     altBoundary: d
-  }), h = lt(e.placement), M = Ft(e.placement), w = !M, T = xn(h), V = j7(T), I = e.modifiersData.popperOffsets, Z = e.rects.reference, U = e.rects.popper, Y = typeof _ == "function" ? _(Object.assign({}, e.rects, {
+  }), h = lt(e.placement), M = Ft(e.placement), w = !M, T = xn(h), V = j7(T), I = e.modifiersData.popperOffsets, Z = e.rects.reference, U = e.rects.popper, z = typeof _ == "function" ? _(Object.assign({}, e.rects, {
     placement: e.placement
-  })) : _, S = typeof Y == "number" ? {
-    mainAxis: Y,
-    altAxis: Y
+  })) : _, S = typeof z == "number" ? {
+    mainAxis: z,
+    altAxis: z
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, Y), W = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, H = {
+  }, z), W = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, H = {
     x: 0,
     y: 0
   };
@@ -6315,7 +6315,7 @@ function x7(t) {
         flipVariations: $,
         allowedAutoPlacements: _
       }) : G);
-    }, []), V = e.rects.reference, I = e.rects.popper, Z = /* @__PURE__ */ new Map(), U = !0, Y = T[0], S = 0; S < T.length; S++) {
+    }, []), V = e.rects.reference, I = e.rects.popper, Z = /* @__PURE__ */ new Map(), U = !0, z = T[0], S = 0; S < T.length; S++) {
       var W = T[S], H = lt(W), F = Ft(W) === Zt, E = [Re, qe].indexOf(H) >= 0, N = E ? "width" : "height", x = P1(e, {
         placement: W,
         boundary: d,
@@ -6328,7 +6328,7 @@ function x7(t) {
       if (o && B.push(x[H] <= 0), r && B.push(x[f] <= 0, x[O] <= 0), B.every(function(re) {
         return re;
       })) {
-        Y = W, U = !1;
+        z = W, U = !1;
         break;
       }
       Z.set(W, B);
@@ -6343,13 +6343,13 @@ function x7(t) {
             });
         });
         if (D)
-          return Y = D, "break";
+          return z = D, "break";
       }, ee = se; ee > 0; ee--) {
         var Ce = ae(ee);
         if (Ce === "break")
           break;
       }
-    e.placement !== Y && (e.modifiersData[n]._skip = !0, e.placement = Y, e.reset = !0);
+    e.placement !== z && (e.modifiersData[n]._skip = !0, e.placement = z, e.reset = !0);
   }
 }
 var G7 = {
@@ -6487,14 +6487,14 @@ function Q7(t, e, a) {
     createTag: c,
     createOption: m,
     reverse: C
-  } = Ae(t), $ = Mt().proxy, _ = a.iv, y = a.update, h = a.deselect, M = a.search, w = a.setPointer, T = a.selectPointer, V = a.backwardPointer, I = a.forwardPointer, Z = a.multiselect, U = a.wrapper, Y = a.tags, S = a.isOpen, W = a.open, H = a.blur, F = a.fo, E = k(() => c.value || m.value || !1), N = k(() => s.value !== void 0 ? s.value : d.value !== void 0 ? d.value : ["enter"]), x = () => {
+  } = Ae(t), $ = Mt().proxy, _ = a.iv, y = a.update, h = a.deselect, M = a.search, w = a.setPointer, T = a.selectPointer, V = a.backwardPointer, I = a.forwardPointer, Z = a.multiselect, U = a.wrapper, z = a.tags, S = a.isOpen, W = a.open, H = a.blur, F = a.fo, E = k(() => c.value || m.value || !1), N = k(() => s.value !== void 0 ? s.value : d.value !== void 0 ? d.value : ["enter"]), x = () => {
     n.value === "tags" && !r.value && E.value && i.value && !u.value && w(F.value[F.value.map((B) => B[l.value]).indexOf(M.value)]);
   };
   return {
     handleKeydown: (B) => {
       e.emit("keydown", B, $);
       let se, ae;
-      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(B.key) !== -1 && n.value === "tags" && (se = [...Z.value.querySelectorAll("[data-tags] > *")].filter((ee) => ee !== Y.value), ae = se.findIndex((ee) => ee === document.activeElement)), B.key) {
+      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(B.key) !== -1 && n.value === "tags" && (se = [...Z.value.querySelectorAll("[data-tags] > *")].filter((ee) => ee !== z.value), ae = se.findIndex((ee) => ee === document.activeElement)), B.key) {
         case "Backspace":
           if (n.value === "single" || i.value && [null, ""].indexOf(M.value) === -1 || _.value.length === 0)
             return;
@@ -6505,7 +6505,7 @@ function Q7(t, e, a) {
           if (B.preventDefault(), B.keyCode === 229)
             return;
           if (ae !== -1 && ae !== void 0) {
-            y([..._.value].filter((Ce, re) => re !== ae)), ae === se.length - 1 && (se.length - 1 ? se[se.length - 2].focus() : i.value ? Y.value.querySelector("input").focus() : U.value.focus());
+            y([..._.value].filter((Ce, re) => re !== ae)), ae === se.length - 1 && (se.length - 1 ? se[se.length - 2].focus() : i.value ? z.value.querySelector("input").focus() : U.value.focus());
             return;
           }
           if (N.value.indexOf("enter") === -1 && E.value)
@@ -6544,14 +6544,14 @@ function Q7(t, e, a) {
           S.value || W(), I();
           break;
         case "ArrowLeft":
-          if (i.value && Y.value && Y.value.querySelector("input").selectionStart || B.shiftKey || n.value !== "tags" || !_.value || !_.value.length)
+          if (i.value && z.value && z.value.querySelector("input").selectionStart || B.shiftKey || n.value !== "tags" || !_.value || !_.value.length)
             return;
           B.preventDefault(), ae === -1 ? se[se.length - 1].focus() : ae > 0 && se[ae - 1].focus();
           break;
         case "ArrowRight":
           if (ae === -1 || B.shiftKey || n.value !== "tags" || !_.value || !_.value.length)
             return;
-          B.preventDefault(), se.length > ae + 1 ? se[ae + 1].focus() : i.value ? Y.value.querySelector("input").focus() : i.value || U.value.focus();
+          B.preventDefault(), se.length > ae + 1 ? se[ae + 1].focus() : i.value ? z.value.querySelector("input").focus() : i.value || U.value.focus();
           break;
       }
     },
@@ -6731,7 +6731,7 @@ function t9(t, e, a) {
   }, U = (H) => {
     let F = [];
     return s && s.value && F.push(s.value), F.push("multiselect-group"), F.push(H.index), F.join("-");
-  }, Y = (H) => {
+  }, z = (H) => {
     let F = [];
     return F.push(H), F.join(" ");
   }, S = (H) => {
@@ -6752,7 +6752,7 @@ function t9(t, e, a) {
     ariaMultiselectable: T,
     ariaActiveDescendant: M,
     ariaOptionId: Z,
-    ariaOptionLabel: Y,
+    ariaOptionLabel: z,
     ariaGroupId: U,
     ariaGroupLabel: S,
     ariaTagLabel: W
@@ -7170,7 +7170,7 @@ const i9 = ["id", "dir"], o9 = ["tabindex", "aria-controls", "aria-placeholder",
 function A9(t, e, a, n, s, o) {
   return v(), g("div", {
     ref: "multiselect",
-    class: z(t.classList.container),
+    class: Y(t.classList.container),
     id: a.searchable ? void 0 : a.id,
     dir: a.rtl ? "rtl" : void 0,
     onFocusin: e[10] || (e[10] = (...i) => t.handleFocusIn && t.handleFocusIn(...i)),
@@ -7218,7 +7218,7 @@ function A9(t, e, a, n, s, o) {
         "div",
         {
           key: 1,
-          class: z(t.classList.tags),
+          class: Y(t.classList.tags),
           "data-tags": ""
         },
         [
@@ -7231,7 +7231,7 @@ function A9(t, e, a, n, s, o) {
               disabled: a.disabled
             }, () => [
               (v(), g("span", {
-                class: z([
+                class: Y([
                   t.classList.tag,
                   i.disabled ? t.classList.tagDisabled : null
                 ]),
@@ -7243,7 +7243,7 @@ function A9(t, e, a, n, s, o) {
                 p(
                   "span",
                   {
-                    class: z(t.classList.tagWrapper)
+                    class: Y(t.classList.tagWrapper)
                   },
                   X(t.localize(i[a.label])),
                   3
@@ -7251,13 +7251,13 @@ function A9(t, e, a, n, s, o) {
                 ),
                 !a.disabled && !i.disabled ? (v(), g("span", {
                   key: 0,
-                  class: z(t.classList.tagRemove),
+                  class: Y(t.classList.tagRemove),
                   onClick: me((u) => t.handleTagRemove(i, u), ["stop"])
                 }, [
                   p(
                     "span",
                     {
-                      class: z(t.classList.tagRemoveIcon)
+                      class: Y(t.classList.tagRemoveIcon)
                     },
                     null,
                     2
@@ -7272,7 +7272,7 @@ function A9(t, e, a, n, s, o) {
           p(
             "div",
             {
-              class: z(t.classList.tagsSearchWrapper),
+              class: Y(t.classList.tagsSearchWrapper),
               ref: "tags"
             },
             [
@@ -7280,7 +7280,7 @@ function A9(t, e, a, n, s, o) {
               p(
                 "span",
                 {
-                  class: z(t.classList.tagsSearchCopy)
+                  class: Y(t.classList.tagsSearchCopy)
                 },
                 X(t.search),
                 3
@@ -7325,13 +7325,13 @@ function A9(t, e, a, n, s, o) {
         p(
           "div",
           {
-            class: z(t.classList.singleLabel)
+            class: Y(t.classList.singleLabel)
           },
           [
             p(
               "span",
               {
-                class: z(t.classList.singleLabelText)
+                class: Y(t.classList.singleLabelText)
               },
               X(t.localize(t.iv[a.label])),
               3
@@ -7348,7 +7348,7 @@ function A9(t, e, a, n, s, o) {
         values: t.iv
       }, () => [
         p("div", {
-          class: z(t.classList.multipleLabel),
+          class: Y(t.classList.multipleLabel),
           innerHTML: t.multipleLabelText
         }, null, 10, c9)
       ]) : A("v-if", !0),
@@ -7357,7 +7357,7 @@ function A9(t, e, a, n, s, o) {
         p(
           "div",
           {
-            class: z(t.classList.placeholder),
+            class: Y(t.classList.placeholder),
             "aria-hidden": "true"
           },
           X(a.placeholder),
@@ -7370,7 +7370,7 @@ function A9(t, e, a, n, s, o) {
         p(
           "span",
           {
-            class: z(t.classList.spinner),
+            class: Y(t.classList.spinner),
             "aria-hidden": "true"
           },
           null,
@@ -7391,7 +7391,7 @@ function A9(t, e, a, n, s, o) {
             role: "button",
             "data-clear": "",
             "aria-roledescription": "❎",
-            class: z(t.classList.clear),
+            class: Y(t.classList.clear),
             onClick: e[6] || (e[6] = (...i) => t.clear && t.clear(...i)),
             onKeyup: e[7] || (e[7] = ut((...i) => t.clear && t.clear(...i), ["enter"]))
           },
@@ -7399,7 +7399,7 @@ function A9(t, e, a, n, s, o) {
             p(
               "span",
               {
-                class: z(t.classList.clearIcon)
+                class: Y(t.classList.clearIcon)
               },
               null,
               2
@@ -7419,7 +7419,7 @@ function A9(t, e, a, n, s, o) {
         p(
           "span",
           {
-            class: z(t.classList.caret),
+            class: Y(t.classList.caret),
             onClick: e[8] || (e[8] = (...i) => t.handleCaretClick && t.handleCaretClick(...i)),
             "aria-hidden": "true"
           },
@@ -7436,13 +7436,13 @@ function A9(t, e, a, n, s, o) {
     }, [
       p("div", {
         id: `${a.id}-dropdown`,
-        class: z(t.classList.dropdown),
+        class: Y(t.classList.dropdown),
         tabindex: "-1",
         ref: "dropdown"
       }, [
         te(t.$slots, "beforelist", { options: t.fo }),
         p("ul", {
-          class: z(t.classList.options),
+          class: Y(t.classList.options),
           id: t.ariaControls,
           role: "listbox"
         }, [
@@ -7450,7 +7450,7 @@ function A9(t, e, a, n, s, o) {
             he,
             { key: 0 },
             ye(t.fg, (i, r, l) => (v(), g("li", {
-              class: z(t.classList.group),
+              class: Y(t.classList.group),
               key: l,
               id: t.ariaGroupId(i),
               "aria-label": t.ariaGroupLabel(t.localize(i[a.groupLabel])),
@@ -7459,7 +7459,7 @@ function A9(t, e, a, n, s, o) {
             }, [
               i.__CREATE__ ? A("v-if", !0) : (v(), g("div", {
                 key: 0,
-                class: z(t.classList.groupLabel(i)),
+                class: Y(t.classList.groupLabel(i)),
                 "data-pointed": t.isPointed(i),
                 onMouseenter: (u) => t.setPointer(i, r),
                 onMousedown: me((u) => t.handleGroupClick(i), ["prevent"])
@@ -7475,7 +7475,7 @@ function A9(t, e, a, n, s, o) {
                 ])
               ], 42, m9)),
               p("ul", {
-                class: z(t.classList.groupOptions),
+                class: Y(t.classList.groupOptions),
                 "aria-label": t.ariaGroupLabel(t.localize(i[a.groupLabel])),
                 role: "group"
               }, [
@@ -7483,7 +7483,7 @@ function A9(t, e, a, n, s, o) {
                   he,
                   null,
                   ye(i.__VISIBLE__, (u, d, c) => (v(), g("li", {
-                    class: z(t.classList.option(u, i)),
+                    class: Y(t.classList.option(u, i)),
                     "data-pointed": t.isPointed(u),
                     "data-selected": t.isSelected(u) || void 0,
                     key: c,
@@ -7520,7 +7520,7 @@ function A9(t, e, a, n, s, o) {
             he,
             { key: 1 },
             ye(t.fo, (i, r, l) => (v(), g("li", {
-              class: z(t.classList.option(i)),
+              class: Y(t.classList.option(i)),
               "data-pointed": t.isPointed(i),
               "data-selected": t.isSelected(i) || void 0,
               key: l,
@@ -7552,13 +7552,13 @@ function A9(t, e, a, n, s, o) {
         ], 10, v9),
         t.noOptions ? te(t.$slots, "nooptions", { key: 0 }, () => [
           p("div", {
-            class: z(t.classList.noOptions),
+            class: Y(t.classList.noOptions),
             innerHTML: t.localize(a.noOptionsText)
           }, null, 10, y9)
         ]) : A("v-if", !0),
         t.noResults ? te(t.$slots, "noresults", { key: 1 }, () => [
           p("div", {
-            class: z(t.classList.noResults),
+            class: Y(t.classList.noResults),
             innerHTML: t.localize(a.noResultsText)
           }, null, 10, b9)
         ]) : A("v-if", !0),
@@ -7566,7 +7566,7 @@ function A9(t, e, a, n, s, o) {
           "div",
           {
             key: 2,
-            class: z(t.classList.inifinite),
+            class: Y(t.classList.inifinite),
             ref: "infiniteLoader"
           },
           [
@@ -7574,7 +7574,7 @@ function A9(t, e, a, n, s, o) {
               p(
                 "span",
                 {
-                  class: z(t.classList.inifiniteSpinner)
+                  class: Y(t.classList.inifiniteSpinner)
                 },
                 null,
                 2
@@ -7591,7 +7591,7 @@ function A9(t, e, a, n, s, o) {
     A(" Hacky input element to show HTML5 required warning "),
     a.required ? (v(), g("input", {
       key: 0,
-      class: z(t.classList.fakeInput),
+      class: Y(t.classList.fakeInput),
       tabindex: "-1",
       value: t.textValue,
       required: ""
@@ -7625,7 +7625,7 @@ function A9(t, e, a, n, s, o) {
     A(" Screen reader assistive text "),
     a.searchable && t.hasSelected ? (v(), g("div", {
       key: 2,
-      class: z(t.classList.assist),
+      class: Y(t.classList.assist),
       id: t.ariaAssist,
       "aria-hidden": "true"
     }, X(t.ariaLabel), 11, M9)) : A("v-if", !0),
@@ -7633,7 +7633,7 @@ function A9(t, e, a, n, s, o) {
     p(
       "div",
       {
-        class: z(t.classList.spacer)
+        class: Y(t.classList.spacer)
       },
       null,
       2
@@ -7793,7 +7793,7 @@ const S9 = { class: "ao-tasks" }, E9 = { class: "ao-tasks__list" }, O9 = ["id",
               id: C.id,
               value: C.name,
               readonly: !c.isEditable,
-              class: z(["ao-field__input ao-subtask__field", { "ao-subtask__field--checked": C.isDone }]),
+              class: Y(["ao-field__input ao-subtask__field", { "ao-subtask__field--checked": C.isDone }]),
               type: "text",
               onChange: (y) => i(y, C.id),
               onKeyup: ut(d, ["enter"])
@@ -7894,7 +7894,7 @@ const V9 = ["onDrop", "onDragenter", "onDragover", "onDragleave"], D9 = { class:
       d.dataTransfer && e("add", c);
     }
     return (d, c) => (v(), g("div", {
-      class: z([
+      class: Y([
         "ao-files__wrapper",
         {
           "ao-files__wrapper--drop-active": i.value
@@ -8362,7 +8362,7 @@ const h1 = /* @__PURE__ */ J({
         value: ae.id,
         label: ae.name
       }));
-    }), Y = (f) => {
+    }), z = (f) => {
       a.activity && e("update:activity", {
         id: a.activity.id,
         projectId: f
@@ -8421,7 +8421,7 @@ const h1 = /* @__PURE__ */ J({
                       searchable: !0,
                       disabled: !f.isEditable,
                       caret: f.isEditable,
-                      onChange: Y
+                      onChange: z
                     }, null, 8, ["options", "value", "disabled", "caret"])
                   ])) : A("", !0),
                   U.value ? (v(), g("label", d4, [
@@ -9090,7 +9090,7 @@ const rf = {
       });
     }, Z = ne(!1), U = () => {
       Z.value = !Z.value;
-    }, Y = () => {
+    }, z = () => {
       e("addRule", { templateId: a.templateId });
     }, S = (f) => {
       e("removeRule", { id: f, templateId: a.templateId });
@@ -9268,7 +9268,7 @@ const rf = {
             "template-milestones": l.value,
             "template-activities": u.value,
             onClose: U,
-            onAddRule: Y,
+            onAddRule: z,
             onRemoveRule: S
           }, null, 8, ["template-id", "rules", "template-phases", "template-milestones", "template-activities"])) : A("", !0)
         ]))
@@ -9291,7 +9291,7 @@ const mf = {
   },
   setup(t) {
     return (e, a) => (v(), R(vt(e.tagName), {
-      class: z([
+      class: Y([
         "ao-card",
         {
           "ao-card--clickable": e.isClickable,
@@ -9323,12 +9323,12 @@ const R1 = /* @__PURE__ */ J({
   setup(t) {
     const e = t, a = k(() => typeof e.percentages == "number" ? [e.percentages] : e.percentages ?? []);
     return (n, s) => (v(), g("div", {
-      class: z(["ao-progress", n.status ? `ao-progress--${n.status}` : ""]),
+      class: Y(["ao-progress", n.status ? `ao-progress--${n.status}` : ""]),
       role: "meter"
     }, [
       (v(!0), g(he, null, ye(a.value, (o) => (v(), g("div", {
         key: o,
-        class: z(["ao-progress__progress"]),
+        class: Y(["ao-progress__progress"]),
         style: vn({ width: `${o * 100}%` })
       }, null, 4))), 128))
     ], 2));
@@ -9397,7 +9397,7 @@ const gf = { class: "ao-card-project-phase__header" }, _f = { class: "ao-card-pr
             ])) : A("", !0)
           ])) : A("", !0),
           p("div", {
-            class: z(["ao-card-project-phase__footer-row", r.value ? "" : "ao-card-project-phase__no_deadline"])
+            class: Y(["ao-card-project-phase__footer-row", r.value ? "" : "ao-card-project-phase__no_deadline"])
           }, [
             l.isEditable ? rt((v(), g("input", {
               key: 0,
@@ -9480,7 +9480,7 @@ const Af = { class: "ao-card-project-milestone__default" }, Tf = {
       e("updateMilestone", { id: a.id, name: r });
     };
     return (r, l) => (v(), R(B1, {
-      class: z([
+      class: Y([
         "ao-card-project-milestone",
         { "ao-card-project-milestone--selected": r.isSelected }
       ]),
@@ -9537,7 +9537,7 @@ const Af = { class: "ao-card-project-milestone__default" }, Tf = {
           r.important ? (v(), R(ce, {
             key: 0,
             name: "FlagRounded",
-            class: z(
+            class: Y(
               r.isSelected ? "ao-card-project-milestone__important--selected" : "ao-card-project-milestone__important"
             ),
             size: "sm"
@@ -9614,7 +9614,7 @@ const Rf = {
     return (m, C) => {
       var $;
       return v(), g("li", {
-        class: z([
+        class: Y([
           "ao-project-phase",
           { "ao-project-phase--selected": m.phase.id === (($ = m.$route.params) == null ? void 0 : $.phaseId) }
         ])
@@ -9661,7 +9661,7 @@ const Rf = {
                     assignee: _.assignee,
                     important: _.important,
                     readonly: m.readonly,
-                    class: z(["ao-project-phase__milestone"]),
+                    class: Y(["ao-project-phase__milestone"]),
                     onClick: (h) => !m.readonly && m.$router.push({
                       name: Q(Ue).milestone,
                       params: { phaseId: m.phase.id, milestoneId: _.id }
@@ -9852,7 +9852,7 @@ const a8 = { class: "toggle-wrapper" };
 function n8(t, e, a, n, s, o) {
   return v(), g("div", a8, [
     p("button", {
-      class: z({
+      class: Y({
         button: !0,
         "button--left": !0,
         "button--inactive": !t.isLeft
@@ -9861,7 +9861,7 @@ function n8(t, e, a, n, s, o) {
       onClick: e[0] || (e[0] = (...i) => t.selectLeft && t.selectLeft(...i))
     }, X(t.leftLabel), 3),
     p("button", {
-      class: z({
+      class: Y({
         button: !0,
         "button--right": !0,
         "button--inactive": t.isLeft
@@ -9930,7 +9930,7 @@ const Xn = /* @__PURE__ */ j(t8, [["render", n8], ["__scopeId", "data-v-cbe33527
       e("updateComment", S);
     }, Z = (S) => {
       e("removeComment", S);
-    }, U = ne(!1), Y = (S, W) => {
+    }, U = ne(!1), z = (S, W) => {
       e("applyTemplate", { templateId: S, projectId: W }), U.value = !1;
     };
     return (S, W) => {
@@ -10043,7 +10043,7 @@ const Xn = /* @__PURE__ */ j(t8, [["render", n8], ["__scopeId", "data-v-cbe33527
             "project-id": S.project.id,
             templates: S.templates,
             onClose: W[4] || (W[4] = (F) => U.value = !1),
-            onApply: Y
+            onApply: z
           }, null, 8, ["project-id", "templates"])) : A("", !0)
         ]))
       ], 64);
@@ -10060,7 +10060,7 @@ const r8 = { class: "ao-card-feed__header" }, l8 = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
 }, f8 = {
-  class: /* @__PURE__ */ z(["ao-card-feed__title-group"])
+  class: /* @__PURE__ */ Y(["ao-card-feed__title-group"])
 }, v8 = {
   key: 1,
   class: "ao-card-feed__deadline"
@@ -10115,7 +10115,7 @@ const r8 = { class: "ao-card-feed__header" }, l8 = {
       return (c = a.tasks) == null ? void 0 : c.filter((m) => m.isDone).length;
     }), d = k(() => (u.value || 0) / (l.value || 1));
     return (c, m) => (v(), R(B1, {
-      class: z(["ao-card-feed", { "ao-card-feed--closed": c.isClosed }]),
+      class: Y(["ao-card-feed", { "ao-card-feed--closed": c.isClosed }]),
       "is-clickable": !0
     }, {
       header: q(() => [
@@ -10427,7 +10427,7 @@ const T8 = { class: "ao-project-milestone" }, S8 = { class: "ao-project-mileston
                   "is-editable": h.isEditable,
                   "is-private": T.private,
                   "is-closed": C(T),
-                  onClick: (Y) => h.$router.push({
+                  onClick: (z) => h.$router.push({
                     name: Q(Ue).activity,
                     params: { milestoneId: h.milestoneId, activityId: T.id }
                   }),
@@ -10694,7 +10694,7 @@ function X8(t, e, a = {}) {
   };
 }
 const Q8 = {
-  class: /* @__PURE__ */ z(["ao-list-kanban"])
+  class: /* @__PURE__ */ Y(["ao-list-kanban"])
 }, J8 = { class: "ao-list-kanban__header" }, ev = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
@@ -10770,7 +10770,6 @@ const Q8 = {
         "ghost-class": "ao-list-kanban__ghost",
         animation: "200"
       }, u.$attrs, {
-        draggable: ".item",
         disabled: !u.isEditable,
         onChange: r,
         onStart: d[2] || (d[2] = (c) => l.value = !0),
@@ -10784,17 +10783,17 @@ const Q8 = {
           var m, C, $, _, y, h, M, w, T;
           return [
             L(Qn, {
-              class: z((m = c.name) != null && m.startsWith("yo") ? "item" : "pouet"),
               id: c.id,
               name: c.name,
-              "project-name": (C = c.project) == null ? void 0 : C.name,
-              "project-color": ($ = c.project) == null ? void 0 : $.color,
-              "phase-name": (y = (_ = c.milestone) == null ? void 0 : _.phase) == null ? void 0 : y.name,
-              "milestone-name": (h = c.milestone) == null ? void 0 : h.name,
+              "project-name": (m = c.project) == null ? void 0 : m.name,
+              "project-color": (C = c.project) == null ? void 0 : C.color,
+              "phase-name": (_ = ($ = c.milestone) == null ? void 0 : $.phase) == null ? void 0 : _.name,
+              "milestone-name": (y = c.milestone) == null ? void 0 : y.name,
               deadline: c.deadline,
-              rules: ((M = c.rules) == null ? void 0 : M.length) || 0,
+              rules: ((h = c.rules) == null ? void 0 : h.length) || 0,
               tasks: c.tasks,
               description: c.description,
+              draggable: (M = c.name) != null && M.startsWith("yo") ? "item" : "pouet",
               important: c.important,
               type: c.type,
               comments: (w = c.comments) == null ? void 0 : w.length,
@@ -10835,7 +10834,7 @@ const Q8 = {
                 }, null, 8, ["label", "onClick"])) : A("", !0)
               ]),
               _: 2
-            }, 1032, ["class", "id", "name", "project-name", "project-color", "phase-name", "milestone-name", "deadline", "rules", "tasks", "description", "important", "type", "comments", "attachments", "users", "assignee", "is-editable", "is-private", "onClick", "onRemoveAssignee"])
+            }, 1032, ["id", "name", "project-name", "project-color", "phase-name", "milestone-name", "deadline", "rules", "tasks", "description", "draggable", "important", "type", "comments", "attachments", "users", "assignee", "is-editable", "is-private", "onClick", "onRemoveAssignee"])
           ];
         }),
         footer: q(() => [
@@ -10892,14 +10891,14 @@ const ov = { class: "ao-field ao-search-field" }, rv = ["value", "placeholder",
       }, null, 40, rv),
       L(ce, {
         name: "SearchRounded",
-        class: z(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
+        class: Y(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
       }, null, 8, ["class"]),
       L(ue, {
         "icon-name": "CloseRounded",
         size: "sm",
         color: "primary",
         corners: "round",
-        class: z(`ao-search-field__button ao-search-field__action ${i.modelValue ? "ao-search-field__action--visible" : ""}`),
+        class: Y(`ao-search-field__button ao-search-field__action ${i.modelValue ? "ao-search-field__action--visible" : ""}`),
         onClick: o
       }, null, 8, ["class"])
     ]));
@@ -10992,7 +10991,7 @@ const uv = { class: "ao-feed" }, dv = { class: "ao-feed__filters" }, cv = { clas
       a.selectedActivity && e("updateSubtask", E);
     }, U = (E) => {
       a.selectedActivity && e("deleteSubtask", E);
-    }, Y = (E) => {
+    }, z = (E) => {
       e("addFiles", E);
     }, S = (E) => {
       e("removeFile", E);
@@ -11140,7 +11139,7 @@ const uv = { class: "ao-feed" }, dv = { class: "ao-feed__filters" }, cv = { clas
             onAddSubtask: I,
             onUpdateSubtask: Z,
             onDeleteSubtask: U,
-            onAddFiles: Y,
+            onAddFiles: z,
             onRemoveFile: S,
             onAddComment: W,
             onUpdateComment: H,
@@ -11314,7 +11313,7 @@ const mv = { class: "ao-field__label" }, hv = /* @__PURE__ */ J({
   },
   setup(t) {
     return (e, a) => (v(), g("label", {
-      class: z(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
+      class: Y(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
       p("span", mv, X(e.label), 1),
       te(e.$slots, "default")