@26lights/orcha 0.41.72 → 0.41.74

package/dist/orcha.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as q, openBlock as p, 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 { RouterView as zi, useRoute as qi, useRouter as Es } from "vue-router";
 import gt from "vuedraggable";
-const e8 = /* @__PURE__ */ q({
+const t8 = /* @__PURE__ */ q({
   __name: "AoTemplates",
   props: {
     templates: {}
@@ -1453,11 +1453,11 @@ const Ba = {
   todo: "todo",
   done: "done",
   archived: "archived"
-}, t8 = {
+}, a8 = {
   months: "months",
   weeks: "weeks",
   days: "days"
-}, a8 = {
+}, s8 = {
   future: "future",
   this_month: "this_month",
   this_week: "this_week",
@@ -1481,7 +1481,7 @@ const Ba = {
   TASKS: "tasks"
 };
 var G2 = /* @__PURE__ */ ((t) => (t.PHASES = "phases", t.MILESTONES = "milestones", t.ACTIVITIES = "activities", t))(G2 || {});
-const s8 = {
+const n8 = {
   add: "add",
   remove: "remove",
   moved: "moved"
@@ -5395,7 +5395,7 @@ function g7(t, e, a) {
     let ue = S;
     if (Y.value && _.value) {
       let ge = oe.value;
-      ge || (ge = ($t, un, G4) => wt.value.some((Hi) => {
+      ge || (ge = ($t, un, X4) => wt.value.some((Hi) => {
         let cn = ys(ka($t[Hi]), ae.value);
         return V.value ? cn.startsWith(ys(un, ae.value)) : cn.indexOf(ys(un, ae.value)) !== -1;
       })), ue = ue.filter(($t) => ge($t, Y.value, ne));
@@ -9366,10 +9366,10 @@ const Lf = {
     };
   }
 });
-const Nf = {
+const Nf = { class: "ao-card__content" }, Uf = {
   key: 0,
   class: "ao-card__header"
-}, Uf = { class: "ao-card__body" }, Ff = {
+}, Ff = { class: "ao-card__body" }, Zf = {
   key: 1,
   class: "ao-card__footer"
 }, os = /* @__PURE__ */ q({
@@ -9378,7 +9378,7 @@ const Nf = {
     isClickable: { type: Boolean },
     tagName: { default: "div" },
     isSelected: { type: Boolean },
-    borderColor: {}
+    color: {}
   },
   setup(t) {
     return (e, a) => (p(), D(mt(e.tagName), {
@@ -9388,18 +9388,24 @@ const Nf = {
           "ao-card--clickable": e.isClickable
         }
       ]),
-      style: pt(e.isSelected ? { borderColor: e.borderColor || "var(--ao-color-blue-base)", borderWidth: "thick" } : {})
+      style: pt(e.isSelected ? { borderColor: e.color || "var(--ao-color-blue-base)", borderWidth: "thick" } : {})
     }, {
       default: N(() => [
-        e.$slots.header ? (p(), C("header", Nf, [
-          te(e.$slots, "header")
-        ])) : O("", !0),
-        f("div", Uf, [
-          te(e.$slots, "default")
-        ]),
-        e.$slots.footer ? (p(), C("footer", Ff, [
-          te(e.$slots, "footer")
-        ])) : O("", !0)
+        f("div", {
+          class: "ao-card__left-border",
+          style: pt({ backgroundColor: e.color })
+        }, null, 4),
+        f("div", Nf, [
+          e.$slots.header ? (p(), C("header", Uf, [
+            te(e.$slots, "header")
+          ])) : O("", !0),
+          f("div", Ff, [
+            te(e.$slots, "default")
+          ]),
+          e.$slots.footer ? (p(), C("footer", Zf, [
+            te(e.$slots, "footer")
+          ])) : O("", !0)
+        ])
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -9429,16 +9435,16 @@ const ls = /* @__PURE__ */ q({
     ], 2));
   }
 });
-const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-project-item__title-line" }, zf = {
+const Wf = { class: "ao-card-project-phase__header" }, zf = { class: "ao-card-project-item__title-line" }, qf = {
   key: 0,
   class: "ao-card-project-item-phase__estimation"
-}, qf = { class: "ao-card-project-phase__footer" }, Yf = {
+}, Yf = { class: "ao-card-project-phase__footer" }, xf = {
   key: 0,
   class: "ao-card-project-phase__footer-row ao-card-project-phase__footer-row--progress"
-}, xf = { class: "ao-card-project-phase__subitem" }, Kf = { class: "ao-card-project-phase__subitem" }, Gf = {
+}, Kf = { class: "ao-card-project-phase__subitem" }, Gf = { class: "ao-card-project-phase__subitem" }, Xf = {
   key: 0,
   class: "ao-card-project-phase__secondary"
-}, Xf = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Qf = /* @__PURE__ */ q({
+}, Qf = { class: "ao-card-project-phase__deadline ao-card-project-phase__deadline--readonly" }, Jf = /* @__PURE__ */ q({
   __name: "AoCardProjectItemPhase",
   props: {
     id: {},
@@ -9478,7 +9484,7 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
       "is-clickable": c.isEditable
     }, fa({
       default: N(() => [
-        f("div", Wf, [
+        f("div", zf, [
           M(be, {
             id: c.id,
             class: "ao-card-project-phase__title",
@@ -9487,25 +9493,25 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
             "is-editable": c.isEditable,
             "onUpdate:title": s
           }, null, 8, ["id", "title", "is-editable"]),
-          n.value ? (p(), C("span", zf, " (" + W(n.value) + ")", 1)) : O("", !0)
+          n.value ? (p(), C("span", qf, " (" + W(n.value) + ")", 1)) : O("", !0)
         ])
       ]),
       footer: N(() => [
-        f("div", qf, [
-          o.value ? (p(), C("div", Yf, [
-            f("div", xf, [
+        f("div", Yf, [
+          o.value ? (p(), C("div", xf, [
+            f("div", Kf, [
               M(pe, {
                 name: "MountainFlagOutlineRounded",
                 size: "sm"
               }),
-              f("span", Kf, W(i.value) + " / " + W(o.value), 1)
+              f("span", Gf, W(i.value) + " / " + W(o.value), 1)
             ]),
             M(ls, {
               percentages: l.value,
               class: "ao-card-project-phase__progress",
               color: c.color
             }, null, 8, ["percentages", "color"]),
-            c.$slots.secondary ? (p(), C("div", Gf, [
+            c.$slots.secondary ? (p(), C("div", Xf, [
               te(c.$slots, "secondary")
             ])) : O("", !0)
           ])) : O("", !0),
@@ -9525,7 +9531,7 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
                 { lazy: !0 }
               ]
             ]) : O("", !0),
-            f("span", Xf, W(Q(Qa)(c.deadline)), 1)
+            f("span", Qf, W(Q(Qa)(c.deadline)), 1)
           ], 2)
         ])
       ]),
@@ -9534,7 +9540,7 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
       c.isEditable ? {
         name: "header",
         fn: N(() => [
-          f("div", Zf, [
+          f("div", Wf, [
             M(re, {
               class: "ao-card-project-phase__archive",
               color: "primary",
@@ -9556,7 +9562,7 @@ const Zf = { class: "ao-card-project-phase__header" }, Wf = { class: "ao-card-pr
     ]), 1032, ["is-clickable"]));
   }
 });
-const Jf = /* @__PURE__ */ q({
+const eh = /* @__PURE__ */ q({
   __name: "AoBadge",
   props: {
     color: {}
@@ -9568,22 +9574,22 @@ const Jf = /* @__PURE__ */ q({
     }, null, 4));
   }
 });
-const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-title-with-badge-wrapper" }, ah = { class: "ao-card-project-item__title-line" }, sh = {
+const th = { class: "ao-card-project-milestone__default" }, ah = { class: "ao-title-with-badge-wrapper" }, sh = { class: "ao-card-project-item__title-line" }, nh = {
   key: 0,
   class: "ao-card-project-item-milestone__estimation"
-}, nh = {
+}, ih = {
   key: 0,
   class: "ao-card-project-milestone__archive"
-}, ih = { class: "ao-card-project-milestone__activities" }, oh = { class: "ao-card-project-milestone__activities-row" }, lh = { class: "ao-card-project-milestone__subitem" }, rh = { class: "ao-card-project-milestone__subitem" }, uh = {
+}, oh = { class: "ao-card-project-milestone__activities" }, lh = { class: "ao-card-project-milestone__activities-row" }, rh = { class: "ao-card-project-milestone__subitem" }, uh = { class: "ao-card-project-milestone__subitem" }, ch = {
   key: 1,
   class: "ao-card-project-milestone__secondary"
-}, ch = { class: "ao-card-project-milestone__footer" }, dh = {
+}, dh = { class: "ao-card-project-milestone__footer" }, ph = {
   key: 1,
   class: "ao-field ao-card-project-milestone__deadline"
-}, ph = { class: "ao-field__label" }, vh = {
+}, vh = { class: "ao-field__label" }, fh = {
   key: 2,
   class: "ao-card-project-milestone__assignee"
-}, fh = /* @__PURE__ */ q({
+}, hh = /* @__PURE__ */ q({
   __name: "AoCardProjectItemMilestone",
   props: {
     id: {},
@@ -9627,12 +9633,12 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
       borderColor: r.phaseColor
     }, {
       default: N(() => [
-        f("div", eh, [
-          f("div", th, [
-            M(Jf, {
+        f("div", th, [
+          f("div", ah, [
+            M(eh, {
               color: r.color || ""
             }, null, 8, ["color"]),
-            f("div", ah, [
+            f("div", sh, [
               M(be, {
                 id: r.id,
                 title: r.name || "",
@@ -9641,10 +9647,10 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
                 class: "ao-card-project-milestone__title",
                 "onUpdate:title": l
               }, null, 8, ["id", "title", "is-editable"]),
-              s.value ? (p(), C("span", sh, " (" + W(s.value) + ")", 1)) : O("", !0)
+              s.value ? (p(), C("span", nh, " (" + W(s.value) + ")", 1)) : O("", !0)
             ])
           ]),
-          !r.readonly && r.isEditable ? (p(), C("div", nh, [
+          !r.readonly && r.isEditable ? (p(), C("div", ih, [
             M(re, {
               color: r.isSelected ? void 0 : "primary",
               variant: "ghost",
@@ -9660,15 +9666,15 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
             }, null, 8, ["color", "label"])
           ])) : O("", !0)
         ]),
-        f("div", ih, [
-          f("div", oh, [
+        f("div", oh, [
+          f("div", lh, [
             n.value ? (p(), C(fe, { key: 0 }, [
-              f("div", lh, [
+              f("div", rh, [
                 M(pe, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                f("span", rh, W(o.value) + " / " + W(n.value), 1)
+                f("span", uh, W(o.value) + " / " + W(n.value), 1)
               ]),
               M(ls, {
                 percentages: i.value,
@@ -9676,14 +9682,14 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
                 class: "ao-card-project-milestone__progress"
               }, null, 8, ["percentages", "color"])
             ], 64)) : O("", !0),
-            r.$slots.secondary ? (p(), C("div", uh, [
+            r.$slots.secondary ? (p(), C("div", ch, [
               te(r.$slots, "secondary")
             ])) : O("", !0)
           ])
         ])
       ]),
       footer: N(() => [
-        f("div", ch, [
+        f("div", dh, [
           r.important ? (p(), D(pe, {
             key: 0,
             name: "FlagRounded",
@@ -9692,10 +9698,10 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
             ),
             size: "sm"
           }, null, 8, ["class"])) : O("", !0),
-          r.deadline ? (p(), C("label", dh, [
-            f("span", ph, W(Q(Qa)(r.deadline)), 1)
+          r.deadline ? (p(), C("label", ph, [
+            f("span", vh, W(Q(Qa)(r.deadline)), 1)
           ])) : O("", !0),
-          r.assignee ? (p(), C("div", vh, [
+          r.assignee ? (p(), C("div", fh, [
             M(Je, {
               "user-name": Q(Kn)(r.assignee),
               "avatar-url": r.assignee.avatarUrl,
@@ -9716,8 +9722,8 @@ const eh = { class: "ao-card-project-milestone__default" }, th = { class: "ao-ti
   */
 function kt(t) {
   let e = { r: 0, g: 0, b: 0, a: 1 };
-  /#/.test(t) ? e = mh(t) : /rgb/.test(t) ? e = En(t) : typeof t == "string" ? e = En(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
-  const { r: a, g: s, b: n, a: o } = e, { h: i, s: l, v: r } = gh(e);
+  /#/.test(t) ? e = gh(t) : /rgb/.test(t) ? e = En(t) : typeof t == "string" ? e = En(`rgba(${t})`) : Object.prototype.toString.call(t) === "[object Object]" && (e = t);
+  const { r: a, g: s, b: n, a: o } = e, { h: i, s: l, v: r } = Ch(e);
   return { r: a, g: s, b: n, a: o === void 0 ? 1 : o, h: i, s: l, v: r };
 }
 function xs(t) {
@@ -9728,11 +9734,11 @@ function Ms(t, e, a, s, n, o) {
   const i = t === "l", l = e.createLinearGradient(0, 0, i ? a : 0, i ? 0 : s);
   l.addColorStop(0.01, n), l.addColorStop(0.99, o), e.fillStyle = l, e.fillRect(0, 0, a, s);
 }
-function hh({ r: t, g: e, b: a }, s) {
+function mh({ r: t, g: e, b: a }, s) {
   const n = (i) => ("0" + Number(i).toString(16)).slice(-2), o = `#${n(t)}${n(e)}${n(a)}`;
   return s ? o.toUpperCase() : o;
 }
-function mh(t) {
+function gh(t) {
   t = t.slice(1);
   const e = (a) => parseInt(a, 16) || 0;
   return {
@@ -9749,7 +9755,7 @@ function En(t) {
     a: Number(t[3] ? t[3] : 1)
   }) : t;
 }
-function gh({ r: t, g: e, b: a }) {
+function Ch({ r: t, g: e, b: a }) {
   t = t / 255, e = e / 255, a = a / 255;
   const s = Math.max(t, e, a), n = Math.min(t, e, a), o = s - n;
   let i = 0;
@@ -9816,8 +9822,8 @@ var Ks = q({
     }
   }
 });
-const Ch = { ref: "canvasSaturation" };
-function _h(t, e, a, s, n, o) {
+const _h = { ref: "canvasSaturation" };
+function yh(t, e, a, s, n, o) {
   return p(), D(
     "div",
     {
@@ -9827,7 +9833,7 @@ function _h(t, e, a, s, n, o) {
     [
       M(
         "canvas",
-        Ch,
+        _h,
         null,
         512
         /* NEED_PATCH */
@@ -9847,7 +9853,7 @@ function _h(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Ks.render = _h;
+Ks.render = yh;
 Ks.__file = "src/color/Saturation.vue";
 var Gs = q({
   props: {
@@ -9902,8 +9908,8 @@ var Gs = q({
     }
   }
 });
-const yh = { ref: "canvasHue" };
-function bh(t, e, a, s, n, o) {
+const bh = { ref: "canvasHue" };
+function wh(t, e, a, s, n, o) {
   return p(), D(
     "div",
     {
@@ -9913,7 +9919,7 @@ function bh(t, e, a, s, n, o) {
     [
       M(
         "canvas",
-        yh,
+        bh,
         null,
         512
         /* NEED_PATCH */
@@ -9933,7 +9939,7 @@ function bh(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Gs.render = bh;
+Gs.render = wh;
 Gs.__file = "src/color/Hue.vue";
 var Xs = q({
   props: {
@@ -9997,8 +10003,8 @@ var Xs = q({
     }
   }
 });
-const wh = { ref: "canvasAlpha" };
-function $h(t, e, a, s, n, o) {
+const $h = { ref: "canvasAlpha" };
+function kh(t, e, a, s, n, o) {
   return p(), D(
     "div",
     {
@@ -10008,7 +10014,7 @@ function $h(t, e, a, s, n, o) {
     [
       M(
         "canvas",
-        wh,
+        $h,
         null,
         512
         /* NEED_PATCH */
@@ -10028,7 +10034,7 @@ function $h(t, e, a, s, n, o) {
     /* HYDRATE_EVENTS */
   );
 }
-Xs.render = $h;
+Xs.render = kh;
 Xs.__file = "src/color/Alpha.vue";
 var Qs = q({
   props: {
@@ -10065,10 +10071,10 @@ var Qs = q({
     }
   }
 });
-function kh(t, e, a, s, n, o) {
+function Sh(t, e, a, s, n, o) {
   return p(), D("canvas");
 }
-Qs.render = kh;
+Qs.render = Sh;
 Qs.__file = "src/color/Preview.vue";
 var Js = q({
   props: {
@@ -10131,19 +10137,19 @@ var Js = q({
     }
   }
 });
-const Sh = /* @__PURE__ */ M(
+const Ah = /* @__PURE__ */ M(
   "path",
   { d: "M13.1,8.2l5.6,5.6c0.4,0.4,0.5,1.1,0.1,1.5s-1.1,0.5-1.5,0.1c0,0-0.1,0-0.1-0.1l-1.4-1.4l-7.7,7.7C7.9,21.9,7.6,22,7.3,22H3.1C2.5,22,2,21.5,2,20.9l0,0v-4.2c0-0.3,0.1-0.6,0.3-0.8l5.8-5.8C8.5,9.7,9.2,9.6,9.7,10s0.5,1.1,0.1,1.5c0,0,0,0.1-0.1,0.1l-5.5,5.5v2.7h2.7l7.4-7.4L8.7,6.8c-0.5-0.4-0.5-1-0.1-1.5s1.1-0.5,1.5-0.1c0,0,0.1,0,0.1,0.1l1.4,1.4l3.5-3.5c1.6-1.6,4.1-1.6,5.8-0.1c1.6,1.6,1.6,4.1,0.1,5.8L20.9,9l-3.6,3.6c-0.4,0.4-1.1,0.5-1.5,0.1" },
   null,
   -1
   /* HOISTED */
-), Ah = {
+), Mh = {
   key: 1,
   class: "sucker",
   viewBox: "-16 -16 68 68",
   xmlns: "http://www.w3.org/2000/svg",
   stroke: "#9099a4"
-}, Mh = /* @__PURE__ */ M(
+}, Th = /* @__PURE__ */ M(
   "g",
   {
     fill: "none",
@@ -10175,7 +10181,7 @@ const Sh = /* @__PURE__ */ M(
   -1
   /* HOISTED */
 );
-function Th(t, e, a, s, n, o) {
+function Oh(t, e, a, s, n, o) {
   return p(), D("div", null, [
     t.isSucking ? O("v-if", !0) : (p(), D(
       "svg",
@@ -10187,17 +10193,17 @@ function Th(t, e, a, s, n, o) {
         onClick: e[1] || (e[1] = (...i) => t.openSucker && t.openSucker(...i))
       },
       [
-        Sh
+        Ah
       ],
       2
       /* CLASS */
     )),
-    t.isSucking ? (p(), D("svg", Ah, [
-      Mh
+    t.isSucking ? (p(), D("svg", Mh, [
+      Th
     ])) : O("v-if", !0)
   ]);
 }
-Js.render = Th;
+Js.render = Oh;
 Js.__file = "src/color/Sucker.vue";
 var en = q({
   props: {
@@ -10230,12 +10236,12 @@ var en = q({
     };
   }
 });
-const Oh = { class: "color-type" }, Eh = { class: "name" };
-function Ih(t, e, a, s, n, o) {
-  return p(), D("div", Oh, [
+const Eh = { class: "color-type" }, Ih = { class: "name" };
+function Lh(t, e, a, s, n, o) {
+  return p(), D("div", Eh, [
     M(
       "span",
-      Eh,
+      Ih,
       W(t.name),
       1
       /* TEXT */
@@ -10256,7 +10262,7 @@ function Ih(t, e, a, s, n, o) {
     ])
   ]);
 }
-en.render = Ih;
+en.render = Lh;
 en.__file = "src/color/Box.vue";
 var tn = q({
   name: "ColorPicker",
@@ -10298,13 +10304,13 @@ var tn = q({
     };
   }
 });
-const Lh = { class: "colors" }, Ph = {
+const Ph = { class: "colors" }, Hh = {
   key: 0,
   class: "colors history"
 };
-function Hh(t, e, a, s, n, o) {
+function Vh(t, e, a, s, n, o) {
   return p(), D("div", null, [
-    M("ul", Lh, [
+    M("ul", Ph, [
       (p(!0), D(
         fe,
         null,
@@ -10338,7 +10344,7 @@ function Hh(t, e, a, s, n, o) {
         /* KEYED_FRAGMENT */
       ))
     ]),
-    t.colorsHistory.length ? (p(), D("ul", Ph, [
+    t.colorsHistory.length ? (p(), D("ul", Hh, [
       (p(!0), D(
         fe,
         null,
@@ -10374,7 +10380,7 @@ function Hh(t, e, a, s, n, o) {
     ])) : O("v-if", !0)
   ]);
 }
-tn.render = Hh;
+tn.render = Vh;
 tn.__file = "src/color/Colors.vue";
 var Ut = q({
   components: {
@@ -10485,7 +10491,7 @@ var Ut = q({
       return `rgba(${this.rgbaStringShort})`;
     },
     hexString() {
-      return hh(this.rgba, !0);
+      return mh(this.rgba, !0);
     }
   },
   created() {
@@ -10549,8 +10555,8 @@ var Ut = q({
     }
   }
 });
-const Vh = { class: "color-set" };
-function Dh(t, e, a, s, n, o) {
+const Dh = { class: "color-set" };
+function Bh(t, e, a, s, n, o) {
   const i = rt("Saturation"), l = rt("Hue"), r = rt("Alpha"), c = rt("Preview"), u = rt("Sucker"), d = rt("Box"), v = rt("Colors");
   return p(), D(
     "div",
@@ -10559,7 +10565,7 @@ function Dh(t, e, a, s, n, o) {
       style: { width: t.totalWidth + "px" }
     },
     [
-      M("div", Vh, [
+      M("div", Dh, [
         M(i, {
           ref: "saturation",
           color: t.rgbString,
@@ -10633,12 +10639,12 @@ function Dh(t, e, a, s, n, o) {
     /* CLASS, STYLE */
   );
 }
-Ut.render = Dh;
+Ut.render = Bh;
 Ut.__file = "src/color/ColorPicker.vue";
 Ut.install = (t) => {
   t.component(Ut.name, Ut);
 };
-const Bh = { class: "color-picker-wrapper" }, vi = /* @__PURE__ */ q({
+const jh = { class: "color-picker-wrapper" }, vi = /* @__PURE__ */ q({
   __name: "AoColorPicker",
   props: {
     color: {}
@@ -10660,7 +10666,7 @@ const Bh = { class: "color-picker-wrapper" }, vi = /* @__PURE__ */ q({
       const { r, g: c, b: u, a: d } = l.rgba, v = `rgba(${r}, ${c}, ${u}, ${d})`;
       console.log("COLOR"), console.log(v), console.log(l), e("update:color", v);
     };
-    return (l, r) => (p(), C("div", Bh, [
+    return (l, r) => (p(), C("div", jh, [
       te(l.$slots, "clickable", {
         openPicker: n,
         bgColor: l.color
@@ -10680,16 +10686,16 @@ const Bh = { class: "color-picker-wrapper" }, vi = /* @__PURE__ */ q({
     ]));
   }
 });
-const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao-card-project-item__title-line" }, Nh = {
+const Rh = { class: "ao-mapping-card-project-phase__header" }, Nh = { class: "ao-card-project-item__title-line" }, Uh = {
   key: 0,
   class: "ao-card-project-item-phase__estimation"
-}, Uh = { class: "ao-mapping-card-project-phase__footer" }, Fh = {
+}, Fh = { class: "ao-mapping-card-project-phase__footer" }, Zh = {
   key: 0,
   class: "ao-mapping-card-project-phase__footer-row ao-mapping-card-project-phase__footer-row--progress"
-}, Zh = { class: "ao-mapping-card-project-phase__subitem" }, Wh = { class: "ao-mapping-card-project-phase__subitem" }, zh = {
+}, Wh = { class: "ao-mapping-card-project-phase__subitem" }, zh = { class: "ao-mapping-card-project-phase__subitem" }, qh = {
   key: 0,
   class: "ao-mapping-card-project-phase__secondary"
-}, qh = { class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--readonly" }, Yh = /* @__PURE__ */ q({
+}, Yh = { class: "ao-mapping-card-project-phase__deadline ao-mapping-card-project-phase__deadline--readonly" }, xh = /* @__PURE__ */ q({
   __name: "AoCondensedCardProjectItemPhase",
   props: {
     id: {},
@@ -10743,11 +10749,10 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
         M(os, {
           class: "ao-mapping-card-project-phase",
           "is-clickable": d.isEditable,
-          onClick: (b) => u(b, m),
-          style: pt({ "--ao-card-custom-bg": w })
+          onClick: (b) => u(b, m)
         }, fa({
           default: N(() => [
-            f("div", Rh, [
+            f("div", Nh, [
               M(be, {
                 id: d.id,
                 class: "ao-mapping-card-project-phase__title",
@@ -10756,25 +10761,25 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
                 "is-editable": d.isEditable,
                 "onUpdate:title": s
               }, null, 8, ["id", "title", "is-editable"]),
-              n.value ? (p(), C("span", Nh, " (" + W(n.value) + ")", 1)) : O("", !0)
+              n.value ? (p(), C("span", Uh, " (" + W(n.value) + ")", 1)) : O("", !0)
             ])
           ]),
           footer: N(() => [
-            f("div", Uh, [
-              o.value ? (p(), C("div", Fh, [
-                f("div", Zh, [
+            f("div", Fh, [
+              o.value ? (p(), C("div", Zh, [
+                f("div", Wh, [
                   M(pe, {
                     name: "MountainFlagOutlineRounded",
                     size: "sm"
                   }),
-                  f("span", Wh, W(i.value) + " / " + W(o.value), 1)
+                  f("span", zh, W(i.value) + " / " + W(o.value), 1)
                 ]),
                 M(ls, {
                   percentages: l.value,
                   class: "ao-mapping-card-project-phase__progress",
                   color: c.value
                 }, null, 8, ["percentages", "color"]),
-                d.$slots.secondary ? (p(), C("div", zh, [
+                d.$slots.secondary ? (p(), C("div", qh, [
                   te(d.$slots, "secondary")
                 ])) : O("", !0)
               ])) : O("", !0),
@@ -10794,7 +10799,7 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
                     { lazy: !0 }
                   ]
                 ]) : O("", !0),
-                f("span", qh, W(Q(Qa)(d.deadline)), 1)
+                f("span", Yh, W(Q(Qa)(d.deadline)), 1)
               ], 2)
             ])
           ]),
@@ -10803,7 +10808,7 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
           d.isEditable ? {
             name: "header",
             fn: N(() => [
-              f("div", jh, [
+              f("div", Rh, [
                 M(re, {
                   class: "ao-mapping-card-project-phase__archive",
                   color: "primary",
@@ -10822,25 +10827,25 @@ const jh = { class: "ao-mapping-card-project-phase__header" }, Rh = { class: "ao
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["is-clickable", "onClick", "style"])
+        ]), 1032, ["is-clickable", "onClick"])
       ]),
       _: 3
     }, 8, ["color"]));
   }
 });
-const xh = { class: "ao-project-phase" }, Kh = {
+const Kh = { class: "ao-project-phase" }, Gh = {
   key: 0,
   class: "ao-project-phase__drag ao-card__drag"
-}, Gh = {
+}, Xh = {
   key: 1,
   class: "ao-project-phase__col-phase"
-}, Xh = {
+}, Qh = {
   key: 2,
   class: "ao-mapping-project-phase__col-phase"
-}, Qh = {
+}, Jh = {
   key: 0,
   class: "ao-project-phase__col-milestones"
-}, Jh = { class: "ao-project-phase__milestones-list-footer" }, e9 = /* @__PURE__ */ q({
+}, e9 = { class: "ao-project-phase__milestones-list-footer" }, t9 = /* @__PURE__ */ q({
   __name: "AoProjectPhase",
   props: {
     phase: {},
@@ -10898,19 +10903,19 @@ const xh = { class: "ao-project-phase" }, Kh = {
       var h;
       return a.phase.id !== ((h = b.params) == null ? void 0 : h.phaseId) ? { backgroundColor: "var(--ao-color-sheet)" } : a.phase.color ? { backgroundColor: N3(a.phase.color) } : { backgroundColor: "var(--ao-color-primary-lightest)" };
     });
-    return (h, _) => (p(), C("li", xh, [
+    return (h, _) => (p(), C("li", Kh, [
       f("div", {
         class: "ao-project-phases__draggable-card",
         style: pt($.value)
       }, [
-        h.isEditable ? (p(), C("div", Kh, [
+        h.isEditable ? (p(), C("div", Gh, [
           M(pe, {
             name: "DragIndicator",
             class: "ao-project-phase__drag-handle"
           })
         ])) : O("", !0),
-        g.value ? (p(), C("div", Xh, [
-          M(Yh, {
+        g.value ? (p(), C("div", Qh, [
+          M(xh, {
             id: h.phase.id,
             milestones: l.value,
             name: h.phase.name,
@@ -10924,8 +10929,8 @@ const xh = { class: "ao-project-phase" }, Kh = {
             onUnarchivePhase: m,
             onUpdatePhase: i
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color"])
-        ])) : (p(), C("div", Gh, [
-          M(Qf, {
+        ])) : (p(), C("div", Xh, [
+          M(Jf, {
             id: h.phase.id,
             milestones: l.value,
             name: h.phase.name,
@@ -10940,7 +10945,7 @@ const xh = { class: "ao-project-phase" }, Kh = {
           }, null, 8, ["id", "milestones", "name", "deadline", "active", "is-editable", "color"])
         ]))
       ], 4),
-      g.value ? O("", !0) : (p(), C("div", Qh, [
+      g.value ? O("", !0) : (p(), C("div", Jh, [
         f("div", {
           class: "ao-project-phase__milestones",
           style: pt($.value)
@@ -10955,7 +10960,7 @@ const xh = { class: "ao-project-phase" }, Kh = {
             item: N(({ element: P }) => {
               var I;
               return [
-                M(fh, {
+                M(hh, {
                   id: P.id,
                   name: P.name,
                   color: P.color,
@@ -10983,7 +10988,7 @@ const xh = { class: "ao-project-phase" }, Kh = {
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          f("div", Jh, [
+          f("div", e9, [
             h.isEditable ? (p(), D(Ct, {
               key: 0,
               label: h.$t("project.milestone.add"),
@@ -10997,10 +11002,10 @@ const xh = { class: "ao-project-phase" }, Kh = {
     ]));
   }
 });
-const t9 = { class: "ao-project__phases" }, a9 = {
+const a9 = { class: "ao-project__phases" }, s9 = {
   key: 0,
   class: "ao-project-phase__phases-list-footer"
-}, s9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__empty_drag" }, null, -1), n9 = { class: "ao-project-phase__col-phase" }, i9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__col-milestones" }, null, -1), fi = /* @__PURE__ */ q({
+}, n9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__empty_drag" }, null, -1), i9 = { class: "ao-project-phase__col-phase" }, o9 = /* @__PURE__ */ f("div", { class: "ao-project-phase__col-milestones" }, null, -1), fi = /* @__PURE__ */ q({
   __name: "AoProjectPhases",
   props: {
     phases: {},
@@ -11040,7 +11045,7 @@ const t9 = { class: "ao-project__phases" }, a9 = {
     }, d = (v) => {
       e("addPhase", v);
     };
-    return (v, m) => (p(), C("div", t9, [
+    return (v, m) => (p(), C("div", a9, [
       M(Q(gt), {
         class: "ao-project-phase__phases-list",
         "model-value": v.phases,
@@ -11049,7 +11054,7 @@ const t9 = { class: "ao-project__phases" }, a9 = {
         onChange: c
       }, {
         item: N(({ element: w }) => [
-          M(e9, {
+          M(t9, {
             phase: w,
             "is-editable": !v.readonly && v.isEditable,
             "closed-status": v.closedStatus,
@@ -11066,9 +11071,9 @@ const t9 = { class: "ao-project__phases" }, a9 = {
         ]),
         _: 1
       }, 8, ["model-value"]),
-      v.isEditable ? (p(), C("div", a9, [
-        s9,
-        f("div", n9, [
+      v.isEditable ? (p(), C("div", s9, [
+        n9,
+        f("div", i9, [
           M(Ct, {
             label: v.$t("project.phases.add"),
             "icon-name": "Add",
@@ -11076,12 +11081,12 @@ const t9 = { class: "ao-project__phases" }, a9 = {
             onClick: d
           }, null, 8, ["label"])
         ]),
-        i9
+        o9
       ])) : O("", !0)
     ]));
   }
 });
-const o9 = ["onSubmit"], l9 = { class: "ao-add-template-modal__form-body" }, r9 = { class: "field__row" }, u9 = { class: "ao-add-template-modal__form-footer" }, hi = /* @__PURE__ */ q({
+const l9 = ["onSubmit"], r9 = { class: "ao-add-template-modal__form-body" }, u9 = { class: "field__row" }, c9 = { class: "ao-add-template-modal__form-footer" }, hi = /* @__PURE__ */ q({
   __name: "AoAddTemplateModal",
   props: {
     projectId: {},
@@ -11110,8 +11115,8 @@ const o9 = ["onSubmit"], l9 = { class: "ao-add-template-modal__form-body" }, r9
           onSubmit: ve(i, ["prevent"])
         }, [
           f("p", null, W(l.$t("project.template.apply.notice")), 1),
-          f("div", l9, [
-            f("div", r9, [
+          f("div", r9, [
+            f("div", u9, [
               M(Se, {
                 value: n.value,
                 options: s.value,
@@ -11120,7 +11125,7 @@ const o9 = ["onSubmit"], l9 = { class: "ao-add-template-modal__form-body" }, r9
               }, null, 8, ["value", "options"])
             ])
           ]),
-          f("footer", u9, [
+          f("footer", c9, [
             M(re, {
               label: l.$t("project.template.apply.label"),
               type: "submit",
@@ -11129,13 +11134,13 @@ const o9 = ["onSubmit"], l9 = { class: "ao-add-template-modal__form-body" }, r9
               onClick: i
             }, null, 8, ["label"])
           ])
-        ], 40, o9)
+        ], 40, l9)
       ]),
       _: 1
     }));
   }
 });
-const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9 = { class: "field__row" }, v9 = { class: "ao-field ao-field--inline" }, f9 = { class: "ao-field__label" }, h9 = { class: "ao-save-template-modal__phases" }, m9 = { class: "ao-field__label" }, g9 = { class: "ao-save-template-modal__phases-list" }, C9 = ["value"], _9 = { class: "ao-save-template-modal__form-footer" }, mi = /* @__PURE__ */ q({
+const d9 = ["onSubmit"], p9 = { class: "ao-save-template-modal__form-body" }, v9 = { class: "field__row" }, f9 = { class: "ao-field ao-field--inline" }, h9 = { class: "ao-field__label" }, m9 = { class: "ao-save-template-modal__phases" }, g9 = { class: "ao-field__label" }, C9 = { class: "ao-save-template-modal__phases-list" }, _9 = ["value"], y9 = { class: "ao-save-template-modal__form-footer" }, mi = /* @__PURE__ */ q({
   __name: "AoSaveTemplateModal",
   props: {
     phases: {}
@@ -11161,10 +11166,10 @@ const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9
           class: "ao-save-template-modal__form",
           onSubmit: ve(o, ["prevent"])
         }, [
-          f("div", d9, [
-            f("div", p9, [
-              f("label", v9, [
-                f("span", f9, W(i.$t("project.template.name.label")) + ": ", 1),
+          f("div", p9, [
+            f("div", v9, [
+              f("label", f9, [
+                f("span", h9, W(i.$t("project.template.name.label")) + ": ", 1),
                 De(f("input", {
                   "onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
                   type: "text"
@@ -11173,9 +11178,9 @@ const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9
                 ])
               ])
             ]),
-            f("div", h9, [
-              f("div", m9, W(i.$t("project.template.phases.label")), 1),
-              f("div", g9, [
+            f("div", m9, [
+              f("div", g9, W(i.$t("project.template.phases.label")), 1),
+              f("div", C9, [
                 (p(!0), C(fe, null, _e(a.phases, (r) => (p(), C("label", {
                   class: "ao-field ao-field--checkbox",
                   key: r.id
@@ -11184,7 +11189,7 @@ const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9
                     type: "checkbox",
                     value: r.id,
                     "onUpdate:modelValue": l[1] || (l[1] = (c) => n.value = c)
-                  }, null, 8, C9), [
+                  }, null, 8, _9), [
                     [Ui, n.value]
                   ]),
                   f("span", null, W(r.name), 1)
@@ -11192,7 +11197,7 @@ const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9
               ])
             ])
           ]),
-          f("footer", _9, [
+          f("footer", y9, [
             M(re, {
               label: i.$t("project.template.save.label"),
               type: "submit",
@@ -11201,13 +11206,13 @@ const c9 = ["onSubmit"], d9 = { class: "ao-save-template-modal__form-body" }, p9
               onClick: o
             }, null, 8, ["label"])
           ])
-        ], 40, c9)
+        ], 40, d9)
       ]),
       _: 1
     }));
   }
 });
-const y9 = q({
+const b9 = q({
   props: {
     modelValue: {
       type: [String, Number],
@@ -11225,18 +11230,18 @@ const y9 = q({
     }
   }
 });
-const b9 = { class: "tabbar-wrapper" }, w9 = ["onClick"];
-function $9(t, e, a, s, n, o) {
-  return p(), C("div", b9, [
+const w9 = { class: "tabbar-wrapper" }, $9 = ["onClick"];
+function k9(t, e, a, s, n, o) {
+  return p(), C("div", w9, [
     (p(!0), C(fe, null, _e(t.tabs, (i) => (p(), C("button", {
       key: i.value,
       class: X(["tab-button", { "tab-button--active": i.value === t.modelValue }]),
       type: "button",
       onClick: (l) => t.selectTab(i.value)
-    }, W(i.label), 11, w9))), 128))
+    }, W(i.label), 11, $9))), 128))
   ]);
 }
-const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297"]]), k9 = { class: "ao-project" }, S9 = { class: "ao-project__body" }, A9 = /* @__PURE__ */ q({
+const an = /* @__PURE__ */ U(b9, [["render", k9], ["__scopeId", "data-v-ff4e3297"]]), S9 = { class: "ao-project" }, A9 = { class: "ao-project__body" }, M9 = /* @__PURE__ */ q({
   __name: "AoProjectOverviewProject",
   props: {
     project: {},
@@ -11318,7 +11323,7 @@ const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297
       const R = rt("RouterView");
       return p(), C(fe, null, [
         f("div", Ae({ class: "ao-project-overview" }, T.$attrs), [
-          f("div", k9, [
+          f("div", S9, [
             M(ba, null, {
               primary: N(() => [
                 M(an, {
@@ -11357,7 +11362,7 @@ const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297
               ]),
               _: 1
             }),
-            f("div", S9, [
+            f("div", A9, [
               M(fi, {
                 phases: T.phases,
                 "closed-status": T.closedStatus,
@@ -11444,39 +11449,39 @@ const an = /* @__PURE__ */ U(y9, [["render", $9], ["__scopeId", "data-v-ff4e3297
     };
   }
 });
-const M9 = { class: "ao-card-feed__header" }, T9 = {
+const T9 = { class: "ao-card-feed__header" }, O9 = {
   key: 1,
   class: "ao-card-feed__header-secondary ao-card-feed__header-icons"
-}, O9 = {
+}, E9 = {
   key: 2,
   class: "ao-card-feed__header-secondary ao-card-feed__secondary"
-}, E9 = { class: "ao-card-feed__body" }, I9 = {
+}, I9 = { class: "ao-card-feed__body" }, L9 = {
   key: 0,
   class: "ao-card-feed__breadcrumbs"
-}, L9 = {
+}, P9 = {
   class: /* @__PURE__ */ X(["ao-card-feed__title-group"])
-}, P9 = { class: "ao-card-feed__title-line" }, H9 = {
+}, H9 = { class: "ao-card-feed__title-line" }, V9 = {
   key: 0,
   class: "ao-card-feed__slug"
-}, V9 = {
+}, D9 = {
   key: 1,
   class: "ao-card-feed__deadline"
-}, D9 = { class: "ao-card-feed__footer" }, B9 = { class: "ao-card-feed__footer-row" }, j9 = { class: "ao-assignees" }, R9 = {
+}, B9 = { class: "ao-card-feed__footer" }, j9 = { class: "ao-card-feed__footer-row" }, R9 = { class: "ao-assignees" }, N9 = {
   key: 0,
   class: "ao-assignee"
-}, N9 = {
+}, U9 = {
   key: 0,
   class: "ao-card-feed__subitems"
-}, U9 = {
+}, F9 = {
   key: 0,
   class: "ao-card-feed__subitem"
-}, F9 = { class: "ao-card-feed__subitem" }, Z9 = {
+}, Z9 = { class: "ao-card-feed__subitem" }, W9 = {
   key: 1,
   class: "ao-card-feed__subitem"
-}, W9 = { class: "ao-card-feed__subitem" }, z9 = { class: "ao-card-feed__footer-row" }, q9 = {
+}, z9 = { class: "ao-card-feed__subitem" }, q9 = { class: "ao-card-feed__footer-row" }, Y9 = {
   key: 0,
   class: "ao-card-feed__progress-wrapper"
-}, Y9 = { class: "ao-card-feed__subitem" }, x9 = { class: "ao-card-feed__subitem" }, gi = /* @__PURE__ */ q({
+}, x9 = { class: "ao-card-feed__subitem" }, K9 = { class: "ao-card-feed__subitem" }, gi = /* @__PURE__ */ q({
   __name: "AoCardFeed",
   props: {
     id: {},
@@ -11519,7 +11524,7 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
       "is-clickable": !0
     }, {
       header: N(() => [
-        f("div", M9, [
+        f("div", T9, [
           s.value ? (p(), D(ra, {
             key: 0,
             label: s.value,
@@ -11528,7 +11533,7 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
             color: m.projectColor ? void 0 : "primary",
             "raw-color": n.value
           }, null, 8, ["label", "color", "raw-color"])) : O("", !0),
-          m.isPrivate || m.important || m.isClosed ? (p(), C("div", T9, [
+          m.isPrivate || m.important || m.isClosed ? (p(), C("div", O9, [
             m.isPrivate ? (p(), D(pe, {
               key: 0,
               name: "Lock",
@@ -11547,17 +11552,17 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
               class: "ao-card-feed__closed"
             })) : O("", !0)
           ])) : O("", !0),
-          m.$slots.secondary ? (p(), C("div", O9, [
+          m.$slots.secondary ? (p(), C("div", E9, [
             te(m.$slots, "secondary")
           ])) : O("", !0)
         ])
       ]),
       default: N(() => [
-        f("div", E9, [
-          i.value ? (p(), C("span", I9, W(i.value), 1)) : O("", !0),
-          f("div", L9, [
-            f("div", P9, [
-              m.slug ? (p(), C("span", H9, W(m.slug) + ": ", 1)) : O("", !0),
+        f("div", I9, [
+          i.value ? (p(), C("span", L9, W(i.value), 1)) : O("", !0),
+          f("div", P9, [
+            f("div", H9, [
+              m.slug ? (p(), C("span", V9, W(m.slug) + ": ", 1)) : O("", !0),
               M(be, {
                 id: m.id,
                 title: m.name,
@@ -11568,17 +11573,17 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
               }, null, 8, ["id", "title", "is-editable"])
             ])
           ]),
-          m.deadline ? (p(), C("span", V9, W(r.value), 1)) : O("", !0)
+          m.deadline ? (p(), C("span", D9, W(r.value), 1)) : O("", !0)
         ])
       ]),
       footer: N(() => [
-        f("div", D9, [
-          f("div", B9, [
-            f("ul", j9, [
+        f("div", B9, [
+          f("div", j9, [
+            f("ul", R9, [
               (p(!0), C(fe, null, _e(l.value, (b) => (p(), C(fe, {
                 key: b.id
               }, [
-                b ? (p(), C("li", R9, [
+                b ? (p(), C("li", N9, [
                   M(Je, {
                     "user-name": Q(Kn)(b),
                     "avatar-url": b.avatarUrl,
@@ -11588,31 +11593,31 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
                 ])) : O("", !0)
               ], 64))), 128))
             ]),
-            m.comments || m.attachments ? (p(), C("ul", N9, [
-              m.comments ? (p(), C("li", U9, [
+            m.comments || m.attachments ? (p(), C("ul", U9, [
+              m.comments ? (p(), C("li", F9, [
                 M(pe, {
                   name: "ChatOutline",
                   size: "sm"
                 }),
-                f("span", F9, W(m.comments), 1)
+                f("span", Z9, W(m.comments), 1)
               ])) : O("", !0),
-              m.attachments ? (p(), C("li", Z9, [
+              m.attachments ? (p(), C("li", W9, [
                 M(pe, {
                   name: "AttachFileRounded",
                   size: "sm"
                 }),
-                f("span", W9, W(m.attachments), 1)
+                f("span", z9, W(m.attachments), 1)
               ])) : O("", !0)
             ])) : O("", !0)
           ]),
-          f("div", z9, [
-            m.tasks && m.tasks.length ? (p(), C("div", q9, [
-              f("div", Y9, [
+          f("div", q9, [
+            m.tasks && m.tasks.length ? (p(), C("div", Y9, [
+              f("div", x9, [
                 M(pe, {
                   name: "SelectCheckBox",
                   size: "sm"
                 }),
-                f("span", x9, W(d.value) + " / " + W(u.value), 1)
+                f("span", K9, W(d.value) + " / " + W(u.value), 1)
               ]),
               M(ls, {
                 percentages: v.value,
@@ -11626,10 +11631,10 @@ const M9 = { class: "ao-card-feed__header" }, T9 = {
     }, 8, ["class"]));
   }
 });
-const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-milestone__header" }, X9 = { class: "ao-project-milestone__header_line" }, Q9 = { class: "ao-project-milestone__header_line" }, J9 = { class: "ao-project-milestone__title" }, e4 = {
+const G9 = { class: "ao-project-milestone" }, X9 = { class: "ao-project-milestone__header" }, Q9 = { class: "ao-project-milestone__header_line" }, J9 = { class: "ao-project-milestone__header_line" }, e4 = { class: "ao-project-milestone__title" }, t4 = {
   key: 0,
   class: "ao-fieldset ao-milestone__fieldset"
-}, t4 = { class: "ao-field__row ao-milestone__field-row" }, a4 = { class: "ao-field ao-field--inline" }, s4 = { class: "ao-field__row ao-milestone__field-row" }, n4 = { class: "ao-field ao-milestone__field-multiselect" }, i4 = ["onClick"], o4 = { class: "ao-project-milestone__body" }, l4 = {
+}, a4 = { class: "ao-field__row ao-milestone__field-row" }, s4 = { class: "ao-field ao-field--inline" }, n4 = { class: "ao-field__row ao-milestone__field-row" }, i4 = { class: "ao-field ao-milestone__field-multiselect" }, o4 = ["onClick"], l4 = { class: "ao-project-milestone__body" }, r4 = {
   key: 0,
   class: "ao-project-milestone__footer"
 }, In = /* @__PURE__ */ q({
@@ -11736,9 +11741,9 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
     });
     return (h, _) => {
       var P;
-      return p(), C("div", K9, [
-        f("header", G9, [
-          f("div", X9, [
+      return p(), C("div", G9, [
+        f("header", X9, [
+          f("div", Q9, [
             M(re, {
               "icon-name": "CloseRounded",
               variant: "ghost",
@@ -11747,8 +11752,8 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
               onClick: r
             })
           ]),
-          f("div", Q9, [
-            f("div", J9, [
+          f("div", J9, [
+            f("div", e4, [
               M(be, {
                 title: ((P = i.value) == null ? void 0 : P.name) || h.milestoneId,
                 level: 5
@@ -11767,9 +11772,9 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
               }, null, 8, ["modelValue", "disabled", "label"])
             ])
           ]),
-          i.value ? (p(), C("div", e4, [
-            f("div", t4, [
-              f("label", a4, [
+          i.value ? (p(), C("div", t4, [
+            f("div", a4, [
+              f("label", s4, [
                 De(f("input", {
                   "onUpdate:modelValue": _[1] || (_[1] = (I) => m.value = I),
                   class: "ao-milestone__field ao-milestone__date-field",
@@ -11784,8 +11789,8 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
                 ])
               ])
             ]),
-            f("div", s4, [
-              f("label", n4, [
+            f("div", n4, [
+              f("label", i4, [
                 M(Se, {
                   modelValue: g.value,
                   "onUpdate:modelValue": _[2] || (_[2] = (I) => g.value = I),
@@ -11823,13 +11828,13 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
                   style: pt({ background: L }),
                   class: "color-button",
                   onClick: I
-                }, null, 12, i4)
+                }, null, 12, o4)
               ]),
               _: 1
             }, 8, ["color"])
           ])) : O("", !0)
         ]),
-        f("div", o4, [
+        f("div", l4, [
           M(Q(gt), Ae({
             class: "ao-project-milestone__activities",
             list: l.value,
@@ -11900,7 +11905,7 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
             }),
             _: 1
           }, 16, ["list", "disabled"]),
-          h.isEditable ? (p(), C("div", l4, [
+          h.isEditable ? (p(), C("div", r4, [
             M(Ct, {
               "icon-name": "Add",
               label: h.$t("project.activity.add"),
@@ -11912,7 +11917,7 @@ const K9 = { class: "ao-project-milestone" }, G9 = { class: "ao-project-mileston
     };
   }
 });
-const r4 = /* @__PURE__ */ q({
+const u4 = /* @__PURE__ */ q({
   __name: "AoProjectOverviewActivityDetails",
   props: {
     phaseId: {},
@@ -11999,14 +12004,14 @@ const r4 = /* @__PURE__ */ q({
       }, 8, ["activity", "activity-types", "milestone-id", "template-activities", "users", "user-id", "is-task-checkable", "statuses", "breadcrumbs", "is-editable", "attachment-enabled", "projects", "onClose"])) : O("", !0);
     };
   }
-}), u4 = { class: "ao-col-header" }, c4 = /* @__PURE__ */ q({
+}), c4 = { class: "ao-col-header" }, d4 = /* @__PURE__ */ q({
   __name: "AoColHeader",
   props: {
     title: {},
     items: {}
   },
   setup(t) {
-    return (e, a) => (p(), C("header", u4, [
+    return (e, a) => (p(), C("header", c4, [
       M(be, {
         title: e.title,
         class: "ao-col-header__title",
@@ -12022,17 +12027,17 @@ const r4 = /* @__PURE__ */ q({
     ]));
   }
 });
-function d4(t) {
+function p4(t) {
   return Fi() ? (Zi(t), !0) : !1;
 }
 function za(t) {
   return typeof t == "function" ? t() : Q(t);
 }
-const p4 = typeof window < "u" && typeof document < "u";
+const v4 = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const v4 = (t) => t != null, la = () => {
+const f4 = (t) => t != null, la = () => {
 };
-function f4(t, e) {
+function h4(t, e) {
   function a(...s) {
     return new Promise((n, o) => {
       Promise.resolve(t(() => e.apply(this, s), { fn: e, thisArg: this, args: s })).then(n).catch(o);
@@ -12040,7 +12045,7 @@ function f4(t, e) {
   }
   return a;
 }
-function h4(t, e = {}) {
+function m4(t, e = {}) {
   let a, s, n = la;
   const o = (l) => {
     clearTimeout(l), n(), n = la;
@@ -12056,9 +12061,9 @@ function h4(t, e = {}) {
     });
   };
 }
-function m4(t, e = 200, a = {}) {
-  return f4(
-    h4(e, a),
+function g4(t, e = 200, a = {}) {
+  return h4(
+    m4(e, a),
     t
   );
 }
@@ -12067,27 +12072,27 @@ function bs(t) {
   const a = za(t);
   return (e = a == null ? void 0 : a.$el) != null ? e : a;
 }
-const g4 = p4 ? window : void 0;
-function C4() {
+const C4 = v4 ? window : void 0;
+function _4() {
   const t = x(!1), e = Lt();
   return e && It(() => {
     t.value = !0;
   }, e), t;
 }
-function _4(t) {
-  const e = C4();
+function y4(t) {
+  const e = _4();
   return A(() => (e.value, !!t()));
 }
-function y4(t, e, a = {}) {
+function b4(t, e, a = {}) {
   const {
     root: s,
     rootMargin: n = "0px",
     threshold: o = 0.1,
-    window: i = g4,
+    window: i = C4,
     immediate: l = !0
-  } = a, r = _4(() => i && "IntersectionObserver" in i), c = A(() => {
+  } = a, r = y4(() => i && "IntersectionObserver" in i), c = A(() => {
     const w = za(t);
-    return (Array.isArray(w) ? w : [w]).map(bs).filter(v4);
+    return (Array.isArray(w) ? w : [w]).map(bs).filter(f4);
   });
   let u = la;
   const d = x(l), v = r.value ? ce(
@@ -12111,7 +12116,7 @@ function y4(t, e, a = {}) {
   ) : la, m = () => {
     u(), v(), d.value = !1;
   };
-  return d4(m), {
+  return p4(m), {
     isSupported: r,
     isActive: d,
     pause() {
@@ -12123,24 +12128,24 @@ function y4(t, e, a = {}) {
     stop: m
   };
 }
-const b4 = {
+const w4 = {
   class: /* @__PURE__ */ X(["ao-list-kanban"])
-}, w4 = { class: "ao-list-kanban__header" }, $4 = {
+}, $4 = { class: "ao-list-kanban__header" }, k4 = {
   key: 0,
   class: "ao-list-kanban__end ao-list-kanban__end--loading"
-}, k4 = {
+}, S4 = {
   key: 1,
   class: "ao-list-kanban__end"
-}, S4 = {
+}, A4 = {
   key: 0,
   class: "ao-list-kanban__no-more"
-}, A4 = {
+}, M4 = {
   key: 1,
   class: "ao-list-kanban__divider"
-}, M4 = {
+}, T4 = {
   key: 1,
   class: "ao-list-kanban__footer"
-}, T4 = /* @__PURE__ */ q({
+}, O4 = /* @__PURE__ */ q({
   __name: "AoListKanban",
   props: {
     list: {},
@@ -12158,7 +12163,7 @@ const b4 = {
   emits: ["add", "update:list", "change:list", "loadMore", "selectActivity", "archiveActivity", "unarchiveActivity", "updateActivity"],
   setup(t, { emit: e }) {
     const a = t, s = x(!1), n = x(null);
-    y4(n, ([{ isIntersecting: u }]) => {
+    b4(n, ([{ isIntersecting: u }]) => {
       s.value = u;
     }), ce(s, (u) => {
       u && a.hasMore && !a.isLoading && e("loadMore");
@@ -12183,12 +12188,12 @@ const b4 = {
         )
       });
     }, c = x(!1);
-    return (u, d) => (p(), C("div", b4, [
+    return (u, d) => (p(), C("div", w4, [
       u.title || u.$slots.header ? te(u.$slots, "header", { key: 0 }, () => {
         var v;
         return [
-          f("div", w4, [
-            u.title ? (p(), D(c4, {
+          f("div", $4, [
+            u.title ? (p(), D(d4, {
               key: 0,
               title: u.title,
               level: 3,
@@ -12274,20 +12279,20 @@ const b4 = {
           ];
         }),
         footer: N(() => [
-          u.isLoading ? (p(), C("div", $4, [
+          u.isLoading ? (p(), C("div", k4, [
             M(pe, { name: "Loading" })
           ])) : u.hasMore ? (p(), C("div", {
             key: 2,
             ref_key: "scrollEnd",
             ref: n,
             class: "ao-list-kanban__end"
-          }, null, 512)) : (p(), C("div", k4, [
-            u.noMoreLabel ? (p(), C("span", S4, W(u.noMoreLabel), 1)) : u.isEditable ? (p(), C("span", A4)) : O("", !0)
+          }, null, 512)) : (p(), C("div", S4, [
+            u.noMoreLabel ? (p(), C("span", A4, W(u.noMoreLabel), 1)) : u.isEditable ? (p(), C("span", M4)) : O("", !0)
           ]))
         ]),
         _: 1
       }, 16, ["class", "list", "disabled"]),
-      u.$slots.footer || u.footerLabel ? (p(), C("div", M4, [
+      u.$slots.footer || u.footerLabel ? (p(), C("div", T4, [
         te(u.$slots, "footer", {}, () => [
           u.isEditable ? (p(), D(Ct, {
             key: 0,
@@ -12300,7 +12305,7 @@ const b4 = {
     ]));
   }
 });
-const O4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder", "onKeypress"], I4 = /* @__PURE__ */ q({
+const E4 = { class: "ao-field ao-search-field" }, I4 = ["value", "placeholder", "onKeypress"], L4 = /* @__PURE__ */ q({
   __name: "AoSearchField",
   props: {
     modelValue: {},
@@ -12312,10 +12317,10 @@ const O4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder",
     const a = t, s = async (i) => {
       const r = i.target.value;
       e("update:modelValue", r, i);
-    }, n = m4(s, a.delay), o = (i) => {
+    }, n = g4(s, a.delay), o = (i) => {
       e("clear", i);
     };
-    return (i, l) => (p(), C("div", O4, [
+    return (i, l) => (p(), C("div", E4, [
       f("input", {
         value: i.modelValue,
         type: "text",
@@ -12324,7 +12329,7 @@ const O4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder",
         onInput: l[0] || (l[0] = //@ts-ignore
         (...r) => Q(n) && Q(n)(...r)),
         onKeypress: dt(s, ["enter"])
-      }, null, 40, E4),
+      }, null, 40, I4),
       M(pe, {
         name: "SearchRounded",
         class: X(`ao-search-field__icon ao-search-field__action ${i.modelValue ? "" : "ao-search-field__action--visible"}`)
@@ -12340,7 +12345,7 @@ const O4 = { class: "ao-field ao-search-field" }, E4 = ["value", "placeholder",
     ]));
   }
 });
-const L4 = { class: "ao-feed" }, P4 = { class: "ao-feed__filters" }, H4 = { class: "ao-feed__body" }, V4 = /* @__PURE__ */ q({
+const P4 = { class: "ao-feed" }, H4 = { class: "ao-feed__filters" }, V4 = { class: "ao-feed__body" }, D4 = /* @__PURE__ */ q({
   __name: "AoFeed",
   props: {
     activities: {},
@@ -12457,16 +12462,16 @@ const L4 = { class: "ao-feed" }, P4 = { class: "ao-feed__filters" }, H4 = { clas
       k === "feed" ? (ee.push({ name: ye.feed }), console.log("Navigating to feed...")) : k === "overview" ? (ee.push({ name: ye.project }), console.log("Navigating to feed...")) : k === "mapping" && (ee.push({ name: ye.mapping }), console.log("Navigating to feed..."));
     }), (k, R) => {
       var y;
-      return p(), C("div", L4, [
+      return p(), C("div", P4, [
         M(ba, null, {
           primary: N(() => [
-            f("div", P4, [
+            f("div", H4, [
               M(an, {
                 tabs: T,
                 modelValue: E.value,
                 "onUpdate:modelValue": R[0] || (R[0] = (V) => E.value = V)
               }, null, 8, ["modelValue"]),
-              M(I4, {
+              M(L4, {
                 "model-value": k.searchText,
                 placeholder: k.$t("feed.search.placeholder"),
                 class: "ao-feed__search",
@@ -12559,8 +12564,8 @@ const L4 = { class: "ao-feed" }, P4 = { class: "ao-feed__filters" }, H4 = { clas
           ]),
           _: 1
         }),
-        f("div", H4, [
-          (p(!0), C(fe, null, _e(k.statuses, (V) => (p(), D(T4, {
+        f("div", V4, [
+          (p(!0), C(fe, null, _e(k.statuses, (V) => (p(), D(O4, {
             key: V.id,
             status: V,
             list: l.value[V.id],
@@ -12614,10 +12619,10 @@ const L4 = { class: "ao-feed" }, P4 = { class: "ao-feed__filters" }, H4 = { clas
     };
   }
 });
-const D4 = { class: "ao-project-mapping" }, B4 = { class: "ao-project-mapping-mapping__body" }, j4 = { class: "ao-project-mapping-mapping__phases" }, R4 = {
+const B4 = { class: "ao-project-mapping" }, j4 = { class: "ao-project-mapping-mapping__body" }, R4 = { class: "ao-project-mapping-mapping__phases" }, N4 = {
   key: 0,
   class: "ao-project-mapping-mapping__image-wrapper"
-}, N4 = ["src", "alt"], U4 = /* @__PURE__ */ q({
+}, U4 = ["src", "alt"], F4 = /* @__PURE__ */ q({
   __name: "AoMapping",
   props: {
     project: {},
@@ -12661,7 +12666,7 @@ const D4 = { class: "ao-project-mapping" }, B4 = { class: "ao-project-mapping-ma
       g === "feed" ? (m.push({ name: ye.feed }), console.log("Navigating to feed...")) : g === "overview" ? (m.push({ name: ye.project }), console.log("Navigating to feed...")) : g === "mapping" && (m.push({ name: ye.mapping }), console.log("Navigating to feed..."));
     }), (g, $) => (p(), C(fe, null, [
       f("div", Ae({ class: "ao-project-mapping-overview" }, g.$attrs), [
-        f("div", D4, [
+        f("div", B4, [
           M(ba, null, {
             primary: N(() => [
               M(an, {
@@ -12700,8 +12705,8 @@ const D4 = { class: "ao-project-mapping" }, B4 = { class: "ao-project-mapping-ma
             ]),
             _: 1
           }),
-          f("div", B4, [
-            f("div", j4, [
+          f("div", j4, [
+            f("div", R4, [
               M(fi, {
                 phases: g.phases,
                 "closed-status": g.closedStatus,
@@ -12714,12 +12719,12 @@ const D4 = { class: "ao-project-mapping" }, B4 = { class: "ao-project-mapping-ma
                 onCopyPhaseToTemplate: r
               }, null, 8, ["phases", "closed-status", "is-editable", "users"])
             ]),
-            g.project.architectureImage ? (p(), C("div", R4, [
+            g.project.architectureImage ? (p(), C("div", N4, [
               f("img", {
                 class: "architecture-image",
                 src: g.project.architectureImage.url,
                 alt: Q(s)("architectureImage.alt")
-              }, null, 8, N4)
+              }, null, 8, U4)
             ])) : O("", !0)
           ])
         ])
@@ -12746,7 +12751,7 @@ const jt = {
   TEMPLATES: "templates",
   TEMPLATE_DETAILS: "template_details",
   TEMPLATES_LIST: "templates_list"
-}, n8 = (t, e = {}) => [
+}, i8 = (t, e = {}) => [
   {
     path: t,
     name: jt.TEMPLATES,
@@ -12756,7 +12761,7 @@ const jt = {
       {
         path: "",
         name: jt.TEMPLATES_LIST,
-        component: Z4
+        component: W4
       },
       {
         path: ":templateId/:phaseId?/:milestoneId?/:activityId?",
@@ -12772,7 +12777,7 @@ const jt = {
   mapping: "AoProjectMapping",
   milestone: "AoMilestone",
   activity: "AoActivity"
-}, i8 = (t, e = {}) => [
+}, o8 = (t, e = {}) => [
   {
     path: t,
     ...e,
@@ -12781,7 +12786,7 @@ const jt = {
       {
         path: "",
         name: ye.project,
-        component: A9,
+        component: M9,
         props: !0,
         children: [
           {
@@ -12796,7 +12801,7 @@ const jt = {
             props: { default: !0, modal: !0 },
             components: {
               default: In,
-              modal: r4
+              modal: u4
             }
           }
         ]
@@ -12804,18 +12809,18 @@ const jt = {
       {
         path: "feed",
         name: ye.feed,
-        component: V4,
+        component: D4,
         props: !0
       },
       {
         path: "mapping",
         name: ye.mapping,
-        component: U4,
+        component: F4,
         props: !0
       }
     ]
   }
-], F4 = { class: "ao-templates" }, Z4 = /* @__PURE__ */ q({
+], Z4 = { class: "ao-templates" }, W4 = /* @__PURE__ */ q({
   __name: "AoTemplatesList",
   props: {
     templates: {}
@@ -12864,7 +12869,7 @@ const jt = {
         });
       }
     };
-    return (r, c) => (p(), C("div", F4, [
+    return (r, c) => (p(), C("div", Z4, [
       M(ba, null, {
         secondary: N(() => [
           M(re, {
@@ -12909,7 +12914,7 @@ const jt = {
     ]));
   }
 });
-const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
+const z4 = { class: "ao-field__label" }, q4 = /* @__PURE__ */ q({
   __name: "AoField",
   props: {
     label: {},
@@ -12919,11 +12924,11 @@ const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
     return (e, a) => (p(), C("label", {
       class: X(["ao-field", { "ao-field--multiselect": e.isMultiselect }])
     }, [
-      f("span", W4, W(e.label), 1),
+      f("span", z4, W(e.label), 1),
       te(e.$slots, "default")
     ], 2));
   }
-}), q4 = ["type", "value", "disabled", "readonly"], o8 = /* @__PURE__ */ q({
+}), Y4 = ["type", "value", "disabled", "readonly"], l8 = /* @__PURE__ */ q({
   __name: "AoInputField",
   props: {
     label: { default: "" },
@@ -12940,7 +12945,7 @@ const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
     ), n = (o) => {
       a.modelModifiers.number && (o = Number(o)), e("update:modelValue", o);
     };
-    return (o, i) => (p(), D(z4, { label: o.label }, {
+    return (o, i) => (p(), D(q4, { label: o.label }, {
       default: N(() => [
         f("input", Ae({
           class: "ao-field__input",
@@ -12950,12 +12955,12 @@ const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
           readonly: o.isReadonly
         }, {
           [Wi(s.value)]: i[0] || (i[0] = (l) => n(l.target.value))
-        }), null, 16, q4)
+        }), null, 16, Y4)
       ]),
       _: 1
     }, 8, ["label"]));
   }
-}), Y4 = { class: "ao-field" }, x4 = { class: "ao-field__label" }, K4 = ["checked", "disabled"], l8 = /* @__PURE__ */ q({
+}), x4 = { class: "ao-field" }, K4 = { class: "ao-field__label" }, G4 = ["checked", "disabled"], r8 = /* @__PURE__ */ q({
   __name: "AoCheckboxField",
   props: {
     label: { default: "" },
@@ -12965,8 +12970,8 @@ const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (p(), C("label", Y4, [
-      f("span", x4, W(e.label), 1),
+    return (e, a) => (p(), C("label", x4, [
+      f("span", K4, W(e.label), 1),
       f("input", {
         class: "ao-field__input",
         type: "checkbox",
@@ -12979,29 +12984,29 @@ const W4 = { class: "ao-field__label" }, z4 = /* @__PURE__ */ q({
             ((n = s.target) == null ? void 0 : n.checked) ?? !1
           );
         })
-      }, null, 40, K4)
+      }, null, 40, G4)
     ]));
   }
 });
 export {
   Je as AoAvatar,
   gi as AoCardFeed,
-  l8 as AoCheckboxField,
-  V4 as AoFeed,
-  z4 as AoField,
-  o8 as AoInputField,
+  r8 as AoCheckboxField,
+  D4 as AoFeed,
+  q4 as AoField,
+  l8 as AoInputField,
   Se as AoMultiselect,
   fi as AoProjectPhases,
   Rf as AoTemplateDetails,
-  e8 as AoTemplates,
-  Z4 as AoTemplatesList,
+  t8 as AoTemplates,
+  W4 as AoTemplatesList,
   G2 as TemplateItemTypeEnum,
-  a8 as activityFeedStatus,
-  t8 as durationTypes,
+  s8 as activityFeedStatus,
+  a8 as durationTypes,
   Dt as feedFilterTypes,
-  i8 as getProjectOverviewRoutes,
-  n8 as getTemplateRoutes,
-  s8 as listUpdateTypes,
+  o8 as getProjectOverviewRoutes,
+  i8 as getTemplateRoutes,
+  n8 as listUpdateTypes,
   Ba as milestoneStatus,
   ye as projectOverviewRoutes,
   Y2 as ruleComparators,