@kestra-io/ui-libs 0.0.1

package/dist/kestra-ui.js

@@ -0,0 +1,2594 @@
+import { openBlock as o, createElementBlock as l, mergeProps as A, createElementVNode as d, toDisplayString as v, createCommentVNode as _, Fragment as x, normalizeClass as w, createVNode as p, resolveComponent as b, createBlock as V, computed as Mt, normalizeStyle as ke, withCtx as H, renderSlot as U, renderList as Ht, createTextVNode as Vt, resolveDynamicComponent as zt } from "vue";
+import { Handle as ae, EdgeLabelRenderer as Gt, getSmoothStepPath as jt } from "@vue-flow/core";
+import { Buffer as Ft } from "buffer";
+import ue from "moment";
+import Kt from "humanize-duration";
+const h = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [n, i] of t)
+    r[n] = i;
+  return r;
+}, Bt = {
+  name: "ArrowCollapseIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, Ut = ["aria-hidden", "aria-label"], qt = ["fill", "width", "height"], Wt = { d: "M19.5,3.09L15,7.59V4H13V11H20V9H16.41L20.91,4.5L19.5,3.09M4,13V15H7.59L3.09,19.5L4.5,20.91L9,16.41V20H11V13H4Z" }, Zt = { key: 0 };
+function Xt(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon arrow-collapse-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", Wt, [
+        r.title ? (o(), l("title", Zt, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, qt))
+  ], 16, Ut);
+}
+const Yt = /* @__PURE__ */ h(Bt, [["render", Xt]]), dt = {
+  TASKS: "TASKS",
+  TRIGGERS: "TRIGGERS"
+}, g = {
+  EDIT: "edit",
+  DELETE: "delete",
+  SHOW_DESCRIPTION: "showDescription",
+  COLLAPSE: "collapse",
+  EXPAND: "expand",
+  OPEN_LINK: "openLink",
+  ADD_TASK: "addTask",
+  SHOW_LOGS: "showLogs",
+  MOUSE_OVER: "mouseover",
+  MOUSE_LEAVE: "mouseleave",
+  ADD_ERROR: "addError"
+};
+const Jt = { class: "position-absolute top-0 start-100 translate-middle text-white d-flex top-button-div" }, Qt = {
+  inheritAttrs: !1
+}, er = /* @__PURE__ */ Object.assign(Qt, {
+  __name: "ClusterNode",
+  props: ["data", "sourcePosition", "targetPosition", "label", "id"],
+  emits: [g.COLLAPSE],
+  setup(e, { emit: t }) {
+    const r = e, n = () => {
+      t(g.COLLAPSE, r.id);
+    };
+    return (i, a) => (o(), l(x, null, [
+      d("span", {
+        class: w(["badge rounded-pill text-color", [`bg-${e.data.color}`]])
+      }, v(e.id), 3),
+      d("div", Jt, [
+        e.data.collapsable ? (o(), l("span", {
+          key: 0,
+          class: w(["rounded-button", [`bg-${e.data.color}`]]),
+          onClick: a[0] || (a[0] = (s) => n())
+        }, [
+          p(Yt, {
+            class: "button-icon",
+            alt: "Collapse task"
+          })
+        ], 2)) : _("", !0)
+      ])
+    ], 64));
+  }
+}), Wf = /* @__PURE__ */ h(er, [["__scopeId", "data-v-eff1f14a"]]), tr = {
+  name: "CircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, rr = ["aria-hidden", "aria-label"], nr = ["fill", "width", "height"], ar = { d: "M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, ir = { key: 0 };
+function sr(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon circle-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", ar, [
+        r.title ? (o(), l("title", ir, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, nr))
+  ], 16, rr);
+}
+const or = /* @__PURE__ */ h(tr, [["render", sr]]);
+const lr = {
+  name: "Dot",
+  components: { Handle: ae, Circle: or },
+  inheritAttrs: !1,
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    },
+    sourcePosition: {
+      type: String,
+      required: !0
+    },
+    targetPosition: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String
+    }
+  }
+}, cr = { class: "dot" };
+function dr(e, t, r, n, i, a) {
+  const s = b("Handle"), c = b("Circle");
+  return o(), l(x, null, [
+    p(s, {
+      type: "source",
+      class: "custom-handle",
+      position: r.sourcePosition
+    }, null, 8, ["position"]),
+    d("div", cr, [
+      p(c, {
+        class: "circle",
+        alt: "circle"
+      })
+    ]),
+    p(s, {
+      type: "target",
+      class: "custom-handle",
+      position: r.targetPosition
+    }, null, 8, ["position"])
+  ], 64);
+}
+const Zf = /* @__PURE__ */ h(lr, [["render", dr], ["__scopeId", "data-v-94dbdb9b"]]), ur = {
+  name: "PlusIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, fr = ["aria-hidden", "aria-label"], _r = ["fill", "width", "height"], hr = { d: "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" }, gr = { key: 0 };
+function vr(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon plus-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", hr, [
+        r.title ? (o(), l("title", gr, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, _r))
+  ], 16, fr);
+}
+const mr = /* @__PURE__ */ h(ur, [["render", vr]]);
+const yr = {
+  name: "AddTaskButton",
+  components: { Plus: mr },
+  props: {
+    addTask: {
+      type: Boolean,
+      default: !1
+    }
+  }
+}, pr = { class: "add-task-div rounded d-flex justify-content-center align-items-center" };
+function br(e, t, r, n, i, a) {
+  const s = b("Plus");
+  return o(), l("div", pr, [
+    r.addTask ? (o(), V(s, {
+      key: 0,
+      alt: "add task icon"
+    })) : _("", !0)
+  ]);
+}
+const $r = /* @__PURE__ */ h(yr, [["render", br], ["__scopeId", "data-v-d7febbab"]]), Sr = {
+  props: {
+    id: String,
+    data: Object,
+    sourceX: Number,
+    sourceY: Number,
+    targetX: Number,
+    targetY: Number,
+    markerEnd: String,
+    sourcePosition: String,
+    targetPosition: String
+  },
+  components: {
+    AddTaskButton: $r,
+    EdgeLabelRenderer: Gt
+  },
+  computed: {
+    EVENTS() {
+      return g;
+    }
+  },
+  setup(e) {
+    return {
+      path: Mt(() => jt(e))
+    };
+  },
+  inheritAttrs: !1
+}, Cr = ["id", "d", "marker-end"];
+function Er(e, t, r, n, i, a) {
+  const s = b("AddTaskButton"), c = b("EdgeLabelRenderer");
+  return o(), l(x, null, [
+    d("path", {
+      id: r.id,
+      class: w("vue-flow__edge-path stroke-" + r.data.color),
+      style: ke(r.data.haveDashArray ? {
+        strokeDasharray: "2"
+      } : {}),
+      d: n.path[0],
+      "marker-end": r.markerEnd
+    }, null, 14, Cr),
+    p(c, { style: { "z-index": "10" } }, {
+      default: H(() => [
+        d("div", {
+          style: ke({
+            pointerEvents: "all",
+            position: "absolute",
+            transform: `translate(-50%, -50%) translate(${n.path[1]}px,${n.path[2]}px)`
+          })
+        }, [
+          !r.data.disabled && r.data.haveAdd != null ? (o(), V(s, {
+            key: 0,
+            "add-task": !0,
+            onClick: t[0] || (t[0] = (u) => e.$emit(a.EVENTS.ADD_TASK, r.data.haveAdd))
+          })) : _("", !0)
+        ], 4)
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+const Xf = /* @__PURE__ */ h(Sr, [["render", Er]]);
+const Ar = {
+  name: "TaskIcon",
+  props: {
+    icon: {
+      type: Object,
+      default: void 0
+    }
+  },
+  computed: {
+    backgroundImage() {
+      return `data:image/svg+xml;base64,${this.imageBase64}`;
+    },
+    imageBase64() {
+      const e = this.icon ? this.icon.icon : void 0;
+      return e || Ft.from('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="0.75em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 384 512"><path d="M288 32H0v448h384V128l-96-96zm64 416H32V64h224l96 96v288z" fill="#0D1523FF"/></svg>', "utf8").toString("base64");
+    }
+  }
+}, Tr = { class: "div-icon rounded d-flex justify-content-center" }, wr = ["src"];
+function Ir(e, t, r, n, i, a) {
+  return o(), l("div", Tr, [
+    d("img", {
+      src: a.backgroundImage,
+      alt: "task icon"
+    }, null, 8, wr)
+  ]);
+}
+const Or = /* @__PURE__ */ h(Ar, [["render", Ir], ["__scopeId", "data-v-2880d9dd"]]), kr = {
+  name: "InformationOutlineIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, Lr = ["aria-hidden", "aria-label"], Nr = ["fill", "width", "height"], Pr = { d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z" }, Dr = { key: 0 };
+function Rr(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon information-outline-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", Pr, [
+        r.title ? (o(), l("title", Dr, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, Nr))
+  ], 16, Lr);
+}
+const ut = /* @__PURE__ */ h(kr, [["render", Rr]]), xr = {
+  name: "ArrowExpandIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, Mr = ["aria-hidden", "aria-label"], Hr = ["fill", "width", "height"], Vr = { d: "M10,21V19H6.41L10.91,14.5L9.5,13.09L5,17.59V14H3V21H10M14.5,10.91L19,6.41V10H21V3H14V5H17.59L13.09,9.5L14.5,10.91Z" }, zr = { key: 0 };
+function Gr(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon arrow-expand-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", Vr, [
+        r.title ? (o(), l("title", zr, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, Hr))
+  ], 16, Mr);
+}
+const ft = /* @__PURE__ */ h(xr, [["render", Gr]]), jr = {
+  name: "OpenInNewIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, Fr = ["aria-hidden", "aria-label"], Kr = ["fill", "width", "height"], Br = { d: "M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" }, Ur = { key: 0 };
+function qr(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon open-in-new-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", Br, [
+        r.title ? (o(), l("title", Ur, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, Kr))
+  ], 16, Fr);
+}
+const Wr = /* @__PURE__ */ h(jr, [["render", qr]]);
+const Zr = {
+  components: {
+    ArrowExpand: ft,
+    TaskIcon: Or,
+    InformationOutline: ut,
+    OpenInNew: Wr
+  },
+  emits: [
+    g.EXPAND,
+    g.OPEN_LINK,
+    g.SHOW_LOGS,
+    g.MOUSE_OVER,
+    g.MOUSE_LEAVE,
+    g.ADD_ERROR,
+    g.EDIT,
+    g.DELETE,
+    g.ADD_TASK
+  ],
+  inheritAttrs: !1,
+  props: {
+    id: {
+      type: String,
+      default: void 0
+    },
+    type: {
+      type: String,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    state: {
+      type: String,
+      default: void 0
+    },
+    data: {
+      type: Object,
+      required: !0
+    },
+    style: {
+      type: Object,
+      required: !1,
+      default: void 0
+    }
+  },
+  methods: {
+    mouseover() {
+      this.$emit(g.MOUSE_OVER, this.data.node);
+    },
+    mouseleave() {
+      this.$emit(g.MOUSE_LEAVE);
+    }
+  },
+  data() {
+    return {
+      filter: void 0,
+      isOpen: !1
+    };
+  },
+  computed: {
+    EVENTS() {
+      return g;
+    },
+    expandable() {
+      var e;
+      return ((e = this.data) == null ? void 0 : e.expandable) || !1;
+    },
+    link() {
+      var e;
+      return ((e = this.data) == null ? void 0 : e.link) || !1;
+    },
+    description() {
+      const e = this.data.node.task ?? this.data.node.trigger ?? null;
+      return e ? e.description ?? null : null;
+    },
+    taskIconBg() {
+      return ["default", "danger"].includes(this.data.color) ? "" : this.data.color;
+    },
+    stateColor() {
+      switch (this.state) {
+        case "RUNNING":
+          return "primary";
+        case "SUCCESS":
+          return "success";
+        case "WARNING":
+          return "warning";
+        case "FAILED":
+          return "danger";
+        default:
+          return null;
+      }
+    }
+  }
+}, Xr = { class: "node-content" }, Yr = { class: "d-flex justify-content-around" }, Jr = { class: "text-truncate task-title" }, Qr = { class: "position-absolute top-0 text-white d-flex top-button-div" };
+function en(e, t, r, n, i, a) {
+  const s = b("TaskIcon"), c = b("InformationOutline"), u = b("OpenInNew"), f = b("ArrowExpand");
+  return o(), l("div", {
+    class: w([[`border-${a.expandable ? "blue" : r.data.color}`], "node-wrapper rounded-3 border"]),
+    onMouseover: t[3] || (t[3] = (...m) => a.mouseover && a.mouseover(...m)),
+    onMouseleave: t[4] || (t[4] = (...m) => a.mouseleave && a.mouseleave(...m))
+  }, [
+    r.state ? (o(), l("div", {
+      key: 0,
+      class: w(["status-div", [`bg-${a.stateColor}`]])
+    }, null, 2)) : _("", !0),
+    d("div", null, [
+      p(s, {
+        icon: r.data.icon,
+        class: w(a.taskIconBg)
+      }, null, 8, ["icon", "class"])
+    ]),
+    d("div", Xr, [
+      d("div", Yr, [
+        d("div", Jr, [
+          d("span", null, v(r.id), 1)
+        ]),
+        a.description ? (o(), V(c, {
+          key: 0,
+          onClick: t[0] || (t[0] = (m) => e.$emit(a.EVENTS.SHOW_DESCRIPTION, { id: r.id, description: a.description })),
+          class: "description-button mx-2"
+        })) : _("", !0)
+      ]),
+      U(e.$slots, "content", {}, void 0, !0)
+    ]),
+    d("div", Qr, [
+      U(e.$slots, "badge-button-before", {}, void 0, !0),
+      a.link ? (o(), l("span", {
+        key: 0,
+        class: w(["rounded-button", [`bg-${r.data.color}`]]),
+        onClick: t[1] || (t[1] = (m) => e.$emit(a.EVENTS.OPEN_LINK, r.data.link))
+      }, [
+        p(u, {
+          class: "button-icon",
+          alt: "Open in new tab"
+        })
+      ], 2)) : _("", !0),
+      a.expandable ? (o(), l("span", {
+        key: 1,
+        class: w(["rounded-button", [`bg-${r.data.color}`]]),
+        onClick: t[2] || (t[2] = (m) => e.$emit(a.EVENTS.EXPAND))
+      }, [
+        p(f, {
+          class: "button-icon",
+          alt: "Expand task"
+        })
+      ], 2)) : _("", !0),
+      U(e.$slots, "badge-button-after", {}, void 0, !0)
+    ])
+  ], 34);
+}
+const _t = /* @__PURE__ */ h(Zr, [["render", en], ["__scopeId", "data-v-be577590"]]);
+var Y = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function tn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var rn = typeof Y == "object" && Y && Y.Object === Object && Y, ht = rn, nn = ht, an = typeof self == "object" && self && self.Object === Object && self, sn = nn || an || Function("return this")(), k = sn, on = k, ln = on.Symbol, ie = ln, Le = ie, gt = Object.prototype, cn = gt.hasOwnProperty, dn = gt.toString, B = Le ? Le.toStringTag : void 0;
+function un(e) {
+  var t = cn.call(e, B), r = e[B];
+  try {
+    e[B] = void 0;
+    var n = !0;
+  } catch {
+  }
+  var i = dn.call(e);
+  return n && (t ? e[B] = r : delete e[B]), i;
+}
+var fn = un, _n = Object.prototype, hn = _n.toString;
+function gn(e) {
+  return hn.call(e);
+}
+var vn = gn, Ne = ie, mn = fn, yn = vn, pn = "[object Null]", bn = "[object Undefined]", Pe = Ne ? Ne.toStringTag : void 0;
+function $n(e) {
+  return e == null ? e === void 0 ? bn : pn : Pe && Pe in Object(e) ? mn(e) : yn(e);
+}
+var q = $n;
+function Sn(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var be = Sn, Cn = q, En = be, An = "[object AsyncFunction]", Tn = "[object Function]", wn = "[object GeneratorFunction]", In = "[object Proxy]";
+function On(e) {
+  if (!En(e))
+    return !1;
+  var t = Cn(e);
+  return t == Tn || t == wn || t == An || t == In;
+}
+var vt = On, kn = k, Ln = kn["__core-js_shared__"], Nn = Ln, fe = Nn, De = function() {
+  var e = /[^.]+$/.exec(fe && fe.keys && fe.keys.IE_PROTO || "");
+  return e ? "Symbol(src)_1." + e : "";
+}();
+function Pn(e) {
+  return !!De && De in e;
+}
+var Dn = Pn, Rn = Function.prototype, xn = Rn.toString;
+function Mn(e) {
+  if (e != null) {
+    try {
+      return xn.call(e);
+    } catch {
+    }
+    try {
+      return e + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var mt = Mn, Hn = vt, Vn = Dn, zn = be, Gn = mt, jn = /[\\^$.*+?()[\]{}|]/g, Fn = /^\[object .+?Constructor\]$/, Kn = Function.prototype, Bn = Object.prototype, Un = Kn.toString, qn = Bn.hasOwnProperty, Wn = RegExp(
+  "^" + Un.call(qn).replace(jn, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function Zn(e) {
+  if (!zn(e) || Vn(e))
+    return !1;
+  var t = Hn(e) ? Wn : Fn;
+  return t.test(Gn(e));
+}
+var Xn = Zn;
+function Yn(e, t) {
+  return e == null ? void 0 : e[t];
+}
+var Jn = Yn, Qn = Xn, ea = Jn;
+function ta(e, t) {
+  var r = ea(e, t);
+  return Qn(r) ? r : void 0;
+}
+var M = ta, ra = M, na = function() {
+  try {
+    var e = ra(Object, "defineProperty");
+    return e({}, "", {}), e;
+  } catch {
+  }
+}(), aa = na, Re = aa;
+function ia(e, t, r) {
+  t == "__proto__" && Re ? Re(e, t, {
+    configurable: !0,
+    enumerable: !0,
+    value: r,
+    writable: !0
+  }) : e[t] = r;
+}
+var sa = ia;
+function oa(e) {
+  return function(t, r, n) {
+    for (var i = -1, a = Object(t), s = n(t), c = s.length; c--; ) {
+      var u = s[e ? c : ++i];
+      if (r(a[u], u, a) === !1)
+        break;
+    }
+    return t;
+  };
+}
+var la = oa, ca = la, da = ca(), ua = da;
+function fa(e, t) {
+  for (var r = -1, n = Array(e); ++r < e; )
+    n[r] = t(r);
+  return n;
+}
+var _a = fa;
+function ha(e) {
+  return e != null && typeof e == "object";
+}
+var W = ha, ga = q, va = W, ma = "[object Arguments]";
+function ya(e) {
+  return va(e) && ga(e) == ma;
+}
+var pa = ya, xe = pa, ba = W, yt = Object.prototype, $a = yt.hasOwnProperty, Sa = yt.propertyIsEnumerable, Ca = xe(function() {
+  return arguments;
+}()) ? xe : function(e) {
+  return ba(e) && $a.call(e, "callee") && !Sa.call(e, "callee");
+}, pt = Ca, Ea = Array.isArray, N = Ea, te = { exports: {} };
+function Aa() {
+  return !1;
+}
+var Ta = Aa;
+te.exports;
+(function(e, t) {
+  var r = k, n = Ta, i = t && !t.nodeType && t, a = i && !0 && e && !e.nodeType && e, s = a && a.exports === i, c = s ? r.Buffer : void 0, u = c ? c.isBuffer : void 0, f = u || n;
+  e.exports = f;
+})(te, te.exports);
+var bt = te.exports, wa = 9007199254740991, Ia = /^(?:0|[1-9]\d*)$/;
+function Oa(e, t) {
+  var r = typeof e;
+  return t = t ?? wa, !!t && (r == "number" || r != "symbol" && Ia.test(e)) && e > -1 && e % 1 == 0 && e < t;
+}
+var $t = Oa, ka = 9007199254740991;
+function La(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= ka;
+}
+var $e = La, Na = q, Pa = $e, Da = W, Ra = "[object Arguments]", xa = "[object Array]", Ma = "[object Boolean]", Ha = "[object Date]", Va = "[object Error]", za = "[object Function]", Ga = "[object Map]", ja = "[object Number]", Fa = "[object Object]", Ka = "[object RegExp]", Ba = "[object Set]", Ua = "[object String]", qa = "[object WeakMap]", Wa = "[object ArrayBuffer]", Za = "[object DataView]", Xa = "[object Float32Array]", Ya = "[object Float64Array]", Ja = "[object Int8Array]", Qa = "[object Int16Array]", ei = "[object Int32Array]", ti = "[object Uint8Array]", ri = "[object Uint8ClampedArray]", ni = "[object Uint16Array]", ai = "[object Uint32Array]", y = {};
+y[Xa] = y[Ya] = y[Ja] = y[Qa] = y[ei] = y[ti] = y[ri] = y[ni] = y[ai] = !0;
+y[Ra] = y[xa] = y[Wa] = y[Ma] = y[Za] = y[Ha] = y[Va] = y[za] = y[Ga] = y[ja] = y[Fa] = y[Ka] = y[Ba] = y[Ua] = y[qa] = !1;
+function ii(e) {
+  return Da(e) && Pa(e.length) && !!y[Na(e)];
+}
+var si = ii;
+function oi(e) {
+  return function(t) {
+    return e(t);
+  };
+}
+var li = oi, re = { exports: {} };
+re.exports;
+(function(e, t) {
+  var r = ht, n = t && !t.nodeType && t, i = n && !0 && e && !e.nodeType && e, a = i && i.exports === n, s = a && r.process, c = function() {
+    try {
+      var u = i && i.require && i.require("util").types;
+      return u || s && s.binding && s.binding("util");
+    } catch {
+    }
+  }();
+  e.exports = c;
+})(re, re.exports);
+var ci = re.exports, di = si, ui = li, Me = ci, He = Me && Me.isTypedArray, fi = He ? ui(He) : di, St = fi, _i = _a, hi = pt, gi = N, vi = bt, mi = $t, yi = St, pi = Object.prototype, bi = pi.hasOwnProperty;
+function $i(e, t) {
+  var r = gi(e), n = !r && hi(e), i = !r && !n && vi(e), a = !r && !n && !i && yi(e), s = r || n || i || a, c = s ? _i(e.length, String) : [], u = c.length;
+  for (var f in e)
+    (t || bi.call(e, f)) && !(s && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (f == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    i && (f == "offset" || f == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    a && (f == "buffer" || f == "byteLength" || f == "byteOffset") || // Skip index properties.
+    mi(f, u))) && c.push(f);
+  return c;
+}
+var Si = $i, Ci = Object.prototype;
+function Ei(e) {
+  var t = e && e.constructor, r = typeof t == "function" && t.prototype || Ci;
+  return e === r;
+}
+var Ai = Ei;
+function Ti(e, t) {
+  return function(r) {
+    return e(t(r));
+  };
+}
+var wi = Ti, Ii = wi, Oi = Ii(Object.keys, Object), ki = Oi, Li = Ai, Ni = ki, Pi = Object.prototype, Di = Pi.hasOwnProperty;
+function Ri(e) {
+  if (!Li(e))
+    return Ni(e);
+  var t = [];
+  for (var r in Object(e))
+    Di.call(e, r) && r != "constructor" && t.push(r);
+  return t;
+}
+var xi = Ri, Mi = vt, Hi = $e;
+function Vi(e) {
+  return e != null && Hi(e.length) && !Mi(e);
+}
+var zi = Vi, Gi = Si, ji = xi, Fi = zi;
+function Ki(e) {
+  return Fi(e) ? Gi(e) : ji(e);
+}
+var Se = Ki, Bi = ua, Ui = Se;
+function qi(e, t) {
+  return e && Bi(e, t, Ui);
+}
+var Wi = qi;
+function Zi() {
+  this.__data__ = [], this.size = 0;
+}
+var Xi = Zi;
+function Yi(e, t) {
+  return e === t || e !== e && t !== t;
+}
+var Ct = Yi, Ji = Ct;
+function Qi(e, t) {
+  for (var r = e.length; r--; )
+    if (Ji(e[r][0], t))
+      return r;
+  return -1;
+}
+var se = Qi, es = se, ts = Array.prototype, rs = ts.splice;
+function ns(e) {
+  var t = this.__data__, r = es(t, e);
+  if (r < 0)
+    return !1;
+  var n = t.length - 1;
+  return r == n ? t.pop() : rs.call(t, r, 1), --this.size, !0;
+}
+var as = ns, is = se;
+function ss(e) {
+  var t = this.__data__, r = is(t, e);
+  return r < 0 ? void 0 : t[r][1];
+}
+var os = ss, ls = se;
+function cs(e) {
+  return ls(this.__data__, e) > -1;
+}
+var ds = cs, us = se;
+function fs(e, t) {
+  var r = this.__data__, n = us(r, e);
+  return n < 0 ? (++this.size, r.push([e, t])) : r[n][1] = t, this;
+}
+var _s = fs, hs = Xi, gs = as, vs = os, ms = ds, ys = _s;
+function z(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.clear(); ++t < r; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+z.prototype.clear = hs;
+z.prototype.delete = gs;
+z.prototype.get = vs;
+z.prototype.has = ms;
+z.prototype.set = ys;
+var oe = z, ps = oe;
+function bs() {
+  this.__data__ = new ps(), this.size = 0;
+}
+var $s = bs;
+function Ss(e) {
+  var t = this.__data__, r = t.delete(e);
+  return this.size = t.size, r;
+}
+var Cs = Ss;
+function Es(e) {
+  return this.__data__.get(e);
+}
+var As = Es;
+function Ts(e) {
+  return this.__data__.has(e);
+}
+var ws = Ts, Is = M, Os = k, ks = Is(Os, "Map"), Ce = ks, Ls = M, Ns = Ls(Object, "create"), le = Ns, Ve = le;
+function Ps() {
+  this.__data__ = Ve ? Ve(null) : {}, this.size = 0;
+}
+var Ds = Ps;
+function Rs(e) {
+  var t = this.has(e) && delete this.__data__[e];
+  return this.size -= t ? 1 : 0, t;
+}
+var xs = Rs, Ms = le, Hs = "__lodash_hash_undefined__", Vs = Object.prototype, zs = Vs.hasOwnProperty;
+function Gs(e) {
+  var t = this.__data__;
+  if (Ms) {
+    var r = t[e];
+    return r === Hs ? void 0 : r;
+  }
+  return zs.call(t, e) ? t[e] : void 0;
+}
+var js = Gs, Fs = le, Ks = Object.prototype, Bs = Ks.hasOwnProperty;
+function Us(e) {
+  var t = this.__data__;
+  return Fs ? t[e] !== void 0 : Bs.call(t, e);
+}
+var qs = Us, Ws = le, Zs = "__lodash_hash_undefined__";
+function Xs(e, t) {
+  var r = this.__data__;
+  return this.size += this.has(e) ? 0 : 1, r[e] = Ws && t === void 0 ? Zs : t, this;
+}
+var Ys = Xs, Js = Ds, Qs = xs, eo = js, to = qs, ro = Ys;
+function G(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.clear(); ++t < r; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+G.prototype.clear = Js;
+G.prototype.delete = Qs;
+G.prototype.get = eo;
+G.prototype.has = to;
+G.prototype.set = ro;
+var no = G, ze = no, ao = oe, io = Ce;
+function so() {
+  this.size = 0, this.__data__ = {
+    hash: new ze(),
+    map: new (io || ao)(),
+    string: new ze()
+  };
+}
+var oo = so;
+function lo(e) {
+  var t = typeof e;
+  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
+}
+var co = lo, uo = co;
+function fo(e, t) {
+  var r = e.__data__;
+  return uo(t) ? r[typeof t == "string" ? "string" : "hash"] : r.map;
+}
+var ce = fo, _o = ce;
+function ho(e) {
+  var t = _o(this, e).delete(e);
+  return this.size -= t ? 1 : 0, t;
+}
+var go = ho, vo = ce;
+function mo(e) {
+  return vo(this, e).get(e);
+}
+var yo = mo, po = ce;
+function bo(e) {
+  return po(this, e).has(e);
+}
+var $o = bo, So = ce;
+function Co(e, t) {
+  var r = So(this, e), n = r.size;
+  return r.set(e, t), this.size += r.size == n ? 0 : 1, this;
+}
+var Eo = Co, Ao = oo, To = go, wo = yo, Io = $o, Oo = Eo;
+function j(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.clear(); ++t < r; ) {
+    var n = e[t];
+    this.set(n[0], n[1]);
+  }
+}
+j.prototype.clear = Ao;
+j.prototype.delete = To;
+j.prototype.get = wo;
+j.prototype.has = Io;
+j.prototype.set = Oo;
+var Ee = j, ko = oe, Lo = Ce, No = Ee, Po = 200;
+function Do(e, t) {
+  var r = this.__data__;
+  if (r instanceof ko) {
+    var n = r.__data__;
+    if (!Lo || n.length < Po - 1)
+      return n.push([e, t]), this.size = ++r.size, this;
+    r = this.__data__ = new No(n);
+  }
+  return r.set(e, t), this.size = r.size, this;
+}
+var Ro = Do, xo = oe, Mo = $s, Ho = Cs, Vo = As, zo = ws, Go = Ro;
+function F(e) {
+  var t = this.__data__ = new xo(e);
+  this.size = t.size;
+}
+F.prototype.clear = Mo;
+F.prototype.delete = Ho;
+F.prototype.get = Vo;
+F.prototype.has = zo;
+F.prototype.set = Go;
+var Et = F, jo = "__lodash_hash_undefined__";
+function Fo(e) {
+  return this.__data__.set(e, jo), this;
+}
+var Ko = Fo;
+function Bo(e) {
+  return this.__data__.has(e);
+}
+var Uo = Bo, qo = Ee, Wo = Ko, Zo = Uo;
+function ne(e) {
+  var t = -1, r = e == null ? 0 : e.length;
+  for (this.__data__ = new qo(); ++t < r; )
+    this.add(e[t]);
+}
+ne.prototype.add = ne.prototype.push = Wo;
+ne.prototype.has = Zo;
+var Xo = ne;
+function Yo(e, t) {
+  for (var r = -1, n = e == null ? 0 : e.length; ++r < n; )
+    if (t(e[r], r, e))
+      return !0;
+  return !1;
+}
+var Jo = Yo;
+function Qo(e, t) {
+  return e.has(t);
+}
+var el = Qo, tl = Xo, rl = Jo, nl = el, al = 1, il = 2;
+function sl(e, t, r, n, i, a) {
+  var s = r & al, c = e.length, u = t.length;
+  if (c != u && !(s && u > c))
+    return !1;
+  var f = a.get(e), m = a.get(t);
+  if (f && m)
+    return f == t && m == e;
+  var T = -1, S = !0, C = r & il ? new tl() : void 0;
+  for (a.set(e, t), a.set(t, e); ++T < c; ) {
+    var I = e[T], O = t[T];
+    if (n)
+      var L = s ? n(O, I, T, t, e, a) : n(I, O, T, e, t, a);
+    if (L !== void 0) {
+      if (L)
+        continue;
+      S = !1;
+      break;
+    }
+    if (C) {
+      if (!rl(t, function(P, D) {
+        if (!nl(C, D) && (I === P || i(I, P, r, n, a)))
+          return C.push(D);
+      })) {
+        S = !1;
+        break;
+      }
+    } else if (!(I === O || i(I, O, r, n, a))) {
+      S = !1;
+      break;
+    }
+  }
+  return a.delete(e), a.delete(t), S;
+}
+var At = sl, ol = k, ll = ol.Uint8Array, cl = ll;
+function dl(e) {
+  var t = -1, r = Array(e.size);
+  return e.forEach(function(n, i) {
+    r[++t] = [i, n];
+  }), r;
+}
+var ul = dl;
+function fl(e) {
+  var t = -1, r = Array(e.size);
+  return e.forEach(function(n) {
+    r[++t] = n;
+  }), r;
+}
+var _l = fl, Ge = ie, je = cl, hl = Ct, gl = At, vl = ul, ml = _l, yl = 1, pl = 2, bl = "[object Boolean]", $l = "[object Date]", Sl = "[object Error]", Cl = "[object Map]", El = "[object Number]", Al = "[object RegExp]", Tl = "[object Set]", wl = "[object String]", Il = "[object Symbol]", Ol = "[object ArrayBuffer]", kl = "[object DataView]", Fe = Ge ? Ge.prototype : void 0, _e = Fe ? Fe.valueOf : void 0;
+function Ll(e, t, r, n, i, a, s) {
+  switch (r) {
+    case kl:
+      if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
+        return !1;
+      e = e.buffer, t = t.buffer;
+    case Ol:
+      return !(e.byteLength != t.byteLength || !a(new je(e), new je(t)));
+    case bl:
+    case $l:
+    case El:
+      return hl(+e, +t);
+    case Sl:
+      return e.name == t.name && e.message == t.message;
+    case Al:
+    case wl:
+      return e == t + "";
+    case Cl:
+      var c = vl;
+    case Tl:
+      var u = n & yl;
+      if (c || (c = ml), e.size != t.size && !u)
+        return !1;
+      var f = s.get(e);
+      if (f)
+        return f == t;
+      n |= pl, s.set(e, t);
+      var m = gl(c(e), c(t), n, i, a, s);
+      return s.delete(e), m;
+    case Il:
+      if (_e)
+        return _e.call(e) == _e.call(t);
+  }
+  return !1;
+}
+var Nl = Ll;
+function Pl(e, t) {
+  for (var r = -1, n = t.length, i = e.length; ++r < n; )
+    e[i + r] = t[r];
+  return e;
+}
+var Dl = Pl, Rl = Dl, xl = N;
+function Ml(e, t, r) {
+  var n = t(e);
+  return xl(e) ? n : Rl(n, r(e));
+}
+var Hl = Ml;
+function Vl(e, t) {
+  for (var r = -1, n = e == null ? 0 : e.length, i = 0, a = []; ++r < n; ) {
+    var s = e[r];
+    t(s, r, e) && (a[i++] = s);
+  }
+  return a;
+}
+var zl = Vl;
+function Gl() {
+  return [];
+}
+var jl = Gl, Fl = zl, Kl = jl, Bl = Object.prototype, Ul = Bl.propertyIsEnumerable, Ke = Object.getOwnPropertySymbols, ql = Ke ? function(e) {
+  return e == null ? [] : (e = Object(e), Fl(Ke(e), function(t) {
+    return Ul.call(e, t);
+  }));
+} : Kl, Wl = ql, Zl = Hl, Xl = Wl, Yl = Se;
+function Jl(e) {
+  return Zl(e, Yl, Xl);
+}
+var Ql = Jl, Be = Ql, ec = 1, tc = Object.prototype, rc = tc.hasOwnProperty;
+function nc(e, t, r, n, i, a) {
+  var s = r & ec, c = Be(e), u = c.length, f = Be(t), m = f.length;
+  if (u != m && !s)
+    return !1;
+  for (var T = u; T--; ) {
+    var S = c[T];
+    if (!(s ? S in t : rc.call(t, S)))
+      return !1;
+  }
+  var C = a.get(e), I = a.get(t);
+  if (C && I)
+    return C == t && I == e;
+  var O = !0;
+  a.set(e, t), a.set(t, e);
+  for (var L = s; ++T < u; ) {
+    S = c[T];
+    var P = e[S], D = t[S];
+    if (n)
+      var Oe = s ? n(D, P, S, t, e, a) : n(P, D, S, e, t, a);
+    if (!(Oe === void 0 ? P === D || i(P, D, r, n, a) : Oe)) {
+      O = !1;
+      break;
+    }
+    L || (L = S == "constructor");
+  }
+  if (O && !L) {
+    var Z = e.constructor, X = t.constructor;
+    Z != X && "constructor" in e && "constructor" in t && !(typeof Z == "function" && Z instanceof Z && typeof X == "function" && X instanceof X) && (O = !1);
+  }
+  return a.delete(e), a.delete(t), O;
+}
+var ac = nc, ic = M, sc = k, oc = ic(sc, "DataView"), lc = oc, cc = M, dc = k, uc = cc(dc, "Promise"), fc = uc, _c = M, hc = k, gc = _c(hc, "Set"), vc = gc, mc = M, yc = k, pc = mc(yc, "WeakMap"), bc = pc, ge = lc, ve = Ce, me = fc, ye = vc, pe = bc, Tt = q, K = mt, Ue = "[object Map]", $c = "[object Object]", qe = "[object Promise]", We = "[object Set]", Ze = "[object WeakMap]", Xe = "[object DataView]", Sc = K(ge), Cc = K(ve), Ec = K(me), Ac = K(ye), Tc = K(pe), R = Tt;
+(ge && R(new ge(new ArrayBuffer(1))) != Xe || ve && R(new ve()) != Ue || me && R(me.resolve()) != qe || ye && R(new ye()) != We || pe && R(new pe()) != Ze) && (R = function(e) {
+  var t = Tt(e), r = t == $c ? e.constructor : void 0, n = r ? K(r) : "";
+  if (n)
+    switch (n) {
+      case Sc:
+        return Xe;
+      case Cc:
+        return Ue;
+      case Ec:
+        return qe;
+      case Ac:
+        return We;
+      case Tc:
+        return Ze;
+    }
+  return t;
+});
+var wc = R, he = Et, Ic = At, Oc = Nl, kc = ac, Ye = wc, Je = N, Qe = bt, Lc = St, Nc = 1, et = "[object Arguments]", tt = "[object Array]", J = "[object Object]", Pc = Object.prototype, rt = Pc.hasOwnProperty;
+function Dc(e, t, r, n, i, a) {
+  var s = Je(e), c = Je(t), u = s ? tt : Ye(e), f = c ? tt : Ye(t);
+  u = u == et ? J : u, f = f == et ? J : f;
+  var m = u == J, T = f == J, S = u == f;
+  if (S && Qe(e)) {
+    if (!Qe(t))
+      return !1;
+    s = !0, m = !1;
+  }
+  if (S && !m)
+    return a || (a = new he()), s || Lc(e) ? Ic(e, t, r, n, i, a) : Oc(e, t, u, r, n, i, a);
+  if (!(r & Nc)) {
+    var C = m && rt.call(e, "__wrapped__"), I = T && rt.call(t, "__wrapped__");
+    if (C || I) {
+      var O = C ? e.value() : e, L = I ? t.value() : t;
+      return a || (a = new he()), i(O, L, r, n, a);
+    }
+  }
+  return S ? (a || (a = new he()), kc(e, t, r, n, i, a)) : !1;
+}
+var Rc = Dc, xc = Rc, nt = W;
+function wt(e, t, r, n, i) {
+  return e === t ? !0 : e == null || t == null || !nt(e) && !nt(t) ? e !== e && t !== t : xc(e, t, r, n, wt, i);
+}
+var It = wt, Mc = Et, Hc = It, Vc = 1, zc = 2;
+function Gc(e, t, r, n) {
+  var i = r.length, a = i, s = !n;
+  if (e == null)
+    return !a;
+  for (e = Object(e); i--; ) {
+    var c = r[i];
+    if (s && c[2] ? c[1] !== e[c[0]] : !(c[0] in e))
+      return !1;
+  }
+  for (; ++i < a; ) {
+    c = r[i];
+    var u = c[0], f = e[u], m = c[1];
+    if (s && c[2]) {
+      if (f === void 0 && !(u in e))
+        return !1;
+    } else {
+      var T = new Mc();
+      if (n)
+        var S = n(f, m, u, e, t, T);
+      if (!(S === void 0 ? Hc(m, f, Vc | zc, n, T) : S))
+        return !1;
+    }
+  }
+  return !0;
+}
+var jc = Gc, Fc = be;
+function Kc(e) {
+  return e === e && !Fc(e);
+}
+var Ot = Kc, Bc = Ot, Uc = Se;
+function qc(e) {
+  for (var t = Uc(e), r = t.length; r--; ) {
+    var n = t[r], i = e[n];
+    t[r] = [n, i, Bc(i)];
+  }
+  return t;
+}
+var Wc = qc;
+function Zc(e, t) {
+  return function(r) {
+    return r == null ? !1 : r[e] === t && (t !== void 0 || e in Object(r));
+  };
+}
+var kt = Zc, Xc = jc, Yc = Wc, Jc = kt;
+function Qc(e) {
+  var t = Yc(e);
+  return t.length == 1 && t[0][2] ? Jc(t[0][0], t[0][1]) : function(r) {
+    return r === e || Xc(r, e, t);
+  };
+}
+var ed = Qc, td = q, rd = W, nd = "[object Symbol]";
+function ad(e) {
+  return typeof e == "symbol" || rd(e) && td(e) == nd;
+}
+var Ae = ad, id = N, sd = Ae, od = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, ld = /^\w*$/;
+function cd(e, t) {
+  if (id(e))
+    return !1;
+  var r = typeof e;
+  return r == "number" || r == "symbol" || r == "boolean" || e == null || sd(e) ? !0 : ld.test(e) || !od.test(e) || t != null && e in Object(t);
+}
+var Te = cd, Lt = Ee, dd = "Expected a function";
+function we(e, t) {
+  if (typeof e != "function" || t != null && typeof t != "function")
+    throw new TypeError(dd);
+  var r = function() {
+    var n = arguments, i = t ? t.apply(this, n) : n[0], a = r.cache;
+    if (a.has(i))
+      return a.get(i);
+    var s = e.apply(this, n);
+    return r.cache = a.set(i, s) || a, s;
+  };
+  return r.cache = new (we.Cache || Lt)(), r;
+}
+we.Cache = Lt;
+var ud = we, fd = ud, _d = 500;
+function hd(e) {
+  var t = fd(e, function(n) {
+    return r.size === _d && r.clear(), n;
+  }), r = t.cache;
+  return t;
+}
+var gd = hd, vd = gd, md = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, yd = /\\(\\)?/g, pd = vd(function(e) {
+  var t = [];
+  return e.charCodeAt(0) === 46 && t.push(""), e.replace(md, function(r, n, i, a) {
+    t.push(i ? a.replace(yd, "$1") : n || r);
+  }), t;
+}), bd = pd;
+function $d(e, t) {
+  for (var r = -1, n = e == null ? 0 : e.length, i = Array(n); ++r < n; )
+    i[r] = t(e[r], r, e);
+  return i;
+}
+var Sd = $d, at = ie, Cd = Sd, Ed = N, Ad = Ae, Td = 1 / 0, it = at ? at.prototype : void 0, st = it ? it.toString : void 0;
+function Nt(e) {
+  if (typeof e == "string")
+    return e;
+  if (Ed(e))
+    return Cd(e, Nt) + "";
+  if (Ad(e))
+    return st ? st.call(e) : "";
+  var t = e + "";
+  return t == "0" && 1 / e == -Td ? "-0" : t;
+}
+var wd = Nt, Id = wd;
+function Od(e) {
+  return e == null ? "" : Id(e);
+}
+var kd = Od, Ld = N, Nd = Te, Pd = bd, Dd = kd;
+function Rd(e, t) {
+  return Ld(e) ? e : Nd(e, t) ? [e] : Pd(Dd(e));
+}
+var Pt = Rd, xd = Ae, Md = 1 / 0;
+function Hd(e) {
+  if (typeof e == "string" || xd(e))
+    return e;
+  var t = e + "";
+  return t == "0" && 1 / e == -Md ? "-0" : t;
+}
+var de = Hd, Vd = Pt, zd = de;
+function Gd(e, t) {
+  t = Vd(t, e);
+  for (var r = 0, n = t.length; e != null && r < n; )
+    e = e[zd(t[r++])];
+  return r && r == n ? e : void 0;
+}
+var Dt = Gd, jd = Dt;
+function Fd(e, t, r) {
+  var n = e == null ? void 0 : jd(e, t);
+  return n === void 0 ? r : n;
+}
+var Kd = Fd;
+function Bd(e, t) {
+  return e != null && t in Object(e);
+}
+var Ud = Bd, qd = Pt, Wd = pt, Zd = N, Xd = $t, Yd = $e, Jd = de;
+function Qd(e, t, r) {
+  t = qd(t, e);
+  for (var n = -1, i = t.length, a = !1; ++n < i; ) {
+    var s = Jd(t[n]);
+    if (!(a = e != null && r(e, s)))
+      break;
+    e = e[s];
+  }
+  return a || ++n != i ? a : (i = e == null ? 0 : e.length, !!i && Yd(i) && Xd(s, i) && (Zd(e) || Wd(e)));
+}
+var eu = Qd, tu = Ud, ru = eu;
+function nu(e, t) {
+  return e != null && ru(e, t, tu);
+}
+var au = nu, iu = It, su = Kd, ou = au, lu = Te, cu = Ot, du = kt, uu = de, fu = 1, _u = 2;
+function hu(e, t) {
+  return lu(e) && cu(t) ? du(uu(e), t) : function(r) {
+    var n = su(r, e);
+    return n === void 0 && n === t ? ou(r, e) : iu(t, n, fu | _u);
+  };
+}
+var gu = hu;
+function vu(e) {
+  return e;
+}
+var mu = vu;
+function yu(e) {
+  return function(t) {
+    return t == null ? void 0 : t[e];
+  };
+}
+var pu = yu, bu = Dt;
+function $u(e) {
+  return function(t) {
+    return bu(t, e);
+  };
+}
+var Su = $u, Cu = pu, Eu = Su, Au = Te, Tu = de;
+function wu(e) {
+  return Au(e) ? Cu(Tu(e)) : Eu(e);
+}
+var Iu = wu, Ou = ed, ku = gu, Lu = mu, Nu = N, Pu = Iu;
+function Du(e) {
+  return typeof e == "function" ? e : e == null ? Lu : typeof e == "object" ? Nu(e) ? ku(e[0], e[1]) : Ou(e) : Pu(e);
+}
+var Ru = Du, xu = sa, Mu = Wi, Hu = Ru;
+function Vu(e, t) {
+  var r = {};
+  return t = Hu(t), Mu(e, function(n, i, a) {
+    xu(r, i, t(n, i, a));
+  }), r;
+}
+var zu = Vu;
+const Q = /* @__PURE__ */ tn(zu), Gu = {
+  name: "PauseCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, ju = ["aria-hidden", "aria-label"], Fu = ["fill", "width", "height"], Ku = { d: "M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, Bu = { key: 0 };
+function Uu(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon pause-circle-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", Ku, [
+        r.title ? (o(), l("title", Bu, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, Fu))
+  ], 16, ju);
+}
+const qu = /* @__PURE__ */ h(Gu, [["render", Uu]]), Wu = {
+  name: "CheckCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, Zu = ["aria-hidden", "aria-label"], Xu = ["fill", "width", "height"], Yu = { d: "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z" }, Ju = { key: 0 };
+function Qu(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon check-circle-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", Yu, [
+        r.title ? (o(), l("title", Ju, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, Xu))
+  ], 16, Zu);
+}
+const e1 = /* @__PURE__ */ h(Wu, [["render", Qu]]), t1 = {
+  name: "PlayCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, r1 = ["aria-hidden", "aria-label"], n1 = ["fill", "width", "height"], a1 = { d: "M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, i1 = { key: 0 };
+function s1(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon play-circle-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", a1, [
+        r.title ? (o(), l("title", i1, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, n1))
+  ], 16, r1);
+}
+const o1 = /* @__PURE__ */ h(t1, [["render", s1]]), l1 = {
+  name: "CloseCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, c1 = ["aria-hidden", "aria-label"], d1 = ["fill", "width", "height"], u1 = { d: "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z" }, f1 = { key: 0 };
+function _1(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon close-circle-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", u1, [
+        r.title ? (o(), l("title", f1, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, d1))
+  ], 16, c1);
+}
+const ot = /* @__PURE__ */ h(l1, [["render", _1]]), h1 = {
+  name: "StopCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, g1 = ["aria-hidden", "aria-label"], v1 = ["fill", "width", "height"], m1 = { d: "M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M9,9H15V15H9" }, y1 = { key: 0 };
+function p1(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon stop-circle-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", m1, [
+        r.title ? (o(), l("title", y1, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, v1))
+  ], 16, g1);
+}
+const b1 = /* @__PURE__ */ h(h1, [["render", p1]]), $1 = {
+  name: "SkipPreviousCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, S1 = ["aria-hidden", "aria-label"], C1 = ["fill", "width", "height"], E1 = { d: "M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M8,8H10V16H8M16,8V16L11,12" }, A1 = { key: 0 };
+function T1(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon skip-previous-circle-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", E1, [
+        r.title ? (o(), l("title", A1, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, C1))
+  ], 16, S1);
+}
+const w1 = /* @__PURE__ */ h($1, [["render", T1]]), I1 = {
+  name: "AlertCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, O1 = ["aria-hidden", "aria-label"], k1 = ["fill", "width", "height"], L1 = { d: "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, N1 = { key: 0 };
+function P1(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon alert-circle-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", L1, [
+        r.title ? (o(), l("title", N1, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, k1))
+  ], 16, O1);
+}
+const D1 = /* @__PURE__ */ h(I1, [["render", P1]]), R1 = {
+  name: "DotsVerticalCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, x1 = ["aria-hidden", "aria-label"], M1 = ["fill", "width", "height"], H1 = { d: "M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5A1.5,1.5 0 0,0 10.5,12M10.5,17.5A1.5,1.5 0 0,0 12,19A1.5,1.5 0 0,0 13.5,17.5A1.5,1.5 0 0,0 12,16A1.5,1.5 0 0,0 10.5,17.5M10.5,6.5A1.5,1.5 0 0,0 12,8A1.5,1.5 0 0,0 13.5,6.5A1.5,1.5 0 0,0 12,5A1.5,1.5 0 0,0 10.5,6.5Z" }, V1 = { key: 0 };
+function z1(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon dots-vertical-circle-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", H1, [
+        r.title ? (o(), l("title", V1, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, M1))
+  ], 16, x1);
+}
+const G1 = /* @__PURE__ */ h(R1, [["render", z1]]);
+String.prototype.capitalize = function() {
+  return this.charAt(0).toUpperCase() + this.slice(1);
+};
+String.prototype.hashCode = function() {
+  var e = 0;
+  if (this.length === 0)
+    return e;
+  for (var t = 0; t < this.length; t++) {
+    var r = this.charCodeAt(t);
+    e = (e << 5) - e + r, e = e & e;
+  }
+  return e + "";
+};
+const j1 = document.querySelector(":root"), F1 = getComputedStyle(j1), lt = (e) => F1.getPropertyValue(e), $ = Object.freeze({
+  CREATED: {
+    name: "CREATED",
+    colorClass: "cyan",
+    icon: G1,
+    isRunning: !0,
+    isKillable: !0,
+    isFailed: !1
+  },
+  RESTARTED: {
+    name: "RESTARTED",
+    colorClass: "cyan",
+    icon: w1,
+    isRunning: !1,
+    isKillable: !0,
+    isFailed: !1
+  },
+  SUCCESS: {
+    name: "SUCCESS",
+    colorClass: "green",
+    icon: e1,
+    isRunning: !1,
+    isKillable: !1,
+    isFailed: !1
+  },
+  RUNNING: {
+    name: "RUNNING",
+    colorClass: "purple",
+    icon: o1,
+    isRunning: !0,
+    isKillable: !0,
+    isFailed: !1
+  },
+  KILLING: {
+    name: "KILLING",
+    colorClass: "yellow",
+    icon: ot,
+    isRunning: !0,
+    isKillable: !0,
+    isFailed: !0
+  },
+  KILLED: {
+    name: "KILLED",
+    colorClass: "yellow",
+    icon: b1,
+    isRunning: !1,
+    isKillable: !1,
+    isFailed: !0
+  },
+  WARNING: {
+    name: "WARNING",
+    colorClass: "orange",
+    icon: D1,
+    isRunning: !1,
+    isKillable: !1,
+    isFailed: !0
+  },
+  FAILED: {
+    name: "FAILED",
+    colorClass: "red",
+    icon: ot,
+    isRunning: !1,
+    isKillable: !1,
+    isFailed: !0
+  },
+  PAUSED: {
+    name: "PAUSED",
+    colorClass: "indigo",
+    icon: qu,
+    isRunning: !0,
+    isKillable: !0,
+    isFailed: !1
+  }
+});
+let E = class {
+  static get CREATED() {
+    return $.CREATED.name;
+  }
+  static get RESTARTED() {
+    return $.RESTARTED.name;
+  }
+  static get SUCCESS() {
+    return $.SUCCESS.name;
+  }
+  static get RUNNING() {
+    return $.RUNNING.name;
+  }
+  static get KILLING() {
+    return $.KILLING.name;
+  }
+  static get KILLED() {
+    return $.KILLED.name;
+  }
+  static get FAILED() {
+    return $.FAILED.name;
+  }
+  static get WARNING() {
+    return $.WARNING.name;
+  }
+  static get PAUSED() {
+    return $.PAUSED.name;
+  }
+  static isRunning(t) {
+    return $[t] && $[t].isRunning;
+  }
+  static isKillable(t) {
+    return $[t] && $[t].isKillable;
+  }
+  static isPaused(t) {
+    return $[t] && $[t] === $.PAUSED;
+  }
+  static isFailed(t) {
+    return $[t] && $[t].isFailed;
+  }
+  static allStates() {
+    return Q($, (t) => ({
+      key: t.name,
+      icon: t.icon,
+      color: lt("--bs-" + t.colorClass)
+    }));
+  }
+  static arrayAllStates() {
+    return Object.values($);
+  }
+  static colorClass() {
+    return Q($, (t) => t.colorClass);
+  }
+  static color() {
+    return Q($, (t) => lt("--bs-" + t.colorClass));
+  }
+  static icon() {
+    return Q($, (t) => t.icon);
+  }
+};
+const K1 = {
+  name: "DeleteIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, B1 = ["aria-hidden", "aria-label"], U1 = ["fill", "width", "height"], q1 = { d: "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z" }, W1 = { key: 0 };
+function Z1(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon delete-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", q1, [
+        r.title ? (o(), l("title", W1, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, U1))
+  ], 16, B1);
+}
+const Rt = /* @__PURE__ */ h(K1, [["render", Z1]]), X1 = {
+  name: "PencilIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, Y1 = ["aria-hidden", "aria-label"], J1 = ["fill", "width", "height"], Q1 = { d: "M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z" }, ef = { key: 0 };
+function tf(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon pencil-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", Q1, [
+        r.title ? (o(), l("title", ef, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, J1))
+  ], 16, Y1);
+}
+const xt = /* @__PURE__ */ h(X1, [["render", tf]]), rf = {
+  en: {
+    y: () => "y",
+    mo: () => "mo",
+    w: () => "w",
+    d: () => "d",
+    h: () => "h",
+    m: () => "m",
+    s: () => "s",
+    ms: () => "ms"
+  },
+  fr: {
+    y: () => "a",
+    mo: () => "mo",
+    w: () => "se",
+    d: () => "j",
+    h: () => "h",
+    m: () => "m",
+    s: () => "s",
+    ms: () => "ms"
+  }
+};
+class Ie {
+  static splitFirst(t, r) {
+    return t.split(r).slice(1).join(r);
+  }
+  static duration(t) {
+    return moment.duration(t, moment.ISO_8601).asMilliseconds() / 1e3;
+  }
+  static humanDuration(t, r) {
+    return r = r || { maxDecimalPoints: 2 }, r.spacer = "", r.language = localStorage.getItem("lang") || "en", r.languages = rf, r.largest = 2, typeof t != "number" && (t = Ie.duration(t)), Kt(t * 1e3, r).replace(/\.([0-9])s$/i, ".$10s");
+  }
+}
+const ct = (e) => new Date(e).getTime(), nf = {
+  props: {
+    histories: {
+      type: Array,
+      default: void 0
+    }
+  },
+  watch: {
+    histories(e, t) {
+      t[0].date !== e[0].date && this.paint();
+    }
+  },
+  data() {
+    return {
+      duration: "",
+      refreshHandler: void 0
+    };
+  },
+  mounted() {
+    this.paint();
+  },
+  computed: {
+    start() {
+      return this.histories && this.histories.length && ct(this.histories[0].date);
+    },
+    lastStep() {
+      return this.histories[this.histories.length - 1];
+    }
+  },
+  methods: {
+    paint() {
+      this.refreshHandler || (this.refreshHandler = setInterval(() => {
+        this.computeDuration(), this.histories && !E.isRunning(this.lastStep.state) && this.cancel();
+      }, 100));
+    },
+    cancel() {
+      this.refreshHandler && (clearInterval(this.refreshHandler), this.refreshHandler = void 0);
+    },
+    delta() {
+      return this.stop() - this.start;
+    },
+    stop() {
+      return !this.histories || E.isRunning(this.lastStep.state) ? +/* @__PURE__ */ new Date() : ct(this.lastStep.date);
+    },
+    computeDuration() {
+      this.duration = Ie.humanDuration(this.delta() / 1e3);
+    },
+    squareClass(e) {
+      return [
+        "bg-" + E.colorClass()[e]
+      ];
+    }
+  },
+  beforeUnmount() {
+    this.cancel();
+  }
+}, af = /* @__PURE__ */ d("br", null, null, -1);
+function sf(e, t, r, n, i, a) {
+  const s = b("el-tooltip");
+  return o(), l("span", null, [
+    r.histories ? (o(), V(s, {
+      key: 0,
+      "popper-class": "duration-tt",
+      persistent: !1,
+      transition: "",
+      "hide-after": 0
+    }, {
+      content: H(() => [
+        (o(!0), l(x, null, Ht(r.histories, (c, u) => (o(), l("span", {
+          key: "tt-" + u
+        }, [
+          d("span", {
+            class: w(["square", a.squareClass(c.state)])
+          }, null, 2),
+          d("strong", null, v(c.state) + ":", 1),
+          Vt(" " + v(e.$filters.date(c.date, "iso")) + " ", 1),
+          af
+        ]))), 128))
+      ]),
+      default: H(() => [
+        d("span", null, v(i.duration), 1)
+      ]),
+      _: 1
+    })) : _("", !0)
+  ]);
+}
+const of = /* @__PURE__ */ h(nf, [["render", sf]]);
+const lf = {
+  name: "ExecutionInformations",
+  computed: {
+    EVENTS() {
+      return g;
+    },
+    taskRunList() {
+      return this.execution && this.execution.taskRunList ? this.execution.taskRunList : [];
+    },
+    taskRuns() {
+      return this.taskRunList.filter((e) => e.taskId === this.task.id);
+    },
+    state() {
+      if (!this.taskRuns)
+        return null;
+      if (this.taskRuns.length === 1)
+        return this.taskRuns[0].state.current;
+      const e = this.taskRuns.map((n) => n.state.current), t = [
+        E.FAILED,
+        E.KILLED,
+        E.WARNING,
+        E.KILLING,
+        E.RUNNING,
+        E.SUCCESS,
+        E.RESTARTED,
+        E.CREATED
+      ];
+      return e.map((n) => {
+        const i = t.indexOf(n[1]);
+        return t[i] = void 0, [i, n];
+      }).sort().map((n) => n[1])[0];
+    },
+    histories() {
+      if (!this.taskRuns)
+        return;
+      const e = Math.max(...this.taskRuns.filter((r) => r.state.histories && r.state.histories.length > 0).map((r) => new Date(r.state.histories[r.state.histories.length - 1].date).getTime())), t = Math.max(...this.taskRuns.map((r) => ue.duration(r.state.duration).asMilliseconds() / 1e3, 0));
+      return [
+        { date: ue(e).subtract(t, "second"), state: "CREATED" },
+        { date: ue(e), state: this.state }
+      ];
+    }
+  },
+  components: { Duration: of },
+  props: {
+    color: {
+      type: String,
+      default: "primary"
+    },
+    execution: {
+      type: Object,
+      default: null
+    }
+  }
+}, cf = { class: "btn-group content rounded-1 content-children" }, df = { key: 0 };
+function uf(e, t, r, n, i, a) {
+  const s = b("duration");
+  return o(), l("div", cf, [
+    a.taskRuns.length > 0 ? (o(), l("span", df, v(a.taskRuns.length) + " task runs", 1)) : _("", !0),
+    d("span", null, [
+      p(s, { histories: a.histories }, null, 8, ["histories"])
+    ])
+  ]);
+}
+const ff = /* @__PURE__ */ h(lf, [["render", uf], ["__scopeId", "data-v-38894edd"]]), _f = {
+  name: "TextBoxSearchIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, hf = ["aria-hidden", "aria-label"], gf = ["fill", "width", "height"], vf = { d: "M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M7,15V17H9C9.14,18.55 9.8,19.94 10.81,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V13.03C19.85,11.21 17.82,10 15.5,10C14.23,10 13.04,10.37 12.04,11H7V13H10C9.64,13.6 9.34,14.28 9.17,15H7M17,9V7H7V9H17Z" }, mf = { key: 0 };
+function yf(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon text-box-search-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", vf, [
+        r.title ? (o(), l("title", mf, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, gf))
+  ], 16, hf);
+}
+const pf = /* @__PURE__ */ h(_f, [["render", yf]]);
+const bf = {
+  name: "Task",
+  inheritAttrs: !1,
+  computed: {
+    SECTIONS() {
+      return dt;
+    },
+    EVENTS() {
+      return g;
+    },
+    color() {
+      return this.data.color ?? "primary";
+    },
+    execution() {
+      return this.data.execution;
+    },
+    taskRunList() {
+      return this.execution && this.execution.taskRunList ? this.execution.taskRunList : [];
+    },
+    taskRuns() {
+      return this.taskRunList.filter((e) => e.taskId === this.data.node.task.id);
+    },
+    state() {
+      if (!this.taskRuns)
+        return null;
+      if (this.taskRuns.length === 1)
+        return this.taskRuns[0].state.current;
+      const e = this.taskRuns.map((n) => n.state.current), t = [
+        E.FAILED,
+        E.KILLED,
+        E.WARNING,
+        E.KILLING,
+        E.RUNNING,
+        E.SUCCESS,
+        E.RESTARTED,
+        E.CREATED
+      ];
+      return e.map((n) => {
+        const i = t.indexOf(n[1]);
+        return t[i] = void 0, [i, n];
+      }).sort().map((n) => n[1])[0];
+    }
+  },
+  emits: [
+    g.EXPAND,
+    g.OPEN_LINK,
+    g.SHOW_LOGS,
+    g.MOUSE_OVER,
+    g.MOUSE_LEAVE,
+    g.ADD_ERROR,
+    g.EDIT,
+    g.DELETE,
+    g.ADD_TASK
+  ],
+  components: {
+    Pencil: xt,
+    Delete: Rt,
+    ExecutionInformations: ff,
+    Handle: ae,
+    BasicNode: _t,
+    TextBoxSearch: pf,
+    InformationOutline: ut
+  },
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    },
+    sourcePosition: {
+      type: String,
+      required: !0
+    },
+    targetPosition: {
+      type: String,
+      required: !0
+    },
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  methods: {
+    forwardEvent(e, t) {
+      this.$emit(e, t);
+    }
+  }
+};
+function $f(e, t, r, n, i, a) {
+  const s = b("Handle"), c = b("execution-informations"), u = b("TextBoxSearch"), f = b("InformationOutline"), m = b("Pencil"), T = b("Delete"), S = b("basic-node");
+  return o(), l(x, null, [
+    p(s, {
+      type: "source",
+      position: r.sourcePosition
+    }, null, 8, ["position"]),
+    p(S, {
+      id: r.id,
+      data: r.data,
+      state: a.state,
+      onShowDescription: t[4] || (t[4] = (C) => a.forwardEvent(a.EVENTS.SHOW_DESCRIPTION, C)),
+      onExpand: t[5] || (t[5] = (C) => a.forwardEvent(a.EVENTS.EXPAND, r.id)),
+      onOpenLink: t[6] || (t[6] = (C) => a.forwardEvent(a.EVENTS.OPEN_LINK)),
+      onMouseover: t[7] || (t[7] = (C) => a.forwardEvent(a.EVENTS.MOUSE_OVER, C)),
+      onMouseleave: t[8] || (t[8] = (C) => a.forwardEvent(a.EVENTS.MOUSE_LEAVE))
+    }, {
+      content: H(() => [
+        r.data.execution ? (o(), V(c, {
+          key: 0,
+          color: a.color
+        }, null, 8, ["color"])) : _("", !0)
+      ]),
+      "badge-button-before": H(() => [
+        a.execution ? (o(), l("span", {
+          key: 0,
+          class: w(["rounded-button", [`bg-${a.color}`]]),
+          onClick: t[0] || (t[0] = (C) => e.$emit(a.EVENTS.SHOW_LOGS, { id: r.id, taskRuns: a.taskRuns }))
+        }, [
+          p(u, {
+            class: "button-icon",
+            alt: "Show logs"
+          })
+        ], 2)) : _("", !0),
+        !r.data.execution && !r.data.isReadOnly && r.data.isFlowable ? (o(), l("span", {
+          key: 1,
+          class: w(["rounded-button", [`bg-${a.color}`]]),
+          onClick: t[1] || (t[1] = (C) => e.$emit(a.EVENTS.ADD_ERROR, { task: r.data.node.task }))
+        }, [
+          p(f, {
+            class: "button-icon",
+            alt: "Edit task"
+          })
+        ], 2)) : _("", !0),
+        !r.data.execution && !r.data.isReadOnly ? (o(), l("span", {
+          key: 2,
+          class: w(["rounded-button", [`bg-${a.color}`]]),
+          onClick: t[2] || (t[2] = (C) => e.$emit(a.EVENTS.EDIT, { task: r.data.node.task, section: a.SECTIONS.TASKS }))
+        }, [
+          p(m, {
+            class: "button-icon",
+            alt: "Edit task"
+          })
+        ], 2)) : _("", !0),
+        !r.data.execution && !r.data.isReadOnly ? (o(), l("span", {
+          key: 3,
+          class: w(["rounded-button", [`bg-${a.color}`]]),
+          onClick: t[3] || (t[3] = (C) => e.$emit(a.EVENTS.DELETE, { id: r.id, section: a.SECTIONS.TASKS }))
+        }, [
+          p(T, {
+            class: "button-icon",
+            alt: "Delete task"
+          })
+        ], 2)) : _("", !0)
+      ]),
+      _: 1
+    }, 8, ["id", "data", "state"]),
+    p(s, {
+      type: "target",
+      position: r.targetPosition
+    }, null, 8, ["position"])
+  ], 64);
+}
+const Jf = /* @__PURE__ */ h(bf, [["render", $f], ["__scopeId", "data-v-82d52d4b"]]);
+const Sf = {
+  name: "Task",
+  inheritAttrs: !1,
+  computed: {
+    SECTIONS() {
+      return dt;
+    },
+    EVENTS() {
+      return g;
+    },
+    color() {
+      return this.data.color ?? "primary";
+    }
+  },
+  emits: [
+    g.DELETE,
+    g.EDIT
+  ],
+  components: {
+    Delete: Rt,
+    Pencil: xt,
+    Handle: ae,
+    BasicNode: _t
+  },
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    },
+    sourcePosition: {
+      type: String,
+      required: !0
+    },
+    targetPosition: {
+      type: String,
+      required: !0
+    },
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  methods: {
+    forwardEvent(e, t) {
+      this.$emit(e, t);
+    }
+  }
+};
+function Cf(e, t, r, n, i, a) {
+  const s = b("Handle"), c = b("Pencil"), u = b("Delete"), f = b("basic-node");
+  return o(), l(x, null, [
+    p(s, {
+      type: "source",
+      position: r.sourcePosition
+    }, null, 8, ["position"]),
+    p(f, {
+      id: r.id,
+      data: r.data,
+      color: a.color,
+      onShowDescription: t[2] || (t[2] = (m) => a.forwardEvent(a.EVENTS.SHOW_DESCRIPTION, r.id)),
+      onExpand: t[3] || (t[3] = (m) => a.forwardEvent(a.EVENTS.EXPAND, r.id))
+    }, {
+      "badge-button-before": H(() => [
+        !r.data.execution && !r.data.isReadOnly ? (o(), l("span", {
+          key: 0,
+          class: w(["rounded-button", [`bg-${a.color}`]]),
+          onClick: t[0] || (t[0] = (m) => e.$emit(a.EVENTS.EDIT, { task: r.data.node.trigger, section: a.SECTIONS.TRIGGERS }))
+        }, [
+          p(c, {
+            class: "button-icon",
+            alt: "Edit task"
+          })
+        ], 2)) : _("", !0),
+        !r.data.execution && !r.data.isReadOnly ? (o(), l("span", {
+          key: 1,
+          class: w(["rounded-button", [`bg-${a.color}`]]),
+          onClick: t[1] || (t[1] = (m) => e.$emit(a.EVENTS.DELETE, { id: r.id, section: a.SECTIONS.TRIGGERS }))
+        }, [
+          p(u, {
+            class: "button-icon",
+            alt: "Delete task"
+          })
+        ], 2)) : _("", !0)
+      ]),
+      _: 1
+    }, 8, ["id", "data", "color"]),
+    p(s, {
+      type: "target",
+      position: r.targetPosition
+    }, null, 8, ["position"])
+  ], 64);
+}
+const Qf = /* @__PURE__ */ h(Sf, [["render", Cf], ["__scopeId", "data-v-63e68eda"]]);
+const Ef = {
+  components: {
+    Handle: ae,
+    ArrowExpand: ft
+  },
+  inheritAttrs: !1,
+  props: {
+    id: {
+      type: String,
+      default: void 0
+    },
+    sourcePosition: {
+      type: String,
+      required: !0
+    },
+    targetPosition: {
+      type: String,
+      required: !0
+    },
+    data: {
+      type: Object,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      filter: void 0,
+      isOpen: !1
+    };
+  },
+  computed: {
+    EVENTS() {
+      return g;
+    },
+    expandable() {
+      var e;
+      return ((e = this.data) == null ? void 0 : e.expandable) || !1;
+    },
+    description() {
+      const e = this.data.node.task ?? this.data.node.trigger ?? null;
+      return e ? e.description ?? null : null;
+    }
+  }
+}, Af = { class: "collapsed-cluster-node" }, Tf = { class: "position-absolute top-0 start-100 translate-middle text-white d-flex top-button-div" };
+function wf(e, t, r, n, i, a) {
+  const s = b("Handle"), c = b("ArrowExpand");
+  return o(), l(x, null, [
+    p(s, {
+      type: "source",
+      position: r.sourcePosition
+    }, null, 8, ["position"]),
+    d("div", Af, [
+      d("span", null, v(r.id), 1),
+      d("div", Tf, [
+        U(e.$slots, "badge-button-before", {}, void 0, !0),
+        a.expandable ? (o(), l("span", {
+          key: 0,
+          class: w(["rounded-button", [`bg-${r.data.color}`]]),
+          onClick: t[0] || (t[0] = (u) => e.$emit(a.EVENTS.EXPAND, r.id))
+        }, [
+          p(c, {
+            class: "button-icon",
+            alt: "Expand task"
+          })
+        ], 2)) : _("", !0),
+        U(e.$slots, "badge-button-after", {}, void 0, !0)
+      ])
+    ]),
+    p(s, {
+      type: "target",
+      position: r.targetPosition
+    }, null, 8, ["position"])
+  ], 64);
+}
+const e_ = /* @__PURE__ */ h(Ef, [["render", wf], ["__scopeId", "data-v-553efe27"]]), If = {
+  name: "AlertOctagonOutlineIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, Of = ["aria-hidden", "aria-label"], kf = ["fill", "width", "height"], Lf = { d: "M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1M11,15H13V17H11V15M11,7H13V13H11V7" }, Nf = { key: 0 };
+function Pf(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon alert-octagon-outline-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", Lf, [
+        r.title ? (o(), l("title", Nf, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, kf))
+  ], 16, Of);
+}
+const ee = /* @__PURE__ */ h(If, [["render", Pf]]), Df = {
+  name: "CheckIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, Rf = ["aria-hidden", "aria-label"], xf = ["fill", "width", "height"], Mf = { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" }, Hf = { key: 0 };
+function Vf(e, t, r, n, i, a) {
+  return o(), l("span", A(e.$attrs, {
+    "aria-hidden": !r.title,
+    "aria-label": r.title,
+    class: "material-design-icon check-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (s) => e.$emit("click", s))
+  }), [
+    (o(), l("svg", {
+      fill: r.fillColor,
+      class: "material-design-icon__svg",
+      width: r.size,
+      height: r.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", Mf, [
+        r.title ? (o(), l("title", Hf, v(r.title), 1)) : _("", !0)
+      ])
+    ], 8, xf))
+  ], 16, Rf);
+}
+const zf = /* @__PURE__ */ h(Df, [["render", Vf]]);
+const Gf = {
+  name: "State",
+  props: {
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  computed: {
+    stateIcon() {
+      switch (this.color) {
+        case "primary":
+          return ee;
+        case "danger":
+          return ee;
+        case "success":
+          return zf;
+        case "warning":
+          return ee;
+        default:
+          return ee;
+      }
+    },
+    stateText() {
+      switch (this.color) {
+        case "primary":
+          return "Running";
+        case "danger":
+          return "Failed";
+        case "success":
+          return "Success";
+        case "warning":
+          return "Warning";
+        default:
+          return "Error";
+      }
+    }
+  }
+};
+function jf(e, t, r, n, i, a) {
+  return o(), l("div", {
+    class: w([`text-${r.color}`])
+  }, [
+    (o(), V(zt(a.stateIcon), {
+      class: "icon",
+      "fill-color": "#ff0000"
+    })),
+    d("span", null, v(a.stateText), 1)
+  ], 2);
+}
+const t_ = /* @__PURE__ */ h(Gf, [["render", jf], ["__scopeId", "data-v-6e5cce27"]]);
+export {
+  $r as AddTaskButton,
+  _t as BasicNode,
+  Wf as ClusterNode,
+  e_ as CollapsedClusterNode,
+  Zf as DotNode,
+  Xf as EdgeNode,
+  ff as ExecutionInformations,
+  t_ as State,
+  Or as TaskIcon,
+  Jf as TaskNode,
+  Qf as TriggerNode
+};