@evercam/ui 0.0.46 → 0.0.47-beta.1

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import q from "vue";
+import V from "vue";
 import * as u from "d3";
 import K from "moment-timezone";
-var T = /* @__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))(T || {}), 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 || {}), ee = /* @__PURE__ */ ((e) => (e.overview = "overview", e.detailed = "detailed", e.detailedBackground = "detailedBackground", e))(ee || {});
-const et = q.extend({
+var T = /* @__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))(T || {}), 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 || {}), ee = /* @__PURE__ */ ((e) => (e.overview = "overview", e.detailed = "detailed", e.detailedBackground = "detailedBackground", e))(ee || {}), te = /* @__PURE__ */ ((e) => (e.bars = "bars", e.lineGraph = "lineGraph", e))(te || {});
+const tt = V.extend({
   name: "EBadge",
   props: {
     text: {
@@ -52,7 +52,7 @@ const et = q.extend({
     }
   }
 });
-function I(e, t, r, n, a, o, i, c) {
+function q(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), n && (l.functional = !0), o && (l._scopeId = "data-v-" + o);
   var s;
@@ -81,23 +81,23 @@ function I(e, t, r, n, a, o, i, c) {
     options: l
   };
 }
-var tt = function() {
+var rt = 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()]);
-}, rt = [], it = /* @__PURE__ */ I(
-  et,
+}, nt = [], it = /* @__PURE__ */ q(
   tt,
   rt,
+  nt,
   !1,
   null,
   null,
   null,
   null
 );
-const Ae = it.exports, nt = q.extend({
+const Fe = it.exports, st = V.extend({
   name: "EAvatar",
   components: {
-    Badge: Ae
+    Badge: Fe
   },
   props: {
     size: {
@@ -146,28 +146,28 @@ const Ae = it.exports, nt = q.extend({
     }
   }
 });
-var st = function() {
+var at = 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 } })];
   })], 2) : t._e()], 2);
-}, at = [], ot = /* @__PURE__ */ I(
-  nt,
+}, ot = [], lt = /* @__PURE__ */ q(
   st,
   at,
+  ot,
   !1,
   null,
   null,
   null,
   null
 );
-const lt = ot.exports;
-function ut(e) {
+const ut = lt.exports;
+function ct(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Fe = {}, Me = {}, fe = {};
+var Me = {}, ze = {}, he = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -193,8 +193,8 @@ var Fe = {}, Me = {}, fe = {};
       if (r.includes(`${a}(`))
         return `calc(${r} * -1)`;
   }
-})(fe);
-var ze = {};
+})(he);
+var Pe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -381,8 +381,8 @@ var ze = {};
     "willChange",
     "content"
   ];
-})(ze);
-var Pe = {};
+})(Pe);
+var Le = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -397,13 +397,13 @@ var Pe = {};
       ...new Set(n.filter((o) => r !== !1 && r[o] !== !1).concat(Object.keys(r).filter((o) => r[o] !== !1)))
     ];
   }
-})(Pe);
-var he = {}, re = {}, me = { exports: {} }, z = String, Le = function() {
+})(Le);
+var me = {}, ne = {}, pe = { exports: {} }, z = String, Ge = function() {
   return { isColorSupported: !1, reset: z, bold: z, dim: z, italic: z, underline: z, inverse: z, hidden: z, strikethrough: z, black: z, red: z, green: z, yellow: z, blue: z, magenta: z, cyan: z, white: z, gray: z, bgBlack: z, bgRed: z, bgGreen: z, bgYellow: z, bgBlue: z, bgMagenta: z, bgCyan: z, bgWhite: z };
 };
-me.exports = Le();
-me.exports.createColors = Le;
-var He = me.exports;
+pe.exports = Ge();
+pe.exports.createColors = Ge;
+var He = pe.exports;
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -462,7 +462,7 @@ var He = me.exports;
       ]);
     }
   };
-})(re);
+})(ne);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -472,7 +472,7 @@ var He = me.exports;
       return a;
     }
   });
-  const t = /* @__PURE__ */ r(re);
+  const t = /* @__PURE__ */ r(ne);
   function r(o) {
     return o && o.__esModule ? o : {
       default: o
@@ -812,8 +812,8 @@ var He = me.exports;
       }), this.slate;
     }
   };
-})(he);
-var Ge = {};
+})(me);
+var je = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -836,8 +836,8 @@ var Ge = {};
     }
     return r;
   }
-})(Ge);
-var je = {};
+})(je);
+var Be = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -855,8 +855,8 @@ var je = {};
       throw new Error(`Path is invalid. Has unbalanced brackets: ${r}`);
     return r.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
-})(je);
-var Be = {}, ie = {};
+})(Be);
+var We = {}, ie = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -879,7 +879,7 @@ var Be = {}, ie = {};
       return d;
     }
   });
-  const r = /* @__PURE__ */ a(He), n = /* @__PURE__ */ a(re);
+  const r = /* @__PURE__ */ a(He), n = /* @__PURE__ */ a(ne);
   function a(v) {
     return v && v.__esModule ? v : {
       default: v
@@ -943,7 +943,7 @@ var Be = {}, ie = {};
       return o;
     }
   });
-  const t = ie, r = /* @__PURE__ */ a(re);
+  const t = ie, r = /* @__PURE__ */ a(ne);
   function n(i) {
     if (typeof WeakMap != "function")
       return null;
@@ -1045,8 +1045,8 @@ var Be = {}, ie = {};
       })(),
       extract: (() => {
         let s = (() => {
-          var h, E, y, k, A, P, L, M, H, G;
-          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 : !((A = i.content) === null || A === void 0 || (P = A.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 : !((H = i.content) === null || H === void 0 || (G = H.options) === null || G === void 0) && G.extractors ? i.content.options.extractors : {};
+          var h, E, y, k, A, P, L, M, G, H;
+          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 : !((A = i.content) === null || A === void 0 || (P = A.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 = i.purge) === null || h === void 0 || (E = h.options) === null || E === void 0) && E.defaultExtractor)
@@ -1082,7 +1082,7 @@ var Be = {}, ie = {};
       }
     return i;
   }
-})(Be);
+})(We);
 var Re = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -1100,7 +1100,7 @@ var Re = {};
     return n === null || n === Object.prototype;
   }
 })(Re);
-var We = {};
+var Ue = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1116,8 +1116,8 @@ var We = {};
       t(a)
     ])) : r;
   }
-})(We);
-var Ue = {}, Ne = {};
+})(Ue);
+var Ne = {}, Ie = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1130,8 +1130,8 @@ var Ue = {}, Ne = {};
   function t(r) {
     return r.replace(/\\,/g, "\\2c ");
   }
-})(Ne);
-var pe = {}, ge = {}, Ie = {};
+})(Ie);
+var ge = {}, ve = {}, Ve = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1883,7 +1883,7 @@ var pe = {}, ge = {}, Ie = {};
       50
     ]
   };
-})(Ie);
+})(Ve);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1903,7 +1903,7 @@ var pe = {}, ge = {}, Ie = {};
       return E;
     }
   });
-  const r = /* @__PURE__ */ n(Ie);
+  const r = /* @__PURE__ */ n(Ve);
   function n(y) {
     return y && y.__esModule ? y : {
       default: y
@@ -1927,14 +1927,14 @@ var pe = {}, ge = {}, Ie = {};
     if (y in r.default)
       return {
         mode: "rgb",
-        color: r.default[y].map((R) => R.toString())
+        color: r.default[y].map((W) => W.toString())
       };
-    let L = y.replace(o, (R, N, W, g, D) => [
+    let L = y.replace(o, (W, N, R, g, D) => [
       "#",
       N,
       N,
-      W,
-      W,
+      R,
+      R,
       g,
       g,
       D ? D + D : ""
@@ -1946,35 +1946,35 @@ var pe = {}, ge = {}, Ie = {};
           parseInt(L[1], 16),
           parseInt(L[2], 16),
           parseInt(L[3], 16)
-        ].map((R) => R.toString()),
+        ].map((W) => W.toString()),
         alpha: L[4] ? (parseInt(L[4], 16) / 255).toString() : void 0
       };
     var M;
-    let H = (M = y.match(d)) !== null && M !== void 0 ? M : y.match(v);
-    if (H === null)
+    let G = (M = y.match(d)) !== null && M !== void 0 ? M : y.match(v);
+    if (G === null)
       return null;
-    let G = [
-      H[2],
-      H[3],
-      H[4]
-    ].filter(Boolean).map((R) => R.toString());
-    return G.length === 2 && G[0].startsWith("var(") ? {
-      mode: H[1],
+    let H = [
+      G[2],
+      G[3],
+      G[4]
+    ].filter(Boolean).map((W) => W.toString());
+    return H.length === 2 && H[0].startsWith("var(") ? {
+      mode: G[1],
       color: [
-        G[0]
+        H[0]
       ],
-      alpha: G[1]
-    } : !k && G.length !== 3 || G.length < 3 && !G.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
-      mode: H[1],
-      color: G,
-      alpha: (A = H[5]) === null || A === void 0 || (P = A.toString) === null || P === void 0 ? void 0 : P.call(A)
+      alpha: H[1]
+    } : !k && H.length !== 3 || H.length < 3 && !H.some((W) => /^var\(.*?\)$/.test(W)) ? null : {
+      mode: G[1],
+      color: H,
+      alpha: (A = G[5]) === null || A === void 0 || (P = A.toString) === null || P === void 0 ? void 0 : P.call(A)
     };
   }
   function E({ mode: y, color: k, alpha: A }) {
     let P = A !== void 0;
     return y === "rgba" || y === "hsla" ? `${y}(${k.join(", ")}${P ? `, ${A}` : ""})` : `${y}(${k.join(" ")}${P ? ` / ${A}` : ""})`;
   }
-})(ge);
+})(ve);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1994,7 +1994,7 @@ var pe = {}, ge = {}, Ie = {};
       return a;
     }
   });
-  const r = ge;
+  const r = ve;
   function n(o, i, c) {
     if (typeof o == "function")
       return o({
@@ -2039,8 +2039,8 @@ var pe = {}, ge = {}, Ie = {};
       ]))
     };
   }
-})(pe);
-var ve = {}, Ve = {}, ne = {};
+})(ge);
+var ye = {}, qe = {}, se = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2058,7 +2058,7 @@ var ve = {}, Ve = {}, ne = {};
     }
     return o.push(r.slice(i)), o;
   }
-})(ne);
+})(se);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2078,7 +2078,7 @@ var ve = {}, Ve = {}, ne = {};
       return c;
     }
   });
-  const r = ne;
+  const r = se;
   let n = /* @__PURE__ */ new Set([
     "inset",
     "inherit",
@@ -2106,16 +2106,16 @@ var ve = {}, Ve = {}, ne = {};
       s.color
     ].filter(Boolean).join(" ") : s.raw).join(", ");
   }
-})(Ve);
+})(qe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(f, w) {
-    for (var F in w)
+  function t(f, _) {
+    for (var F in _)
       Object.defineProperty(f, F, {
         enumerable: !0,
-        get: w[F]
+        get: _[F]
       });
   }
   t(e, {
@@ -2141,10 +2141,10 @@ var ve = {}, Ve = {}, ne = {};
       return M;
     },
     color: function() {
-      return H;
+      return G;
     },
     image: function() {
-      return G;
+      return H;
     },
     gradient: function() {
       return N;
@@ -2165,7 +2165,7 @@ var ve = {}, Ve = {}, ne = {};
       return $;
     }
   });
-  const r = ge, n = Ve, a = ne;
+  const r = ve, n = qe, a = se;
   let o = [
     "min",
     "max",
@@ -2173,16 +2173,16 @@ var ve = {}, Ve = {}, ne = {};
     "calc"
   ];
   function i(f) {
-    return o.some((w) => new RegExp(`^${w}\\(.*\\)`).test(f));
+    return o.some((_) => new RegExp(`^${_}\\(.*\\)`).test(f));
   }
   const c = "--tw-placeholder", l = new RegExp(c, "g");
-  function s(f, w = !0) {
-    return f.startsWith("--") ? `var(${f})` : f.includes("url(") ? f.split(/(url\(.*?\))/g).filter(Boolean).map((F) => /^url\(.*?\)$/.test(F) ? F : s(F, !1)).join("") : (f = f.replace(/([^\\])_+/g, (F, O) => O + " ".repeat(F.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), w && (f = f.trim()), f = d(f), f);
+  function s(f, _ = !0) {
+    return f.startsWith("--") ? `var(${f})` : f.includes("url(") ? f.split(/(url\(.*?\))/g).filter(Boolean).map((F) => /^url\(.*?\)$/.test(F) ? F : s(F, !1)).join("") : (f = f.replace(/([^\\])_+/g, (F, O) => O + " ".repeat(F.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), _ && (f = f.trim()), f = d(f), f);
   }
   function d(f) {
-    return f.replace(/(calc|min|max|clamp)\(.+\)/g, (w) => {
+    return f.replace(/(calc|min|max|clamp)\(.+\)/g, (_) => {
       let F = [];
-      return w.replace(/var\((--.+?)[,)]/g, (O, Z) => (F.push(Z), O.replace(Z, c))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => F.shift());
+      return _.replace(/var\((--.+?)[,)]/g, (O, Z) => (F.push(Z), O.replace(Z, c))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => F.shift());
     });
   }
   function v(f) {
@@ -2239,28 +2239,28 @@ var ve = {}, Ve = {}, ne = {};
     return P.has(f);
   }
   function M(f) {
-    let w = (0, n.parseBoxShadowValue)(s(f));
-    for (let F of w)
+    let _ = (0, n.parseBoxShadowValue)(s(f));
+    for (let F of _)
       if (!F.valid)
         return !1;
     return !0;
   }
-  function H(f) {
-    let w = 0;
+  function G(f) {
+    let _ = 0;
     return (0, a.splitAtTopLevelOnly)(f, "_").every((O) => (O = s(O), O.startsWith("var(") ? !0 : (0, r.parseColor)(O, {
       loose: !0
-    }) !== null ? (w++, !0) : !1)) ? w > 0 : !1;
+    }) !== null ? (_++, !0) : !1)) ? _ > 0 : !1;
   }
-  function G(f) {
-    let w = 0;
+  function H(f) {
+    let _ = 0;
     return (0, a.splitAtTopLevelOnly)(f, ",").every((O) => (O = s(O), O.startsWith("var(") ? !0 : v(O) || N(O) || [
       "element(",
       "image(",
       "cross-fade(",
       "image-set("
-    ].some((Z) => O.startsWith(Z)) ? (w++, !0) : !1)) ? w > 0 : !1;
+    ].some((Z) => O.startsWith(Z)) ? (_++, !0) : !1)) ? _ > 0 : !1;
   }
-  let R = /* @__PURE__ */ new Set([
+  let W = /* @__PURE__ */ new Set([
     "conic-gradient",
     "linear-gradient",
     "radial-gradient",
@@ -2270,12 +2270,12 @@ var ve = {}, Ve = {}, ne = {};
   ]);
   function N(f) {
     f = s(f);
-    for (let w of R)
-      if (f.startsWith(`${w}(`))
+    for (let _ of W)
+      if (f.startsWith(`${_}(`))
         return !0;
     return !1;
   }
-  let W = /* @__PURE__ */ new Set([
+  let R = /* @__PURE__ */ new Set([
     "center",
     "top",
     "right",
@@ -2283,12 +2283,12 @@ var ve = {}, Ve = {}, ne = {};
     "left"
   ]);
   function g(f) {
-    let w = 0;
-    return (0, a.splitAtTopLevelOnly)(f, "_").every((O) => (O = s(O), O.startsWith("var(") ? !0 : W.has(O) || A(O) || E(O) ? (w++, !0) : !1)) ? w > 0 : !1;
+    let _ = 0;
+    return (0, a.splitAtTopLevelOnly)(f, "_").every((O) => (O = s(O), O.startsWith("var(") ? !0 : R.has(O) || A(O) || E(O) ? (_++, !0) : !1)) ? _ > 0 : !1;
   }
   function D(f) {
-    let w = 0;
-    return (0, a.splitAtTopLevelOnly)(f, ",").every((O) => (O = s(O), O.startsWith("var(") ? !0 : O.includes(" ") && !/(['"])([^"']+)\1/g.test(O) || /^\d/g.test(O) ? !1 : (w++, !0))) ? w > 0 : !1;
+    let _ = 0;
+    return (0, a.splitAtTopLevelOnly)(f, ",").every((O) => (O = s(O), O.startsWith("var(") ? !0 : O.includes(" ") && !/(['"])([^"']+)\1/g.test(O) || /^\d/g.test(O) ? !1 : (_++, !0))) ? _ > 0 : !1;
   }
   let C = /* @__PURE__ */ new Set([
     "serif",
@@ -2328,8 +2328,8 @@ var ve = {}, Ve = {}, ne = {};
   function $(f) {
     return p.has(f);
   }
-})(ve);
-var qe = {};
+})(ye);
+var Xe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2339,7 +2339,7 @@ var qe = {};
       return n;
     }
   });
-  const t = ve, r = ne;
+  const t = ye, r = se;
   function n(a) {
     let o = [
       "cover",
@@ -2350,7 +2350,7 @@ var qe = {};
       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");
     });
   }
-})(qe);
+})(Xe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2379,16 +2379,16 @@ var qe = {};
       return L;
     },
     typeMap: function() {
-      return H;
+      return G;
     },
     coerceValue: function() {
       return N;
     },
     getMatchingTypes: function() {
-      return W;
+      return R;
     }
   });
-  const r = /* @__PURE__ */ l(Ne), n = pe, a = ve, o = /* @__PURE__ */ l(fe), i = qe, c = ie;
+  const r = /* @__PURE__ */ l(Ie), n = ge, a = ye, o = /* @__PURE__ */ l(he), i = Xe, c = ie;
   function l(g) {
     return g && g.__esModule ? g : {
       default: g
@@ -2454,9 +2454,9 @@ var qe = {};
     }
     let [x, p] = y(g);
     if (p !== void 0) {
-      var $, f, w, F;
+      var $, f, _, F;
       let O = (F = ($ = D.values) === null || $ === void 0 ? void 0 : $[x]) !== null && F !== void 0 ? F : E(x) ? x.slice(1, -1) : void 0;
-      return O === void 0 ? void 0 : (O = k(O), E(p) ? (0, n.withAlphaValue)(O, A(p)) : ((f = C.theme) === null || f === void 0 || (w = f.opacity) === null || w === void 0 ? void 0 : w[p]) === void 0 ? void 0 : (0, n.withAlphaValue)(O, C.theme.opacity[p]));
+      return O === void 0 ? void 0 : (O = k(O), E(p) ? (0, n.withAlphaValue)(O, A(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
@@ -2471,7 +2471,7 @@ var qe = {};
       validate: g
     });
   }
-  let H = {
+  let G = {
     any: h,
     color: P,
     url: M(a.url),
@@ -2488,8 +2488,8 @@ var qe = {};
     "relative-size": M(a.relativeSize),
     shadow: M(a.shadow),
     size: M(i.backgroundSize)
-  }, G = Object.keys(H);
-  function R(g, D) {
+  }, H = Object.keys(G);
+  function W(g, D) {
     let C = g.indexOf(D);
     return C === -1 ? [
       void 0,
@@ -2502,7 +2502,7 @@ var qe = {};
   function N(g, D, C, m) {
     if (C.values && D in C.values)
       for (let { type: x } of g != null ? g : []) {
-        let p = H[x](D, C, {
+        let p = G[x](D, C, {
           tailwindConfig: m
         });
         if (p !== void 0)
@@ -2513,32 +2513,32 @@ var qe = {};
           ];
       }
     if (E(D)) {
-      let x = D.slice(1, -1), [p, $] = R(x, ":");
+      let x = D.slice(1, -1), [p, $] = W(x, ":");
       if (!/^[\w-_]+$/g.test(p))
         $ = x;
-      else if (p !== void 0 && !G.includes(p))
+      else if (p !== void 0 && !H.includes(p))
         return [];
-      if ($.length > 0 && G.includes(p))
+      if ($.length > 0 && H.includes(p))
         return [
           h(`[${$}]`, C),
           p,
           null
         ];
     }
-    let b = W(g, D, C, m);
+    let b = R(g, D, C, m);
     for (let x of b)
       return x;
     return [];
   }
-  function* W(g, D, C, m) {
+  function* R(g, D, C, m) {
     let b = (0, c.flagEnabled)(m, "generalizedModifiers"), [x, p] = y(D);
     if (b && C.modifiers != null && (C.modifiers === "any" || typeof C.modifiers == "object" && (p && E(p) || p in C.modifiers)) || (x = D, p = void 0), p !== void 0 && x === "" && (x = "DEFAULT"), p !== void 0 && typeof C.modifiers == "object") {
-      var f, w;
-      let F = (w = (f = C.modifiers) === null || f === void 0 ? void 0 : f[p]) !== null && w !== void 0 ? w : null;
+      var f, _;
+      let F = (_ = (f = C.modifiers) === null || f === void 0 ? void 0 : f[p]) !== null && _ !== void 0 ? _ : null;
       F !== null ? p = F : E(p) && (p = A(p));
     }
     for (let { type: F } of g != null ? g : []) {
-      let O = H[F](x, C, {
+      let O = G[F](x, C, {
         tailwindConfig: m
       });
       O !== void 0 && (yield [
@@ -2548,8 +2548,8 @@ var qe = {};
       ]);
     }
   }
-})(Ue);
-var Xe = {};
+})(Ne);
+var Ye = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2562,7 +2562,7 @@ var Xe = {};
   function t(r) {
     return typeof r == "function" ? r({}) : r;
   }
-})(Xe);
+})(Ye);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2572,7 +2572,7 @@ var Xe = {};
       return C;
     }
   });
-  const t = /* @__PURE__ */ E(fe), r = /* @__PURE__ */ E(ze), n = /* @__PURE__ */ E(Pe), a = /* @__PURE__ */ E(he), o = Ge, i = je, c = Be, l = /* @__PURE__ */ E(Re), s = We, d = Ue, v = pe, h = /* @__PURE__ */ E(Xe);
+  const t = /* @__PURE__ */ E(he), r = /* @__PURE__ */ E(Pe), n = /* @__PURE__ */ E(Le), a = /* @__PURE__ */ E(me), o = je, i = Be, c = We, l = /* @__PURE__ */ E(Re), s = Ue, d = Ne, v = ge, h = /* @__PURE__ */ E(Ye);
   function E(m) {
     return m && m.__esModule ? m : {
       default: m
@@ -2627,7 +2627,7 @@ var Xe = {};
       extend: L(m)
     };
   }
-  function H(m, b) {
+  function G(m, b) {
     if (Array.isArray(m) && (0, l.default)(m[0]))
       return m.concat(b);
     if (Array.isArray(b) && (0, l.default)(b[0]) && (0, l.default)(m))
@@ -2638,34 +2638,34 @@ var Xe = {};
     if (Array.isArray(b))
       return b;
   }
-  function G({ extend: m, ...b }) {
-    return k(b, m, (x, p) => !y(x) && !p.some(y) ? k({}, x, ...p, H) : ($, f) => k({}, ...[
+  function H({ extend: m, ...b }) {
+    return k(b, m, (x, p) => !y(x) && !p.some(y) ? k({}, x, ...p, G) : ($, f) => k({}, ...[
       x,
       ...p
-    ].map((w) => P(w, $, f)), H));
+    ].map((_) => P(_, $, f)), G));
   }
-  function* R(m) {
+  function* W(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, w = (0, i.toPath)($);
-      w.alpha = f, yield w;
+      let [, $, f] = p, _ = (0, i.toPath)($);
+      _.alpha = f, yield _;
     }
   }
   function N(m) {
     const b = (x, p) => {
-      for (const $ of R(x)) {
-        let f = 0, w = m;
-        for (; w != null && f < $.length; )
-          w = w[$[f++]], w = y(w) && ($.alpha === void 0 || f <= $.length - 1) ? w(b, A) : w;
-        if (w !== void 0) {
+      for (const $ of W(x)) {
+        let f = 0, _ = m;
+        for (; _ != null && f < $.length; )
+          _ = _[$[f++]], _ = y(_) && ($.alpha === void 0 || f <= $.length - 1) ? _(b, A) : _;
+        if (_ !== void 0) {
           if ($.alpha !== void 0) {
-            let F = (0, d.parseColorFormat)(w);
+            let F = (0, d.parseColorFormat)(_);
             return (0, v.withAlphaValue)(F, $.alpha, (0, h.default)(F));
           }
-          return (0, l.default)(w) ? (0, s.cloneDeep)(w) : w;
+          return (0, l.default)(_) ? (0, s.cloneDeep)(_) : _;
         }
       }
       return p;
@@ -2675,7 +2675,7 @@ var Xe = {};
       ...A
     }), Object.keys(m).reduce((x, p) => (x[p] = y(m[p]) ? m[p](b, A) : m[p], x), {});
   }
-  function W(m) {
+  function R(m) {
     let b = [];
     return m.forEach((x) => {
       b = [
@@ -2686,11 +2686,11 @@ var Xe = {};
       const $ = (p = x == null ? void 0 : x.plugins) !== null && p !== void 0 ? p : [];
       $.length !== 0 && $.forEach((f) => {
         f.__isOptionsFunction && (f = f());
-        var w;
+        var _;
         b = [
           ...b,
-          ...W([
-            (w = f == null ? void 0 : f.config) !== null && w !== void 0 ? w : {}
+          ...R([
+            (_ = f == null ? void 0 : f.config) !== null && _ !== void 0 ? _ : {}
           ])
         ];
       });
@@ -2713,7 +2713,7 @@ var Xe = {};
   }
   function C(m) {
     let b = [
-      ...W(m),
+      ...R(m),
       {
         prefix: "",
         important: !1,
@@ -2722,13 +2722,13 @@ var Xe = {};
     ];
     var x, p;
     return (0, c.normalizeConfig)((0, o.defaults)({
-      theme: N(G(M(b.map(($) => (x = $ == null ? void 0 : $.theme) !== null && x !== void 0 ? x : {})))),
+      theme: N(H(M(b.map(($) => (x = $ == null ? void 0 : $.theme) !== null && x !== void 0 ? x : {})))),
       corePlugins: g(b.map(($) => $.corePlugins)),
       plugins: D(m.map(($) => (p = $ == null ? void 0 : $.plugins) !== null && p !== void 0 ? p : []))
     }, ...b));
   }
-})(Me);
-var Ye = {}, ct = {
+})(ze);
+var Ze = {}, dt = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3728,7 +3728,7 @@ var Ye = {}, ct = {
       return a;
     }
   });
-  const t = /* @__PURE__ */ n(ct), r = ie;
+  const t = /* @__PURE__ */ n(dt), r = ie;
   function n(o) {
     return o && o.__esModule ? o : {
       default: o
@@ -3765,7 +3765,7 @@ var Ye = {}, ct = {
       ...c
     ];
   }
-})(Ye);
+})(Ze);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -3775,7 +3775,7 @@ var Ye = {}, ct = {
       return a;
     }
   });
-  const t = /* @__PURE__ */ n(Me), r = /* @__PURE__ */ n(Ye);
+  const t = /* @__PURE__ */ n(ze), r = /* @__PURE__ */ n(Ze);
   function n(o) {
     return o && o.__esModule ? o : {
       default: o
@@ -3788,13 +3788,13 @@ var Ye = {}, ct = {
       ...i
     ]);
   }
-})(Fe);
-let se = Fe;
-var dt = (se.__esModule ? se : { default: se }).default;
-const ft = /* @__PURE__ */ ut(dt);
-let ae = he;
-var U = (ae.__esModule ? ae : { default: ae }).default;
-const ht = {
+})(Me);
+let ae = Me;
+var ft = (ae.__esModule ? ae : { default: ae }).default;
+const ht = /* @__PURE__ */ ct(ft);
+let oe = me;
+var U = (oe.__esModule ? oe : { default: oe }).default;
+const mt = {
   50: "#FCE3E4",
   100: "#F9CDCE",
   200: "#F39699",
@@ -3812,8 +3812,8 @@ const ht = {
   info: U.cyan,
   success: U.lime,
   primary: U.sky,
-  brand: ht
-}, mt = {
+  brand: mt
+}, pt = {
   ...B,
   // Warning
   warning: B.warning[500],
@@ -3840,7 +3840,7 @@ const ht = {
   onbackground: U.slate[700],
   surface: U.slate[50],
   background: U.white
-}, pt = {
+}, gt = {
   prefix: "e-",
   corePlugins: {
     preflight: !1
@@ -3848,7 +3848,7 @@ const ht = {
   content: ["./src/**/*.{html,js,vue,ts}"],
   theme: {
     extend: {
-      colors: mt,
+      colors: pt,
       maxWidth: {
         "1/12": "8.333333333%",
         "2/12": "16.666666666%",
@@ -3916,21 +3916,21 @@ const ht = {
       pattern: /e-content-(around|baseline|between|center|end|evenly|normal|start|stretch)/
     }
   ]
-}, Ze = ft(pt), gt = Ze.theme.fontSize, vt = Ze.theme.colors, sr = [
+}, Ke = ht(gt), vt = Ke.theme.fontSize, yt = Ke.theme.colors, tr = [
   T.dot,
   T.xs,
   T.sm,
   T.md,
   T.lg,
   T.xl
-], ar = [
+], rr = [
   T.xs,
   T.sm,
   T.md,
   T.lg,
   T.xl,
   T["2xl"]
-], yt = [
+], bt = [
   T.xs,
   T.sm,
   T.md,
@@ -3945,14 +3945,14 @@ const ht = {
   T["7xl"],
   T["8xl"],
   T["9xl"]
-], or = [
+], nr = [
   j.warning,
   j.error,
   j.info,
   j.success,
   j.primary,
   j.default
-], lr = [
+], ir = [
   "play",
   "pause",
   "ended",
@@ -3963,7 +3963,7 @@ const ht = {
   "canplay",
   "canplaythrough",
   "statechanged"
-], bt = q.extend({
+], xt = V.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -3981,7 +3981,7 @@ const ht = {
   },
   computed: {
     sizes() {
-      return yt.reduce((e, t) => ({
+      return bt.reduce((e, t) => ({
         ...e,
         [t]: `e-text-${t}`
       }), {});
@@ -3998,20 +3998,20 @@ const ht = {
     }
   }
 });
-var xt = function() {
+var _t = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-icon" }, [r("i", { class: t.iconClasses })]);
-}, _t = [], wt = /* @__PURE__ */ I(
-  bt,
+}, wt = [], Ct = /* @__PURE__ */ q(
   xt,
   _t,
+  wt,
   !1,
   null,
   null,
   null,
   null
 );
-const Ct = wt.exports, St = q.extend({
+const St = Ct.exports, Tt = V.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4037,8 +4037,8 @@ const Ct = wt.exports, St = q.extend({
   },
   data() {
     return {
-      sizes: gt,
-      colors: vt
+      sizes: vt,
+      colors: yt
     };
   },
   computed: {
@@ -4073,23 +4073,23 @@ const Ct = wt.exports, St = q.extend({
     }
   }
 });
-var Tt = function() {
+var Et = function() {
   var t = this, r = t._self._c;
   return r("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" } })]);
-}, Et = [], $t = /* @__PURE__ */ I(
-  St,
+}, $t = [], Dt = /* @__PURE__ */ q(
   Tt,
   Et,
+  $t,
   !1,
   null,
   "29711f67",
   null,
   null
 );
-const Ke = $t.exports, Dt = q.extend({
+const Je = Dt.exports, kt = V.extend({
   props: {
     align: {
       type: String,
@@ -4149,20 +4149,20 @@ const Ke = $t.exports, Dt = q.extend({
     }
   }
 });
-var kt = function() {
+var Ot = 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);
-}, Ot = [], At = /* @__PURE__ */ I(
-  Dt,
+}, At = [], Ft = /* @__PURE__ */ q(
   kt,
   Ot,
+  At,
   !1,
   null,
   null,
   null,
   null
 );
-const Ft = At.exports, Mt = q.extend({
+const Mt = Ft.exports, zt = V.extend({
   props: {
     alignSelf: {
       type: String,
@@ -4266,25 +4266,25 @@ const Ft = At.exports, Mt = q.extend({
     }
   }
 });
-var zt = function() {
+var Pt = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-col", class: t.colClasses }, [t._t("default")], 2);
-}, Pt = [], Lt = /* @__PURE__ */ I(
-  Mt,
+}, Lt = [], Gt = /* @__PURE__ */ q(
   zt,
   Pt,
+  Lt,
   !1,
   null,
   null,
   null,
   null
 );
-const Ht = Lt.exports;
-function Je() {
+const Ht = Gt.exports;
+function Qe() {
   return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
 }
-function Gt(e) {
-  if (Je())
+function jt(e) {
+  if (Qe())
     return new Promise((t) => t());
   if (e.requestFullscreen)
     return e == null ? void 0 : e.requestFullscreen();
@@ -4295,8 +4295,8 @@ function Gt(e) {
   if (e.msRequestFullscreen)
     return e == null ? void 0 : e.msRequestFullscreen();
 }
-function jt() {
-  if (!Je())
+function Bt() {
+  if (!Qe())
     return new Promise((e) => e());
   if (document.exitFullscreen)
     return document.exitFullscreen();
@@ -4307,9 +4307,9 @@ function jt() {
   if (document.msExitFullscreen)
     return document.msExitFullscreen();
 }
-const oe = new Intl.NumberFormat(void 0, {
+const le = new Intl.NumberFormat(void 0, {
   minimumIntegerDigits: 2
-}), ye = [
+}), be = [
   "play",
   "pause",
   "ended",
@@ -4323,13 +4323,13 @@ const oe = new Intl.NumberFormat(void 0, {
   "error"
 ], J = (e) => {
   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(
+  return n === 0 ? `${r}:${le.format(t)}` : `${n}:${le.format(
     r
-  )}:${oe.format(t)}`;
-}, Bt = q.extend({
+  )}:${le.format(t)}`;
+}, Wt = V.extend({
   name: "VideoPlayer",
   components: {
-    ESpinner: Ke
+    ESpinner: Je
   },
   props: {
     sources: {
@@ -4385,12 +4385,12 @@ const oe = new Intl.NumberFormat(void 0, {
       this.isError = !0, this.isLoading = !1, this.playing = !1;
     },
     bindEvents() {
-      ye.forEach((e) => {
+      be.forEach((e) => {
         this.bindVideoEvent(e);
       });
     },
     unbindEvents() {
-      ye.forEach((e) => {
+      be.forEach((e) => {
         this.unbindVideoEvent(e);
       });
     },
@@ -4499,13 +4499,13 @@ const oe = new Intl.NumberFormat(void 0, {
       return [parseInt(e / 60 % 60, 10), parseInt(e % 60, 10)].join(":").replace(/\b(\d)\b/g, "0$1");
     },
     closeFullscreenMode() {
-      document.fullscreenElement && (jt().then(() => {
+      document.fullscreenElement && (Bt().then(() => {
         this.isFullscreen = !1, console.log("Exited fullscreen");
       }), this.isFullscreen = !1);
     },
     openFullscreenMode() {
       const e = this.$refs.videoContainer;
-      e && (Gt(e).then(() => {
+      e && (jt(e).then(() => {
         this.isFullscreen = !0;
       }), this.isFullscreen = !0);
     },
@@ -4584,7 +4584,7 @@ const oe = new Intl.NumberFormat(void 0, {
 var Rt = 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(n) {
-    return r("source", t._g({ key: n.src, attrs: { src: n.src, type: n.type }, on: { error: t.handle404Error } }, t.videoListeners));
+    return r("source", { key: n.src, attrs: { src: n.src, type: n.type }, on: { error: t.handle404Error } });
   }), 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
@@ -4592,44 +4592,44 @@ var Rt = function() {
     "fa-expand": !t.isFullscreen,
     "fa-compress": t.isFullscreen
   }, on: { click: t.toggleFullscreenMode } })])])]);
-}, Wt = [function() {
+}, Ut = [function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "timeline" }, [t("div", { staticClass: "thumb-indicator" })]);
-}], Ut = /* @__PURE__ */ I(
-  Bt,
-  Rt,
+}], Nt = /* @__PURE__ */ q(
   Wt,
+  Rt,
+  Ut,
   !1,
   null,
-  "dd8ff405",
+  "99c9162d",
   null,
   null
 );
-const Nt = Ut.exports, te = (e) => {
+const It = Nt.exports, re = (e) => {
   const t = u.utcFormat("%_d")(e), n = {
     1: "st",
     2: "nd",
     3: "rd"
   }[t.charAt(1)] || "th";
   return `${t}${n}`;
-}, be = (e) => new Date(
+}, xe = (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) => {
+).getUTCDate() === 1 ? "" : u.utcFormat("%-d")(e), X = (e) => ["0", " 0", "00"].includes(u.utcFormat("%H")(e)) ? "" : `${u.utcFormat("%H")(e)}h`, I = (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), n = u.utcFormat("%B")(e);
+}, ue = (e) => u.utcFormat("%M:%S")(e), _e = (e) => `${u.utcFormat("%Hh%Mm")(e)}`, fe = (e) => {
+  const t = I(e), r = re(e), n = u.utcFormat("%B")(e);
   return t || `${n} ${r}`;
-}, ue = (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);
+}, ce = (e) => {
+  const t = I(e), r = Number.parseInt(u.utcFormat("%H")(e)), n = re(e), a = u.utcFormat("%B")(e);
+  return t && r % 6 === 0 ? `${a} ${n} ${t}` : fe(e);
 }, Y = (e) => (t) => {
   const r = u.utcFormat("%H")(t);
   return !(u.utcFormat("%M")(t) === "00" && Number.parseInt(r) % e === 0);
-}, ce = (e) => (t) => {
+}, de = (e) => (t) => {
   const r = u.utcFormat("%M")(t);
   return Number.parseInt(r) % e !== 0;
-}, _e = (e) => (t) => {
+}, we = (e) => (t) => {
   const r = u.utcFormat("%M")(t), n = u.utcFormat("%S")(t);
   return Number.parseInt(r) % e !== 0 && Number.parseInt(n) === 0;
 }, S = {
@@ -4654,57 +4654,57 @@ const Nt = Ut.exports, te = (e) => {
   _3_months: 33,
   infinity: 1 / 0
 };
-var Ce, Se, Te, Ee, $e, De, ke, Oe;
-const It = {
+var Se, Te, Ee, $e, De, ke, Oe, Ae;
+const Vt = {
   [ee.overview]: [
     {
       precision: S._30_seconds,
       interval: u.utcMinute.every(2),
-      format: xe
+      format: _e
     },
     {
       precision: S._1_minute,
       interval: u.utcMinute.every(5),
-      format: xe
+      format: _e
     },
     {
       precision: S._2_minutes,
       interval: u.utcMinute.every(10),
-      format: de
+      format: fe
     },
     {
       precision: S._5_minutes,
       interval: u.utcMinute.every(20),
-      format: ue
+      format: ce
     },
     {
       precision: S._15_minutes,
       interval: u.utcHour,
-      format: ue
+      format: ce
     },
     {
       precision: S._30_minutes,
       interval: u.utcHour.every(2),
-      format: ue
+      format: ce
     },
     {
       precision: S._2_hours,
       interval: u.utcHour.every(6),
       format: (e) => {
-        const t = V(e), r = te(e), n = u.utcFormat("%B")(e);
+        const t = I(e), r = re(e), n = u.utcFormat("%B")(e);
         return t || `${n} ${r}`;
       }
     },
     {
       precision: S._3_hours,
       interval: u.utcHour.every(12),
-      format: de
+      format: fe
     },
     {
       precision: S._6_hours,
       interval: u.utcHour.every(24),
       format: (e) => {
-        const t = te(e);
+        const t = re(e);
         return `${u.utcFormat("%b")(e)} ${t}`;
       }
     },
@@ -4726,42 +4726,42 @@ const It = {
     {
       precision: S._10_seconds,
       interval: u.utcSecond.every(10),
-      format: le
+      format: ue
     },
     {
       precision: S._20_seconds,
-      interval: (Ce = u.utcSecond.every(20)) == null ? void 0 : Ce.filter(_e(2)),
-      format: le
+      interval: (Se = u.utcSecond.every(20)) == null ? void 0 : Se.filter(we(2)),
+      format: ue
     },
     {
       precision: S._30_seconds,
-      interval: (Se = u.utcSecond.every(30)) == null ? void 0 : Se.filter(_e(2)),
-      format: le
+      interval: (Te = u.utcSecond.every(30)) == null ? void 0 : Te.filter(we(2)),
+      format: ue
     },
     {
       precision: S._1_minute,
-      interval: u.utcMinute.filter(ce(5)),
-      format: V
+      interval: u.utcMinute.filter(de(5)),
+      format: I
     },
     {
       precision: S._2_minutes,
-      interval: (Te = u.utcMinute.every(2)) == null ? void 0 : Te.filter(ce(10)),
-      format: V
+      interval: (Ee = u.utcMinute.every(2)) == null ? void 0 : Ee.filter(de(10)),
+      format: I
     },
     {
       precision: S._5_minutes,
-      interval: (Ee = u.utcMinute.every(5)) == null ? void 0 : Ee.filter(ce(20)),
-      format: V
+      interval: ($e = u.utcMinute.every(5)) == null ? void 0 : $e.filter(de(20)),
+      format: I
     },
     {
       precision: S._15_minutes,
-      interval: ($e = u.utcMinute.every(15)) == null ? void 0 : $e.filter(Y(1)),
-      format: V
+      interval: (De = u.utcMinute.every(15)) == null ? void 0 : De.filter(Y(1)),
+      format: I
     },
     {
       precision: S._30_minutes,
-      interval: (De = u.utcMinute.every(30)) == null ? void 0 : De.filter(Y(2)),
-      format: V
+      interval: (ke = u.utcMinute.every(30)) == null ? void 0 : ke.filter(Y(2)),
+      format: I
     },
     {
       precision: S._1_hour,
@@ -4770,12 +4770,12 @@ const It = {
     },
     {
       precision: S._2_hours,
-      interval: (ke = u.utcHour.every(2)) == null ? void 0 : ke.filter(Y(6)),
+      interval: (Oe = u.utcHour.every(2)) == null ? void 0 : Oe.filter(Y(6)),
       format: X
     },
     {
       precision: S._3_hours,
-      interval: (Oe = u.utcHour.every(3)) == null ? void 0 : Oe.filter(Y(12)),
+      interval: (Ae = u.utcHour.every(3)) == null ? void 0 : Ae.filter(Y(12)),
       format: X
     },
     {
@@ -4791,12 +4791,12 @@ const It = {
     {
       precision: S._1_day,
       interval: u.utcDay,
-      format: be
+      format: xe
     },
     {
       precision: S._2_days,
       interval: u.utcDay.every(2),
-      format: be
+      format: xe
     },
     {
       precision: S._1_month,
@@ -4947,7 +4947,7 @@ const It = {
       format: ""
     }
   ]
-}, Qe = {
+}, et = {
   bind(e, t) {
     const { value: r } = t;
     if (typeof r != "function") {
@@ -4964,16 +4964,15 @@ const It = {
   unbind(e) {
     e.__resizeObserver__ && (e.__resizeObserver__.disconnect(), delete e.__resizeObserver__);
   }
-}, Vt = [
+}, qt = [
   {
     name: "resize-observer",
-    definition: Qe
+    definition: et
   }
-], _ = {
+], w = {
   eventGroup: "event-group",
   eventGroupBg: "event-group-bg",
   eventRect: "event-rect",
-  eventRectText: "event-rect-text",
   labelBg: "label-bg",
   labelBgFill: "label-bg-fill",
   labelText: "label-text",
@@ -4988,10 +4987,10 @@ const It = {
 }, Q = {
   areaGradient: "area-gradient",
   loadingGradient: "loading-gradient"
-}, qt = q.extend({
+}, Xt = V.extend({
   name: "ETimeline",
   directives: {
-    resizeObserver: Qe
+    resizeObserver: et
   },
   props: {
     eventsGroups: {
@@ -5000,7 +4999,7 @@ const It = {
     },
     xAxesConfig: {
       type: Object,
-      default: () => It
+      default: () => Vt
     },
     dark: {
       type: Boolean,
@@ -5046,14 +5045,10 @@ const It = {
       type: Number,
       default: 1
     },
-    barHeight: {
+    barChartHeight: {
       type: Number,
       default: 18
     },
-    barYPadding: {
-      type: Number,
-      default: 0
-    },
     lineGraphMinHeight: {
       type: Number,
       default: 60
@@ -5086,6 +5081,7 @@ const It = {
       zoomBehavior: null,
       isMouseDown: !1,
       axisHeight: 22,
+      eventGroupPadding: 0,
       isHoveringEvent: !1,
       hoveredEvent: null,
       isHoveringTimeline: !1,
@@ -5105,15 +5101,10 @@ const It = {
       leftCurtainWidth: 50,
       rightCurtainWidth: 50,
       isHoveringCurtain: !1,
-      isDraggingCurtain: !1,
-      characterWidth: 7.5,
-      textPadding: 5
+      isDraggingCurtain: !1
     };
   },
   computed: {
-    barChartHeight() {
-      return this.barHeight + this.barYPadding;
-    },
     classes() {
       return {
         wrapper: {
@@ -5128,7 +5119,7 @@ const It = {
     },
     lineGraphGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (e, [t, r]) => r.chartType === "lineGraph" ? { ...e, [t]: r } : e,
+        (e, [t, r]) => r.chartType === te.lineGraph ? { ...e, [t]: r } : e,
         {}
       );
     },
@@ -5140,7 +5131,7 @@ const It = {
     },
     barGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (e, [t, r]) => r.chartType !== "lineGraph" ? { ...e, [t]: r } : e,
+        (e, [t, r]) => r.chartType !== te.lineGraph ? { ...e, [t]: r } : e,
         {}
       );
     },
@@ -5153,15 +5144,15 @@ const It = {
       ).reduce((r, n) => {
         var a;
         return Math.max(r, (a = n.label) == null ? void 0 : a.length);
-      }, 0) * this.characterWidth + 2 * this.textPadding;
+      }, 0) * 7.5 + 5;
     },
     combinedXAxesHeight() {
       const e = Object.keys(this.xAxesConfig).length - 1;
       return this.axisHeight * e;
     },
     timelineHeight() {
-      const e = Object.keys(this.barGroups).length, t = this.hasLineGraphChart ? this.lineGraphChartHeight : 0, r = this.barChartHeight * e;
-      return this.combinedXAxesHeight + t + 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(
@@ -5268,7 +5259,7 @@ const It = {
       Object.entries(this.filteredEventsGroups).forEach(
         ([t, r]) => {
           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") {
+          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 === te.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);
           }
@@ -5288,7 +5279,7 @@ const It = {
       const t = 5;
       for (const r in this.xAxesConfig) {
         const n = this.createAxis(r);
-        this.xAxes[r] = n, this.svg.append("g").classed(_.xAxis, !0).classed(`${_.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(n), this.translateTicksText(r), e += this.axisHeight;
+        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() {
@@ -5300,7 +5291,7 @@ const It = {
       this.disableZoom || (this.zoomBehavior = u.zoom().on("zoom", this.handleZoom).scaleExtent([this.minZoom, this.maxZoom]), this.svg.call(this.zoomBehavior));
     },
     initSelectedTimestampCursor() {
-      this.svg.append("line").attr("class", _.selectedTimestampCursor).style("stroke", "red").style("stroke-width", "1px").style("opacity", 0).attr("x1", 0).attr("x2", 0).attr("y1", 0).attr("y2", this.timelineHeight), this.repositionSelectedTimestampCursor();
+      this.svg.append("line").attr("class", w.selectedTimestampCursor).style("stroke", "red").style("stroke-width", "1px").style("opacity", 0).attr("x1", 0).attr("x2", 0).attr("y1", 0).attr("y2", this.timelineHeight), this.repositionSelectedTimestampCursor();
     },
     updateAndRedrawTimeline() {
       const { startDate: e, endDate: t } = this.getCurrentTimeBounds();
@@ -5310,7 +5301,7 @@ const It = {
       this.svg && this.svg.remove(), this.countsByTimestamp = {};
     },
     repositionSelectedTimestampCursor() {
-      const e = this.svg.select(`.${_.selectedTimestampCursor}`);
+      const e = this.svg.select(`.${w.selectedTimestampCursor}`);
       if (!this.selectedTimestamp) {
         e.style("opacity", 0);
         return;
@@ -5357,12 +5348,12 @@ const It = {
       if (!this.showLabels)
         return;
       const e = this;
-      this.svg.selectAll(`.${_.labelBg}`).each(function() {
+      this.svg.selectAll(`.${w.labelBg}`).each(function() {
         u.select(this).style("fill", e.dark ? "black" : "white");
-      }), this.svg.selectAll(`.${_.labelBgFill}`).each(function() {
+      }), this.svg.selectAll(`.${w.labelBgFill}`).each(function() {
         const t = u.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(`.${_.labelText}`).each(function() {
+      }), this.svg.selectAll(`.${w.labelText}`).each(function() {
         const t = u.select(this), r = t.node().dataset.color;
         t.style("fill", e.getTextFillColor(r));
       });
@@ -5382,8 +5373,7 @@ 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`,
-        zIndex: 100
+        bottom: `${this.timeline.getBoundingClientRect().height}px`
       }, this.repositionSelectedTimestampCursor());
     },
     handleClick(e) {
@@ -5415,20 +5405,20 @@ const It = {
       this.isHoveringEvent = !1, this.hoveredEvent = null, this.$emit("event-mouseout");
     },
     handleLabelMouseOver(e) {
-      u.selectAll(`.${_.lineGraphGroup}-${e}`).classed(
-        `${_.lineGraphGroup}--highlighted`,
+      u.selectAll(`.${w.lineGraphGroup}-${e}`).classed(
+        `${w.lineGraphGroup}--highlighted`,
         !0
-      ), u.selectAll(`.${_.lineGraphGroup}-label`).classed(
-        `${_.lineGraphGroup}-label--highlighted`,
+      ), u.selectAll(`.${w.lineGraphGroup}-label`).classed(
+        `${w.lineGraphGroup}-label--highlighted`,
         !0
       );
     },
     handleLabelMouseLeave(e) {
-      u.selectAll(`.${_.lineGraphGroup}-${e}`).classed(
-        `${_.lineGraphGroup}--highlighted`,
+      u.selectAll(`.${w.lineGraphGroup}-${e}`).classed(
+        `${w.lineGraphGroup}--highlighted`,
         !1
-      ), u.selectAll(`.${_.lineGraphGroup}-label`).classed(
-        `${_.lineGraphGroup}-label--highlighted`,
+      ), u.selectAll(`.${w.lineGraphGroup}-label`).classed(
+        `${w.lineGraphGroup}-label--highlighted`,
         !1
       );
     },
@@ -5457,7 +5447,7 @@ const It = {
     },
     updateCurtainsOnResize(e) {
       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(`.${_.curtain}--left`).attr("width", this.leftCurtainWidth), this.svg.select(`.${_.curtain}--right`).attr(
+      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);
@@ -5474,7 +5464,7 @@ const It = {
         e.x,
         this.timeline.offsetWidth - this.rightCurtainWidth
       );
-      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${_.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
+      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${w.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
     },
     handleRightDrag(e) {
       e.sourceEvent.stopPropagation();
@@ -5482,7 +5472,7 @@ const It = {
         this.timeline.offsetWidth - e.x,
         this.timeline.offsetWidth - this.leftCurtainWidth
       ), n = t - r;
-      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${_.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", n), this.emitCurtainChange();
+      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), n = this.tzStringToDate(t), a = this.timeline.offsetWidth, o = [r, n], i = [0, a];
@@ -5495,25 +5485,23 @@ const It = {
       const r = this.xAxes[e], n = this.getAxisTicksConfig(
         this.xAxesConfig[e]
       );
-      r.scale(t).ticks(n.interval).tickFormat(n.formatFn).tickSizeOuter(0), this.svg.select(`.${_.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(`.${_.xAxis}-${e}`).selectAll(".tick text").each(function() {
+      this.svg.select(`.${w.xAxis}-${e}`).selectAll(".tick text").each(function() {
         let t = u.select(this), r = t.node().getBBox();
         t.attr("x", r.height / 2).attr("y", 0).style("text-anchor", "start");
       });
     },
     updateBarCharts() {
-      const e = `.${_.eventGroup} > rect.${_.eventRect}`;
-      this.svg.selectAll(e).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth);
-      const t = `.${_.eventGroup} > text.${_.eventRectText}`;
-      this.svg.selectAll(t).attr("x", (r) => this.getEventRectX(r) + this.textPadding).text(this.getEventText);
+      const e = `.${w.eventGroup} > rect.${w.eventRect}`;
+      this.svg.selectAll(e).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight);
     },
     updateLineGraphs() {
       Object.entries(this.lineGraphGroups).forEach(([e]) => {
         const t = u.area().x((r) => this.timeScale(this.tzStringToDate(r.timestamp))).y0(this.timelineHeight).y1((r) => this.yScale(r.count)).curve(u.curveMonotoneX);
         this.svg.selectAll(
-          `.${_.lineGraphPath}-${e}`
+          `.${w.lineGraphPath}-${e}`
         ).attr("d", (r) => t(r));
       });
     },
@@ -5521,11 +5509,11 @@ const It = {
       Object.keys(this.lineGraphGroups).forEach((e) => {
         const t = this;
         this.svg.selectAll(
-          `.${_.lineGraphDot}-${e}`
+          `.${w.lineGraphDot}-${e}`
         ).each(function(r) {
           u.select(this).attr("cx", t.timeScale(t.tzStringToDate(r.timestamp))).attr("cy", t.yScale(r.count));
         }), this.svg.selectAll(
-          `.${_.lineGraphHoverZone}-${e}`
+          `.${w.lineGraphHoverZone}-${e}`
         ).each(function(r) {
           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);
@@ -5546,18 +5534,13 @@ const It = {
         return Math.max(t, this.rectMinWidth);
       }
     },
-    getEventText(e) {
-      var n;
-      const r = (this.getEventRectWidth(e) - this.textPadding) / this.characterWidth;
-      return r < 4 ? "" : ((n = e.text) == null ? void 0 : n.length) <= r ? e.text : `${e.text.slice(0, r - 3)}...`;
-    },
     initCurtains() {
       if (!this.curtains)
         return;
       const e = this.timeline.offsetWidth, t = this.timelineHeight;
-      this.svg.append("rect").classed(`${_.curtain} ${_.curtain}--left`, !0).attr("width", this.leftCurtainWidth).attr("height", t + this.curtainHandleWidth * 2).attr("y", -this.curtainHandleWidth).attr("x", -this.curtainHandleWidth).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
+      this.svg.append("rect").classed(`${w.curtain} ${w.curtain}--left`, !0).attr("width", this.leftCurtainWidth).attr("height", t + this.curtainHandleWidth * 2).attr("y", -this.curtainHandleWidth).attr("x", -this.curtainHandleWidth).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
         u.drag().on("start", this.handleDragStart).on("drag", this.handleLeftDrag).on("end", this.handleDragEnd)
-      ), this.svg.append("rect").classed(`${_.curtain} ${_.curtain}--right`, !0).attr(
+      ), this.svg.append("rect").classed(`${w.curtain} ${w.curtain}--right`, !0).attr(
         "x",
         e - this.rightCurtainWidth + this.curtainHandleWidth * 2
       ).attr("y", -this.curtainHandleWidth).attr("width", this.rightCurtainWidth + this.curtainHandleWidth * 2).attr("height", t + this.curtainHandleWidth * 2).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
@@ -5565,13 +5548,13 @@ const It = {
       );
     },
     drawEventsGroups() {
-      this.svg.selectAll(`g.${_.eventGroup}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups();
+      this.svg.selectAll(`g.${w.eventGroup}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups();
     },
     drawLineGraphEventsGroups() {
       const e = this.combinedXAxesHeight, t = this.normalizeEvents ? this.normalizedLineGraphGroups : this.lineGraphGroups;
       Object.entries(t).forEach(([r, n]) => {
         const a = this.svg.append("g").classed(
-          `${_.lineGraphGroup} ${_.lineGraphGroup}-${r}`,
+          `${w.lineGraphGroup} ${w.lineGraphGroup}-${r}`,
           !0
         ).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
         this.drawLineGraph({
@@ -5587,7 +5570,7 @@ const It = {
         });
       }), Object.entries(this.lineGraphGroups).forEach(
         ([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(`${_.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
+          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,
@@ -5609,7 +5592,7 @@ const It = {
       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(`${_.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));
+      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,
@@ -5624,46 +5607,46 @@ const It = {
           [n]: a.count
         };
         const i = t.append("circle").classed(
-          `${_.lineGraphDot} ${_.lineGraphDot}-${n}`,
+          `${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] || [],
           i
-        ], t.append("rect").classed(`${_.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) => {
+        ], 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(`${_.lineGraphDot}--active`, !0)
+            (l) => l.classed(`${w.lineGraphDot}--active`, !0)
           );
         }).on("mouseout", () => {
           this.handleLineMouseOut(), this.dotsByTimestamp[o].forEach(
-            (c) => c.classed(`${_.lineGraphDot}--active`, !1)
+            (c) => c.classed(`${w.lineGraphDot}--active`, !1)
           );
         });
       });
     },
     drawBarEventsGroups() {
       Object.entries(this.barGroups).forEach(([e, t], r) => {
-        const { color: n, bgColor: a, label: o, events: i, isLoading: c } = t, l = this.hasLineGraphChart ? this.lineGraphChartHeight : 0, s = r * this.barChartHeight + 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: n,
-          isLoading: c
+          isLoading: i
         });
-        const d = this.svg.append("g").attr("data-color", n).classed(_.eventGroup, !0).classed(`${_.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: a || n,
+          color: n,
           gElement: d,
           yPosition: s
         }), this.drawBars({
-          events: i,
+          events: o,
           color: n,
           gElement: d,
           yPosition: s,
           type: e
         }), this.drawTextLabel({
           color: n,
-          label: o,
+          label: a,
           gElement: d,
           yPosition: s
         });
@@ -5675,7 +5658,7 @@ const It = {
       isLoading: r
     }) {
       this.svg.append("rect").classed(
-        `${_.loadingIndicator} ${_.loadingIndicator}-${t}`,
+        `${w.loadingIndicator} ${w.loadingIndicator}-${t}`,
         !0
       ).attr("x", 0).attr("y", e).attr("width", this.timeline.offsetWidth / 3).attr("height", this.barChartHeight).attr("fill", `url(#${Q.loadingGradient}-${t})`).style("visibility", r ? "visible" : "hidden");
     },
@@ -5684,7 +5667,7 @@ const It = {
       yPosition: t,
       gElement: r
     }) {
-      r.append("rect").attr("class", _.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", this.barChartHeight).attr("fill", u.color(e).toString()).style("opacity", 0.1);
+      r.append("rect").attr("class", w.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", this.barChartHeight).attr("fill", u.color(e).toString()).style("opacity", 0.1);
     },
     drawBars({
       events: e,
@@ -5694,14 +5677,11 @@ const It = {
       type: a
     }) {
       const o = this;
-      t.selectAll(_.eventRect).data(e).enter().append("rect").classed(_.eventRect, !0).attr("x", this.getEventRectX).attr("y", r + this.barYPadding / 2).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight - this.barYPadding).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(`${_.eventRect}--hovered`, !0), o.handleBarMouseOver(i, 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", 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(`${_.eventRect}--hovered`, !1), o.handleBarMouseOut();
-      }), t.selectAll(_.eventRectText).data(e.filter((i) => !!i.text)).enter().append("text").attr("class", _.eventRectText).attr("x", (i) => this.getEventRectX(i) + 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(
-        "fill",
-        (i) => this.getTextFillColor(i.color || n, 0.75)
-      ).text(this.getEventText);
+        u.select(this).classed(`${w.eventRect}--hovered`, !1), o.handleBarMouseOut();
+      });
     },
     drawTextLabel({
       gElement: e,
@@ -5714,15 +5694,15 @@ const It = {
       const a = {
         x: -5,
         y: t,
-        w: this.labelRectWidth,
+        w: this.labelRectWidth + 5,
         h: this.barChartHeight,
         radius: 3
       };
-      e.append("rect").attr("class", _.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", _.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", _.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);
+      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, t = 0) {
-      var r, n;
-      return (this.dark ? (r = u.color(e)) == null ? void 0 : r.brighter(1.5 + t) : (n = u.color(e)) == null ? void 0 : n.darker(2 + t)).toString();
+    getTextFillColor(e) {
+      var t, r;
+      return (this.dark ? (t = u.color(e)) == null ? void 0 : t.brighter(1.5) : (r = u.color(e)) == null ? void 0 : r.darker(2)).toString();
     },
     getLabelBackgroundColor(e) {
       let t = u.color(e);
@@ -5794,7 +5774,7 @@ const It = {
     }
   }
 });
-var Xt = function() {
+var Yt = function() {
   var t = this, r = t._self._c;
   return r("div", { 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 }), r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: t.handleResize, expression: "handleResize" }], ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden e-overflow-hidden" }), 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", { 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: `
@@ -5803,134 +5783,66 @@ 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 e-z-50", style: t.eventTooltipStyle }, [t._t("eventTooltip", function() {
+  }, { 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(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(
-  qt,
+}, Zt = [], Kt = /* @__PURE__ */ q(
   Xt,
   Yt,
+  Zt,
   !1,
   null,
   null,
   null,
   null
 );
-const Kt = Zt.exports, Jt = {
-  name: "EVideoEmbed",
-  props: {
-    videoUrl: {
-      type: String,
-      required: !0
-    },
-    platform: {
-      type: String,
-      required: !0,
-      validator: (e) => ["youtube", "vimeo"].includes(e)
-    },
-    iframeListeners: {
-      type: Object,
-      default: () => ({})
-    },
-    iframeOptions: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    videoId() {
-      if (this.platform === "youtube") {
-        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+)/);
-        return e ? e[1] : void 0;
-      }
-    },
-    embedUrl() {
-      var e;
-      if (this.platform === "youtube") {
-        const t = new URLSearchParams({
-          quality: "1080p",
-          ...this.iframeOptions
-        });
-        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({
-          h: t || "",
-          quality: "1080p",
-          ...this.iframeOptions
-        });
-        return `https://player.vimeo.com/video/${this.videoId}?${r.toString()}`;
-      }
-      return "";
-    }
-  }
-};
-var Qt = 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))]);
-}, er = [], tr = /* @__PURE__ */ I(
-  Jt,
-  Qt,
-  er,
-  !1,
-  null,
-  "0ecf4a71",
-  null,
-  null
-);
-const rr = tr.exports, we = {
-  EAvatar: lt,
-  EBadge: Ae,
-  EIcon: Ct,
-  ESpinner: Ke,
-  ERow: Ft,
+const Jt = Kt.exports, Ce = {
+  EAvatar: ut,
+  EBadge: Fe,
+  EIcon: St,
+  ESpinner: Je,
+  ERow: Mt,
   ECol: Ht,
-  EVideoPlayer: Nt,
-  ETimeline: Kt,
-  EVideoEmbed: rr
-}, ur = {
+  EVideoPlayer: It,
+  ETimeline: Jt
+}, sr = {
   install(e) {
-    Object.keys(we).forEach((t) => {
-      e.component(t, we[t]);
-    }), Vt.forEach(({ name: t, definition: r }) => {
+    Object.keys(Ce).forEach((t) => {
+      e.component(t, Ce[t]);
+    }), qt.forEach(({ name: t, definition: r }) => {
       e.directive(t, r);
     });
   }
 };
 export {
-  ar as AvatarSizes,
-  or as BadgeColors,
-  sr as BadgeSizes,
+  rr as AvatarSizes,
+  nr as BadgeColors,
+  tr as BadgeSizes,
   j as BaseColor,
-  vt as Colors,
-  Vt as DirectivesMap,
-  lt as EAvatar,
-  Ae as EBadge,
+  yt as Colors,
+  qt as DirectivesMap,
+  ut as EAvatar,
+  Fe as EBadge,
   Ht as ECol,
-  Ct as EIcon,
-  Ft as ERow,
-  Ke as ESpinner,
-  Kt as ETimeline,
-  lr as EVENTS,
-  rr as EVideoEmbed,
-  Nt as EVideoPlayer,
-  yt as IconSizes,
-  Qe as ResizeObserverDirective,
+  St as EIcon,
+  Mt as ERow,
+  Je as ESpinner,
+  Jt as ETimeline,
+  ir as EVENTS,
+  It as EVideoPlayer,
+  bt as IconSizes,
+  et as ResizeObserverDirective,
   T as Size,
-  gt as TextSizes,
+  vt as TextSizes,
   ee as TimelineAxis,
-  we as components,
-  ur as default,
-  jt as exitFullScreen,
-  Ze as fullConfig,
-  Je as isFullScreen,
-  Gt as makeFullScreen
+  te as TimelineChartType,
+  Ce as components,
+  sr as default,
+  Bt as exitFullScreen,
+  Ke as fullConfig,
+  Qe as isFullScreen,
+  jt as makeFullScreen
 };
 //# sourceMappingURL=index.mjs.map