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

package/dist/index.mjs

@@ -52,14 +52,14 @@ const et = q.extend({
     }
   }
 });
-function I(e, t, r, i, a, o, n, c) {
+function I(e, t, r, n, a, o, i, c) {
   var l = typeof e == "function" ? e.options : e;
-  t && (l.render = t, l.staticRenderFns = r, l._compiled = !0), i && (l.functional = !0), o && (l._scopeId = "data-v-" + o);
+  t && (l.render = t, l.staticRenderFns = r, l._compiled = !0), n && (l.functional = !0), o && (l._scopeId = "data-v-" + o);
   var s;
-  if (n ? (s = function(h) {
+  if (i ? (s = function(h) {
     h = h || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !h && typeof __VUE_SSR_CONTEXT__ != "undefined" && (h = __VUE_SSR_CONTEXT__), a && a.call(this, h), h && h._registeredComponents && h._registeredComponents.add(n);
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !h && typeof __VUE_SSR_CONTEXT__ != "undefined" && (h = __VUE_SSR_CONTEXT__), a && a.call(this, h), h && h._registeredComponents && h._registeredComponents.add(i);
   }, l._ssrRegister = s) : a && (s = c ? function() {
     a.call(
       this,
@@ -182,14 +182,14 @@ var Ae = {}, Me = {}, fe = {};
       return "0";
     if (/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(r))
       return r.replace(/^[+-]?/, (a) => a === "-" ? "" : "-");
-    let i = [
+    let n = [
       "var",
       "calc",
       "min",
       "max",
       "clamp"
     ];
-    for (const a of i)
+    for (const a of n)
       if (r.includes(`${a}(`))
         return `calc(${r} * -1)`;
   }
@@ -392,9 +392,9 @@ var Pe = {};
       return t;
     }
   });
-  function t(r, i) {
-    return r === void 0 ? i : Array.isArray(r) ? r : [
-      ...new Set(i.filter((o) => r !== !1 && r[o] !== !1).concat(Object.keys(r).filter((o) => r[o] !== !1)))
+  function t(r, n) {
+    return r === void 0 ? n : Array.isArray(r) ? r : [
+      ...new Set(n.filter((o) => r !== !1 && r[o] !== !1).concat(Object.keys(r).filter((o) => r[o] !== !1)))
     ];
   }
 })(Pe);
@@ -417,14 +417,14 @@ var Ge = me.exports;
   }
   t(e, {
     dim: function() {
-      return n;
+      return i;
     },
     default: function() {
       return c;
     }
   });
-  const r = /* @__PURE__ */ i(Ge);
-  function i(l) {
+  const r = /* @__PURE__ */ n(Ge);
+  function n(l) {
     return l && l.__esModule ? l : {
       default: l
     };
@@ -433,7 +433,7 @@ var Ge = me.exports;
   function o(l, s, d) {
     typeof process != "undefined" && process.env.JEST_WORKER_ID || d && a.has(d) || (d && a.add(d), console.warn(""), s.forEach((v) => console.warn(l, "-", v)));
   }
-  function n(l) {
+  function i(l) {
     return r.default.dim(l);
   }
   const c = {
@@ -478,9 +478,9 @@ var Ge = me.exports;
       default: o
     };
   }
-  function i({ version: o, from: n, to: c }) {
-    t.default.warn(`${n}-color-renamed`, [
-      `As of Tailwind CSS ${o}, \`${n}\` has been renamed to \`${c}\`.`,
+  function n({ version: o, from: i, to: c }) {
+    t.default.warn(`${i}-color-renamed`, [
+      `As of Tailwind CSS ${o}, \`${i}\` has been renamed to \`${c}\`.`,
       "Update your configuration file to silence this warning."
     ]);
   }
@@ -777,35 +777,35 @@ var Ge = me.exports;
       950: "#4c0519"
     },
     get lightBlue() {
-      return i({
+      return n({
         version: "v2.2",
         from: "lightBlue",
         to: "sky"
       }), this.sky;
     },
     get warmGray() {
-      return i({
+      return n({
         version: "v3.0",
         from: "warmGray",
         to: "stone"
       }), this.stone;
     },
     get trueGray() {
-      return i({
+      return n({
         version: "v3.0",
         from: "trueGray",
         to: "neutral"
       }), this.neutral;
     },
     get coolGray() {
-      return i({
+      return n({
         version: "v3.0",
         from: "coolGray",
         to: "gray"
       }), this.gray;
     },
     get blueGray() {
-      return i({
+      return n({
         version: "v3.0",
         from: "blueGray",
         to: "slate"
@@ -823,15 +823,15 @@ var He = {};
       return t;
     }
   });
-  function t(r, ...i) {
-    for (let n of i) {
-      for (let c in n) {
+  function t(r, ...n) {
+    for (let i of n) {
+      for (let c in i) {
         var a;
-        !(r == null || (a = r.hasOwnProperty) === null || a === void 0) && a.call(r, c) || (r[c] = n[c]);
+        !(r == null || (a = r.hasOwnProperty) === null || a === void 0) && a.call(r, c) || (r[c] = i[c]);
       }
-      for (let c of Object.getOwnPropertySymbols(n)) {
+      for (let c of Object.getOwnPropertySymbols(i)) {
         var o;
-        !(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r, c) || (r[c] = n[c]);
+        !(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r, c) || (r[c] = i[c]);
       }
     }
     return r;
@@ -850,8 +850,8 @@ var je = {};
   function t(r) {
     if (Array.isArray(r))
       return r;
-    let i = r.split("[").length - 1, a = r.split("]").length - 1;
-    if (i !== a)
+    let n = r.split("[").length - 1, a = r.split("]").length - 1;
+    if (n !== a)
       throw new Error(`Path is invalid. Has unbalanced brackets: ${r}`);
     return r.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
@@ -879,7 +879,7 @@ var Be = {}, ie = {};
       return d;
     }
   });
-  const r = /* @__PURE__ */ a(Ge), i = /* @__PURE__ */ a(re);
+  const r = /* @__PURE__ */ a(Ge), n = /* @__PURE__ */ a(re);
   function a(v) {
     return v && v.__esModule ? v : {
       default: v
@@ -894,7 +894,7 @@ var Be = {}, ie = {};
     get relativeContentPathsByDefault() {
       return !1;
     }
-  }, n = {
+  }, i = {
     future: [
       "hoverOnlyWhenSupported",
       "respectDefaultRingColorOpacity",
@@ -907,11 +907,11 @@ var Be = {}, ie = {};
     ]
   };
   function c(v, h) {
-    if (n.future.includes(h)) {
+    if (i.future.includes(h)) {
       var E, y, k;
       return v.future === "all" || ((k = (y = v == null || (E = v.future) === null || E === void 0 ? void 0 : E[h]) !== null && y !== void 0 ? y : o[h]) !== null && k !== void 0 ? k : !1);
     }
-    if (n.experimental.includes(h)) {
+    if (i.experimental.includes(h)) {
       var F, P, L;
       return v.experimental === "all" || ((L = (P = v == null || (F = v.experimental) === null || F === void 0 ? void 0 : F[h]) !== null && P !== void 0 ? P : o[h]) !== null && L !== void 0 ? L : !1);
     }
@@ -919,20 +919,20 @@ var Be = {}, ie = {};
   }
   function l(v) {
     if (v.experimental === "all")
-      return n.experimental;
+      return i.experimental;
     var h;
-    return Object.keys((h = v == null ? void 0 : v.experimental) !== null && h !== void 0 ? h : {}).filter((E) => n.experimental.includes(E) && v.experimental[E]);
+    return Object.keys((h = v == null ? void 0 : v.experimental) !== null && h !== void 0 ? h : {}).filter((E) => i.experimental.includes(E) && v.experimental[E]);
   }
   function s(v) {
     if (process.env.JEST_WORKER_ID === void 0 && l(v).length > 0) {
       let h = l(v).map((E) => r.default.yellow(E)).join(", ");
-      i.default.warn("experimental-flags-enabled", [
+      n.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 d = n;
+  const d = i;
 })(ie);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -944,62 +944,62 @@ var Be = {}, ie = {};
     }
   });
   const t = ie, r = /* @__PURE__ */ a(re);
-  function i(n) {
+  function n(i) {
     if (typeof WeakMap != "function")
       return null;
     var c = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
-    return (i = function(s) {
+    return (n = function(s) {
       return s ? l : c;
-    })(n);
+    })(i);
   }
-  function a(n, c) {
-    if (!c && n && n.__esModule)
-      return n;
-    if (n === null || typeof n != "object" && typeof n != "function")
+  function a(i, c) {
+    if (!c && i && i.__esModule)
+      return i;
+    if (i === null || typeof i != "object" && typeof i != "function")
       return {
-        default: n
+        default: i
       };
-    var l = i(c);
-    if (l && l.has(n))
-      return l.get(n);
+    var l = n(c);
+    if (l && l.has(i))
+      return l.get(i);
     var s = {}, d = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var v in n)
-      if (v !== "default" && Object.prototype.hasOwnProperty.call(n, v)) {
-        var h = d ? Object.getOwnPropertyDescriptor(n, v) : null;
-        h && (h.get || h.set) ? Object.defineProperty(s, v, h) : s[v] = n[v];
+    for (var v in i)
+      if (v !== "default" && Object.prototype.hasOwnProperty.call(i, v)) {
+        var h = d ? Object.getOwnPropertyDescriptor(i, v) : null;
+        h && (h.get || h.set) ? Object.defineProperty(s, v, h) : s[v] = i[v];
       }
-    return s.default = n, l && l.set(n, s), s;
+    return s.default = i, l && l.set(i, s), s;
   }
-  function o(n) {
+  function o(i) {
     if ((() => {
-      if (n.purge || !n.content || !Array.isArray(n.content) && !(typeof n.content == "object" && n.content !== null))
+      if (i.purge || !i.content || !Array.isArray(i.content) && !(typeof i.content == "object" && i.content !== null))
         return !1;
-      if (Array.isArray(n.content))
-        return n.content.every((s) => typeof s == "string" ? !0 : !(typeof (s == null ? void 0 : s.raw) != "string" || s != null && s.extension && typeof (s == null ? void 0 : s.extension) != "string"));
-      if (typeof n.content == "object" && n.content !== null) {
-        if (Object.keys(n.content).some((s) => ![
+      if (Array.isArray(i.content))
+        return i.content.every((s) => typeof s == "string" ? !0 : !(typeof (s == null ? void 0 : s.raw) != "string" || s != null && s.extension && typeof (s == null ? void 0 : s.extension) != "string"));
+      if (typeof i.content == "object" && i.content !== null) {
+        if (Object.keys(i.content).some((s) => ![
           "files",
           "relative",
           "extract",
           "transform"
         ].includes(s)))
           return !1;
-        if (Array.isArray(n.content.files)) {
-          if (!n.content.files.every((s) => typeof s == "string" ? !0 : !(typeof (s == null ? void 0 : s.raw) != "string" || s != null && s.extension && typeof (s == null ? void 0 : s.extension) != "string")))
+        if (Array.isArray(i.content.files)) {
+          if (!i.content.files.every((s) => typeof s == "string" ? !0 : !(typeof (s == null ? void 0 : s.raw) != "string" || s != null && s.extension && typeof (s == null ? void 0 : s.extension) != "string")))
             return !1;
-          if (typeof n.content.extract == "object") {
-            for (let s of Object.values(n.content.extract))
+          if (typeof i.content.extract == "object") {
+            for (let s of Object.values(i.content.extract))
               if (typeof s != "function")
                 return !1;
-          } else if (!(n.content.extract === void 0 || typeof n.content.extract == "function"))
+          } else if (!(i.content.extract === void 0 || typeof i.content.extract == "function"))
             return !1;
-          if (typeof n.content.transform == "object") {
-            for (let s of Object.values(n.content.transform))
+          if (typeof i.content.transform == "object") {
+            for (let s of Object.values(i.content.transform))
               if (typeof s != "function")
                 return !1;
-          } else if (!(n.content.transform === void 0 || typeof n.content.transform == "function"))
+          } else if (!(i.content.transform === void 0 || typeof i.content.transform == "function"))
             return !1;
-          if (typeof n.content.relative != "boolean" && typeof n.content.relative != "undefined")
+          if (typeof i.content.relative != "boolean" && typeof i.content.relative != "undefined")
             return !1;
         }
         return !0;
@@ -1009,12 +1009,12 @@ var Be = {}, ie = {};
       "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 = (() => {
+    ]), i.safelist = (() => {
       var s;
-      let { content: d, purge: v, safelist: h } = n;
+      let { content: d, purge: v, safelist: h } = i;
       return Array.isArray(h) ? h : Array.isArray(d == null ? void 0 : d.safelist) ? d.safelist : Array.isArray(v == null ? void 0 : v.safelist) ? v.safelist : Array.isArray(v == null || (s = v.options) === null || s === void 0 ? void 0 : s.safelist) ? v.options.safelist : [];
-    })(), n.blocklist = (() => {
-      let { blocklist: s } = n;
+    })(), i.blocklist = (() => {
+      let { blocklist: s } = i;
       if (Array.isArray(s)) {
         if (s.every((d) => typeof d == "string"))
           return s;
@@ -1024,35 +1024,35 @@ var Be = {}, ie = {};
         ]);
       }
       return [];
-    })(), typeof n.prefix == "function")
+    })(), typeof i.prefix == "function")
       r.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"
-      ]), n.prefix = "";
+      ]), i.prefix = "";
     else {
       var l;
-      n.prefix = (l = n.prefix) !== null && l !== void 0 ? l : "";
+      i.prefix = (l = i.prefix) !== null && l !== void 0 ? l : "";
     }
-    n.content = {
+    i.content = {
       relative: (() => {
-        let { content: s } = n;
-        return s != null && s.relative ? s.relative : (0, t.flagEnabled)(n, "relativeContentPathsByDefault");
+        let { content: s } = i;
+        return s != null && s.relative ? s.relative : (0, t.flagEnabled)(i, "relativeContentPathsByDefault");
       })(),
       files: (() => {
-        let { content: s, purge: d } = n;
+        let { content: s, purge: d } = i;
         return Array.isArray(d) ? d : Array.isArray(d == null ? void 0 : d.content) ? d.content : Array.isArray(s) ? s : Array.isArray(s == null ? void 0 : s.content) ? s.content : Array.isArray(s == null ? void 0 : s.files) ? s.files : [];
       })(),
       extract: (() => {
         let s = (() => {
           var h, E, y, k, F, P, L, M, G, H;
-          return !((h = n.purge) === null || h === void 0) && h.extract ? n.purge.extract : !((E = n.content) === null || E === void 0) && E.extract ? n.content.extract : !((y = n.purge) === null || y === void 0 || (k = y.extract) === null || k === void 0) && k.DEFAULT ? n.purge.extract.DEFAULT : !((F = n.content) === null || F === void 0 || (P = F.extract) === null || P === void 0) && P.DEFAULT ? n.content.extract.DEFAULT : !((L = n.purge) === null || L === void 0 || (M = L.options) === null || M === void 0) && M.extractors ? n.purge.options.extractors : !((G = n.content) === null || G === void 0 || (H = G.options) === null || H === void 0) && H.extractors ? n.content.options.extractors : {};
+          return !((h = i.purge) === null || h === void 0) && h.extract ? i.purge.extract : !((E = i.content) === null || E === void 0) && E.extract ? i.content.extract : !((y = i.purge) === null || y === void 0 || (k = y.extract) === null || k === void 0) && k.DEFAULT ? i.purge.extract.DEFAULT : !((F = i.content) === null || F === void 0 || (P = F.extract) === null || P === void 0) && P.DEFAULT ? i.content.extract.DEFAULT : !((L = i.purge) === null || L === void 0 || (M = L.options) === null || M === void 0) && M.extractors ? i.purge.options.extractors : !((G = i.content) === null || G === void 0 || (H = G.options) === null || H === void 0) && H.extractors ? i.content.options.extractors : {};
         })(), d = {}, v = (() => {
           var h, E, y, k;
-          if (!((h = n.purge) === null || h === void 0 || (E = h.options) === null || E === void 0) && E.defaultExtractor)
-            return n.purge.options.defaultExtractor;
-          if (!((y = n.content) === null || y === void 0 || (k = y.options) === null || k === void 0) && k.defaultExtractor)
-            return n.content.options.defaultExtractor;
+          if (!((h = i.purge) === null || h === void 0 || (E = h.options) === null || E === void 0) && E.defaultExtractor)
+            return i.purge.options.defaultExtractor;
+          if (!((y = i.content) === null || y === void 0 || (k = y.options) === null || k === void 0) && k.defaultExtractor)
+            return i.content.options.defaultExtractor;
         })();
         if (v !== void 0 && (d.DEFAULT = v), typeof s == "function")
           d.DEFAULT = s;
@@ -1067,12 +1067,12 @@ var Be = {}, ie = {};
       transform: (() => {
         let s = (() => {
           var v, h, E, y, k, F;
-          return !((v = n.purge) === null || v === void 0) && v.transform ? n.purge.transform : !((h = n.content) === null || h === void 0) && h.transform ? n.content.transform : !((E = n.purge) === null || E === void 0 || (y = E.transform) === null || y === void 0) && y.DEFAULT ? n.purge.transform.DEFAULT : !((k = n.content) === null || k === void 0 || (F = k.transform) === null || F === void 0) && F.DEFAULT ? n.content.transform.DEFAULT : {};
+          return !((v = i.purge) === null || v === void 0) && v.transform ? i.purge.transform : !((h = i.content) === null || h === void 0) && h.transform ? i.content.transform : !((E = i.purge) === null || E === void 0 || (y = E.transform) === null || y === void 0) && y.DEFAULT ? i.purge.transform.DEFAULT : !((k = i.content) === null || k === void 0 || (F = k.transform) === null || F === void 0) && F.DEFAULT ? i.content.transform.DEFAULT : {};
         })(), d = {};
         return typeof s == "function" && (d.DEFAULT = s), typeof s == "object" && s !== null && Object.assign(d, s), d;
       })()
     };
-    for (let s of n.content.files)
+    for (let s of i.content.files)
       if (typeof s == "string" && /{([^,]*?)}/g.test(s)) {
         r.default.warn("invalid-glob-braces", [
           `The glob pattern ${(0, r.dim)(s)} in your Tailwind CSS configuration is invalid.`,
@@ -1080,7 +1080,7 @@ var Be = {}, ie = {};
         ]);
         break;
       }
-    return n;
+    return i;
   }
 })(Be);
 var We = {};
@@ -1096,8 +1096,8 @@ var We = {};
   function t(r) {
     if (Object.prototype.toString.call(r) !== "[object Object]")
       return !1;
-    const i = Object.getPrototypeOf(r);
-    return i === null || i === Object.prototype;
+    const n = Object.getPrototypeOf(r);
+    return n === null || n === Object.prototype;
   }
 })(We);
 var Re = {};
@@ -1111,8 +1111,8 @@ var Re = {};
     }
   });
   function t(r) {
-    return Array.isArray(r) ? r.map((i) => t(i)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([i, a]) => [
-      i,
+    return Array.isArray(r) ? r.map((n) => t(n)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([n, a]) => [
+      n,
       t(a)
     ])) : r;
   }
@@ -1903,13 +1903,13 @@ var pe = {}, ge = {}, Ie = {};
       return E;
     }
   });
-  const r = /* @__PURE__ */ i(Ie);
-  function i(y) {
+  const r = /* @__PURE__ */ n(Ie);
+  function n(y) {
     return y && y.__esModule ? y : {
       default: y
     };
   }
-  let a = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, o = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, n = /(?:\d+|\d*\.\d+)%?/, c = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, s = /var\(--(?:[^ )]*?)\)/, d = new RegExp(`^(rgba?)\\(\\s*(${n.source}|${s.source})(?:${c.source}(${n.source}|${s.source}))?(?:${c.source}(${n.source}|${s.source}))?(?:${l.source}(${n.source}|${s.source}))?\\s*\\)$`), v = new RegExp(`^(hsla?)\\(\\s*((?:${n.source})(?:deg|rad|grad|turn)?|${s.source})(?:${c.source}(${n.source}|${s.source}))?(?:${c.source}(${n.source}|${s.source}))?(?:${l.source}(${n.source}|${s.source}))?\\s*\\)$`);
+  let a = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, o = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, i = /(?:\d+|\d*\.\d+)%?/, c = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, s = /var\(--(?:[^ )]*?)\)/, d = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${s.source})(?:${c.source}(${i.source}|${s.source}))?(?:${c.source}(${i.source}|${s.source}))?(?:${l.source}(${i.source}|${s.source}))?\\s*\\)$`), v = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${s.source})(?:${c.source}(${i.source}|${s.source}))?(?:${c.source}(${i.source}|${s.source}))?(?:${l.source}(${i.source}|${s.source}))?\\s*\\)$`);
   function h(y, { loose: k = !1 } = {}) {
     var F, P;
     if (typeof y != "string")
@@ -1979,37 +1979,37 @@ var pe = {}, ge = {}, Ie = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(o, n) {
-    for (var c in n)
+  function t(o, i) {
+    for (var c in i)
       Object.defineProperty(o, c, {
         enumerable: !0,
-        get: n[c]
+        get: i[c]
       });
   }
   t(e, {
     withAlphaValue: function() {
-      return i;
+      return n;
     },
     default: function() {
       return a;
     }
   });
   const r = ge;
-  function i(o, n, c) {
+  function n(o, i, c) {
     if (typeof o == "function")
       return o({
-        opacityValue: n
+        opacityValue: i
       });
     let l = (0, r.parseColor)(o, {
       loose: !0
     });
     return l === null ? c : (0, r.formatColor)({
       ...l,
-      alpha: n
+      alpha: i
     });
   }
-  function a({ color: o, property: n, variable: c }) {
-    let l = [].concat(n);
+  function a({ color: o, property: i, variable: c }) {
+    let l = [].concat(i);
     if (typeof o == "function")
       return {
         [c]: "1",
@@ -2050,13 +2050,13 @@ var ve = {}, Ve = {}, ne = {};
       return t;
     }
   });
-  function t(r, i) {
-    let a = [], o = [], n = 0, c = !1;
+  function t(r, n) {
+    let a = [], o = [], i = 0, c = !1;
     for (let l = 0; l < r.length; l++) {
       let s = r[l];
-      a.length === 0 && s === i[0] && !c && (i.length === 1 || r.slice(l, l + i.length) === i) && (o.push(r.slice(n, l)), n = l + i.length), c ? c = !1 : s === "\\" && (c = !0), s === "(" || s === "[" || s === "{" ? a.push(s) : (s === ")" && a[a.length - 1] === "(" || s === "]" && a[a.length - 1] === "[" || s === "}" && a[a.length - 1] === "{") && a.pop();
+      a.length === 0 && s === n[0] && !c && (n.length === 1 || r.slice(l, l + n.length) === n) && (o.push(r.slice(i, l)), i = l + n.length), c ? c = !1 : s === "\\" && (c = !0), s === "(" || s === "[" || s === "{" ? a.push(s) : (s === ")" && a[a.length - 1] === "(" || s === "]" && a[a.length - 1] === "[" || s === "}" && a[a.length - 1] === "{") && a.pop();
     }
-    return o.push(r.slice(n)), o;
+    return o.push(r.slice(i)), o;
   }
 })(ne);
 (function(e) {
@@ -2072,27 +2072,27 @@ var ve = {}, Ve = {}, ne = {};
   }
   t(e, {
     parseBoxShadowValue: function() {
-      return n;
+      return i;
     },
     formatBoxShadowValue: function() {
       return c;
     }
   });
   const r = ne;
-  let i = /* @__PURE__ */ new Set([
+  let n = /* @__PURE__ */ new Set([
     "inset",
     "inherit",
     "initial",
     "revert",
     "unset"
   ]), a = /\ +(?![^(]*\))/g, o = /^-?(\d+|\.\d+)(.*?)$/g;
-  function n(l) {
+  function i(l) {
     return (0, r.splitAtTopLevelOnly)(l, ",").map((d) => {
       let v = d.trim(), h = {
         raw: v
       }, E = v.split(a), y = /* @__PURE__ */ new Set();
       for (let k of E)
-        o.lastIndex = 0, !y.has("KEYWORD") && i.has(k) ? (h.keyword = k, y.add("KEYWORD")) : o.test(k) ? y.has("X") ? y.has("Y") ? y.has("BLUR") ? y.has("SPREAD") || (h.spread = k, y.add("SPREAD")) : (h.blur = k, y.add("BLUR")) : (h.y = k, y.add("Y")) : (h.x = k, y.add("X")) : h.color ? (h.unknown || (h.unknown = []), h.unknown.push(k)) : h.color = k;
+        o.lastIndex = 0, !y.has("KEYWORD") && n.has(k) ? (h.keyword = k, y.add("KEYWORD")) : o.test(k) ? y.has("X") ? y.has("Y") ? y.has("BLUR") ? y.has("SPREAD") || (h.spread = k, y.add("SPREAD")) : (h.blur = k, y.add("BLUR")) : (h.y = k, y.add("Y")) : (h.x = k, y.add("X")) : h.color ? (h.unknown || (h.unknown = []), h.unknown.push(k)) : h.color = k;
       return h.valid = h.x !== void 0 && h.y !== void 0, h;
     });
   }
@@ -2165,14 +2165,14 @@ var ve = {}, Ve = {}, ne = {};
       return $;
     }
   });
-  const r = ge, i = Ve, a = ne;
+  const r = ge, n = Ve, a = ne;
   let o = [
     "min",
     "max",
     "clamp",
     "calc"
   ];
-  function n(f) {
+  function i(f) {
     return o.some((_) => new RegExp(`^${_}\\(.*\\)`).test(f));
   }
   const c = "--tw-placeholder", l = new RegExp(c, "g");
@@ -2189,10 +2189,10 @@ var ve = {}, Ve = {}, ne = {};
     return f.startsWith("url(");
   }
   function h(f) {
-    return !isNaN(Number(f)) || n(f);
+    return !isNaN(Number(f)) || i(f);
   }
   function E(f) {
-    return f.endsWith("%") && h(f.slice(0, -1)) || n(f);
+    return f.endsWith("%") && h(f.slice(0, -1)) || i(f);
   }
   let k = `(?:${[
     "cm",
@@ -2228,7 +2228,7 @@ var ve = {}, Ve = {}, ne = {};
     "cqmax"
   ].join("|")})`;
   function F(f) {
-    return f === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(f) || n(f);
+    return f === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(f) || i(f);
   }
   let P = /* @__PURE__ */ new Set([
     "thin",
@@ -2239,7 +2239,7 @@ var ve = {}, Ve = {}, ne = {};
     return P.has(f);
   }
   function M(f) {
-    let _ = (0, i.parseBoxShadowValue)(s(f));
+    let _ = (0, n.parseBoxShadowValue)(s(f));
     for (let A of _)
       if (!A.valid)
         return !1;
@@ -2336,17 +2336,17 @@ var qe = {};
   }), Object.defineProperty(e, "backgroundSize", {
     enumerable: !0,
     get: function() {
-      return i;
+      return n;
     }
   });
   const t = ve, r = ne;
-  function i(a) {
+  function n(a) {
     let o = [
       "cover",
       "contain"
     ];
-    return (0, r.splitAtTopLevelOnly)(a, ",").every((n) => {
-      let c = (0, r.splitAtTopLevelOnly)(n, "_").filter(Boolean);
+    return (0, r.splitAtTopLevelOnly)(a, ",").every((i) => {
+      let c = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
       return c.length === 1 && o.includes(c[0]) ? !0 : c.length !== 1 && c.length !== 2 ? !1 : c.every((l) => (0, t.length)(l) || (0, t.percentage)(l) || l === "auto");
     });
   }
@@ -2388,7 +2388,7 @@ var qe = {};
       return R;
     }
   });
-  const r = /* @__PURE__ */ l(Ne), i = pe, a = ve, o = /* @__PURE__ */ l(fe), n = qe, c = ie;
+  const r = /* @__PURE__ */ l(Ne), n = pe, a = ve, o = /* @__PURE__ */ l(fe), i = qe, c = ie;
   function l(g) {
     return g && g.__esModule ? g : {
       default: g
@@ -2456,7 +2456,7 @@ var qe = {};
     if (p !== void 0) {
       var $, f, _, A;
       let O = (A = ($ = D.values) === null || $ === void 0 ? void 0 : $[x]) !== null && A !== void 0 ? A : E(x) ? x.slice(1, -1) : void 0;
-      return O === void 0 ? void 0 : (O = k(O), E(p) ? (0, i.withAlphaValue)(O, F(p)) : ((f = C.theme) === null || f === void 0 || (_ = f.opacity) === null || _ === void 0 ? void 0 : _[p]) === void 0 ? void 0 : (0, i.withAlphaValue)(O, C.theme.opacity[p]));
+      return O === void 0 ? void 0 : (O = k(O), E(p) ? (0, n.withAlphaValue)(O, F(p)) : ((f = C.theme) === null || f === void 0 || (_ = f.opacity) === null || _ === void 0 ? void 0 : _[p]) === void 0 ? void 0 : (0, n.withAlphaValue)(O, C.theme.opacity[p]));
     }
     return h(g, D, {
       validate: a.color
@@ -2487,7 +2487,7 @@ var qe = {};
     "absolute-size": M(a.absoluteSize),
     "relative-size": M(a.relativeSize),
     shadow: M(a.shadow),
-    size: M(n.backgroundSize)
+    size: M(i.backgroundSize)
   }, H = Object.keys(G);
   function W(g, D) {
     let C = g.indexOf(D);
@@ -2572,7 +2572,7 @@ var Xe = {};
       return C;
     }
   });
-  const t = /* @__PURE__ */ E(fe), r = /* @__PURE__ */ E(ze), i = /* @__PURE__ */ E(Pe), a = /* @__PURE__ */ E(he), o = He, n = je, c = Be, l = /* @__PURE__ */ E(We), s = Re, d = Ue, v = pe, h = /* @__PURE__ */ E(Xe);
+  const t = /* @__PURE__ */ E(fe), r = /* @__PURE__ */ E(ze), n = /* @__PURE__ */ E(Pe), a = /* @__PURE__ */ E(he), o = He, i = je, c = Be, l = /* @__PURE__ */ E(We), s = Re, d = Ue, v = pe, h = /* @__PURE__ */ E(Xe);
   function E(m) {
     return m && m.__esModule ? m : {
       default: m
@@ -2645,12 +2645,12 @@ var Xe = {};
     ].map((_) => P(_, $, f)), G));
   }
   function* W(m) {
-    let b = (0, n.toPath)(m);
+    let b = (0, i.toPath)(m);
     if (b.length === 0 || (yield b, Array.isArray(m)))
       return;
     let x = /^(.*?)\s*\/\s*([^/]+)$/, p = m.match(x);
     if (p !== null) {
-      let [, $, f] = p, _ = (0, n.toPath)($);
+      let [, $, f] = p, _ = (0, i.toPath)($);
       _.alpha = f, yield _;
     }
   }
@@ -2701,7 +2701,7 @@ var Xe = {};
       ...m
     ].reduceRight((x, p) => y(p) ? p({
       corePlugins: x
-    }) : (0, i.default)(p, x), r.default);
+    }) : (0, n.default)(p, x), r.default);
   }
   function D(m) {
     return [
@@ -3728,15 +3728,15 @@ var Ye = {}, ct = {
       return a;
     }
   });
-  const t = /* @__PURE__ */ i(ct), r = ie;
-  function i(o) {
+  const t = /* @__PURE__ */ n(ct), r = ie;
+  function n(o) {
     return o && o.__esModule ? o : {
       default: o
     };
   }
   function a(o) {
-    var n;
-    const c = ((n = o == null ? void 0 : o.presets) !== null && n !== void 0 ? n : [
+    var i;
+    const c = ((i = o == null ? void 0 : o.presets) !== null && i !== void 0 ? i : [
       t.default
     ]).slice().reverse().flatMap((d) => a(d instanceof Function ? d() : d)), l = {
       // Add experimental configs here...
@@ -3775,17 +3775,17 @@ var Ye = {}, ct = {
       return a;
     }
   });
-  const t = /* @__PURE__ */ i(Me), r = /* @__PURE__ */ i(Ye);
-  function i(o) {
+  const t = /* @__PURE__ */ n(Me), r = /* @__PURE__ */ n(Ye);
+  function n(o) {
     return o && o.__esModule ? o : {
       default: o
     };
   }
   function a(...o) {
-    let [, ...n] = (0, r.default)(o[0]);
+    let [, ...i] = (0, r.default)(o[0]);
     return (0, t.default)([
       ...o,
-      ...n
+      ...i
     ]);
   }
 })(Ae);
@@ -3987,8 +3987,8 @@ const ht = {
       }), {});
     },
     iconClasses() {
-      var i, a;
-      const e = this.sizes[this.size] || this.sizes[T.sm], t = `${((a = (i = this.icon) == null ? void 0 : i.split(" ")) == null ? void 0 : a.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
+      var n, a;
+      const e = this.sizes[this.size] || this.sizes[T.sm], t = `${((a = (n = this.icon) == null ? void 0 : n.split(" ")) == null ? void 0 : a.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
       return [
         "e-inline-flex e-items-center e-justify-center e-rounded-full",
         this.color,
@@ -4085,7 +4085,7 @@ var Tt = function() {
   Et,
   !1,
   null,
-  "29711f67",
+  "f6962f4a",
   null,
   null
 );
@@ -4322,8 +4322,8 @@ const oe = new Intl.NumberFormat(void 0, {
   "statechanged",
   "error"
 ], J = (e) => {
-  const t = Math.floor(e % 60), r = Math.floor(e / 60) % 60, i = Math.floor(e / 3600);
-  return i === 0 ? `${r}:${oe.format(t)}` : `${i}:${oe.format(
+  const t = Math.floor(e % 60), r = Math.floor(e / 60) % 60, n = Math.floor(e / 3600);
+  return n === 0 ? `${r}:${oe.format(t)}` : `${n}:${oe.format(
     r
   )}:${oe.format(t)}`;
 }, Bt = q.extend({
@@ -4398,11 +4398,11 @@ const oe = new Intl.NumberFormat(void 0, {
       const t = this.$refs.player, r = this.$refs.timelineContainer;
       t.addEventListener(
         e,
-        (i) => {
+        (n) => {
           e === "loadeddata" && (this.videoLength = J(t.duration)), e === "timeupdate" && (this.percentagePlayed = t.currentTime / t.duration * 100, r.style.setProperty(
             "--progress-position",
             this.percentagePlayed.toString()
-          )), this.$emit(e, { event: i, player: this });
+          )), this.$emit(e, { event: n, player: this });
         },
         !0
       );
@@ -4411,11 +4411,11 @@ const oe = new Intl.NumberFormat(void 0, {
       const t = this.$refs.player, r = this.$refs.timelineContainer;
       t.addEventListener(
         e,
-        (i) => {
+        (n) => {
           e === "loadeddata" && (this.videoLength = J(t.duration)), e === "timeupdate" && (this.percentagePlayed = t.currentTime / t.duration * 100, r.style.setProperty(
             "--progress-position",
             this.percentagePlayed.toString()
-          )), this.$emit(e, { event: i, player: this });
+          )), this.$emit(e, { event: n, player: this });
         },
         !0
       );
@@ -4531,7 +4531,7 @@ const oe = new Intl.NumberFormat(void 0, {
       const t = this.$refs.player;
       if (!document.body.contains(t))
         return;
-      const r = this.$refs.timelineContainer, i = r.getBoundingClientRect(), a = Math.min(Math.max(0, e.x - i.x), i.width) / i.width;
+      const r = this.$refs.timelineContainer, n = r.getBoundingClientRect(), a = Math.min(Math.max(0, e.x - n.x), n.width) / n.width;
       r.style.setProperty(
         "--preview-position",
         a.toString()
@@ -4545,18 +4545,18 @@ const oe = 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, r = this.$refs.videoContainer, n = this.$refs.player;
+      if (!n)
         return;
       const a = t.getBoundingClientRect(), o = Math.min(Math.max(0, e.x - a.x), a.width) / a.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);
+        this.wasPaused = n.paused, await n.pause(), this.handleTimelineUpdate(e);
         return;
       }
-      if (this.realtime = o * this.videoDuration, i.currentTime = o * this.videoDuration, this.wasPaused)
+      if (this.realtime = o * this.videoDuration, n.currentTime = o * this.videoDuration, this.wasPaused)
         return;
-      const n = i.play();
-      n !== void 0 && n.then(() => this.handleTimelineUpdate(e)).catch(console.error);
+      const i = n.play();
+      i !== void 0 && i.then(() => this.handleTimelineUpdate(e)).catch(console.error);
     },
     handleKeyDown(e) {
       var r;
@@ -4583,8 +4583,8 @@ const oe = new Intl.NumberFormat(void 0, {
 });
 var Wt = function() {
   var t = this, r = t._self._c;
-  return r("div", { ref: "videoContainer", staticClass: "video-container paused", attrs: { "data-volume-level": "high" } }, [r("video", t._g(t._b({ ref: "player", attrs: { controls: !1, preload: "auto" }, on: { ended: t.handleEnded, click: t.togglePlay, loadedmetadata: t.getDuration, timeupdate: t.handleTimeUpdate, loadeddata: t.handleLoading } }, "video", t.videoOptions, !1), t.videoListeners), 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));
+  return r("div", { ref: "videoContainer", staticClass: "video-container paused", attrs: { "data-volume-level": "high" } }, [r("video", t._g(t._b({ ref: "player", attrs: { controls: !1, preload: "auto" }, on: { ended: t.handleEnded, click: t.togglePlay, loadedmetadata: t.getDuration, timeupdate: t.handleTimeUpdate, loadeddata: t.handleLoading } }, "video", t.videoOptions, !1), t.videoListeners), t._l(t.sourceItems, function(n) {
+    return r("source", t._g({ key: n.src, attrs: { src: n.src, type: n.type }, on: { error: t.handle404Error } }, t.videoListeners));
   }), 0), t.isLoading ? r("div", { staticClass: "spinner-container" }, [r("ESpinner", { attrs: { size: "9xl", opacity: "0.6", dark: !0 } })], 1) : t._e(), 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(), 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: {
     "fa-play": !t.playing,
     "fa-pause": t.playing
@@ -4601,28 +4601,28 @@ var Wt = function() {
   Rt,
   !1,
   null,
-  "dd8ff405",
+  "1f364495",
   null,
   null
 );
 const Nt = Ut.exports, te = (e) => {
-  const t = u.utcFormat("%_d")(e), i = {
+  const t = u.utcFormat("%_d")(e), n = {
     1: "st",
     2: "nd",
     3: "rd"
   }[t.charAt(1)] || "th";
-  return `${t}${i}`;
+  return `${t}${n}`;
 }, be = (e) => new Date(
   Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + 1)
 ).getUTCDate() === 1 ? "" : u.utcFormat("%-d")(e), X = (e) => ["0", " 0", "00"].includes(u.utcFormat("%H")(e)) ? "" : `${u.utcFormat("%H")(e)}h`, V = (e) => {
   const t = u.utcFormat("%H:%M")(e);
   return t === "00:00" ? "" : t;
 }, le = (e) => u.utcFormat("%M:%S")(e), xe = (e) => `${u.utcFormat("%Hh%Mm")(e)}`, de = (e) => {
-  const t = V(e), r = te(e), i = u.utcFormat("%B")(e);
-  return t || `${i} ${r}`;
+  const t = V(e), r = te(e), n = u.utcFormat("%B")(e);
+  return t || `${n} ${r}`;
 }, ue = (e) => {
-  const t = V(e), r = Number.parseInt(u.utcFormat("%H")(e)), i = te(e), a = u.utcFormat("%B")(e);
-  return t && r % 6 === 0 ? `${a} ${i} ${t}` : de(e);
+  const t = V(e), r = Number.parseInt(u.utcFormat("%H")(e)), n = te(e), a = u.utcFormat("%B")(e);
+  return t && r % 6 === 0 ? `${a} ${n} ${t}` : de(e);
 }, Y = (e) => (t) => {
   const r = u.utcFormat("%H")(t);
   return !(u.utcFormat("%M")(t) === "00" && Number.parseInt(r) % e === 0);
@@ -4630,8 +4630,8 @@ const Nt = Ut.exports, te = (e) => {
   const r = u.utcFormat("%M")(t);
   return Number.parseInt(r) % e !== 0;
 }, _e = (e) => (t) => {
-  const r = u.utcFormat("%M")(t), i = u.utcFormat("%S")(t);
-  return Number.parseInt(r) % e !== 0 && Number.parseInt(i) === 0;
+  const r = u.utcFormat("%M")(t), n = u.utcFormat("%S")(t);
+  return Number.parseInt(r) % e !== 0 && Number.parseInt(n) === 0;
 }, S = {
   _10_seconds: 25e-6,
   _20_seconds: 1e-4,
@@ -4691,8 +4691,8 @@ const It = {
       precision: S._2_hours,
       interval: u.utcHour.every(6),
       format: (e) => {
-        const t = V(e), r = te(e), i = u.utcFormat("%B")(e);
-        return t || `${i} ${r}`;
+        const t = V(e), r = te(e), n = u.utcFormat("%B")(e);
+        return t || `${n} ${r}`;
       }
     },
     {
@@ -4907,8 +4907,8 @@ const It = {
           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(), n = Math.ceil(r / 5);
+        return t === n || t === 2 * n || t === 3 * n || t === 4 * n;
       }),
       format: ""
     },
@@ -4919,8 +4919,8 @@ const It = {
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
           0
-        ).getUTCDate(), i = Math.ceil(r / 4);
-        return t === i || t === 2 * i || t === 3 * i;
+        ).getUTCDate(), n = Math.ceil(r / 4);
+        return t === n || t === 2 * n || t === 3 * n;
       }),
       format: ""
     },
@@ -4931,8 +4931,8 @@ const It = {
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
           0
-        ).getUTCDate(), i = Math.ceil(r / 2);
-        return t === i;
+        ).getUTCDate(), n = Math.ceil(r / 2);
+        return t === n;
       }),
       format: ""
     },
@@ -4954,12 +4954,12 @@ const It = {
       console.error("Invalid callback function provided to v-resize-observer");
       return;
     }
-    const i = new ResizeObserver(
+    const n = new ResizeObserver(
       (a) => {
         a[0] && r(a[0]);
       }
     );
-    i.observe(e), e.__resizeObserver__ = i;
+    n.observe(e), e.__resizeObserver__ = n;
   },
   unbind(e) {
     e.__resizeObserver__ && (e.__resizeObserver__.disconnect(), delete e.__resizeObserver__);
@@ -5141,9 +5141,9 @@ const It = {
     labelRectWidth() {
       return Object.values(
         this.eventsGroups
-      ).reduce((r, i) => {
+      ).reduce((r, n) => {
         var a;
-        return Math.max(r, (a = i.label) == null ? void 0 : a.length);
+        return Math.max(r, (a = n.label) == null ? void 0 : a.length);
       }, 0) * 7.5 + 5;
     },
     combinedXAxesHeight() {
@@ -5151,8 +5151,8 @@ const It = {
       return this.axisHeight * e;
     },
     timelineHeight() {
-      const e = Object.keys(this.barGroups).length, t = this.hasLineGraphChart ? this.lineGraphChartHeight : 0, r = this.eventGroupPadding * (e - 1), i = this.barChartHeight * e;
-      return this.combinedXAxesHeight + t + i + r;
+      const e = Object.keys(this.barGroups).length, t = this.hasLineGraphChart ? this.lineGraphChartHeight : 0, r = this.eventGroupPadding * (e - 1), n = this.barChartHeight * e;
+      return this.combinedXAxesHeight + t + n + r;
     },
     filteredEventsGroups() {
       const e = Object.entries(this.eventsGroups).filter(
@@ -5258,10 +5258,10 @@ const It = {
       const e = this.svg.append("defs");
       Object.entries(this.filteredEventsGroups).forEach(
         ([t, r]) => {
-          const { color: i, chartType: a } = r, o = e.append("linearGradient").attr("id", `${Q.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
-          if (o.append("stop").attr("offset", "0%").attr("stop-color", i).attr("stop-opacity", "0"), o.append("stop").attr("offset", "50%").attr("stop-color", i).attr("stop-opacity", "0.6"), o.append("stop").attr("offset", "100%").attr("stop-color", i).attr("stop-opacity", "0"), a === "lineGraph") {
-            const n = e.append("linearGradient").attr("id", `${Q.areaGradient}-${t}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
-            n.append("stop").attr("offset", "0%").style("stop-color", i).style("stop-opacity", 0.3), n.append("stop").attr("offset", "38%").style("stop-color", i).style("stop-opacity", 0);
+          const { color: n, chartType: a } = r, o = e.append("linearGradient").attr("id", `${Q.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
+          if (o.append("stop").attr("offset", "0%").attr("stop-color", n).attr("stop-opacity", "0"), o.append("stop").attr("offset", "50%").attr("stop-color", n).attr("stop-opacity", "0.6"), o.append("stop").attr("offset", "100%").attr("stop-color", n).attr("stop-opacity", "0"), a === "lineGraph") {
+            const i = e.append("linearGradient").attr("id", `${Q.areaGradient}-${t}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
+            i.append("stop").attr("offset", "0%").style("stop-color", n).style("stop-opacity", 0.3), i.append("stop").attr("offset", "38%").style("stop-color", n).style("stop-opacity", 0);
           }
         }
       );
@@ -5271,15 +5271,15 @@ const It = {
       this.utcOffset = K.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 = u.scaleTime().domain([this.tzStringToDate(r), this.tzStringToDate(i)]).range([0, this.timeline.offsetWidth]), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
+      const r = e || this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, n = t || this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate;
+      this.timeScale = u.scaleTime().domain([this.tzStringToDate(r), this.tzStringToDate(n)]).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(w.xAxis, !0).classed(`${w.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(i), this.translateTicksText(r), e += this.axisHeight;
+        const n = this.createAxis(r);
+        this.xAxes[r] = n, this.svg.append("g").classed(w.xAxis, !0).classed(`${w.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(n), this.translateTicksText(r), e += this.axisHeight;
       }
     },
     initYScale() {
@@ -5321,10 +5321,10 @@ const It = {
       if (this.visibleFrom && this.visibleFrom.getTime() === e.getTime() && this.visibleTo && this.visibleTo.getTime() === t.getTime())
         return;
       this.visibleFrom = e, this.visibleTo = t;
-      const r = this.dateToTzString(this.visibleFrom), i = this.dateToTzString(this.visibleTo);
+      const r = this.dateToTzString(this.visibleFrom), n = this.dateToTzString(this.visibleTo);
       this.$emit("visible-interval-change", {
         fromDate: r,
-        toDate: i,
+        toDate: n,
         transform: this.transformDiff
       });
     },
@@ -5373,12 +5373,13 @@ const It = {
       const t = e.offsetX, 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 = {
         left: `${t}px`,
-        bottom: `${this.timeline.getBoundingClientRect().height}px`
+        bottom: `${this.timeline.getBoundingClientRect().height}px`,
+        zIndex: 100
       }, this.repositionSelectedTimestampCursor());
     },
     handleClick(e) {
-      const t = e.offsetX, r = this.timeScale.invert(t), i = this.dateToTzString(r);
-      this.$emit("date-clicked", i), this.isHoveringEvent && this.$emit("event-clicked", {
+      const t = e.offsetX, r = this.timeScale.invert(t), n = this.dateToTzString(r);
+      this.$emit("date-clicked", n), this.isHoveringEvent && this.$emit("event-clicked", {
         event: this.hoveredEvent,
         type: this.hoveredEventType
       });
@@ -5386,9 +5387,9 @@ const It = {
     handleLineMouseOver(e, t, r) {
       this.hoveredCounts = Object.entries(
         this.countsByTimestamp[`${t.timestamp}`]
-      ).reduce((i, a) => {
-        const [o, n] = a;
-        return [...i, { type: o, count: n }];
+      ).reduce((n, a) => {
+        const [o, i] = a;
+        return [...n, { type: o, count: i }];
       }, []), this.hoveredEvent = t, this.isHoveringEvent = !0, this.$emit("event-mouseover", {
         eventData: t,
         eventType: r,
@@ -5430,8 +5431,8 @@ const It = {
         scale: r,
         translation: e.transform.x - this.lastTransform.x
       }, this.lastTransform = { ...e.transform };
-      for (const i in this.xAxes)
-        this.rescaleAxis(i, t), this.translateTicksText(i);
+      for (const n in this.xAxes)
+        this.rescaleAxis(n, t), this.translateTicksText(n);
       this.updateBarCharts(), this.updateLineGraphs(), this.updateLineGraphHoverZones(), this.repositionSelectedTimestampCursor(), this.emitVisibleInterval(), this.emitCurtainChange();
     },
     emitCurtainChange() {
@@ -5442,12 +5443,12 @@ const It = {
       });
     },
     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, a = (this.rightCurtainWidth + this.curtainHandleWidth * 2) / e * r, o = new Date(t[0].getTime() + i), n = new Date(t[1].getTime() - a);
-      return { startDate: o, endDate: n };
+      const e = this.timeline.offsetWidth, t = this.timeScale.domain(), r = t[1].getTime() - t[0].getTime(), n = (this.leftCurtainWidth - this.curtainHandleWidth * 2) / e * r, a = (this.rightCurtainWidth + this.curtainHandleWidth * 2) / e * r, o = new Date(t[0].getTime() + n), i = new Date(t[1].getTime() - a);
+      return { startDate: o, endDate: i };
     },
     updateCurtainsOnResize(e) {
-      const { startDate: t, endDate: r } = this.calculateDateRangeFromCurtains(), i = this.timeScale.domain(), a = i[1].getTime() - i[0].getTime(), o = t.getTime() - i[0].getTime(), n = i[1].getTime() - r.getTime();
-      this.leftCurtainWidth = o / a * e, this.rightCurtainWidth = n / a * e, this.svg.select(`.${w.curtain}--left`).attr("width", this.leftCurtainWidth), this.svg.select(`.${w.curtain}--right`).attr(
+      const { startDate: t, endDate: r } = this.calculateDateRangeFromCurtains(), n = this.timeScale.domain(), a = n[1].getTime() - n[0].getTime(), o = t.getTime() - n[0].getTime(), i = n[1].getTime() - r.getTime();
+      this.leftCurtainWidth = o / a * e, this.rightCurtainWidth = i / a * e, this.svg.select(`.${w.curtain}--left`).attr("width", this.leftCurtainWidth), this.svg.select(`.${w.curtain}--right`).attr(
         "x",
         e - this.rightCurtainWidth + this.curtainHandleWidth * 2
       ).attr("width", this.rightCurtainWidth);
@@ -5471,21 +5472,21 @@ const It = {
       const t = this.timeline.offsetWidth, r = Math.min(
         this.timeline.offsetWidth - e.x,
         this.timeline.offsetWidth - this.leftCurtainWidth
-      ), i = t - r;
-      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${w.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", i), this.emitCurtainChange();
+      ), n = t - r;
+      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${w.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", n), 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), a = this.timeline.offsetWidth, o = [r, i], n = [0, a];
-      this.timeScale = u.scaleTime().domain(o).range(n), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
+      const e = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, t = this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate, r = this.tzStringToDate(e), n = this.tzStringToDate(t), a = this.timeline.offsetWidth, o = [r, n], i = [0, a];
+      this.timeScale = u.scaleTime().domain(o).range(i), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
       for (const c in this.xAxes)
         this.rescaleAxis(c, this.timeScale), this.translateTicksText(c);
       this.updateBarCharts(), this.updateLineGraphs(), this.updateLineGraphHoverZones(), this.repositionSelectedTimestampCursor();
     },
     rescaleAxis(e, t) {
-      const r = this.xAxes[e], i = this.getAxisTicksConfig(
+      const r = this.xAxes[e], n = this.getAxisTicksConfig(
         this.xAxesConfig[e]
       );
-      r.scale(t).ticks(i.interval).tickFormat(i.formatFn).tickSizeOuter(0), this.svg.select(`.${w.xAxis}-${e}`).call(r);
+      r.scale(t).ticks(n.interval).tickFormat(n.formatFn).tickSizeOuter(0), this.svg.select(`.${w.xAxis}-${e}`).call(r);
     },
     translateTicksText(e) {
       this.svg.select(`.${w.xAxis}-${e}`).selectAll(".tick text").each(function() {
@@ -5515,8 +5516,8 @@ const It = {
         }), this.svg.selectAll(
           `.${w.lineGraphHoverZone}-${e}`
         ).each(function(r) {
-          const i = t.timeScale(t.tzStringToDate(r.timestamp).getTime()) - 15;
-          u.select(this).attr("x", i).attr("y", 0).attr("width", 30).attr("height", t.lineGraphChartHeight);
+          const n = t.timeScale(t.tzStringToDate(r.timestamp).getTime()) - 15;
+          u.select(this).attr("x", n).attr("y", 0).attr("width", 30).attr("height", t.lineGraphChartHeight);
         });
       });
     },
@@ -5527,8 +5528,8 @@ const It = {
       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), r = new Date(e.endDate), n = this.timeScale(r) - this.timeScale(t);
+        return Math.max(n, this.rectMinWidth);
       } else {
         const t = 1 / (this.currentTimeScaleDensity * 3600);
         return Math.max(t, this.rectMinWidth);
@@ -5552,29 +5553,29 @@ const It = {
     },
     drawLineGraphEventsGroups() {
       const e = this.combinedXAxesHeight, t = this.normalizeEvents ? this.normalizedLineGraphGroups : this.lineGraphGroups;
-      Object.entries(t).forEach(([r, i]) => {
+      Object.entries(t).forEach(([r, n]) => {
         const a = this.svg.append("g").classed(
           `${w.lineGraphGroup} ${w.lineGraphGroup}-${r}`,
           !0
-        ).attr("transform", `translate(0,${e})`), { color: o, events: n } = i;
+        ).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
         this.drawLineGraph({
-          events: n,
+          events: i,
           gElement: a,
           color: o,
           type: r
         }), this.drawLineGraphHoverZones({
-          events: n,
+          events: i,
           gElement: a,
           color: o,
           type: r
         });
       }), Object.entries(this.lineGraphGroups).forEach(
-        ([r, i], a) => {
-          const { color: o, isLoading: n, label: c } = i, l = this.lineGraphChartHeight - this.barChartHeight * (a + 1), s = e + this.lineGraphChartHeight - this.barChartHeight, d = this.svg.append("g").classed(`${w.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
+        ([r, n], a) => {
+          const { color: o, isLoading: i, label: c } = n, l = this.lineGraphChartHeight - this.barChartHeight * (a + 1), s = e + this.lineGraphChartHeight - this.barChartHeight, d = this.svg.append("g").classed(`${w.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
           this.drawProgressIndicator({
             type: r,
             color: o,
-            isLoading: n,
+            isLoading: i,
             yPosition: s
           }), this.drawTextLabel({
             color: o,
@@ -5589,32 +5590,32 @@ const It = {
       events: e,
       gElement: t,
       color: r,
-      type: i
+      type: n
     }) {
       const a = u.area().x((o) => this.timeScale(this.tzStringToDate(o.timestamp))).y0(this.timelineHeight).y1((o) => this.yScale(o.count)).curve(u.curveMonotoneX);
-      t.append("path").datum(e).classed(`${w.lineGraphPath}-${i}`, !0).attr("fill", `url(#${Q.areaGradient}-${i})`).attr("stroke", r).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (o) => a(o));
+      t.append("path").datum(e).classed(`${w.lineGraphPath}-${n}`, !0).attr("fill", `url(#${Q.areaGradient}-${n})`).attr("stroke", r).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (o) => a(o));
     },
     drawLineGraphHoverZones({
       events: e,
       gElement: t,
       color: r,
-      type: i
+      type: n
     }) {
       e.forEach((a) => {
         const o = `${a.timestamp}`;
         this.countsByTimestamp[o] = {
           ...this.countsByTimestamp[o] || {},
-          [i]: a.count
+          [n]: a.count
         };
-        const n = t.append("circle").classed(
-          `${w.lineGraphDot} ${w.lineGraphDot}-${i}`,
+        const i = t.append("circle").classed(
+          `${w.lineGraphDot} ${w.lineGraphDot}-${n}`,
           !0
         ).attr("cx", this.timeScale(this.tzStringToDate(a.timestamp))).attr("cy", this.yScale(a.count)).attr("r", 1.5).attr("fill", r).attr("stroke-width", 0).datum(a);
         this.dotsByTimestamp[o] = [
           ...this.dotsByTimestamp[o] || [],
-          n
-        ], t.append("rect").classed(`${w.lineGraphHoverZone}-${i}`, !0).attr("x", this.timeScale(this.tzStringToDate(a.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.lineGraphChartHeight).attr("fill", "transparent").datum(a).on("mouseover", (c) => {
-          this.handleLineMouseOver(c, a, i), this.dotsByTimestamp[o].forEach(
+          i
+        ], t.append("rect").classed(`${w.lineGraphHoverZone}-${n}`, !0).attr("x", this.timeScale(this.tzStringToDate(a.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.lineGraphChartHeight).attr("fill", "transparent").datum(a).on("mouseover", (c) => {
+          this.handleLineMouseOver(c, a, n), this.dotsByTimestamp[o].forEach(
             (l) => l.classed(`${w.lineGraphDot}--active`, !0)
           );
         }).on("mouseout", () => {
@@ -5626,26 +5627,26 @@ const It = {
     },
     drawBarEventsGroups() {
       Object.entries(this.barGroups).forEach(([e, t], r) => {
-        const { color: i, label: a, events: o, isLoading: n } = t, c = r === 0 ? 0 : this.eventGroupPadding, l = this.hasLineGraphChart ? this.lineGraphChartHeight : 0, s = r * (this.barChartHeight + c) + this.combinedXAxesHeight + l;
+        const { color: n, label: a, events: o, isLoading: i } = t, c = r === 0 ? 0 : this.eventGroupPadding, l = this.hasLineGraphChart ? this.lineGraphChartHeight : 0, s = r * (this.barChartHeight + c) + this.combinedXAxesHeight + l;
         this.drawProgressIndicator({
           yPosition: s,
           type: e,
-          color: i,
-          isLoading: n
+          color: n,
+          isLoading: i
         });
-        const d = this.svg.append("g").attr("data-color", i).classed(w.eventGroup, !0).classed(`${w.eventGroup}-${e}`, !0);
+        const d = this.svg.append("g").attr("data-color", n).classed(w.eventGroup, !0).classed(`${w.eventGroup}-${e}`, !0);
         this.drawBackground({
-          color: i,
+          color: n,
           gElement: d,
           yPosition: s
         }), this.drawBars({
           events: o,
-          color: i,
+          color: n,
           gElement: d,
           yPosition: s,
           type: e
         }), this.drawTextLabel({
-          color: i,
+          color: n,
           label: a,
           gElement: d,
           yPosition: s
@@ -5673,12 +5674,12 @@ const It = {
       events: e,
       gElement: t,
       yPosition: r,
-      color: i,
+      color: n,
       type: a
     }) {
       const o = this;
-      t.selectAll(w.eventRect).data(e).enter().append("rect").classed(w.eventRect, !0).attr("x", this.getEventRectX).attr("y", r).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", i).on("mouseover", function(n, c) {
-        u.select(this).classed(`${w.eventRect}--hovered`, !0), o.handleBarMouseOver(n, c, a);
+      t.selectAll(w.eventRect).data(e).enter().append("rect").classed(w.eventRect, !0).attr("x", this.getEventRectX).attr("y", r).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", (i) => i.color || n).on("mouseover", function(i, c) {
+        u.select(this).classed(`${w.eventRect}--hovered`, !0), o.handleBarMouseOver(i, c, a);
       }).on("mouseout", function() {
         u.select(this).classed(`${w.eventRect}--hovered`, !1), o.handleBarMouseOut();
       });
@@ -5687,7 +5688,7 @@ const It = {
       gElement: e,
       yPosition: t,
       color: r,
-      label: i
+      label: n
     }) {
       if (!this.showLabels)
         return;
@@ -5698,7 +5699,7 @@ const It = {
         h: this.barChartHeight,
         radius: 3
       };
-      e.append("rect").attr("class", w.labelBg).attr("data-color", r).attr("x", a.x).attr("y", a.y).attr("width", a.w).attr("height", a.h).attr("rx", a.radius).attr("ry", a.radius).style("fill", this.dark ? "#131a29" : "white"), e.append("rect").attr("class", w.labelBgFill).attr("data-color", r).attr("x", a.x).attr("y", a.y).attr("width", a.w).attr("height", a.h).attr("rx", a.radius).attr("ry", a.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), e.append("text").attr("class", w.labelText).attr("data-color", r).attr("x", 5).attr("y", t + 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);
+      e.append("rect").attr("class", w.labelBg).attr("data-color", r).attr("x", a.x).attr("y", a.y).attr("width", a.w).attr("height", a.h).attr("rx", a.radius).attr("ry", a.radius).style("fill", this.dark ? "#131a29" : "white"), e.append("rect").attr("class", w.labelBgFill).attr("data-color", r).attr("x", a.x).attr("y", a.y).attr("width", a.w).attr("height", a.h).attr("rx", a.radius).attr("ry", a.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), e.append("text").attr("class", w.labelText).attr("data-color", r).attr("x", 5).attr("y", t + 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(n);
     },
     getTextFillColor(e) {
       var t, r;
@@ -5725,42 +5726,42 @@ const It = {
     fillTimeGaps(e) {
       if (e.length <= 1)
         return e;
-      const t = (n) => new Date(n), r = (n) => t(n).getTime(), i = (n, c) => new Date(n.getTime() + c), a = e.map(
-        (n, c) => c === 0 ? 1 / 0 : r(n.timestamp) - r(e[c - 1].timestamp)
+      const t = (i) => new Date(i), r = (i) => t(i).getTime(), n = (i, c) => new Date(i.getTime() + c), a = e.map(
+        (i, c) => c === 0 ? 1 / 0 : r(i.timestamp) - r(e[c - 1].timestamp)
       ).reduce(
-        (n, c) => Math.min(n, c),
+        (i, c) => Math.min(i, c),
         1 / 0
       );
       let o = e.flatMap(
-        (n, c) => {
+        (i, c) => {
           const l = e[c + 1];
           if (!l)
             if (this.flattenLineGraphEnds) {
-              const v = i(
-                t(n.timestamp),
+              const v = n(
+                t(i.timestamp),
                 a
               );
               return [
-                n,
+                i,
                 { timestamp: v.toISOString(), count: 0 }
               ];
             } else
-              return [n];
-          const s = t(n.timestamp), d = t(l.timestamp);
+              return [i];
+          const s = t(i.timestamp), d = t(l.timestamp);
           if (d.getTime() - s.getTime() > a) {
-            const v = i(d, -a), h = i(s, a);
+            const v = n(d, -a), h = n(s, a);
             return [
-              n,
+              i,
               { timestamp: h.toISOString(), count: 0 },
               { timestamp: v.toISOString(), count: 0 },
               l
             ];
           } else
-            return [n, l];
+            return [i, l];
         }
       );
       return this.flattenLineGraphEnds && (o = [
-        { timestamp: i(
+        { timestamp: n(
           t(e[0].timestamp),
           -a
         ).toISOString(), count: 0 },
@@ -5769,7 +5770,7 @@ const It = {
     },
     getNormalizedEvents(e) {
       return this.placeholderLineChartGroup.map((t) => e.find(
-        (i) => i.timestamp === t.timestamp
+        (n) => n.timestamp === t.timestamp
       ) || t);
     }
   }
@@ -5783,9 +5784,9 @@ var Xt = function() {
           !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", { ref: "eventPreviewTooltip", staticClass: "e-absolute", 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, a) {
-      return r("div", { key: a }, [r("strong", [t._v(t._s(i.type) + " Count")]), t._v(": " + t._s(i.count) + " ")]);
+  }, { timestamp: t.hoveredTimestamp, active: t.isHoveringTimeline && !t.isInteractingWithCurtain && !t.cursorTimestamp })], 2), r("div", { ref: "eventPreviewTooltip", 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(n, a) {
+      return r("div", { key: a }, [r("strong", [t._v(t._s(n.type) + " Count")]), t._v(": " + t._s(n.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()];
   }, { event: t.hoveredEvent, counts: t.hoveredCounts, active: t.isHoveringEvent && !t.isInteractingWithCurtain, type: t.hoveredEventType })], 2)]);
 }, Yt = [], Zt = /* @__PURE__ */ I(
@@ -5822,7 +5823,10 @@ const Kt = Zt.exports, Jt = {
   computed: {
     videoId() {
       if (this.platform === "youtube") {
-        const e = /^.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#\&\?]*).*/, t = this.videoUrl.match(e);
+        const e = (
+          // eslint-disable-next-line no-useless-escape
+          /^.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#\&\?]*).*/
+        ), t = this.videoUrl.match(e);
         return t && t[1].length === 11 ? t[1] : void 0;
       } else if (this.platform === "vimeo") {
         const e = this.videoUrl.match(/vimeo\.com\/(\d+)/);
@@ -5858,7 +5862,7 @@ var Qt = function() {
   er,
   !1,
   null,
-  "dbd23a7f",
+  "58e374b8",
   null,
   null
 );