@evercam/ui 0.0.58-beta.5 → 0.0.58-beta.7

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import F from "vue";
+import L from "vue";
 import Q from "hls.js";
-import R from "moment-timezone";
+import I from "moment-timezone";
 import * as c from "d3";
-var _ = /* @__PURE__ */ ((e) => (e.dot = "dot", e.xs = "xs", e.sm = "sm", e.md = "base", e.base = "base", e.lg = "lg", e.xl = "xl", e["2xl"] = "2xl", e["3xl"] = "3xl", e["4xl"] = "4xl", e["5xl"] = "5xl", e["6xl"] = "6xl", e["7xl"] = "7xl", e["8xl"] = "8xl", e["9xl"] = "9xl", e))(_ || {}), j = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(j || {}), re = /* @__PURE__ */ ((e) => (e.overview = "overview", e.detailed = "detailed", e.detailedBackground = "detailedBackground", e))(re || {}), U = /* @__PURE__ */ ((e) => (e.bars = "bars", e.dots = "dots", e.lineGraph = "lineGraph", e.barChart = "barGraph", e.milestones = "milestones", e))(U || {}), ie = /* @__PURE__ */ ((e) => (e.zoom = "zoom", e.autoPan = "autoPan", e.initial = "initial", e))(ie || {});
-const ut = F.extend({
+var _ = /* @__PURE__ */ ((e) => (e.dot = "dot", e.xs = "xs", e.sm = "sm", e.md = "base", e.base = "base", e.lg = "lg", e.xl = "xl", e["2xl"] = "2xl", e["3xl"] = "3xl", e["4xl"] = "4xl", e["5xl"] = "5xl", e["6xl"] = "6xl", e["7xl"] = "7xl", e["8xl"] = "8xl", e["9xl"] = "9xl", e))(_ || {}), j = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(j || {}), ie = /* @__PURE__ */ ((e) => (e.overview = "overview", e.detailed = "detailed", e.detailedBackground = "detailedBackground", e))(ie || {}), U = /* @__PURE__ */ ((e) => (e.bars = "bars", e.dots = "dots", e.lineGraph = "lineGraph", e.barChart = "barGraph", e.milestones = "milestones", e))(U || {}), re = /* @__PURE__ */ ((e) => (e.zoom = "zoom", e.autoPan = "autoPan", e.initial = "initial", e))(re || {});
+const ut = L.extend({
   name: "EBadge",
   props: {
     text: {
@@ -53,14 +53,14 @@ const ut = F.extend({
     }
   }
 });
-function I(e, t, r, i, s, a, n, u) {
+function R(e, t, i, r, s, a, n, u) {
   var l = typeof e == "function" ? e.options : e;
-  t && (l.render = t, l.staticRenderFns = r, l._compiled = !0), i && (l.functional = !0), a && (l._scopeId = "data-v-" + a);
+  t && (l.render = t, l.staticRenderFns = i, l._compiled = !0), r && (l.functional = !0), a && (l._scopeId = "data-v-" + a);
   var o;
-  if (n ? (o = function(d) {
-    d = d || // cached call
+  if (n ? (o = function(h) {
+    h = h || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !d && typeof __VUE_SSR_CONTEXT__ != "undefined" && (d = __VUE_SSR_CONTEXT__), s && s.call(this, d), d && d._registeredComponents && d._registeredComponents.add(n);
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !h && typeof __VUE_SSR_CONTEXT__ != "undefined" && (h = __VUE_SSR_CONTEXT__), s && s.call(this, h), h && h._registeredComponents && h._registeredComponents.add(n);
   }, l._ssrRegister = o) : s && (o = u ? function() {
     s.call(
       this,
@@ -69,13 +69,13 @@ function I(e, t, r, i, s, a, n, u) {
   } : s), o)
     if (l.functional) {
       l._injectStyles = o;
-      var h = l.render;
+      var d = l.render;
       l.render = function(f, g) {
-        return o.call(g), h(f, g);
+        return o.call(g), d(f, g);
       };
     } else {
-      var p = l.beforeCreate;
-      l.beforeCreate = p ? [].concat(p, o) : [o];
+      var m = l.beforeCreate;
+      l.beforeCreate = m ? [].concat(m, o) : [o];
     }
   return {
     exports: e,
@@ -83,9 +83,9 @@ function I(e, t, r, i, s, a, n, u) {
   };
 }
 var dt = function() {
-  var t = this, r = t._self._c;
-  return r("span", { staticClass: "e-badge", class: t.badgeClasses }, [t.showText ? r("span", [t._v(t._s(t.text))]) : t._e()]);
-}, ht = [], ft = /* @__PURE__ */ I(
+  var t = this, i = t._self._c;
+  return i("span", { staticClass: "e-badge", class: t.badgeClasses }, [t.showText ? i("span", [t._v(t._s(t.text))]) : t._e()]);
+}, ht = [], ft = /* @__PURE__ */ R(
   ut,
   dt,
   ht,
@@ -95,10 +95,10 @@ var dt = function() {
   null,
   null
 );
-const Ge = ft.exports, mt = F.extend({
+const Re = ft.exports, mt = L.extend({
   name: "EAvatar",
   components: {
-    Badge: Ge
+    Badge: Re
   },
   props: {
     size: {
@@ -148,13 +148,13 @@ const Ge = ft.exports, mt = F.extend({
   }
 });
 var pt = function() {
-  var t = this, r = t._self._c;
-  return r("div", { staticClass: "e-avatar e-relative", class: t.avatarClasses }, [t._t("default", function() {
-    return [t.image ? r("img", { staticClass: "e-avatar__image e-w-full e-h-full e-object-cover e-rounded-full", attrs: { src: t.image } }) : t._e()];
-  }), t.showBadge ? r("div", { staticClass: "e-avatar__badge e-absolute e-top-0 e-right-0" }, [t._t("badge", function() {
-    return [r("Badge", { attrs: { text: t.badgeText, color: t.badgeColor, size: t.badgeSize } })];
+  var t = this, i = t._self._c;
+  return i("div", { staticClass: "e-avatar e-relative", class: t.avatarClasses }, [t._t("default", function() {
+    return [t.image ? i("img", { staticClass: "e-avatar__image e-w-full e-h-full e-object-cover e-rounded-full", attrs: { src: t.image } }) : t._e()];
+  }), t.showBadge ? i("div", { staticClass: "e-avatar__badge e-absolute e-top-0 e-right-0" }, [t._t("badge", function() {
+    return [i("Badge", { attrs: { text: t.badgeText, color: t.badgeColor, size: t.badgeSize } })];
   })], 2) : t._e()], 2);
-}, gt = [], vt = /* @__PURE__ */ I(
+}, gt = [], vt = /* @__PURE__ */ R(
   mt,
   pt,
   gt,
@@ -168,7 +168,7 @@ const yt = vt.exports;
 function bt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Re = {}, Ie = {}, ge = {};
+var Ie = {}, je = {}, ve = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -178,24 +178,24 @@ var Re = {}, Ie = {}, ge = {};
       return t;
     }
   });
-  function t(r) {
-    if (r = `${r}`, r === "0")
+  function t(i) {
+    if (i = `${i}`, i === "0")
       return "0";
-    if (/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(r))
-      return r.replace(/^[+-]?/, (s) => s === "-" ? "" : "-");
-    let i = [
+    if (/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(i))
+      return i.replace(/^[+-]?/, (s) => s === "-" ? "" : "-");
+    let r = [
       "var",
       "calc",
       "min",
       "max",
       "clamp"
     ];
-    for (const s of i)
-      if (r.includes(`${s}(`))
-        return `calc(${r} * -1)`;
+    for (const s of r)
+      if (i.includes(`${s}(`))
+        return `calc(${i} * -1)`;
   }
-})(ge);
-var je = {};
+})(ve);
+var We = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -382,8 +382,8 @@ var je = {};
     "willChange",
     "content"
   ];
-})(je);
-var We = {};
+})(We);
+var Ne = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -393,27 +393,27 @@ var We = {};
       return t;
     }
   });
-  function t(r, i) {
-    return r === void 0 ? i : Array.isArray(r) ? r : [
-      ...new Set(i.filter((a) => r !== !1 && r[a] !== !1).concat(Object.keys(r).filter((a) => r[a] !== !1)))
+  function t(i, r) {
+    return i === void 0 ? r : Array.isArray(i) ? i : [
+      ...new Set(r.filter((a) => i !== !1 && i[a] !== !1).concat(Object.keys(i).filter((a) => i[a] !== !1)))
     ];
   }
-})(We);
-var ve = {}, se = {}, ye = { exports: {} }, B = String, Ne = function() {
+})(Ne);
+var ye = {}, se = {}, be = { exports: {} }, B = String, Ue = function() {
   return { isColorSupported: !1, reset: B, bold: B, dim: B, italic: B, underline: B, inverse: B, hidden: B, strikethrough: B, black: B, red: B, green: B, yellow: B, blue: B, magenta: B, cyan: B, white: B, gray: B, bgBlack: B, bgRed: B, bgGreen: B, bgYellow: B, bgBlue: B, bgMagenta: B, bgCyan: B, bgWhite: B };
 };
-ye.exports = Ne();
-ye.exports.createColors = Ne;
-var Ue = ye.exports;
+be.exports = Ue();
+be.exports.createColors = Ue;
+var Ye = be.exports;
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
   function t(l, o) {
-    for (var h in o)
-      Object.defineProperty(l, h, {
+    for (var d in o)
+      Object.defineProperty(l, d, {
         enumerable: !0,
-        get: o[h]
+        get: o[d]
       });
   }
   t(e, {
@@ -424,22 +424,22 @@ var Ue = ye.exports;
       return u;
     }
   });
-  const r = /* @__PURE__ */ i(Ue);
-  function i(l) {
+  const i = /* @__PURE__ */ r(Ye);
+  function r(l) {
     return l && l.__esModule ? l : {
       default: l
     };
   }
   let s = /* @__PURE__ */ new Set();
-  function a(l, o, h) {
-    typeof process != "undefined" && process.env.JEST_WORKER_ID || h && s.has(h) || (h && s.add(h), console.warn(""), o.forEach((p) => console.warn(l, "-", p)));
+  function a(l, o, d) {
+    typeof process != "undefined" && process.env.JEST_WORKER_ID || d && s.has(d) || (d && s.add(d), console.warn(""), o.forEach((m) => console.warn(l, "-", m)));
   }
   function n(l) {
-    return r.default.dim(l);
+    return i.default.dim(l);
   }
   const u = {
     info(l, o) {
-      a(r.default.bold(r.default.cyan("info")), ...Array.isArray(l) ? [
+      a(i.default.bold(i.default.cyan("info")), ...Array.isArray(l) ? [
         l
       ] : [
         o,
@@ -447,7 +447,7 @@ var Ue = ye.exports;
       ]);
     },
     warn(l, o) {
-      a(r.default.bold(r.default.yellow("warn")), ...Array.isArray(l) ? [
+      a(i.default.bold(i.default.yellow("warn")), ...Array.isArray(l) ? [
         l
       ] : [
         o,
@@ -455,7 +455,7 @@ var Ue = ye.exports;
       ]);
     },
     risk(l, o) {
-      a(r.default.bold(r.default.magenta("risk")), ...Array.isArray(l) ? [
+      a(i.default.bold(i.default.magenta("risk")), ...Array.isArray(l) ? [
         l
       ] : [
         o,
@@ -473,13 +473,13 @@ var Ue = ye.exports;
       return s;
     }
   });
-  const t = /* @__PURE__ */ r(se);
-  function r(a) {
+  const t = /* @__PURE__ */ i(se);
+  function i(a) {
     return a && a.__esModule ? a : {
       default: a
     };
   }
-  function i({ version: a, from: n, to: u }) {
+  function r({ version: a, from: n, to: u }) {
     t.default.warn(`${n}-color-renamed`, [
       `As of Tailwind CSS ${a}, \`${n}\` has been renamed to \`${u}\`.`,
       "Update your configuration file to silence this warning."
@@ -778,43 +778,43 @@ var Ue = ye.exports;
       950: "#4c0519"
     },
     get lightBlue() {
-      return i({
+      return r({
         version: "v2.2",
         from: "lightBlue",
         to: "sky"
       }), this.sky;
     },
     get warmGray() {
-      return i({
+      return r({
         version: "v3.0",
         from: "warmGray",
         to: "stone"
       }), this.stone;
     },
     get trueGray() {
-      return i({
+      return r({
         version: "v3.0",
         from: "trueGray",
         to: "neutral"
       }), this.neutral;
     },
     get coolGray() {
-      return i({
+      return r({
         version: "v3.0",
         from: "coolGray",
         to: "gray"
       }), this.gray;
     },
     get blueGray() {
-      return i({
+      return r({
         version: "v3.0",
         from: "blueGray",
         to: "slate"
       }), this.slate;
     }
   };
-})(ve);
-var Ye = {};
+})(ye);
+var Ve = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -824,21 +824,21 @@ var Ye = {};
       return t;
     }
   });
-  function t(r, ...i) {
-    for (let n of i) {
+  function t(i, ...r) {
+    for (let n of r) {
       for (let u in n) {
         var s;
-        !(r == null || (s = r.hasOwnProperty) === null || s === void 0) && s.call(r, u) || (r[u] = n[u]);
+        !(i == null || (s = i.hasOwnProperty) === null || s === void 0) && s.call(i, u) || (i[u] = n[u]);
       }
       for (let u of Object.getOwnPropertySymbols(n)) {
         var a;
-        !(r == null || (a = r.hasOwnProperty) === null || a === void 0) && a.call(r, u) || (r[u] = n[u]);
+        !(i == null || (a = i.hasOwnProperty) === null || a === void 0) && a.call(i, u) || (i[u] = n[u]);
       }
     }
-    return r;
+    return i;
   }
-})(Ye);
-var Ve = {};
+})(Ve);
+var Xe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -848,25 +848,25 @@ var Ve = {};
       return t;
     }
   });
-  function t(r) {
-    if (Array.isArray(r))
-      return r;
-    let i = r.split("[").length - 1, s = r.split("]").length - 1;
-    if (i !== s)
-      throw new Error(`Path is invalid. Has unbalanced brackets: ${r}`);
-    return r.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
+  function t(i) {
+    if (Array.isArray(i))
+      return i;
+    let r = i.split("[").length - 1, s = i.split("]").length - 1;
+    if (r !== s)
+      throw new Error(`Path is invalid. Has unbalanced brackets: ${i}`);
+    return i.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
-})(Ve);
-var Xe = {}, ae = {};
+})(Xe);
+var Ze = {}, ae = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(p, d) {
-    for (var f in d)
-      Object.defineProperty(p, f, {
+  function t(m, h) {
+    for (var f in h)
+      Object.defineProperty(m, f, {
         enumerable: !0,
-        get: d[f]
+        get: h[f]
       });
   }
   t(e, {
@@ -877,13 +877,13 @@ var Xe = {}, ae = {};
       return o;
     },
     default: function() {
-      return h;
+      return d;
     }
   });
-  const r = /* @__PURE__ */ s(Ue), i = /* @__PURE__ */ s(se);
-  function s(p) {
-    return p && p.__esModule ? p : {
-      default: p
+  const i = /* @__PURE__ */ s(Ye), r = /* @__PURE__ */ s(se);
+  function s(m) {
+    return m && m.__esModule ? m : {
+      default: m
     };
   }
   let a = {
@@ -907,33 +907,33 @@ var Xe = {}, ae = {};
       "generalizedModifiers"
     ]
   };
-  function u(p, d) {
-    if (n.future.includes(d)) {
+  function u(m, h) {
+    if (n.future.includes(h)) {
       var f, g, D;
-      return p.future === "all" || ((D = (g = p == null || (f = p.future) === null || f === void 0 ? void 0 : f[d]) !== null && g !== void 0 ? g : a[d]) !== null && D !== void 0 ? D : !1);
+      return m.future === "all" || ((D = (g = m == null || (f = m.future) === null || f === void 0 ? void 0 : f[h]) !== null && g !== void 0 ? g : a[h]) !== null && D !== void 0 ? D : !1);
     }
-    if (n.experimental.includes(d)) {
+    if (n.experimental.includes(h)) {
       var O, A, H;
-      return p.experimental === "all" || ((H = (A = p == null || (O = p.experimental) === null || O === void 0 ? void 0 : O[d]) !== null && A !== void 0 ? A : a[d]) !== null && H !== void 0 ? H : !1);
+      return m.experimental === "all" || ((H = (A = m == null || (O = m.experimental) === null || O === void 0 ? void 0 : O[h]) !== null && A !== void 0 ? A : a[h]) !== null && H !== void 0 ? H : !1);
     }
     return !1;
   }
-  function l(p) {
-    if (p.experimental === "all")
+  function l(m) {
+    if (m.experimental === "all")
       return n.experimental;
-    var d;
-    return Object.keys((d = p == null ? void 0 : p.experimental) !== null && d !== void 0 ? d : {}).filter((f) => n.experimental.includes(f) && p.experimental[f]);
+    var h;
+    return Object.keys((h = m == null ? void 0 : m.experimental) !== null && h !== void 0 ? h : {}).filter((f) => n.experimental.includes(f) && m.experimental[f]);
   }
-  function o(p) {
-    if (process.env.JEST_WORKER_ID === void 0 && l(p).length > 0) {
-      let d = l(p).map((f) => r.default.yellow(f)).join(", ");
-      i.default.warn("experimental-flags-enabled", [
-        `You have enabled experimental features: ${d}`,
+  function o(m) {
+    if (process.env.JEST_WORKER_ID === void 0 && l(m).length > 0) {
+      let h = l(m).map((f) => i.default.yellow(f)).join(", ");
+      r.default.warn("experimental-flags-enabled", [
+        `You have enabled experimental features: ${h}`,
         "Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."
       ]);
     }
   }
-  const h = n;
+  const d = n;
 })(ae);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -944,12 +944,12 @@ var Xe = {}, ae = {};
       return a;
     }
   });
-  const t = ae, r = /* @__PURE__ */ s(se);
-  function i(n) {
+  const t = ae, i = /* @__PURE__ */ s(se);
+  function r(n) {
     if (typeof WeakMap != "function")
       return null;
     var u = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
-    return (i = function(o) {
+    return (r = function(o) {
       return o ? l : u;
     })(n);
   }
@@ -960,14 +960,14 @@ var Xe = {}, ae = {};
       return {
         default: n
       };
-    var l = i(u);
+    var l = r(u);
     if (l && l.has(n))
       return l.get(n);
-    var o = {}, h = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var p in n)
-      if (p !== "default" && Object.prototype.hasOwnProperty.call(n, p)) {
-        var d = h ? Object.getOwnPropertyDescriptor(n, p) : null;
-        d && (d.get || d.set) ? Object.defineProperty(o, p, d) : o[p] = n[p];
+    var o = {}, d = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var m in n)
+      if (m !== "default" && Object.prototype.hasOwnProperty.call(n, m)) {
+        var h = d ? Object.getOwnPropertyDescriptor(n, m) : null;
+        h && (h.get || h.set) ? Object.defineProperty(o, m, h) : o[m] = n[m];
       }
     return o.default = n, l && l.set(n, o), o;
   }
@@ -1006,27 +1006,27 @@ var Xe = {}, ae = {};
         return !0;
       }
       return !1;
-    })() || r.default.warn("purge-deprecation", [
+    })() || i.default.warn("purge-deprecation", [
       "The `purge`/`content` options have changed in Tailwind CSS v3.0.",
       "Update your configuration file to eliminate this warning.",
       "https://tailwindcss.com/docs/upgrade-guide#configure-content-sources"
     ]), n.safelist = (() => {
       var o;
-      let { content: h, purge: p, safelist: d } = n;
-      return Array.isArray(d) ? d : Array.isArray(h == null ? void 0 : h.safelist) ? h.safelist : Array.isArray(p == null ? void 0 : p.safelist) ? p.safelist : Array.isArray(p == null || (o = p.options) === null || o === void 0 ? void 0 : o.safelist) ? p.options.safelist : [];
+      let { content: d, purge: m, safelist: h } = n;
+      return Array.isArray(h) ? h : Array.isArray(d == null ? void 0 : d.safelist) ? d.safelist : Array.isArray(m == null ? void 0 : m.safelist) ? m.safelist : Array.isArray(m == null || (o = m.options) === null || o === void 0 ? void 0 : o.safelist) ? m.options.safelist : [];
     })(), n.blocklist = (() => {
       let { blocklist: o } = n;
       if (Array.isArray(o)) {
-        if (o.every((h) => typeof h == "string"))
+        if (o.every((d) => typeof d == "string"))
           return o;
-        r.default.warn("blocklist-invalid", [
+        i.default.warn("blocklist-invalid", [
           "The `blocklist` option must be an array of strings.",
           "https://tailwindcss.com/docs/content-configuration#discarding-classes"
         ]);
       }
       return [];
     })(), typeof n.prefix == "function")
-      r.default.warn("prefix-function", [
+      i.default.warn("prefix-function", [
         "As of Tailwind CSS v3.0, `prefix` cannot be a function.",
         "Update `prefix` in your configuration to be a string to eliminate this warning.",
         "https://tailwindcss.com/docs/upgrade-guide#prefix-cannot-be-a-function"
@@ -1041,50 +1041,50 @@ var Xe = {}, ae = {};
         return o != null && o.relative ? o.relative : (0, t.flagEnabled)(n, "relativeContentPathsByDefault");
       })(),
       files: (() => {
-        let { content: o, purge: h } = n;
-        return Array.isArray(h) ? h : Array.isArray(h == null ? void 0 : h.content) ? h.content : Array.isArray(o) ? o : Array.isArray(o == null ? void 0 : o.content) ? o.content : Array.isArray(o == null ? void 0 : o.files) ? o.files : [];
+        let { content: o, purge: d } = n;
+        return Array.isArray(d) ? d : Array.isArray(d == null ? void 0 : d.content) ? d.content : Array.isArray(o) ? o : Array.isArray(o == null ? void 0 : o.content) ? o.content : Array.isArray(o == null ? void 0 : o.files) ? o.files : [];
       })(),
       extract: (() => {
         let o = (() => {
-          var d, f, g, D, O, A, H, z, L, G;
-          return !((d = n.purge) === null || d === void 0) && d.extract ? n.purge.extract : !((f = n.content) === null || f === void 0) && f.extract ? n.content.extract : !((g = n.purge) === null || g === void 0 || (D = g.extract) === null || D === void 0) && D.DEFAULT ? n.purge.extract.DEFAULT : !((O = n.content) === null || O === void 0 || (A = O.extract) === null || A === void 0) && A.DEFAULT ? n.content.extract.DEFAULT : !((H = n.purge) === null || H === void 0 || (z = H.options) === null || z === void 0) && z.extractors ? n.purge.options.extractors : !((L = n.content) === null || L === void 0 || (G = L.options) === null || G === void 0) && G.extractors ? n.content.options.extractors : {};
-        })(), h = {}, p = (() => {
-          var d, f, g, D;
-          if (!((d = n.purge) === null || d === void 0 || (f = d.options) === null || f === void 0) && f.defaultExtractor)
+          var h, f, g, D, O, A, H, z, F, G;
+          return !((h = n.purge) === null || h === void 0) && h.extract ? n.purge.extract : !((f = n.content) === null || f === void 0) && f.extract ? n.content.extract : !((g = n.purge) === null || g === void 0 || (D = g.extract) === null || D === void 0) && D.DEFAULT ? n.purge.extract.DEFAULT : !((O = n.content) === null || O === void 0 || (A = O.extract) === null || A === void 0) && A.DEFAULT ? n.content.extract.DEFAULT : !((H = n.purge) === null || H === void 0 || (z = H.options) === null || z === void 0) && z.extractors ? n.purge.options.extractors : !((F = n.content) === null || F === void 0 || (G = F.options) === null || G === void 0) && G.extractors ? n.content.options.extractors : {};
+        })(), d = {}, m = (() => {
+          var h, f, g, D;
+          if (!((h = n.purge) === null || h === void 0 || (f = h.options) === null || f === void 0) && f.defaultExtractor)
             return n.purge.options.defaultExtractor;
           if (!((g = n.content) === null || g === void 0 || (D = g.options) === null || D === void 0) && D.defaultExtractor)
             return n.content.options.defaultExtractor;
         })();
-        if (p !== void 0 && (h.DEFAULT = p), typeof o == "function")
-          h.DEFAULT = o;
+        if (m !== void 0 && (d.DEFAULT = m), typeof o == "function")
+          d.DEFAULT = o;
         else if (Array.isArray(o))
-          for (let { extensions: d, extractor: f } of o != null ? o : [])
-            for (let g of d)
-              h[g] = f;
+          for (let { extensions: h, extractor: f } of o != null ? o : [])
+            for (let g of h)
+              d[g] = f;
         else
-          typeof o == "object" && o !== null && Object.assign(h, o);
-        return h;
+          typeof o == "object" && o !== null && Object.assign(d, o);
+        return d;
       })(),
       transform: (() => {
         let o = (() => {
-          var p, d, f, g, D, O;
-          return !((p = n.purge) === null || p === void 0) && p.transform ? n.purge.transform : !((d = n.content) === null || d === void 0) && d.transform ? n.content.transform : !((f = n.purge) === null || f === void 0 || (g = f.transform) === null || g === void 0) && g.DEFAULT ? n.purge.transform.DEFAULT : !((D = n.content) === null || D === void 0 || (O = D.transform) === null || O === void 0) && O.DEFAULT ? n.content.transform.DEFAULT : {};
-        })(), h = {};
-        return typeof o == "function" && (h.DEFAULT = o), typeof o == "object" && o !== null && Object.assign(h, o), h;
+          var m, h, f, g, D, O;
+          return !((m = n.purge) === null || m === void 0) && m.transform ? n.purge.transform : !((h = n.content) === null || h === void 0) && h.transform ? n.content.transform : !((f = n.purge) === null || f === void 0 || (g = f.transform) === null || g === void 0) && g.DEFAULT ? n.purge.transform.DEFAULT : !((D = n.content) === null || D === void 0 || (O = D.transform) === null || O === void 0) && O.DEFAULT ? n.content.transform.DEFAULT : {};
+        })(), d = {};
+        return typeof o == "function" && (d.DEFAULT = o), typeof o == "object" && o !== null && Object.assign(d, o), d;
       })()
     };
     for (let o of n.content.files)
       if (typeof o == "string" && /{([^,]*?)}/g.test(o)) {
-        r.default.warn("invalid-glob-braces", [
-          `The glob pattern ${(0, r.dim)(o)} in your Tailwind CSS configuration is invalid.`,
-          `Update it to ${(0, r.dim)(o.replace(/{([^,]*?)}/g, "$1"))} to silence this warning.`
+        i.default.warn("invalid-glob-braces", [
+          `The glob pattern ${(0, i.dim)(o)} in your Tailwind CSS configuration is invalid.`,
+          `Update it to ${(0, i.dim)(o.replace(/{([^,]*?)}/g, "$1"))} to silence this warning.`
         ]);
         break;
       }
     return n;
   }
-})(Xe);
-var Ze = {};
+})(Ze);
+var qe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1094,14 +1094,14 @@ var Ze = {};
       return t;
     }
   });
-  function t(r) {
-    if (Object.prototype.toString.call(r) !== "[object Object]")
+  function t(i) {
+    if (Object.prototype.toString.call(i) !== "[object Object]")
       return !1;
-    const i = Object.getPrototypeOf(r);
-    return i === null || i === Object.prototype;
+    const r = Object.getPrototypeOf(i);
+    return r === null || r === Object.prototype;
   }
-})(Ze);
-var qe = {};
+})(qe);
+var Ke = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1111,14 +1111,14 @@ var qe = {};
       return t;
     }
   });
-  function t(r) {
-    return Array.isArray(r) ? r.map((i) => t(i)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([i, s]) => [
-      i,
+  function t(i) {
+    return Array.isArray(i) ? i.map((r) => t(r)) : typeof i == "object" && i !== null ? Object.fromEntries(Object.entries(i).map(([r, s]) => [
+      r,
       t(s)
-    ])) : r;
+    ])) : i;
   }
-})(qe);
-var Ke = {}, Qe = {};
+})(Ke);
+var Qe = {}, Je = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1128,11 +1128,11 @@ var Ke = {}, Qe = {};
       return t;
     }
   });
-  function t(r) {
-    return r.replace(/\\,/g, "\\2c ");
+  function t(i) {
+    return i.replace(/\\,/g, "\\2c ");
   }
-})(Qe);
-var be = {}, _e = {}, Je = {};
+})(Je);
+var _e = {}, xe = {}, et = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1884,7 +1884,7 @@ var be = {}, _e = {}, Je = {};
       50
     ]
   };
-})(Je);
+})(et);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1898,20 +1898,20 @@ var be = {}, _e = {}, Je = {};
   }
   t(e, {
     parseColor: function() {
-      return d;
+      return h;
     },
     formatColor: function() {
       return f;
     }
   });
-  const r = /* @__PURE__ */ i(Je);
-  function i(g) {
+  const i = /* @__PURE__ */ r(et);
+  function r(g) {
     return g && g.__esModule ? g : {
       default: g
     };
   }
-  let s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, a = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, n = /(?:\d+|\d*\.\d+)%?/, u = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, o = /var\(--(?:[^ )]*?)\)/, h = new RegExp(`^(rgba?)\\(\\s*(${n.source}|${o.source})(?:${u.source}(${n.source}|${o.source}))?(?:${u.source}(${n.source}|${o.source}))?(?:${l.source}(${n.source}|${o.source}))?\\s*\\)$`), p = new RegExp(`^(hsla?)\\(\\s*((?:${n.source})(?:deg|rad|grad|turn)?|${o.source})(?:${u.source}(${n.source}|${o.source}))?(?:${u.source}(${n.source}|${o.source}))?(?:${l.source}(${n.source}|${o.source}))?\\s*\\)$`);
-  function d(g, { loose: D = !1 } = {}) {
+  let s = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, a = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, n = /(?:\d+|\d*\.\d+)%?/, u = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, o = /var\(--(?:[^ )]*?)\)/, d = new RegExp(`^(rgba?)\\(\\s*(${n.source}|${o.source})(?:${u.source}(${n.source}|${o.source}))?(?:${u.source}(${n.source}|${o.source}))?(?:${l.source}(${n.source}|${o.source}))?\\s*\\)$`), m = new RegExp(`^(hsla?)\\(\\s*((?:${n.source})(?:deg|rad|grad|turn)?|${o.source})(?:${u.source}(${n.source}|${o.source}))?(?:${u.source}(${n.source}|${o.source}))?(?:${l.source}(${n.source}|${o.source}))?\\s*\\)$`);
+  function h(g, { loose: D = !1 } = {}) {
     var O, A;
     if (typeof g != "string")
       return null;
@@ -1925,10 +1925,10 @@ var be = {}, _e = {}, Je = {};
         ],
         alpha: "0"
       };
-    if (g in r.default)
+    if (g in i.default)
       return {
         mode: "rgb",
-        color: r.default[g].map((N) => N.toString())
+        color: i.default[g].map((N) => N.toString())
       };
     let H = g.replace(a, (N, X, Y, x, k) => [
       "#",
@@ -1951,31 +1951,31 @@ var be = {}, _e = {}, Je = {};
         alpha: H[4] ? (parseInt(H[4], 16) / 255).toString() : void 0
       };
     var z;
-    let L = (z = g.match(h)) !== null && z !== void 0 ? z : g.match(p);
-    if (L === null)
+    let F = (z = g.match(d)) !== null && z !== void 0 ? z : g.match(m);
+    if (F === null)
       return null;
     let G = [
-      L[2],
-      L[3],
-      L[4]
+      F[2],
+      F[3],
+      F[4]
     ].filter(Boolean).map((N) => N.toString());
     return G.length === 2 && G[0].startsWith("var(") ? {
-      mode: L[1],
+      mode: F[1],
       color: [
         G[0]
       ],
       alpha: G[1]
     } : !D && G.length !== 3 || G.length < 3 && !G.some((N) => /^var\(.*?\)$/.test(N)) ? null : {
-      mode: L[1],
+      mode: F[1],
       color: G,
-      alpha: (O = L[5]) === null || O === void 0 || (A = O.toString) === null || A === void 0 ? void 0 : A.call(O)
+      alpha: (O = F[5]) === null || O === void 0 || (A = O.toString) === null || A === void 0 ? void 0 : A.call(O)
     };
   }
   function f({ mode: g, color: D, alpha: O }) {
     let A = O !== void 0;
     return g === "rgba" || g === "hsla" ? `${g}(${D.join(", ")}${A ? `, ${O}` : ""})` : `${g}(${D.join(" ")}${A ? ` / ${O}` : ""})`;
   }
-})(_e);
+})(xe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1989,22 +1989,22 @@ var be = {}, _e = {}, Je = {};
   }
   t(e, {
     withAlphaValue: function() {
-      return i;
+      return r;
     },
     default: function() {
       return s;
     }
   });
-  const r = _e;
-  function i(a, n, u) {
+  const i = xe;
+  function r(a, n, u) {
     if (typeof a == "function")
       return a({
         opacityValue: n
       });
-    let l = (0, r.parseColor)(a, {
+    let l = (0, i.parseColor)(a, {
       loose: !0
     });
-    return l === null ? u : (0, r.formatColor)({
+    return l === null ? u : (0, i.formatColor)({
       ...l,
       alpha: n
     });
@@ -2014,34 +2014,34 @@ var be = {}, _e = {}, Je = {};
     if (typeof a == "function")
       return {
         [u]: "1",
-        ...Object.fromEntries(l.map((h) => [
-          h,
+        ...Object.fromEntries(l.map((d) => [
+          d,
           a({
             opacityVariable: u,
             opacityValue: `var(${u})`
           })
         ]))
       };
-    const o = (0, r.parseColor)(a);
-    return o === null ? Object.fromEntries(l.map((h) => [
-      h,
+    const o = (0, i.parseColor)(a);
+    return o === null ? Object.fromEntries(l.map((d) => [
+      d,
       a
-    ])) : o.alpha !== void 0 ? Object.fromEntries(l.map((h) => [
-      h,
+    ])) : o.alpha !== void 0 ? Object.fromEntries(l.map((d) => [
+      d,
       a
     ])) : {
       [u]: "1",
-      ...Object.fromEntries(l.map((h) => [
-        h,
-        (0, r.formatColor)({
+      ...Object.fromEntries(l.map((d) => [
+        d,
+        (0, i.formatColor)({
           ...o,
           alpha: `var(${u})`
         })
       ]))
     };
   }
-})(be);
-var xe = {}, et = {}, oe = {};
+})(_e);
+var Ce = {}, tt = {}, oe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2051,13 +2051,13 @@ var xe = {}, et = {}, oe = {};
       return t;
     }
   });
-  function t(r, i) {
+  function t(i, r) {
     let s = [], a = [], n = 0, u = !1;
-    for (let l = 0; l < r.length; l++) {
-      let o = r[l];
-      s.length === 0 && o === i[0] && !u && (i.length === 1 || r.slice(l, l + i.length) === i) && (a.push(r.slice(n, l)), n = l + i.length), u ? u = !1 : o === "\\" && (u = !0), o === "(" || o === "[" || o === "{" ? s.push(o) : (o === ")" && s[s.length - 1] === "(" || o === "]" && s[s.length - 1] === "[" || o === "}" && s[s.length - 1] === "{") && s.pop();
+    for (let l = 0; l < i.length; l++) {
+      let o = i[l];
+      s.length === 0 && o === r[0] && !u && (r.length === 1 || i.slice(l, l + r.length) === r) && (a.push(i.slice(n, l)), n = l + r.length), u ? u = !1 : o === "\\" && (u = !0), o === "(" || o === "[" || o === "{" ? s.push(o) : (o === ")" && s[s.length - 1] === "(" || o === "]" && s[s.length - 1] === "[" || o === "}" && s[s.length - 1] === "{") && s.pop();
     }
-    return a.push(r.slice(n)), a;
+    return a.push(i.slice(n)), a;
   }
 })(oe);
 (function(e) {
@@ -2065,10 +2065,10 @@ var xe = {}, et = {}, oe = {};
     value: !0
   });
   function t(l, o) {
-    for (var h in o)
-      Object.defineProperty(l, h, {
+    for (var d in o)
+      Object.defineProperty(l, d, {
         enumerable: !0,
-        get: o[h]
+        get: o[d]
       });
   }
   t(e, {
@@ -2079,8 +2079,8 @@ var xe = {}, et = {}, oe = {};
       return u;
     }
   });
-  const r = oe;
-  let i = /* @__PURE__ */ new Set([
+  const i = oe;
+  let r = /* @__PURE__ */ new Set([
     "inset",
     "inherit",
     "initial",
@@ -2088,13 +2088,13 @@ var xe = {}, et = {}, oe = {};
     "unset"
   ]), s = /\ +(?![^(]*\))/g, a = /^-?(\d+|\.\d+)(.*?)$/g;
   function n(l) {
-    return (0, r.splitAtTopLevelOnly)(l, ",").map((h) => {
-      let p = h.trim(), d = {
-        raw: p
-      }, f = p.split(s), g = /* @__PURE__ */ new Set();
+    return (0, i.splitAtTopLevelOnly)(l, ",").map((d) => {
+      let m = d.trim(), h = {
+        raw: m
+      }, f = m.split(s), g = /* @__PURE__ */ new Set();
       for (let D of f)
-        a.lastIndex = 0, !g.has("KEYWORD") && i.has(D) ? (d.keyword = D, g.add("KEYWORD")) : a.test(D) ? g.has("X") ? g.has("Y") ? g.has("BLUR") ? g.has("SPREAD") || (d.spread = D, g.add("SPREAD")) : (d.blur = D, g.add("BLUR")) : (d.y = D, g.add("Y")) : (d.x = D, g.add("X")) : d.color ? (d.unknown || (d.unknown = []), d.unknown.push(D)) : d.color = D;
-      return d.valid = d.x !== void 0 && d.y !== void 0, d;
+        a.lastIndex = 0, !g.has("KEYWORD") && r.has(D) ? (h.keyword = D, g.add("KEYWORD")) : a.test(D) ? g.has("X") ? g.has("Y") ? g.has("BLUR") ? g.has("SPREAD") || (h.spread = D, g.add("SPREAD")) : (h.blur = D, g.add("BLUR")) : (h.y = D, g.add("Y")) : (h.x = D, g.add("X")) : h.color ? (h.unknown || (h.unknown = []), h.unknown.push(D)) : h.color = D;
+      return h.valid = h.x !== void 0 && h.y !== void 0, h;
     });
   }
   function u(l) {
@@ -2107,7 +2107,7 @@ var xe = {}, et = {}, oe = {};
       o.color
     ].filter(Boolean).join(" ") : o.raw).join(", ");
   }
-})(et);
+})(tt);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2124,10 +2124,10 @@ var xe = {}, et = {}, oe = {};
       return o;
     },
     url: function() {
-      return p;
+      return m;
     },
     number: function() {
-      return d;
+      return h;
     },
     percentage: function() {
       return f;
@@ -2142,7 +2142,7 @@ var xe = {}, et = {}, oe = {};
       return z;
     },
     color: function() {
-      return L;
+      return F;
     },
     image: function() {
       return G;
@@ -2160,13 +2160,13 @@ var xe = {}, et = {}, oe = {};
       return y;
     },
     absoluteSize: function() {
-      return w;
+      return S;
     },
     relativeSize: function() {
       return E;
     }
   });
-  const r = _e, i = et, s = oe;
+  const i = xe, r = tt, s = oe;
   let a = [
     "min",
     "max",
@@ -2178,22 +2178,22 @@ var xe = {}, et = {}, oe = {};
   }
   const u = "--tw-placeholder", l = new RegExp(u, "g");
   function o(v, T = !0) {
-    return v.startsWith("--") ? `var(${v})` : v.includes("url(") ? v.split(/(url\(.*?\))/g).filter(Boolean).map((P) => /^url\(.*?\)$/.test(P) ? P : o(P, !1)).join("") : (v = v.replace(/([^\\])_+/g, (P, M) => M + " ".repeat(P.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), T && (v = v.trim()), v = h(v), v);
+    return v.startsWith("--") ? `var(${v})` : v.includes("url(") ? v.split(/(url\(.*?\))/g).filter(Boolean).map((P) => /^url\(.*?\)$/.test(P) ? P : o(P, !1)).join("") : (v = v.replace(/([^\\])_+/g, (P, M) => M + " ".repeat(P.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), T && (v = v.trim()), v = d(v), v);
   }
-  function h(v) {
+  function d(v) {
     return v.replace(/(calc|min|max|clamp)\(.+\)/g, (T) => {
       let P = [];
       return T.replace(/var\((--.+?)[,)]/g, (M, te) => (P.push(te), M.replace(te, u))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => P.shift());
     });
   }
-  function p(v) {
+  function m(v) {
     return v.startsWith("url(");
   }
-  function d(v) {
+  function h(v) {
     return !isNaN(Number(v)) || n(v);
   }
   function f(v) {
-    return v.endsWith("%") && d(v.slice(0, -1)) || n(v);
+    return v.endsWith("%") && h(v.slice(0, -1)) || n(v);
   }
   let D = `(?:${[
     "cm",
@@ -2240,21 +2240,21 @@ var xe = {}, et = {}, oe = {};
     return A.has(v);
   }
   function z(v) {
-    let T = (0, i.parseBoxShadowValue)(o(v));
+    let T = (0, r.parseBoxShadowValue)(o(v));
     for (let P of T)
       if (!P.valid)
         return !1;
     return !0;
   }
-  function L(v) {
+  function F(v) {
     let T = 0;
-    return (0, s.splitAtTopLevelOnly)(v, "_").every((M) => (M = o(M), M.startsWith("var(") ? !0 : (0, r.parseColor)(M, {
+    return (0, s.splitAtTopLevelOnly)(v, "_").every((M) => (M = o(M), M.startsWith("var(") ? !0 : (0, i.parseColor)(M, {
       loose: !0
     }) !== null ? (T++, !0) : !1)) ? T > 0 : !1;
   }
   function G(v) {
     let T = 0;
-    return (0, s.splitAtTopLevelOnly)(v, ",").every((M) => (M = o(M), M.startsWith("var(") ? !0 : p(M) || X(M) || [
+    return (0, s.splitAtTopLevelOnly)(v, ",").every((M) => (M = o(M), M.startsWith("var(") ? !0 : m(M) || X(M) || [
       "element(",
       "image(",
       "cross-fade(",
@@ -2309,7 +2309,7 @@ var xe = {}, et = {}, oe = {};
   function y(v) {
     return $.has(v);
   }
-  let S = /* @__PURE__ */ new Set([
+  let w = /* @__PURE__ */ new Set([
     "xx-small",
     "x-small",
     "small",
@@ -2319,8 +2319,8 @@ var xe = {}, et = {}, oe = {};
     "x-large",
     "xxx-large"
   ]);
-  function w(v) {
-    return S.has(v);
+  function S(v) {
+    return w.has(v);
   }
   let b = /* @__PURE__ */ new Set([
     "larger",
@@ -2329,29 +2329,29 @@ var xe = {}, et = {}, oe = {};
   function E(v) {
     return b.has(v);
   }
-})(xe);
-var tt = {};
+})(Ce);
+var it = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "backgroundSize", {
     enumerable: !0,
     get: function() {
-      return i;
+      return r;
     }
   });
-  const t = xe, r = oe;
-  function i(s) {
+  const t = Ce, i = oe;
+  function r(s) {
     let a = [
       "cover",
       "contain"
     ];
-    return (0, r.splitAtTopLevelOnly)(s, ",").every((n) => {
-      let u = (0, r.splitAtTopLevelOnly)(n, "_").filter(Boolean);
+    return (0, i.splitAtTopLevelOnly)(s, ",").every((n) => {
+      let u = (0, i.splitAtTopLevelOnly)(n, "_").filter(Boolean);
       return u.length === 1 && a.includes(u[0]) ? !0 : u.length !== 1 && u.length !== 2 ? !1 : u.every((l) => (0, t.length)(l) || (0, t.percentage)(l) || l === "auto");
     });
   }
-})(tt);
+})(it);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2368,7 +2368,7 @@ var tt = {};
       return o;
     },
     asValue: function() {
-      return d;
+      return h;
     },
     parseColorFormat: function() {
       return D;
@@ -2380,7 +2380,7 @@ var tt = {};
       return H;
     },
     typeMap: function() {
-      return L;
+      return F;
     },
     coerceValue: function() {
       return X;
@@ -2389,7 +2389,7 @@ var tt = {};
       return Y;
     }
   });
-  const r = /* @__PURE__ */ l(Qe), i = be, s = xe, a = /* @__PURE__ */ l(ge), n = tt, u = ae;
+  const i = /* @__PURE__ */ l(Je), r = _e, s = Ce, a = /* @__PURE__ */ l(ve), n = it, u = ae;
   function l(x) {
     return x && x.__esModule ? x : {
       default: x
@@ -2397,29 +2397,29 @@ var tt = {};
   }
   function o(x, k) {
     x.walkClasses(($) => {
-      $.value = k($.value), $.raws && $.raws.value && ($.raws.value = (0, r.default)($.raws.value));
+      $.value = k($.value), $.raws && $.raws.value && ($.raws.value = (0, i.default)($.raws.value));
     });
   }
-  function h(x, k) {
+  function d(x, k) {
     if (!f(x))
       return;
     let $ = x.slice(1, -1);
     if (k($))
       return (0, s.normalize)($);
   }
-  function p(x, k = {}, $) {
+  function m(x, k = {}, $) {
     let y = k[x];
     if (y !== void 0)
       return (0, a.default)(y);
     if (f(x)) {
-      let S = h(x, $);
-      return S === void 0 ? void 0 : (0, a.default)(S);
+      let w = d(x, $);
+      return w === void 0 ? void 0 : (0, a.default)(w);
     }
   }
-  function d(x, k = {}, { validate: $ = () => !0 } = {}) {
+  function h(x, k = {}, { validate: $ = () => !0 } = {}) {
     var y;
-    let S = (y = k.values) === null || y === void 0 ? void 0 : y[x];
-    return S !== void 0 ? S : k.supportsNegativeValues && x.startsWith("-") ? p(x.slice(1), k.values, $) : h(x, $);
+    let w = (y = k.values) === null || y === void 0 ? void 0 : y[x];
+    return w !== void 0 ? w : k.supportsNegativeValues && x.startsWith("-") ? m(x.slice(1), k.values, $) : d(x, $);
   }
   function f(x) {
     return x.startsWith("[") && x.endsWith("]");
@@ -2450,16 +2450,16 @@ var tt = {};
   function A(x, k = {}, { tailwindConfig: $ = {} } = {}) {
     var y;
     if (((y = k.values) === null || y === void 0 ? void 0 : y[x]) !== void 0) {
-      var S;
-      return D((S = k.values) === null || S === void 0 ? void 0 : S[x]);
+      var w;
+      return D((w = k.values) === null || w === void 0 ? void 0 : w[x]);
     }
-    let [w, b] = g(x);
+    let [S, b] = g(x);
     if (b !== void 0) {
       var E, v, T, P;
-      let M = (P = (E = k.values) === null || E === void 0 ? void 0 : E[w]) !== null && P !== void 0 ? P : f(w) ? w.slice(1, -1) : void 0;
-      return M === void 0 ? void 0 : (M = D(M), f(b) ? (0, i.withAlphaValue)(M, O(b)) : ((v = $.theme) === null || v === void 0 || (T = v.opacity) === null || T === void 0 ? void 0 : T[b]) === void 0 ? void 0 : (0, i.withAlphaValue)(M, $.theme.opacity[b]));
+      let M = (P = (E = k.values) === null || E === void 0 ? void 0 : E[S]) !== null && P !== void 0 ? P : f(S) ? S.slice(1, -1) : void 0;
+      return M === void 0 ? void 0 : (M = D(M), f(b) ? (0, r.withAlphaValue)(M, O(b)) : ((v = $.theme) === null || v === void 0 || (T = v.opacity) === null || T === void 0 ? void 0 : T[b]) === void 0 ? void 0 : (0, r.withAlphaValue)(M, $.theme.opacity[b]));
     }
-    return d(x, k, {
+    return h(x, k, {
       validate: s.color
     });
   }
@@ -2468,12 +2468,12 @@ var tt = {};
     return ($ = k.values) === null || $ === void 0 ? void 0 : $[x];
   }
   function z(x) {
-    return (k, $) => d(k, $, {
+    return (k, $) => h(k, $, {
       validate: x
     });
   }
-  let L = {
-    any: d,
+  let F = {
+    any: h,
     color: A,
     url: z(s.url),
     image: z(s.image),
@@ -2489,7 +2489,7 @@ var tt = {};
     "relative-size": z(s.relativeSize),
     shadow: z(s.shadow),
     size: z(n.backgroundSize)
-  }, G = Object.keys(L);
+  }, G = Object.keys(F);
   function N(x, k) {
     let $ = x.indexOf(k);
     return $ === -1 ? [
@@ -2502,44 +2502,44 @@ var tt = {};
   }
   function X(x, k, $, y) {
     if ($.values && k in $.values)
-      for (let { type: w } of x != null ? x : []) {
-        let b = L[w](k, $, {
+      for (let { type: S } of x != null ? x : []) {
+        let b = F[S](k, $, {
           tailwindConfig: y
         });
         if (b !== void 0)
           return [
             b,
-            w,
+            S,
             null
           ];
       }
     if (f(k)) {
-      let w = k.slice(1, -1), [b, E] = N(w, ":");
+      let S = k.slice(1, -1), [b, E] = N(S, ":");
       if (!/^[\w-_]+$/g.test(b))
-        E = w;
+        E = S;
       else if (b !== void 0 && !G.includes(b))
         return [];
       if (E.length > 0 && G.includes(b))
         return [
-          d(`[${E}]`, $),
+          h(`[${E}]`, $),
           b,
           null
         ];
     }
-    let S = Y(x, k, $, y);
-    for (let w of S)
-      return w;
+    let w = Y(x, k, $, y);
+    for (let S of w)
+      return S;
     return [];
   }
   function* Y(x, k, $, y) {
-    let S = (0, u.flagEnabled)(y, "generalizedModifiers"), [w, b] = g(k);
-    if (S && $.modifiers != null && ($.modifiers === "any" || typeof $.modifiers == "object" && (b && f(b) || b in $.modifiers)) || (w = k, b = void 0), b !== void 0 && w === "" && (w = "DEFAULT"), b !== void 0 && typeof $.modifiers == "object") {
+    let w = (0, u.flagEnabled)(y, "generalizedModifiers"), [S, b] = g(k);
+    if (w && $.modifiers != null && ($.modifiers === "any" || typeof $.modifiers == "object" && (b && f(b) || b in $.modifiers)) || (S = k, b = void 0), b !== void 0 && S === "" && (S = "DEFAULT"), b !== void 0 && typeof $.modifiers == "object") {
       var v, T;
       let P = (T = (v = $.modifiers) === null || v === void 0 ? void 0 : v[b]) !== null && T !== void 0 ? T : null;
       P !== null ? b = P : f(b) && (b = O(b));
     }
     for (let { type: P } of x != null ? x : []) {
-      let M = L[P](w, $, {
+      let M = F[P](S, $, {
         tailwindConfig: y
       });
       M !== void 0 && (yield [
@@ -2549,7 +2549,7 @@ var tt = {};
       ]);
     }
   }
-})(Ke);
+})(Qe);
 var rt = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -2560,8 +2560,8 @@ var rt = {};
       return t;
     }
   });
-  function t(r) {
-    return typeof r == "function" ? r({}) : r;
+  function t(i) {
+    return typeof i == "function" ? i({}) : i;
   }
 })(rt);
 (function(e) {
@@ -2573,7 +2573,7 @@ var rt = {};
       return $;
     }
   });
-  const t = /* @__PURE__ */ f(ge), r = /* @__PURE__ */ f(je), i = /* @__PURE__ */ f(We), s = /* @__PURE__ */ f(ve), a = Ye, n = Ve, u = Xe, l = /* @__PURE__ */ f(Ze), o = qe, h = Ke, p = be, d = /* @__PURE__ */ f(rt);
+  const t = /* @__PURE__ */ f(ve), i = /* @__PURE__ */ f(We), r = /* @__PURE__ */ f(Ne), s = /* @__PURE__ */ f(ye), a = Ve, n = Xe, u = Ze, l = /* @__PURE__ */ f(qe), o = Ke, d = Qe, m = _e, h = /* @__PURE__ */ f(rt);
   function f(y) {
     return y && y.__esModule ? y : {
       default: y
@@ -2582,35 +2582,35 @@ var rt = {};
   function g(y) {
     return typeof y == "function";
   }
-  function D(y, ...S) {
-    let w = S.pop();
-    for (let b of S)
+  function D(y, ...w) {
+    let S = w.pop();
+    for (let b of w)
       for (let E in b) {
-        let v = w(y[E], b[E]);
-        v === void 0 ? (0, l.default)(y[E]) && (0, l.default)(b[E]) ? y[E] = D({}, y[E], b[E], w) : y[E] = b[E] : y[E] = v;
+        let v = S(y[E], b[E]);
+        v === void 0 ? (0, l.default)(y[E]) && (0, l.default)(b[E]) ? y[E] = D({}, y[E], b[E], S) : y[E] = b[E] : y[E] = v;
       }
     return y;
   }
   const O = {
     colors: s.default,
     negative(y) {
-      return Object.keys(y).filter((S) => y[S] !== "0").reduce((S, w) => {
-        let b = (0, t.default)(y[w]);
-        return b !== void 0 && (S[`-${w}`] = b), S;
+      return Object.keys(y).filter((w) => y[w] !== "0").reduce((w, S) => {
+        let b = (0, t.default)(y[S]);
+        return b !== void 0 && (w[`-${S}`] = b), w;
       }, {});
     },
     breakpoints(y) {
-      return Object.keys(y).filter((S) => typeof y[S] == "string").reduce((S, w) => ({
-        ...S,
-        [`screen-${w}`]: y[w]
+      return Object.keys(y).filter((w) => typeof y[w] == "string").reduce((w, S) => ({
+        ...w,
+        [`screen-${S}`]: y[S]
       }), {});
     }
   };
-  function A(y, ...S) {
-    return g(y) ? y(...S) : y;
+  function A(y, ...w) {
+    return g(y) ? y(...w) : y;
   }
   function H(y) {
-    return y.reduce((S, { extend: w }) => D(S, w, (b, E) => b === void 0 ? [
+    return y.reduce((w, { extend: S }) => D(w, S, (b, E) => b === void 0 ? [
       E
     ] : Array.isArray(b) ? [
       E,
@@ -2622,98 +2622,98 @@ var rt = {};
   }
   function z(y) {
     return {
-      ...y.reduce((S, w) => (0, a.defaults)(S, w), {}),
+      ...y.reduce((w, S) => (0, a.defaults)(w, S), {}),
       // In order to resolve n config objects, we combine all of their `extend` properties
       // into arrays instead of objects so they aren't overridden.
       extend: H(y)
     };
   }
-  function L(y, S) {
+  function F(y, w) {
     if (Array.isArray(y) && (0, l.default)(y[0]))
-      return y.concat(S);
-    if (Array.isArray(S) && (0, l.default)(S[0]) && (0, l.default)(y))
+      return y.concat(w);
+    if (Array.isArray(w) && (0, l.default)(w[0]) && (0, l.default)(y))
       return [
         y,
-        ...S
+        ...w
       ];
-    if (Array.isArray(S))
-      return S;
+    if (Array.isArray(w))
+      return w;
   }
-  function G({ extend: y, ...S }) {
-    return D(S, y, (w, b) => !g(w) && !b.some(g) ? D({}, w, ...b, L) : (E, v) => D({}, ...[
-      w,
+  function G({ extend: y, ...w }) {
+    return D(w, y, (S, b) => !g(S) && !b.some(g) ? D({}, S, ...b, F) : (E, v) => D({}, ...[
+      S,
       ...b
-    ].map((T) => A(T, E, v)), L));
+    ].map((T) => A(T, E, v)), F));
   }
   function* N(y) {
-    let S = (0, n.toPath)(y);
-    if (S.length === 0 || (yield S, Array.isArray(y)))
+    let w = (0, n.toPath)(y);
+    if (w.length === 0 || (yield w, Array.isArray(y)))
       return;
-    let w = /^(.*?)\s*\/\s*([^/]+)$/, b = y.match(w);
+    let S = /^(.*?)\s*\/\s*([^/]+)$/, b = y.match(S);
     if (b !== null) {
       let [, E, v] = b, T = (0, n.toPath)(E);
       T.alpha = v, yield T;
     }
   }
   function X(y) {
-    const S = (w, b) => {
-      for (const E of N(w)) {
+    const w = (S, b) => {
+      for (const E of N(S)) {
         let v = 0, T = y;
         for (; T != null && v < E.length; )
-          T = T[E[v++]], T = g(T) && (E.alpha === void 0 || v <= E.length - 1) ? T(S, O) : T;
+          T = T[E[v++]], T = g(T) && (E.alpha === void 0 || v <= E.length - 1) ? T(w, O) : T;
         if (T !== void 0) {
           if (E.alpha !== void 0) {
-            let P = (0, h.parseColorFormat)(T);
-            return (0, p.withAlphaValue)(P, E.alpha, (0, d.default)(P));
+            let P = (0, d.parseColorFormat)(T);
+            return (0, m.withAlphaValue)(P, E.alpha, (0, h.default)(P));
           }
           return (0, l.default)(T) ? (0, o.cloneDeep)(T) : T;
         }
       }
       return b;
     };
-    return Object.assign(S, {
-      theme: S,
+    return Object.assign(w, {
+      theme: w,
       ...O
-    }), Object.keys(y).reduce((w, b) => (w[b] = g(y[b]) ? y[b](S, O) : y[b], w), {});
+    }), Object.keys(y).reduce((S, b) => (S[b] = g(y[b]) ? y[b](w, O) : y[b], S), {});
   }
   function Y(y) {
-    let S = [];
-    return y.forEach((w) => {
-      S = [
-        ...S,
-        w
+    let w = [];
+    return y.forEach((S) => {
+      w = [
+        ...w,
+        S
       ];
       var b;
-      const E = (b = w == null ? void 0 : w.plugins) !== null && b !== void 0 ? b : [];
+      const E = (b = S == null ? void 0 : S.plugins) !== null && b !== void 0 ? b : [];
       E.length !== 0 && E.forEach((v) => {
         v.__isOptionsFunction && (v = v());
         var T;
-        S = [
-          ...S,
+        w = [
+          ...w,
           ...Y([
             (T = v == null ? void 0 : v.config) !== null && T !== void 0 ? T : {}
           ])
         ];
       });
-    }), S;
+    }), w;
   }
   function x(y) {
     return [
       ...y
-    ].reduceRight((w, b) => g(b) ? b({
-      corePlugins: w
-    }) : (0, i.default)(b, w), r.default);
+    ].reduceRight((S, b) => g(b) ? b({
+      corePlugins: S
+    }) : (0, r.default)(b, S), i.default);
   }
   function k(y) {
     return [
       ...y
-    ].reduceRight((w, b) => [
-      ...w,
+    ].reduceRight((S, b) => [
+      ...S,
       ...b
     ], []);
   }
   function $(y) {
-    let S = [
+    let w = [
       ...Y(y),
       {
         prefix: "",
@@ -2721,15 +2721,15 @@ var rt = {};
         separator: ":"
       }
     ];
-    var w, b;
+    var S, b;
     return (0, u.normalizeConfig)((0, a.defaults)({
-      theme: X(G(z(S.map((E) => (w = E == null ? void 0 : E.theme) !== null && w !== void 0 ? w : {})))),
-      corePlugins: x(S.map((E) => E.corePlugins)),
+      theme: X(G(z(w.map((E) => (S = E == null ? void 0 : E.theme) !== null && S !== void 0 ? S : {})))),
+      corePlugins: x(w.map((E) => E.corePlugins)),
       plugins: k(y.map((E) => (b = E == null ? void 0 : E.plugins) !== null && b !== void 0 ? b : []))
-    }, ...S));
+    }, ...w));
   }
-})(Ie);
-var it = {}, _t = {
+})(je);
+var nt = {}, _t = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3729,8 +3729,8 @@ var it = {}, _t = {
       return s;
     }
   });
-  const t = /* @__PURE__ */ i(_t), r = ae;
-  function i(a) {
+  const t = /* @__PURE__ */ r(_t), i = ae;
+  function r(a) {
     return a && a.__esModule ? a : {
       default: a
     };
@@ -3739,13 +3739,13 @@ var it = {}, _t = {
     var n;
     const u = ((n = a == null ? void 0 : a.presets) !== null && n !== void 0 ? n : [
       t.default
-    ]).slice().reverse().flatMap((h) => s(h instanceof Function ? h() : h)), l = {
+    ]).slice().reverse().flatMap((d) => s(d instanceof Function ? d() : d)), l = {
       // Add experimental configs here...
       respectDefaultRingColorOpacity: {
         theme: {
-          ringColor: ({ theme: h }) => ({
+          ringColor: ({ theme: d }) => ({
             DEFAULT: "#3b82f67f",
-            ...h("colors")
+            ...d("colors")
           })
         }
       },
@@ -3759,14 +3759,14 @@ var it = {}, _t = {
           textOpacity: !1
         }
       }
-    }, o = Object.keys(l).filter((h) => (0, r.flagEnabled)(a, h)).map((h) => l[h]);
+    }, o = Object.keys(l).filter((d) => (0, i.flagEnabled)(a, d)).map((d) => l[d]);
     return [
       a,
       ...o,
       ...u
     ];
   }
-})(it);
+})(nt);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -3776,26 +3776,26 @@ var it = {}, _t = {
       return s;
     }
   });
-  const t = /* @__PURE__ */ i(Ie), r = /* @__PURE__ */ i(it);
-  function i(a) {
+  const t = /* @__PURE__ */ r(je), i = /* @__PURE__ */ r(nt);
+  function r(a) {
     return a && a.__esModule ? a : {
       default: a
     };
   }
   function s(...a) {
-    let [, ...n] = (0, r.default)(a[0]);
+    let [, ...n] = (0, i.default)(a[0]);
     return (0, t.default)([
       ...a,
       ...n
     ]);
   }
-})(Re);
-let le = Re;
-var xt = (le.__esModule ? le : { default: le }).default;
+})(Ie);
+let ce = Ie;
+var xt = (ce.__esModule ? ce : { default: ce }).default;
 const Ct = /* @__PURE__ */ bt(xt);
-let ce = ve;
-var V = (ce.__esModule ? ce : { default: ce }).default;
-const St = {
+let ue = ye;
+var V = (ue.__esModule ? ue : { default: ue }).default;
+const wt = {
   50: "#FCE3E4",
   100: "#F9CDCE",
   200: "#F39699",
@@ -3813,7 +3813,7 @@ const St = {
   info: V.cyan,
   success: V.lime,
   primary: V.sky,
-  brand: St,
+  brand: wt,
   "video-player-progress-bar": {
     "base-bg": "#6c737a",
     "progress-bg": "#0090ff",
@@ -3823,7 +3823,7 @@ const St = {
     "transition-duration": "0.2s",
     "bar-height": "7px"
   }
-}, wt = {
+}, St = {
   ...W,
   // Warning
   warning: W.warning[500],
@@ -3859,7 +3859,7 @@ const St = {
   content: ["./src/**/*.{html,js,vue,ts}"],
   theme: {
     extend: {
-      colors: wt,
+      colors: St,
       maxWidth: {
         "1/12": "8.333333333%",
         "2/12": "16.666666666%",
@@ -3876,6 +3876,12 @@ const St = {
       },
       blur: {
         "video-poster": "32px"
+      },
+      transitionProperty: {
+        "opacity-transform": "opacity, transform"
+      },
+      transitionDuration: {
+        600: "600ms"
       }
     },
     fontSize: {
@@ -3930,14 +3936,14 @@ const St = {
       pattern: /e-content-(around|baseline|between|center|end|evenly|normal|start|stretch)/
     }
   ]
-}, nt = Ct(Tt), $t = nt.theme.fontSize, Dt = nt.theme.colors, ai = [
+}, st = Ct(Tt), $t = st.theme.fontSize, Dt = st.theme.colors, dr = [
   _.dot,
   _.xs,
   _.sm,
   _.md,
   _.lg,
   _.xl
-], oi = [
+], hr = [
   _.xs,
   _.sm,
   _.md,
@@ -3959,21 +3965,21 @@ const St = {
   _["7xl"],
   _["8xl"],
   _["9xl"]
-], li = [_.sm, _.md, _.base, _.lg], ci = [
+], fr = [_.sm, _.md, _.base, _.lg], mr = [
   j.warning,
   j.error,
   j.info,
   j.success,
   j.primary,
   j.default
-], ui = [
+], pr = [
   _.xs,
   _.sm,
   _.md,
   _.base,
   _.lg,
   _.xl
-], di = [
+], gr = [
   "play",
   "pause",
   "ended",
@@ -3984,7 +3990,7 @@ const St = {
   "canplay",
   "canplaythrough",
   "statechanged"
-], kt = F.extend({
+], kt = L.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -4008,8 +4014,8 @@ const St = {
       }), {});
     },
     iconClasses() {
-      var i, s;
-      const e = this.sizes[this.size] || this.sizes[_.sm], t = `${((s = (i = this.icon) == null ? void 0 : i.split(" ")) == null ? void 0 : s.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
+      var r, s;
+      const e = this.sizes[this.size] || this.sizes[_.sm], t = `${((s = (r = this.icon) == null ? void 0 : r.split(" ")) == null ? void 0 : s.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
       return [
         "e-inline-flex e-items-center e-justify-center e-rounded-full",
         this.color,
@@ -4020,9 +4026,9 @@ const St = {
   }
 });
 var Mt = function() {
-  var t = this, r = t._self._c;
-  return r("div", { staticClass: "e-icon" }, [r("i", { class: t.iconClasses })]);
-}, Ot = [], Pt = /* @__PURE__ */ I(
+  var t = this, i = t._self._c;
+  return i("div", { staticClass: "e-icon" }, [i("i", { class: t.iconClasses })]);
+}, Ot = [], Pt = /* @__PURE__ */ R(
   kt,
   Mt,
   Ot,
@@ -4032,7 +4038,7 @@ var Mt = function() {
   null,
   null
 );
-const Ce = Pt.exports, zt = F.extend({
+const we = Pt.exports, zt = L.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4095,12 +4101,12 @@ const Ce = Pt.exports, zt = F.extend({
   }
 });
 var At = function() {
-  var t = this, r = t._self._c;
-  return r("svg", { staticClass: "e-spinner e-block", class: {
+  var t = this, i = t._self._c;
+  return i("svg", { staticClass: "e-spinner e-block", class: {
     "e-spinner--dark": t.dark,
     "e-spinner--grey": !t.color
-  }, style: { opacity: t.opacity }, attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1629.32 1608.86", width: t.computedSize, height: t.computedSize } }, [r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(0), attrs: { d: "m1254.12,591.61C992.01,401.11,439.78,0,439.78,0h601.2c14.3,0,48.95,9.02,62.54,38.01,55.27,117.88,111.32,235.46,170.48,351.43,33.16,70.9-8.99,170.35-19.87,202.16" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(1), attrs: { d: "m1404.65,131.67c-29.37,89.94-55.8,170.95-82.25,251.93-4.05.87-8.1,1.73-12.15,2.61-40.61-83.95-81.21-167.9-123.12-254.54h217.51Z" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(2), attrs: { d: "m1129.06,1093.51c100.75-307.98,312.75-956.75,312.75-956.75,0,0,180.36,558.53,184.75,572.14,4.39,13.59,6.45,49.34-16.96,71.19-95.21,88.81-189.88,178.28-282.06,270.2-57.29,53.34-164.86,43.8-198.48,43.21" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(3), attrs: { d: "m1342.3,1083.06c66.6-63.43,133.22-126.86,207.93-197.98,21.51,73.55,40.3,137.81,60.64,207.37h-263.35c-1.75-3.13-3.48-6.27-5.22-9.39" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(4), attrs: { d: "m610.27,1137.17c324.03-.53,1006.55-1.85,1006.55-1.85,0,0-474.19,345.83-485.74,354.25-11.55,8.42-44.87,21.56-72.94,6.14-114.11-62.68-228.69-124.66-344.81-183.5-68.56-37.76-93.12-142.93-103.06-175.04" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(5), attrs: { d: "m938.58,1468.29c-62.81,42.58-118.35,80.24-180.28,122.23-28.35-87.22-54.62-168.03-80.89-248.86,2.62-2.92,5.26-5.85,7.9-8.76,81.89,43.78,163.79,87.56,253.26,135.39" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(6), attrs: { d: "m413.07,652.86c101.35,307.77,314.99,956,314.99,956,0,0-476.23-343.04-487.83-351.39-11.58-8.36-34.44-35.93-28.52-67.4,24.07-127.96,47.3-256.13,67.09-384.8,14.54-76.9,106.84-132.96,134.28-152.42" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(7), attrs: { d: "m197.48,1068.8c-62.36-47.73-115.99-88.79-176.78-135.33,75.54-54.91,146.18-106.24,216.83-157.57,3.73,2.24,7.45,4.47,11.19,6.71-16.36,91.3-32.7,182.61-51.25,286.19" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(8), attrs: { d: "m813.58,314.41C551.63,505.15,0,907.07,0,907.07c0,0,180.68-558.4,185.09-572.01,4.39-13.59,23.65-43.78,55.41-47.8,129.19-16.29,258.32-33.41,386.86-53.99,77.67-9.72,159.3,60.97,186.22,81.13" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(9), attrs: { d: "m635.14,199.78c-91.99,12.38-183.97,24.77-288.07,38.76,25.77-73.18,48.3-137.14,73.8-209.53,76.56,55.41,147.27,106.58,217.97,157.75-1.23,4.34-2.46,8.68-3.69,13.02" } })]);
-}, Bt = [], Ht = /* @__PURE__ */ I(
+  }, style: { opacity: t.opacity }, attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1629.32 1608.86", width: t.computedSize, height: t.computedSize } }, [i("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(0), attrs: { d: "m1254.12,591.61C992.01,401.11,439.78,0,439.78,0h601.2c14.3,0,48.95,9.02,62.54,38.01,55.27,117.88,111.32,235.46,170.48,351.43,33.16,70.9-8.99,170.35-19.87,202.16" } }), i("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(1), attrs: { d: "m1404.65,131.67c-29.37,89.94-55.8,170.95-82.25,251.93-4.05.87-8.1,1.73-12.15,2.61-40.61-83.95-81.21-167.9-123.12-254.54h217.51Z" } }), i("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(2), attrs: { d: "m1129.06,1093.51c100.75-307.98,312.75-956.75,312.75-956.75,0,0,180.36,558.53,184.75,572.14,4.39,13.59,6.45,49.34-16.96,71.19-95.21,88.81-189.88,178.28-282.06,270.2-57.29,53.34-164.86,43.8-198.48,43.21" } }), i("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(3), attrs: { d: "m1342.3,1083.06c66.6-63.43,133.22-126.86,207.93-197.98,21.51,73.55,40.3,137.81,60.64,207.37h-263.35c-1.75-3.13-3.48-6.27-5.22-9.39" } }), i("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(4), attrs: { d: "m610.27,1137.17c324.03-.53,1006.55-1.85,1006.55-1.85,0,0-474.19,345.83-485.74,354.25-11.55,8.42-44.87,21.56-72.94,6.14-114.11-62.68-228.69-124.66-344.81-183.5-68.56-37.76-93.12-142.93-103.06-175.04" } }), i("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(5), attrs: { d: "m938.58,1468.29c-62.81,42.58-118.35,80.24-180.28,122.23-28.35-87.22-54.62-168.03-80.89-248.86,2.62-2.92,5.26-5.85,7.9-8.76,81.89,43.78,163.79,87.56,253.26,135.39" } }), i("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(6), attrs: { d: "m413.07,652.86c101.35,307.77,314.99,956,314.99,956,0,0-476.23-343.04-487.83-351.39-11.58-8.36-34.44-35.93-28.52-67.4,24.07-127.96,47.3-256.13,67.09-384.8,14.54-76.9,106.84-132.96,134.28-152.42" } }), i("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(7), attrs: { d: "m197.48,1068.8c-62.36-47.73-115.99-88.79-176.78-135.33,75.54-54.91,146.18-106.24,216.83-157.57,3.73,2.24,7.45,4.47,11.19,6.71-16.36,91.3-32.7,182.61-51.25,286.19" } }), i("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(8), attrs: { d: "m813.58,314.41C551.63,505.15,0,907.07,0,907.07c0,0,180.68-558.4,185.09-572.01,4.39-13.59,23.65-43.78,55.41-47.8,129.19-16.29,258.32-33.41,386.86-53.99,77.67-9.72,159.3,60.97,186.22,81.13" } }), i("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(9), attrs: { d: "m635.14,199.78c-91.99,12.38-183.97,24.77-288.07,38.76,25.77-73.18,48.3-137.14,73.8-209.53,76.56,55.41,147.27,106.58,217.97,157.75-1.23,4.34-2.46,8.68-3.69,13.02" } })]);
+}, Bt = [], Ht = /* @__PURE__ */ R(
   zt,
   At,
   Bt,
@@ -4110,7 +4116,7 @@ var At = function() {
   null,
   null
 );
-const st = Ht.exports, Lt = F.extend({
+const at = Ht.exports, Lt = L.extend({
   props: {
     align: {
       type: String,
@@ -4171,9 +4177,9 @@ const st = Ht.exports, Lt = F.extend({
   }
 });
 var Ft = function() {
-  var t = this, r = t._self._c;
-  return t._self._setupProxy, r("div", { staticClass: "e-row e-flex e-flex-wrap", class: t.rowClasses }, [t._t("default")], 2);
-}, Gt = [], Rt = /* @__PURE__ */ I(
+  var t = this, i = t._self._c;
+  return t._self._setupProxy, i("div", { staticClass: "e-row e-flex e-flex-wrap", class: t.rowClasses }, [t._t("default")], 2);
+}, Gt = [], Rt = /* @__PURE__ */ R(
   Lt,
   Ft,
   Gt,
@@ -4183,7 +4189,7 @@ var Ft = function() {
   null,
   null
 );
-const It = Rt.exports, jt = F.extend({
+const It = Rt.exports, jt = L.extend({
   props: {
     alignSelf: {
       type: String,
@@ -4288,9 +4294,9 @@ const It = Rt.exports, jt = F.extend({
   }
 });
 var Wt = function() {
-  var t = this, r = t._self._c;
-  return r("div", { staticClass: "e-col", class: t.colClasses }, [t._t("default")], 2);
-}, Nt = [], Ut = /* @__PURE__ */ I(
+  var t = this, i = t._self._c;
+  return i("div", { staticClass: "e-col", class: t.colClasses }, [t._t("default")], 2);
+}, Nt = [], Ut = /* @__PURE__ */ R(
   jt,
   Wt,
   Nt,
@@ -4301,35 +4307,35 @@ var Wt = function() {
   null
 );
 const Yt = Ut.exports;
-function at() {
+function ot() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
 function Vt(e) {
-  if (at())
-    return new Promise((r) => r(null));
+  if (ot())
+    return new Promise((i) => i(null));
   const t = e;
-  return t.requestFullscreen ? t == null ? void 0 : t.requestFullscreen() : t.mozRequestFullScreen ? t == null ? void 0 : t.mozRequestFullScreen() : t.webkitRequestFullScreen ? t == null ? void 0 : t.webkitRequestFullScreen() : t.msRequestFullscreen ? t == null ? void 0 : t.msRequestFullscreen() : new Promise((r) => r(null));
+  return t.requestFullscreen ? t == null ? void 0 : t.requestFullscreen() : t.mozRequestFullScreen ? t == null ? void 0 : t.mozRequestFullScreen() : t.webkitRequestFullScreen ? t == null ? void 0 : t.webkitRequestFullScreen() : t.msRequestFullscreen ? t == null ? void 0 : t.msRequestFullscreen() : new Promise((i) => i(null));
 }
 function Xt() {
-  if (!at())
+  if (!ot())
     return new Promise((t) => t(null));
   const e = document;
   return e.exitFullscreen ? e.exitFullscreen() : e.mozCancelFullScreen ? e.mozCancelFullScreen() : e.webkitCancelFullScreen ? e.webkitCancelFullScreen() : e.msExitFullscreen ? e.msExitFullscreen() : new Promise((t) => t(null));
 }
 function Zt(e, t) {
-  let r = null;
-  return function(...i) {
+  let i = null;
+  return function(...r) {
     const s = this;
-    r !== null && clearTimeout(r), r = setTimeout(() => {
-      r = null, e.apply(s, i);
+    i !== null && clearTimeout(i), i = setTimeout(() => {
+      i = null, e.apply(s, r);
     }, t || 1e3);
   };
 }
-function hi(...e) {
+function vr(...e) {
   return e.filter(Boolean).join(" ");
 }
-const qt = F.extend({
+const qt = L.extend({
   name: "EZoomable",
   props: {
     ignorePointerEvents: {
@@ -4385,22 +4391,22 @@ const qt = F.extend({
       this.scale > this.maxScale ? this.scale = this.maxScale : this.scale < this.minScale && (this.scale = this.minScale);
     },
     handleZoom(e) {
-      const t = this.$refs.container, r = this.$refs.content;
+      const t = this.$refs.container, i = this.$refs.content;
       if (e.preventDefault(), this.disabled)
         return;
-      const i = t.getBoundingClientRect(), s = r.getBoundingClientRect();
-      if (!i || !s)
+      const r = t.getBoundingClientRect(), s = i.getBoundingClientRect();
+      if (!r || !s)
         return;
       const a = e.clientX, n = e.clientY, u = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail)), l = this.scale;
       this.scale += u / 10, this.updateZoomScale();
-      const o = ((a - s.left) / s.width).toFixed(2), h = ((n - s.top) / s.height).toFixed(2);
+      const o = ((a - s.left) / s.width).toFixed(2), d = ((n - s.top) / s.height).toFixed(2);
       this.left = Math.round(
-        a - i.left - Number(o) * (s.width * this.scale / l)
+        a - r.left - Number(o) * (s.width * this.scale / l)
       ), this.top = Math.round(
-        n - i.top - Number(h) * (s.height * this.scale / l)
+        n - r.top - Number(d) * (s.height * this.scale / l)
       );
-      const p = 0, d = 0 - i.width * (this.scale - 1), f = 0 - i.height * (this.scale - 1), g = 0;
-      this.left < d ? this.left = d : this.left > p && (this.left = p), this.top < f ? this.top = f : this.top > g && (this.top = g), this.updateTransform();
+      const m = 0, h = 0 - r.width * (this.scale - 1), f = 0 - r.height * (this.scale - 1), g = 0;
+      this.left < h ? this.left = h : this.left > m && (this.left = m), this.top < f ? this.top = f : this.top > g && (this.top = g), this.updateTransform();
     },
     handleMouseDown(e) {
       !this.isZoomed || this.disabled || (this.isPanning = !0, this.panStart = { x: e.clientX, y: e.clientY });
@@ -4414,18 +4420,18 @@ const qt = F.extend({
     handleMouseMove(e) {
       if (!this.isPanning || !this.isZoomed || this.disabled)
         return;
-      const t = e.clientX - this.panStart.x, r = e.clientY - this.panStart.y;
-      this.left += t, this.top += r, this.applyBoundsCorrection(), this.panStart = { x: e.clientX, y: e.clientY }, this.updateTransform();
+      const t = e.clientX - this.panStart.x, i = e.clientY - this.panStart.y;
+      this.left += t, this.top += i, this.applyBoundsCorrection(), this.panStart = { x: e.clientX, y: e.clientY }, this.updateTransform();
     },
     applyBoundsCorrection() {
-      const e = this.$refs.container, t = this.$refs.content, r = e.getBoundingClientRect(), i = t.getBoundingClientRect();
-      if (!r || !i)
+      const e = this.$refs.container, t = this.$refs.content, i = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+      if (!i || !r)
         return;
       const [s, a, n, u] = [
-        r.top - i.top,
-        i.right - r.right,
-        i.bottom - r.bottom,
-        r.left - i.left
+        i.top - r.top,
+        r.right - i.right,
+        r.bottom - i.bottom,
+        i.left - r.left
       ].map((l) => l < 0 ? l : 0);
       this.left += u - a, this.top += s - n;
     },
@@ -4460,8 +4466,8 @@ const qt = F.extend({
           this.previousPinchDistance = this.pinchDistance, this.updatePinchDistance();
           const t = this.pinchDistance / this.previousPinchDistance;
           this.scale *= t, this.updateZoomScale();
-          const r = Object.values(this.pointers), i = this.getPointersMidPoint(r[0], r[1]);
-          this.left = i.x - (i.x - this.left) * t, this.top = i.y - (i.y - this.top) * t, this.applyBoundsCorrection(), this.updateTransform();
+          const i = Object.values(this.pointers), r = this.getPointersMidPoint(i[0], i[1]);
+          this.left = r.x - (r.x - this.left) * t, this.top = r.y - (r.y - this.top) * t, this.applyBoundsCorrection(), this.updateTransform();
         } else
           this.handleMouseMove(e);
     },
@@ -4471,12 +4477,12 @@ const qt = F.extend({
   }
 });
 var Kt = function() {
-  var t = this, r = t._self._c;
-  return r("div", { ref: "container", staticClass: "e-zoomable e-w-full e-h-full" }, [r("div", { staticClass: "e-w-full e-h-full", class: {
+  var t = this, i = t._self._c;
+  return i("div", { ref: "container", staticClass: "e-zoomable e-w-full e-h-full" }, [i("div", { staticClass: "e-w-full e-h-full", class: {
     "e-cursor-grab": t.isZoomed && !t.disabled,
     "e-cursor-grabbing": t.isPanning && !t.disabled
-  }, on: { mousewheel: t.handleZoom, mousedown: t.handleMouseDown, mouseup: t.handleMouseUp, mouseleave: t.handleMouseLeave, mousemove: t.handleMouseMove, pointerdown: t.handlePointerDown, pointermove: t.handlePointerMove, pointerup: t.handlePointerUp, pointercancel: t.handlePointerUp, pointerout: t.handlePointerUp, pointerleave: t.handlePointerUp } }, [r("div", { ref: "content", staticClass: "e-zoomable__content e-w-full e-h-full e-transform-0 e-touch-none e-relative", style: t.contentStyle }, [t._t("default")], 2), t.withOverlay && !t.disabled ? r("div", { staticClass: "e-zoomable__overlay e-absolute e-w-full e-h-full e-bottom-0 e-left-0 e-overflow-hidden" }, [t._t("overlay")], 2) : t._e()])]);
-}, Qt = [], Jt = /* @__PURE__ */ I(
+  }, on: { mousewheel: t.handleZoom, mousedown: t.handleMouseDown, mouseup: t.handleMouseUp, mouseleave: t.handleMouseLeave, mousemove: t.handleMouseMove, pointerdown: t.handlePointerDown, pointermove: t.handlePointerMove, pointerup: t.handlePointerUp, pointercancel: t.handlePointerUp, pointerout: t.handlePointerUp, pointerleave: t.handlePointerUp } }, [i("div", { ref: "content", staticClass: "e-zoomable__content e-w-full e-h-full e-transform-0 e-touch-none e-relative", style: t.contentStyle }, [t._t("default")], 2), t.withOverlay && !t.disabled ? i("div", { staticClass: "e-zoomable__overlay e-absolute e-w-full e-h-full e-bottom-0 e-left-0 e-overflow-hidden" }, [t._t("overlay")], 2) : t._e()])]);
+}, Qt = [], Jt = /* @__PURE__ */ R(
   qt,
   Kt,
   Qt,
@@ -4486,9 +4492,9 @@ var Kt = function() {
   null,
   null
 );
-const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
+const lt = Jt.exports, de = new Intl.NumberFormat(void 0, {
   minimumIntegerDigits: 2
-}), Te = [
+}), $e = [
   "play",
   "pause",
   "ended",
@@ -4500,16 +4506,16 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
   "canplaythrough",
   "statechanged",
   "error"
-], de = (e) => {
-  const t = Math.floor(e % 60), r = Math.floor(e / 60) % 60, i = Math.floor(e / 3600);
-  return i === 0 ? `${r}:${ue.format(t)}` : `${i}:${ue.format(
-    r
-  )}:${ue.format(t)}`;
-}, er = F.extend({
+], he = (e) => {
+  const t = Math.floor(e % 60), i = Math.floor(e / 60) % 60, r = Math.floor(e / 3600);
+  return r === 0 ? `${i}:${de.format(t)}` : `${r}:${de.format(
+    i
+  )}:${de.format(t)}`;
+}, ei = L.extend({
   name: "VideoPlayer",
   components: {
-    ESpinner: st,
-    EZoomable: ot
+    ESpinner: at,
+    EZoomable: lt
   },
   props: {
     targetTimestamp: {
@@ -4631,8 +4637,8 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
     },
     preloadedSeconds(e) {
       this.preloadedInterval = {
-        start: R(this.targetTimestamp).format(),
-        end: R(this.targetTimestamp).add(e, "seconds").format()
+        start: I(this.targetTimestamp).format(),
+        end: I(this.targetTimestamp).add(e, "seconds").format()
       }, this.$emit("preloaded-interval", this.preloadedInterval);
     },
     targetTimestamp: {
@@ -4641,12 +4647,12 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
         var a, n;
         if (!this.isHls)
           return;
-        const t = this.$refs.player, r = (a = this.preloadedInterval) == null ? void 0 : a.start, i = (n = this.preloadedInterval) == null ? void 0 : n.end;
-        if (!(r && i))
+        const t = this.$refs.player, i = (a = this.preloadedInterval) == null ? void 0 : a.start, r = (n = this.preloadedInterval) == null ? void 0 : n.end;
+        if (!(i && r))
           return;
-        const s = R(e).isBetween(
-          R(r),
-          R(i),
+        const s = I(e).isBetween(
+          I(i),
+          I(r),
           void 0,
           "[]"
         );
@@ -4662,9 +4668,9 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
   },
   methods: {
     initHls() {
-      var r, i, s, a, n;
+      var i, r, s, a, n;
       const e = this.$refs.player, t = this.sources[0];
-      (r = this.player) != null && r.stopLoad && this.player.stopLoad(), Q.isSupported() && (this.isLoading = !0, this.player = new Q({
+      (i = this.player) != null && i.stopLoad && this.player.stopLoad(), Q.isSupported() && (this.isLoading = !0, this.player = new Q({
         startPosition: 0,
         xhrSetup: (u) => {
           this.streamingToken && u.setRequestHeader(
@@ -4672,7 +4678,7 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
             `Bearer ${this.streamingToken}`
           );
         }
-      }), (i = this.player) == null || i.loadSource(t.src), (s = this.player) == null || s.attachMedia(e), (a = this.player) == null || a.on(Q.Events.MANIFEST_PARSED, () => {
+      }), (r = this.player) == null || r.loadSource(t.src), (s = this.player) == null || s.attachMedia(e), (a = this.player) == null || a.on(Q.Events.MANIFEST_PARSED, () => {
         this.playing && e.play();
       }), (n = this.player) == null || n.on(Q.Events.ERROR, this.handleHlsError));
     },
@@ -4686,22 +4692,22 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
       var n;
       if (!t.fatal)
         return;
-      const r = t.type === Q.ErrorTypes.NETWORK_ERROR, i = t.type === Q.ErrorTypes.MEDIA_ERROR, s = r && ((n = t.networkDetails) == null ? void 0 : n.status) === 404, a = () => {
+      const i = t.type === Q.ErrorTypes.NETWORK_ERROR, r = t.type === Q.ErrorTypes.MEDIA_ERROR, s = i && ((n = t.networkDetails) == null ? void 0 : n.status) === 404, a = () => {
         this.player.destroy(), this.videoListeners.error ? this.videoListeners.error() : this.handle404Error();
       };
       if (s) {
         a();
         return;
       }
-      if (r) {
+      if (i) {
         console.error("A network error occurred:", t), this.player.startLoad();
         return;
       }
-      i && (console.error("A media error occurred:", t), this.player.recoverMediaError()), a();
+      r && (console.error("A media error occurred:", t), this.player.recoverMediaError()), a();
     },
     bindEvents() {
       const e = this.$refs.player;
-      Te.forEach((t) => {
+      $e.forEach((t) => {
         e.addEventListener(t, () => this.bindVideoEvent(t), !0);
       });
     },
@@ -4720,7 +4726,7 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
     },
     unbindEvents() {
       const e = this.$refs.player;
-      Te.forEach((t) => {
+      $e.forEach((t) => {
         e.removeEventListener(
           t,
           () => this.bindVideoEvent(t),
@@ -4732,8 +4738,8 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
       const t = this.$refs.player;
       if (!t)
         return;
-      const r = this.$refs.timelineContainer;
-      e === "loadeddata" && (this.videoLength = de(t.duration)), r && (e === "timeupdate" && (this.percentagePlayed = (t == null ? void 0 : t.currentTime) / (t == null ? void 0 : t.duration) * 100, r == null || r.style.setProperty(
+      const i = this.$refs.timelineContainer;
+      e === "loadeddata" && (this.videoLength = he(t.duration)), i && (e === "timeupdate" && (this.percentagePlayed = (t == null ? void 0 : t.currentTime) / (t == null ? void 0 : t.duration) * 100, i == null || i.style.setProperty(
         "--progress-position",
         this.percentagePlayed.toString()
       )), this.$emit(e, { event, player: t }));
@@ -4804,8 +4810,8 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
       const t = this.$refs.player;
       if (!t)
         return;
-      const r = e / 100 * t.duration;
-      t.currentTime = r;
+      const i = e / 100 * t.duration;
+      t.currentTime = i;
     },
     convertTimeToDuration(e) {
       return [parseInt(e / 60 % 60, 10), parseInt(e % 60, 10)].join(":").replace(/\b(\d)\b/g, "0$1");
@@ -4826,28 +4832,28 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
     },
     getDuration() {
       const e = this.$refs.player;
-      this.videoLength = de(e.duration), this.videoDuration = e.duration;
+      this.videoLength = he(e.duration), this.videoDuration = e.duration;
     },
     handleTimeUpdate() {
       const e = this.$refs.player, t = this.$refs.timelineContainer;
       if (!e || !t)
         return;
-      this.currentTime = de(e.currentTime), this.realtime = e.currentTime;
-      const r = Number(this.realtime) / Number(this.videoDuration);
+      this.currentTime = he(e.currentTime), this.realtime = e.currentTime;
+      const i = Number(this.realtime) / Number(this.videoDuration);
       t.style.setProperty(
         "--progress-position",
-        r.toString()
+        i.toString()
       );
     },
     handleTimelineUpdate(e) {
       const t = this.$refs.player;
       if (!document.body.contains(t))
         return;
-      const r = this.$refs.timelineContainer, i = r.getBoundingClientRect(), s = Math.min(Math.max(0, e.x - i.x), i.width) / i.width;
-      r.style.setProperty(
+      const i = this.$refs.timelineContainer, r = i.getBoundingClientRect(), s = Math.min(Math.max(0, e.x - r.x), r.width) / r.width;
+      i.style.setProperty(
         "--preview-position",
         s.toString()
-      ), this.isScrubbing && (e.preventDefault(), r.style.setProperty(
+      ), this.isScrubbing && (e.preventDefault(), i.style.setProperty(
         "--progress-position",
         s.toString()
       ));
@@ -4857,22 +4863,22 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
       t.currentTime += e;
     },
     async toggleScrubbing(e) {
-      const t = this.$refs.timelineContainer, r = this.$refs.videoContainer, i = this.$refs.player;
-      if (!i)
+      const t = this.$refs.timelineContainer, i = this.$refs.videoContainer, r = this.$refs.player;
+      if (!r)
         return;
       const s = t.getBoundingClientRect(), a = Math.min(Math.max(0, e.x - s.x), s.width) / s.width;
-      if (this.isScrubbing = (e.buttons & 1) === 1, r.classList.toggle("scrubbing", this.isScrubbing), this.isScrubbing) {
-        this.wasPaused = i.paused, await i.pause(), this.handleTimelineUpdate(e);
+      if (this.isScrubbing = (e.buttons & 1) === 1, i.classList.toggle("scrubbing", this.isScrubbing), this.isScrubbing) {
+        this.wasPaused = r.paused, await r.pause(), this.handleTimelineUpdate(e);
         return;
       }
-      if (this.realtime = a * this.videoDuration, i.currentTime = a * this.videoDuration, this.wasPaused)
+      if (this.realtime = a * this.videoDuration, r.currentTime = a * this.videoDuration, this.wasPaused)
         return;
-      const n = i.play();
+      const n = r.play();
       n !== void 0 && n.then(() => this.handleTimelineUpdate(e)).catch(console.error);
     },
     handleKeyDown(e) {
-      var r;
-      const t = (r = document.activeElement) == null ? void 0 : r.tagName.toLowerCase();
+      var i;
+      const t = (i = document.activeElement) == null ? void 0 : i.tagName.toLowerCase();
       if (t !== "input")
         switch (e.key.toLowerCase()) {
           case " ":
@@ -4893,71 +4899,71 @@ const ot = Jt.exports, ue = new Intl.NumberFormat(void 0, {
     }
   }
 });
-var tr = function() {
-  var t = this, r = t._self._c;
-  return r("div", { ref: "videoContainer", staticClass: "video-container paused", attrs: { "data-volume-level": "high" } }, [r("EZoomable", { attrs: { "ignore-pointer-events": t.zoomableIgnorePointerEvents, disabled: !t.isZoomable, "with-overlay": t.withOverlayOnBackground }, on: { "apply-zoomable-style": function(i) {
-    return t.$emit("apply-zoomable-style", i);
+var ti = function() {
+  var t = this, i = t._self._c;
+  return i("div", { ref: "videoContainer", staticClass: "video-container paused" }, [i("EZoomable", { attrs: { "ignore-pointer-events": t.zoomableIgnorePointerEvents, disabled: !t.isZoomable, "with-overlay": t.withOverlayOnBackground }, on: { "apply-zoomable-style": function(r) {
+    return t.$emit("apply-zoomable-style", r);
   } }, scopedSlots: t._u([{ key: "overlay", fn: function() {
     return [t._t("zoomable-overlay")];
   }, proxy: !0 }], null, !0) }, [t._t("background", function() {
-    return [r("div", { staticClass: "e-relative" }, [r("img", { staticClass: "e-absolute e-block e-w-full e-scale-150 e-z-[-1] e-inset-0 e-m-auto e-blur-video-poster", attrs: { src: t.posterUrl, alt: "background-image" }, on: { error: function(i) {
-      return t.$emit("poster-error", i);
+    return [i("div", { staticClass: "e-relative" }, [i("img", { staticClass: "e-absolute e-block e-w-full e-scale-150 e-z-[-1] e-inset-0 e-m-auto e-blur-video-poster", attrs: { src: t.posterUrl, alt: "background-image" }, on: { error: function(r) {
+      return t.$emit("poster-error", r);
     } } })])];
-  }), r("video", t._g(t._b({ ref: "player", class: {
+  }), i("video", t._g(t._b({ ref: "player", class: {
     "e-w-full e-h-full e-z-[5] e-min-h-[400px]": !0,
     "e-absolute e-inset-0": t.isZoomable,
     "e-relative": !t.isZoomable
-  }, attrs: { controls: !1, preload: "auto" }, on: { ended: t.handleEnded, click: t.onContainerClick, loadedmetadata: t.getDuration, timeupdate: t.handleTimeUpdate, loadeddata: t.handleLoading } }, "video", t.videoOptions, !1), t.videoListeners), [t.isWebRtc ? t._e() : t._l(t.sourceItems, function(i) {
-    return r("source", t._g({ key: i.src, attrs: { src: i.src, type: i.type }, on: { error: t.handle404Error } }, t.videoListeners));
-  })], 2)], 2), t.isLoading ? r("div", { staticClass: "spinner-container" }, [r("ESpinner", { attrs: { color: t.withColoredLoader, size: t.loaderSize, opacity: "0.6", dark: !0 } })], 1) : t._e(), t._t("default"), t.isError ? r("div", { staticClass: "spinner-container e-gap-3" }, [r("i", { staticClass: "fa-solid fa-video-slash fa-2xl e-align-middle" }), r("span", [t._v("This video file cannot be played.")])]) : t._e(), t._t("controls", function() {
-    return [r("div", { class: ["video-controls-container", t.withControls] }, [r("div", { staticClass: "controls" }, [r("button", { ref: "playPauseBtn", staticClass: "play-pause-btn fa-lg fa-solid", class: {
+  }, attrs: { controls: !1, preload: "auto" }, on: { ended: t.handleEnded, click: t.onContainerClick, loadedmetadata: t.getDuration, timeupdate: t.handleTimeUpdate, loadeddata: t.handleLoading } }, "video", t.videoOptions, !1), t.videoListeners), [t.isWebRtc ? t._e() : t._l(t.sourceItems, function(r) {
+    return i("source", t._g({ key: r.src, attrs: { src: r.src, type: r.type }, on: { error: t.handle404Error } }, t.videoListeners));
+  })], 2)], 2), t.isLoading ? i("div", { staticClass: "spinner-container" }, [i("ESpinner", { attrs: { color: t.withColoredLoader, size: t.loaderSize, opacity: "0.6", dark: !0 } })], 1) : t._e(), t._t("default"), t.isError ? i("div", { staticClass: "spinner-container e-gap-3" }, [i("i", { staticClass: "fa-solid fa-video-slash fa-2xl e-align-middle" }), i("span", [t._v("This video file cannot be played.")])]) : t._e(), t._t("controls", function() {
+    return [i("div", { class: ["video-controls-container", t.withControls] }, [i("div", { staticClass: "controls" }, [i("button", { ref: "playPauseBtn", staticClass: "play-pause-btn fa-lg fa-solid", class: {
       "fa-play": !t.playing,
       "fa-pause": t.playing
-    }, attrs: { title: t.playing ? "pause" : "play" }, on: { click: t.togglePlay } }), r("div", { staticClass: "duration-container" }, [r("div", { ref: "currentTimeElem", staticClass: "current-time" }, [t._v(" " + t._s(t.currentTime) + " ")]), t._v(" / "), r("div", { ref: "totalTimeElem", staticClass: "total-time" }, [t._v(t._s(t.videoLength))])]), r("div", { ref: "timelineContainer", staticClass: "timeline-container", on: { mousemove: t.handleTimelineUpdate, mousedown: t.toggleScrubbing } }, [t._m(0)]), r("button", { ref: "fullScreenBtn", staticClass: "full-screen-btn fa-solid", class: {
+    }, attrs: { title: t.playing ? "pause" : "play" }, on: { click: t.togglePlay } }), i("div", { staticClass: "duration-container" }, [i("div", { ref: "currentTimeElem", staticClass: "current-time" }, [t._v(" " + t._s(t.currentTime) + " ")]), t._v(" / "), i("div", { ref: "totalTimeElem", staticClass: "total-time" }, [t._v(t._s(t.videoLength))])]), i("div", { ref: "timelineContainer", staticClass: "timeline-container", on: { mousemove: t.handleTimelineUpdate, mousedown: t.toggleScrubbing } }, [t._m(0)]), i("button", { ref: "fullScreenBtn", staticClass: "full-screen-btn fa-solid", class: {
       "fa-expand": !t.isFullscreen,
       "fa-compress": t.isFullscreen
     }, on: { click: t.toggleFullscreenMode } })])])];
   }, { play: t.play, pause: t.pause, isPlaying: t.playing, playerInstance: t.player, toggleFullscreen: t.toggleFullscreenMode, currentTime: t.currentTime, videoLength: t.videoLength, isFullscreen: t.isFullscreen })], 2);
-}, rr = [function() {
+}, ii = [function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "timeline" }, [t("div", { staticClass: "thumb-indicator" })]);
-}], ir = /* @__PURE__ */ I(
-  er,
-  tr,
-  rr,
+}], ri = /* @__PURE__ */ R(
+  ei,
+  ti,
+  ii,
   !1,
   null,
-  "e38adbe1",
+  "319c49d1",
   null,
   null
 );
-const nr = ir.exports, ne = (e) => {
-  const t = c.utcFormat("%_d")(e), i = {
+const ni = ri.exports, ne = (e) => {
+  const t = c.utcFormat("%_d")(e), r = {
     1: "st",
     2: "nd",
     3: "rd"
   }[t.charAt(1)] || "th";
-  return `${t}${i}`;
-}, $e = (e) => new Date(
+  return `${t}${r}`;
+}, De = (e) => new Date(
   Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + 1)
 ).getUTCDate() === 1 ? "" : c.utcFormat("%-d")(e), J = (e) => ["0", " 0", "00"].includes(c.utcFormat("%H")(e)) ? "" : `${c.utcFormat("%H")(e)}h`, q = (e) => {
   const t = c.utcFormat("%H:%M")(e);
   return t === "00:00" ? "" : t;
-}, he = (e) => c.utcFormat("%M:%S")(e), De = (e) => `${c.utcFormat("%Hh%Mm")(e)}`, pe = (e) => {
-  const t = q(e), r = ne(e), i = c.utcFormat("%B")(e);
-  return t || `${i} ${r}`;
-}, fe = (e) => {
-  const t = q(e), r = Number.parseInt(c.utcFormat("%H")(e)), i = ne(e), s = c.utcFormat("%B")(e);
-  return t && r % 6 === 0 ? `${s} ${i} ${t}` : pe(e);
+}, fe = (e) => c.utcFormat("%M:%S")(e), Ee = (e) => `${c.utcFormat("%Hh%Mm")(e)}`, ge = (e) => {
+  const t = q(e), i = ne(e), r = c.utcFormat("%B")(e);
+  return t || `${r} ${i}`;
+}, me = (e) => {
+  const t = q(e), i = Number.parseInt(c.utcFormat("%H")(e)), r = ne(e), s = c.utcFormat("%B")(e);
+  return t && i % 6 === 0 ? `${s} ${r} ${t}` : ge(e);
 }, ee = (e) => (t) => {
-  const r = c.utcFormat("%H")(t);
-  return !(c.utcFormat("%M")(t) === "00" && Number.parseInt(r) % e === 0);
-}, me = (e) => (t) => {
-  const r = c.utcFormat("%M")(t);
-  return Number.parseInt(r) % e !== 0;
-}, Ee = (e) => (t) => {
-  const r = c.utcFormat("%M")(t), i = c.utcFormat("%S")(t);
-  return Number.parseInt(r) % e !== 0 && Number.parseInt(i) === 0;
+  const i = c.utcFormat("%H")(t);
+  return !(c.utcFormat("%M")(t) === "00" && Number.parseInt(i) % e === 0);
+}, pe = (e) => (t) => {
+  const i = c.utcFormat("%M")(t);
+  return Number.parseInt(i) % e !== 0;
+}, ke = (e) => (t) => {
+  const i = c.utcFormat("%M")(t), r = c.utcFormat("%S")(t);
+  return Number.parseInt(i) % e !== 0 && Number.parseInt(r) === 0;
 }, C = {
   _10_seconds: 25e-6,
   _20_seconds: 1e-4,
@@ -4985,51 +4991,51 @@ const nr = ir.exports, ne = (e) => {
   _300_years: 7200,
   infinity: 1 / 0
 };
-var Oe, Pe, ze, Ae, Be, He, Le, Fe;
-const sr = {
-  [re.overview]: [
+var Pe, ze, Ae, Be, He, Le, Fe, Ge;
+const si = {
+  [ie.overview]: [
     {
       precision: C._30_seconds,
       interval: c.utcMinute.every(2),
-      format: De
+      format: Ee
     },
     {
       precision: C._1_minute,
       interval: c.utcMinute.every(5),
-      format: De
+      format: Ee
     },
     {
       precision: C._2_minutes,
       interval: c.utcMinute.every(10),
-      format: pe
+      format: ge
     },
     {
       precision: C._5_minutes,
       interval: c.utcMinute.every(20),
-      format: fe
+      format: me
     },
     {
       precision: C._15_minutes,
       interval: c.utcHour,
-      format: fe
+      format: me
     },
     {
       precision: C._30_minutes,
       interval: c.utcHour.every(2),
-      format: fe
+      format: me
     },
     {
       precision: C._2_hours,
       interval: c.utcHour.every(6),
       format: (e) => {
-        const t = q(e), r = ne(e), i = c.utcFormat("%B")(e);
-        return t || `${i} ${r}`;
+        const t = q(e), i = ne(e), r = c.utcFormat("%B")(e);
+        return t || `${r} ${i}`;
       }
     },
     {
       precision: C._3_hours,
       interval: c.utcHour.every(12),
-      format: pe
+      format: ge
     },
     {
       precision: C._6_hours,
@@ -5043,8 +5049,8 @@ const sr = {
       precision: C._2_days,
       interval: c.utcMonth,
       format: (e) => {
-        const r = e.getUTCMonth() === 0 && e.getUTCDate() === 1 ? "%Y – %B" : "%B";
-        return c.utcFormat(r)(e);
+        const i = e.getUTCMonth() === 0 && e.getUTCDate() === 1 ? "%Y – %B" : "%B";
+        return c.utcFormat(i)(e);
       }
     },
     {
@@ -5078,45 +5084,45 @@ const sr = {
       format: "%Y"
     }
   ],
-  [re.detailed]: [
+  [ie.detailed]: [
     {
       precision: C._10_seconds,
       interval: c.utcSecond.every(10),
-      format: he
+      format: fe
     },
     {
       precision: C._20_seconds,
-      interval: (Oe = c.utcSecond.every(20)) == null ? void 0 : Oe.filter(Ee(2)),
-      format: he
+      interval: (Pe = c.utcSecond.every(20)) == null ? void 0 : Pe.filter(ke(2)),
+      format: fe
     },
     {
       precision: C._30_seconds,
-      interval: (Pe = c.utcSecond.every(30)) == null ? void 0 : Pe.filter(Ee(2)),
-      format: he
+      interval: (ze = c.utcSecond.every(30)) == null ? void 0 : ze.filter(ke(2)),
+      format: fe
     },
     {
       precision: C._1_minute,
-      interval: c.utcMinute.filter(me(5)),
+      interval: c.utcMinute.filter(pe(5)),
       format: q
     },
     {
       precision: C._2_minutes,
-      interval: (ze = c.utcMinute.every(2)) == null ? void 0 : ze.filter(me(10)),
+      interval: (Ae = c.utcMinute.every(2)) == null ? void 0 : Ae.filter(pe(10)),
       format: q
     },
     {
       precision: C._5_minutes,
-      interval: (Ae = c.utcMinute.every(5)) == null ? void 0 : Ae.filter(me(20)),
+      interval: (Be = c.utcMinute.every(5)) == null ? void 0 : Be.filter(pe(20)),
       format: q
     },
     {
       precision: C._15_minutes,
-      interval: (Be = c.utcMinute.every(15)) == null ? void 0 : Be.filter(ee(1)),
+      interval: (He = c.utcMinute.every(15)) == null ? void 0 : He.filter(ee(1)),
       format: q
     },
     {
       precision: C._30_minutes,
-      interval: (He = c.utcMinute.every(30)) == null ? void 0 : He.filter(ee(2)),
+      interval: (Le = c.utcMinute.every(30)) == null ? void 0 : Le.filter(ee(2)),
       format: q
     },
     {
@@ -5126,12 +5132,12 @@ const sr = {
     },
     {
       precision: C._2_hours,
-      interval: (Le = c.utcHour.every(2)) == null ? void 0 : Le.filter(ee(6)),
+      interval: (Fe = c.utcHour.every(2)) == null ? void 0 : Fe.filter(ee(6)),
       format: J
     },
     {
       precision: C._3_hours,
-      interval: (Fe = c.utcHour.every(3)) == null ? void 0 : Fe.filter(ee(12)),
+      interval: (Ge = c.utcHour.every(3)) == null ? void 0 : Ge.filter(ee(12)),
       format: J
     },
     {
@@ -5147,12 +5153,12 @@ const sr = {
     {
       precision: C._1_day,
       interval: c.utcDay,
-      format: $e
+      format: De
     },
     {
       precision: C._2_days,
       interval: c.utcDay.every(2),
-      format: $e
+      format: De
     },
     {
       precision: C._1_month,
@@ -5205,7 +5211,7 @@ const sr = {
       format: ""
     }
   ],
-  [re.detailedBackground]: [
+  [ie.detailedBackground]: [
     {
       precision: C._10_seconds,
       interval: c.utcSecond,
@@ -5284,36 +5290,36 @@ const sr = {
     {
       precision: C._1_month,
       interval: c.utcDay.filter((e) => {
-        const t = e.getUTCDate(), r = new Date(
+        const t = e.getUTCDate(), i = new Date(
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
           0
-        ).getUTCDate(), i = Math.ceil(r / 5);
-        return t === i || t === 2 * i || t === 3 * i || t === 4 * i;
+        ).getUTCDate(), r = Math.ceil(i / 5);
+        return t === r || t === 2 * r || t === 3 * r || t === 4 * r;
       }),
       format: ""
     },
     {
       precision: C._1_month_abbr,
       interval: c.utcDay.filter((e) => {
-        const t = e.getUTCDate(), r = new Date(
+        const t = e.getUTCDate(), i = new Date(
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
           0
-        ).getUTCDate(), i = Math.ceil(r / 4);
-        return t === i || t === 2 * i || t === 3 * i;
+        ).getUTCDate(), r = Math.ceil(i / 4);
+        return t === r || t === 2 * r || t === 3 * r;
       }),
       format: ""
     },
     {
       precision: C._1_month_letter,
       interval: c.utcDay.filter((e) => {
-        const t = e.getUTCDate(), r = new Date(
+        const t = e.getUTCDate(), i = new Date(
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
           0
-        ).getUTCDate(), i = Math.ceil(r / 2);
-        return t === i;
+        ).getUTCDate(), r = Math.ceil(i / 2);
+        return t === r;
       }),
       format: ""
     },
@@ -5360,22 +5366,22 @@ const sr = {
   ]
 }, Se = {
   bind(e, t) {
-    const { value: r } = t;
-    if (typeof r != "function") {
+    const { value: i } = t;
+    if (typeof i != "function") {
       console.error("Invalid callback function provided to v-resize-observer");
       return;
     }
-    const i = new ResizeObserver(
+    const r = new ResizeObserver(
       (s) => {
-        s[0] && r(s[0]);
+        s[0] && i(s[0]);
       }
     );
-    i.observe(e), e.__resizeObserver__ = i;
+    r.observe(e), e.__resizeObserver__ = r;
   },
   unbind(e) {
     e.__resizeObserver__ && (e.__resizeObserver__.disconnect(), delete e.__resizeObserver__);
   }
-}, ar = [
+}, ai = [
   {
     name: "resize-observer",
     definition: Se
@@ -5394,7 +5400,7 @@ const sr = {
   milestoneDotLine: "e-tl-milestone-dot-line",
   milestoneDotDot: "e-tl-milestone-dot-dot",
   milestoneDotHovered: "e-tl-milestone-dot--hovered"
-}, or = F.extend({
+}, oi = L.extend({
   name: "ETimeline",
   directives: {
     resizeObserver: Se
@@ -5529,14 +5535,14 @@ const sr = {
       const t = (e == null ? void 0 : e.target) || this.$refs.container;
       if (!t)
         return;
-      const r = t.children[0];
-      if (!r)
-        return;
-      const i = r.children[0];
+      const i = t.children[0];
       if (!i)
         return;
-      const s = i.getBoundingClientRect(), a = t.dataset.timeoutId;
-      a && (clearTimeout(Number(a)), t.dataset.timeoutId = ""), t.dataset.initialWidth || (t.dataset.initialWidth = t.style.width), t.dataset.initialHeight || (t.dataset.initialHeight = t.style.height), t.dataset.initialContentWidth || (t.dataset.initialContentWidth = String(s.width)), t.dataset.initialContentHeight || (t.dataset.initialContentHeight = String(s.height)), t.dataset.transitionStart = String(Date.now()), t.style.width = t.dataset.initialContentWidth + "px", t.style.height = t.dataset.initialContentHeight + "px", t.style.borderRadius = "0.5em", t.classList.add(K.milestoneHovered), r.style.opacity = "1", r.style.width = t.dataset.initialContentWidth + "px", r.style.height = t.dataset.initialContentHeight + "px";
+      const r = i.children[0];
+      if (!r)
+        return;
+      const s = r.getBoundingClientRect(), a = t.dataset.timeoutId;
+      a && (clearTimeout(Number(a)), t.dataset.timeoutId = ""), t.dataset.initialWidth || (t.dataset.initialWidth = t.style.width), t.dataset.initialHeight || (t.dataset.initialHeight = t.style.height), t.dataset.initialContentWidth || (t.dataset.initialContentWidth = String(s.width)), t.dataset.initialContentHeight || (t.dataset.initialContentHeight = String(s.height)), t.dataset.transitionStart = String(Date.now()), t.style.width = t.dataset.initialContentWidth + "px", t.style.height = t.dataset.initialContentHeight + "px", t.style.borderRadius = "0.5em", t.classList.add(K.milestoneHovered), i.style.opacity = "1", i.style.width = t.dataset.initialContentWidth + "px", i.style.height = t.dataset.initialContentHeight + "px";
     },
     onMilestoneMouseMove() {
       this.timeouts.forEach((e) => clearTimeout(e)), this.isMouseOver = !0;
@@ -5554,11 +5560,11 @@ const sr = {
       if (!t)
         return;
       t.style.width = t.dataset.initialWidth || "", t.style.height = t.dataset.initialHeight || "", t.style.borderRadius = "10em";
-      const r = t.children[0];
-      if (!r)
+      const i = t.children[0];
+      if (!i)
         return;
-      r.style.width = "0", r.style.height = "0", r.style.opacity = "0";
-      const i = Date.now() - Number(t.dataset.transitionStart), s = i > this.transitionDuration ? this.transitionDuration : i, a = setTimeout(() => {
+      i.style.width = "0", i.style.height = "0", i.style.opacity = "0";
+      const r = Date.now() - Number(t.dataset.transitionStart), s = r > this.transitionDuration ? this.transitionDuration : r, a = setTimeout(() => {
         t.classList.remove(K.milestoneHovered), t.dataset.timeoutId = "";
       }, s);
       t.dataset.timeoutId = String(a), this.timeouts.push(a);
@@ -5568,28 +5574,28 @@ const sr = {
     }
   }
 });
-var lr = function() {
-  var t = this, r = t._self._c;
-  return r("div", { ref: "container", class: {
+var li = function() {
+  var t = this, i = t._self._c;
+  return i("div", { ref: "container", class: {
     [t.milestoneClasses.milestone]: !0,
     [t.milestoneClasses.milestoneBullet]: !t.dot,
     [t.milestoneClasses.milestoneHovered]: t.isMouseOver && !t.dot,
     [t.milestoneClasses.milestoneDot]: t.dot,
     [t.milestoneClasses.milestoneDotHovered]: t.isMouseOver && t.dot
-  }, style: t.styles, attrs: { tabindex: "0" }, on: { mouseover: (i) => t.onMilestoneMouseOver(i, t.milestone), mousemove: t.onMilestoneMouseMove, mouseleave: (i) => t.onMilestoneMouseLeave(i, t.milestone), click: (i) => t.onMilestoneClick(i, t.milestone) } }, [r("div", { class: t.milestoneClasses.milestoneContent, style: t.contentStyles }, [t._t("content", function() {
-    return [r("span", [t._v(" " + t._s(t.milestone.text) + " ")])];
-  })], 2), t.dot ? r("div", { class: t.milestoneClasses.milestoneDotContainer, style: t.dotContainerStyles }, [r("div", { class: t.milestoneClasses.milestoneDotLine, style: t.lineStyles }), r("div", { class: t.milestoneClasses.milestoneDotDot, style: t.dotStyles })]) : r("div", { class: t.milestoneClasses.milestoneLabel, style: t.labelStyles }, [t._t("label")], 2)]);
-}, cr = [], ur = /* @__PURE__ */ I(
-  or,
-  lr,
-  cr,
+  }, style: t.styles, attrs: { tabindex: "0" }, on: { mouseover: (r) => t.onMilestoneMouseOver(r, t.milestone), mousemove: t.onMilestoneMouseMove, mouseleave: (r) => t.onMilestoneMouseLeave(r, t.milestone), click: (r) => t.onMilestoneClick(r, t.milestone) } }, [i("div", { class: t.milestoneClasses.milestoneContent, style: t.contentStyles }, [t._t("content", function() {
+    return [i("span", [t._v(" " + t._s(t.milestone.text) + " ")])];
+  })], 2), t.dot ? i("div", { class: t.milestoneClasses.milestoneDotContainer, style: t.dotContainerStyles }, [i("div", { class: t.milestoneClasses.milestoneDotLine, style: t.lineStyles }), i("div", { class: t.milestoneClasses.milestoneDotDot, style: t.dotStyles })]) : i("div", { class: t.milestoneClasses.milestoneLabel, style: t.labelStyles }, [t._t("label")], 2)]);
+}, ci = [], ui = /* @__PURE__ */ R(
+  oi,
+  li,
+  ci,
   !1,
   null,
   null,
   null,
   null
 );
-const dr = ur.exports, m = {
+const di = ui.exports, p = {
   eventGroup: "event-group",
   eventGroupBg: "event-group-bg",
   eventRect: "event-rect",
@@ -5630,13 +5636,13 @@ const dr = ur.exports, m = {
   transparencyGradientLight: "transparency-gradient-light",
   loadingGradient: "loading-gradient",
   stripedPattern: "stripedPattern"
-}, hr = F.extend({
+}, hi = L.extend({
   name: "ETimeline",
   directives: {
     resizeObserver: Se
   },
   components: {
-    ETimelineMilestone: dr
+    ETimelineMilestone: di
   },
   props: {
     eventsGroups: {
@@ -5645,7 +5651,7 @@ const dr = ur.exports, m = {
     },
     xAxesConfig: {
       type: Object,
-      default: () => sr
+      default: () => si
     },
     dark: {
       type: Boolean,
@@ -5901,7 +5907,7 @@ const dr = ur.exports, m = {
     },
     lineGraphGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (e, [t, r]) => r.chartType === U.lineGraph ? { ...e, [t]: r } : e,
+        (e, [t, i]) => i.chartType === U.lineGraph ? { ...e, [t]: i } : e,
         {}
       );
     },
@@ -5913,21 +5919,21 @@ const dr = ur.exports, m = {
     },
     barGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (e, [t, r]) => !r.chartType || [U.bars, U.dots].includes(
-          r.chartType
-        ) ? { ...e, [t]: r } : e,
+        (e, [t, i]) => !i.chartType || [U.bars, U.dots].includes(
+          i.chartType
+        ) ? { ...e, [t]: i } : e,
         {}
       );
     },
     barChartGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (e, [t, r]) => r.chartType === U.barChart ? { ...e, [t]: r } : e,
+        (e, [t, i]) => i.chartType === U.barChart ? { ...e, [t]: i } : e,
         {}
       );
     },
     milestonesGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (e, [t, r]) => r.chartType === U.milestones ? { ...e, [t]: r } : e,
+        (e, [t, i]) => i.chartType === U.milestones ? { ...e, [t]: i } : e,
         {}
       );
     },
@@ -5937,9 +5943,9 @@ const dr = ur.exports, m = {
     labelRectWidth() {
       return Object.values(
         this.eventsGroups
-      ).reduce((r, i) => {
+      ).reduce((i, r) => {
         var s;
-        return Math.max(r, (s = i.label) == null ? void 0 : s.length);
+        return Math.max(i, (s = r.label) == null ? void 0 : s.length);
       }, 0) * this.characterWidth + 2 * this.textPadding;
     },
     combinedXAxesHeight() {
@@ -5951,7 +5957,7 @@ const dr = ur.exports, m = {
     },
     filteredEventsGroups() {
       const e = Object.entries(this.eventsGroups).filter(
-        ([t, r]) => this.getCurrentGroupVisibility(t)
+        ([t, i]) => this.getCurrentGroupVisibility(t)
       );
       return Object.fromEntries(e);
     },
@@ -5974,8 +5980,8 @@ const dr = ur.exports, m = {
     allLineChartTimestamps() {
       const e = /* @__PURE__ */ new Set();
       return Object.values(this.lineGraphGroups).forEach((t) => {
-        t.events.forEach((r) => {
-          e.add(r.timestamp);
+        t.events.forEach((i) => {
+          e.add(i.timestamp);
         });
       }), Array.from(e).sort();
     },
@@ -5989,11 +5995,11 @@ const dr = ur.exports, m = {
     },
     filledGapsLineGraphGroups() {
       return Object.entries(this.lineGraphGroups).reduce(
-        (e, [t, r]) => ({
+        (e, [t, i]) => ({
           ...e,
           [t]: {
-            ...r,
-            events: this.fillEvents(r.events)
+            ...i,
+            events: this.fillEvents(i.events)
           }
         }),
         {}
@@ -6010,7 +6016,7 @@ const dr = ur.exports, m = {
     },
     hiddenGroupsLabels() {
       return Object.entries(this.groupsVisibility).reduce(
-        (e, [t, r]) => r ? e : [...e, t],
+        (e, [t, i]) => i ? e : [...e, t],
         []
       );
     },
@@ -6083,7 +6089,7 @@ const dr = ur.exports, m = {
         );
         return;
       }
-      this.initOrUpdateSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.curtains && (this.initCurtains(), this.emitCurtainChange()), this.initSelectedTimestampCursor(), this.updateMarkers(), this.registerEventsListeners(), this.emitVisibleInterval(ie.initial), this.selectedDate && this.panOnDateClick && this.panToTimestamp(this.selectedDate), this.isInitialized = !0;
+      this.initOrUpdateSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.curtains && (this.initCurtains(), this.emitCurtainChange()), this.initSelectedTimestampCursor(), this.updateMarkers(), this.registerEventsListeners(), this.emitVisibleInterval(re.initial), this.selectedDate && this.panOnDateClick && this.panToTimestamp(this.selectedDate), this.isInitialized = !0;
     },
     initRefs() {
       this.tooltip = this.$refs.tooltip, this.cursor = this.$refs.cursor, this.timeline = this.$refs.timelineContainer, this.selectedTimestampCursor = this.$refs.selectedTimestamp, this.wrapperDiv = this.$refs.wrapperDiv;
@@ -6094,8 +6100,8 @@ const dr = ur.exports, m = {
     initDefs() {
       const e = this.svg.append("defs");
       Object.entries(this.filteredEventsGroups).forEach(
-        ([r, i]) => {
-          const { color: s, chartType: a } = i, n = e.append("linearGradient").attr("id", `${Z.loadingGradient}-${r}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
+        ([i, r]) => {
+          const { color: s, chartType: a } = r, n = e.append("linearGradient").attr("id", `${Z.loadingGradient}-${i}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
           n.append("stop").attr("offset", "0%").attr("stop-color", s).attr("stop-opacity", "0"), n.append("stop").attr("offset", "50%").attr("stop-color", s).attr("stop-opacity", "0.6"), n.append("stop").attr("offset", "100%").attr("stop-color", s).attr("stop-opacity", "0"), [U.lineGraph, U.barChart].includes(
             a
           ) && [
@@ -6109,99 +6115,99 @@ const dr = ur.exports, m = {
               stop: 130,
               opacity: 0.4
             }
-          ].forEach(({ id: l, stop: o, opacity: h }) => {
-            const p = e.append("linearGradient").attr("id", `${l}-${r}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
-            p.append("stop").attr("offset", "0%").style("stop-color", s).style("stop-opacity", h), p.append("stop").attr("offset", `${o}%`).style("stop-color", s).style("stop-opacity", 0);
+          ].forEach(({ id: l, stop: o, opacity: d }) => {
+            const m = e.append("linearGradient").attr("id", `${l}-${i}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
+            m.append("stop").attr("offset", "0%").style("stop-color", s).style("stop-opacity", d), m.append("stop").attr("offset", `${o}%`).style("stop-color", s).style("stop-opacity", 0);
           });
         }
       ), e.append("pattern").attr("id", Z.stripedPattern).attr("width", 5).attr("height", 3).attr("patternUnits", "userSpaceOnUse").attr("patternTransform", "rotate(45)").append("rect").attr("width", 1).attr("height", 4).attr("transform", "translate(0,0)").attr("fill", this.forbiddenIntervalColor);
     },
     initUtcOffset() {
       const e = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate;
-      this.utcOffset = R.parseZone(e).utcOffset();
+      this.utcOffset = I.parseZone(e).utcOffset();
     },
     initTimeScale(e, t) {
-      const r = e || this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, i = t || this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate;
-      this.timeScale = c.scaleTime().domain([this.tzStringToDate(r), this.tzStringToDate(i)]).range([0, this.timeline.offsetWidth]), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
+      const i = e || this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, r = t || this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate;
+      this.timeScale = c.scaleTime().domain([this.tzStringToDate(i), this.tzStringToDate(r)]).range([0, this.timeline.offsetWidth]), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
     },
     initXAxes() {
       let e = 0;
       const t = 5;
-      for (const r in this.xAxesConfig) {
-        const i = this.createAxis(r);
-        this.xAxes[r] = i, this.svg.append("g").classed(m.xAxis, !0).classed(`${m.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(i), this.translateTicksText(r), e += this.axisHeight;
+      for (const i in this.xAxesConfig) {
+        const r = this.createAxis(i);
+        this.xAxes[i] = r, this.svg.append("g").classed(p.xAxis, !0).classed(`${p.xAxis}-${i}`, !0).attr("transform", `translate(0, ${e || t})`).call(r), this.translateTicksText(i), e += this.axisHeight;
       }
       this.updateXAxes();
     },
     updateXAxes() {
       let e = 0;
       const t = 5;
-      for (const r in this.xAxesConfig) {
-        const i = this.xAxes[r];
-        i.tickSizeOuter(0), i.tickSizeInner(this.timelineHeight), this.svg.select(`.${m.xAxis}-${r}`).attr("transform", `translate(0, ${e || t})`).call(i), this.translateTicksText(r), e += this.axisHeight;
+      for (const i in this.xAxesConfig) {
+        const r = this.xAxes[i];
+        r.tickSizeOuter(0), r.tickSizeInner(this.timelineHeight), this.svg.select(`.${p.xAxis}-${i}`).attr("transform", `translate(0, ${e || t})`).call(r), this.translateTicksText(i), e += this.axisHeight;
       }
     },
     initYScale() {
       this.yScale = c.scaleLinear().range([this.chartHeight, 0]), this.updateYScaleDomain();
     },
     updateYScaleDomain() {
-      const [e, t] = this.timeScale.domain(), r = this.flattenedCounts.filter((s) => {
+      const [e, t] = this.timeScale.domain(), i = this.flattenedCounts.filter((s) => {
         const a = new Date(s.startDate || s.timestamp), n = new Date(s.endDate || s.timestamp);
         return n >= e && n <= t || a >= e && a <= t;
-      }), i = c.max(r, (s) => s.count);
-      this.yScale.domain([0, i]);
+      }), r = c.max(i, (s) => s.count);
+      this.yScale.domain([0, r]);
     },
     initZoomBehavior() {
       this.disableZoom || (this.zoomBehavior = c.zoom().on("zoom", this.handleZoom).scaleExtent([this.minZoom, this.maxZoom]), this.svg.call(this.zoomBehavior), this.svg.call(this.zoomBehavior.transform, c.zoomIdentity));
     },
     zoomToFitMarkers() {
       const e = this.markers.map(
-        (i) => new Date(i.timestamp).getTime()
+        (r) => new Date(r.timestamp).getTime()
       );
       if (e.length < 2)
         return;
-      const t = Math.min(...e), r = Math.max(...e);
-      this.zoomToTargetInterval(t, r);
+      const t = Math.min(...e), i = Math.max(...e);
+      this.zoomToTargetInterval(t, i);
     },
     zoomToTargetInterval(e, t) {
       if (!e || !t)
         return;
       this.isZoomingInterval = !0;
-      const r = new Date(e).getTime(), i = new Date(t).getTime(), s = this.initialTimeScale.domain().map((p) => p.getTime()), a = s[1] - s[0], n = i - r, u = 0.1 * n, l = n + 2 * u;
+      const i = new Date(e).getTime(), r = new Date(t).getTime(), s = this.initialTimeScale.domain().map((m) => m.getTime()), a = s[1] - s[0], n = r - i, u = 0.1 * n, l = n + 2 * u;
       let o = a / l;
-      const h = this.zoomBehavior.scaleExtent();
+      const d = this.zoomBehavior.scaleExtent();
       o = Math.min(
-        Math.max(o, h[0]),
-        h[1]
-      ), this.svg.transition().duration(this.zoomToIntervalTransitionDuration / 2).call(this.zoomBehavior.scaleTo, o).on("end", () => this.translateIntervalIntoView(r, i, o));
+        Math.max(o, d[0]),
+        d[1]
+      ), this.svg.transition().duration(this.zoomToIntervalTransitionDuration / 2).call(this.zoomBehavior.scaleTo, o).on("end", () => this.translateIntervalIntoView(i, r, o));
     },
-    translateIntervalIntoView(e, t, r) {
-      const i = this.timeScale(new Date(e)), s = this.timeScale(new Date(t)), a = (i + s) / 2, u = this.svg.node().getBoundingClientRect().width / 2 - a, l = c.zoomTransform(this.svg.node());
+    translateIntervalIntoView(e, t, i) {
+      const r = this.timeScale(new Date(e)), s = this.timeScale(new Date(t)), a = (r + s) / 2, u = this.svg.node().getBoundingClientRect().width / 2 - a, l = c.zoomTransform(this.svg.node());
       this.svg.transition().duration(this.zoomToIntervalTransitionDuration / 2).call(
         this.zoomBehavior.transform,
-        c.zoomIdentity.translate(l.x + u, l.y).scale(r)
+        c.zoomIdentity.translate(l.x + u, l.y).scale(i)
       ).on("end", () => {
         this.isZoomingInterval = !1;
       });
     },
     initSelectedTimestampCursor() {
-      this.svg.append("line").attr("class", m.selectedTimestampCursor).style("stroke", "red").style("stroke-width", "1px").style("opacity", 0).attr("x1", 0).attr("x2", 0).attr("y1", 0), this.repositionSelectedTimestampCursor();
+      this.svg.append("line").attr("class", p.selectedTimestampCursor).style("stroke", "red").style("stroke-width", "1px").style("opacity", 0).attr("x1", 0).attr("x2", 0).attr("y1", 0), this.repositionSelectedTimestampCursor();
     },
     updateMarkers() {
       if (!this.markers.length)
         return;
       const e = 12, t = 200;
-      this.sortedMarkers.forEach((r, i, s) => {
-        const a = typeof r.timestamp == "string" ? this.tzStringToDate(r.timestamp) : r.timestamp, n = this.timeScale(a);
+      this.sortedMarkers.forEach((i, r, s) => {
+        const a = typeof i.timestamp == "string" ? this.tzStringToDate(i.timestamp) : i.timestamp, n = this.timeScale(a);
         let u = !1;
-        const l = this.stickyMarkers ? Math.max(n, i * e) : n;
-        if (i < s.length - 1) {
-          const o = s[i + 1], h = typeof o.timestamp == "string" ? this.tzStringToDate(o.timestamp) : o.timestamp, p = this.timeScale(h);
-          u = (this.stickyMarkers ? Math.max(p, (i + 1) * e) : n) - l < t + e;
+        const l = this.stickyMarkers ? Math.max(n, r * e) : n;
+        if (r < s.length - 1) {
+          const o = s[r + 1], d = typeof o.timestamp == "string" ? this.tzStringToDate(o.timestamp) : o.timestamp, m = this.timeScale(d);
+          u = (this.stickyMarkers ? Math.max(m, (r + 1) * e) : n) - l < t + e;
         }
         this.markersPositions = {
           ...this.markersPositions,
-          [r.id]: {
+          [i.id]: {
             isHidden: u,
             position: l
           }
@@ -6215,44 +6221,44 @@ const dr = ur.exports, m = {
       this.svg && this.svg.remove(), this.countsByTimestamp = {};
     },
     repositionSelectedTimestampCursor() {
-      const e = this.svg.select(`.${m.selectedTimestampCursor}`);
+      const e = this.svg.select(`.${p.selectedTimestampCursor}`);
       if (!this.selectedTimestamp) {
         e.style("opacity", 0);
         return;
       }
-      const t = this.tzStringToDate(this.selectedTimestamp), r = this.timeScale(t);
-      isNaN(r) ? e.style("opacity", 0) : e.attr("x1", r).attr("x2", r).style("opacity", 0.5), e.attr("y2", this.timelineHeight);
+      const t = this.tzStringToDate(this.selectedTimestamp), i = this.timeScale(t);
+      isNaN(i) ? e.style("opacity", 0) : e.attr("x1", i).attr("x2", i).style("opacity", 0.5), e.attr("y2", this.timelineHeight);
     },
     updateCurrentTimeScaleDensity() {
-      const e = this.timeScale.invert(0).getTime(), t = this.timeScale.invert(1).getTime(), r = 36e5, i = (t - e) / r;
-      isNaN(i) || (this.currentTimeScaleDensity = i);
+      const e = this.timeScale.invert(0).getTime(), t = this.timeScale.invert(1).getTime(), i = 36e5, r = (t - e) / i;
+      isNaN(r) || (this.currentTimeScaleDensity = r);
     },
     registerEventsListeners() {
       document.addEventListener("mouseup", this.handleDocumentMouseUp), this.svg.on("mousedown", this.handleMouseDown), this.svg.on("mousemove", this.handleMouseMove), this.svg.on("click", this.handleClick), this.svg.on("mouseleave", this.handleMouseLeave);
     },
     emitVisibleInterval(e) {
-      const t = this.timeScale.invert(0), r = this.timeScale.invert(this.timeline.offsetWidth);
-      if (this.visibleFrom && this.visibleFrom.getTime() === t.getTime() && this.visibleTo && this.visibleTo.getTime() === r.getTime())
+      const t = this.timeScale.invert(0), i = this.timeScale.invert(this.timeline.offsetWidth);
+      if (this.visibleFrom && this.visibleFrom.getTime() === t.getTime() && this.visibleTo && this.visibleTo.getTime() === i.getTime())
         return;
-      this.visibleFrom = t, this.visibleTo = r;
-      const i = this.dateToTzString(this.visibleFrom), s = this.dateToTzString(this.visibleTo);
+      this.visibleFrom = t, this.visibleTo = i;
+      const r = this.dateToTzString(this.visibleFrom), s = this.dateToTzString(this.visibleTo);
       this.$emit("visible-interval-change", {
-        fromDate: i,
+        fromDate: r,
         toDate: s,
         trigger: e,
         transform: this.transformDiff
       });
     },
     createAxis(e) {
-      const t = this.xAxesConfig[e], r = this.getAxisTicksConfig(t);
-      return c.axisBottom(this.timeScale).ticks(r.interval).tickFormat(r.formatFn).tickSizeOuter(0).tickSizeInner(this.timelineHeight);
+      const t = this.xAxesConfig[e], i = this.getAxisTicksConfig(t);
+      return c.axisBottom(this.timeScale).ticks(i.interval).tickFormat(i.formatFn).tickSizeOuter(0).tickSizeInner(this.timelineHeight);
     },
     getAxisTicksConfig(e) {
-      const { interval: t, format: r } = e.find(
+      const { interval: t, format: i } = e.find(
         (s) => s.precision >= this.currentTimeScaleDensity && s.interval
       );
       return {
-        formatFn: (s) => typeof r == "function" ? r(s) : c.timeFormat(r)(s),
+        formatFn: (s) => typeof i == "function" ? i(s) : c.timeFormat(i)(s),
         interval: t
       };
     },
@@ -6266,14 +6272,14 @@ const dr = ur.exports, m = {
       if (!this.showLabels)
         return;
       const e = this;
-      this.svg.selectAll(`.${m.labelBg}`).each(function() {
+      this.svg.selectAll(`.${p.labelBg}`).each(function() {
         c.select(this).style("fill", e.dark ? "black" : "white");
-      }), this.svg.selectAll(`.${m.labelBgFill}`).each(function() {
-        const t = c.select(this), r = t.node().dataset.color;
-        t.style("fill", e.getLabelBackgroundColor(r)).style("stroke", e.getTextFillColor(r)).style("stroke-width", 0.25);
-      }), this.svg.selectAll(`.${m.labelText}`).each(function() {
-        const t = c.select(this), r = t.node().dataset.color;
-        t.style("fill", e.getTextFillColor(r));
+      }), this.svg.selectAll(`.${p.labelBgFill}`).each(function() {
+        const t = c.select(this), i = t.node().dataset.color;
+        t.style("fill", e.getLabelBackgroundColor(i)).style("stroke", e.getTextFillColor(i)).style("stroke-width", 0.25);
+      }), this.svg.selectAll(`.${p.labelText}`).each(function() {
+        const t = c.select(this), i = t.node().dataset.color;
+        t.style("fill", e.getTextFillColor(i));
       });
     },
     handleMouseDown() {
@@ -6293,8 +6299,8 @@ const dr = ur.exports, m = {
         this.isHoveringTimeline = !1;
         return;
       }
-      const r = this.timeScale.invert(t);
-      this.hoveredTimestamp = this.dateToTzString(r), this.isHoveringTimeline = !0, this.$emit("hovered-timestamp", this.hoveredTimestamp), this.cursor.style.left = t + "px", this.tooltip && (this.eventTooltipStyle = {
+      const i = this.timeScale.invert(t);
+      this.hoveredTimestamp = this.dateToTzString(i), this.isHoveringTimeline = !0, this.$emit("hovered-timestamp", this.hoveredTimestamp), this.cursor.style.left = t + "px", this.tooltip && (this.eventTooltipStyle = {
         left: `${t}px`,
         bottom: `${this.timeline.getBoundingClientRect().height}px`,
         zIndex: 100
@@ -6304,94 +6310,94 @@ const dr = ur.exports, m = {
       const t = e.offsetX;
       if (t <= this.minHoverZone)
         return;
-      const r = this.timeScale.invert(t), i = this.dateToTzString(r);
-      this.$emit("date-clicked", i), this.isHoveringEvent && this.$emit("event-clicked", {
+      const i = this.timeScale.invert(t), r = this.dateToTzString(i);
+      this.$emit("date-clicked", r), this.isHoveringEvent && this.$emit("event-clicked", {
         event: this.hoveredEvent,
         type: this.hoveredEventType
-      }), this.panOnDateClick && this.panToTimestamp(i);
+      }), this.panOnDateClick && this.panToTimestamp(r);
     },
     handleMarkerClick(e) {
       this.$emit("marker-clicked", e), this.panOnDateClick && this.panToTimestamp(e.timestamp);
     },
-    handleLineMouseOver(e, t, r) {
+    handleLineMouseOver(e, t, i) {
       this.hoveredCounts = Object.entries(
         this.countsByTimestamp[`${t.timestamp}`]
-      ).reduce((i, s) => {
+      ).reduce((r, s) => {
         const [a, n] = s;
-        return [...i, { type: a, count: n }];
+        return [...r, { type: a, count: n }];
       }, []), this.hoveredEvent = t, this.isHoveringEvent = !0, this.$emit("event-mouseover", {
         eventData: t,
-        eventType: r,
+        eventType: i,
         hoveredCounts: this.hoveredCounts
       });
     },
     handleLineMouseOut() {
       this.isHoveringEvent = !1, this.hoveredCounts = [], this.$emit("event-mouseout");
     },
-    handleBarMouseOver(e, t, r) {
-      e.offsetX <= this.minHoverZone || (this.hoveredEvent = t, this.hoveredEventType = r, this.isHoveringEvent = !0, this.$emit("event-mouseover", { eventData: t, eventType: r }));
+    handleBarMouseOver(e, t, i) {
+      e.offsetX <= this.minHoverZone || (this.hoveredEvent = t, this.hoveredEventType = i, this.isHoveringEvent = !0, this.$emit("event-mouseover", { eventData: t, eventType: i }));
     },
     handleBarMouseOut() {
       this.isHoveringEvent = !1, this.hoveredEvent = null, this.$emit("event-mouseout");
     },
     handleLabelMouseOver(e) {
-      c.selectAll(`.${m.lineGraphGroup}-${e}`).classed(
-        `${m.lineGraphGroup}--highlighted`,
+      c.selectAll(`.${p.lineGraphGroup}-${e}`).classed(
+        `${p.lineGraphGroup}--highlighted`,
         !0
-      ), c.selectAll(`.${m.lineGraphGroupLabel}`).classed(
-        `${m.lineGraphGroupLabel}--highlighted`,
+      ), c.selectAll(`.${p.lineGraphGroupLabel}`).classed(
+        `${p.lineGraphGroupLabel}--highlighted`,
         !0
       );
     },
     handleLabelMouseLeave(e) {
-      c.selectAll(`.${m.lineGraphGroup}-${e}`).classed(
-        `${m.lineGraphGroup}--highlighted`,
+      c.selectAll(`.${p.lineGraphGroup}-${e}`).classed(
+        `${p.lineGraphGroup}--highlighted`,
         !1
-      ), c.selectAll(`.${m.lineGraphGroupLabel}`).classed(
-        `${m.lineGraphGroupLabel}--highlighted`,
+      ), c.selectAll(`.${p.lineGraphGroupLabel}`).classed(
+        `${p.lineGraphGroupLabel}--highlighted`,
         !1
       );
     },
     isZoomAllowed(e) {
       if (this.isZoomingInterval)
         return !0;
-      const t = this.initialTimeScale.copy(), r = e.transform.rescaleX(t).domain(), i = this.minDate ? this.tzStringToDate(this.minDate) : void 0, s = this.maxDate ? this.tzStringToDate(this.maxDate) : void 0;
-      return (!i || r[0] >= i) && (!s || r[1] <= s);
+      const t = this.initialTimeScale.copy(), i = e.transform.rescaleX(t).domain(), r = this.minDate ? this.tzStringToDate(this.minDate) : void 0, s = this.maxDate ? this.tzStringToDate(this.maxDate) : void 0;
+      return (!r || i[0] >= r) && (!s || i[1] <= s);
     },
     handleZoom(e) {
-      var i;
+      var r;
       if (!this.isZoomAllowed(e)) {
-        (i = e == null ? void 0 : e.sourceEvent) == null || i.preventDefault(), this.svg.call(this.zoomBehavior.transform, this.lastValidTransform);
+        (r = e == null ? void 0 : e.sourceEvent) == null || r.preventDefault(), this.svg.call(this.zoomBehavior.transform, this.lastValidTransform);
         return;
       }
       this.lastValidTransform = e.transform;
       const t = e.transform.rescaleX(this.initialTimeScale);
       this.timeScale.domain(t.domain()), this.updateCurrentTimeScaleDensity(), this.updateYScaleDomain();
-      const r = e.transform.k / this.lastTransform.k;
+      const i = e.transform.k / this.lastTransform.k;
       this.transformDiff = {
-        scale: r,
+        scale: i,
         translation: e.transform.x - this.lastTransform.x
       }, this.lastTransform = { ...e.transform };
       for (const s in this.xAxes)
         this.rescaleAxis(s, t), this.translateTicksText(s);
-      this.updateEventsBars(), this.updateLineGraphs(), this.updateBarChart(), this.updateLineGraphHoverZones(), this.updateMilestonesPositions(), this.repositionSelectedTimestampCursor(), this.updateForbiddenIntervals(), this.updateMarkers(), this.emitVisibleInterval(ie.zoom), this.curtains && this.emitCurtainChange();
+      this.updateEventsBars(), this.updateLineGraphs(), this.updateBarChart(), this.updateLineGraphHoverZones(), this.updateMilestonesPositions(), this.repositionSelectedTimestampCursor(), this.updateForbiddenIntervals(), this.updateMarkers(), this.emitVisibleInterval(re.zoom), this.curtains && this.emitCurtainChange();
     },
     panToTimestamp(e) {
-      const t = this.tzStringToDate(e), r = this.timeScale(t), i = c.zoomTransform(this.svg.node()), s = i.x - r + this.timeline.offsetWidth / 2, a = this.timeScale.invert(
-        -s / i.k
+      const t = this.tzStringToDate(e), i = this.timeScale(t), r = c.zoomTransform(this.svg.node()), s = r.x - i + this.timeline.offsetWidth / 2, a = this.timeScale.invert(
+        -s / r.k
       ), n = this.timeScale.invert(
-        (this.timeline.offsetWidth - s) / i.k
+        (this.timeline.offsetWidth - s) / r.k
       ), u = this.minDate ? this.tzStringToDate(this.minDate) : void 0, l = this.maxDate ? this.tzStringToDate(this.maxDate) : void 0;
       if (u && a < u || l && n > l) {
         console.log("Pan operation would exceed bounds. Operation cancelled.");
         return;
       }
-      const h = i.k / this.lastPanTransform.k < 10 ? this.panTransitionDuration : 0;
-      this.lastPanTransform = { ...i }, this.svg.transition().duration(h).call(
+      const d = r.k / this.lastPanTransform.k < 10 ? this.panTransitionDuration : 0;
+      this.lastPanTransform = { ...r }, this.svg.transition().duration(d).call(
         this.zoomBehavior.transform,
-        c.zoomIdentity.translate(s, 0).scale(i.k)
+        c.zoomIdentity.translate(s, 0).scale(r.k)
       ).on("end", () => {
-        this.emitVisibleInterval(ie.autoPan);
+        this.emitVisibleInterval(re.autoPan);
       });
     },
     emitCurtainChange() {
@@ -6402,7 +6408,7 @@ const dr = ur.exports, m = {
       });
     },
     calculateDateRangeFromCurtains() {
-      const e = this.timeline.offsetWidth, t = this.timeScale.domain(), r = t[1].getTime() - t[0].getTime(), i = (this.leftCurtainWidth - this.curtainHandleWidth * 2) / e * r, s = (this.rightCurtainWidth + this.curtainHandleWidth * 2) / e * r, a = new Date(t[0].getTime() + i), n = new Date(t[1].getTime() - s);
+      const e = this.timeline.offsetWidth, t = this.timeScale.domain(), i = t[1].getTime() - t[0].getTime(), r = (this.leftCurtainWidth - this.curtainHandleWidth * 2) / e * i, s = (this.rightCurtainWidth + this.curtainHandleWidth * 2) / e * i, a = new Date(t[0].getTime() + r), n = new Date(t[1].getTime() - s);
       return { startDate: a, endDate: n };
     },
     handleDragStart() {
@@ -6417,74 +6423,74 @@ const dr = ur.exports, m = {
         e.x,
         this.timeline.offsetWidth - this.rightCurtainWidth
       );
-      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${m.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
+      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${p.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
     },
     handleRightDrag(e) {
       e.sourceEvent.stopPropagation();
-      const t = this.timeline.offsetWidth, r = Math.min(
+      const t = this.timeline.offsetWidth, i = Math.min(
         this.timeline.offsetWidth - e.x,
         this.timeline.offsetWidth - this.leftCurtainWidth
-      ), i = t - r;
-      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${m.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", i), this.emitCurtainChange();
+      ), r = t - i;
+      this.rightCurtainWidth = Math.max(0, i), this.svg.select(`.${p.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", r), this.emitCurtainChange();
     },
     zoomToStartAndEndDates() {
-      const e = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, t = this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate, r = this.tzStringToDate(e), i = this.tzStringToDate(t);
-      this.initialTimeScale.domain([r, i]);
-      const s = c.zoomTransform(this.svg.node()), a = i.getTime() - r.getTime(), u = this.initialTimeScale.range().map((f) => this.initialTimeScale.invert(f)).reduce((f, g) => g.getTime() - f, 0) / a * s.k, o = -(this.initialTimeScale(r) * u), [h, p] = this.zoomBehavior.scaleExtent(), d = Math.max(h, Math.min(p, u));
+      const e = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, t = this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate, i = this.tzStringToDate(e), r = this.tzStringToDate(t);
+      this.initialTimeScale.domain([i, r]);
+      const s = c.zoomTransform(this.svg.node()), a = r.getTime() - i.getTime(), u = this.initialTimeScale.range().map((f) => this.initialTimeScale.invert(f)).reduce((f, g) => g.getTime() - f, 0) / a * s.k, o = -(this.initialTimeScale(i) * u), [d, m] = this.zoomBehavior.scaleExtent(), h = Math.max(d, Math.min(m, u));
       this.svg.transition().duration(this.zoomToBoundariesTransitionDuration).call(
         this.zoomBehavior.transform,
-        c.zoomIdentity.translate(o, 0).scale(d)
+        c.zoomIdentity.translate(o, 0).scale(h)
       );
     },
     rescaleAxis(e, t) {
-      const r = this.xAxes[e], i = this.getAxisTicksConfig(
+      const i = this.xAxes[e], r = this.getAxisTicksConfig(
         this.xAxesConfig[e]
       );
-      r.scale(t).ticks(i.interval).tickFormat(i.formatFn).tickSizeOuter(0), this.svg.select(`.${m.xAxis}-${e}`).call(r);
+      i.scale(t).ticks(r.interval).tickFormat(r.formatFn).tickSizeOuter(0), this.svg.select(`.${p.xAxis}-${e}`).call(i);
     },
     translateTicksText(e) {
-      this.svg.select(`.${m.xAxis}-${e}`).selectAll(".tick text").each(function() {
-        let t = c.select(this), r = t.node().getBBox();
-        t.attr("x", r.height / 2).attr("y", 0).style("text-anchor", "start");
+      this.svg.select(`.${p.xAxis}-${e}`).selectAll(".tick text").each(function() {
+        let t = c.select(this), i = t.node().getBBox();
+        t.attr("x", i.height / 2).attr("y", 0).style("text-anchor", "start");
       });
     },
     updateEventsBars() {
-      const e = `.${m.eventGroup} > rect.${m.eventRect}`, t = `${e}:not(.${m.eventRect}--dot)`;
+      const e = `.${p.eventGroup} > rect.${p.eventRect}`, t = `${e}:not(.${p.eventRect}--dot)`;
       this.svg.selectAll(e).attr("x", this.getEventRectX), this.svg.selectAll(t).attr("width", this.getEventRectWidth);
-      const r = `.${m.eventGroup} > text.${m.eventRectText}`;
-      this.svg.selectAll(r).attr("x", (i) => this.getEventRectX(i) + this.textPadding).text(this.getEventText);
+      const i = `.${p.eventGroup} > text.${p.eventRectText}`;
+      this.svg.selectAll(i).attr("x", (r) => this.getEventRectX(r) + this.textPadding).text(this.getEventText);
     },
     updateBarChart() {
       const e = Object.keys(this.barChartGroups).length;
-      Object.keys(this.barChartGroups).forEach((t, r) => {
-        const i = (d) => (this.getEventRectWidth(d) - this.barXPadding * 2) / e, s = (d) => this.yScale.range()[0] - this.yScale(d.count), a = (d) => this.getEventRectX(d) + this.barXPadding + r * i(d), n = (d) => this.yScale(d.count), u = `.${m.eventBarContainer}-${t}`, l = this.svg.selectAll(u), o = `.${m.barChartGroup} rect.${m.eventBarHoverZone}`;
-        l.selectAll(o).attr("x", a).attr("width", i);
-        const h = `.${m.barChartGroup} rect.${m.eventBar}`;
-        l.selectAll(h).attr("x", a).attr("width", i).attr("y", n).attr("height", s);
-        const p = `.${m.barChartGroup} rect.${m.eventBarCap}`;
-        l.selectAll(p).attr("x", a).attr("width", i).attr("y", n);
+      Object.keys(this.barChartGroups).forEach((t, i) => {
+        const r = (h) => (this.getEventRectWidth(h) - this.barXPadding * 2) / e, s = (h) => this.yScale.range()[0] - this.yScale(h.count), a = (h) => this.getEventRectX(h) + this.barXPadding + i * r(h), n = (h) => this.yScale(h.count), u = `.${p.eventBarContainer}-${t}`, l = this.svg.selectAll(u), o = `.${p.barChartGroup} rect.${p.eventBarHoverZone}`;
+        l.selectAll(o).attr("x", a).attr("width", r);
+        const d = `.${p.barChartGroup} rect.${p.eventBar}`;
+        l.selectAll(d).attr("x", a).attr("width", r).attr("y", n).attr("height", s);
+        const m = `.${p.barChartGroup} rect.${p.eventBarCap}`;
+        l.selectAll(m).attr("x", a).attr("width", r).attr("y", n);
       });
     },
     updateLineGraphs() {
       Object.entries(this.lineGraphGroups).forEach(([e]) => {
-        const t = c.area().x((r) => this.timeScale(this.tzStringToDate(r.timestamp))).y0(this.timelineHeight).y1((r) => this.yScale(r.count)).curve(c.curveMonotoneX);
+        const t = c.area().x((i) => this.timeScale(this.tzStringToDate(i.timestamp))).y0(this.timelineHeight).y1((i) => this.yScale(i.count)).curve(c.curveMonotoneX);
         this.svg.selectAll(
-          `.${m.lineGraphPath}-${e}`
-        ).attr("d", (r) => t(r));
+          `.${p.lineGraphPath}-${e}`
+        ).attr("d", (i) => t(i));
       });
     },
     updateLineGraphHoverZones() {
       Object.keys(this.lineGraphGroups).forEach((e) => {
         const t = this;
         this.svg.selectAll(
-          `.${m.lineGraphDot}-${e}`
-        ).each(function(r) {
-          c.select(this).attr("cx", t.timeScale(t.tzStringToDate(r.timestamp))).attr("cy", t.yScale(r.count));
+          `.${p.lineGraphDot}-${e}`
+        ).each(function(i) {
+          c.select(this).attr("cx", t.timeScale(t.tzStringToDate(i.timestamp))).attr("cy", t.yScale(i.count));
         }), this.svg.selectAll(
-          `.${m.lineGraphHoverZone}-${e}`
-        ).each(function(r) {
-          const i = t.timeScale(t.tzStringToDate(r.timestamp).getTime()) - 15;
-          c.select(this).attr("x", i).attr("y", 0).attr("width", 30).attr("height", t.chartHeight);
+          `.${p.lineGraphHoverZone}-${e}`
+        ).each(function(i) {
+          const r = t.timeScale(t.tzStringToDate(i.timestamp).getTime()) - 15;
+          c.select(this).attr("x", r).attr("y", 0).attr("width", 30).attr("height", t.chartHeight);
         });
       });
     },
@@ -6495,17 +6501,17 @@ const dr = ur.exports, m = {
       if (!e)
         return 0;
       if (e.startDate && e.endDate) {
-        const t = new Date(e.startDate), r = new Date(e.endDate), i = this.timeScale(r) - this.timeScale(t);
-        return Math.max(i, this.rectMinWidth);
+        const t = new Date(e.startDate), i = new Date(e.endDate), r = this.timeScale(i) - this.timeScale(t);
+        return Math.max(r, this.rectMinWidth);
       } else {
         const t = 1 / (this.currentTimeScaleDensity * 3600);
         return Math.max(t, this.rectMinWidth);
       }
     },
     getEventText(e) {
-      var i;
-      const r = (this.getEventRectWidth(e) - this.textPadding) / this.characterWidth;
-      return r < 4 ? "" : ((i = e.text) == null ? void 0 : i.length) <= r ? e.text : `${e.text.slice(0, r - 3)}...`;
+      var r;
+      const i = (this.getEventRectWidth(e) - this.textPadding) / this.characterWidth;
+      return i < 4 ? "" : ((r = e.text) == null ? void 0 : r.length) <= i ? e.text : `${e.text.slice(0, i - 3)}...`;
     },
     getElementLeftPosition(e) {
       if (!e)
@@ -6519,18 +6525,18 @@ const dr = ur.exports, m = {
     handleMarkerDrag({
       marker: e,
       markerElement: t,
-      dragEvent: r
+      dragEvent: i
     }) {
       if (!e.isDraggable)
         return;
-      r.type === "start" && (this.initialMarkerDragMouseOffset = r.x - t.node().querySelector(`.${m.markerLine}`).getBoundingClientRect().left, t.classed(m.markerDragged, !0));
-      const i = r.x - this.initialMarkerDragMouseOffset, s = this.timeScale.invert(
-        i - this.svg.node().getBoundingClientRect().left
+      i.type === "start" && (this.initialMarkerDragMouseOffset = i.x - t.node().querySelector(`.${p.markerLine}`).getBoundingClientRect().left, t.classed(p.markerDragged, !0));
+      const r = i.x - this.initialMarkerDragMouseOffset, s = this.timeScale.invert(
+        r - this.svg.node().getBoundingClientRect().left
       ), a = this.timeScale(s), n = this.isTimestampAllowedForMarker(
         s,
         e
       );
-      if (r.type === "drag" && n && t.attr("style", `left: ${a}px`), r.type === "end" && n) {
+      if (i.type === "drag" && n && t.attr("style", `left: ${a}px`), i.type === "end" && n) {
         const u = e.id || e.timestamp;
         this.markersPositions = {
           ...this.markersPositions,
@@ -6538,110 +6544,110 @@ const dr = ur.exports, m = {
             ...this.markersPositions[u],
             position: a
           }
-        }, t.classed(m.markerDragged, !1);
+        }, t.classed(p.markerDragged, !1);
       }
-      r.type !== "start" && this.$emit(`marker-drag-${r.type}`, {
+      i.type !== "start" && this.$emit(`marker-drag-${i.type}`, {
         marker: e,
         newTimestamp: s.toISOString()
       });
     },
     removeMarkersDragBehavior() {
-      this.markersDragBehavior && (this.markersDragBehavior.on("start", null).on("drag", null).on("end", null), c.selectAll(`.${m.marker}`).call(
+      this.markersDragBehavior && (this.markersDragBehavior.on("start", null).on("drag", null).on("end", null), c.selectAll(`.${p.marker}`).call(
         this.markersDragBehavior
       ));
     },
     initMarkersDragBehavior() {
       this.removeMarkersDragBehavior();
       const e = this;
-      this.markersDragBehavior = c.drag().on("start", function(t, r) {
-        var i;
-        (i = t.sourceEvent) == null || i.preventDefault(), e.handleMarkerDrag({
-          marker: r,
+      this.markersDragBehavior = c.drag().on("start", function(t, i) {
+        var r;
+        (r = t.sourceEvent) == null || r.preventDefault(), e.handleMarkerDrag({
+          marker: i,
           markerElement: c.select(this),
           dragEvent: t
         });
-      }).on("drag", function(t, r) {
+      }).on("drag", function(t, i) {
         e.handleMarkerDrag({
-          marker: r,
+          marker: i,
           markerElement: c.select(this),
           dragEvent: t
         });
-      }).on("end", function(t, r) {
+      }).on("end", function(t, i) {
         e.handleMarkerDrag({
-          marker: r,
+          marker: i,
           markerElement: c.select(this),
           dragEvent: t
         });
-      }), c.selectAll(`.${m.marker}`).data(this.sortedMarkers).call(this.markersDragBehavior);
+      }), c.selectAll(`.${p.marker}`).data(this.sortedMarkers).call(this.markersDragBehavior);
     },
     initCurtains() {
       this.createCurtains(), this.updateCurtains();
     },
     createCurtains() {
-      this.curtains && (this.svg.append("rect").classed(`${m.curtain} ${m.curtain}--left`, !0).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
+      this.curtains && (this.svg.append("rect").classed(`${p.curtain} ${p.curtain}--left`, !0).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
         c.drag().on("start", this.handleDragStart).on("drag", this.handleLeftDrag).on("end", this.handleDragEnd)
-      ), this.svg.append("rect").classed(`${m.curtain} ${m.curtain}--right`, !0).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
+      ), this.svg.append("rect").classed(`${p.curtain} ${p.curtain}--right`, !0).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
         c.drag().on("start", this.handleDragStart).on("drag", this.handleRightDrag).on("end", this.handleDragEnd)
       ), this.updateCurtains());
     },
     updateCurtains() {
       const e = this.timeline.offsetWidth, t = this.timelineHeight;
-      this.svg.select(`.${m.curtain}--left`).attr("width", this.leftCurtainWidth).attr("height", t + this.curtainHandleWidth * 2).attr("y", -this.curtainHandleWidth).attr("x", -this.curtainHandleWidth), this.svg.select(`.${m.curtain}--right`).attr(
+      this.svg.select(`.${p.curtain}--left`).attr("width", this.leftCurtainWidth).attr("height", t + this.curtainHandleWidth * 2).attr("y", -this.curtainHandleWidth).attr("x", -this.curtainHandleWidth), this.svg.select(`.${p.curtain}--right`).attr(
         "x",
         e - this.rightCurtainWidth + this.curtainHandleWidth
       ).attr("y", -this.curtainHandleWidth).attr("width", this.rightCurtainWidth + this.curtainHandleWidth * 2).attr("height", t + this.curtainHandleWidth * 2);
     },
     updateForbiddenIntervals(e = !1) {
-      e && this.svg.selectAll(`.${m.forbiddenInterval}`).remove();
+      e && this.svg.selectAll(`.${p.forbiddenInterval}`).remove();
       const t = this.timeScale.domain();
-      this.forbiddenIntervals.forEach((r, i) => {
-        const s = r.startDate === -1 / 0 ? t[0] : this.tzStringToDate(r.startDate), a = r.endDate === 1 / 0 ? t[1] : this.tzStringToDate(r.endDate), n = this.timeScale(s), u = this.timeScale(a), l = Math.max(u - n, 0);
-        let o = this.svg.select(`.${m.forbiddenInterval}-${i}`);
+      this.forbiddenIntervals.forEach((i, r) => {
+        const s = i.startDate === -1 / 0 ? t[0] : this.tzStringToDate(i.startDate), a = i.endDate === 1 / 0 ? t[1] : this.tzStringToDate(i.endDate), n = this.timeScale(s), u = this.timeScale(a), l = Math.max(u - n, 0);
+        let o = this.svg.select(`.${p.forbiddenInterval}-${r}`);
         o.empty() && (o = this.svg.append("rect").attr(
           "class",
-          `${m.forbiddenInterval} ${m.forbiddenInterval}-${i}`
+          `${p.forbiddenInterval} ${p.forbiddenInterval}-${r}`
         ).attr("fill", `url(#${Z.stripedPattern})`)), o.attr("x", n).attr("y", 0).attr("width", l).attr("height", this.timelineHeight);
       });
     },
     drawEventsGroups() {
-      this.svg.selectAll(`g.${m.eventGroup}`).remove(), this.svg.selectAll(`.${m.barChartGroup}`).remove(), this.svg.selectAll(`.${m.lineGraphGroup}`).remove(), this.svg.selectAll(`.${m.lineGraphGroupLabel}`).remove(), this.svg.selectAll(`.${m.loadingIndicator}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups(), this.drawMilestonesPlaceholder();
+      this.svg.selectAll(`g.${p.eventGroup}`).remove(), this.svg.selectAll(`.${p.barChartGroup}`).remove(), this.svg.selectAll(`.${p.lineGraphGroup}`).remove(), this.svg.selectAll(`.${p.lineGraphGroupLabel}`).remove(), this.svg.selectAll(`.${p.loadingIndicator}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups(), this.drawMilestonesPlaceholder();
     },
     drawLineGraphEventsGroups() {
       const e = this.combinedXAxesHeight + this.chartsYOffset, t = this.insertZerosAtInterval ? this.filledGapsLineGraphGroups : this.lineGraphGroups;
-      Object.entries(t).forEach(([r, i]) => {
+      Object.entries(t).forEach(([i, r]) => {
         const s = this.svg.append("g").classed(
-          `${m.lineGraphGroup} ${m.lineGraphGroup}-${r}`,
+          `${p.lineGraphGroup} ${p.lineGraphGroup}-${i}`,
           !0
-        ).attr("transform", `translate(0,${e})`), { color: a, events: n } = i;
+        ).attr("transform", `translate(0,${e})`), { color: a, events: n } = r;
         this.drawLineGraph({
           events: n,
           gElement: s,
           color: a,
-          type: r
+          type: i
         }), this.drawLineGraphHoverZones({
           events: n,
           gElement: s,
           color: a,
-          type: r
+          type: i
         });
       }), Object.entries(this.lineGraphGroups).forEach(
-        ([r, i], s) => {
-          const { color: a, isLoading: n, label: u } = i, l = Math.max(
+        ([i, r], s) => {
+          const { color: a, isLoading: n, label: u } = r, l = Math.max(
             this.chartMinLabelHeight,
             this.barChartHeight
-          ), o = this.chartHeight - l * (s + 1), h = e + this.chartHeight - l, p = this.svg.append("g").classed(m.lineGraphGroupLabel, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
+          ), o = this.chartHeight - l * (s + 1), d = e + this.chartHeight - l, m = this.svg.append("g").classed(p.lineGraphGroupLabel, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(i)).on("mouseleave", () => this.handleLabelMouseLeave(i));
           this.drawProgressIndicator({
-            type: r,
+            type: i,
             color: a,
             isLoading: n,
-            yPosition: h
+            yPosition: d
           }), this.drawTextLabel({
             color: a,
             label: u,
-            type: r,
+            type: i,
             height: l,
             yPosition: o,
-            gElement: p
+            gElement: m
           });
         }
       );
@@ -6649,38 +6655,38 @@ const dr = ur.exports, m = {
     drawLineGraph({
       events: e,
       gElement: t,
-      color: r,
-      type: i
+      color: i,
+      type: r
     }) {
-      const s = c.area().x((n) => this.timeScale(this.tzStringToDate(n.timestamp))).y0(this.timelineHeight).y1((n) => this.yScale(n.count)).curve(c.curveMonotoneX), a = `clip-${i}`;
-      t.append("defs").append("clipPath").attr("id", a).append("rect").attr("width", this.timeline.offsetWidth).attr("height", this.chartHeight), t.append("path").datum(e).classed(`${m.lineGraphPath}-${i}`, !0).attr("fill", `url(#${Z.transparencyGradientLight}-${i})`).attr("stroke", r).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (n) => s(n)).attr("clip-path", `url(#${a})`);
+      const s = c.area().x((n) => this.timeScale(this.tzStringToDate(n.timestamp))).y0(this.timelineHeight).y1((n) => this.yScale(n.count)).curve(c.curveMonotoneX), a = `clip-${r}`;
+      t.append("defs").append("clipPath").attr("id", a).append("rect").attr("width", this.timeline.offsetWidth).attr("height", this.chartHeight), t.append("path").datum(e).classed(`${p.lineGraphPath}-${r}`, !0).attr("fill", `url(#${Z.transparencyGradientLight}-${r})`).attr("stroke", i).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (n) => s(n)).attr("clip-path", `url(#${a})`);
     },
     drawLineGraphHoverZones({
       events: e,
       gElement: t,
-      color: r,
-      type: i
+      color: i,
+      type: r
     }) {
       e.forEach((s) => {
         const a = `${s.timestamp}`;
         this.countsByTimestamp[a] = {
           ...this.countsByTimestamp[a] || {},
-          [i]: s.count
+          [r]: s.count
         };
         const n = t.append("circle").classed(
-          `${m.lineGraphDot} ${m.lineGraphDot}-${i}`,
+          `${p.lineGraphDot} ${p.lineGraphDot}-${r}`,
           !0
-        ).attr("cx", this.timeScale(this.tzStringToDate(s.timestamp))).attr("cy", this.yScale(s.count)).attr("r", 1.5).attr("fill", r).attr("stroke-width", 0).datum(s);
+        ).attr("cx", this.timeScale(this.tzStringToDate(s.timestamp))).attr("cy", this.yScale(s.count)).attr("r", 1.5).attr("fill", i).attr("stroke-width", 0).datum(s);
         this.dotsByTimestamp[a] = [
           ...this.dotsByTimestamp[a] || [],
           n
-        ], t.append("rect").classed(`${m.lineGraphHoverZone}-${i}`, !0).attr("x", this.timeScale(this.tzStringToDate(s.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.chartHeight).attr("fill", "transparent").datum(s).on("mouseover", (u) => {
-          this.handleLineMouseOver(u, s, i), this.dotsByTimestamp[a].forEach(
-            (l) => l.classed(`${m.lineGraphDot}--active`, !0)
+        ], t.append("rect").classed(`${p.lineGraphHoverZone}-${r}`, !0).attr("x", this.timeScale(this.tzStringToDate(s.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.chartHeight).attr("fill", "transparent").datum(s).on("mouseover", (u) => {
+          this.handleLineMouseOver(u, s, r), this.dotsByTimestamp[a].forEach(
+            (l) => l.classed(`${p.lineGraphDot}--active`, !0)
           );
         }).on("mouseout", () => {
           this.handleLineMouseOut(), this.dotsByTimestamp[a].forEach(
-            (u) => u.classed(`${m.lineGraphDot}--active`, !1)
+            (u) => u.classed(`${p.lineGraphDot}--active`, !1)
           );
         });
       });
@@ -6688,8 +6694,8 @@ const dr = ur.exports, m = {
     drawSingleBarEventsGroup({
       type: e,
       eventsGroup: t,
-      milestone: r,
-      dots: i,
+      milestone: i,
+      dots: r,
       dotsSize: s,
       bottom: a
     }) {
@@ -6698,9 +6704,9 @@ const dr = ur.exports, m = {
         bgColor: u,
         label: l,
         events: o,
-        barBorderRadius: h,
-        isLoading: p,
-        height: d,
+        barBorderRadius: d,
+        isLoading: m,
+        height: h,
         chartType: f
       } = t;
       let g = this.getBarGroupYPosition(e, a);
@@ -6708,21 +6714,21 @@ const dr = ur.exports, m = {
         U.bars,
         U.dots,
         void 0
-      ].includes(f) ? this.getBarGroupHeight(t) : d;
-      r && (g = this.getMilestoneGroupYPosition(e)), this.drawProgressIndicator({
+      ].includes(f) ? this.getBarGroupHeight(t) : h;
+      i && (g = this.getMilestoneGroupYPosition(e)), this.drawProgressIndicator({
         yPosition: g,
         type: e,
         color: n,
-        isLoading: p
+        isLoading: m
       });
-      const A = this.svg.append("g").attr("data-color", n).classed(m.eventGroup, !0).classed(`${m.eventGroup}-${e}`, !0);
+      const A = this.svg.append("g").attr("data-color", n).classed(p.eventGroup, !0).classed(`${p.eventGroup}-${e}`, !0);
       if (this.drawBackground({
         color: u || n,
         gElement: A,
         yPosition: g,
         height: O
-      }), r || i) {
-        const H = i ? 1 : 2, z = g + O / 2;
+      }), i || r) {
+        const H = r ? 1 : 2, z = g + O / 2;
         A.append("line").classed(K.milestoneLine, !0).attr("x1", 0).attr("x2", this.timeline.offsetWidth).attr("y1", z).attr("y2", z).style("stroke", n).style("stroke-width", H);
       }
       this.drawBars({
@@ -6731,17 +6737,17 @@ const dr = ur.exports, m = {
         gElement: A,
         yPosition: g,
         type: e,
-        dots: i,
+        dots: r,
         dotsSize: s,
-        height: d,
-        barBorderRadius: h
+        height: h,
+        barBorderRadius: d
       }), l && this.drawTextLabel({
         color: n,
         label: l,
         type: e,
         gElement: A,
         yPosition: g,
-        height: d
+        height: h
       });
     },
     drawBarEventsGroups() {
@@ -6784,58 +6790,58 @@ const dr = ur.exports, m = {
     },
     getMilestoneGroupYPosition(e) {
       let t = 0;
-      for (const [r, i] of Object.entries(this.milestonesGroups)) {
-        if (r === e)
+      for (const [i, r] of Object.entries(this.milestonesGroups)) {
+        if (i === e)
           break;
-        t += i.height || this.barChartHeight;
+        t += r.height || this.barChartHeight;
       }
       return this.combinedXAxesHeight + this.milestonesYOffset + t;
     },
     getBarGroupYPosition(e, t) {
-      let r = this.combinedXAxesHeight;
-      t ? r += (this.hasChart ? this.chartHeight : 0) + (this.hasMilestones ? this.combinedMilestonesHeight : 0) : r += this.barsYOffset;
-      for (const [i, s] of Object.entries(this.barGroups)) {
-        if (i === e)
+      let i = this.combinedXAxesHeight;
+      t ? i += (this.hasChart ? this.chartHeight : 0) + (this.hasMilestones ? this.combinedMilestonesHeight : 0) : i += this.barsYOffset;
+      for (const [r, s] of Object.entries(this.barGroups)) {
+        if (r === e)
           break;
-        !t && s.bottom || (r += this.getBarGroupHeight(s));
+        !t && s.bottom || (i += this.getBarGroupHeight(s));
       }
-      return r;
+      return i;
     },
     getBarGroupHeight(e) {
       return e.height ? Math.max(e.height + this.barYPadding, 1) : this.barChartHeight;
     },
     updateMilestonesPositions() {
       Object.entries(this.milestonesGroups).forEach(([e, t]) => {
-        const r = this.getMilestoneGroupYPosition(e), i = this.svg.select(
-          `g.${m.eventGroup}-${e}`
-        ), s = 2, n = (t.height || this.barChartHeight) / 2, u = r + n - s / 2;
-        i.attr("x1", 0).attr("x2", this.timeline.offsetWidth).select(`.${K.milestoneLine}`).attr("y1", u).attr("y2", u);
+        const i = this.getMilestoneGroupYPosition(e), r = this.svg.select(
+          `g.${p.eventGroup}-${e}`
+        ), s = 2, n = (t.height || this.barChartHeight) / 2, u = i + n - s / 2;
+        r.attr("x1", 0).attr("x2", this.timeline.offsetWidth).select(`.${K.milestoneLine}`).attr("y1", u).attr("y2", u);
         const l = c.select(
           `.${K.milestonesContainer}-${e}`
         );
-        l.style("top", `${r}px`).style("height", `${t.height || this.barChartHeight}px`);
+        l.style("top", `${i}px`).style("height", `${t.height || this.barChartHeight}px`);
         const o = l.selectAll(
           `.${K.milestone}`
         ).data(this.getSortedEvents(t.events));
         o.exit().remove(), o.enter().append("div").merge(o).style(
           "left",
-          (h) => `${this.timeScale(this.tzStringToDate(h.timestamp))}px`
+          (d) => `${this.timeScale(this.tzStringToDate(d.timestamp))}px`
         ).style("top", `${u}px`);
       });
     },
     drawBarChartEventsGroups() {
       const e = this.combinedXAxesHeight, t = this.barChartGroups;
-      Object.entries(t).forEach(([r, i], s) => {
+      Object.entries(t).forEach(([i, r], s) => {
         const a = this.svg.append("g").classed(
-          `${m.barChartGroup} ${m.barChartGroup}-${r}`,
+          `${p.barChartGroup} ${p.barChartGroup}-${i}`,
           !0
-        ).attr("transform", `translate(0,${e})`), { color: n, events: u } = i;
+        ).attr("transform", `translate(0,${e})`), { color: n, events: u } = r;
         this.drawBarsChart({
           events: u,
           color: n,
           gElement: a,
           yOffset: e,
-          type: r,
+          type: i,
           index: s
         });
       });
@@ -6843,95 +6849,95 @@ const dr = ur.exports, m = {
     drawProgressIndicator({
       yPosition: e,
       type: t,
-      isLoading: r
+      isLoading: i
     }) {
       this.svg.append("rect").classed(
-        `${m.loadingIndicator} ${m.loadingIndicator}-${t}`,
+        `${p.loadingIndicator} ${p.loadingIndicator}-${t}`,
         !0
-      ).attr("x", 0).attr("y", e).attr("width", this.timeline.offsetWidth / 3).attr("height", this.barChartHeight).attr("fill", `url(#${Z.loadingGradient}-${t})`).style("visibility", r ? "visible" : "hidden");
+      ).attr("x", 0).attr("y", e).attr("width", this.timeline.offsetWidth / 3).attr("height", this.barChartHeight).attr("fill", `url(#${Z.loadingGradient}-${t})`).style("visibility", i ? "visible" : "hidden");
     },
     drawBackground({
       color: e,
       yPosition: t,
-      gElement: r,
-      height: i
+      gElement: i,
+      height: r
     }) {
-      r.append("rect").attr("class", m.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", i || this.barChartHeight).attr("fill", c.color(e).toString()).style("opacity", 0.1);
+      i.append("rect").attr("class", p.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", r || this.barChartHeight).attr("fill", c.color(e).toString()).style("opacity", 0.1);
     },
     drawBars({
       events: e,
       gElement: t,
-      yPosition: r,
-      color: i,
+      yPosition: i,
+      color: r,
       type: s,
       dots: a,
       dotsSize: n,
       height: u,
       barBorderRadius: l = 1.5
     }) {
-      const o = this, h = r + this.barYPadding / 2, p = a ? ((u || this.barChartHeight) - n) / 2 : 0;
-      let d = Math.max(
+      const o = this, d = i + this.barYPadding / 2, m = a ? ((u || this.barChartHeight) - n) / 2 : 0;
+      let h = Math.max(
         (u != null ? u : this.barChartHeight) - this.barYPadding,
         1
       );
-      a && (d = n), t.selectAll(m.eventRect).data(e).enter().append("rect").attr(
+      a && (h = n), t.selectAll(p.eventRect).data(e).enter().append("rect").attr(
         "class",
-        (f) => m.eventRect + (a ? ` ${m.eventRect}--dot` : "") + (f.className ? ` ${f.className}` : "")
-      ).attr("x", this.getEventRectX).attr("y", h + p).attr("ry", a ? n : l).attr("rx", a ? n : l).attr("width", a ? n : this.getEventRectWidth).attr("height", d).attr("stroke-width", a ? n / 10 : 5).attr("cursor", "pointer").attr("stroke", (f) => a ? c.color(f.color || i).brighter(1).toString() : "#0000").style("fill", (f) => f.color || i).on("mouseover", function(f, g) {
-        c.select(this).classed(m.eventRectHovered, !0), o.handleBarMouseOver(f, g, s);
+        (f) => p.eventRect + (a ? ` ${p.eventRect}--dot` : "") + (f.className ? ` ${f.className}` : "")
+      ).attr("x", this.getEventRectX).attr("y", d + m).attr("ry", a ? n : l).attr("rx", a ? n : l).attr("width", a ? n : this.getEventRectWidth).attr("height", h).attr("stroke-width", a ? n / 10 : 5).attr("cursor", "pointer").attr("stroke", (f) => a ? c.color(f.color || r).brighter(1).toString() : "#0000").style("fill", (f) => f.color || r).on("mouseover", function(f, g) {
+        c.select(this).classed(p.eventRectHovered, !0), o.handleBarMouseOver(f, g, s);
       }).on("mouseout", function() {
-        c.select(this).classed(m.eventRectHovered, !1), o.handleBarMouseOut();
-      }), t.selectAll(m.eventRectText).data(e.filter((f) => !!f.text)).enter().append("text").attr("class", m.eventRectText).attr("x", (f) => this.getEventRectX(f) + this.textPadding).attr("y", r + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 600).style("stroke-linejoin", "round").style("paint-order", "stroke").style("pointer-events", "none").style(
+        c.select(this).classed(p.eventRectHovered, !1), o.handleBarMouseOut();
+      }), t.selectAll(p.eventRectText).data(e.filter((f) => !!f.text)).enter().append("text").attr("class", p.eventRectText).attr("x", (f) => this.getEventRectX(f) + this.textPadding).attr("y", i + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 600).style("stroke-linejoin", "round").style("paint-order", "stroke").style("pointer-events", "none").style(
         "fill",
-        (f) => this.getTextFillColor(f.color || i, 0.75)
+        (f) => this.getTextFillColor(f.color || r, 0.75)
       ).text(this.getEventText);
     },
     drawBarsChart({
       events: e,
       gElement: t,
-      color: r,
-      yOffset: i,
+      color: i,
+      yOffset: r,
       type: s,
       index: a
     }) {
-      const n = this, u = Object.keys(this.barChartGroups).length, l = (f) => (this.getEventRectWidth(f) - this.barXPadding * 2) / u, o = (f) => this.yScale.range()[0] - this.yScale(f.count), h = (f) => this.getEventRectX(f) + this.barXPadding + a * l(f), p = (f) => this.yScale(f.count), d = t.selectAll(m.eventBarContainer).data(e).enter().append("g").attr(
+      const n = this, u = Object.keys(this.barChartGroups).length, l = (f) => (this.getEventRectWidth(f) - this.barXPadding * 2) / u, o = (f) => this.yScale.range()[0] - this.yScale(f.count), d = (f) => this.getEventRectX(f) + this.barXPadding + a * l(f), m = (f) => this.yScale(f.count), h = t.selectAll(p.eventBarContainer).data(e).enter().append("g").attr(
         "class",
-        `${m.eventBarContainer} ${m.eventBarContainer}-${s}`
+        `${p.eventBarContainer} ${p.eventBarContainer}-${s}`
       );
-      d.append("rect").attr(
+      h.append("rect").attr(
         "class",
-        (f) => m.eventBarHoverZone + (f.className ? ` ${f.className}` : "")
-      ).attr("x", h).attr("y", -i).attr("width", l).attr("height", this.yScale.range()[0] + i).attr("fill", (f) => f.color || r).attr("fill-opacity", 0), d.append("rect").attr(
+        (f) => p.eventBarHoverZone + (f.className ? ` ${f.className}` : "")
+      ).attr("x", d).attr("y", -r).attr("width", l).attr("height", this.yScale.range()[0] + r).attr("fill", (f) => f.color || i).attr("fill-opacity", 0), h.append("rect").attr(
         "class",
-        (f) => m.eventBar + (f.className ? ` ${f.className}` : "")
-      ).attr("x", h).attr("y", p).attr("width", l).attr("height", o).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${Z.transparencyGradient}-${s})`), d.append("rect").attr(
+        (f) => p.eventBar + (f.className ? ` ${f.className}` : "")
+      ).attr("x", d).attr("y", m).attr("width", l).attr("height", o).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${Z.transparencyGradient}-${s})`), h.append("rect").attr(
         "class",
-        (f) => m.eventBarCap + (f.className ? ` ${f.className}` : "")
-      ).attr("x", h).attr("y", p).attr("width", l).attr("height", 2).attr("stroke-width", 0).style("fill", (f) => f.color || r), d.on("mouseover", function(f, g) {
+        (f) => p.eventBarCap + (f.className ? ` ${f.className}` : "")
+      ).attr("x", d).attr("y", m).attr("width", l).attr("height", 2).attr("stroke-width", 0).style("fill", (f) => f.color || i), h.on("mouseover", function(f, g) {
         const D = c.select(this);
-        n.onBarChartBarMouseOver(D, r), n.handleBarMouseOver(f, g, s);
+        n.onBarChartBarMouseOver(D, i), n.handleBarMouseOver(f, g, s);
       }).on("mouseout", function() {
         const f = c.select(this);
         n.onBarChartBarMouseOut(f, s), n.handleBarMouseOut();
       }).on("click", function() {
-        t.selectAll(`.${m.eventBarContainerSelected}`).classed(m.eventBarContainerSelected, !1), c.select(this).classed(m.eventBarContainerSelected, !0);
+        t.selectAll(`.${p.eventBarContainerSelected}`).classed(p.eventBarContainerSelected, !1), c.select(this).classed(p.eventBarContainerSelected, !0);
       });
     },
     onBarChartBarMouseOver(e, t) {
-      e.classed(m.eventBarContainerHovered, !0), e.selectAll(`.${m.eventBarHoverZone}`).attr("fill-opacity", 0.2);
-      const i = e.selectAll(`.${m.eventBar}`);
-      i.attr("fill", t), i.attr("fill-opacity", 0.5);
+      e.classed(p.eventBarContainerHovered, !0), e.selectAll(`.${p.eventBarHoverZone}`).attr("fill-opacity", 0.2);
+      const r = e.selectAll(`.${p.eventBar}`);
+      r.attr("fill", t), r.attr("fill-opacity", 0.5);
     },
     onBarChartBarMouseOut(e, t) {
-      e.classed(m.eventBarContainerHovered, !1), e.selectAll(`.${m.eventBarHoverZone}`).attr("fill-opacity", 0);
-      const i = e.selectAll(`.${m.eventBar}`);
-      i.attr("fill", `url(#${Z.transparencyGradient}-${t})`), i.attr("fill-opacity", 1);
+      e.classed(p.eventBarContainerHovered, !1), e.selectAll(`.${p.eventBarHoverZone}`).attr("fill-opacity", 0);
+      const r = e.selectAll(`.${p.eventBar}`);
+      r.attr("fill", `url(#${Z.transparencyGradient}-${t})`), r.attr("fill-opacity", 1);
     },
     drawTextLabel({
       gElement: e,
       yPosition: t,
-      color: r,
-      label: i,
+      color: i,
+      label: r,
       type: s,
       height: a
     }) {
@@ -6943,24 +6949,24 @@ const dr = ur.exports, m = {
         w: this.labelRectWidth,
         h: a || this.barChartHeight,
         radius: 3
-      }, u = e.append("g").attr("class", `${m.labelGroup} ${m.labelGroup}-${s}`).style("cursor", "pointer").on("click", () => this.toggleGroupVisibility(s));
-      u.append("rect").attr("class", m.labelBg).attr("data-color", r).attr("x", n.x).attr("y", n.y).attr("width", n.w).attr("height", n.h).attr("rx", n.radius).attr("ry", n.radius).style("fill", this.dark ? "#131a29" : "white"), u.append("rect").attr("class", m.labelBgFill).attr("data-color", r).attr("x", n.x).attr("y", n.y).attr("width", n.w).attr("height", n.h).attr("rx", n.radius).attr("ry", n.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), u.append("text").attr("class", m.labelText).attr("data-color", r).attr("x", 5).attr("y", t + (a || this.barChartHeight) / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 500).style("stroke-linejoin", "round").style("paint-order", "stroke").style("fill", this.getTextFillColor(r)).text(i);
+      }, u = e.append("g").attr("class", `${p.labelGroup} ${p.labelGroup}-${s}`).style("cursor", "pointer").on("click", () => this.toggleGroupVisibility(s));
+      u.append("rect").attr("class", p.labelBg).attr("data-color", i).attr("x", n.x).attr("y", n.y).attr("width", n.w).attr("height", n.h).attr("rx", n.radius).attr("ry", n.radius).style("fill", this.dark ? "#131a29" : "white"), u.append("rect").attr("class", p.labelBgFill).attr("data-color", i).attr("x", n.x).attr("y", n.y).attr("width", n.w).attr("height", n.h).attr("rx", n.radius).attr("ry", n.radius).style("fill", this.getLabelBackgroundColor(i)).style("stroke", this.getTextFillColor(i)).style("stroke-width", 0.25), u.append("text").attr("class", p.labelText).attr("data-color", i).attr("x", 5).attr("y", t + (a || this.barChartHeight) / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 500).style("stroke-linejoin", "round").style("paint-order", "stroke").style("fill", this.getTextFillColor(i)).text(r);
     },
     getTextFillColor(e, t = 0) {
-      var r, i;
-      return (this.dark ? (r = c.color(e)) == null ? void 0 : r.brighter(1.5 + t) : (i = c.color(e)) == null ? void 0 : i.darker(2 + t)).toString();
+      var i, r;
+      return (this.dark ? (i = c.color(e)) == null ? void 0 : i.brighter(1.5 + t) : (r = c.color(e)) == null ? void 0 : r.darker(2 + t)).toString();
     },
     getLabelBackgroundColor(e) {
       let t = c.color(e);
       return t.opacity = this.dark ? 0.2 : 0.5, t.toString();
     },
     getCurrentGroupVisibility(e) {
-      var i;
+      var r;
       const t = this.groupsVisibility[e];
       if (t !== void 0)
         return t;
-      const r = (i = this.eventsGroups[e]) == null ? void 0 : i.isHidden;
-      return r !== void 0 ? !r : !0;
+      const i = (r = this.eventsGroups[e]) == null ? void 0 : r.isHidden;
+      return i !== void 0 ? !i : !0;
     },
     toggleGroupVisibility(e) {
       this.groupsVisibility = {
@@ -7008,37 +7014,37 @@ const dr = ur.exports, m = {
       };
     },
     tzStringToDate(e) {
-      const t = this.timezone ? R.tz(e, this.timezone).utcOffset() : this.utcOffset;
-      return R(e).add(t, "minutes").toDate();
+      const t = this.timezone ? I.tz(e, this.timezone).utcOffset() : this.utcOffset;
+      return I(e).add(t, "minutes").toDate();
     },
     dateToTzString(e) {
-      const t = new Date(e).getTimezoneOffset(), r = this.timezone ? R.tz(e, this.timezone).utcOffset() : this.utcOffset;
-      return R(e).add(t, "minutes").utcOffset(r, !0).format();
+      const t = new Date(e).getTimezoneOffset(), i = this.timezone ? I.tz(e, this.timezone).utcOffset() : this.utcOffset;
+      return I(e).add(t, "minutes").utcOffset(i, !0).format();
     },
     getCurrentTimeBounds() {
       const e = this.timeScale.domain();
       return { startDate: e[0], endDate: e[1] };
     },
     getFormattedTimestamp(e) {
-      return R.parseZone(e).format("YYYY-MM-DDTHH:mm:ss");
+      return I.parseZone(e).format("YYYY-MM-DDTHH:mm:ss");
     },
     fillTimeGaps(e) {
       if (e.length <= 1)
         return e;
-      const t = this.insertZerosAtInterval, r = (a) => a.clone().add(1, t), i = (a) => a.clone().subtract(1, t);
+      const t = this.insertZerosAtInterval, i = (a) => a.clone().add(1, t), r = (a) => a.clone().subtract(1, t);
       let s = [];
       for (let a = 0; a < e.length; a++) {
         const n = e[a];
         if (s.push(n), a === e.length - 1)
           break;
-        const u = e[a + 1], l = R(n.timestamp), o = R(u.timestamp);
+        const u = e[a + 1], l = I(n.timestamp), o = I(u.timestamp);
         if (o.diff(l, t) > 1) {
-          const h = r(l).toISOString(), p = i(o).toISOString();
-          s.push({ timestamp: h, count: 0 }), h !== p && s.push({ timestamp: p, count: 0 });
+          const d = i(l).toISOString(), m = r(o).toISOString();
+          s.push({ timestamp: d, count: 0 }), d !== m && s.push({ timestamp: m, count: 0 });
         }
       }
       if (this.flattenLineGraphEnds) {
-        const a = R(e[0].timestamp), n = R(e[e.length - 1].timestamp), u = i(a).toISOString(), l = r(n).toISOString();
+        const a = I(e[0].timestamp), n = I(e[e.length - 1].timestamp), u = r(a).toISOString(), l = i(n).toISOString();
         s = [
           { timestamp: u, count: 0 },
           ...s,
@@ -7049,7 +7055,7 @@ const dr = ur.exports, m = {
     },
     fillEvents(e) {
       return this.placeholderLineChartGroup.map((t) => e.find(
-        (i) => i.timestamp === t.timestamp
+        (r) => r.timestamp === t.timestamp
       ) || t);
     },
     onMilestoneClick(e, t) {
@@ -7057,58 +7063,58 @@ const dr = ur.exports, m = {
     },
     getSortedEvents(e) {
       return [...e].sort(
-        (t, r) => new Date(t.timestamp || t.startDate) > new Date(r.timestamp || r.startDate) ? 1 : -1
+        (t, i) => new Date(t.timestamp || t.startDate) > new Date(i.timestamp || i.startDate) ? 1 : -1
       );
     }
   }
 });
-var fr = function() {
-  var t = this, r = t._self._c;
-  return r("div", { ref: "wrapperDiv", staticClass: "e-relative e-timeline e-border e-rounded", class: t.classes.wrapper }, [r("div", { staticClass: "e-timeline__background e-w-full e-h-full e-absolute e-top-0 e-rounded", class: t.classes.background }), t._l(t.sortedMarkers, function(i) {
-    return r("div", { key: i.id, staticClass: "marker e-absolute e-h-full e-top-0", class: t.getMarkerClass(i), style: t.getMarkerContainerStyle(i), attrs: { "data-id": i.id }, on: { click: function(s) {
-      return t.handleMarkerClick(i);
-    } } }, [r("div", { staticClass: "marker-label e-absolute" }, [r("div", { staticClass: "marker-label-text", style: t.getMarkerLabelStyle(i) }, [t._t(`marker.${i.id}`, function() {
-      return [t._v(" " + t._s(i.label) + " ")];
-    }, { marker: i })], 2)]), r("div", { staticClass: "marker-line e-absolute e-pointer-events-none", style: t.getMarkerLineStyle(i) })]);
-  }), t.autoResize ? r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: t.onResize, expression: "onResize" }], ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden" }) : r("div", { ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden" }), t._l(t.milestonesGroups, function(i, s) {
-    return r("div", { key: `${s}`, staticClass: "e-timeline-milestones" }, [r("div", { class: `e-tl-milestones e-tl-milestones-${s}` }, t._l(t.getSortedEvents(i.events), function(a, n) {
-      return r("ETimelineMilestone", { key: `${a.milestoneType}-${n}`, class: t.getMilestoneClass(a), attrs: { "data-timestamp": a.timestamp, milestone: a, dot: i.dots, size: a.size || t.milestoneBulletSize, "transition-duration": i.milestonesTransitionDuration, "line-height": i.milestonesLineHeight, "dot-size": i.milestonesDotSize, "background-color": t.getMilestoneColors(a.color, i.color).background, "border-color": t.getMilestoneColors(a.color, i.color).border }, on: { "milestone-click": function(u) {
+var fi = function() {
+  var t = this, i = t._self._c;
+  return i("div", { ref: "wrapperDiv", staticClass: "e-relative e-timeline e-border e-rounded", class: t.classes.wrapper }, [i("div", { staticClass: "e-timeline__background e-w-full e-h-full e-absolute e-top-0 e-rounded", class: t.classes.background }), t._l(t.sortedMarkers, function(r) {
+    return i("div", { key: r.id, staticClass: "marker e-absolute e-h-full e-top-0", class: t.getMarkerClass(r), style: t.getMarkerContainerStyle(r), attrs: { "data-id": r.id }, on: { click: function(s) {
+      return t.handleMarkerClick(r);
+    } } }, [i("div", { staticClass: "marker-label e-absolute" }, [i("div", { staticClass: "marker-label-text", style: t.getMarkerLabelStyle(r) }, [t._t(`marker.${r.id}`, function() {
+      return [t._v(" " + t._s(r.label) + " ")];
+    }, { marker: r })], 2)]), i("div", { staticClass: "marker-line e-absolute e-pointer-events-none", style: t.getMarkerLineStyle(r) })]);
+  }), t.autoResize ? i("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: t.onResize, expression: "onResize" }], ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden" }) : i("div", { ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden" }), t._l(t.milestonesGroups, function(r, s) {
+    return i("div", { key: `${s}`, staticClass: "e-timeline-milestones" }, [i("div", { class: `e-tl-milestones e-tl-milestones-${s}` }, t._l(t.getSortedEvents(r.events), function(a, n) {
+      return i("ETimelineMilestone", { key: `${a.milestoneType}-${n}`, class: t.getMilestoneClass(a), attrs: { "data-timestamp": a.timestamp, milestone: a, dot: r.dots, size: a.size || t.milestoneBulletSize, "transition-duration": r.milestonesTransitionDuration, "line-height": r.milestonesLineHeight, "dot-size": r.milestonesDotSize, "background-color": t.getMilestoneColors(a.color, r.color).background, "border-color": t.getMilestoneColors(a.color, r.color).border }, on: { "milestone-click": function(u) {
         return t.onMilestoneClick(a, s);
       } }, scopedSlots: t._u([{ key: "content", fn: function() {
         return [t._t(`milestoneContent.${a.milestoneType}`, function() {
-          return [r("span", { staticClass: "e-px-2" }, [t._v(" " + t._s(a.text) + " ")])];
+          return [i("span", { staticClass: "e-px-2" }, [t._v(" " + t._s(a.text) + " ")])];
         }, { milestone: a, index: n })];
       }, proxy: !0 }, { key: "label", fn: function() {
         return [t._t(`milestoneLabel.${a.milestoneType}`, null, { milestone: a })];
       }, proxy: !0 }], null, !0) });
     }), 1)]);
-  }), r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline && !t.isInteractingWithCurtain, expression: "isHoveringTimeline && !isInteractingWithCurtain" }], ref: "cursor", staticClass: "e-timeline__cursor e-absolute e-bg-green-600 e-w-px e-h-full e-top-0 e-pointer-events-none" }), r("div", { staticClass: "external-labels-container e-flex" }, t._l(t.hiddenGroupsLabels, function(i) {
-    return r("div", { key: i, staticClass: "external-label", class: t.classes.background, style: t.getExternalLabelWrapperStyles(i), on: { click: function(s) {
-      return t.toggleGroupVisibility(i);
-    } } }, [r("div", { staticClass: "external-label__content", style: t.getExternalLabelStyles(i) }, [t._v(" " + t._s(i) + " ")])]);
-  }), 0), r("div", { key: "tooltip", ref: "tooltip", staticClass: "e-absolute", style: t.eventTooltipStyle }, [t._t("tooltip", function() {
-    return [r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline && !t.isHoveringEvent && !t.isInteractingWithCurtain && !t.cursorTimestamp, expression: `
+  }), i("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline && !t.isInteractingWithCurtain, expression: "isHoveringTimeline && !isInteractingWithCurtain" }], ref: "cursor", staticClass: "e-timeline__cursor e-absolute e-bg-green-600 e-w-px e-h-full e-top-0 e-pointer-events-none" }), i("div", { staticClass: "external-labels-container e-flex" }, t._l(t.hiddenGroupsLabels, function(r) {
+    return i("div", { key: r, staticClass: "external-label", class: t.classes.background, style: t.getExternalLabelWrapperStyles(r), on: { click: function(s) {
+      return t.toggleGroupVisibility(r);
+    } } }, [i("div", { staticClass: "external-label__content", style: t.getExternalLabelStyles(r) }, [t._v(" " + t._s(r) + " ")])]);
+  }), 0), i("div", { key: "tooltip", ref: "tooltip", staticClass: "e-absolute", style: t.eventTooltipStyle }, [t._t("tooltip", function() {
+    return [i("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline && !t.isHoveringEvent && !t.isInteractingWithCurtain && !t.cursorTimestamp, expression: `
           isHoveringTimeline &&
           !isHoveringEvent &&
           !isInteractingWithCurtain &&
           !cursorTimestamp
         ` }], staticClass: "e-timeline__tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative", class: t.classes.tooltipSlot }, [t._v(" " + t._s(t.hoveredTimestamp) + " ")])];
-  }, { timestamp: t.hoveredTimestamp, active: t.isHoveringTimeline && !t.isInteractingWithCurtain && !t.cursorTimestamp })], 2), r("div", { key: "eventTooltip", staticClass: "e-absolute e-z-50", style: t.eventTooltipStyle }, [t._t("eventTooltip", function() {
-    return [t.showEventTooltip && (t.hoveredEvent || t.hoveredCounts.length) ? r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringEvent && !t.isInteractingWithCurtain, expression: "isHoveringEvent && !isInteractingWithCurtain" }], staticClass: "e-timeline__event-tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative", class: t.classes.eventTooltipSlot }, [t.hoveredCounts.length ? r("div", [r("strong", [t._v("Timestamp")]), t._v(": " + t._s(t.hoveredEvent.timestamp) + " "), t._l(t.hoveredCounts, function(i, s) {
-      return r("div", { key: s }, [r("strong", [t._v(t._s(i.type) + " Count")]), t._v(": " + t._s(i.count) + " ")]);
-    })], 2) : t.hoveredEvent ? r("div", [t.hoveredEvent.timestamp ? r("div", [r("strong", [t._v("Event time")]), t._v(": " + t._s(t.hoveredEvent.timestamp) + " ")]) : t._e(), t.hoveredEvent.startDate ? r("div", [r("strong", [t._v("From")]), t._v(":" + t._s(t.hoveredEvent.startDate) + " ")]) : t._e(), t.hoveredEvent.endDate ? r("div", [r("strong", [t._v("To")]), t._v(":" + t._s(t.hoveredEvent.endDate) + " ")]) : t._e()]) : t._e()]) : t._e()];
+  }, { timestamp: t.hoveredTimestamp, active: t.isHoveringTimeline && !t.isInteractingWithCurtain && !t.cursorTimestamp })], 2), i("div", { key: "eventTooltip", staticClass: "e-absolute e-z-50", style: t.eventTooltipStyle }, [t._t("eventTooltip", function() {
+    return [t.showEventTooltip && (t.hoveredEvent || t.hoveredCounts.length) ? i("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringEvent && !t.isInteractingWithCurtain, expression: "isHoveringEvent && !isInteractingWithCurtain" }], staticClass: "e-timeline__event-tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative", class: t.classes.eventTooltipSlot }, [t.hoveredCounts.length ? i("div", [i("strong", [t._v("Timestamp")]), t._v(": " + t._s(t.hoveredEvent.timestamp) + " "), t._l(t.hoveredCounts, function(r, s) {
+      return i("div", { key: s }, [i("strong", [t._v(t._s(r.type) + " Count")]), t._v(": " + t._s(r.count) + " ")]);
+    })], 2) : t.hoveredEvent ? i("div", [t.hoveredEvent.timestamp ? i("div", [i("strong", [t._v("Event time")]), t._v(": " + t._s(t.hoveredEvent.timestamp) + " ")]) : t._e(), t.hoveredEvent.startDate ? i("div", [i("strong", [t._v("From")]), t._v(":" + t._s(t.hoveredEvent.startDate) + " ")]) : t._e(), t.hoveredEvent.endDate ? i("div", [i("strong", [t._v("To")]), t._v(":" + t._s(t.hoveredEvent.endDate) + " ")]) : t._e()]) : t._e()]) : t._e()];
   }, { event: t.hoveredEvent, counts: t.hoveredCounts, active: t.isHoveringEvent && !t.isInteractingWithCurtain, type: t.hoveredEventType })], 2)], 2);
-}, mr = [], pr = /* @__PURE__ */ I(
-  hr,
-  fr,
-  mr,
+}, mi = [], pi = /* @__PURE__ */ R(
+  hi,
+  fi,
+  mi,
   !1,
   null,
   null,
   null,
   null
 );
-const gr = pr.exports, vr = F.extend({
+const gi = pi.exports, vi = L.extend({
   name: "EVideoEmbed",
   props: {
     videoUrl: {
@@ -7151,31 +7157,31 @@ const gr = pr.exports, vr = F.extend({
         });
         return `https://www.youtube.com/embed/${this.videoId}?${t.toString()}`;
       } else if (this.platform === "vimeo" && this.videoId) {
-        const t = (e = this.videoUrl.split("/").pop()) == null ? void 0 : e.split("?")[0], r = new URLSearchParams({
+        const t = (e = this.videoUrl.split("/").pop()) == null ? void 0 : e.split("?")[0], i = new URLSearchParams({
           h: t || "",
           quality: "1080p",
           ...this.iframeOptions
         });
-        return `https://player.vimeo.com/video/${this.videoId}?${r.toString()}`;
+        return `https://player.vimeo.com/video/${this.videoId}?${i.toString()}`;
       }
       return "";
     }
   }
 });
-var yr = function() {
-  var t = this, r = t._self._c;
-  return r("div", { staticClass: "video-embed" }, [r("iframe", t._g(t._b({ attrs: { src: t.embedUrl, frameborder: "0", allowfullscreen: "", width: "100%", height: "100%", allow: "autoplay; fullscreen; picture-in-picture" } }, "iframe", t.iframeOptions, !1), t.iframeListeners))]);
-}, br = [], _r = /* @__PURE__ */ I(
-  vr,
-  yr,
-  br,
+var yi = function() {
+  var t = this, i = t._self._c;
+  return i("div", { staticClass: "video-embed" }, [i("iframe", t._g(t._b({ attrs: { src: t.embedUrl, frameborder: "0", allowfullscreen: "", width: "100%", height: "100%", allow: "autoplay; fullscreen; picture-in-picture" } }, "iframe", t.iframeOptions, !1), t.iframeListeners))]);
+}, bi = [], _i = /* @__PURE__ */ R(
+  vi,
+  yi,
+  bi,
   !1,
   null,
   "7e66cb69",
   null,
   null
 );
-const xr = _r.exports, Cr = F.extend({
+const xi = _i.exports, Ci = L.extend({
   name: "EHeatmapBar",
   props: {
     items: {
@@ -7233,35 +7239,35 @@ const xr = _r.exports, Cr = F.extend({
     }
   }
 });
-var Sr = function() {
-  var t = this, r = t._self._c;
-  return r("div", { staticClass: "e-flex e-heatmap-bar", class: {
+var wi = function() {
+  var t = this, i = t._self._c;
+  return i("div", { staticClass: "e-flex e-heatmap-bar", class: {
     "e-heatmap-bar--dense": t.dense
   } }, [t._t("label", function() {
-    return [t.label ? r("div", { staticClass: "e-heatmap-bar__label e-text-black" }, [t._v(" " + t._s(t.label) + " ")]) : t._e()];
-  }), t._l(t.heatMapBarItems, function({ name: i, value: s, count: a }) {
-    return r("div", { key: s, staticClass: "e-flex e-w-full e-justify-center e-items-center e-heatmap-bar__item", class: {
+    return [t.label ? i("div", { staticClass: "e-heatmap-bar__label e-text-black" }, [t._v(" " + t._s(t.label) + " ")]) : t._e()];
+  }), t._l(t.heatMapBarItems, function({ name: r, value: s, count: a }) {
+    return i("div", { key: s, staticClass: "e-flex e-w-full e-justify-center e-items-center e-heatmap-bar__item", class: {
       "e-heatmap-bar__item--selected": t.selectedValue === s
     }, style: t.getItemStyle(a), on: { click: function(n) {
       return t.$emit("change", s);
-    } } }, [t.showCounts ? r("span", { staticClass: "e-heatmap-bar__item__count", class: {
+    } } }, [t.showCounts ? i("span", { staticClass: "e-heatmap-bar__item__count", class: {
       "e-heatmap-bar__item__count--light": t.getColorIndex(a) <= 2
-    } }, [t._v(" " + t._s(a > 0 ? a : "") + " ")]) : t._e(), t.showNames ? r("span", { staticClass: "e-heatmap-bar__item__name e-text-xs e-text-black e-truncate" }, [t._v(" " + t._s(i) + " ")]) : t._e()]);
+    } }, [t._v(" " + t._s(a > 0 ? a : "") + " ")]) : t._e(), t.showNames ? i("span", { staticClass: "e-heatmap-bar__item__name e-text-xs e-text-black e-truncate" }, [t._v(" " + t._s(r) + " ")]) : t._e()]);
   })], 2);
-}, wr = [], Tr = /* @__PURE__ */ I(
-  Cr,
-  Sr,
-  wr,
+}, Si = [], Ti = /* @__PURE__ */ R(
+  Ci,
+  wi,
+  Si,
   !1,
   null,
   null,
   null,
   null
 );
-const lt = Tr.exports, $r = F.extend({
+const ct = Ti.exports, $i = L.extend({
   name: "EHoursHeatmap",
   components: {
-    EHeatmapBar: lt
+    EHeatmapBar: ct
   },
   props: {
     items: {
@@ -7293,18 +7299,18 @@ const lt = Tr.exports, $r = F.extend({
     itemsByHour() {
       return this.items.reduce((e, t) => ({
         ...e,
-        [R(t.timestamp).format("H")]: t
+        [I(t.timestamp).format("H")]: t
       }), {});
     },
     heatmapBarItems() {
-      return new Array(24).fill(void 0).reduce((e, t, r) => {
-        var i;
+      return new Array(24).fill(void 0).reduce((e, t, i) => {
+        var r;
         return [
           ...e,
           {
-            name: this.getFormattedHour(r),
-            value: r,
-            count: ((i = this.itemsByHour[r]) == null ? void 0 : i.count) || 0
+            name: this.getFormattedHour(i),
+            value: i,
+            count: ((r = this.itemsByHour[i]) == null ? void 0 : r.count) || 0
           }
         ];
       }, []);
@@ -7317,22 +7323,22 @@ const lt = Tr.exports, $r = F.extend({
     }
   }
 });
-var Dr = function() {
-  var t = this, r = t._self._c;
-  return r("EHeatmapBar", t._g({ attrs: { items: t.heatmapBarItems, "selected-value": t.selectedHour, "show-names": t.showHours, colors: t.colors, label: t.label, dense: t.dense }, scopedSlots: t._u([{ key: "label", fn: function() {
+var Di = function() {
+  var t = this, i = t._self._c;
+  return i("EHeatmapBar", t._g({ attrs: { items: t.heatmapBarItems, "selected-value": t.selectedHour, "show-names": t.showHours, colors: t.colors, label: t.label, dense: t.dense }, scopedSlots: t._u([{ key: "label", fn: function() {
     return [t._t("label")];
   }, proxy: !0 }], null, !0) }, t.$listeners));
-}, Er = [], kr = /* @__PURE__ */ I(
-  $r,
-  Dr,
-  Er,
+}, Ei = [], ki = /* @__PURE__ */ R(
+  $i,
+  Di,
+  Ei,
   !1,
   null,
   null,
   null,
   null
 );
-const Mr = kr.exports, Or = F.extend({
+const Mi = ki.exports, Oi = L.extend({
   name: "EReadMore",
   props: {
     content: {
@@ -7410,20 +7416,20 @@ const Mr = kr.exports, Or = F.extend({
     }
   }
 });
-var Pr = function() {
-  var t = this, r = t._self._c;
-  return t._self._setupProxy, r("span", { staticClass: "e-read-more" }, [r("span", { staticClass: "e-read-more__content mr-1", style: { "white-space": t.showAllContent ? "initial" : "nowrap" } }, [t._v(" " + t._s(t.displayContent()) + " ")]), t.isHiddenArrayContent ? r("span", { staticClass: "e-cursor-pointer e-text-primary", on: { click: t.toggleContentExpansion } }, [t._v(" " + t._s(t.computedMoreText) + " ")]) : t.isHiddenTextContent ? r("span", { staticClass: "e-cursor-pointer e-text-primary", on: { click: t.toggleContentExpansion } }, [t._v(" " + t._s(t.expandText) + " ")]) : t._e(), t.isContentExpanded ? r("span", { staticClass: "e-cursor-pointer e-text-primary", on: { click: t.toggleContentExpansion } }, [t._v(" " + t._s(t.collapseText) + " ")]) : t._e()]);
-}, zr = [], Ar = /* @__PURE__ */ I(
-  Or,
-  Pr,
-  zr,
+var Pi = function() {
+  var t = this, i = t._self._c;
+  return t._self._setupProxy, i("span", { staticClass: "e-read-more" }, [i("span", { staticClass: "e-read-more__content mr-1", style: { "white-space": t.showAllContent ? "initial" : "nowrap" } }, [t._v(" " + t._s(t.displayContent()) + " ")]), t.isHiddenArrayContent ? i("span", { staticClass: "e-cursor-pointer e-text-primary", on: { click: t.toggleContentExpansion } }, [t._v(" " + t._s(t.computedMoreText) + " ")]) : t.isHiddenTextContent ? i("span", { staticClass: "e-cursor-pointer e-text-primary", on: { click: t.toggleContentExpansion } }, [t._v(" " + t._s(t.expandText) + " ")]) : t._e(), t.isContentExpanded ? i("span", { staticClass: "e-cursor-pointer e-text-primary", on: { click: t.toggleContentExpansion } }, [t._v(" " + t._s(t.collapseText) + " ")]) : t._e()]);
+}, zi = [], Ai = /* @__PURE__ */ R(
+  Oi,
+  Pi,
+  zi,
   !1,
   null,
   null,
   null,
   null
 );
-const Br = Ar.exports, Hr = F.extend({
+const Bi = Ai.exports, Hi = L.extend({
   name: "ETruncatedDiv",
   props: {
     width: {
@@ -7445,23 +7451,23 @@ const Br = Ar.exports, Hr = F.extend({
     }
   }
 });
-var Lr = function() {
-  var t = this, r = t._self._c;
-  return r("div", t._g(t._b({ staticClass: "e-truncated-div e-truncate", style: t.containerStyle }, "div", t.$attrs, !1), t.$listeners), [t._t("default")], 2);
-}, Fr = [], Gr = /* @__PURE__ */ I(
-  Hr,
-  Lr,
-  Fr,
+var Li = function() {
+  var t = this, i = t._self._c;
+  return i("div", t._g(t._b({ staticClass: "e-truncated-div e-truncate", style: t.containerStyle }, "div", t.$attrs, !1), t.$listeners), [t._t("default")], 2);
+}, Fi = [], Gi = /* @__PURE__ */ R(
+  Hi,
+  Li,
+  Fi,
   !1,
   null,
   null,
   null,
   null
 );
-const Rr = Gr.exports, Ir = F.extend({
+const Ri = Gi.exports, Ii = L.extend({
   name: "ECompareSeparator",
   components: {
-    EIcon: Ce
+    EIcon: we
   },
   props: {
     xOffset: {
@@ -7475,20 +7481,168 @@ const Rr = Gr.exports, Ir = F.extend({
     }
   }
 });
-var jr = function() {
-  var t = this, r = t._self._c;
-  return t._self._setupProxy, r("div", { staticClass: "e-compare-separator" }, [r("div", { staticClass: "e-compare-separator__line", style: t.separatorStyle }), r("div", { staticClass: "e-compare-separator__icon e-flex e-justify-around e-items-center", style: t.separatorStyle }, [r("EIcon", { attrs: { icon: "caret-left", color: "e-text-white", size: "xl" } }), r("EIcon", { attrs: { icon: "caret-right", color: "e-text-white", size: "xl" } })], 1)]);
-}, Wr = [], Nr = /* @__PURE__ */ I(
-  Ir,
-  jr,
-  Wr,
+var ji = function() {
+  var t = this, i = t._self._c;
+  return t._self._setupProxy, i("div", { staticClass: "e-compare-separator" }, [i("div", { staticClass: "e-compare-separator__line", style: t.separatorStyle }), i("div", { staticClass: "e-compare-separator__icon e-flex e-justify-around e-items-center", style: t.separatorStyle }, [i("EIcon", { attrs: { icon: "caret-left", color: "e-text-white", size: "xl" } }), i("EIcon", { attrs: { icon: "caret-right", color: "e-text-white", size: "xl" } })], 1)]);
+}, Wi = [], Ni = /* @__PURE__ */ R(
+  Ii,
+  ji,
+  Wi,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Ui = Ni.exports, Te = L.extend({
+  data() {
+    return { timeouts: [] };
+  },
+  beforeDestroy() {
+    this.$clearTimeouts();
+  },
+  methods: {
+    $setTimeout(e, t = 0) {
+      const i = setTimeout(e, t);
+      return this.timeouts = [...this.timeouts, i], i;
+    },
+    $clearTimeouts() {
+      this.timeouts.forEach(clearTimeout);
+    }
+  }
+}), le = L.extend({
+  data() {
+    return { eventListeners: [] };
+  },
+  beforeDestroy() {
+    this.$removeEventListeners();
+  },
+  methods: {
+    $addEventListener(e, t, i = window) {
+      if (!(i instanceof HTMLElement || i instanceof Window)) {
+        console.error(
+          "$addEventListener: The target element is not an HTMLElement."
+        ), console.log("$addEventListener: got: ", i);
+        return;
+      }
+      i.addEventListener(e, t), this.eventListeners = [...this.eventListeners, { element: i, event: e, cb: t }];
+    },
+    $removeEventListeners() {
+      this.eventListeners.forEach(({ element: e, event: t, cb: i }) => {
+        e == null || e.removeEventListener(t, i);
+      }), this.eventListeners = [];
+    }
+  }
+}), Yi = L.extend({
+  name: "EExpandableMenu",
+  mixins: [Te, le],
+  props: {
+    padding: {
+      type: Number,
+      default: 4
+    },
+    direction: {
+      type: String,
+      default: "top",
+      validator: (e) => ["top", "right", "bottom", "left"].includes(e)
+    },
+    isMobile: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      menu: !1,
+      touched: !1,
+      baseSize: {}
+    };
+  },
+  computed: {
+    row() {
+      return ["right", "left"].includes(this.direction);
+    },
+    reverse() {
+      return ["top", "left"].includes(this.direction);
+    }
+  },
+  watch: {
+    isMobile() {
+      this.setButtonsPositions(this.menu);
+    },
+    direction() {
+      this.setButtonsPositions(this.menu);
+    },
+    padding() {
+      this.setButtonsPositions(this.menu);
+    }
+  },
+  mounted() {
+    const e = this.$refs.activator, t = (e == null ? void 0 : e.getBoundingClientRect()) || {};
+    this.baseSize = {
+      width: `${t.width}px`,
+      height: `${t.height}px`
+    }, this.isMobile || this.$setTimeout(this.toggleMenu, 100), this.$addEventListener("resize", this.setButtonsPositions);
+  },
+  methods: {
+    toggleMenu() {
+      this.menu = !this.menu, this.setButtonsPositions(this.menu);
+    },
+    setButtonsPositions(e) {
+      const t = this.$refs.menu, i = Array.from(t == null ? void 0 : t.children).filter(
+        (m) => !m.classList.contains("v-tooltip")
+      );
+      if (!i || !i.length)
+        return;
+      const r = this.isMobile ? 30 : 40, s = Array.from(i), a = this.$refs.activator, n = a == null ? void 0 : a.getBoundingClientRect(), u = Math.min(
+        n[this.row ? "width" : "height"],
+        r
+      ), l = e ? u + this.padding : 0, o = this.row ? "X" : "Y";
+      t.style.transform = `translate${o}(${(this.reverse ? -1 : 1) * l}px)`;
+      let d = 0;
+      s.forEach((m, h) => {
+        m.getBoundingClientRect()[this.row ? "width" : "height"] > r ? d = Math.max(
+          m.getBoundingClientRect()[this.row ? "width" : "height"],
+          r
+        ) + this.padding : d = Math.min(
+          m.getBoundingClientRect()[this.row ? "width" : "height"],
+          r
+        ) + this.padding;
+        const f = e ? d * h : 0;
+        m.style.transform = `translate${o}(${(this.reverse ? -1 : 1) * f}px)`;
+      });
+    }
+  }
+});
+var Vi = function() {
+  var t = this, i = t._self._c;
+  return i("div", { staticClass: "expandable-menu", class: {
+    "expandable-menu--row": t.row,
+    "expandable-menu--column": !t.row,
+    "expandable-menu--reverse": t.reverse,
+    "expandable-menu--open": t.menu,
+    "expandable-menu--closed": !t.menu
+  }, style: t.baseSize, on: { click: function(r) {
+    t.touched = !0;
+  }, mouseenter: function(r) {
+    t.touched = !0;
+  } } }, [i("div", { staticClass: "expandable-menu__container", style: t.baseSize }, [i("div", { ref: "activator", staticClass: "v-btn--no-active e-cursor-pointer expandable-menu__activator", on: { click: t.toggleMenu } }, [t._t("activator")], 2), i("div", { ref: "menu", staticClass: "e-flex e-flex-col expandable-menu__menu", class: {
+    "expandable-menu__menu--closed": !t.menu,
+    "expandable-menu__menu--open": t.menu,
+    "e-py-2": !t.row,
+    "e-py-0": t.row
+  }, attrs: { "data-test-id": "action-buttons-menu" } }, [t._t("default")], 2)])]);
+}, Xi = [], Zi = /* @__PURE__ */ R(
+  Yi,
+  Vi,
+  Xi,
   !1,
   null,
   null,
   null,
   null
 );
-const Ur = Nr.exports, Yr = F.extend({
+const qi = Zi.exports, Ki = L.extend({
   name: "EToggleSwitch",
   props: {
     options: {
@@ -7571,122 +7725,83 @@ const Ur = Nr.exports, Yr = F.extend({
     }
   }
 });
-var Vr = function() {
-  var t = this, r = t._self._c;
-  return r("div", { class: t.containerClasses }, [r("input", { directives: [{ name: "model", rawName: "v-model", value: t.value, expression: "value" }], staticClass: "e-hidden", attrs: { id: "toggle", type: "checkbox" }, domProps: { checked: Array.isArray(t.value) ? t._i(t.value, null) > -1 : t.value }, on: { change: function(i) {
-    var s = t.value, a = i.target, n = !!a.checked;
+var Qi = function() {
+  var t = this, i = t._self._c;
+  return i("div", { class: t.containerClasses }, [i("input", { directives: [{ name: "model", rawName: "v-model", value: t.value, expression: "value" }], staticClass: "e-hidden", attrs: { id: "toggle", type: "checkbox" }, domProps: { checked: Array.isArray(t.value) ? t._i(t.value, null) > -1 : t.value }, on: { change: function(r) {
+    var s = t.value, a = r.target, n = !!a.checked;
     if (Array.isArray(s)) {
       var u = null, l = t._i(s, u);
       a.checked ? l < 0 && (t.value = s.concat([u])) : l > -1 && (t.value = s.slice(0, l).concat(s.slice(l + 1)));
     } else
       t.value = n;
-  } } }), t._l(t.options, function(i) {
-    return r("button", { key: i.value, class: t.getButtonClasses(i.value), on: { click: function(s) {
-      return t.handleClick(i.value);
-    } } }, [r("span", { class: t.textClasses }, [t._v(t._s(i.title))])]);
+  } } }), t._l(t.options, function(r) {
+    return i("button", { key: r.value, class: t.getButtonClasses(r.value), on: { click: function(s) {
+      return t.handleClick(r.value);
+    } } }, [i("span", { class: t.textClasses }, [t._v(t._s(r.title))])]);
   })], 2);
-}, Xr = [], Zr = /* @__PURE__ */ I(
-  Yr,
-  Vr,
-  Xr,
+}, Ji = [], er = /* @__PURE__ */ R(
+  Ki,
+  Qi,
+  Ji,
   !1,
   null,
   null,
   null,
   null
 );
-const qr = Zr.exports, we = F.extend({
-  data() {
-    return { eventListeners: [] };
-  },
-  beforeDestroy() {
-    this.$removeEventListeners();
-  },
-  methods: {
-    $addEventListener(e, t, r = window) {
-      if (!(r instanceof HTMLElement || r instanceof Window)) {
-        console.error(
-          "$addEventListener: The target element is not an HTMLElement."
-        ), console.log("$addEventListener: got: ", r);
-        return;
-      }
-      r.addEventListener(e, t), this.eventListeners = [...this.eventListeners, { element: r, event: e, cb: t }];
-    },
-    $removeEventListeners() {
-      this.eventListeners.forEach(({ element: e, event: t, cb: r }) => {
-        e == null || e.removeEventListener(t, r);
-      }), this.eventListeners = [];
-    }
-  }
-}), ct = F.extend({
-  data() {
-    return { timeouts: [] };
-  },
-  beforeDestroy() {
-    this.$clearTimeouts();
-  },
-  methods: {
-    $setTimeout(e, t = 0) {
-      const r = setTimeout(e, t);
-      return this.timeouts = [...this.timeouts, r], r;
-    },
-    $clearTimeouts() {
-      this.timeouts.forEach(clearTimeout);
-    }
-  }
-}), Kr = F.extend({
-  mixins: [we, ct],
+const tr = er.exports, ir = L.extend({
+  mixins: [le, Te],
   beforeDestroy() {
     this.$removeInactivityListeners();
   },
   methods: {
     resetInactivityListenerTimer(e = () => {
-    }, t = 0, r = []) {
-      this.$clearTimeouts(), this.setInactivityListenerTimer(e, t, r);
+    }, t = 0, i = []) {
+      this.$clearTimeouts(), this.setInactivityListenerTimer(e, t, i);
     },
     setInactivityListenerTimer(e = () => {
-    }, t = 0, r = []) {
+    }, t = 0, i = []) {
       e && t && this.$setTimeout(() => {
-        e(), r.length > 0 && this.setInactivityListenerReminderTimers(e, r);
+        e(), i.length > 0 && this.setInactivityListenerReminderTimers(e, i);
       }, t * 1e3);
     },
     setInactivityListenerReminderTimers(e = () => {
-    }, t = [], r = 0) {
-      const i = t[r];
-      r < t.length && this.$setTimeout(() => {
+    }, t = [], i = 0) {
+      const r = t[i];
+      i < t.length && this.$setTimeout(() => {
         e(), this.setInactivityListenerReminderTimers(
           e,
           t,
-          r + 1
+          i + 1
         );
-      }, i * 1e3);
+      }, r * 1e3);
     },
     $registerInactivityListener({
       callback: e = () => {
       },
       duration: t = 0,
-      reminders: r = []
+      reminders: i = []
     }) {
-      this.resetInactivityListenerTimer(e, t, r), this.$addEventListener(
+      this.resetInactivityListenerTimer(e, t, i), this.$addEventListener(
         "mousemove",
-        () => this.resetInactivityListenerTimer(e, t, r)
+        () => this.resetInactivityListenerTimer(e, t, i)
       );
     },
     $removeInactivityListeners() {
       this.$clearTimeouts();
     }
   }
-}), ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  eventListeners: we,
-  inactivityListener: Kr,
-  timeouts: ct
-}, Symbol.toStringTag, { value: "Module" })), Qr = F.extend({
+  eventListeners: le,
+  inactivityListener: ir,
+  timeouts: Te
+}, Symbol.toStringTag, { value: "Module" })), rr = L.extend({
   name: "EGlobalSearch",
   components: {
-    EIcon: Ce
+    EIcon: we
   },
-  mixins: [we],
+  mixins: [le],
   props: {
     dark: {
       type: Boolean,
@@ -7751,133 +7866,135 @@ const qr = Zr.exports, we = F.extend({
       this.search = e.target.value;
     },
     searchObjectsByQuery(e, t) {
-      return e.reduce((r, i, s) => {
-        const a = this.findMatchesInObject(i, t, []);
-        return a.length > 0 && r.push({ index: s, matches: a }), r;
+      return e.reduce((i, r, s) => {
+        const a = this.findMatchesInObject(r, t, []);
+        return a.length > 0 && i.push({ index: s, matches: a }), i;
       }, []);
     },
-    findMatchesInObject(e, t, r) {
-      return Object.entries(e).reduce((i, [s, a]) => {
-        const n = [...r, s], u = this.matchesQuery(a, t) ? [{ path: n, value: a }] : [];
+    findMatchesInObject(e, t, i) {
+      return Object.entries(e).reduce((r, [s, a]) => {
+        const n = [...i, s], u = this.matchesQuery(a, t) ? [{ path: n, value: a }] : [];
         let l = [];
         this.deep && Array.isArray(a) && (l = a.flatMap(
-          (h, p) => this.findMatchesInObject(h, t, [...n, `${p}`])
+          (d, m) => this.findMatchesInObject(d, t, [...n, `${m}`])
         ));
         const o = this.deep && typeof a == "object" && a !== null ? this.findMatchesInObject(a, t, n) : [];
-        return [...i, ...u, ...l, ...o];
+        return [...r, ...u, ...l, ...o];
       }, []);
     },
     matchesQuery(e, t) {
       return `${this.isValidDate(e) ? this.formattedTimestamp(e) : e}`.toLowerCase().indexOf(t.toLowerCase()) !== -1;
     },
     isValidDate(e) {
-      return R(e, this.currentDateFormat, !0).isValid();
+      return I(e, this.currentDateFormat, !0).isValid();
     },
     formattedTimestamp(e) {
-      return R.tz(e, this.timezone).format(this.convertedDateFormat);
+      return I.tz(e, this.timezone).format(this.convertedDateFormat);
     },
     onKeyHandler(e) {
-      const t = e, r = t.ctrlKey && t.type === "keydown", i = t.shiftKey && t.type === "keydown", s = ["f", "F"].includes(t.key) && t.type === "keydown", a = t.key === "Escape" && t.type === "keydown";
-      s && r && i && (this.isSearching = !0, this.$nextTick(() => {
+      const t = e, i = t.ctrlKey && t.type === "keydown", r = t.shiftKey && t.type === "keydown", s = ["f", "F"].includes(t.key) && t.type === "keydown", a = t.key === "Escape" && t.type === "keydown";
+      s && i && r && (this.isSearching = !0, this.$nextTick(() => {
         const n = this.$refs.searchField;
         n && n.focus();
       })), a && (this.isSearching = !1, this.search = "");
     }
   }
 });
-var Jr = function() {
-  var t = this, r = t._self._c;
-  return r("div", { directives: [{ name: "show", rawName: "v-show", value: !t.isFixedPosition || t.isSearching, expression: "!isFixedPosition || isSearching" }], staticClass: "global-search e-relative", class: {
-    "global-search--fixed e-p-4 e-text-white e-m-3": t.isFixedPosition
-  } }, [r("input", { directives: [{ name: "model", rawName: "v-model", value: t.search, expression: "search" }], ref: "searchField", class: [
+var nr = function() {
+  var t = this, i = t._self._c;
+  return i("div", { directives: [{ name: "show", rawName: "v-show", value: !t.isFixedPosition || t.isSearching, expression: "!isFixedPosition || isSearching" }], staticClass: "global-search e-relative", class: {
+    "global-search--fixed e-p-4 e-bg-white e-m-3": t.isFixedPosition
+  } }, [i("div", { staticClass: "e-relative" }, [i("input", { directives: [{ name: "model", rawName: "v-model", value: t.search, expression: "search" }], ref: "searchField", class: [
     "global-search__field e-shadow-sm e-ring-1 e-ring-inset e-relative e-block e-w-full e-h-full disabled:e-cursor-not-allowed disabled:e-opacity-75 focus:e-outline-none e-border-0 e-text-sm e-placeholder-gray-400 e-px-4 e-py-3 e-gap-x-1.5 e-rounded-md e-pr-10",
     t.inputClasses
-  ], attrs: { id: "global-search-input", placeholder: "Search", autocomplete: "off", type: "text", dark: t.dark }, domProps: { value: t.search }, on: { input: function(i) {
-    i.target.composing || (t.search = i.target.value);
-  } } }), r("span", { staticClass: "e-absolute e-inset-y-0 e-end-0 e-flex e-items-center e-justify-center e-pointer-events-none e-px-2.5" }, [r("EIcon", { attrs: { icon: "search", size: "sm" } })], 1)]);
-}, ei = [], ti = /* @__PURE__ */ I(
-  Qr,
-  Jr,
-  ei,
+  ], attrs: { id: "global-search-input", placeholder: "Search", autocomplete: "off", type: "text" }, domProps: { value: t.search }, on: { input: function(r) {
+    r.target.composing || (t.search = r.target.value);
+  } } }), i("span", { staticClass: "e-absolute e-inset-y-0 e-end-0 e-flex e-items-center e-justify-center e-pointer-events-none e-px-2.5" }, [i("EIcon", { attrs: { icon: "search", size: "sm" } })], 1)])]);
+}, sr = [], ar = /* @__PURE__ */ R(
+  rr,
+  nr,
+  sr,
   !1,
   null,
   null,
   null,
   null
 );
-const ri = ti.exports, Me = {
+const or = ar.exports, Oe = {
   EAvatar: yt,
-  EBadge: Ge,
-  EIcon: Ce,
-  ESpinner: st,
+  EBadge: Re,
+  EIcon: we,
+  ESpinner: at,
   ERow: It,
   ECol: Yt,
-  EVideoPlayer: nr,
-  ETimeline: gr,
-  EVideoEmbed: xr,
-  EHeatmapBar: lt,
-  EHoursHeatmap: Mr,
-  EReadMore: Br,
-  ETruncatedDiv: Rr,
-  ECompareSeparator: Ur,
-  EToggleSwitch: qr,
-  EZoomable: ot,
-  EGlobalSearch: ri
-}, fi = {
+  EVideoPlayer: ni,
+  ETimeline: gi,
+  EVideoEmbed: xi,
+  EHeatmapBar: ct,
+  EHoursHeatmap: Mi,
+  EReadMore: Bi,
+  ETruncatedDiv: Ri,
+  ECompareSeparator: Ui,
+  EToggleSwitch: tr,
+  EExpandableMenu: qi,
+  EZoomable: lt,
+  EGlobalSearch: or
+}, yr = {
   install(e) {
-    Object.keys(Me).forEach((t) => {
-      e.component(t, Me[t]);
-    }), Object.keys(ke).forEach((t) => {
-      e.mixin(t, ke[t]);
-    }), ar.forEach(({ name: t, definition: r }) => {
-      e.directive(t, r);
+    Object.keys(Oe).forEach((t) => {
+      e.component(t, Oe[t]);
+    }), Object.keys(Me).forEach((t) => {
+      e.mixin(t, Me[t]);
+    }), ai.forEach(({ name: t, definition: i }) => {
+      e.directive(t, i);
     });
   }
 };
 export {
-  oi as AvatarSizes,
-  ci as BadgeColors,
-  ai as BadgeSizes,
+  hr as AvatarSizes,
+  mr as BadgeColors,
+  dr as BadgeSizes,
   j as BaseColor,
   Dt as Colors,
-  ar as DirectivesMap,
+  ai as DirectivesMap,
   yt as EAvatar,
-  Ge as EBadge,
+  Re as EBadge,
   Yt as ECol,
-  Ur as ECompareSeparator,
-  ri as EGlobalSearch,
-  lt as EHeatmapBar,
-  Mr as EHoursHeatmap,
-  Ce as EIcon,
-  Br as EReadMore,
+  Ui as ECompareSeparator,
+  qi as EExpandableMenu,
+  or as EGlobalSearch,
+  ct as EHeatmapBar,
+  Mi as EHoursHeatmap,
+  we as EIcon,
+  Bi as EReadMore,
   It as ERow,
-  st as ESpinner,
-  gr as ETimeline,
-  qr as EToggleSwitch,
-  Rr as ETruncatedDiv,
-  di as EVENTS,
-  xr as EVideoEmbed,
-  nr as EVideoPlayer,
-  ot as EZoomable,
+  at as ESpinner,
+  gi as ETimeline,
+  tr as EToggleSwitch,
+  Ri as ETruncatedDiv,
+  gr as EVENTS,
+  xi as EVideoEmbed,
+  ni as EVideoPlayer,
+  lt as EZoomable,
   Et as IconSizes,
-  ui as InputSizes,
+  pr as InputSizes,
   Se as ResizeObserverDirective,
   _ as Size,
   $t as TextSizes,
-  re as TimelineAxis,
+  ie as TimelineAxis,
   U as TimelineChartType,
-  ie as TimelineIntervalChangeTrigger,
-  li as ToggleSwitchSizes,
-  hi as clsx,
-  Me as components,
+  re as TimelineIntervalChangeTrigger,
+  fr as ToggleSwitchSizes,
+  vr as clsx,
+  Oe as components,
   Zt as debounce,
-  fi as default,
-  we as eventListeners,
+  yr as default,
+  le as eventListeners,
   Xt as exitFullScreen,
-  nt as fullConfig,
-  Kr as inactivityListener,
-  at as isFullScreen,
+  st as fullConfig,
+  ir as inactivityListener,
+  ot as isFullScreen,
   Vt as makeFullScreen,
-  ct as timeouts
+  Te as timeouts
 };
 //# sourceMappingURL=index.mjs.map