@26lights/orcha 0.20.2 → 0.21.0

package/dist/orcha.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as K, openBlock as c, createBlock as R, unref as q, mergeProps as Ee, createElementBlock as m, createElementVNode as f, pushScopeId as ls, popScopeId as rs, createStaticVNode as us, computed as b, resolveDynamicComponent as at, normalizeClass as x, renderSlot as X, toDisplayString as Z, createCommentVNode as k, ref as J, watch as ue, nextTick as Oe, withKeys as Ye, toHandlers as ds, withCtx as U, createTextVNode as e1, createVNode as T, normalizeStyle as ua, withModifiers as _e, createSlots as t1, Fragment as ve, renderList as ye, onMounted as Dt, onBeforeUnmount as cs, onUnmounted as da, toRefs as $e, getCurrentInstance as st, toRef as vt, normalizeProps as fs, guardReactiveProps as vs, onUpdated as ps, withDirectives as et, vModelText as Et, vModelCheckbox as x1, Teleport as It, resolveComponent as hs, getCurrentScope as ms, onScopeDispose as Cs, provide as _s, toHandlerKey as gs } from "vue";
+import { defineComponent as K, openBlock as c, createBlock as R, unref as q, mergeProps as Ee, createElementBlock as m, createElementVNode as f, pushScopeId as ls, popScopeId as rs, createStaticVNode as us, computed as b, resolveDynamicComponent as Xe, normalizeClass as x, renderSlot as X, toDisplayString as Z, createCommentVNode as k, ref as J, watch as ue, nextTick as Oe, withKeys as Ye, toHandlers as ds, withCtx as U, createTextVNode as e1, createVNode as T, normalizeStyle as ua, withModifiers as _e, createSlots as t1, Fragment as ve, renderList as ye, onMounted as Dt, onBeforeUnmount as cs, onUnmounted as da, toRefs as $e, getCurrentInstance as st, toRef as vt, normalizeProps as fs, guardReactiveProps as vs, onUpdated as ps, withDirectives as tt, vModelText as Et, vModelCheckbox as x1, Teleport as It, resolveComponent as hs, getCurrentScope as ms, onScopeDispose as Cs, provide as _s, toHandlerKey as gs } from "vue";
 import { RouterView as ys } from "vue-router";
-import Xe from "vuedraggable";
+import Qe from "vuedraggable";
 const o8 = /* @__PURE__ */ K({
   __name: "AoTemplates",
   props: {
@@ -1154,7 +1154,7 @@ const od = /* @__PURE__ */ P(td, [["render", id]]), ld = /* @__PURE__ */ Object.
   },
   setup(a) {
     const e = a, t = b(() => ld[e.name]);
-    return (n, s) => (c(), R(at(t.value), {
+    return (n, s) => (c(), R(Xe(t.value), {
       class: x(["ao-icon", `ao-icon--${n.size}`])
     }, null, 8, ["class"]));
   }
@@ -1266,7 +1266,7 @@ const Ce = /* @__PURE__ */ K({
       ($) => {
         $ || v();
       }
-    ), ($, A) => (c(), R(at(r.value), Ee({
+    ), ($, A) => (c(), R(Xe(r.value), Ee({
       id: $.id,
       ref_key: "target",
       ref: n,
@@ -1332,7 +1332,7 @@ const fd = {
     const t = (n) => {
       e("update:title", n);
     };
-    return (n, s) => (c(), R(at(n.tagName), {
+    return (n, s) => (c(), R(Xe(n.tagName), {
       class: x(["ao-card-horiz", { "ao-card-horiz--active": n.isActive }])
     }, {
       default: U(() => [
@@ -1406,7 +1406,7 @@ const E1 = /* @__PURE__ */ K({
       ]),
       style: ua(s.rawColor ? { "--ao-tag-bg": s.rawColor } : {})
     }, [
-      (c(), R(at(t.value), Ee({ class: "ao-tag__label" }, n.value, {
+      (c(), R(Xe(t.value), Ee({ class: "ao-tag__label" }, n.value, {
         onClick: o[0] || (o[0] = (i) => s.$emit("click", i))
       }), {
         default: U(() => [
@@ -2136,11 +2136,11 @@ var ct = {
         return Q1(i);
       case "XXXX":
       case "XX":
-        return Je(i);
+        return et(i);
       case "XXXXX":
       case "XXX":
       default:
-        return Je(i, ":");
+        return et(i, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -2151,11 +2151,11 @@ var ct = {
         return Q1(i);
       case "xxxx":
       case "xx":
-        return Je(i);
+        return et(i);
       case "xxxxx":
       case "xxx":
       default:
-        return Je(i, ":");
+        return et(i, ":");
     }
   },
   // Timezone (GMT)
@@ -2168,7 +2168,7 @@ var ct = {
         return "GMT" + X1(i, ":");
       case "OOOO":
       default:
-        return "GMT" + Je(i, ":");
+        return "GMT" + et(i, ":");
     }
   },
   // Timezone (specific non-location)
@@ -2181,7 +2181,7 @@ var ct = {
         return "GMT" + X1(i, ":");
       case "zzzz":
       default:
-        return "GMT" + Je(i, ":");
+        return "GMT" + et(i, ":");
     }
   },
   // Seconds timestamp
@@ -2207,9 +2207,9 @@ function Q1(a, e) {
     var t = a > 0 ? "-" : "+";
     return t + le(Math.abs(a) / 60, 2);
   }
-  return Je(a, e);
+  return et(a, e);
 }
-function Je(a, e) {
+function et(a, e) {
   var t = e || "", n = a > 0 ? "-" : "+", s = Math.abs(a), o = le(Math.floor(s / 60), 2), i = le(s % 60, 2);
   return n + o + t + i;
 }
@@ -3805,7 +3805,7 @@ const B0 = { class: "ao-page-header" }, N0 = { class: "ao-page-header-main" }, R
 const U0 = ["type"], j0 = {
   key: 0,
   class: "ao-button-card__label"
-}, Qe = /* @__PURE__ */ K({
+}, Je = /* @__PURE__ */ K({
   __name: "AoButtonCard",
   props: {
     label: { default: () => "" },
@@ -3957,7 +3957,7 @@ const W0 = /* @__PURE__ */ K({
         });
       }
     };
-    return (l, r) => l.phase ? (c(), R(q(Xe), {
+    return (l, r) => l.phase ? (c(), R(q(Qe), {
       key: 0,
       "model-value": l.phase.milestones,
       class: "ao-templates__list",
@@ -3992,7 +3992,7 @@ const W0 = /* @__PURE__ */ K({
       ]),
       footer: U(() => [
         f("div", K0, [
-          T(Qe, {
+          T(Je, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.milestones.add"),
             onClick: n
@@ -4047,7 +4047,7 @@ const W0 = /* @__PURE__ */ K({
         });
       }
     };
-    return (l, r) => l.milestone ? (c(), R(q(Xe), {
+    return (l, r) => l.milestone ? (c(), R(q(Qe), {
       key: 0,
       "model-value": l.milestone.activities,
       title: l.$t("template.activities.title"),
@@ -4078,7 +4078,7 @@ const W0 = /* @__PURE__ */ K({
       ]),
       footer: U(() => [
         f("div", X0, [
-          T(Qe, {
+          T(Je, {
             "icon-name": "AddBoxOutlineRounded",
             label: l.$t("template.activities.add"),
             onClick: n
@@ -4625,7 +4625,7 @@ function Va(a) {
 function y3(a, e, t) {
   return e === void 0 && (e = !1), !t || e && t !== we(a) ? !1 : e;
 }
-function tt(a, e, t, n) {
+function at(a, e, t, n) {
   e === void 0 && (e = !1), t === void 0 && (t = !1);
   const s = a.getBoundingClientRect(), o = B1(a);
   let i = Ge(1);
@@ -4662,7 +4662,7 @@ function b3(a) {
   }, l = Ge(1);
   const r = Ge(0);
   if ((s || !s && n !== "fixed") && ((xe(t) !== "body" || Nt(o)) && (i = c1(t)), Pe(t))) {
-    const d = tt(t);
+    const d = at(t);
     l = pt(t), r.x = d.x + t.clientLeft, r.y = d.y + t.clientTop;
   }
   return {
@@ -4676,7 +4676,7 @@ function w3(a) {
   return Array.from(a.getClientRects());
 }
 function Da(a) {
-  return tt(Ze(a)).left + c1(a).scrollLeft;
+  return at(Ze(a)).left + c1(a).scrollLeft;
 }
 function $3(a) {
   const e = Ze(a), t = c1(a), n = a.ownerDocument.body, s = Ae(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), o = Ae(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
@@ -4705,7 +4705,7 @@ function M3(a, e) {
   };
 }
 function k3(a, e) {
-  const t = tt(a, !0, e === "fixed"), n = t.top + a.clientTop, s = t.left + a.clientLeft, o = Pe(a) ? pt(a) : Ge(1), i = a.clientWidth * o.x, l = a.clientHeight * o.y, r = s * o.x, d = n * o.y;
+  const t = at(a, !0, e === "fixed"), n = t.top + a.clientTop, s = t.left + a.clientLeft, o = Pe(a) ? pt(a) : Ge(1), i = a.clientWidth * o.x, l = a.clientHeight * o.y, r = s * o.x, d = n * o.y;
   return {
     width: i,
     height: l,
@@ -4770,7 +4770,7 @@ function S3(a) {
   return La(a);
 }
 function E3(a, e, t) {
-  const n = Pe(e), s = Ze(e), o = t === "fixed", i = tt(a, !0, o, e);
+  const n = Pe(e), s = Ze(e), o = t === "fixed", i = at(a, !0, o, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4778,7 +4778,7 @@ function E3(a, e, t) {
   const r = Ge(0);
   if (n || !n && !o)
     if ((xe(e) !== "body" || Nt(s)) && (l = c1(e)), n) {
-      const d = tt(e, !0, o, e);
+      const d = at(e, !0, o, e);
       r.x = d.x + e.clientLeft, r.y = d.y + e.clientTop;
     } else
       s && (r.x = Da(s));
@@ -4899,10 +4899,10 @@ function D3(a, e, t, n) {
       C && C.observe(e);
     })), t();
   }), d && !r && C.observe(d), C.observe(e));
-  let w, $ = r ? tt(a) : null;
+  let w, $ = r ? at(a) : null;
   r && A();
   function A() {
-    const g = tt(a);
+    const g = at(a);
     $ && (g.x !== $.x || g.y !== $.y || g.width !== $.width || g.height !== $.height) && t(), $ = g, w = requestAnimationFrame(A);
   }
   return t(), () => {
@@ -7024,7 +7024,7 @@ const H5 = { class: "ao-comment" }, P5 = { class: "ao-comment__body" }, B5 = { c
         }, null, 8, ["avatar-url", "user-name"])) : k("", !0),
         f("div", P5, [
           f("div", B5, [
-            (c(), R(at(v.value), {
+            (c(), R(Xe(v.value), {
               ref_key: "commentContent",
               ref: s,
               class: "ao-comment__content",
@@ -7142,7 +7142,7 @@ const j5 = {
           }, [
             f("label", q5, [
               f("span", z5, Z(u.$t("activity.comment.label")), 1),
-              et(f("textarea", {
+              tt(f("textarea", {
                 "onUpdate:modelValue": v[0] || (v[0] = (C) => i.value = C),
                 rows: "4",
                 class: "ao-field__textarea"
@@ -7390,7 +7390,7 @@ const K5 = {
             f("div", J5, [
               f("label", e7, [
                 f("span", t7, Z(h.$t("activity.description.label")), 1),
-                et(f("textarea", {
+                tt(f("textarea", {
                   "onUpdate:modelValue": O[0] || (O[0] = (z) => s.value = z),
                   readonly: !h.isEditable,
                   rows: "4",
@@ -7411,7 +7411,7 @@ const K5 = {
             f("div", s7, [
               f("label", n7, [
                 f("span", i7, Z(h.$t("activity.estimation.label")), 1),
-                et(f("input", {
+                tt(f("input", {
                   "onUpdate:modelValue": O[1] || (O[1] = (z) => o.value = z),
                   readonly: !h.isEditable,
                   class: "ao-field__input",
@@ -7431,7 +7431,7 @@ const K5 = {
               ]),
               f("label", l7, [
                 f("span", r7, Z(h.$t("activity.important.label")), 1),
-                et(f("input", {
+                tt(f("input", {
                   "onUpdate:modelValue": O[2] || (O[2] = (z) => i.value = z),
                   disabled: !h.isEditable,
                   class: "ao-field__input",
@@ -7447,7 +7447,7 @@ const K5 = {
               ]),
               h.isTemplate !== !0 && h.activity.createdBy.id === h.userId ? (c(), m("label", d7, [
                 f("span", c7, Z(h.$t("activity.private.label")), 1),
-                et(f("input", {
+                tt(f("input", {
                   "onUpdate:modelValue": O[3] || (O[3] = (z) => l.value = z),
                   disabled: !h.isEditable,
                   class: "ao-field__input",
@@ -7711,7 +7711,7 @@ const U7 = /* @__PURE__ */ K({
         e("update:rule", { ...t.rule, durationUnit: g });
       }
     }), A = b(() => Object.values($d));
-    return (g, y) => (c(), R(at(g.tagName), { class: "ao-rule-line" }, {
+    return (g, y) => (c(), R(Xe(g.tagName), { class: "ao-rule-line" }, {
       default: U(() => [
         T(q(We), {
           modelValue: s.value,
@@ -7733,7 +7733,7 @@ const U7 = /* @__PURE__ */ K({
           "onUpdate:modelValue": y[3] || (y[3] = (L) => d.value = L),
           options: u.value
         }, null, 8, ["modelValue", "options"]),
-        et(f("input", {
+        tt(f("input", {
           "onUpdate:modelValue": y[4] || (y[4] = (L) => w.value = L),
           type: "number",
           min: "0"
@@ -7797,7 +7797,7 @@ const j7 = { class: "ao-template-rules__body" }, Z7 = { class: "ao-template-rule
               onClose: () => n(i.id)
             }, null, 8, ["rule", "template-phases", "template-milestones", "template-activities", "onClose"]))), 128))
           ]),
-          T(Qe, {
+          T(Je, {
             label: s.$t("template.rules.add"),
             "icon-name": "Add",
             onClick: t
@@ -8086,7 +8086,7 @@ const q7 = {
         f("div", z7, [
           f("ol", W7, [
             f("li", Y7, [
-              T(q(Xe), {
+              T(q(Qe), {
                 "model-value": s.value.phases,
                 class: "ao-templates__list",
                 "item-key": "id",
@@ -8121,7 +8121,7 @@ const q7 = {
                 }),
                 footer: U(() => [
                   f("div", K7, [
-                    T(Qe, {
+                    T(Je, {
                       "icon-name": "AddBoxOutlineRounded",
                       label: I.$t("template.phases.add"),
                       onClick: C
@@ -8215,7 +8215,7 @@ const Q7 = {
     tagName: { default: "div" }
   },
   setup(a) {
-    return (e, t) => (c(), R(at(e.tagName), {
+    return (e, t) => (c(), R(Xe(e.tagName), {
       class: x(["ao-card", { "ao-card--clickable": e.isClickable }])
     }, {
       default: U(() => [
@@ -8470,7 +8470,7 @@ const m9 = { class: "ao-project-phase" }, C9 = {
       ]),
       f("div", g9, [
         f("div", y9, [
-          T(q(Xe), Ee({
+          T(q(Qe), Ee({
             class: "ao-project-phase__milestones-list",
             list: o.value,
             disabled: !v.isEditable,
@@ -8497,7 +8497,7 @@ const m9 = { class: "ao-project-phase" }, C9 = {
             _: 1
           }, 16, ["list", "disabled"]),
           f("div", b9, [
-            v.isEditable ? (c(), R(Qe, {
+            v.isEditable ? (c(), R(Je, {
               key: 0,
               label: v.$t("project.milestone.add"),
               class: "ao-project-phase__milestone-add",
@@ -8548,7 +8548,7 @@ const $9 = { class: "ao-project__phases" }, M9 = {
       e("addPhase", u);
     };
     return (u, v) => (c(), m("div", $9, [
-      T(q(Xe), {
+      T(q(Qe), {
         class: "ao-project-phase__phases-list",
         "model-value": u.phases,
         "item-key": "id",
@@ -8572,7 +8572,7 @@ const $9 = { class: "ao-project__phases" }, M9 = {
       u.isEditable ? (c(), m("div", M9, [
         k9,
         f("div", A9, [
-          T(Qe, {
+          T(Je, {
             label: u.$t("project.phases.add"),
             "icon-name": "Add",
             class: "ao-project-phase__add-phase",
@@ -8817,8 +8817,13 @@ const Ba = /* @__PURE__ */ P(D9, [["render", P9], ["__scopeId", "data-v-c0ae9237
               onUpdateComment: W,
               onRemoveComment: H
             }, {
-              default: U(() => [
-                X(E.$slots, "activityDetailsBody")
+              default: U(({ Component: h }) => [
+                (c(), R(Xe(h), null, {
+                  default: U(() => [
+                    X(E.$slots, "activityDetailsBody")
+                  ]),
+                  _: 2
+                }, 1024))
               ]),
               _: 3
             }, 8, ["activities", "is-task-checkable", "statuses", "phases", "users", "user-id", "is-editable"])
@@ -9073,7 +9078,7 @@ const i4 = { class: "ao-project-milestone" }, o4 = { class: "ao-project-mileston
           })
         ]),
         f("div", r4, [
-          T(q(Xe), Ee({
+          T(q(Qe), Ee({
             class: "ao-project-milestone__activities",
             list: l.value,
             disabled: !p.isEditable,
@@ -9126,7 +9131,7 @@ const i4 = { class: "ao-project-milestone" }, o4 = { class: "ao-project-mileston
             _: 1
           }, 16, ["list", "disabled"]),
           p.isEditable ? (c(), m("div", u4, [
-            T(Qe, {
+            T(Je, {
               "icon-name": "Add",
               label: p.$t("project.activity.add"),
               onClick: d
@@ -9412,7 +9417,7 @@ const $4 = {
           ])
         ];
       }) : k("", !0),
-      T(q(Xe), Ee({
+      T(q(Qe), Ee({
         class: "ao-list-kanban__list",
         list: r.list,
         "item-key": "id",
@@ -9483,7 +9488,7 @@ const $4 = {
       }, 16, ["list", "disabled"]),
       r.$slots.footer || r.footerLabel ? (c(), m("div", E4, [
         X(r.$slots, "footer", {}, () => [
-          r.isEditable ? (c(), R(Qe, {
+          r.isEditable ? (c(), R(Je, {
             key: 0,
             "icon-name": "AddBoxOutlineRounded",
             label: r.footerLabel,
@@ -9864,7 +9869,7 @@ const B4 = { class: "ao-feed" }, N4 = { class: "ao-feed__filters" }, R4 = { clas
               f("div", Y4, [
                 f("label", K4, [
                   f("span", G4, Z(M.$t("activity.deadline.label")), 1),
-                  et(f("input", {
+                  tt(f("input", {
                     "onUpdate:modelValue": Y[5] || (Y[5] = (B) => W.value = B),
                     class: "ao-field__input",
                     type: "date"
@@ -10006,7 +10011,7 @@ const ft = {
         ]),
         _: 1
       }),
-      T(q(Xe), {
+      T(q(Qe), {
         "model-value": l.templates,
         class: "ao-templates__list",
         "item-key": "id",