@26lights/orcha 0.39.0 → 0.40.0

package/dist/orcha.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, openBlock as p, createBlock as P, unref as J, mergeProps as He, createElementBlock as m, createElementVNode as v, pushScopeId as Oi, popScopeId as Ei, createStaticVNode as Ii, computed as A, resolveDynamicComponent as ht, normalizeClass as Q, renderSlot as te, toDisplayString as x, createCommentVNode as O, ref as ee, watch as de, nextTick as De, withKeys as dt, toHandlers as Li, withCtx as z, createTextVNode as Fa, createVNode as M, normalizeStyle as Ua, withModifiers as fe, createSlots as Za, Fragment as he, renderList as _e, onMounted as xt, onBeforeUnmount as Ts, onUnmounted as kn, Teleport as Nt, toRefs as Ae, getCurrentInstance as Mt, toRef as Pt, normalizeProps as pa, guardReactiveProps as fa, withDirectives as Ke, vShow as Hi, onUpdated as Di, vModelText as ut, resolveComponent as Ye, getCurrentScope as Pi, onScopeDispose as Vi, toHandlerKey as Bi } from "vue";
+import { defineComponent as Y, openBlock as p, createBlock as P, unref as J, mergeProps as He, createElementBlock as m, createElementVNode as v, pushScopeId as Oi, popScopeId as Ei, createStaticVNode as Ii, computed as A, resolveDynamicComponent as ht, normalizeClass as Q, renderSlot as te, toDisplayString as x, createCommentVNode as O, ref as ee, watch as de, nextTick as De, withKeys as dt, toHandlers as Li, withCtx as z, createTextVNode as Fa, createVNode as M, resolveComponent as Fe, normalizeStyle as Ua, withModifiers as fe, createSlots as Za, Fragment as he, renderList as _e, onMounted as xt, onBeforeUnmount as Ts, onUnmounted as kn, Teleport as Nt, toRefs as Ae, getCurrentInstance as Mt, toRef as Pt, normalizeProps as pa, guardReactiveProps as fa, withDirectives as Ke, vShow as Hi, onUpdated as Di, vModelText as ut, getCurrentScope as Pi, onScopeDispose as Vi, toHandlerKey as Bi } from "vue";
 import { RouterView as Ri } from "vue-router";
 import mt from "vuedraggable";
 const g8 = /* @__PURE__ */ Y({
@@ -1398,43 +1398,54 @@ const qa = /* @__PURE__ */ Y({
     rawColor: {},
     clickable: { type: Boolean },
     closable: { type: Boolean },
-    variant: {}
+    variant: {},
+    iconName: {}
   },
   emits: ["click", "close"],
   setup(t) {
     const e = t, a = A(() => e.clickable ? "button" : "span"), n = A(
       () => a.value === "button" ? { type: "button" } : {}
     );
-    return (s, o) => (p(), m("div", {
-      class: Q([
-        "ao-tag",
-        s.color ? `ao-tag--${s.color}` : "",
-        s.clickable ? "ao-tag--clickable" : "",
-        s.closable ? "ao-tag--closable" : "",
-        s.variant ? `ao-tag--${s.variant}` : ""
-      ]),
-      style: Ua(s.rawColor ? { "--ao-tag-bg": s.rawColor } : {})
-    }, [
-      (p(), P(ht(a.value), He({ class: "ao-tag__label" }, n.value, {
-        onClick: o[0] || (o[0] = (i) => s.$emit("click", i))
-      }), {
-        default: z(() => [
-          Fa(x(s.label), 1)
+    return (s, o) => {
+      const i = Fe("Icon");
+      return p(), m("div", {
+        class: Q([
+          "ao-tag",
+          s.color ? `ao-tag--${s.color}` : "",
+          s.clickable ? "ao-tag--clickable" : "",
+          s.closable ? "ao-tag--closable" : "",
+          s.variant ? `ao-tag--${s.variant}` : ""
         ]),
-        _: 1
-      }, 16)),
-      s.closable ? (p(), m("button", {
-        key: 0,
-        class: "ao-tag__close",
-        onClick: o[1] || (o[1] = (i) => s.$emit("close", i))
+        style: Ua(s.rawColor ? { "--ao-tag-bg": s.rawColor } : {})
       }, [
-        M(pe, {
-          name: "CloseRounded",
-          size: "sm",
-          class: "ao-tag__close-icon"
-        })
-      ])) : O("", !0)
-    ], 6));
+        (p(), P(ht(a.value), He({ class: "ao-tag__label" }, n.value, {
+          onClick: o[0] || (o[0] = (r) => s.$emit("click", r))
+        }), {
+          default: z(() => [
+            Fa(x(s.label), 1)
+          ]),
+          _: 1
+        }, 16)),
+        s.iconName ? (p(), P(i, {
+          key: 0,
+          icon: s.iconName,
+          class: "ao-tag__icon",
+          width: 16,
+          height: 16
+        }, null, 8, ["icon"])) : O("", !0),
+        s.closable ? (p(), m("button", {
+          key: 1,
+          class: "ao-tag__close",
+          onClick: o[1] || (o[1] = (r) => s.$emit("close", r))
+        }, [
+          M(pe, {
+            name: "CloseRounded",
+            size: "sm",
+            class: "ao-tag__close-icon"
+          })
+        ])) : O("", !0)
+      ], 6);
+    };
   }
 });
 const Cn = {
@@ -4572,7 +4583,7 @@ function Gs(t) {
 function et(t) {
   return t instanceof Element || t instanceof ke(t).Element;
 }
-function Ue(t) {
+function Ze(t) {
   return t instanceof HTMLElement || t instanceof ke(t).HTMLElement;
 }
 function hs(t) {
@@ -4596,7 +4607,7 @@ function Dn(t) {
 }
 function D5(t) {
   let e = Ut(t);
-  for (; Ue(e) && !Qa(e); ) {
+  for (; Ze(e) && !Qa(e); ) {
     if (Dn(e))
       return e;
     e = Ut(e);
@@ -4635,7 +4646,7 @@ function Ut(t) {
 }
 function Xs(t) {
   const e = Ut(t);
-  return Qa(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : Ue(e) && ga(e) ? e : Xs(e);
+  return Qa(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : Ze(e) && ga(e) ? e : Xs(e);
 }
 function ca(t, e, a) {
   var n;
@@ -4646,7 +4657,7 @@ function ca(t, e, a) {
 function Qs(t) {
   const e = Ve(t);
   let a = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
-  const s = Ue(t), o = s ? t.offsetWidth : a, i = s ? t.offsetHeight : n, r = Va(a) !== o || Va(n) !== i;
+  const s = Ze(t), o = s ? t.offsetWidth : a, i = s ? t.offsetHeight : n, r = Va(a) !== o || Va(n) !== i;
   return r && (a = o, n = i), {
     width: a,
     height: n,
@@ -4658,7 +4669,7 @@ function Vn(t) {
 }
 function Vt(t) {
   const e = Vn(t);
-  if (!Ue(e))
+  if (!Ze(e))
     return pt(1);
   const a = e.getBoundingClientRect(), {
     width: n,
@@ -4710,7 +4721,7 @@ function B5(t) {
     offsetParent: a,
     strategy: n
   } = t;
-  const s = Ue(a), o = at(a);
+  const s = Ze(a), o = at(a);
   if (a === o)
     return e;
   let i = {
@@ -4718,7 +4729,7 @@ function B5(t) {
     scrollTop: 0
   }, r = pt(1);
   const l = pt(0);
-  if ((s || !s && n !== "fixed") && ((ft(a) !== "body" || ga(o)) && (i = Ja(a)), Ue(a))) {
+  if ((s || !s && n !== "fixed") && ((ft(a) !== "body" || ga(o)) && (i = Ja(a)), Ze(a))) {
     const c = St(a);
     r = Vt(a), l.x = c.x + a.clientLeft, l.y = c.y + a.clientTop;
   }
@@ -4762,7 +4773,7 @@ function j5(t, e) {
   };
 }
 function F5(t, e) {
-  const a = St(t, !0, e === "fixed"), n = a.top + t.clientTop, s = a.left + t.clientLeft, o = Ue(t) ? Vt(t) : pt(1), i = t.clientWidth * o.x, r = t.clientHeight * o.y, l = s * o.x, c = n * o.y;
+  const a = St(t, !0, e === "fixed"), n = a.top + t.clientTop, s = a.left + t.clientLeft, o = Ze(t) ? Vt(t) : pt(1), i = t.clientWidth * o.x, r = t.clientHeight * o.y, l = s * o.x, c = n * o.y;
   return {
     width: i,
     height: r,
@@ -4827,7 +4838,7 @@ function W5(t) {
   return Qs(t);
 }
 function q5(t, e, a) {
-  const n = Ue(e), s = at(e), o = a === "fixed", i = St(t, !0, o, e);
+  const n = Ze(e), s = at(e), o = a === "fixed", i = St(t, !0, o, e);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4847,11 +4858,11 @@ function q5(t, e, a) {
   };
 }
 function Cs(t, e) {
-  return !Ue(t) || Ve(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+  return !Ze(t) || Ve(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
 }
 function ai(t, e) {
   const a = ke(t);
-  if (!Ue(t))
+  if (!Ze(t))
     return a;
   let n = Cs(t, e);
   for (; n && H5(n) && Ve(n).position === "static"; )
@@ -5161,7 +5172,7 @@ function i7(t, e, a) {
     disabledProp: y,
     searchStart: R,
     searchFilter: le
-  } = Ae(t), ie = Mt().proxy, q = a.iv, H = a.ev, X = a.search, ve = a.clearSearch, we = a.update, Kt = a.pointer, Gt = a.setPointer, nt = a.clearPointer, _a = a.focus, nn = a.deactivate, st = a.close, ya = a.localize, it = ee([]), Ne = ee([]), Me = ee(!1), Be = ee(null), qe = ee(T.value && i.value === -1 ? 10 : i.value), Xt = A(() => l.value || c.value || !1), ba = A(() => f.value !== void 0 ? f.value : d.value !== void 0 ? d.value : !0), Te = A(() => {
+  } = Ae(t), ie = Mt().proxy, q = a.iv, H = a.ev, X = a.search, ve = a.clearSearch, we = a.update, Kt = a.pointer, Gt = a.setPointer, nt = a.clearPointer, _a = a.focus, nn = a.deactivate, st = a.close, ya = a.localize, it = ee([]), Ne = ee([]), Me = ee(!1), Be = ee(null), ze = ee(T.value && i.value === -1 ? 10 : i.value), Xt = A(() => l.value || c.value || !1), ba = A(() => f.value !== void 0 ? f.value : d.value !== void 0 ? d.value : !0), Te = A(() => {
     if (oe.value) {
       let $ = _t.value || /* istanbul ignore next */
       [], B = [];
@@ -5180,7 +5191,7 @@ function i7(t, e, a) {
     return ne.value && ($ = $.reverse()), Ot.value.length && ($ = Ot.value.concat($)), cn($);
   }), ot = A(() => {
     let $ = Qt.value;
-    return qe.value > 0 && ($ = $.slice(0, qe.value)), $;
+    return ze.value > 0 && ($ = $.slice(0, ze.value)), $;
   }), _t = A(() => {
     if (!oe.value)
       return [];
@@ -5235,7 +5246,7 @@ function i7(t, e, a) {
         return [];
     }
   }), mi = A(() => g.value || Me.value), Et = ($) => {
-    switch (typeof $ != "object" && ($ = xe($)), s.value) {
+    switch (typeof $ != "object" && ($ = Ye($)), s.value) {
       case "single":
         we($);
         break;
@@ -5246,7 +5257,7 @@ function i7(t, e, a) {
     }
     e.emit("select", es($), $, ie);
   }, It = ($) => {
-    switch (typeof $ != "object" && ($ = xe($)), s.value) {
+    switch (typeof $ != "object" && ($ = Ye($)), s.value) {
       case "single":
         as();
         break;
@@ -5266,7 +5277,7 @@ function i7(t, e, a) {
     ts($);
   }, as = () => {
     we(hi.value), e.emit("clear", ie);
-  }, ze = ($) => {
+  }, xe = ($) => {
     if ($.group !== void 0)
       return s.value === "single" ? !1 : wi($[k.value]) && $[k.value].length;
     switch (s.value) {
@@ -5278,7 +5289,7 @@ function i7(t, e, a) {
     }
   }, rn = ($) => $[y.value] === !0, ln = () => E === void 0 || E.value === -1 || !on.value && E.value > 0 ? !1 : q.value.length >= E.value, gi = ($) => {
     if (!rn($)) {
-      if (se && se.value && !ze($) && $.__CREATE__ && ($ = { ...$ }, delete $.__CREATE__, $ = se.value($, ie), $ instanceof Promise)) {
+      if (se && se.value && !xe($) && $.__CREATE__ && ($ = { ...$ }, delete $.__CREATE__, $ = se.value($, ie), $ instanceof Promise)) {
         Me.value = !0, $.then((B) => {
           Me.value = !1, ns(B);
         });
@@ -5289,14 +5300,14 @@ function i7(t, e, a) {
   }, ns = ($) => {
     switch ($.__CREATE__ && ($ = { ...$ }, delete $.__CREATE__), s.value) {
       case "single":
-        if ($ && ze($)) {
+        if ($ && xe($)) {
           K.value && It($), W.value && (nt(), st());
           return;
         }
         $ && un($), I.value && ve(), N.value && (nt(), st()), $ && Et($);
         break;
       case "multiple":
-        if ($ && ze($)) {
+        if ($ && xe($)) {
           It($), W.value && (nt(), st());
           return;
         }
@@ -5307,7 +5318,7 @@ function i7(t, e, a) {
         $ && (un($), Et($)), I.value && ve(), r.value && nt(), N.value && st();
         break;
       case "tags":
-        if ($ && ze($)) {
+        if ($ && xe($)) {
           It($), W.value && (nt(), st());
           return;
         }
@@ -5332,10 +5343,10 @@ function i7(t, e, a) {
       N.value && nn();
     }
   }, un = ($) => {
-    xe($[L.value]) === void 0 && Xt.value && (e.emit("tag", $[L.value], ie), e.emit("option", $[L.value], ie), e.emit("create", $[L.value], ie), ba.value && Si($), ve());
+    Ye($[L.value]) === void 0 && Xt.value && (e.emit("tag", $[L.value], ie), e.emit("option", $[L.value], ie), e.emit("create", $[L.value], ie), ba.value && Si($), ve());
   }, yi = () => {
-    s.value !== "single" && Et(ot.value.filter(($) => !$.disabled && !ze($)));
-  }, bi = ($) => $.find((B) => !ze(B) && !B[y.value]) === void 0, wi = ($) => $.find((B) => !ze(B)) === void 0, xe = ($) => Te.value[Te.value.map((B) => String(B[L.value])).indexOf(String($))], $i = ($) => Te.value.findIndex((B) => yt.value.some((re) => (parseInt(B[re]) == B[re] ? parseInt(B[re]) : B[re]) === (parseInt($) == $ ? parseInt($) : $))), ki = ($) => ["tags", "multiple"].indexOf(s.value) !== -1 && r.value && ze($), Si = ($) => {
+    s.value !== "single" && Et(ot.value.filter(($) => !$.disabled && !xe($)));
+  }, bi = ($) => $.find((B) => !xe(B) && !B[y.value]) === void 0, wi = ($) => $.find((B) => !xe(B)) === void 0, Ye = ($) => Te.value[Te.value.map((B) => String(B[L.value])).indexOf(String($))], $i = ($) => Te.value.findIndex((B) => yt.value.some((re) => (parseInt(B[re]) == B[re] ? parseInt(B[re]) : B[re]) === (parseInt($) == $ ? parseInt($) : $))), ki = ($) => ["tags", "multiple"].indexOf(s.value) !== -1 && r.value && xe($), Si = ($) => {
     it.value.push($);
   }, Ai = ($) => F.value ? $.filter(
     (B) => X.value ? B.__VISIBLE__.length : B[k.value].length
@@ -5368,14 +5379,14 @@ function i7(t, e, a) {
   })), pn = () => {
     if (on.value)
       if (s.value === "single") {
-        let $ = xe(q.value[L.value]);
+        let $ = Ye(q.value[L.value]);
         if ($ !== void 0) {
           let B = $[u.value];
           q.value[u.value] = B, w.value && (H.value[u.value] = B);
         }
       } else
         q.value.forEach(($, B) => {
-          let re = xe(q.value[B][L.value]);
+          let re = Ye(q.value[B][L.value]);
           if (re !== void 0) {
             let me = re[u.value];
             q.value[B][u.value] = me, w.value && (H.value[B][u.value] = me);
@@ -5383,11 +5394,11 @@ function i7(t, e, a) {
         });
   }, Mi = ($) => {
     ka($);
-  }, Sa = ($) => je($) ? s.value === "single" ? {} : [] : w.value ? $ : s.value === "single" ? xe($) || (U.value ? {
+  }, Sa = ($) => je($) ? s.value === "single" ? {} : [] : w.value ? $ : s.value === "single" ? Ye($) || (U.value ? {
     [u.value]: $,
     [L.value]: $,
     [yt.value[0]]: $
-  } : {}) : $.filter((B) => !!xe(B) || U.value).map((B) => xe(B) || {
+  } : {}) : $.filter((B) => !!Ye(B) || U.value).map((B) => Ye(B) || {
     [u.value]: B,
     [L.value]: B,
     [yt.value[0]]: B
@@ -5426,7 +5437,7 @@ function i7(t, e, a) {
   }, { deep: !0 }), de(n, ($, B) => {
     typeof t.options == "function" ? S.value && (!B || $ && $.toString() !== B.toString()) && ka() : (Ne.value = t.options, Object.keys(q.value).length || $a(), pn());
   }), de(u, pn), de(i, ($, B) => {
-    qe.value = T.value && $ === -1 ? 10 : $;
+    ze.value = T.value && $ === -1 ? 10 : $;
   }), {
     pfo: Qt,
     fo: ot,
@@ -5443,16 +5454,16 @@ function i7(t, e, a) {
     noResults: vi,
     resolving: Me,
     busy: mi,
-    offset: qe,
+    offset: ze,
     select: Et,
     deselect: It,
     remove: ts,
     selectAll: yi,
     clear: as,
-    isSelected: ze,
+    isSelected: xe,
     isDisabled: rn,
     isMax: ln,
-    getOption: xe,
+    getOption: Ye,
     handleOptionClick: gi,
     handleGroupClick: _i,
     handleTagRemove: Ci,
@@ -5615,7 +5626,7 @@ function r7(t) {
 function l7(t) {
   return t === Se(t) || !Pe(t) ? Rn(t) : r7(t);
 }
-function Ze(t) {
+function We(t) {
   return t ? (t.nodeName || "").toLowerCase() : null;
 }
 function gt(t) {
@@ -5647,7 +5658,7 @@ function c7(t, e, a) {
     x: 0,
     y: 0
   };
-  return (n || !n && !a) && ((Ze(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  return (n || !n && !a) && ((We(e) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
   jn(o)) && (r = l7(e)), Pe(e) ? (l = Wt(e, !0), l.x += e.clientLeft, l.y += e.clientTop) : o && (l.x = Nn(o))), {
     x: i.left + r.scrollLeft - l.x,
     y: i.top + r.scrollTop - l.y,
@@ -5665,7 +5676,7 @@ function si(t) {
   };
 }
 function en(t) {
-  return Ze(t) === "html" ? t : (
+  return We(t) === "html" ? t : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
@@ -5677,7 +5688,7 @@ function en(t) {
   );
 }
 function ii(t) {
-  return ["html", "body", "#document"].indexOf(Ze(t)) >= 0 ? t.ownerDocument.body : Pe(t) && jn(t) ? t : ii(en(t));
+  return ["html", "body", "#document"].indexOf(We(t)) >= 0 ? t.ownerDocument.body : Pe(t) && jn(t) ? t : ii(en(t));
 }
 function ia(t, e) {
   var a;
@@ -5689,7 +5700,7 @@ function ia(t, e) {
   );
 }
 function d7(t) {
-  return ["table", "td", "th"].indexOf(Ze(t)) >= 0;
+  return ["table", "td", "th"].indexOf(We(t)) >= 0;
 }
 function gs(t) {
   return !Pe(t) || // https://github.com/popperjs/popper-core/issues/837
@@ -5703,7 +5714,7 @@ function p7(t) {
       return null;
   }
   var s = en(t);
-  for (Bn(s) && (s = s.host); Pe(s) && ["html", "body"].indexOf(Ze(s)) < 0; ) {
+  for (Bn(s) && (s = s.host); Pe(s) && ["html", "body"].indexOf(We(s)) < 0; ) {
     var o = tt(s);
     if (o.transform !== "none" || o.perspective !== "none" || o.contain === "paint" || ["transform", "perspective"].indexOf(o.willChange) !== -1 || e && o.willChange === "filter" || e && o.filter && o.filter !== "none")
       return s;
@@ -5714,9 +5725,9 @@ function p7(t) {
 function tn(t) {
   for (var e = Se(t), a = gs(t); a && d7(a) && tt(a).position === "static"; )
     a = gs(a);
-  return a && (Ze(a) === "html" || Ze(a) === "body" && tt(a).position === "static") ? e : a || p7(t) || e;
+  return a && (We(a) === "html" || We(a) === "body" && tt(a).position === "static") ? e : a || p7(t) || e;
 }
-var Re = "top", We = "bottom", vt = "right", Ge = "left", Fn = "auto", an = [Re, We, vt, Ge], qt = "start", da = "end", f7 = "clippingParents", oi = "viewport", sa = "popper", v7 = "reference", _s = /* @__PURE__ */ an.reduce(function(t, e) {
+var Re = "top", qe = "bottom", vt = "right", Ge = "left", Fn = "auto", an = [Re, qe, vt, Ge], qt = "start", da = "end", f7 = "clippingParents", oi = "viewport", sa = "popper", v7 = "reference", _s = /* @__PURE__ */ an.reduce(function(t, e) {
   return t.concat([e + "-" + qt, e + "-" + da]);
 }, []), h7 = /* @__PURE__ */ [].concat(an, [Fn]).reduce(function(t, e) {
   return t.concat([e, e + "-" + qt, e + "-" + da]);
@@ -5825,7 +5836,7 @@ function ys(t, e, a) {
 function D7(t) {
   var e = ia(en(t)), a = ["absolute", "fixed"].indexOf(tt(t).position) >= 0, n = a && Pe(t) ? tn(t) : t;
   return At(n) ? e.filter(function(s) {
-    return At(s) && L7(s, n) && Ze(s) !== "body";
+    return At(s) && L7(s, n) && We(s) !== "body";
   }) : [];
 }
 function P7(t, e, a, n) {
@@ -5853,7 +5864,7 @@ function li(t) {
         y: e.y - a.height
       };
       break;
-    case We:
+    case qe:
       l = {
         x: i,
         y: e.y + e.height
@@ -5923,7 +5934,7 @@ function Un(t, e) {
   if (d === sa && G) {
     var N = G[s];
     Object.keys(E).forEach(function(W) {
-      var oe = [vt, We].indexOf(W) >= 0 ? 1 : -1, ne = [Re, We].indexOf(W) >= 0 ? "y" : "x";
+      var oe = [vt, qe].indexOf(W) >= 0 ? 1 : -1, ne = [Re, qe].indexOf(W) >= 0 ? "y" : "x";
       E[W] += N[ne] * oe;
     });
   }
@@ -6103,14 +6114,14 @@ function $s(t) {
   if (c) {
     var L = tn(a), U = "clientHeight", Z = "clientWidth";
     if (L === Se(a) && (L = gt(a), tt(L).position !== "static" && r === "absolute" && (U = "scrollHeight", Z = "scrollWidth")), L = L, s === Re || (s === Ge || s === vt) && o === da) {
-      D = We;
+      D = qe;
       var K = f && L === I && I.visualViewport ? I.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         L[U]
       );
       g -= K - n.height, g *= l ? 1 : -1;
     }
-    if (s === Ge || (s === Re || s === We) && o === da) {
+    if (s === Ge || (s === Re || s === qe) && o === da) {
       C = vt;
       var E = f && L === I && I.visualViewport ? I.visualViewport.width : (
         // $FlowFixMe[prop-missing]
@@ -6168,7 +6179,7 @@ function x7(t) {
   var e = t.state;
   Object.keys(e.elements).forEach(function(a) {
     var n = e.styles[a] || {}, s = e.attributes[a] || {}, o = e.elements[a];
-    !Pe(o) || !Ze(o) || (Object.assign(o.style, n), Object.keys(s).forEach(function(i) {
+    !Pe(o) || !We(o) || (Object.assign(o.style, n), Object.keys(s).forEach(function(i) {
       var r = s[i];
       r === !1 ? o.removeAttribute(i) : o.setAttribute(i, r === !0 ? "" : r);
     }));
@@ -6192,7 +6203,7 @@ function Y7(t) {
       var s = e.elements[n], o = e.attributes[n] || {}, i = Object.keys(e.styles.hasOwnProperty(n) ? e.styles[n] : a[n]), r = i.reduce(function(l, c) {
         return l[c] = "", l;
       }, {});
-      !Pe(s) || !Ze(s) || (Object.assign(s.style, r), Object.keys(o).forEach(function(l) {
+      !Pe(s) || !We(s) || (Object.assign(s.style, r), Object.keys(o).forEach(function(l) {
         s.removeAttribute(l);
       }));
     });
@@ -6238,14 +6249,14 @@ function ep(t) {
   };
   if (L) {
     if (o) {
-      var W, oe = D === "y" ? Re : Ge, ne = D === "y" ? We : vt, T = D === "y" ? "height" : "width", k = L[D], F = k + b[oe], V = k - b[ne], se = h ? -Z[T] / 2 : 0, y = _ === qt ? U[T] : Z[T], R = _ === qt ? -Z[T] : -U[T], le = e.elements.arrow, ie = h && le ? si(le) : {
+      var W, oe = D === "y" ? Re : Ge, ne = D === "y" ? qe : vt, T = D === "y" ? "height" : "width", k = L[D], F = k + b[oe], V = k - b[ne], se = h ? -Z[T] / 2 : 0, y = _ === qt ? U[T] : Z[T], R = _ === qt ? -Z[T] : -U[T], le = e.elements.arrow, ie = h && le ? si(le) : {
         width: 0,
         height: 0
       }, q = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : ui(), H = q[oe], X = q[ne], ve = Ia(0, U[T], ie[T]), we = C ? U[T] / 2 - se - ve - H - E.mainAxis : y - ve - H - E.mainAxis, Kt = C ? -U[T] / 2 + se + ve + X + E.mainAxis : R + ve + X + E.mainAxis, Gt = e.elements.arrow && tn(e.elements.arrow), nt = Gt ? D === "y" ? Gt.clientTop || 0 : Gt.clientLeft || 0 : 0, _a = (W = G == null ? void 0 : G[D]) != null ? W : 0, nn = k + we - _a - nt, st = k + Kt - _a, ya = Ia(h ? Na(F, nn) : F, k, h ? kt(V, st) : V);
       L[D] = ya, N[D] = ya - k;
     }
     if (r) {
-      var it, Ne = D === "x" ? Re : Ge, Me = D === "x" ? We : vt, Be = L[I], qe = I === "y" ? "height" : "width", Xt = Be + b[Ne], ba = Be - b[Me], Te = [Re, Ge].indexOf(S) !== -1, Qt = (it = G == null ? void 0 : G[I]) != null ? it : 0, ot = Te ? Xt : Be - U[qe] - Z[qe] - Qt + E.altAxis, _t = Te ? Be + U[qe] + Z[qe] - Qt - E.altAxis : ba, wa = h && Te ? J7(ot, Be, _t) : Ia(h ? ot : Xt, Be, h ? _t : ba);
+      var it, Ne = D === "x" ? Re : Ge, Me = D === "x" ? qe : vt, Be = L[I], ze = I === "y" ? "height" : "width", Xt = Be + b[Ne], ba = Be - b[Me], Te = [Re, Ge].indexOf(S) !== -1, Qt = (it = G == null ? void 0 : G[I]) != null ? it : 0, ot = Te ? Xt : Be - U[ze] - Z[ze] - Qt + E.altAxis, _t = Te ? Be + U[ze] + Z[ze] - Qt - E.altAxis : ba, wa = h && Te ? J7(ot, Be, _t) : Ia(h ? ot : Xt, Be, h ? _t : ba);
       L[I] = wa, N[I] = wa - Be;
     }
     e.modifiersData[n] = N;
@@ -6316,13 +6327,13 @@ function op(t) {
         allowedAutoPlacements: g
       }) : q);
     }, []), I = e.rects.reference, L = e.rects.popper, U = /* @__PURE__ */ new Map(), Z = !0, K = D[0], E = 0; E < D.length; E++) {
-      var G = D[E], N = ct(G), W = zt(G) === qt, oe = [Re, We].indexOf(N) >= 0, ne = oe ? "width" : "height", T = Un(e, {
+      var G = D[E], N = ct(G), W = zt(G) === qt, oe = [Re, qe].indexOf(N) >= 0, ne = oe ? "width" : "height", T = Un(e, {
         placement: G,
         boundary: u,
         rootBoundary: f,
         altBoundary: d,
         padding: c
-      }), k = oe ? W ? vt : Ge : W ? We : Re;
+      }), k = oe ? W ? vt : Ge : W ? qe : Re;
       I[ne] > L[ne] && (k = La(k));
       var F = La(k), V = [];
       if (o && V.push(T[N] <= 0), r && V.push(T[k] <= 0, T[F] <= 0), V.every(function(ie) {
@@ -8429,6 +8440,7 @@ const wn = /* @__PURE__ */ Y({
                   clickable: !0,
                   variant: "solid",
                   color: "primary",
+                  "icon-name": "heroicons-outline:document-duplicate",
                   class: "ao-activity__ao-tag",
                   onClick: se
                 }, null, 8, ["label"])) : O("", !0),
@@ -9041,7 +9053,7 @@ const yv = {
       });
     }, w = (k) => {
       e("removeItem", {
-        itemType: Ce.PHASES,
+        type: Ce.PHASES,
         templateId: a.templateId,
         data: {
           id: k
@@ -9076,7 +9088,7 @@ const yv = {
       });
     }, _ = (k) => {
       e("removeItem", {
-        itemType: Ce.MILESTONES,
+        type: Ce.MILESTONES,
         templateId: a.templateId,
         phaseId: k.phaseId,
         data: {
@@ -9109,7 +9121,7 @@ const yv = {
     }, I = (k) => {
       var F, V;
       e("removeItem", {
-        itemType: Ce.ACTIVITIES,
+        type: Ce.ACTIVITIES,
         templateId: a.templateId,
         phaseId: (F = i.value) == null ? void 0 : F.id,
         milestoneId: (V = r.value) == null ? void 0 : V.id,
@@ -9162,7 +9174,7 @@ const yv = {
       });
     }, oe = (k) => {
       !i.value || !r.value || !u.value || e("removeItem", {
-        itemType: Ce.TASKS,
+        type: Ce.TASKS,
         activityId: u.value.id,
         milestoneId: r.value.id,
         phaseId: i.value.id,
@@ -9743,7 +9755,7 @@ const n9 = {
                     readonly: d.readonly,
                     class: Q(["ao-project-phase__milestone"]),
                     onClick: (S) => !d.readonly && d.$router.push({
-                      name: J(Fe).milestone,
+                      name: J(Ue).milestone,
                       params: { phaseId: d.phase.id, milestoneId: g.id }
                     }),
                     onUpdateMilestone: l,
@@ -10014,7 +10026,7 @@ const ci = /* @__PURE__ */ j(y9, [["render", w9], ["__scopeId", "data-v-cbe33527
       e("applyTemplate", { templateId: E, projectId: G }), Z.value = !1;
     };
     return (E, G) => {
-      const N = Ye("RouterView");
+      const N = Fe("RouterView");
       return p(), m(he, null, [
         v("div", He({ class: "ao-project-overview" }, E.$attrs), [
           v("div", $9, [
@@ -10025,7 +10037,7 @@ const ci = /* @__PURE__ */ j(y9, [["render", w9], ["__scopeId", "data-v-cbe33527
                   "right-label": E.$t("project.switch.feed"),
                   "left-label": E.$t("project.switch.overview"),
                   "onUpdate:isLeft": G[0] || (G[0] = (W) => {
-                    W || E.$router.push({ name: J(Fe).feed });
+                    W || E.$router.push({ name: J(Ue).feed });
                   })
                 }, null, 8, ["right-label", "left-label"]),
                 M(ue, {
@@ -10075,7 +10087,7 @@ const ci = /* @__PURE__ */ j(y9, [["render", w9], ["__scopeId", "data-v-cbe33527
             users: E.users,
             "is-editable": E.isEditable === !0,
             "closed-status": E.closedStatus,
-            onClose: G[3] || (G[3] = (W) => E.$router.push({ name: J(Fe).project })),
+            onClose: G[3] || (G[3] = (W) => E.$router.push({ name: J(Ue).project })),
             onUpdateMilestone: c,
             onAddActivity: f,
             onUpdateActivity: d,
@@ -11154,7 +11166,7 @@ var Rt = Y({
 });
 const v4 = { class: "color-set" };
 function h4(t, e, a, n, s, o) {
-  const i = Ye("Saturation"), r = Ye("Hue"), l = Ye("Alpha"), c = Ye("Preview"), u = Ye("Sucker"), f = Ye("Box"), d = Ye("Colors");
+  const i = Fe("Saturation"), r = Fe("Hue"), l = Fe("Alpha"), c = Fe("Preview"), u = Fe("Sucker"), f = Fe("Box"), d = Fe("Colors");
   return p(), P(
     "div",
     {
@@ -11267,7 +11279,7 @@ const m4 = {
   }
 }, C4 = { class: "color-picker-wrapper" };
 function g4(t, e, a, n, s, o) {
-  const i = Ye("ColorPicker");
+  const i = Fe("ColorPicker");
   return p(), m("div", C4, [
     v("button", {
       style: Ua({ backgroundColor: a.color }),
@@ -11506,7 +11518,7 @@ const _4 = /* @__PURE__ */ j(m4, [["render", g4]]), y4 = { class: "ao-project-mi
                   "is-private": I.private,
                   "is-closed": w(I),
                   onClick: (G) => _.$router.push({
-                    name: J(Fe).activity,
+                    name: J(Ue).activity,
                     params: { milestoneId: _.milestoneId, activityId: I.id }
                   }),
                   onUpdateActivity: u,
@@ -12109,7 +12121,7 @@ const a8 = { class: "ao-feed" }, n8 = { class: "ao-feed__filters" }, s8 = { clas
                 "right-label": T.$t("project.switch.feed"),
                 "left-label": T.$t("project.switch.overview"),
                 "onUpdate:isLeft": k[0] || (k[0] = (V) => {
-                  V && T.$router.push({ name: J(Fe).project });
+                  V && T.$router.push({ name: J(Ue).project });
                 })
               }, null, 8, ["right-label", "left-label"])) : O("", !0),
               M(t8, {
@@ -12284,7 +12296,7 @@ const Dt = {
       }
     ]
   }
-], Fe = {
+], Ue = {
   project: "AoProject",
   feed: "AoProjectFeed",
   milestone: "AoMilestone",
@@ -12293,23 +12305,23 @@ const Dt = {
   {
     path: t,
     ...e,
-    redirect: { name: Fe.project },
+    redirect: { name: Ue.project },
     children: [
       {
         path: "",
-        name: Fe.project,
+        name: Ue.project,
         component: S9,
         props: !0,
         children: [
           {
             path: ":phaseId/:milestoneId",
-            name: Fe.milestone,
+            name: Ue.milestone,
             component: Ms,
             props: !0
           },
           {
             path: ":phaseId/:milestoneId/:activityId",
-            name: Fe.activity,
+            name: Ue.activity,
             props: { default: !0, modal: !0 },
             components: {
               default: Ms,
@@ -12320,7 +12332,7 @@ const Dt = {
       },
       {
         path: "feed",
-        name: Fe.feed,
+        name: Ue.feed,
         component: i8,
         props: !0
       }
@@ -12504,7 +12516,7 @@ export {
   w8 as getTemplateRoutes,
   b8 as listUpdateTypes,
   Cn as milestoneStatus,
-  Fe as projectOverviewRoutes,
+  Ue as projectOverviewRoutes,
   R2 as ruleComparators,
   j2 as ruleDurationUnits,
   N2 as ruleTriggerTypes,