@evercam/ui 0.0.52-beta.2 → 0.0.52-beta.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import q from "vue";
-import * as u from "d3";
+import * as c from "d3";
 import V 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 || {}), B = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(B || {}), te = /* @__PURE__ */ ((e) => (e.overview = "overview", e.detailed = "detailed", e.detailedBackground = "detailedBackground", e))(te || {}), Z = /* @__PURE__ */ ((e) => (e.bars = "bars", e.lineGraph = "lineGraph", e.barChart = "barGraph", e))(Z || {}), fe = /* @__PURE__ */ ((e) => (e.zoom = "zoom", e.initial = "initial", e))(fe || {});
 const rt = q.extend({
@@ -52,29 +52,29 @@ const rt = q.extend({
     }
   }
 });
-function I(e, t, r, n, a, o, i, d) {
+function I(e, t, r, n, s, o, i, f) {
   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;
-  if (i ? (s = function(m) {
-    m = m || // cached call
+  var a;
+  if (i ? (a = function(d) {
+    d = d || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !m && typeof __VUE_SSR_CONTEXT__ != "undefined" && (m = __VUE_SSR_CONTEXT__), a && a.call(this, m), m && m._registeredComponents && m._registeredComponents.add(i);
-  }, l._ssrRegister = s) : a && (s = d ? function() {
-    a.call(
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !d && typeof __VUE_SSR_CONTEXT__ != "undefined" && (d = __VUE_SSR_CONTEXT__), s && s.call(this, d), d && d._registeredComponents && d._registeredComponents.add(i);
+  }, l._ssrRegister = a) : s && (a = f ? function() {
+    s.call(
       this,
       (l.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : a), s)
+  } : s), a)
     if (l.functional) {
-      l._injectStyles = s;
-      var c = l.render;
+      l._injectStyles = a;
+      var u = l.render;
       l.render = function(E, b) {
-        return s.call(b), c(E, b);
+        return a.call(b), u(E, b);
       };
     } else {
       var g = l.beforeCreate;
-      l.beforeCreate = g ? [].concat(g, s) : [s];
+      l.beforeCreate = g ? [].concat(g, a) : [a];
     }
   return {
     exports: e,
@@ -181,7 +181,7 @@ var Pe = {}, ze = {}, me = {};
     if (r = `${r}`, r === "0")
       return "0";
     if (/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(r))
-      return r.replace(/^[+-]?/, (a) => a === "-" ? "" : "-");
+      return r.replace(/^[+-]?/, (s) => s === "-" ? "" : "-");
     let n = [
       "var",
       "calc",
@@ -189,8 +189,8 @@ var Pe = {}, ze = {}, me = {};
       "max",
       "clamp"
     ];
-    for (const a of n)
-      if (r.includes(`${a}(`))
+    for (const s of n)
+      if (r.includes(`${s}(`))
         return `calc(${r} * -1)`;
   }
 })(me);
@@ -408,11 +408,11 @@ var Be = ge.exports;
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(l, s) {
-    for (var c in s)
-      Object.defineProperty(l, c, {
+  function t(l, a) {
+    for (var u in a)
+      Object.defineProperty(l, u, {
         enumerable: !0,
-        get: s[c]
+        get: a[u]
       });
   }
   t(e, {
@@ -420,7 +420,7 @@ var Be = ge.exports;
       return i;
     },
     default: function() {
-      return d;
+      return f;
     }
   });
   const r = /* @__PURE__ */ n(Be);
@@ -429,35 +429,35 @@ var Be = ge.exports;
       default: l
     };
   }
-  let a = /* @__PURE__ */ new Set();
-  function o(l, s, c) {
-    typeof process != "undefined" && process.env.JEST_WORKER_ID || c && a.has(c) || (c && a.add(c), console.warn(""), s.forEach((g) => console.warn(l, "-", g)));
+  let s = /* @__PURE__ */ new Set();
+  function o(l, a, u) {
+    typeof process != "undefined" && process.env.JEST_WORKER_ID || u && s.has(u) || (u && s.add(u), console.warn(""), a.forEach((g) => console.warn(l, "-", g)));
   }
   function i(l) {
     return r.default.dim(l);
   }
-  const d = {
-    info(l, s) {
+  const f = {
+    info(l, a) {
       o(r.default.bold(r.default.cyan("info")), ...Array.isArray(l) ? [
         l
       ] : [
-        s,
+        a,
         l
       ]);
     },
-    warn(l, s) {
+    warn(l, a) {
       o(r.default.bold(r.default.yellow("warn")), ...Array.isArray(l) ? [
         l
       ] : [
-        s,
+        a,
         l
       ]);
     },
-    risk(l, s) {
+    risk(l, a) {
       o(r.default.bold(r.default.magenta("risk")), ...Array.isArray(l) ? [
         l
       ] : [
-        s,
+        a,
         l
       ]);
     }
@@ -469,7 +469,7 @@ var Be = ge.exports;
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return a;
+      return s;
     }
   });
   const t = /* @__PURE__ */ r(ne);
@@ -478,13 +478,13 @@ var Be = ge.exports;
       default: o
     };
   }
-  function n({ version: o, from: i, to: d }) {
+  function n({ version: o, from: i, to: f }) {
     t.default.warn(`${i}-color-renamed`, [
-      `As of Tailwind CSS ${o}, \`${i}\` has been renamed to \`${d}\`.`,
+      `As of Tailwind CSS ${o}, \`${i}\` has been renamed to \`${f}\`.`,
       "Update your configuration file to silence this warning."
     ]);
   }
-  const a = {
+  const s = {
     inherit: "inherit",
     current: "currentColor",
     transparent: "transparent",
@@ -825,13 +825,13 @@ var je = {};
   });
   function t(r, ...n) {
     for (let i of n) {
-      for (let d in i) {
-        var a;
-        !(r == null || (a = r.hasOwnProperty) === null || a === void 0) && a.call(r, d) || (r[d] = i[d]);
+      for (let f in i) {
+        var s;
+        !(r == null || (s = r.hasOwnProperty) === null || s === void 0) && s.call(r, f) || (r[f] = i[f]);
       }
-      for (let d of Object.getOwnPropertySymbols(i)) {
+      for (let f of Object.getOwnPropertySymbols(i)) {
         var o;
-        !(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r, d) || (r[d] = i[d]);
+        !(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r, f) || (r[f] = i[f]);
       }
     }
     return r;
@@ -850,8 +850,8 @@ var Re = {};
   function t(r) {
     if (Array.isArray(r))
       return r;
-    let n = r.split("[").length - 1, a = r.split("]").length - 1;
-    if (n !== a)
+    let n = r.split("[").length - 1, s = r.split("]").length - 1;
+    if (n !== s)
       throw new Error(`Path is invalid. Has unbalanced brackets: ${r}`);
     return r.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
@@ -861,26 +861,26 @@ var We = {}, ie = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(g, m) {
-    for (var E in m)
+  function t(g, d) {
+    for (var E in d)
       Object.defineProperty(g, E, {
         enumerable: !0,
-        get: m[E]
+        get: d[E]
       });
   }
   t(e, {
     flagEnabled: function() {
-      return d;
+      return f;
     },
     issueFlagNotices: function() {
-      return s;
+      return a;
     },
     default: function() {
-      return c;
+      return u;
     }
   });
-  const r = /* @__PURE__ */ a(Be), n = /* @__PURE__ */ a(ne);
-  function a(g) {
+  const r = /* @__PURE__ */ s(Be), n = /* @__PURE__ */ s(ne);
+  function s(g) {
     return g && g.__esModule ? g : {
       default: g
     };
@@ -906,33 +906,33 @@ var We = {}, ie = {};
       "generalizedModifiers"
     ]
   };
-  function d(g, m) {
-    if (i.future.includes(m)) {
+  function f(g, d) {
+    if (i.future.includes(d)) {
       var E, b, k;
-      return g.future === "all" || ((k = (b = g == null || (E = g.future) === null || E === void 0 ? void 0 : E[m]) !== null && b !== void 0 ? b : o[m]) !== null && k !== void 0 ? k : !1);
+      return g.future === "all" || ((k = (b = g == null || (E = g.future) === null || E === void 0 ? void 0 : E[d]) !== null && b !== void 0 ? b : o[d]) !== null && k !== void 0 ? k : !1);
     }
-    if (i.experimental.includes(m)) {
+    if (i.experimental.includes(d)) {
       var A, z, L;
-      return g.experimental === "all" || ((L = (z = g == null || (A = g.experimental) === null || A === void 0 ? void 0 : A[m]) !== null && z !== void 0 ? z : o[m]) !== null && L !== void 0 ? L : !1);
+      return g.experimental === "all" || ((L = (z = g == null || (A = g.experimental) === null || A === void 0 ? void 0 : A[d]) !== null && z !== void 0 ? z : o[d]) !== null && L !== void 0 ? L : !1);
     }
     return !1;
   }
   function l(g) {
     if (g.experimental === "all")
       return i.experimental;
-    var m;
-    return Object.keys((m = g == null ? void 0 : g.experimental) !== null && m !== void 0 ? m : {}).filter((E) => i.experimental.includes(E) && g.experimental[E]);
+    var d;
+    return Object.keys((d = g == null ? void 0 : g.experimental) !== null && d !== void 0 ? d : {}).filter((E) => i.experimental.includes(E) && g.experimental[E]);
   }
-  function s(g) {
+  function a(g) {
     if (process.env.JEST_WORKER_ID === void 0 && l(g).length > 0) {
-      let m = l(g).map((E) => r.default.yellow(E)).join(", ");
+      let d = l(g).map((E) => r.default.yellow(E)).join(", ");
       n.default.warn("experimental-flags-enabled", [
-        `You have enabled experimental features: ${m}`,
+        `You have enabled experimental features: ${d}`,
         "Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."
       ]);
     }
   }
-  const c = i;
+  const u = i;
 })(ie);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -943,59 +943,59 @@ var We = {}, ie = {};
       return o;
     }
   });
-  const t = ie, r = /* @__PURE__ */ a(ne);
+  const t = ie, r = /* @__PURE__ */ s(ne);
   function n(i) {
     if (typeof WeakMap != "function")
       return null;
-    var d = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
-    return (n = function(s) {
-      return s ? l : d;
+    var f = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
+    return (n = function(a) {
+      return a ? l : f;
     })(i);
   }
-  function a(i, d) {
-    if (!d && i && i.__esModule)
+  function s(i, f) {
+    if (!f && i && i.__esModule)
       return i;
     if (i === null || typeof i != "object" && typeof i != "function")
       return {
         default: i
       };
-    var l = n(d);
+    var l = n(f);
     if (l && l.has(i))
       return l.get(i);
-    var s = {}, c = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    var a = {}, u = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for (var g in i)
       if (g !== "default" && Object.prototype.hasOwnProperty.call(i, g)) {
-        var m = c ? Object.getOwnPropertyDescriptor(i, g) : null;
-        m && (m.get || m.set) ? Object.defineProperty(s, g, m) : s[g] = i[g];
+        var d = u ? Object.getOwnPropertyDescriptor(i, g) : null;
+        d && (d.get || d.set) ? Object.defineProperty(a, g, d) : a[g] = i[g];
       }
-    return s.default = i, l && l.set(i, s), s;
+    return a.default = i, l && l.set(i, a), a;
   }
   function o(i) {
     if ((() => {
       if (i.purge || !i.content || !Array.isArray(i.content) && !(typeof i.content == "object" && i.content !== null))
         return !1;
       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"));
+        return i.content.every((a) => typeof a == "string" ? !0 : !(typeof (a == null ? void 0 : a.raw) != "string" || a != null && a.extension && typeof (a == null ? void 0 : a.extension) != "string"));
       if (typeof i.content == "object" && i.content !== null) {
-        if (Object.keys(i.content).some((s) => ![
+        if (Object.keys(i.content).some((a) => ![
           "files",
           "relative",
           "extract",
           "transform"
-        ].includes(s)))
+        ].includes(a)))
           return !1;
         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")))
+          if (!i.content.files.every((a) => typeof a == "string" ? !0 : !(typeof (a == null ? void 0 : a.raw) != "string" || a != null && a.extension && typeof (a == null ? void 0 : a.extension) != "string")))
             return !1;
           if (typeof i.content.extract == "object") {
-            for (let s of Object.values(i.content.extract))
-              if (typeof s != "function")
+            for (let a of Object.values(i.content.extract))
+              if (typeof a != "function")
                 return !1;
           } else if (!(i.content.extract === void 0 || typeof i.content.extract == "function"))
             return !1;
           if (typeof i.content.transform == "object") {
-            for (let s of Object.values(i.content.transform))
-              if (typeof s != "function")
+            for (let a of Object.values(i.content.transform))
+              if (typeof a != "function")
                 return !1;
           } else if (!(i.content.transform === void 0 || typeof i.content.transform == "function"))
             return !1;
@@ -1010,14 +1010,14 @@ var We = {}, ie = {};
       "Update your configuration file to eliminate this warning.",
       "https://tailwindcss.com/docs/upgrade-guide#configure-content-sources"
     ]), i.safelist = (() => {
-      var s;
-      let { content: c, purge: g, safelist: m } = i;
-      return Array.isArray(m) ? m : Array.isArray(c == null ? void 0 : c.safelist) ? c.safelist : Array.isArray(g == null ? void 0 : g.safelist) ? g.safelist : Array.isArray(g == null || (s = g.options) === null || s === void 0 ? void 0 : s.safelist) ? g.options.safelist : [];
+      var a;
+      let { content: u, purge: g, safelist: d } = i;
+      return Array.isArray(d) ? d : Array.isArray(u == null ? void 0 : u.safelist) ? u.safelist : Array.isArray(g == null ? void 0 : g.safelist) ? g.safelist : Array.isArray(g == null || (a = g.options) === null || a === void 0 ? void 0 : a.safelist) ? g.options.safelist : [];
     })(), i.blocklist = (() => {
-      let { blocklist: s } = i;
-      if (Array.isArray(s)) {
-        if (s.every((c) => typeof c == "string"))
-          return s;
+      let { blocklist: a } = i;
+      if (Array.isArray(a)) {
+        if (a.every((u) => typeof u == "string"))
+          return a;
         r.default.warn("blocklist-invalid", [
           "The `blocklist` option must be an array of strings.",
           "https://tailwindcss.com/docs/content-configuration#discarding-classes"
@@ -1036,54 +1036,54 @@ var We = {}, ie = {};
     }
     i.content = {
       relative: (() => {
-        let { content: s } = i;
-        return s != null && s.relative ? s.relative : (0, t.flagEnabled)(i, "relativeContentPathsByDefault");
+        let { content: a } = i;
+        return a != null && a.relative ? a.relative : (0, t.flagEnabled)(i, "relativeContentPathsByDefault");
       })(),
       files: (() => {
-        let { content: s, purge: c } = i;
-        return Array.isArray(c) ? c : Array.isArray(c == null ? void 0 : c.content) ? c.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 : [];
+        let { content: a, purge: u } = i;
+        return Array.isArray(u) ? u : Array.isArray(u == null ? void 0 : u.content) ? u.content : Array.isArray(a) ? a : Array.isArray(a == null ? void 0 : a.content) ? a.content : Array.isArray(a == null ? void 0 : a.files) ? a.files : [];
       })(),
       extract: (() => {
-        let s = (() => {
-          var m, E, b, k, A, z, L, M, H, G;
-          return !((m = i.purge) === null || m === void 0) && m.extract ? i.purge.extract : !((E = i.content) === null || E === void 0) && E.extract ? i.content.extract : !((b = i.purge) === null || b === void 0 || (k = b.extract) === null || k === void 0) && k.DEFAULT ? i.purge.extract.DEFAULT : !((A = i.content) === null || A === void 0 || (z = A.extract) === null || z === void 0) && z.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 : {};
-        })(), c = {}, g = (() => {
-          var m, E, b, k;
-          if (!((m = i.purge) === null || m === void 0 || (E = m.options) === null || E === void 0) && E.defaultExtractor)
+        let a = (() => {
+          var d, E, b, k, A, z, L, M, H, G;
+          return !((d = i.purge) === null || d === void 0) && d.extract ? i.purge.extract : !((E = i.content) === null || E === void 0) && E.extract ? i.content.extract : !((b = i.purge) === null || b === void 0 || (k = b.extract) === null || k === void 0) && k.DEFAULT ? i.purge.extract.DEFAULT : !((A = i.content) === null || A === void 0 || (z = A.extract) === null || z === void 0) && z.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 : {};
+        })(), u = {}, g = (() => {
+          var d, E, b, k;
+          if (!((d = i.purge) === null || d === void 0 || (E = d.options) === null || E === void 0) && E.defaultExtractor)
             return i.purge.options.defaultExtractor;
           if (!((b = i.content) === null || b === void 0 || (k = b.options) === null || k === void 0) && k.defaultExtractor)
             return i.content.options.defaultExtractor;
         })();
-        if (g !== void 0 && (c.DEFAULT = g), typeof s == "function")
-          c.DEFAULT = s;
-        else if (Array.isArray(s))
-          for (let { extensions: m, extractor: E } of s != null ? s : [])
-            for (let b of m)
-              c[b] = E;
+        if (g !== void 0 && (u.DEFAULT = g), typeof a == "function")
+          u.DEFAULT = a;
+        else if (Array.isArray(a))
+          for (let { extensions: d, extractor: E } of a != null ? a : [])
+            for (let b of d)
+              u[b] = E;
         else
-          typeof s == "object" && s !== null && Object.assign(c, s);
-        return c;
+          typeof a == "object" && a !== null && Object.assign(u, a);
+        return u;
       })(),
       transform: (() => {
-        let s = (() => {
-          var g, m, E, b, k, A;
-          return !((g = i.purge) === null || g === void 0) && g.transform ? i.purge.transform : !((m = i.content) === null || m === void 0) && m.transform ? i.content.transform : !((E = i.purge) === null || E === void 0 || (b = E.transform) === null || b === void 0) && b.DEFAULT ? i.purge.transform.DEFAULT : !((k = i.content) === null || k === void 0 || (A = k.transform) === null || A === void 0) && A.DEFAULT ? i.content.transform.DEFAULT : {};
-        })(), c = {};
-        return typeof s == "function" && (c.DEFAULT = s), typeof s == "object" && s !== null && Object.assign(c, s), c;
+        let a = (() => {
+          var g, d, E, b, k, A;
+          return !((g = i.purge) === null || g === void 0) && g.transform ? i.purge.transform : !((d = i.content) === null || d === void 0) && d.transform ? i.content.transform : !((E = i.purge) === null || E === void 0 || (b = E.transform) === null || b === void 0) && b.DEFAULT ? i.purge.transform.DEFAULT : !((k = i.content) === null || k === void 0 || (A = k.transform) === null || A === void 0) && A.DEFAULT ? i.content.transform.DEFAULT : {};
+        })(), u = {};
+        return typeof a == "function" && (u.DEFAULT = a), typeof a == "object" && a !== null && Object.assign(u, a), u;
       })()
     };
-    for (let s of i.content.files)
-      if (typeof s == "string" && /{([^,]*?)}/g.test(s)) {
+    for (let a of i.content.files)
+      if (typeof a == "string" && /{([^,]*?)}/g.test(a)) {
         r.default.warn("invalid-glob-braces", [
-          `The glob pattern ${(0, r.dim)(s)} in your Tailwind CSS configuration is invalid.`,
-          `Update it to ${(0, r.dim)(s.replace(/{([^,]*?)}/g, "$1"))} to silence this warning.`
+          `The glob pattern ${(0, r.dim)(a)} in your Tailwind CSS configuration is invalid.`,
+          `Update it to ${(0, r.dim)(a.replace(/{([^,]*?)}/g, "$1"))} to silence this warning.`
         ]);
         break;
       }
     return i;
   }
 })(We);
-var Ue = {};
+var Ne = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1099,8 +1099,8 @@ var Ue = {};
     const n = Object.getPrototypeOf(r);
     return n === null || n === Object.prototype;
   }
-})(Ue);
-var Ne = {};
+})(Ne);
+var Ue = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1111,12 +1111,12 @@ var Ne = {};
     }
   });
   function t(r) {
-    return Array.isArray(r) ? r.map((n) => t(n)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([n, a]) => [
+    return Array.isArray(r) ? r.map((n) => t(n)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([n, s]) => [
       n,
-      t(a)
+      t(s)
     ])) : r;
   }
-})(Ne);
+})(Ue);
 var Ie = {}, Ve = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -1897,7 +1897,7 @@ var ve = {}, ye = {}, Xe = {};
   }
   t(e, {
     parseColor: function() {
-      return m;
+      return d;
     },
     formatColor: function() {
       return E;
@@ -1909,8 +1909,8 @@ var ve = {}, ye = {}, Xe = {};
       default: b
     };
   }
-  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+)%?/, d = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, s = /var\(--(?:[^ )]*?)\)/, c = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${s.source})(?:${d.source}(${i.source}|${s.source}))?(?:${d.source}(${i.source}|${s.source}))?(?:${l.source}(${i.source}|${s.source}))?\\s*\\)$`), g = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${s.source})(?:${d.source}(${i.source}|${s.source}))?(?:${d.source}(${i.source}|${s.source}))?(?:${l.source}(${i.source}|${s.source}))?\\s*\\)$`);
-  function m(b, { loose: k = !1 } = {}) {
+  let s = /^#([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+)%?/, f = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, a = /var\(--(?:[^ )]*?)\)/, u = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${a.source})(?:${f.source}(${i.source}|${a.source}))?(?:${f.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`), g = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${a.source})(?:${f.source}(${i.source}|${a.source}))?(?:${f.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`);
+  function d(b, { loose: k = !1 } = {}) {
     var A, z;
     if (typeof b != "string")
       return null;
@@ -1929,16 +1929,16 @@ var ve = {}, ye = {}, Xe = {};
         mode: "rgb",
         color: r.default[b].map((R) => R.toString())
       };
-    let L = b.replace(o, (R, N, W, v, D) => [
+    let L = b.replace(o, (R, U, W, y, D) => [
       "#",
-      N,
-      N,
+      U,
+      U,
       W,
       W,
-      v,
-      v,
+      y,
+      y,
       D ? D + D : ""
-    ].join("")).match(a);
+    ].join("")).match(s);
     if (L !== null)
       return {
         mode: "rgb",
@@ -1950,7 +1950,7 @@ var ve = {}, ye = {}, Xe = {};
         alpha: L[4] ? (parseInt(L[4], 16) / 255).toString() : void 0
       };
     var M;
-    let H = (M = b.match(c)) !== null && M !== void 0 ? M : b.match(g);
+    let H = (M = b.match(u)) !== null && M !== void 0 ? M : b.match(g);
     if (H === null)
       return null;
     let G = [
@@ -1980,10 +1980,10 @@ var ve = {}, ye = {}, Xe = {};
     value: !0
   });
   function t(o, i) {
-    for (var d in i)
-      Object.defineProperty(o, d, {
+    for (var f in i)
+      Object.defineProperty(o, f, {
         enumerable: !0,
-        get: i[d]
+        get: i[f]
       });
   }
   t(e, {
@@ -1991,11 +1991,11 @@ var ve = {}, ye = {}, Xe = {};
       return n;
     },
     default: function() {
-      return a;
+      return s;
     }
   });
   const r = ye;
-  function n(o, i, d) {
+  function n(o, i, f) {
     if (typeof o == "function")
       return o({
         opacityValue: i
@@ -2003,38 +2003,38 @@ var ve = {}, ye = {}, Xe = {};
     let l = (0, r.parseColor)(o, {
       loose: !0
     });
-    return l === null ? d : (0, r.formatColor)({
+    return l === null ? f : (0, r.formatColor)({
       ...l,
       alpha: i
     });
   }
-  function a({ color: o, property: i, variable: d }) {
+  function s({ color: o, property: i, variable: f }) {
     let l = [].concat(i);
     if (typeof o == "function")
       return {
-        [d]: "1",
-        ...Object.fromEntries(l.map((c) => [
-          c,
+        [f]: "1",
+        ...Object.fromEntries(l.map((u) => [
+          u,
           o({
-            opacityVariable: d,
-            opacityValue: `var(${d})`
+            opacityVariable: f,
+            opacityValue: `var(${f})`
           })
         ]))
       };
-    const s = (0, r.parseColor)(o);
-    return s === null ? Object.fromEntries(l.map((c) => [
-      c,
+    const a = (0, r.parseColor)(o);
+    return a === null ? Object.fromEntries(l.map((u) => [
+      u,
       o
-    ])) : s.alpha !== void 0 ? Object.fromEntries(l.map((c) => [
-      c,
+    ])) : a.alpha !== void 0 ? Object.fromEntries(l.map((u) => [
+      u,
       o
     ])) : {
-      [d]: "1",
-      ...Object.fromEntries(l.map((c) => [
-        c,
+      [f]: "1",
+      ...Object.fromEntries(l.map((u) => [
+        u,
         (0, r.formatColor)({
-          ...s,
-          alpha: `var(${d})`
+          ...a,
+          alpha: `var(${f})`
         })
       ]))
     };
@@ -2051,10 +2051,10 @@ var be = {}, qe = {}, se = {};
     }
   });
   function t(r, n) {
-    let a = [], o = [], i = 0, d = !1;
+    let s = [], o = [], i = 0, f = !1;
     for (let l = 0; l < r.length; l++) {
-      let s = r[l];
-      a.length === 0 && s === n[0] && !d && (n.length === 1 || r.slice(l, l + n.length) === n) && (o.push(r.slice(i, l)), i = l + n.length), d ? d = !1 : s === "\\" && (d = !0), s === "(" || s === "[" || s === "{" ? a.push(s) : (s === ")" && a[a.length - 1] === "(" || s === "]" && a[a.length - 1] === "[" || s === "}" && a[a.length - 1] === "{") && a.pop();
+      let a = r[l];
+      s.length === 0 && a === n[0] && !f && (n.length === 1 || r.slice(l, l + n.length) === n) && (o.push(r.slice(i, l)), i = l + n.length), f ? f = !1 : a === "\\" && (f = !0), a === "(" || a === "[" || a === "{" ? s.push(a) : (a === ")" && s[s.length - 1] === "(" || a === "]" && s[s.length - 1] === "[" || a === "}" && s[s.length - 1] === "{") && s.pop();
     }
     return o.push(r.slice(i)), o;
   }
@@ -2063,11 +2063,11 @@ var be = {}, qe = {}, se = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(l, s) {
-    for (var c in s)
-      Object.defineProperty(l, c, {
+  function t(l, a) {
+    for (var u in a)
+      Object.defineProperty(l, u, {
         enumerable: !0,
-        get: s[c]
+        get: a[u]
       });
   }
   t(e, {
@@ -2075,7 +2075,7 @@ var be = {}, qe = {}, se = {};
       return i;
     },
     formatBoxShadowValue: function() {
-      return d;
+      return f;
     }
   });
   const r = se;
@@ -2085,48 +2085,48 @@ var be = {}, qe = {}, se = {};
     "initial",
     "revert",
     "unset"
-  ]), a = /\ +(?![^(]*\))/g, o = /^-?(\d+|\.\d+)(.*?)$/g;
+  ]), s = /\ +(?![^(]*\))/g, o = /^-?(\d+|\.\d+)(.*?)$/g;
   function i(l) {
-    return (0, r.splitAtTopLevelOnly)(l, ",").map((c) => {
-      let g = c.trim(), m = {
+    return (0, r.splitAtTopLevelOnly)(l, ",").map((u) => {
+      let g = u.trim(), d = {
         raw: g
-      }, E = g.split(a), b = /* @__PURE__ */ new Set();
+      }, E = g.split(s), b = /* @__PURE__ */ new Set();
       for (let k of E)
-        o.lastIndex = 0, !b.has("KEYWORD") && n.has(k) ? (m.keyword = k, b.add("KEYWORD")) : o.test(k) ? b.has("X") ? b.has("Y") ? b.has("BLUR") ? b.has("SPREAD") || (m.spread = k, b.add("SPREAD")) : (m.blur = k, b.add("BLUR")) : (m.y = k, b.add("Y")) : (m.x = k, b.add("X")) : m.color ? (m.unknown || (m.unknown = []), m.unknown.push(k)) : m.color = k;
-      return m.valid = m.x !== void 0 && m.y !== void 0, m;
+        o.lastIndex = 0, !b.has("KEYWORD") && n.has(k) ? (d.keyword = k, b.add("KEYWORD")) : o.test(k) ? b.has("X") ? b.has("Y") ? b.has("BLUR") ? b.has("SPREAD") || (d.spread = k, b.add("SPREAD")) : (d.blur = k, b.add("BLUR")) : (d.y = k, b.add("Y")) : (d.x = k, b.add("X")) : d.color ? (d.unknown || (d.unknown = []), d.unknown.push(k)) : d.color = k;
+      return d.valid = d.x !== void 0 && d.y !== void 0, d;
     });
   }
-  function d(l) {
-    return l.map((s) => s.valid ? [
-      s.keyword,
-      s.x,
-      s.y,
-      s.blur,
-      s.spread,
-      s.color
-    ].filter(Boolean).join(" ") : s.raw).join(", ");
+  function f(l) {
+    return l.map((a) => a.valid ? [
+      a.keyword,
+      a.x,
+      a.y,
+      a.blur,
+      a.spread,
+      a.color
+    ].filter(Boolean).join(" ") : a.raw).join(", ");
   }
 })(qe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(f, w) {
+  function t(h, w) {
     for (var F in w)
-      Object.defineProperty(f, F, {
+      Object.defineProperty(h, F, {
         enumerable: !0,
         get: w[F]
       });
   }
   t(e, {
     normalize: function() {
-      return s;
+      return a;
     },
     url: function() {
       return g;
     },
     number: function() {
-      return m;
+      return d;
     },
     percentage: function() {
       return E;
@@ -2147,16 +2147,16 @@ var be = {}, qe = {}, se = {};
       return G;
     },
     gradient: function() {
-      return N;
+      return U;
     },
     position: function() {
-      return v;
+      return y;
     },
     familyName: function() {
       return D;
     },
     genericName: function() {
-      return h;
+      return m;
     },
     absoluteSize: function() {
       return _;
@@ -2165,34 +2165,34 @@ var be = {}, qe = {}, se = {};
       return $;
     }
   });
-  const r = ye, n = qe, a = se;
+  const r = ye, n = qe, s = se;
   let o = [
     "min",
     "max",
     "clamp",
     "calc"
   ];
-  function i(f) {
-    return o.some((w) => new RegExp(`^${w}\\(.*\\)`).test(f));
+  function i(h) {
+    return o.some((w) => new RegExp(`^${w}\\(.*\\)`).test(h));
   }
-  const d = "--tw-placeholder", l = new RegExp(d, "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 = c(f), f);
+  const f = "--tw-placeholder", l = new RegExp(f, "g");
+  function a(h, w = !0) {
+    return h.startsWith("--") ? `var(${h})` : h.includes("url(") ? h.split(/(url\(.*?\))/g).filter(Boolean).map((F) => /^url\(.*?\)$/.test(F) ? F : a(F, !1)).join("") : (h = h.replace(/([^\\])_+/g, (F, O) => O + " ".repeat(F.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), w && (h = h.trim()), h = u(h), h);
   }
-  function c(f) {
-    return f.replace(/(calc|min|max|clamp)\(.+\)/g, (w) => {
+  function u(h) {
+    return h.replace(/(calc|min|max|clamp)\(.+\)/g, (w) => {
       let F = [];
-      return w.replace(/var\((--.+?)[,)]/g, (O, Q) => (F.push(Q), O.replace(Q, d))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => F.shift());
+      return w.replace(/var\((--.+?)[,)]/g, (O, Q) => (F.push(Q), O.replace(Q, f))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => F.shift());
     });
   }
-  function g(f) {
-    return f.startsWith("url(");
+  function g(h) {
+    return h.startsWith("url(");
   }
-  function m(f) {
-    return !isNaN(Number(f)) || i(f);
+  function d(h) {
+    return !isNaN(Number(h)) || i(h);
   }
-  function E(f) {
-    return f.endsWith("%") && m(f.slice(0, -1)) || i(f);
+  function E(h) {
+    return h.endsWith("%") && d(h.slice(0, -1)) || i(h);
   }
   let k = `(?:${[
     "cm",
@@ -2227,33 +2227,33 @@ var be = {}, qe = {}, se = {};
     "cqmin",
     "cqmax"
   ].join("|")})`;
-  function A(f) {
-    return f === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(f) || i(f);
+  function A(h) {
+    return h === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(h) || i(h);
   }
   let z = /* @__PURE__ */ new Set([
     "thin",
     "medium",
     "thick"
   ]);
-  function L(f) {
-    return z.has(f);
+  function L(h) {
+    return z.has(h);
   }
-  function M(f) {
-    let w = (0, n.parseBoxShadowValue)(s(f));
+  function M(h) {
+    let w = (0, n.parseBoxShadowValue)(a(h));
     for (let F of w)
       if (!F.valid)
         return !1;
     return !0;
   }
-  function H(f) {
+  function H(h) {
     let w = 0;
-    return (0, a.splitAtTopLevelOnly)(f, "_").every((O) => (O = s(O), O.startsWith("var(") ? !0 : (0, r.parseColor)(O, {
+    return (0, s.splitAtTopLevelOnly)(h, "_").every((O) => (O = a(O), O.startsWith("var(") ? !0 : (0, r.parseColor)(O, {
       loose: !0
     }) !== null ? (w++, !0) : !1)) ? w > 0 : !1;
   }
-  function G(f) {
+  function G(h) {
     let w = 0;
-    return (0, a.splitAtTopLevelOnly)(f, ",").every((O) => (O = s(O), O.startsWith("var(") ? !0 : g(O) || N(O) || [
+    return (0, s.splitAtTopLevelOnly)(h, ",").every((O) => (O = a(O), O.startsWith("var(") ? !0 : g(O) || U(O) || [
       "element(",
       "image(",
       "cross-fade(",
@@ -2268,10 +2268,10 @@ var be = {}, qe = {}, se = {};
     "repeating-linear-gradient",
     "repeating-radial-gradient"
   ]);
-  function N(f) {
-    f = s(f);
+  function U(h) {
+    h = a(h);
     for (let w of R)
-      if (f.startsWith(`${w}(`))
+      if (h.startsWith(`${w}(`))
         return !0;
     return !1;
   }
@@ -2282,13 +2282,13 @@ var be = {}, qe = {}, se = {};
     "bottom",
     "left"
   ]);
-  function v(f) {
+  function y(h) {
     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;
+    return (0, s.splitAtTopLevelOnly)(h, "_").every((O) => (O = a(O), O.startsWith("var(") ? !0 : W.has(O) || A(O) || E(O) ? (w++, !0) : !1)) ? w > 0 : !1;
   }
-  function D(f) {
+  function D(h) {
     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;
+    return (0, s.splitAtTopLevelOnly)(h, ",").every((O) => (O = a(O), O.startsWith("var(") ? !0 : O.includes(" ") && !/(['"])([^"']+)\1/g.test(O) || /^\d/g.test(O) ? !1 : (w++, !0))) ? w > 0 : !1;
   }
   let C = /* @__PURE__ */ new Set([
     "serif",
@@ -2305,8 +2305,8 @@ var be = {}, qe = {}, se = {};
     "emoji",
     "fangsong"
   ]);
-  function h(f) {
-    return C.has(f);
+  function m(h) {
+    return C.has(h);
   }
   let x = /* @__PURE__ */ new Set([
     "xx-small",
@@ -2318,15 +2318,15 @@ var be = {}, qe = {}, se = {};
     "x-large",
     "xxx-large"
   ]);
-  function _(f) {
-    return x.has(f);
+  function _(h) {
+    return x.has(h);
   }
   let p = /* @__PURE__ */ new Set([
     "larger",
     "smaller"
   ]);
-  function $(f) {
-    return p.has(f);
+  function $(h) {
+    return p.has(h);
   }
 })(be);
 var Ye = {};
@@ -2340,14 +2340,14 @@ var Ye = {};
     }
   });
   const t = be, r = se;
-  function n(a) {
+  function n(s) {
     let o = [
       "cover",
       "contain"
     ];
-    return (0, r.splitAtTopLevelOnly)(a, ",").every((i) => {
-      let d = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
-      return d.length === 1 && o.includes(d[0]) ? !0 : d.length !== 1 && d.length !== 2 ? !1 : d.every((l) => (0, t.length)(l) || (0, t.percentage)(l) || l === "auto");
+    return (0, r.splitAtTopLevelOnly)(s, ",").every((i) => {
+      let f = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
+      return f.length === 1 && o.includes(f[0]) ? !0 : f.length !== 1 && f.length !== 2 ? !1 : f.every((l) => (0, t.length)(l) || (0, t.percentage)(l) || l === "auto");
     });
   }
 })(Ye);
@@ -2355,19 +2355,19 @@ var Ye = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(v, D) {
+  function t(y, D) {
     for (var C in D)
-      Object.defineProperty(v, C, {
+      Object.defineProperty(y, C, {
         enumerable: !0,
         get: D[C]
       });
   }
   t(e, {
     updateAllClasses: function() {
-      return s;
+      return a;
     },
     asValue: function() {
-      return m;
+      return d;
     },
     parseColorFormat: function() {
       return k;
@@ -2382,128 +2382,128 @@ var Ye = {};
       return H;
     },
     coerceValue: function() {
-      return N;
+      return U;
     },
     getMatchingTypes: function() {
       return W;
     }
   });
-  const r = /* @__PURE__ */ l(Ve), n = ve, a = be, o = /* @__PURE__ */ l(me), i = Ye, d = ie;
-  function l(v) {
-    return v && v.__esModule ? v : {
-      default: v
+  const r = /* @__PURE__ */ l(Ve), n = ve, s = be, o = /* @__PURE__ */ l(me), i = Ye, f = ie;
+  function l(y) {
+    return y && y.__esModule ? y : {
+      default: y
     };
   }
-  function s(v, D) {
-    v.walkClasses((C) => {
+  function a(y, D) {
+    y.walkClasses((C) => {
       C.value = D(C.value), C.raws && C.raws.value && (C.raws.value = (0, r.default)(C.raws.value));
     });
   }
-  function c(v, D) {
-    if (!E(v))
+  function u(y, D) {
+    if (!E(y))
       return;
-    let C = v.slice(1, -1);
+    let C = y.slice(1, -1);
     if (D(C))
-      return (0, a.normalize)(C);
+      return (0, s.normalize)(C);
   }
-  function g(v, D = {}, C) {
-    let h = D[v];
-    if (h !== void 0)
-      return (0, o.default)(h);
-    if (E(v)) {
-      let x = c(v, C);
+  function g(y, D = {}, C) {
+    let m = D[y];
+    if (m !== void 0)
+      return (0, o.default)(m);
+    if (E(y)) {
+      let x = u(y, C);
       return x === void 0 ? void 0 : (0, o.default)(x);
     }
   }
-  function m(v, D = {}, { validate: C = () => !0 } = {}) {
-    var h;
-    let x = (h = D.values) === null || h === void 0 ? void 0 : h[v];
-    return x !== void 0 ? x : D.supportsNegativeValues && v.startsWith("-") ? g(v.slice(1), D.values, C) : c(v, C);
+  function d(y, D = {}, { validate: C = () => !0 } = {}) {
+    var m;
+    let x = (m = D.values) === null || m === void 0 ? void 0 : m[y];
+    return x !== void 0 ? x : D.supportsNegativeValues && y.startsWith("-") ? g(y.slice(1), D.values, C) : u(y, C);
   }
-  function E(v) {
-    return v.startsWith("[") && v.endsWith("]");
+  function E(y) {
+    return y.startsWith("[") && y.endsWith("]");
   }
-  function b(v) {
-    let D = v.lastIndexOf("/");
-    return D === -1 || D === v.length - 1 ? [
-      v,
+  function b(y) {
+    let D = y.lastIndexOf("/");
+    return D === -1 || D === y.length - 1 ? [
+      y,
       void 0
-    ] : E(v) && !v.includes("]/[") ? [
-      v,
+    ] : E(y) && !y.includes("]/[") ? [
+      y,
       void 0
     ] : [
-      v.slice(0, D),
-      v.slice(D + 1)
+      y.slice(0, D),
+      y.slice(D + 1)
     ];
   }
-  function k(v) {
-    if (typeof v == "string" && v.includes("<alpha-value>")) {
-      let D = v;
+  function k(y) {
+    if (typeof y == "string" && y.includes("<alpha-value>")) {
+      let D = y;
       return ({ opacityValue: C = 1 }) => D.replace("<alpha-value>", C);
     }
-    return v;
+    return y;
   }
-  function A(v) {
-    return (0, a.normalize)(v.slice(1, -1));
+  function A(y) {
+    return (0, s.normalize)(y.slice(1, -1));
   }
-  function z(v, D = {}, { tailwindConfig: C = {} } = {}) {
-    var h;
-    if (((h = D.values) === null || h === void 0 ? void 0 : h[v]) !== void 0) {
+  function z(y, D = {}, { tailwindConfig: C = {} } = {}) {
+    var m;
+    if (((m = D.values) === null || m === void 0 ? void 0 : m[y]) !== void 0) {
       var x;
-      return k((x = D.values) === null || x === void 0 ? void 0 : x[v]);
+      return k((x = D.values) === null || x === void 0 ? void 0 : x[y]);
     }
-    let [_, p] = b(v);
+    let [_, p] = b(y);
     if (p !== void 0) {
-      var $, f, w, F;
+      var $, h, w, F;
       let O = (F = ($ = D.values) === null || $ === void 0 ? void 0 : $[_]) !== null && F !== void 0 ? F : E(_) ? _.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)) : ((h = C.theme) === null || h === void 0 || (w = h.opacity) === null || w === void 0 ? void 0 : w[p]) === void 0 ? void 0 : (0, n.withAlphaValue)(O, C.theme.opacity[p]));
     }
-    return m(v, D, {
-      validate: a.color
+    return d(y, D, {
+      validate: s.color
     });
   }
-  function L(v, D = {}) {
+  function L(y, D = {}) {
     var C;
-    return (C = D.values) === null || C === void 0 ? void 0 : C[v];
+    return (C = D.values) === null || C === void 0 ? void 0 : C[y];
   }
-  function M(v) {
-    return (D, C) => m(D, C, {
-      validate: v
+  function M(y) {
+    return (D, C) => d(D, C, {
+      validate: y
     });
   }
   let H = {
-    any: m,
+    any: d,
     color: z,
-    url: M(a.url),
-    image: M(a.image),
-    length: M(a.length),
-    percentage: M(a.percentage),
-    position: M(a.position),
+    url: M(s.url),
+    image: M(s.image),
+    length: M(s.length),
+    percentage: M(s.percentage),
+    position: M(s.position),
     lookup: L,
-    "generic-name": M(a.genericName),
-    "family-name": M(a.familyName),
-    number: M(a.number),
-    "line-width": M(a.lineWidth),
-    "absolute-size": M(a.absoluteSize),
-    "relative-size": M(a.relativeSize),
-    shadow: M(a.shadow),
+    "generic-name": M(s.genericName),
+    "family-name": M(s.familyName),
+    number: M(s.number),
+    "line-width": M(s.lineWidth),
+    "absolute-size": M(s.absoluteSize),
+    "relative-size": M(s.relativeSize),
+    shadow: M(s.shadow),
     size: M(i.backgroundSize)
   }, G = Object.keys(H);
-  function R(v, D) {
-    let C = v.indexOf(D);
+  function R(y, D) {
+    let C = y.indexOf(D);
     return C === -1 ? [
       void 0,
-      v
+      y
     ] : [
-      v.slice(0, C),
-      v.slice(C + 1)
+      y.slice(0, C),
+      y.slice(C + 1)
     ];
   }
-  function N(v, D, C, h) {
+  function U(y, D, C, m) {
     if (C.values && D in C.values)
-      for (let { type: _ } of v != null ? v : []) {
+      for (let { type: _ } of y != null ? y : []) {
         let p = H[_](D, C, {
-          tailwindConfig: h
+          tailwindConfig: m
         });
         if (p !== void 0)
           return [
@@ -2520,26 +2520,26 @@ var Ye = {};
         return [];
       if ($.length > 0 && G.includes(p))
         return [
-          m(`[${$}]`, C),
+          d(`[${$}]`, C),
           p,
           null
         ];
     }
-    let x = W(v, D, C, h);
+    let x = W(y, D, C, m);
     for (let _ of x)
       return _;
     return [];
   }
-  function* W(v, D, C, h) {
-    let x = (0, d.flagEnabled)(h, "generalizedModifiers"), [_, p] = b(D);
+  function* W(y, D, C, m) {
+    let x = (0, f.flagEnabled)(m, "generalizedModifiers"), [_, p] = b(D);
     if (x && C.modifiers != null && (C.modifiers === "any" || typeof C.modifiers == "object" && (p && E(p) || p in C.modifiers)) || (_ = D, p = void 0), p !== void 0 && _ === "" && (_ = "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 h, w;
+      let F = (w = (h = C.modifiers) === null || h === void 0 ? void 0 : h[p]) !== null && w !== void 0 ? w : null;
       F !== null ? p = F : E(p) && (p = A(p));
     }
-    for (let { type: F } of v != null ? v : []) {
+    for (let { type: F } of y != null ? y : []) {
       let O = H[F](_, C, {
-        tailwindConfig: h
+        tailwindConfig: m
       });
       O !== void 0 && (yield [
         O,
@@ -2572,44 +2572,44 @@ var Ze = {};
       return C;
     }
   });
-  const t = /* @__PURE__ */ E(me), r = /* @__PURE__ */ E(Le), n = /* @__PURE__ */ E(He), a = /* @__PURE__ */ E(pe), o = je, i = Re, d = We, l = /* @__PURE__ */ E(Ue), s = Ne, c = Ie, g = ve, m = /* @__PURE__ */ E(Ze);
-  function E(h) {
-    return h && h.__esModule ? h : {
-      default: h
+  const t = /* @__PURE__ */ E(me), r = /* @__PURE__ */ E(Le), n = /* @__PURE__ */ E(He), s = /* @__PURE__ */ E(pe), o = je, i = Re, f = We, l = /* @__PURE__ */ E(Ne), a = Ue, u = Ie, g = ve, d = /* @__PURE__ */ E(Ze);
+  function E(m) {
+    return m && m.__esModule ? m : {
+      default: m
     };
   }
-  function b(h) {
-    return typeof h == "function";
+  function b(m) {
+    return typeof m == "function";
   }
-  function k(h, ...x) {
+  function k(m, ...x) {
     let _ = x.pop();
     for (let p of x)
       for (let $ in p) {
-        let f = _(h[$], p[$]);
-        f === void 0 ? (0, l.default)(h[$]) && (0, l.default)(p[$]) ? h[$] = k({}, h[$], p[$], _) : h[$] = p[$] : h[$] = f;
+        let h = _(m[$], p[$]);
+        h === void 0 ? (0, l.default)(m[$]) && (0, l.default)(p[$]) ? m[$] = k({}, m[$], p[$], _) : m[$] = p[$] : m[$] = h;
       }
-    return h;
+    return m;
   }
   const A = {
-    colors: a.default,
-    negative(h) {
-      return Object.keys(h).filter((x) => h[x] !== "0").reduce((x, _) => {
-        let p = (0, t.default)(h[_]);
+    colors: s.default,
+    negative(m) {
+      return Object.keys(m).filter((x) => m[x] !== "0").reduce((x, _) => {
+        let p = (0, t.default)(m[_]);
         return p !== void 0 && (x[`-${_}`] = p), x;
       }, {});
     },
-    breakpoints(h) {
-      return Object.keys(h).filter((x) => typeof h[x] == "string").reduce((x, _) => ({
+    breakpoints(m) {
+      return Object.keys(m).filter((x) => typeof m[x] == "string").reduce((x, _) => ({
         ...x,
-        [`screen-${_}`]: h[_]
+        [`screen-${_}`]: m[_]
       }), {});
     }
   };
-  function z(h, ...x) {
-    return b(h) ? h(...x) : h;
+  function z(m, ...x) {
+    return b(m) ? m(...x) : m;
   }
-  function L(h) {
-    return h.reduce((x, { extend: _ }) => k(x, _, (p, $) => p === void 0 ? [
+  function L(m) {
+    return m.reduce((x, { extend: _ }) => k(x, _, (p, $) => p === void 0 ? [
       $
     ] : Array.isArray(p) ? [
       $,
@@ -2619,53 +2619,53 @@ var Ze = {};
       p
     ]), {});
   }
-  function M(h) {
+  function M(m) {
     return {
-      ...h.reduce((x, _) => (0, o.defaults)(x, _), {}),
+      ...m.reduce((x, _) => (0, o.defaults)(x, _), {}),
       // In order to resolve n config objects, we combine all of their `extend` properties
       // into arrays instead of objects so they aren't overridden.
-      extend: L(h)
+      extend: L(m)
     };
   }
-  function H(h, x) {
-    if (Array.isArray(h) && (0, l.default)(h[0]))
-      return h.concat(x);
-    if (Array.isArray(x) && (0, l.default)(x[0]) && (0, l.default)(h))
+  function H(m, x) {
+    if (Array.isArray(m) && (0, l.default)(m[0]))
+      return m.concat(x);
+    if (Array.isArray(x) && (0, l.default)(x[0]) && (0, l.default)(m))
       return [
-        h,
+        m,
         ...x
       ];
     if (Array.isArray(x))
       return x;
   }
-  function G({ extend: h, ...x }) {
-    return k(x, h, (_, p) => !b(_) && !p.some(b) ? k({}, _, ...p, H) : ($, f) => k({}, ...[
+  function G({ extend: m, ...x }) {
+    return k(x, m, (_, p) => !b(_) && !p.some(b) ? k({}, _, ...p, H) : ($, h) => k({}, ...[
       _,
       ...p
-    ].map((w) => z(w, $, f)), H));
+    ].map((w) => z(w, $, h)), H));
   }
-  function* R(h) {
-    let x = (0, i.toPath)(h);
-    if (x.length === 0 || (yield x, Array.isArray(h)))
+  function* R(m) {
+    let x = (0, i.toPath)(m);
+    if (x.length === 0 || (yield x, Array.isArray(m)))
       return;
-    let _ = /^(.*?)\s*\/\s*([^/]+)$/, p = h.match(_);
+    let _ = /^(.*?)\s*\/\s*([^/]+)$/, p = m.match(_);
     if (p !== null) {
-      let [, $, f] = p, w = (0, i.toPath)($);
-      w.alpha = f, yield w;
+      let [, $, h] = p, w = (0, i.toPath)($);
+      w.alpha = h, yield w;
     }
   }
-  function N(h) {
+  function U(m) {
     const x = (_, p) => {
       for (const $ of R(_)) {
-        let f = 0, w = h;
-        for (; w != null && f < $.length; )
-          w = w[$[f++]], w = b(w) && ($.alpha === void 0 || f <= $.length - 1) ? w(x, A) : w;
+        let h = 0, w = m;
+        for (; w != null && h < $.length; )
+          w = w[$[h++]], w = b(w) && ($.alpha === void 0 || h <= $.length - 1) ? w(x, A) : w;
         if (w !== void 0) {
           if ($.alpha !== void 0) {
-            let F = (0, c.parseColorFormat)(w);
-            return (0, g.withAlphaValue)(F, $.alpha, (0, m.default)(F));
+            let F = (0, u.parseColorFormat)(w);
+            return (0, g.withAlphaValue)(F, $.alpha, (0, d.default)(F));
           }
-          return (0, l.default)(w) ? (0, s.cloneDeep)(w) : w;
+          return (0, l.default)(w) ? (0, a.cloneDeep)(w) : w;
         }
       }
       return p;
@@ -2673,47 +2673,47 @@ var Ze = {};
     return Object.assign(x, {
       theme: x,
       ...A
-    }), Object.keys(h).reduce((_, p) => (_[p] = b(h[p]) ? h[p](x, A) : h[p], _), {});
+    }), Object.keys(m).reduce((_, p) => (_[p] = b(m[p]) ? m[p](x, A) : m[p], _), {});
   }
-  function W(h) {
+  function W(m) {
     let x = [];
-    return h.forEach((_) => {
+    return m.forEach((_) => {
       x = [
         ...x,
         _
       ];
       var p;
       const $ = (p = _ == null ? void 0 : _.plugins) !== null && p !== void 0 ? p : [];
-      $.length !== 0 && $.forEach((f) => {
-        f.__isOptionsFunction && (f = f());
+      $.length !== 0 && $.forEach((h) => {
+        h.__isOptionsFunction && (h = h());
         var w;
         x = [
           ...x,
           ...W([
-            (w = f == null ? void 0 : f.config) !== null && w !== void 0 ? w : {}
+            (w = h == null ? void 0 : h.config) !== null && w !== void 0 ? w : {}
           ])
         ];
       });
     }), x;
   }
-  function v(h) {
+  function y(m) {
     return [
-      ...h
+      ...m
     ].reduceRight((_, p) => b(p) ? p({
       corePlugins: _
     }) : (0, n.default)(p, _), r.default);
   }
-  function D(h) {
+  function D(m) {
     return [
-      ...h
+      ...m
     ].reduceRight((_, p) => [
       ..._,
       ...p
     ], []);
   }
-  function C(h) {
+  function C(m) {
     let x = [
-      ...W(h),
+      ...W(m),
       {
         prefix: "",
         important: !1,
@@ -2721,10 +2721,10 @@ var Ze = {};
       }
     ];
     var _, p;
-    return (0, d.normalizeConfig)((0, o.defaults)({
-      theme: N(G(M(x.map(($) => (_ = $ == null ? void 0 : $.theme) !== null && _ !== void 0 ? _ : {})))),
-      corePlugins: v(x.map(($) => $.corePlugins)),
-      plugins: D(h.map(($) => (p = $ == null ? void 0 : $.plugins) !== null && p !== void 0 ? p : []))
+    return (0, f.normalizeConfig)((0, o.defaults)({
+      theme: U(G(M(x.map(($) => (_ = $ == null ? void 0 : $.theme) !== null && _ !== void 0 ? _ : {})))),
+      corePlugins: y(x.map(($) => $.corePlugins)),
+      plugins: D(m.map(($) => (p = $ == null ? void 0 : $.plugins) !== null && p !== void 0 ? p : []))
     }, ...x));
   }
 })(ze);
@@ -3725,7 +3725,7 @@ var Ke = {}, ft = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return a;
+      return s;
     }
   });
   const t = /* @__PURE__ */ n(ft), r = ie;
@@ -3734,17 +3734,17 @@ var Ke = {}, ft = {
       default: o
     };
   }
-  function a(o) {
+  function s(o) {
     var i;
-    const d = ((i = o == null ? void 0 : o.presets) !== null && i !== void 0 ? i : [
+    const f = ((i = o == null ? void 0 : o.presets) !== null && i !== void 0 ? i : [
       t.default
-    ]).slice().reverse().flatMap((c) => a(c instanceof Function ? c() : c)), l = {
+    ]).slice().reverse().flatMap((u) => s(u instanceof Function ? u() : u)), l = {
       // Add experimental configs here...
       respectDefaultRingColorOpacity: {
         theme: {
-          ringColor: ({ theme: c }) => ({
+          ringColor: ({ theme: u }) => ({
             DEFAULT: "#3b82f67f",
-            ...c("colors")
+            ...u("colors")
           })
         }
       },
@@ -3758,11 +3758,11 @@ var Ke = {}, ft = {
           textOpacity: !1
         }
       }
-    }, s = Object.keys(l).filter((c) => (0, r.flagEnabled)(o, c)).map((c) => l[c]);
+    }, a = Object.keys(l).filter((u) => (0, r.flagEnabled)(o, u)).map((u) => l[u]);
     return [
       o,
-      ...s,
-      ...d
+      ...a,
+      ...f
     ];
   }
 })(Ke);
@@ -3772,7 +3772,7 @@ var Ke = {}, ft = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return a;
+      return s;
     }
   });
   const t = /* @__PURE__ */ n(ze), r = /* @__PURE__ */ n(Ke);
@@ -3781,7 +3781,7 @@ var Ke = {}, ft = {
       default: o
     };
   }
-  function a(...o) {
+  function s(...o) {
     let [, ...i] = (0, r.default)(o[0]);
     return (0, t.default)([
       ...o,
@@ -3793,7 +3793,7 @@ let ae = Pe;
 var ht = (ae.__esModule ? ae : { default: ae }).default;
 const mt = /* @__PURE__ */ dt(ht);
 let oe = pe;
-var U = (oe.__esModule ? oe : { default: oe }).default;
+var N = (oe.__esModule ? oe : { default: oe }).default;
 const pt = {
   50: "#FCE3E4",
   100: "#F9CDCE",
@@ -3806,12 +3806,12 @@ const pt = {
   800: "#4E090B",
   900: "#290506"
 }, j = {
-  onprimary: U.white,
-  warning: U.amber,
-  error: U.rose,
-  info: U.cyan,
-  success: U.lime,
-  primary: U.sky,
+  onprimary: N.white,
+  warning: N.amber,
+  error: N.rose,
+  info: N.cyan,
+  success: N.lime,
+  primary: N.sky,
   brand: pt
 }, gt = {
   ...j,
@@ -3836,10 +3836,10 @@ const pt = {
   "primary-darken": j.primary[600],
   "primary-lighten": j.primary[400],
   // Surfaces
-  onsurface: U.slate[500],
-  onbackground: U.slate[700],
-  surface: U.slate[50],
-  background: U.white
+  onsurface: N.slate[500],
+  onbackground: N.slate[700],
+  surface: N.slate[50],
+  background: N.white
 }, vt = {
   prefix: "e-",
   corePlugins: {
@@ -3987,8 +3987,8 @@ const pt = {
       }), {});
     },
     iconClasses() {
-      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}`}`;
+      var n, s;
+      const e = this.sizes[this.size] || this.sizes[T.sm], t = `${((s = (n = this.icon) == null ? void 0 : n.split(" ")) == null ? void 0 : s.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
       return [
         "e-inline-flex e-items-center e-justify-center e-rounded-full",
         this.color,
@@ -4313,9 +4313,9 @@ function Rt() {
 function Wt(e, t) {
   let r = null;
   return function(...n) {
-    const a = this;
+    const s = this;
     r !== null && clearTimeout(r), r = setTimeout(() => {
-      r = null, e.apply(a, n);
+      r = null, e.apply(s, n);
     }, t || 1e3);
   };
 }
@@ -4338,7 +4338,7 @@ const le = new Intl.NumberFormat(void 0, {
   return n === 0 ? `${r}:${le.format(t)}` : `${n}:${le.format(
     r
   )}:${le.format(t)}`;
-}, Ut = q.extend({
+}, Nt = q.extend({
   name: "VideoPlayer",
   components: {
     ESpinner: Qe
@@ -4543,13 +4543,13 @@ const le = new Intl.NumberFormat(void 0, {
       const t = this.$refs.player;
       if (!document.body.contains(t))
         return;
-      const r = this.$refs.timelineContainer, n = r.getBoundingClientRect(), a = Math.min(Math.max(0, e.x - n.x), n.width) / n.width;
+      const r = this.$refs.timelineContainer, n = r.getBoundingClientRect(), s = Math.min(Math.max(0, e.x - n.x), n.width) / n.width;
       r.style.setProperty(
         "--preview-position",
-        a.toString()
+        s.toString()
       ), this.isScrubbing && (e.preventDefault(), r.style.setProperty(
         "--progress-position",
-        a.toString()
+        s.toString()
       ));
     },
     skip(e = 5) {
@@ -4560,7 +4560,7 @@ const le = new Intl.NumberFormat(void 0, {
       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;
+      const s = t.getBoundingClientRect(), o = Math.min(Math.max(0, e.x - s.x), s.width) / s.width;
       if (this.isScrubbing = (e.buttons & 1) === 1, r.classList.toggle("scrubbing", this.isScrubbing), this.isScrubbing) {
         this.wasPaused = n.paused, await n.pause(), this.handleTimelineUpdate(e);
         return;
@@ -4593,7 +4593,7 @@ const le = new Intl.NumberFormat(void 0, {
     }
   }
 });
-var Nt = function() {
+var Ut = 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));
@@ -4608,8 +4608,8 @@ var Nt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "timeline" }, [t("div", { staticClass: "thumb-indicator" })]);
 }], Vt = /* @__PURE__ */ I(
-  Ut,
   Nt,
+  Ut,
   It,
   !1,
   null,
@@ -4618,7 +4618,7 @@ var Nt = function() {
   null
 );
 const Xt = Vt.exports, re = (e) => {
-  const t = u.utcFormat("%_d")(e), n = {
+  const t = c.utcFormat("%_d")(e), n = {
     1: "st",
     2: "nd",
     3: "rd"
@@ -4626,23 +4626,23 @@ const Xt = Vt.exports, re = (e) => {
   return `${t}${n}`;
 }, _e = (e) => new Date(
   Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + 1)
-).getUTCDate() === 1 ? "" : u.utcFormat("%-d")(e), K = (e) => ["0", " 0", "00"].includes(u.utcFormat("%H")(e)) ? "" : `${u.utcFormat("%H")(e)}h`, X = (e) => {
-  const t = u.utcFormat("%H:%M")(e);
+).getUTCDate() === 1 ? "" : c.utcFormat("%-d")(e), K = (e) => ["0", " 0", "00"].includes(c.utcFormat("%H")(e)) ? "" : `${c.utcFormat("%H")(e)}h`, X = (e) => {
+  const t = c.utcFormat("%H:%M")(e);
   return t === "00:00" ? "" : t;
-}, ue = (e) => u.utcFormat("%M:%S")(e), we = (e) => `${u.utcFormat("%Hh%Mm")(e)}`, he = (e) => {
-  const t = X(e), r = re(e), n = u.utcFormat("%B")(e);
+}, ue = (e) => c.utcFormat("%M:%S")(e), we = (e) => `${c.utcFormat("%Hh%Mm")(e)}`, he = (e) => {
+  const t = X(e), r = re(e), n = c.utcFormat("%B")(e);
   return t || `${n} ${r}`;
 }, ce = (e) => {
-  const t = X(e), r = Number.parseInt(u.utcFormat("%H")(e)), n = re(e), a = u.utcFormat("%B")(e);
-  return t && r % 6 === 0 ? `${a} ${n} ${t}` : he(e);
+  const t = X(e), r = Number.parseInt(c.utcFormat("%H")(e)), n = re(e), s = c.utcFormat("%B")(e);
+  return t && r % 6 === 0 ? `${s} ${n} ${t}` : he(e);
 }, J = (e) => (t) => {
-  const r = u.utcFormat("%H")(t);
-  return !(u.utcFormat("%M")(t) === "00" && Number.parseInt(r) % e === 0);
+  const r = c.utcFormat("%H")(t);
+  return !(c.utcFormat("%M")(t) === "00" && Number.parseInt(r) % e === 0);
 }, de = (e) => (t) => {
-  const r = u.utcFormat("%M")(t);
+  const r = c.utcFormat("%M")(t);
   return Number.parseInt(r) % e !== 0;
 }, Ce = (e) => (t) => {
-  const r = u.utcFormat("%M")(t), n = u.utcFormat("%S")(t);
+  const r = c.utcFormat("%M")(t), n = c.utcFormat("%S")(t);
   return Number.parseInt(r) % e !== 0 && Number.parseInt(n) === 0;
 }, S = {
   _10_seconds: 25e-6,
@@ -4671,250 +4671,250 @@ const qt = {
   [te.overview]: [
     {
       precision: S._30_seconds,
-      interval: u.utcMinute.every(2),
+      interval: c.utcMinute.every(2),
       format: we
     },
     {
       precision: S._1_minute,
-      interval: u.utcMinute.every(5),
+      interval: c.utcMinute.every(5),
       format: we
     },
     {
       precision: S._2_minutes,
-      interval: u.utcMinute.every(10),
+      interval: c.utcMinute.every(10),
       format: he
     },
     {
       precision: S._5_minutes,
-      interval: u.utcMinute.every(20),
+      interval: c.utcMinute.every(20),
       format: ce
     },
     {
       precision: S._15_minutes,
-      interval: u.utcHour,
+      interval: c.utcHour,
       format: ce
     },
     {
       precision: S._30_minutes,
-      interval: u.utcHour.every(2),
+      interval: c.utcHour.every(2),
       format: ce
     },
     {
       precision: S._2_hours,
-      interval: u.utcHour.every(6),
+      interval: c.utcHour.every(6),
       format: (e) => {
-        const t = X(e), r = re(e), n = u.utcFormat("%B")(e);
+        const t = X(e), r = re(e), n = c.utcFormat("%B")(e);
         return t || `${n} ${r}`;
       }
     },
     {
       precision: S._3_hours,
-      interval: u.utcHour.every(12),
+      interval: c.utcHour.every(12),
       format: he
     },
     {
       precision: S._6_hours,
-      interval: u.utcHour.every(24),
+      interval: c.utcHour.every(24),
       format: (e) => {
         const t = re(e);
-        return `${u.utcFormat("%b")(e)} ${t}`;
+        return `${c.utcFormat("%b")(e)} ${t}`;
       }
     },
     {
       precision: S._2_days,
-      interval: u.utcMonth,
+      interval: c.utcMonth,
       format: (e) => {
         const r = e.getUTCMonth() === 0 && e.getUTCDate() === 1 ? "%Y – %B" : "%B";
-        return u.utcFormat(r)(e);
+        return c.utcFormat(r)(e);
       }
     },
     {
       precision: S.infinity,
-      interval: u.utcYear,
+      interval: c.utcYear,
       format: "%Y"
     }
   ],
   [te.detailed]: [
     {
       precision: S._10_seconds,
-      interval: u.utcSecond.every(10),
+      interval: c.utcSecond.every(10),
       format: ue
     },
     {
       precision: S._20_seconds,
-      interval: (Te = u.utcSecond.every(20)) == null ? void 0 : Te.filter(Ce(2)),
+      interval: (Te = c.utcSecond.every(20)) == null ? void 0 : Te.filter(Ce(2)),
       format: ue
     },
     {
       precision: S._30_seconds,
-      interval: (Ee = u.utcSecond.every(30)) == null ? void 0 : Ee.filter(Ce(2)),
+      interval: (Ee = c.utcSecond.every(30)) == null ? void 0 : Ee.filter(Ce(2)),
       format: ue
     },
     {
       precision: S._1_minute,
-      interval: u.utcMinute.filter(de(5)),
+      interval: c.utcMinute.filter(de(5)),
       format: X
     },
     {
       precision: S._2_minutes,
-      interval: ($e = u.utcMinute.every(2)) == null ? void 0 : $e.filter(de(10)),
+      interval: ($e = c.utcMinute.every(2)) == null ? void 0 : $e.filter(de(10)),
       format: X
     },
     {
       precision: S._5_minutes,
-      interval: (De = u.utcMinute.every(5)) == null ? void 0 : De.filter(de(20)),
+      interval: (De = c.utcMinute.every(5)) == null ? void 0 : De.filter(de(20)),
       format: X
     },
     {
       precision: S._15_minutes,
-      interval: (ke = u.utcMinute.every(15)) == null ? void 0 : ke.filter(J(1)),
+      interval: (ke = c.utcMinute.every(15)) == null ? void 0 : ke.filter(J(1)),
       format: X
     },
     {
       precision: S._30_minutes,
-      interval: (Oe = u.utcMinute.every(30)) == null ? void 0 : Oe.filter(J(2)),
+      interval: (Oe = c.utcMinute.every(30)) == null ? void 0 : Oe.filter(J(2)),
       format: X
     },
     {
       precision: S._1_hour,
-      interval: u.utcHour.filter(J(6)),
+      interval: c.utcHour.filter(J(6)),
       format: K
     },
     {
       precision: S._2_hours,
-      interval: (Ae = u.utcHour.every(2)) == null ? void 0 : Ae.filter(J(6)),
+      interval: (Ae = c.utcHour.every(2)) == null ? void 0 : Ae.filter(J(6)),
       format: K
     },
     {
       precision: S._3_hours,
-      interval: (Fe = u.utcHour.every(3)) == null ? void 0 : Fe.filter(J(12)),
+      interval: (Fe = c.utcHour.every(3)) == null ? void 0 : Fe.filter(J(12)),
       format: K
     },
     {
       precision: S._4_hours,
-      interval: u.utcHour.every(4),
+      interval: c.utcHour.every(4),
       format: K
     },
     {
       precision: S._6_hours,
-      interval: u.utcHour.every(6),
+      interval: c.utcHour.every(6),
       format: K
     },
     {
       precision: S._1_day,
-      interval: u.utcDay,
+      interval: c.utcDay,
       format: _e
     },
     {
       precision: S._2_days,
-      interval: u.utcDay.every(2),
+      interval: c.utcDay.every(2),
       format: _e
     },
     {
       precision: S._1_month,
-      interval: u.utcMonth,
+      interval: c.utcMonth,
       format: "%B"
     },
     {
       precision: S._1_month_abbr,
-      interval: u.utcMonth,
+      interval: c.utcMonth,
       format: "%b"
     },
     {
       precision: S._1_month_letter,
-      interval: u.utcMonth,
-      format: (e) => u.utcFormat("%B")(e).charAt(0)
+      interval: c.utcMonth,
+      format: (e) => c.utcFormat("%B")(e).charAt(0)
     },
     {
       precision: S._3_months,
-      interval: u.utcMonth.every(3),
+      interval: c.utcMonth.every(3),
       format: "Q%q"
     },
     {
       precision: S.infinity,
-      interval: u.utcMonth.every(3),
+      interval: c.utcMonth.every(3),
       format: ""
     }
   ],
   [te.detailedBackground]: [
     {
       precision: S._10_seconds,
-      interval: u.utcSecond,
+      interval: c.utcSecond,
       format: ""
     },
     {
       precision: S._20_seconds,
-      interval: u.utcSecond.every(5),
+      interval: c.utcSecond.every(5),
       format: ""
     },
     {
       precision: S._30_seconds,
-      interval: u.utcSecond.every(10),
+      interval: c.utcSecond.every(10),
       format: ""
     },
     {
       precision: S._1_minute,
-      interval: u.utcSecond.every(20),
+      interval: c.utcSecond.every(20),
       format: ""
     },
     {
       precision: S._2_minutes,
-      interval: u.utcSecond.every(30),
+      interval: c.utcSecond.every(30),
       format: ""
     },
     {
       precision: S._5_minutes,
-      interval: u.utcMinute,
+      interval: c.utcMinute,
       format: ""
     },
     {
       precision: S._15_minutes,
-      interval: u.utcMinute.every(3),
+      interval: c.utcMinute.every(3),
       format: ""
     },
     {
       precision: S._30_minutes,
-      interval: u.utcMinute.every(6),
+      interval: c.utcMinute.every(6),
       format: ""
     },
     {
       precision: S._1_hour,
-      interval: u.utcMinute.every(15),
+      interval: c.utcMinute.every(15),
       format: ""
     },
     {
       precision: S._2_hours,
-      interval: u.utcMinute.every(30),
+      interval: c.utcMinute.every(30),
       format: ""
     },
     {
       precision: S._3_hours,
-      interval: u.utcHour,
+      interval: c.utcHour,
       format: ""
     },
     {
       precision: S._4_hours,
-      interval: u.utcHour,
+      interval: c.utcHour,
       format: ""
     },
     {
       precision: S._6_hours,
-      interval: u.utcMinute.every(120),
+      interval: c.utcMinute.every(120),
       format: ""
     },
     {
       precision: S._1_day,
-      interval: u.utcHour.every(8),
+      interval: c.utcHour.every(8),
       format: ""
     },
     {
       precision: S._2_days,
-      interval: u.utcHour.every(12),
+      interval: c.utcHour.every(12),
       format: ""
     },
     {
       precision: S._1_month,
-      interval: u.utcDay.filter((e) => {
+      interval: c.utcDay.filter((e) => {
         const t = e.getUTCDate(), r = new Date(
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
@@ -4926,7 +4926,7 @@ const qt = {
     },
     {
       precision: S._1_month_abbr,
-      interval: u.utcDay.filter((e) => {
+      interval: c.utcDay.filter((e) => {
         const t = e.getUTCDate(), r = new Date(
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
@@ -4938,7 +4938,7 @@ const qt = {
     },
     {
       precision: S._1_month_letter,
-      interval: u.utcDay.filter((e) => {
+      interval: c.utcDay.filter((e) => {
         const t = e.getUTCDate(), r = new Date(
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
@@ -4950,12 +4950,12 @@ const qt = {
     },
     {
       precision: S._3_months,
-      interval: u.utcMonth,
+      interval: c.utcMonth,
       format: ""
     },
     {
       precision: S.infinity,
-      interval: u.utcMonth,
+      interval: c.utcMonth,
       format: ""
     }
   ]
@@ -4967,8 +4967,8 @@ const qt = {
       return;
     }
     const n = new ResizeObserver(
-      (a) => {
-        a[0] && r(a[0]);
+      (s) => {
+        s[0] && r(s[0]);
       }
     );
     n.observe(e), e.__resizeObserver__ = n;
@@ -4981,11 +4981,12 @@ const qt = {
     name: "resize-observer",
     definition: tt
   }
-], y = {
+], v = {
   eventGroup: "event-group",
   eventGroupBg: "event-group-bg",
   eventRect: "event-rect",
   eventBar: "event-bar",
+  eventBarHoverZone: "event-bar-hover-zone",
   eventBarCap: "event-bar-cap",
   eventRectText: "event-rect-text",
   labelBg: "label-bg",
@@ -5180,8 +5181,8 @@ const qt = {
       return Object.values(
         this.eventsGroups
       ).reduce((r, n) => {
-        var a;
-        return Math.max(r, (a = n.label) == null ? void 0 : a.length);
+        var s;
+        return Math.max(r, (s = n.label) == null ? void 0 : s.length);
       }, 0) * this.characterWidth + 2 * this.textPadding;
     },
     combinedXAxesHeight() {
@@ -5189,8 +5190,8 @@ const qt = {
       return this.axisHeight * e;
     },
     timelineHeight() {
-      const e = Object.keys(this.barGroups).length, t = this.hasChart ? this.chartHeight : 0, r = this.barChartHeight * e;
-      return this.combinedXAxesHeight + t + r;
+      const e = Object.keys(this.barGroups).length, t = this.barChartHeight * e, r = this.hasChart ? this.chartHeight : 0;
+      return this.combinedXAxesHeight + r + t;
     },
     filteredEventsGroups() {
       const e = Object.entries(this.eventsGroups).filter(
@@ -5299,15 +5300,15 @@ const qt = {
       this.tooltip = this.$refs.tooltip, this.cursor = this.$refs.cursor, this.timeline = this.$refs.timelineContainer, this.selectedTimestampCursor = this.$refs.selectedTimestamp;
     },
     initSvg() {
-      this.svg = u.select(this.timeline).append("svg").attr("width", this.timeline.offsetWidth).attr("height", this.timelineHeight);
+      this.svg = c.select(this.timeline).append("svg").attr("width", this.timeline.offsetWidth).attr("height", this.timelineHeight);
     },
     initDefs() {
       const e = this.svg.append("defs");
       Object.entries(this.filteredEventsGroups).forEach(
         ([t, r]) => {
-          const { color: n, chartType: a } = r, o = e.append("linearGradient").attr("id", `${Y.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
+          const { color: n, chartType: s } = r, o = e.append("linearGradient").attr("id", `${Y.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
           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"), [Z.lineGraph, Z.barChart].includes(
-            a
+            s
           ) && [
             {
               id: Y.transparencyGradientLight,
@@ -5319,9 +5320,9 @@ const qt = {
               stop: 130,
               opacity: 0.4
             }
-          ].forEach(({ id: d, stop: l, opacity: s }) => {
-            const c = e.append("linearGradient").attr("id", `${d}-${t}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
-            c.append("stop").attr("offset", "0%").style("stop-color", n).style("stop-opacity", s), c.append("stop").attr("offset", `${l}%`).style("stop-color", n).style("stop-opacity", 0);
+          ].forEach(({ id: f, stop: l, opacity: a }) => {
+            const u = e.append("linearGradient").attr("id", `${f}-${t}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
+            u.append("stop").attr("offset", "0%").style("stop-color", n).style("stop-opacity", a), u.append("stop").attr("offset", `${l}%`).style("stop-color", n).style("stop-opacity", 0);
           });
         }
       );
@@ -5332,31 +5333,31 @@ const qt = {
     },
     initTimeScale(e, t) {
       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();
+      this.timeScale = c.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 n = this.createAxis(r);
-        this.xAxes[r] = n, this.svg.append("g").classed(y.xAxis, !0).classed(`${y.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(v.xAxis, !0).classed(`${v.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(n), this.translateTicksText(r), e += this.axisHeight;
       }
     },
     initYScale() {
-      this.yScale = u.scaleLinear().range([this.chartHeight, 0]), this.updateYScaleDomain();
+      this.yScale = c.scaleLinear().range([this.chartHeight, 0]), this.updateYScaleDomain();
     },
     updateYScaleDomain() {
-      const [e, t] = this.timeScale.domain(), r = this.flattenedCounts.filter((a) => {
-        const o = new Date(a.startDate || a.timestamp), i = new Date(a.endDate || a.timestamp);
+      const [e, t] = this.timeScale.domain(), r = this.flattenedCounts.filter((s) => {
+        const o = new Date(s.startDate || s.timestamp), i = new Date(s.endDate || s.timestamp);
         return i >= e && i <= t || o >= e && o <= t;
-      }), n = u.max(r, (a) => a.count);
+      }), n = c.max(r, (s) => s.count);
       this.yScale.domain([0, n]);
     },
     initZoomBehavior() {
-      this.disableZoom || (this.zoomBehavior = u.zoom().on("zoom", this.handleZoom).scaleExtent([this.minZoom, this.maxZoom]), this.svg.call(this.zoomBehavior));
+      this.disableZoom || (this.zoomBehavior = c.zoom().on("zoom", this.handleZoom).scaleExtent([this.minZoom, this.maxZoom]), this.svg.call(this.zoomBehavior));
     },
     initSelectedTimestampCursor() {
-      this.svg.append("line").attr("class", y.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", v.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();
@@ -5366,7 +5367,7 @@ const qt = {
       this.svg && this.svg.remove(), this.countsByTimestamp = {};
     },
     repositionSelectedTimestampCursor() {
-      const e = this.svg.select(`.${y.selectedTimestampCursor}`);
+      const e = this.svg.select(`.${v.selectedTimestampCursor}`);
       if (!this.selectedTimestamp) {
         e.style("opacity", 0);
         return;
@@ -5386,24 +5387,24 @@ const qt = {
       if (this.visibleFrom && this.visibleFrom.getTime() === t.getTime() && this.visibleTo && this.visibleTo.getTime() === r.getTime())
         return;
       this.visibleFrom = t, this.visibleTo = r;
-      const n = this.dateToTzString(this.visibleFrom), a = this.dateToTzString(this.visibleTo);
+      const n = this.dateToTzString(this.visibleFrom), s = this.dateToTzString(this.visibleTo);
       this.$emit("visible-interval-change", {
         fromDate: n,
-        toDate: a,
+        toDate: s,
         trigger: e,
         transform: this.transformDiff
       });
     },
     createAxis(e) {
       const t = this.xAxesConfig[e], r = this.getAxisTicksConfig(t);
-      return u.axisBottom(this.timeScale).ticks(r.interval).tickFormat(r.formatFn).tickSizeOuter(0).tickSizeInner(this.timelineHeight);
+      return c.axisBottom(this.timeScale).ticks(r.interval).tickFormat(r.formatFn).tickSizeOuter(0).tickSizeInner(this.timelineHeight);
     },
     getAxisTicksConfig(e) {
       const { interval: t, format: r } = e.find(
-        (a) => a.precision >= this.currentTimeScaleDensity && a.interval
+        (s) => s.precision >= this.currentTimeScaleDensity && s.interval
       );
       return {
-        formatFn: (a) => typeof r == "function" ? r(a) : u.timeFormat(r)(a),
+        formatFn: (s) => typeof r == "function" ? r(s) : c.timeFormat(r)(s),
         interval: t
       };
     },
@@ -5417,13 +5418,13 @@ const qt = {
       if (!this.showLabels)
         return;
       const e = this;
-      this.svg.selectAll(`.${y.labelBg}`).each(function() {
-        u.select(this).style("fill", e.dark ? "black" : "white");
-      }), this.svg.selectAll(`.${y.labelBgFill}`).each(function() {
-        const t = u.select(this), r = t.node().dataset.color;
+      this.svg.selectAll(`.${v.labelBg}`).each(function() {
+        c.select(this).style("fill", e.dark ? "black" : "white");
+      }), this.svg.selectAll(`.${v.labelBgFill}`).each(function() {
+        const t = c.select(this), r = t.node().dataset.color;
         t.style("fill", e.getLabelBackgroundColor(r)).style("stroke", e.getTextFillColor(r)).style("stroke-width", 0.25);
-      }), this.svg.selectAll(`.${y.labelText}`).each(function() {
-        const t = u.select(this), r = t.node().dataset.color;
+      }), this.svg.selectAll(`.${v.labelText}`).each(function() {
+        const t = c.select(this), r = t.node().dataset.color;
         t.style("fill", e.getTextFillColor(r));
       });
     },
@@ -5456,8 +5457,8 @@ const qt = {
     handleLineMouseOver(e, t, r) {
       this.hoveredCounts = Object.entries(
         this.countsByTimestamp[`${t.timestamp}`]
-      ).reduce((n, a) => {
-        const [o, i] = a;
+      ).reduce((n, s) => {
+        const [o, i] = s;
         return [...n, { type: o, count: i }];
       }, []), this.hoveredEvent = t, this.isHoveringEvent = !0, this.$emit("event-mouseover", {
         eventData: t,
@@ -5475,20 +5476,20 @@ const qt = {
       this.isHoveringEvent = !1, this.hoveredEvent = null, this.$emit("event-mouseout");
     },
     handleLabelMouseOver(e) {
-      u.selectAll(`.${y.lineGraphGroup}-${e}`).classed(
-        `${y.lineGraphGroup}--highlighted`,
+      c.selectAll(`.${v.lineGraphGroup}-${e}`).classed(
+        `${v.lineGraphGroup}--highlighted`,
         !0
-      ), u.selectAll(`.${y.lineGraphGroup}-label`).classed(
-        `${y.lineGraphGroup}-label--highlighted`,
+      ), c.selectAll(`.${v.lineGraphGroup}-label`).classed(
+        `${v.lineGraphGroup}-label--highlighted`,
         !0
       );
     },
     handleLabelMouseLeave(e) {
-      u.selectAll(`.${y.lineGraphGroup}-${e}`).classed(
-        `${y.lineGraphGroup}--highlighted`,
+      c.selectAll(`.${v.lineGraphGroup}-${e}`).classed(
+        `${v.lineGraphGroup}--highlighted`,
         !1
-      ), u.selectAll(`.${y.lineGraphGroup}-label`).classed(
-        `${y.lineGraphGroup}-label--highlighted`,
+      ), c.selectAll(`.${v.lineGraphGroup}-label`).classed(
+        `${v.lineGraphGroup}-label--highlighted`,
         !1
       );
     },
@@ -5512,12 +5513,12 @@ const qt = {
       });
     },
     calculateDateRangeFromCurtains() {
-      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);
+      const e = this.timeline.offsetWidth, t = this.timeScale.domain(), r = t[1].getTime() - t[0].getTime(), n = (this.leftCurtainWidth - this.curtainHandleWidth * 2) / e * r, s = (this.rightCurtainWidth + this.curtainHandleWidth * 2) / e * r, o = new Date(t[0].getTime() + n), i = new Date(t[1].getTime() - s);
       return { startDate: o, endDate: i };
     },
     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(`.${y.curtain}--left`).attr("width", this.leftCurtainWidth), this.svg.select(`.${y.curtain}--right`).attr(
+      const { startDate: t, endDate: r } = this.calculateDateRangeFromCurtains(), n = this.timeScale.domain(), s = n[1].getTime() - n[0].getTime(), o = t.getTime() - n[0].getTime(), i = n[1].getTime() - r.getTime();
+      this.leftCurtainWidth = o / s * e, this.rightCurtainWidth = i / s * e, this.svg.select(`.${v.curtain}--left`).attr("width", this.leftCurtainWidth), this.svg.select(`.${v.curtain}--right`).attr(
         "x",
         e - this.rightCurtainWidth + this.curtainHandleWidth * 2
       ).attr("width", this.rightCurtainWidth);
@@ -5534,7 +5535,7 @@ const qt = {
         e.x,
         this.timeline.offsetWidth - this.rightCurtainWidth
       );
-      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${y.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
+      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${v.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
     },
     handleRightDrag(e) {
       e.sourceEvent.stopPropagation();
@@ -5542,44 +5543,44 @@ const qt = {
         this.timeline.offsetWidth - e.x,
         this.timeline.offsetWidth - this.leftCurtainWidth
       ), n = t - r;
-      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${y.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", n), this.emitCurtainChange();
+      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${v.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];
-      this.timeScale = u.scaleTime().domain(o).range(i), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
-      for (const d in this.xAxes)
-        this.rescaleAxis(d, this.timeScale), this.translateTicksText(d);
+      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), s = this.timeline.offsetWidth, o = [r, n], i = [0, s];
+      this.timeScale = c.scaleTime().domain(o).range(i), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
+      for (const f in this.xAxes)
+        this.rescaleAxis(f, this.timeScale), this.translateTicksText(f);
       this.updateEventsBars(), this.updateLineGraphs(), this.updateLineGraphHoverZones(), this.repositionSelectedTimestampCursor();
     },
     rescaleAxis(e, t) {
       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(`.${y.xAxis}-${e}`).call(r);
+      r.scale(t).ticks(n.interval).tickFormat(n.formatFn).tickSizeOuter(0), this.svg.select(`.${v.xAxis}-${e}`).call(r);
     },
     translateTicksText(e) {
-      this.svg.select(`.${y.xAxis}-${e}`).selectAll(".tick text").each(function() {
-        let t = u.select(this), r = t.node().getBBox();
+      this.svg.select(`.${v.xAxis}-${e}`).selectAll(".tick text").each(function() {
+        let t = c.select(this), r = t.node().getBBox();
         t.attr("x", r.height / 2).attr("y", 0).style("text-anchor", "start");
       });
     },
     updateEventsBars() {
-      const e = `.${y.eventGroup} > rect.${y.eventRect}`;
+      const e = `.${v.eventGroup} > rect.${v.eventRect}`;
       this.svg.selectAll(e).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth);
-      const t = `.${y.eventGroup} > text.${y.eventRectText}`;
+      const t = `.${v.eventGroup} > text.${v.eventRectText}`;
       this.svg.selectAll(t).attr("x", (r) => this.getEventRectX(r) + this.textPadding).text(this.getEventText);
     },
     updateBarChart() {
-      const e = (o) => this.getEventRectX(o) + this.barXPadding, t = (o) => this.yScale(o.count), r = (o) => this.getEventRectWidth(o) - this.barXPadding * 2, n = (o) => this.yScale.range()[0] - this.yScale(o.count), a = `.${y.barChartGroup} > rect`;
-      this.svg.selectAll(a).attr("x", e).attr("width", r).attr("y", t), this.svg.selectAll(
-        `${a}:not(.${y.eventBarCap})`
+      const e = (o) => this.getEventRectX(o) + this.barXPadding, t = (o) => this.yScale(o.count), r = (o) => this.getEventRectWidth(o) - this.barXPadding * 2, n = (o) => this.yScale.range()[0] - this.yScale(o.count), s = `.${v.barChartGroup} > rect`;
+      this.svg.selectAll(s).attr("x", e).attr("width", r).attr("y", t), this.svg.selectAll(
+        `${s}:not(.${v.eventBarCap})`
       ).attr("height", n);
     },
     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);
+        const t = c.area().x((r) => this.timeScale(this.tzStringToDate(r.timestamp))).y0(this.timelineHeight).y1((r) => this.yScale(r.count)).curve(c.curveMonotoneX);
         this.svg.selectAll(
-          `.${y.lineGraphPath}-${e}`
+          `.${v.lineGraphPath}-${e}`
         ).attr("d", (r) => t(r));
       });
     },
@@ -5587,14 +5588,14 @@ const qt = {
       Object.keys(this.lineGraphGroups).forEach((e) => {
         const t = this;
         this.svg.selectAll(
-          `.${y.lineGraphDot}-${e}`
+          `.${v.lineGraphDot}-${e}`
         ).each(function(r) {
-          u.select(this).attr("cx", t.timeScale(t.tzStringToDate(r.timestamp))).attr("cy", t.yScale(r.count));
+          c.select(this).attr("cx", t.timeScale(t.tzStringToDate(r.timestamp))).attr("cy", t.yScale(r.count));
         }), this.svg.selectAll(
-          `.${y.lineGraphHoverZone}-${e}`
+          `.${v.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.chartHeight);
+          c.select(this).attr("x", n).attr("y", 0).attr("width", 30).attr("height", t.chartHeight);
         });
       });
     },
@@ -5621,49 +5622,49 @@ const qt = {
       if (!this.curtains)
         return;
       const e = this.timeline.offsetWidth, t = this.timelineHeight;
-      this.svg.append("rect").classed(`${y.curtain} ${y.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(`${y.curtain} ${y.curtain}--right`, !0).attr(
+      this.svg.append("rect").classed(`${v.curtain} ${v.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(
+        c.drag().on("start", this.handleDragStart).on("drag", this.handleLeftDrag).on("end", this.handleDragEnd)
+      ), this.svg.append("rect").classed(`${v.curtain} ${v.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(
-        u.drag().on("start", this.handleDragStart).on("drag", this.handleRightDrag).on("end", this.handleDragEnd)
+        c.drag().on("start", this.handleDragStart).on("drag", this.handleRightDrag).on("end", this.handleDragEnd)
       );
     },
     drawEventsGroups() {
-      this.svg.selectAll(`g.${y.eventGroup}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups();
+      this.svg.selectAll(`g.${v.eventGroup}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups();
     },
     drawLineGraphEventsGroups() {
       const e = this.combinedXAxesHeight, t = this.insertZerosAtInterval ? this.filledGapsLineGraphGroups : this.lineGraphGroups;
       Object.entries(t).forEach(([r, n]) => {
-        const a = this.svg.append("g").classed(
-          `${y.lineGraphGroup} ${y.lineGraphGroup}-${r}`,
+        const s = this.svg.append("g").classed(
+          `${v.lineGraphGroup} ${v.lineGraphGroup}-${r}`,
           !0
         ).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
         this.drawLineGraph({
           events: i,
-          gElement: a,
+          gElement: s,
           color: o,
           type: r
         }), this.drawLineGraphHoverZones({
           events: i,
-          gElement: a,
+          gElement: s,
           color: o,
           type: r
         });
       }), Object.entries(this.lineGraphGroups).forEach(
-        ([r, n], a) => {
-          const { color: o, isLoading: i, label: d } = n, l = this.chartHeight - this.barChartHeight * (a + 1), s = e + this.chartHeight - this.barChartHeight, c = this.svg.append("g").classed(`${y.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
+        ([r, n], s) => {
+          const { color: o, isLoading: i, label: f } = n, l = this.chartHeight - this.barChartHeight * (s + 1), a = e + this.chartHeight - this.barChartHeight, u = this.svg.append("g").classed(`${v.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: i,
-            yPosition: s
+            yPosition: a
           }), this.drawTextLabel({
             color: o,
-            label: d,
+            label: f,
             yPosition: l,
-            gElement: c
+            gElement: u
           });
         }
       );
@@ -5674,8 +5675,8 @@ const qt = {
       color: r,
       type: n
     }) {
-      const a = u.area().x((i) => this.timeScale(this.tzStringToDate(i.timestamp))).y0(this.timelineHeight).y1((i) => this.yScale(i.count)).curve(u.curveMonotoneX), o = `clip-${n}`;
-      t.append("defs").append("clipPath").attr("id", o).append("rect").attr("width", this.timeline.offsetWidth).attr("height", this.chartHeight), t.append("path").datum(e).classed(`${y.lineGraphPath}-${n}`, !0).attr("fill", `url(#${Y.transparencyGradientLight}-${n})`).attr("stroke", r).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (i) => a(i)).attr("clip-path", `url(#${o})`);
+      const s = c.area().x((i) => this.timeScale(this.tzStringToDate(i.timestamp))).y0(this.timelineHeight).y1((i) => this.yScale(i.count)).curve(c.curveMonotoneX), o = `clip-${n}`;
+      t.append("defs").append("clipPath").attr("id", o).append("rect").attr("width", this.timeline.offsetWidth).attr("height", this.chartHeight), t.append("path").datum(e).classed(`${v.lineGraphPath}-${n}`, !0).attr("fill", `url(#${Y.transparencyGradientLight}-${n})`).attr("stroke", r).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (i) => s(i)).attr("clip-path", `url(#${o})`);
     },
     drawLineGraphHoverZones({
       events: e,
@@ -5683,69 +5684,70 @@ const qt = {
       color: r,
       type: n
     }) {
-      e.forEach((a) => {
-        const o = `${a.timestamp}`;
+      e.forEach((s) => {
+        const o = `${s.timestamp}`;
         this.countsByTimestamp[o] = {
           ...this.countsByTimestamp[o] || {},
-          [n]: a.count
+          [n]: s.count
         };
         const i = t.append("circle").classed(
-          `${y.lineGraphDot} ${y.lineGraphDot}-${n}`,
+          `${v.lineGraphDot} ${v.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);
+        ).attr("cx", this.timeScale(this.tzStringToDate(s.timestamp))).attr("cy", this.yScale(s.count)).attr("r", 1.5).attr("fill", r).attr("stroke-width", 0).datum(s);
         this.dotsByTimestamp[o] = [
           ...this.dotsByTimestamp[o] || [],
           i
-        ], t.append("rect").classed(`${y.lineGraphHoverZone}-${n}`, !0).attr("x", this.timeScale(this.tzStringToDate(a.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.chartHeight).attr("fill", "transparent").datum(a).on("mouseover", (d) => {
-          this.handleLineMouseOver(d, a, n), this.dotsByTimestamp[o].forEach(
-            (l) => l.classed(`${y.lineGraphDot}--active`, !0)
+        ], t.append("rect").classed(`${v.lineGraphHoverZone}-${n}`, !0).attr("x", this.timeScale(this.tzStringToDate(s.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.chartHeight).attr("fill", "transparent").datum(s).on("mouseover", (f) => {
+          this.handleLineMouseOver(f, s, n), this.dotsByTimestamp[o].forEach(
+            (l) => l.classed(`${v.lineGraphDot}--active`, !0)
           );
         }).on("mouseout", () => {
           this.handleLineMouseOut(), this.dotsByTimestamp[o].forEach(
-            (d) => d.classed(`${y.lineGraphDot}--active`, !1)
+            (f) => f.classed(`${v.lineGraphDot}--active`, !1)
           );
         });
       });
     },
     drawBarEventsGroups() {
       Object.entries(this.barGroups).forEach(([e, t], r) => {
-        const { color: n, bgColor: a, label: o, events: i, isLoading: d } = t, l = this.hasChart ? this.chartHeight : 0, s = r * this.barChartHeight + this.combinedXAxesHeight + l;
+        const { color: n, bgColor: s, label: o, events: i, isLoading: f } = t, l = this.hasChart ? this.chartHeight : 0, a = r * this.barChartHeight + this.combinedXAxesHeight + l;
         this.drawProgressIndicator({
-          yPosition: s,
+          yPosition: a,
           type: e,
           color: n,
-          isLoading: d
+          isLoading: f
         });
-        const c = this.svg.append("g").attr("data-color", n).classed(y.eventGroup, !0).classed(`${y.eventGroup}-${e}`, !0);
+        const u = this.svg.append("g").attr("data-color", n).classed(v.eventGroup, !0).classed(`${v.eventGroup}-${e}`, !0);
         this.drawBackground({
-          color: a || n,
-          gElement: c,
-          yPosition: s
+          color: s || n,
+          gElement: u,
+          yPosition: a
         }), this.drawBars({
           events: i,
           color: n,
-          gElement: c,
-          yPosition: s,
+          gElement: u,
+          yPosition: a,
           type: e
         }), this.drawTextLabel({
           color: n,
           label: o,
-          gElement: c,
-          yPosition: s
+          gElement: u,
+          yPosition: a
         });
       });
     },
     drawBarChartEventsGroups() {
       const e = this.combinedXAxesHeight, t = this.barChartGroups;
       Object.entries(t).forEach(([r, n]) => {
-        const a = this.svg.append("g").classed(
-          `${y.barChartGroup} ${y.barChartGroup}-${r}`,
+        const s = this.svg.append("g").classed(
+          `${v.barChartGroup} ${v.barChartGroup}-${r}`,
           !0
         ).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
         this.drawBarsChart({
           events: i,
           color: o,
-          gElement: a,
+          gElement: s,
+          yOffset: e,
           type: r
         });
       });
@@ -5756,7 +5758,7 @@ const qt = {
       isLoading: r
     }) {
       this.svg.append("rect").classed(
-        `${y.loadingIndicator} ${y.loadingIndicator}-${t}`,
+        `${v.loadingIndicator} ${v.loadingIndicator}-${t}`,
         !0
       ).attr("x", 0).attr("y", e).attr("width", this.timeline.offsetWidth / 3).attr("height", this.barChartHeight).attr("fill", `url(#${Y.loadingGradient}-${t})`).style("visibility", r ? "visible" : "hidden");
     },
@@ -5765,24 +5767,24 @@ const qt = {
       yPosition: t,
       gElement: r
     }) {
-      r.append("rect").attr("class", y.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", v.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", this.barChartHeight).attr("fill", c.color(e).toString()).style("opacity", 0.1);
     },
     drawBars({
       events: e,
       gElement: t,
       yPosition: r,
       color: n,
-      type: a
+      type: s
     }) {
       const o = this;
-      t.selectAll(y.eventRect).data(e).enter().append("rect").attr(
+      t.selectAll(v.eventRect).data(e).enter().append("rect").attr(
         "class",
-        (i) => y.eventRect + (i.className ? ` ${i.className}` : "")
-      ).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, d) {
-        u.select(this).classed(`${y.eventRect}--hovered`, !0), o.handleBarMouseOver(i, d, a);
+        (i) => v.eventRect + (i.className ? ` ${i.className}` : "")
+      ).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, f) {
+        c.select(this).classed(`${v.eventRect}--hovered`, !0), o.handleBarMouseOver(i, f, s);
       }).on("mouseout", function() {
-        u.select(this).classed(`${y.eventRect}--hovered`, !1), o.handleBarMouseOut();
-      }), t.selectAll(y.eventRectText).data(e.filter((i) => !!i.text)).enter().append("text").attr("class", y.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(
+        c.select(this).classed(`${v.eventRect}--hovered`, !1), o.handleBarMouseOut();
+      }), t.selectAll(v.eventRectText).data(e.filter((i) => !!i.text)).enter().append("text").attr("class", v.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);
@@ -5791,22 +5793,32 @@ const qt = {
       events: e,
       gElement: t,
       color: r,
-      type: n
+      yOffset: n,
+      type: s
     }) {
-      const a = this, o = (s) => this.getEventRectX(s) + this.barXPadding, i = (s) => this.yScale(s.count), d = (s) => this.getEventRectWidth(s) - this.barXPadding * 2, l = (s) => this.yScale.range()[0] - this.yScale(s.count);
-      t.selectAll(y.eventBar).data(e).enter().append("rect").attr(
+      const o = this, i = (u) => this.getEventRectX(u) + this.barXPadding, f = (u) => this.yScale(u.count), l = (u) => this.getEventRectWidth(u) - this.barXPadding * 2, a = (u) => this.yScale.range()[0] - this.yScale(u.count);
+      t.selectAll(v.eventBarHoverZone).data(e).enter().append("rect").attr(
+        "class",
+        (u) => v.eventBarHoverZone + (u.className ? ` ${u.className}` : "")
+      ).attr("x", i).attr("y", -n).attr("width", l).attr("height", this.yScale.range()[0] + n).attr("fill", (u) => u.color || r).attr("fill-opacity", 0).on("mouseover", function(u, g) {
+        const d = c.select(this);
+        d.classed(`${v.eventBarHoverZone}--hovered`, !0), d.attr("fill-opacity", 0.2), o.handleBarMouseOver(u, g, s);
+      }).on("mouseout", function() {
+        const u = c.select(this);
+        u.attr("fill-opacity", 0), u.classed(`${v.eventBarHoverZone}--hovered`, !1), o.handleBarMouseOut();
+      }), t.selectAll(v.eventBar).data(e).enter().append("rect").attr(
         "class",
-        (s) => y.eventBar + (s.className ? ` ${s.className}` : "")
-      ).attr("x", o).attr("y", i).attr("width", d).attr("height", l).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${Y.transparencyGradient}-${n})`).on("mouseover", function(s, c) {
-        const g = u.select(this);
-        g.classed(`${y.eventBar}--hovered`, !0), g.attr("fill", s.color || r), g.attr("fill-opacity", 0.5), a.handleBarMouseOver(s, c, n);
+        (u) => v.eventBar + (u.className ? ` ${u.className}` : "")
+      ).attr("x", i).attr("y", f).attr("width", l).attr("height", a).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${Y.transparencyGradient}-${s})`).on("mouseover", function(u, g) {
+        const d = c.select(this);
+        d.classed(`${v.eventBar}--hovered`, !0), d.attr("fill", u.color || r), d.attr("fill-opacity", 0.5), o.handleBarMouseOver(u, g, s);
       }).on("mouseout", function() {
-        const s = u.select(this);
-        s.attr("fill", `url(#${Y.transparencyGradient}-${n})`), s.attr("fill-opacity", 1), s.classed(`${y.eventBar}--hovered`, !1), a.handleBarMouseOut();
-      }), t.selectAll(y.eventBarCap).data(e).enter().append("rect").attr(
+        const u = c.select(this);
+        u.attr("fill", `url(#${Y.transparencyGradient}-${s})`), u.attr("fill-opacity", 1), u.classed(`${v.eventBar}--hovered`, !1), o.handleBarMouseOut();
+      }), t.selectAll(v.eventBarCap).data(e).enter().append("rect").attr(
         "class",
-        (s) => y.eventBarCap + (s.className ? ` ${s.className}` : "")
-      ).attr("x", o).attr("y", i).attr("width", d).attr("height", 2).attr("stroke-width", 0).style("fill", (s) => s.color || r);
+        (u) => v.eventBarCap + (u.className ? ` ${u.className}` : "")
+      ).attr("x", i).attr("y", f).attr("width", l).attr("height", 2).attr("stroke-width", 0).style("fill", (u) => u.color || r);
     },
     drawTextLabel({
       gElement: e,
@@ -5816,21 +5828,21 @@ const qt = {
     }) {
       if (!this.showLabels)
         return;
-      const a = {
+      const s = {
         x: -5,
         y: t,
         w: this.labelRectWidth,
         h: this.barChartHeight,
         radius: 3
       };
-      e.append("rect").attr("class", y.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", y.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", y.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", v.labelBg).attr("data-color", r).attr("x", s.x).attr("y", s.y).attr("width", s.w).attr("height", s.h).attr("rx", s.radius).attr("ry", s.radius).style("fill", this.dark ? "#131a29" : "white"), e.append("rect").attr("class", v.labelBgFill).attr("data-color", r).attr("x", s.x).attr("y", s.y).attr("width", s.w).attr("height", s.h).attr("rx", s.radius).attr("ry", s.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), e.append("text").attr("class", v.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();
+      return (this.dark ? (r = c.color(e)) == null ? void 0 : r.brighter(1.5 + t) : (n = c.color(e)) == null ? void 0 : n.darker(2 + t)).toString();
     },
     getLabelBackgroundColor(e) {
-      let t = u.color(e);
+      let t = c.color(e);
       return t.opacity = this.dark ? 0.2 : 0.5, t.toString();
     },
     tzStringToDate(e) {
@@ -5851,26 +5863,26 @@ const qt = {
       if (e.length <= 1)
         return e;
       const t = this.insertZerosAtInterval, r = (o) => o.clone().add(1, t), n = (o) => o.clone().subtract(1, t);
-      let a = [];
+      let s = [];
       for (let o = 0; o < e.length; o++) {
         const i = e[o];
-        if (a.push(i), o === e.length - 1)
+        if (s.push(i), o === e.length - 1)
           break;
-        const d = e[o + 1], l = V(i.timestamp), s = V(d.timestamp);
-        if (s.diff(l, t) > 1) {
-          const c = r(l).toISOString(), g = n(s).toISOString();
-          a.push({ timestamp: c, count: 0 }), c !== g && a.push({ timestamp: g, count: 0 });
+        const f = e[o + 1], l = V(i.timestamp), a = V(f.timestamp);
+        if (a.diff(l, t) > 1) {
+          const u = r(l).toISOString(), g = n(a).toISOString();
+          s.push({ timestamp: u, count: 0 }), u !== g && s.push({ timestamp: g, count: 0 });
         }
       }
       if (this.flattenLineGraphEnds) {
-        const o = V(e[0].timestamp), i = V(e[e.length - 1].timestamp), d = n(o).toISOString(), l = r(i).toISOString();
-        a = [
-          { timestamp: d, count: 0 },
-          ...a,
+        const o = V(e[0].timestamp), i = V(e[e.length - 1].timestamp), f = n(o).toISOString(), l = r(i).toISOString();
+        s = [
+          { timestamp: f, count: 0 },
+          ...s,
           { timestamp: l, count: 0 }
         ];
       }
-      return a;
+      return s;
     },
     fillEvents(e) {
       return this.placeholderLineChartGroup.map((t) => e.find(
@@ -5889,8 +5901,8 @@ var Kt = function() {
           !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() {
-    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) + " ")]);
+    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, s) {
+      return r("div", { key: s }, [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)]);
 }, Jt = [], Qt = /* @__PURE__ */ I(