@evercam/ui 0.0.52-beta.10 → 0.0.52-beta.12

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import q from "vue";
-import * as c from "d3";
+import * as u 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 || {}), G = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(G || {}), 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 || {}), re = /* @__PURE__ */ ((e) => (e.zoom = "zoom", e.autoPan = "autoPan", e.initial = "initial", e))(re || {});
+var E = /* @__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))(E || {}), G = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(G || {}), 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 || {}), re = /* @__PURE__ */ ((e) => (e.zoom = "zoom", e.autoPan = "autoPan", e.initial = "initial", e))(re || {});
 const rt = q.extend({
   name: "EBadge",
   props: {
@@ -15,7 +15,7 @@ const rt = q.extend({
     },
     size: {
       type: String,
-      default: T.base
+      default: E.base
     }
   },
   data() {
@@ -29,18 +29,18 @@ const rt = q.extend({
         [G.success]: "e-bg-lime-500 e-text-white"
       },
       sizes: {
-        [T.dot]: "e-w-2 e-h-2",
-        [T.xs]: "e-w-3 e-h-3",
-        [T.sm]: "e-w-4 e-h-4",
-        [T.md]: "e-w-5 e-h-5",
-        [T.lg]: "e-min-w-[2rem] e-max-w-[4rem] e-px-1 e-h-6 e-text-sm e-font-medium",
-        [T.xl]: "e-min-w-[3rem] e-max-w-[5rem] e-px-1 e-h-8 e-text-base e-font-medium"
+        [E.dot]: "e-w-2 e-h-2",
+        [E.xs]: "e-w-3 e-h-3",
+        [E.sm]: "e-w-4 e-h-4",
+        [E.md]: "e-w-5 e-h-5",
+        [E.lg]: "e-min-w-[2rem] e-max-w-[4rem] e-px-1 e-h-6 e-text-sm e-font-medium",
+        [E.xl]: "e-min-w-[3rem] e-max-w-[5rem] e-px-1 e-h-8 e-text-base e-font-medium"
       }
     };
   },
   computed: {
     badgeClasses() {
-      const e = this.colors[this.color] || this.colors[G.default], t = this.sizes[this.size] || this.sizes[T.md];
+      const e = this.colors[this.color] || this.colors[G.default], t = this.sizes[this.size] || this.sizes[E.md];
       return [
         "e-flex e-items-center e-justify-center e-rounded-full",
         e,
@@ -48,7 +48,7 @@ const rt = q.extend({
       ];
     },
     showText() {
-      return [T.lg, T.xl].includes(this.size);
+      return [E.lg, E.xl].includes(this.size);
     }
   }
 });
@@ -56,10 +56,10 @@ function I(e, t, r, n, s, o, i, d) {
   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 a;
-  if (i ? (a = function(f) {
-    f = f || // cached call
+  if (i ? (a = function(m) {
+    m = m || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !f && typeof __VUE_SSR_CONTEXT__ != "undefined" && (f = __VUE_SSR_CONTEXT__), s && s.call(this, f), f && f._registeredComponents && f._registeredComponents.add(i);
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !m && typeof __VUE_SSR_CONTEXT__ != "undefined" && (m = __VUE_SSR_CONTEXT__), s && s.call(this, m), m && m._registeredComponents && m._registeredComponents.add(i);
   }, l._ssrRegister = a) : s && (a = d ? function() {
     s.call(
       this,
@@ -68,13 +68,13 @@ function I(e, t, r, n, s, o, i, d) {
   } : s), a)
     if (l.functional) {
       l._injectStyles = a;
-      var u = l.render;
-      l.render = function(E, b) {
-        return a.call(b), u(E, b);
+      var f = l.render;
+      l.render = function(C, b) {
+        return a.call(b), f(C, b);
       };
     } else {
-      var v = l.beforeCreate;
-      l.beforeCreate = v ? [].concat(v, a) : [a];
+      var c = l.beforeCreate;
+      l.beforeCreate = c ? [].concat(c, a) : [a];
     }
   return {
     exports: e,
@@ -102,7 +102,7 @@ const Me = st.exports, at = q.extend({
   props: {
     size: {
       type: String,
-      default: T.md
+      default: E.md
     },
     showBadge: {
       type: Boolean,
@@ -118,7 +118,7 @@ const Me = st.exports, at = q.extend({
     },
     badgeSize: {
       type: String,
-      default: T.md
+      default: E.md
     },
     image: {
       type: String,
@@ -128,12 +128,12 @@ const Me = st.exports, at = q.extend({
   data() {
     return {
       sizes: {
-        [T.xs]: "e-w-8 e-h-8 e-text-xs",
-        [T.sm]: "e-w-10 e-h-10 e-text-sm",
-        [T.md]: "e-w-14 e-h-14 e-text-base",
-        [T.lg]: "e-w-20 e-h-20 e-text-2xl",
-        [T.xl]: "e-w-28 e-h-28 e-text-3xl",
-        [T["2xl"]]: "e-w-36 e-h-36 e-text-5xl"
+        [E.xs]: "e-w-8 e-h-8 e-text-xs",
+        [E.sm]: "e-w-10 e-h-10 e-text-sm",
+        [E.md]: "e-w-14 e-h-14 e-text-base",
+        [E.lg]: "e-w-20 e-h-20 e-text-2xl",
+        [E.xl]: "e-w-28 e-h-28 e-text-3xl",
+        [E["2xl"]]: "e-w-36 e-h-36 e-text-5xl"
       }
     };
   },
@@ -141,7 +141,7 @@ const Me = st.exports, at = q.extend({
     avatarClasses() {
       return [
         "e-flex e-items-center e-justify-center e-rounded-full e-bg-purple-500 e-text-white e-font-medium",
-        this.sizes[this.size] || this.sizes[T.xs]
+        this.sizes[this.size] || this.sizes[E.xs]
       ];
     }
   }
@@ -194,7 +194,7 @@ var Pe = {}, ze = {}, me = {};
         return `calc(${r} * -1)`;
   }
 })(me);
-var He = {};
+var Be = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -381,8 +381,8 @@ var He = {};
     "willChange",
     "content"
   ];
-})(He);
-var Be = {};
+})(Be);
+var He = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -397,7 +397,7 @@ var Be = {};
       ...new Set(n.filter((o) => r !== !1 && r[o] !== !1).concat(Object.keys(r).filter((o) => r[o] !== !1)))
     ];
   }
-})(Be);
+})(He);
 var pe = {}, ie = {}, ge = { exports: {} }, P = String, Le = function() {
   return { isColorSupported: !1, reset: P, bold: P, dim: P, italic: P, underline: P, inverse: P, hidden: P, strikethrough: P, black: P, red: P, green: P, yellow: P, blue: P, magenta: P, cyan: P, white: P, gray: P, bgBlack: P, bgRed: P, bgGreen: P, bgYellow: P, bgBlue: P, bgMagenta: P, bgCyan: P, bgWhite: P };
 };
@@ -409,10 +409,10 @@ var Ge = ge.exports;
     value: !0
   });
   function t(l, a) {
-    for (var u in a)
-      Object.defineProperty(l, u, {
+    for (var f in a)
+      Object.defineProperty(l, f, {
         enumerable: !0,
-        get: a[u]
+        get: a[f]
       });
   }
   t(e, {
@@ -430,8 +430,8 @@ var Ge = ge.exports;
     };
   }
   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((v) => console.warn(l, "-", v)));
+  function o(l, a, f) {
+    typeof process != "undefined" && process.env.JEST_WORKER_ID || f && s.has(f) || (f && s.add(f), console.warn(""), a.forEach((c) => console.warn(l, "-", c)));
   }
   function i(l) {
     return r.default.dim(l);
@@ -861,11 +861,11 @@ var We = {}, se = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(v, f) {
-    for (var E in f)
-      Object.defineProperty(v, E, {
+  function t(c, m) {
+    for (var C in m)
+      Object.defineProperty(c, C, {
         enumerable: !0,
-        get: f[E]
+        get: m[C]
       });
   }
   t(e, {
@@ -876,13 +876,13 @@ var We = {}, se = {};
       return a;
     },
     default: function() {
-      return u;
+      return f;
     }
   });
   const r = /* @__PURE__ */ s(Ge), n = /* @__PURE__ */ s(ie);
-  function s(v) {
-    return v && v.__esModule ? v : {
-      default: v
+  function s(c) {
+    return c && c.__esModule ? c : {
+      default: c
     };
   }
   let o = {
@@ -906,33 +906,33 @@ var We = {}, se = {};
       "generalizedModifiers"
     ]
   };
-  function d(v, f) {
-    if (i.future.includes(f)) {
-      var E, b, k;
-      return v.future === "all" || ((k = (b = v == null || (E = v.future) === null || E === void 0 ? void 0 : E[f]) !== null && b !== void 0 ? b : o[f]) !== null && k !== void 0 ? k : !1);
+  function d(c, m) {
+    if (i.future.includes(m)) {
+      var C, b, k;
+      return c.future === "all" || ((k = (b = c == null || (C = c.future) === null || C === void 0 ? void 0 : C[m]) !== null && b !== void 0 ? b : o[m]) !== null && k !== void 0 ? k : !1);
     }
-    if (i.experimental.includes(f)) {
-      var A, z, H;
-      return v.experimental === "all" || ((H = (z = v == null || (A = v.experimental) === null || A === void 0 ? void 0 : A[f]) !== null && z !== void 0 ? z : o[f]) !== null && H !== void 0 ? H : !1);
+    if (i.experimental.includes(m)) {
+      var A, z, B;
+      return c.experimental === "all" || ((B = (z = c == null || (A = c.experimental) === null || A === void 0 ? void 0 : A[m]) !== null && z !== void 0 ? z : o[m]) !== null && B !== void 0 ? B : !1);
     }
     return !1;
   }
-  function l(v) {
-    if (v.experimental === "all")
+  function l(c) {
+    if (c.experimental === "all")
       return i.experimental;
-    var f;
-    return Object.keys((f = v == null ? void 0 : v.experimental) !== null && f !== void 0 ? f : {}).filter((E) => i.experimental.includes(E) && v.experimental[E]);
+    var m;
+    return Object.keys((m = c == null ? void 0 : c.experimental) !== null && m !== void 0 ? m : {}).filter((C) => i.experimental.includes(C) && c.experimental[C]);
   }
-  function a(v) {
-    if (process.env.JEST_WORKER_ID === void 0 && l(v).length > 0) {
-      let f = l(v).map((E) => r.default.yellow(E)).join(", ");
+  function a(c) {
+    if (process.env.JEST_WORKER_ID === void 0 && l(c).length > 0) {
+      let m = l(c).map((C) => r.default.yellow(C)).join(", ");
       n.default.warn("experimental-flags-enabled", [
-        `You have enabled experimental features: ${f}`,
+        `You have enabled experimental features: ${m}`,
         "Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."
       ]);
     }
   }
-  const u = i;
+  const f = i;
 })(se);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -962,11 +962,11 @@ var We = {}, se = {};
     var l = n(d);
     if (l && l.has(i))
       return l.get(i);
-    var a = {}, u = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var v in i)
-      if (v !== "default" && Object.prototype.hasOwnProperty.call(i, v)) {
-        var f = u ? Object.getOwnPropertyDescriptor(i, v) : null;
-        f && (f.get || f.set) ? Object.defineProperty(a, v, f) : a[v] = i[v];
+    var a = {}, f = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var c in i)
+      if (c !== "default" && Object.prototype.hasOwnProperty.call(i, c)) {
+        var m = f ? Object.getOwnPropertyDescriptor(i, c) : null;
+        m && (m.get || m.set) ? Object.defineProperty(a, c, m) : a[c] = i[c];
       }
     return a.default = i, l && l.set(i, a), a;
   }
@@ -1011,12 +1011,12 @@ var We = {}, se = {};
       "https://tailwindcss.com/docs/upgrade-guide#configure-content-sources"
     ]), i.safelist = (() => {
       var a;
-      let { content: u, purge: v, safelist: f } = i;
-      return Array.isArray(f) ? f : Array.isArray(u == null ? void 0 : u.safelist) ? u.safelist : Array.isArray(v == null ? void 0 : v.safelist) ? v.safelist : Array.isArray(v == null || (a = v.options) === null || a === void 0 ? void 0 : a.safelist) ? v.options.safelist : [];
+      let { content: f, purge: c, safelist: m } = i;
+      return Array.isArray(m) ? m : Array.isArray(f == null ? void 0 : f.safelist) ? f.safelist : Array.isArray(c == null ? void 0 : c.safelist) ? c.safelist : Array.isArray(c == null || (a = c.options) === null || a === void 0 ? void 0 : a.safelist) ? c.options.safelist : [];
     })(), i.blocklist = (() => {
       let { blocklist: a } = i;
       if (Array.isArray(a)) {
-        if (a.every((u) => typeof u == "string"))
+        if (a.every((f) => typeof f == "string"))
           return a;
         r.default.warn("blocklist-invalid", [
           "The `blocklist` option must be an array of strings.",
@@ -1040,36 +1040,36 @@ var We = {}, se = {};
         return a != null && a.relative ? a.relative : (0, t.flagEnabled)(i, "relativeContentPathsByDefault");
       })(),
       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 : [];
+        let { content: a, purge: f } = i;
+        return Array.isArray(f) ? f : Array.isArray(f == null ? void 0 : f.content) ? f.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 a = (() => {
-          var f, E, b, k, A, z, H, M, B, L;
-          return !((f = i.purge) === null || f === void 0) && f.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 : !((H = i.purge) === null || H === void 0 || (M = H.options) === null || M === void 0) && M.extractors ? i.purge.options.extractors : !((B = i.content) === null || B === void 0 || (L = B.options) === null || L === void 0) && L.extractors ? i.content.options.extractors : {};
-        })(), u = {}, v = (() => {
-          var f, E, b, k;
-          if (!((f = i.purge) === null || f === void 0 || (E = f.options) === null || E === void 0) && E.defaultExtractor)
+          var m, C, b, k, A, z, B, M, H, L;
+          return !((m = i.purge) === null || m === void 0) && m.extract ? i.purge.extract : !((C = i.content) === null || C === void 0) && C.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 : !((B = i.purge) === null || B === void 0 || (M = B.options) === null || M === void 0) && M.extractors ? i.purge.options.extractors : !((H = i.content) === null || H === void 0 || (L = H.options) === null || L === void 0) && L.extractors ? i.content.options.extractors : {};
+        })(), f = {}, c = (() => {
+          var m, C, b, k;
+          if (!((m = i.purge) === null || m === void 0 || (C = m.options) === null || C === void 0) && C.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 (v !== void 0 && (u.DEFAULT = v), typeof a == "function")
-          u.DEFAULT = a;
+        if (c !== void 0 && (f.DEFAULT = c), typeof a == "function")
+          f.DEFAULT = a;
         else if (Array.isArray(a))
-          for (let { extensions: f, extractor: E } of a != null ? a : [])
-            for (let b of f)
-              u[b] = E;
+          for (let { extensions: m, extractor: C } of a != null ? a : [])
+            for (let b of m)
+              f[b] = C;
         else
-          typeof a == "object" && a !== null && Object.assign(u, a);
-        return u;
+          typeof a == "object" && a !== null && Object.assign(f, a);
+        return f;
       })(),
       transform: (() => {
         let a = (() => {
-          var v, f, E, b, k, A;
-          return !((v = i.purge) === null || v === void 0) && v.transform ? i.purge.transform : !((f = i.content) === null || f === void 0) && f.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;
+          var c, m, C, b, k, A;
+          return !((c = i.purge) === null || c === void 0) && c.transform ? i.purge.transform : !((m = i.content) === null || m === void 0) && m.transform ? i.content.transform : !((C = i.purge) === null || C === void 0 || (b = C.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 : {};
+        })(), f = {};
+        return typeof a == "function" && (f.DEFAULT = a), typeof a == "object" && a !== null && Object.assign(f, a), f;
       })()
     };
     for (let a of i.content.files)
@@ -1897,10 +1897,10 @@ var ve = {}, ye = {}, Xe = {};
   }
   t(e, {
     parseColor: function() {
-      return f;
+      return m;
     },
     formatColor: function() {
-      return E;
+      return C;
     }
   });
   const r = /* @__PURE__ */ n(Xe);
@@ -1909,8 +1909,8 @@ var ve = {}, ye = {}, Xe = {};
       default: b
     };
   }
-  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+)%?/, d = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, a = /var\(--(?:[^ )]*?)\)/, u = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${a.source})(?:${d.source}(${i.source}|${a.source}))?(?:${d.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`), v = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${a.source})(?:${d.source}(${i.source}|${a.source}))?(?:${d.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`);
-  function f(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+)%?/, d = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, a = /var\(--(?:[^ )]*?)\)/, f = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${a.source})(?:${d.source}(${i.source}|${a.source}))?(?:${d.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`), c = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${a.source})(?:${d.source}(${i.source}|${a.source}))?(?:${d.source}(${i.source}|${a.source}))?(?:${l.source}(${i.source}|${a.source}))?\\s*\\)$`);
+  function m(b, { loose: k = !1 } = {}) {
     var A, z;
     if (typeof b != "string")
       return null;
@@ -1929,7 +1929,7 @@ var ve = {}, ye = {}, Xe = {};
         mode: "rgb",
         color: r.default[b].map((R) => R.toString())
       };
-    let H = b.replace(o, (R, U, W, y, D) => [
+    let B = b.replace(o, (R, U, W, y, D) => [
       "#",
       U,
       U,
@@ -1939,38 +1939,38 @@ var ve = {}, ye = {}, Xe = {};
       y,
       D ? D + D : ""
     ].join("")).match(s);
-    if (H !== null)
+    if (B !== null)
       return {
         mode: "rgb",
         color: [
-          parseInt(H[1], 16),
-          parseInt(H[2], 16),
-          parseInt(H[3], 16)
+          parseInt(B[1], 16),
+          parseInt(B[2], 16),
+          parseInt(B[3], 16)
         ].map((R) => R.toString()),
-        alpha: H[4] ? (parseInt(H[4], 16) / 255).toString() : void 0
+        alpha: B[4] ? (parseInt(B[4], 16) / 255).toString() : void 0
       };
     var M;
-    let B = (M = b.match(u)) !== null && M !== void 0 ? M : b.match(v);
-    if (B === null)
+    let H = (M = b.match(f)) !== null && M !== void 0 ? M : b.match(c);
+    if (H === null)
       return null;
     let L = [
-      B[2],
-      B[3],
-      B[4]
+      H[2],
+      H[3],
+      H[4]
     ].filter(Boolean).map((R) => R.toString());
     return L.length === 2 && L[0].startsWith("var(") ? {
-      mode: B[1],
+      mode: H[1],
       color: [
         L[0]
       ],
       alpha: L[1]
     } : !k && L.length !== 3 || L.length < 3 && !L.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
-      mode: B[1],
+      mode: H[1],
       color: L,
-      alpha: (A = B[5]) === null || A === void 0 || (z = A.toString) === null || z === void 0 ? void 0 : z.call(A)
+      alpha: (A = H[5]) === null || A === void 0 || (z = A.toString) === null || z === void 0 ? void 0 : z.call(A)
     };
   }
-  function E({ mode: b, color: k, alpha: A }) {
+  function C({ mode: b, color: k, alpha: A }) {
     let z = A !== void 0;
     return b === "rgba" || b === "hsla" ? `${b}(${k.join(", ")}${z ? `, ${A}` : ""})` : `${b}(${k.join(" ")}${z ? ` / ${A}` : ""})`;
   }
@@ -2013,8 +2013,8 @@ var ve = {}, ye = {}, Xe = {};
     if (typeof o == "function")
       return {
         [d]: "1",
-        ...Object.fromEntries(l.map((u) => [
-          u,
+        ...Object.fromEntries(l.map((f) => [
+          f,
           o({
             opacityVariable: d,
             opacityValue: `var(${d})`
@@ -2022,16 +2022,16 @@ var ve = {}, ye = {}, Xe = {};
         ]))
       };
     const a = (0, r.parseColor)(o);
-    return a === null ? Object.fromEntries(l.map((u) => [
-      u,
+    return a === null ? Object.fromEntries(l.map((f) => [
+      f,
       o
-    ])) : a.alpha !== void 0 ? Object.fromEntries(l.map((u) => [
-      u,
+    ])) : a.alpha !== void 0 ? Object.fromEntries(l.map((f) => [
+      f,
       o
     ])) : {
       [d]: "1",
-      ...Object.fromEntries(l.map((u) => [
-        u,
+      ...Object.fromEntries(l.map((f) => [
+        f,
         (0, r.formatColor)({
           ...a,
           alpha: `var(${d})`
@@ -2064,10 +2064,10 @@ var be = {}, qe = {}, ae = {};
     value: !0
   });
   function t(l, a) {
-    for (var u in a)
-      Object.defineProperty(l, u, {
+    for (var f in a)
+      Object.defineProperty(l, f, {
         enumerable: !0,
-        get: a[u]
+        get: a[f]
       });
   }
   t(e, {
@@ -2087,13 +2087,13 @@ var be = {}, qe = {}, ae = {};
     "unset"
   ]), s = /\ +(?![^(]*\))/g, o = /^-?(\d+|\.\d+)(.*?)$/g;
   function i(l) {
-    return (0, r.splitAtTopLevelOnly)(l, ",").map((u) => {
-      let v = u.trim(), f = {
-        raw: v
-      }, E = v.split(s), b = /* @__PURE__ */ new Set();
-      for (let k of E)
-        o.lastIndex = 0, !b.has("KEYWORD") && n.has(k) ? (f.keyword = k, b.add("KEYWORD")) : o.test(k) ? b.has("X") ? b.has("Y") ? b.has("BLUR") ? b.has("SPREAD") || (f.spread = k, b.add("SPREAD")) : (f.blur = k, b.add("BLUR")) : (f.y = k, b.add("Y")) : (f.x = k, b.add("X")) : f.color ? (f.unknown || (f.unknown = []), f.unknown.push(k)) : f.color = k;
-      return f.valid = f.x !== void 0 && f.y !== void 0, f;
+    return (0, r.splitAtTopLevelOnly)(l, ",").map((f) => {
+      let c = f.trim(), m = {
+        raw: c
+      }, C = c.split(s), b = /* @__PURE__ */ new Set();
+      for (let k of C)
+        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;
     });
   }
   function d(l) {
@@ -2111,9 +2111,9 @@ var be = {}, qe = {}, ae = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(m, w) {
+  function t(h, w) {
     for (var F in w)
-      Object.defineProperty(m, F, {
+      Object.defineProperty(h, F, {
         enumerable: !0,
         get: w[F]
       });
@@ -2123,25 +2123,25 @@ var be = {}, qe = {}, ae = {};
       return a;
     },
     url: function() {
-      return v;
+      return c;
     },
     number: function() {
-      return f;
+      return m;
     },
     percentage: function() {
-      return E;
+      return C;
     },
     length: function() {
       return A;
     },
     lineWidth: function() {
-      return H;
+      return B;
     },
     shadow: function() {
       return M;
     },
     color: function() {
-      return B;
+      return H;
     },
     image: function() {
       return L;
@@ -2172,27 +2172,27 @@ var be = {}, qe = {}, ae = {};
     "clamp",
     "calc"
   ];
-  function i(m) {
-    return o.some((w) => new RegExp(`^${w}\\(.*\\)`).test(m));
+  function i(h) {
+    return o.some((w) => new RegExp(`^${w}\\(.*\\)`).test(h));
   }
   const d = "--tw-placeholder", l = new RegExp(d, "g");
-  function a(m, w = !0) {
-    return m.startsWith("--") ? `var(${m})` : m.includes("url(") ? m.split(/(url\(.*?\))/g).filter(Boolean).map((F) => /^url\(.*?\)$/.test(F) ? F : a(F, !1)).join("") : (m = m.replace(/([^\\])_+/g, (F, O) => O + " ".repeat(F.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), w && (m = m.trim()), m = u(m), m);
+  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 = f(h), h);
   }
-  function u(m) {
-    return m.replace(/(calc|min|max|clamp)\(.+\)/g, (w) => {
+  function f(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());
     });
   }
-  function v(m) {
-    return m.startsWith("url(");
+  function c(h) {
+    return h.startsWith("url(");
   }
-  function f(m) {
-    return !isNaN(Number(m)) || i(m);
+  function m(h) {
+    return !isNaN(Number(h)) || i(h);
   }
-  function E(m) {
-    return m.endsWith("%") && f(m.slice(0, -1)) || i(m);
+  function C(h) {
+    return h.endsWith("%") && m(h.slice(0, -1)) || i(h);
   }
   let k = `(?:${[
     "cm",
@@ -2227,33 +2227,33 @@ var be = {}, qe = {}, ae = {};
     "cqmin",
     "cqmax"
   ].join("|")})`;
-  function A(m) {
-    return m === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(m) || i(m);
+  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 H(m) {
-    return z.has(m);
+  function B(h) {
+    return z.has(h);
   }
-  function M(m) {
-    let w = (0, n.parseBoxShadowValue)(a(m));
+  function M(h) {
+    let w = (0, n.parseBoxShadowValue)(a(h));
     for (let F of w)
       if (!F.valid)
         return !1;
     return !0;
   }
-  function B(m) {
+  function H(h) {
     let w = 0;
-    return (0, s.splitAtTopLevelOnly)(m, "_").every((O) => (O = a(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 L(m) {
+  function L(h) {
     let w = 0;
-    return (0, s.splitAtTopLevelOnly)(m, ",").every((O) => (O = a(O), O.startsWith("var(") ? !0 : v(O) || U(O) || [
+    return (0, s.splitAtTopLevelOnly)(h, ",").every((O) => (O = a(O), O.startsWith("var(") ? !0 : c(O) || U(O) || [
       "element(",
       "image(",
       "cross-fade(",
@@ -2268,10 +2268,10 @@ var be = {}, qe = {}, ae = {};
     "repeating-linear-gradient",
     "repeating-radial-gradient"
   ]);
-  function U(m) {
-    m = a(m);
+  function U(h) {
+    h = a(h);
     for (let w of R)
-      if (m.startsWith(`${w}(`))
+      if (h.startsWith(`${w}(`))
         return !0;
     return !1;
   }
@@ -2282,15 +2282,15 @@ var be = {}, qe = {}, ae = {};
     "bottom",
     "left"
   ]);
-  function y(m) {
+  function y(h) {
     let w = 0;
-    return (0, s.splitAtTopLevelOnly)(m, "_").every((O) => (O = a(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) || C(O) ? (w++, !0) : !1)) ? w > 0 : !1;
   }
-  function D(m) {
+  function D(h) {
     let w = 0;
-    return (0, s.splitAtTopLevelOnly)(m, ",").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;
+    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([
+  let S = /* @__PURE__ */ new Set([
     "serif",
     "sans-serif",
     "monospace",
@@ -2305,8 +2305,8 @@ var be = {}, qe = {}, ae = {};
     "emoji",
     "fangsong"
   ]);
-  function p(m) {
-    return C.has(m);
+  function p(h) {
+    return S.has(h);
   }
   let x = /* @__PURE__ */ new Set([
     "xx-small",
@@ -2318,15 +2318,15 @@ var be = {}, qe = {}, ae = {};
     "x-large",
     "xxx-large"
   ]);
-  function _(m) {
-    return x.has(m);
+  function _(h) {
+    return x.has(h);
   }
-  let g = /* @__PURE__ */ new Set([
+  let v = /* @__PURE__ */ new Set([
     "larger",
     "smaller"
   ]);
-  function $(m) {
-    return g.has(m);
+  function $(h) {
+    return v.has(h);
   }
 })(be);
 var Ye = {};
@@ -2356,10 +2356,10 @@ var Ye = {};
     value: !0
   });
   function t(y, D) {
-    for (var C in D)
-      Object.defineProperty(y, C, {
+    for (var S in D)
+      Object.defineProperty(y, S, {
         enumerable: !0,
-        get: D[C]
+        get: D[S]
       });
   }
   t(e, {
@@ -2367,7 +2367,7 @@ var Ye = {};
       return a;
     },
     asValue: function() {
-      return f;
+      return m;
     },
     parseColorFormat: function() {
       return k;
@@ -2376,10 +2376,10 @@ var Ye = {};
       return z;
     },
     asLookupValue: function() {
-      return H;
+      return B;
     },
     typeMap: function() {
-      return B;
+      return H;
     },
     coerceValue: function() {
       return U;
@@ -2395,32 +2395,32 @@ var Ye = {};
     };
   }
   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));
+    y.walkClasses((S) => {
+      S.value = D(S.value), S.raws && S.raws.value && (S.raws.value = (0, r.default)(S.raws.value));
     });
   }
-  function u(y, D) {
-    if (!E(y))
+  function f(y, D) {
+    if (!C(y))
       return;
-    let C = y.slice(1, -1);
-    if (D(C))
-      return (0, s.normalize)(C);
+    let S = y.slice(1, -1);
+    if (D(S))
+      return (0, s.normalize)(S);
   }
-  function v(y, D = {}, C) {
+  function c(y, D = {}, S) {
     let p = D[y];
     if (p !== void 0)
       return (0, o.default)(p);
-    if (E(y)) {
-      let x = u(y, C);
+    if (C(y)) {
+      let x = f(y, S);
       return x === void 0 ? void 0 : (0, o.default)(x);
     }
   }
-  function f(y, D = {}, { validate: C = () => !0 } = {}) {
+  function m(y, D = {}, { validate: S = () => !0 } = {}) {
     var p;
     let x = (p = D.values) === null || p === void 0 ? void 0 : p[y];
-    return x !== void 0 ? x : D.supportsNegativeValues && y.startsWith("-") ? v(y.slice(1), D.values, C) : u(y, C);
+    return x !== void 0 ? x : D.supportsNegativeValues && y.startsWith("-") ? c(y.slice(1), D.values, S) : f(y, S);
   }
-  function E(y) {
+  function C(y) {
     return y.startsWith("[") && y.endsWith("]");
   }
   function b(y) {
@@ -2428,7 +2428,7 @@ var Ye = {};
     return D === -1 || D === y.length - 1 ? [
       y,
       void 0
-    ] : E(y) && !y.includes("]/[") ? [
+    ] : C(y) && !y.includes("]/[") ? [
       y,
       void 0
     ] : [
@@ -2439,47 +2439,47 @@ var Ye = {};
   function k(y) {
     if (typeof y == "string" && y.includes("<alpha-value>")) {
       let D = y;
-      return ({ opacityValue: C = 1 }) => D.replace("<alpha-value>", C);
+      return ({ opacityValue: S = 1 }) => D.replace("<alpha-value>", S);
     }
     return y;
   }
   function A(y) {
     return (0, s.normalize)(y.slice(1, -1));
   }
-  function z(y, D = {}, { tailwindConfig: C = {} } = {}) {
+  function z(y, D = {}, { tailwindConfig: S = {} } = {}) {
     var p;
     if (((p = D.values) === null || p === void 0 ? void 0 : p[y]) !== void 0) {
       var x;
       return k((x = D.values) === null || x === void 0 ? void 0 : x[y]);
     }
-    let [_, g] = b(y);
-    if (g !== void 0) {
-      var $, m, 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(g) ? (0, n.withAlphaValue)(O, A(g)) : ((m = C.theme) === null || m === void 0 || (w = m.opacity) === null || w === void 0 ? void 0 : w[g]) === void 0 ? void 0 : (0, n.withAlphaValue)(O, C.theme.opacity[g]));
+    let [_, v] = b(y);
+    if (v !== void 0) {
+      var $, h, w, F;
+      let O = (F = ($ = D.values) === null || $ === void 0 ? void 0 : $[_]) !== null && F !== void 0 ? F : C(_) ? _.slice(1, -1) : void 0;
+      return O === void 0 ? void 0 : (O = k(O), C(v) ? (0, n.withAlphaValue)(O, A(v)) : ((h = S.theme) === null || h === void 0 || (w = h.opacity) === null || w === void 0 ? void 0 : w[v]) === void 0 ? void 0 : (0, n.withAlphaValue)(O, S.theme.opacity[v]));
     }
-    return f(y, D, {
+    return m(y, D, {
       validate: s.color
     });
   }
-  function H(y, D = {}) {
-    var C;
-    return (C = D.values) === null || C === void 0 ? void 0 : C[y];
+  function B(y, D = {}) {
+    var S;
+    return (S = D.values) === null || S === void 0 ? void 0 : S[y];
   }
   function M(y) {
-    return (D, C) => f(D, C, {
+    return (D, S) => m(D, S, {
       validate: y
     });
   }
-  let B = {
-    any: f,
+  let H = {
+    any: m,
     color: z,
     url: M(s.url),
     image: M(s.image),
     length: M(s.length),
     percentage: M(s.percentage),
     position: M(s.position),
-    lookup: H,
+    lookup: B,
     "generic-name": M(s.genericName),
     "family-name": M(s.familyName),
     number: M(s.number),
@@ -2488,63 +2488,63 @@ var Ye = {};
     "relative-size": M(s.relativeSize),
     shadow: M(s.shadow),
     size: M(i.backgroundSize)
-  }, L = Object.keys(B);
+  }, L = Object.keys(H);
   function R(y, D) {
-    let C = y.indexOf(D);
-    return C === -1 ? [
+    let S = y.indexOf(D);
+    return S === -1 ? [
       void 0,
       y
     ] : [
-      y.slice(0, C),
-      y.slice(C + 1)
+      y.slice(0, S),
+      y.slice(S + 1)
     ];
   }
-  function U(y, D, C, p) {
-    if (C.values && D in C.values)
+  function U(y, D, S, p) {
+    if (S.values && D in S.values)
       for (let { type: _ } of y != null ? y : []) {
-        let g = B[_](D, C, {
+        let v = H[_](D, S, {
           tailwindConfig: p
         });
-        if (g !== void 0)
+        if (v !== void 0)
           return [
-            g,
+            v,
             _,
             null
           ];
       }
-    if (E(D)) {
-      let _ = D.slice(1, -1), [g, $] = R(_, ":");
-      if (!/^[\w-_]+$/g.test(g))
+    if (C(D)) {
+      let _ = D.slice(1, -1), [v, $] = R(_, ":");
+      if (!/^[\w-_]+$/g.test(v))
         $ = _;
-      else if (g !== void 0 && !L.includes(g))
+      else if (v !== void 0 && !L.includes(v))
         return [];
-      if ($.length > 0 && L.includes(g))
+      if ($.length > 0 && L.includes(v))
         return [
-          f(`[${$}]`, C),
-          g,
+          m(`[${$}]`, S),
+          v,
           null
         ];
     }
-    let x = W(y, D, C, p);
+    let x = W(y, D, S, p);
     for (let _ of x)
       return _;
     return [];
   }
-  function* W(y, D, C, p) {
-    let x = (0, d.flagEnabled)(p, "generalizedModifiers"), [_, g] = b(D);
-    if (x && C.modifiers != null && (C.modifiers === "any" || typeof C.modifiers == "object" && (g && E(g) || g in C.modifiers)) || (_ = D, g = void 0), g !== void 0 && _ === "" && (_ = "DEFAULT"), g !== void 0 && typeof C.modifiers == "object") {
-      var m, w;
-      let F = (w = (m = C.modifiers) === null || m === void 0 ? void 0 : m[g]) !== null && w !== void 0 ? w : null;
-      F !== null ? g = F : E(g) && (g = A(g));
+  function* W(y, D, S, p) {
+    let x = (0, d.flagEnabled)(p, "generalizedModifiers"), [_, v] = b(D);
+    if (x && S.modifiers != null && (S.modifiers === "any" || typeof S.modifiers == "object" && (v && C(v) || v in S.modifiers)) || (_ = D, v = void 0), v !== void 0 && _ === "" && (_ = "DEFAULT"), v !== void 0 && typeof S.modifiers == "object") {
+      var h, w;
+      let F = (w = (h = S.modifiers) === null || h === void 0 ? void 0 : h[v]) !== null && w !== void 0 ? w : null;
+      F !== null ? v = F : C(v) && (v = A(v));
     }
     for (let { type: F } of y != null ? y : []) {
-      let O = B[F](_, C, {
+      let O = H[F](_, S, {
         tailwindConfig: p
       });
       O !== void 0 && (yield [
         O,
         F,
-        g != null ? g : null
+        v != null ? v : null
       ]);
     }
   }
@@ -2569,11 +2569,11 @@ var Ze = {};
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return C;
+      return S;
     }
   });
-  const t = /* @__PURE__ */ E(me), r = /* @__PURE__ */ E(He), n = /* @__PURE__ */ E(Be), s = /* @__PURE__ */ E(pe), o = je, i = Re, d = We, l = /* @__PURE__ */ E(Ne), a = Ue, u = Ie, v = ve, f = /* @__PURE__ */ E(Ze);
-  function E(p) {
+  const t = /* @__PURE__ */ C(me), r = /* @__PURE__ */ C(Be), n = /* @__PURE__ */ C(He), s = /* @__PURE__ */ C(pe), o = je, i = Re, d = We, l = /* @__PURE__ */ C(Ne), a = Ue, f = Ie, c = ve, m = /* @__PURE__ */ C(Ze);
+  function C(p) {
     return p && p.__esModule ? p : {
       default: p
     };
@@ -2583,10 +2583,10 @@ var Ze = {};
   }
   function k(p, ...x) {
     let _ = x.pop();
-    for (let g of x)
-      for (let $ in g) {
-        let m = _(p[$], g[$]);
-        m === void 0 ? (0, l.default)(p[$]) && (0, l.default)(g[$]) ? p[$] = k({}, p[$], g[$], _) : p[$] = g[$] : p[$] = m;
+    for (let v of x)
+      for (let $ in v) {
+        let h = _(p[$], v[$]);
+        h === void 0 ? (0, l.default)(p[$]) && (0, l.default)(v[$]) ? p[$] = k({}, p[$], v[$], _) : p[$] = v[$] : p[$] = h;
       }
     return p;
   }
@@ -2594,8 +2594,8 @@ var Ze = {};
     colors: s.default,
     negative(p) {
       return Object.keys(p).filter((x) => p[x] !== "0").reduce((x, _) => {
-        let g = (0, t.default)(p[_]);
-        return g !== void 0 && (x[`-${_}`] = g), x;
+        let v = (0, t.default)(p[_]);
+        return v !== void 0 && (x[`-${_}`] = v), x;
       }, {});
     },
     breakpoints(p) {
@@ -2608,15 +2608,15 @@ var Ze = {};
   function z(p, ...x) {
     return b(p) ? p(...x) : p;
   }
-  function H(p) {
-    return p.reduce((x, { extend: _ }) => k(x, _, (g, $) => g === void 0 ? [
+  function B(p) {
+    return p.reduce((x, { extend: _ }) => k(x, _, (v, $) => v === void 0 ? [
       $
-    ] : Array.isArray(g) ? [
+    ] : Array.isArray(v) ? [
       $,
-      ...g
+      ...v
     ] : [
       $,
-      g
+      v
     ]), {});
   }
   function M(p) {
@@ -2624,10 +2624,10 @@ var Ze = {};
       ...p.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: H(p)
+      extend: B(p)
     };
   }
-  function B(p, x) {
+  function H(p, x) {
     if (Array.isArray(p) && (0, l.default)(p[0]))
       return p.concat(x);
     if (Array.isArray(x) && (0, l.default)(x[0]) && (0, l.default)(p))
@@ -2639,41 +2639,41 @@ var Ze = {};
       return x;
   }
   function L({ extend: p, ...x }) {
-    return k(x, p, (_, g) => !b(_) && !g.some(b) ? k({}, _, ...g, B) : ($, m) => k({}, ...[
+    return k(x, p, (_, v) => !b(_) && !v.some(b) ? k({}, _, ...v, H) : ($, h) => k({}, ...[
       _,
-      ...g
-    ].map((w) => z(w, $, m)), B));
+      ...v
+    ].map((w) => z(w, $, h)), H));
   }
   function* R(p) {
     let x = (0, i.toPath)(p);
     if (x.length === 0 || (yield x, Array.isArray(p)))
       return;
-    let _ = /^(.*?)\s*\/\s*([^/]+)$/, g = p.match(_);
-    if (g !== null) {
-      let [, $, m] = g, w = (0, i.toPath)($);
-      w.alpha = m, yield w;
+    let _ = /^(.*?)\s*\/\s*([^/]+)$/, v = p.match(_);
+    if (v !== null) {
+      let [, $, h] = v, w = (0, i.toPath)($);
+      w.alpha = h, yield w;
     }
   }
   function U(p) {
-    const x = (_, g) => {
+    const x = (_, v) => {
       for (const $ of R(_)) {
-        let m = 0, w = p;
-        for (; w != null && m < $.length; )
-          w = w[$[m++]], w = b(w) && ($.alpha === void 0 || m <= $.length - 1) ? w(x, A) : w;
+        let h = 0, w = p;
+        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, u.parseColorFormat)(w);
-            return (0, v.withAlphaValue)(F, $.alpha, (0, f.default)(F));
+            let F = (0, f.parseColorFormat)(w);
+            return (0, c.withAlphaValue)(F, $.alpha, (0, m.default)(F));
           }
           return (0, l.default)(w) ? (0, a.cloneDeep)(w) : w;
         }
       }
-      return g;
+      return v;
     };
     return Object.assign(x, {
       theme: x,
       ...A
-    }), Object.keys(p).reduce((_, g) => (_[g] = b(p[g]) ? p[g](x, A) : p[g], _), {});
+    }), Object.keys(p).reduce((_, v) => (_[v] = b(p[v]) ? p[v](x, A) : p[v], _), {});
   }
   function W(p) {
     let x = [];
@@ -2682,15 +2682,15 @@ var Ze = {};
         ...x,
         _
       ];
-      var g;
-      const $ = (g = _ == null ? void 0 : _.plugins) !== null && g !== void 0 ? g : [];
-      $.length !== 0 && $.forEach((m) => {
-        m.__isOptionsFunction && (m = m());
+      var v;
+      const $ = (v = _ == null ? void 0 : _.plugins) !== null && v !== void 0 ? v : [];
+      $.length !== 0 && $.forEach((h) => {
+        h.__isOptionsFunction && (h = h());
         var w;
         x = [
           ...x,
           ...W([
-            (w = m == null ? void 0 : m.config) !== null && w !== void 0 ? w : {}
+            (w = h == null ? void 0 : h.config) !== null && w !== void 0 ? w : {}
           ])
         ];
       });
@@ -2699,19 +2699,19 @@ var Ze = {};
   function y(p) {
     return [
       ...p
-    ].reduceRight((_, g) => b(g) ? g({
+    ].reduceRight((_, v) => b(v) ? v({
       corePlugins: _
-    }) : (0, n.default)(g, _), r.default);
+    }) : (0, n.default)(v, _), r.default);
   }
   function D(p) {
     return [
       ...p
-    ].reduceRight((_, g) => [
+    ].reduceRight((_, v) => [
       ..._,
-      ...g
+      ...v
     ], []);
   }
-  function C(p) {
+  function S(p) {
     let x = [
       ...W(p),
       {
@@ -2720,11 +2720,11 @@ var Ze = {};
         separator: ":"
       }
     ];
-    var _, g;
+    var _, v;
     return (0, d.normalizeConfig)((0, o.defaults)({
       theme: U(L(M(x.map(($) => (_ = $ == null ? void 0 : $.theme) !== null && _ !== void 0 ? _ : {})))),
       corePlugins: y(x.map(($) => $.corePlugins)),
-      plugins: D(p.map(($) => (g = $ == null ? void 0 : $.plugins) !== null && g !== void 0 ? g : []))
+      plugins: D(p.map(($) => (v = $ == null ? void 0 : $.plugins) !== null && v !== void 0 ? v : []))
     }, ...x));
   }
 })(ze);
@@ -3738,13 +3738,13 @@ var Ke = {}, ft = {
     var i;
     const d = ((i = o == null ? void 0 : o.presets) !== null && i !== void 0 ? i : [
       t.default
-    ]).slice().reverse().flatMap((u) => s(u instanceof Function ? u() : u)), l = {
+    ]).slice().reverse().flatMap((f) => s(f instanceof Function ? f() : f)), l = {
       // Add experimental configs here...
       respectDefaultRingColorOpacity: {
         theme: {
-          ringColor: ({ theme: u }) => ({
+          ringColor: ({ theme: f }) => ({
             DEFAULT: "#3b82f67f",
-            ...u("colors")
+            ...f("colors")
           })
         }
       },
@@ -3758,7 +3758,7 @@ var Ke = {}, ft = {
           textOpacity: !1
         }
       }
-    }, a = Object.keys(l).filter((u) => (0, r.flagEnabled)(o, u)).map((u) => l[u]);
+    }, a = Object.keys(l).filter((f) => (0, r.flagEnabled)(o, f)).map((f) => l[f]);
     return [
       o,
       ...a,
@@ -3917,34 +3917,34 @@ const pt = {
     }
   ]
 }, Je = mt(vt), yt = Je.theme.fontSize, bt = Je.theme.colors, lr = [
-  T.dot,
-  T.xs,
-  T.sm,
-  T.md,
-  T.lg,
-  T.xl
+  E.dot,
+  E.xs,
+  E.sm,
+  E.md,
+  E.lg,
+  E.xl
 ], ur = [
-  T.xs,
-  T.sm,
-  T.md,
-  T.lg,
-  T.xl,
-  T["2xl"]
+  E.xs,
+  E.sm,
+  E.md,
+  E.lg,
+  E.xl,
+  E["2xl"]
 ], xt = [
-  T.xs,
-  T.sm,
-  T.md,
-  T.base,
-  T.lg,
-  T.xl,
-  T["2xl"],
-  T["3xl"],
-  T["4xl"],
-  T["5xl"],
-  T["6xl"],
-  T["7xl"],
-  T["8xl"],
-  T["9xl"]
+  E.xs,
+  E.sm,
+  E.md,
+  E.base,
+  E.lg,
+  E.xl,
+  E["2xl"],
+  E["3xl"],
+  E["4xl"],
+  E["5xl"],
+  E["6xl"],
+  E["7xl"],
+  E["8xl"],
+  E["9xl"]
 ], cr = [
   G.warning,
   G.error,
@@ -3976,7 +3976,7 @@ const pt = {
     },
     size: {
       type: String,
-      default: T.sm
+      default: E.sm
     }
   },
   computed: {
@@ -3988,7 +3988,7 @@ const pt = {
     },
     iconClasses() {
       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}`}`;
+      const e = this.sizes[this.size] || this.sizes[E.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,
@@ -4028,7 +4028,7 @@ const Tt = St.exports, Et = q.extend({
     },
     size: {
       type: String,
-      default: T.base
+      default: E.base
     },
     opacity: {
       type: [String, Number],
@@ -4043,7 +4043,7 @@ const Tt = St.exports, Et = q.extend({
   },
   computed: {
     computedSize() {
-      return this.sizes[T[this.size]] || this.size || this.sizes[T.base];
+      return this.sizes[E[this.size]] || this.size || this.sizes[E.base];
     },
     fill() {
       let e = {
@@ -4266,13 +4266,13 @@ const Pt = Mt.exports, zt = q.extend({
     }
   }
 });
-var Ht = function() {
+var Bt = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-col", class: t.colClasses }, [t._t("default")], 2);
-}, Bt = [], Lt = /* @__PURE__ */ I(
+}, Ht = [], Lt = /* @__PURE__ */ I(
   zt,
-  Ht,
   Bt,
+  Ht,
   !1,
   null,
   null,
@@ -4618,7 +4618,7 @@ var Ut = function() {
   null
 );
 const Xt = Vt.exports, ne = (e) => {
-  const t = c.utcFormat("%_d")(e), n = {
+  const t = u.utcFormat("%_d")(e), n = {
     1: "st",
     2: "nd",
     3: "rd"
@@ -4626,25 +4626,25 @@ const Xt = Vt.exports, ne = (e) => {
   return `${t}${n}`;
 }, _e = (e) => new Date(
   Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + 1)
-).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);
+).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);
   return t === "00:00" ? "" : t;
-}, ce = (e) => c.utcFormat("%M:%S")(e), we = (e) => `${c.utcFormat("%Hh%Mm")(e)}`, he = (e) => {
-  const t = X(e), r = ne(e), n = c.utcFormat("%B")(e);
+}, ce = (e) => u.utcFormat("%M:%S")(e), we = (e) => `${u.utcFormat("%Hh%Mm")(e)}`, he = (e) => {
+  const t = X(e), r = ne(e), n = u.utcFormat("%B")(e);
   return t || `${n} ${r}`;
 }, de = (e) => {
-  const t = X(e), r = Number.parseInt(c.utcFormat("%H")(e)), n = ne(e), s = c.utcFormat("%B")(e);
+  const t = X(e), r = Number.parseInt(u.utcFormat("%H")(e)), n = ne(e), s = u.utcFormat("%B")(e);
   return t && r % 6 === 0 ? `${s} ${n} ${t}` : he(e);
 }, J = (e) => (t) => {
-  const r = c.utcFormat("%H")(t);
-  return !(c.utcFormat("%M")(t) === "00" && Number.parseInt(r) % e === 0);
+  const r = u.utcFormat("%H")(t);
+  return !(u.utcFormat("%M")(t) === "00" && Number.parseInt(r) % e === 0);
 }, fe = (e) => (t) => {
-  const r = c.utcFormat("%M")(t);
+  const r = u.utcFormat("%M")(t);
   return Number.parseInt(r) % e !== 0;
 }, Ce = (e) => (t) => {
-  const r = c.utcFormat("%M")(t), n = c.utcFormat("%S")(t);
+  const r = u.utcFormat("%M")(t), n = u.utcFormat("%S")(t);
   return Number.parseInt(r) % e !== 0 && Number.parseInt(n) === 0;
-}, S = {
+}, T = {
   _10_seconds: 25e-6,
   _20_seconds: 1e-4,
   _30_seconds: 15e-5,
@@ -4670,251 +4670,251 @@ var Te, Ee, $e, De, ke, Oe, Ae, Fe;
 const qt = {
   [te.overview]: [
     {
-      precision: S._30_seconds,
-      interval: c.utcMinute.every(2),
+      precision: T._30_seconds,
+      interval: u.utcMinute.every(2),
       format: we
     },
     {
-      precision: S._1_minute,
-      interval: c.utcMinute.every(5),
+      precision: T._1_minute,
+      interval: u.utcMinute.every(5),
       format: we
     },
     {
-      precision: S._2_minutes,
-      interval: c.utcMinute.every(10),
+      precision: T._2_minutes,
+      interval: u.utcMinute.every(10),
       format: he
     },
     {
-      precision: S._5_minutes,
-      interval: c.utcMinute.every(20),
+      precision: T._5_minutes,
+      interval: u.utcMinute.every(20),
       format: de
     },
     {
-      precision: S._15_minutes,
-      interval: c.utcHour,
+      precision: T._15_minutes,
+      interval: u.utcHour,
       format: de
     },
     {
-      precision: S._30_minutes,
-      interval: c.utcHour.every(2),
+      precision: T._30_minutes,
+      interval: u.utcHour.every(2),
       format: de
     },
     {
-      precision: S._2_hours,
-      interval: c.utcHour.every(6),
+      precision: T._2_hours,
+      interval: u.utcHour.every(6),
       format: (e) => {
-        const t = X(e), r = ne(e), n = c.utcFormat("%B")(e);
+        const t = X(e), r = ne(e), n = u.utcFormat("%B")(e);
         return t || `${n} ${r}`;
       }
     },
     {
-      precision: S._3_hours,
-      interval: c.utcHour.every(12),
+      precision: T._3_hours,
+      interval: u.utcHour.every(12),
       format: he
     },
     {
-      precision: S._6_hours,
-      interval: c.utcHour.every(24),
+      precision: T._6_hours,
+      interval: u.utcHour.every(24),
       format: (e) => {
         const t = ne(e);
-        return `${c.utcFormat("%b")(e)} ${t}`;
+        return `${u.utcFormat("%b")(e)} ${t}`;
       }
     },
     {
-      precision: S._2_days,
-      interval: c.utcMonth,
+      precision: T._2_days,
+      interval: u.utcMonth,
       format: (e) => {
         const r = e.getUTCMonth() === 0 && e.getUTCDate() === 1 ? "%Y – %B" : "%B";
-        return c.utcFormat(r)(e);
+        return u.utcFormat(r)(e);
       }
     },
     {
-      precision: S.infinity,
-      interval: c.utcYear,
+      precision: T.infinity,
+      interval: u.utcYear,
       format: "%Y"
     }
   ],
   [te.detailed]: [
     {
-      precision: S._10_seconds,
-      interval: c.utcSecond.every(10),
+      precision: T._10_seconds,
+      interval: u.utcSecond.every(10),
       format: ce
     },
     {
-      precision: S._20_seconds,
-      interval: (Te = c.utcSecond.every(20)) == null ? void 0 : Te.filter(Ce(2)),
+      precision: T._20_seconds,
+      interval: (Te = u.utcSecond.every(20)) == null ? void 0 : Te.filter(Ce(2)),
       format: ce
     },
     {
-      precision: S._30_seconds,
-      interval: (Ee = c.utcSecond.every(30)) == null ? void 0 : Ee.filter(Ce(2)),
+      precision: T._30_seconds,
+      interval: (Ee = u.utcSecond.every(30)) == null ? void 0 : Ee.filter(Ce(2)),
       format: ce
     },
     {
-      precision: S._1_minute,
-      interval: c.utcMinute.filter(fe(5)),
+      precision: T._1_minute,
+      interval: u.utcMinute.filter(fe(5)),
       format: X
     },
     {
-      precision: S._2_minutes,
-      interval: ($e = c.utcMinute.every(2)) == null ? void 0 : $e.filter(fe(10)),
+      precision: T._2_minutes,
+      interval: ($e = u.utcMinute.every(2)) == null ? void 0 : $e.filter(fe(10)),
       format: X
     },
     {
-      precision: S._5_minutes,
-      interval: (De = c.utcMinute.every(5)) == null ? void 0 : De.filter(fe(20)),
+      precision: T._5_minutes,
+      interval: (De = u.utcMinute.every(5)) == null ? void 0 : De.filter(fe(20)),
       format: X
     },
     {
-      precision: S._15_minutes,
-      interval: (ke = c.utcMinute.every(15)) == null ? void 0 : ke.filter(J(1)),
+      precision: T._15_minutes,
+      interval: (ke = u.utcMinute.every(15)) == null ? void 0 : ke.filter(J(1)),
       format: X
     },
     {
-      precision: S._30_minutes,
-      interval: (Oe = c.utcMinute.every(30)) == null ? void 0 : Oe.filter(J(2)),
+      precision: T._30_minutes,
+      interval: (Oe = u.utcMinute.every(30)) == null ? void 0 : Oe.filter(J(2)),
       format: X
     },
     {
-      precision: S._1_hour,
-      interval: c.utcHour.filter(J(6)),
+      precision: T._1_hour,
+      interval: u.utcHour.filter(J(6)),
       format: K
     },
     {
-      precision: S._2_hours,
-      interval: (Ae = c.utcHour.every(2)) == null ? void 0 : Ae.filter(J(6)),
+      precision: T._2_hours,
+      interval: (Ae = u.utcHour.every(2)) == null ? void 0 : Ae.filter(J(6)),
       format: K
     },
     {
-      precision: S._3_hours,
-      interval: (Fe = c.utcHour.every(3)) == null ? void 0 : Fe.filter(J(12)),
+      precision: T._3_hours,
+      interval: (Fe = u.utcHour.every(3)) == null ? void 0 : Fe.filter(J(12)),
       format: K
     },
     {
-      precision: S._4_hours,
-      interval: c.utcHour.every(4),
+      precision: T._4_hours,
+      interval: u.utcHour.every(4),
       format: K
     },
     {
-      precision: S._6_hours,
-      interval: c.utcHour.every(6),
+      precision: T._6_hours,
+      interval: u.utcHour.every(6),
       format: K
     },
     {
-      precision: S._1_day,
-      interval: c.utcDay,
+      precision: T._1_day,
+      interval: u.utcDay,
       format: _e
     },
     {
-      precision: S._2_days,
-      interval: c.utcDay.every(2),
+      precision: T._2_days,
+      interval: u.utcDay.every(2),
       format: _e
     },
     {
-      precision: S._1_month,
-      interval: c.utcMonth,
+      precision: T._1_month,
+      interval: u.utcMonth,
       format: "%B"
     },
     {
-      precision: S._1_month_abbr,
-      interval: c.utcMonth,
+      precision: T._1_month_abbr,
+      interval: u.utcMonth,
       format: "%b"
     },
     {
-      precision: S._1_month_letter,
-      interval: c.utcMonth,
-      format: (e) => c.utcFormat("%B")(e).charAt(0)
+      precision: T._1_month_letter,
+      interval: u.utcMonth,
+      format: (e) => u.utcFormat("%B")(e).charAt(0)
     },
     {
-      precision: S._3_months,
-      interval: c.utcMonth.every(3),
+      precision: T._3_months,
+      interval: u.utcMonth.every(3),
       format: "Q%q"
     },
     {
-      precision: S.infinity,
-      interval: c.utcMonth.every(3),
+      precision: T.infinity,
+      interval: u.utcMonth.every(3),
       format: ""
     }
   ],
   [te.detailedBackground]: [
     {
-      precision: S._10_seconds,
-      interval: c.utcSecond,
+      precision: T._10_seconds,
+      interval: u.utcSecond,
       format: ""
     },
     {
-      precision: S._20_seconds,
-      interval: c.utcSecond.every(5),
+      precision: T._20_seconds,
+      interval: u.utcSecond.every(5),
       format: ""
     },
     {
-      precision: S._30_seconds,
-      interval: c.utcSecond.every(10),
+      precision: T._30_seconds,
+      interval: u.utcSecond.every(10),
       format: ""
     },
     {
-      precision: S._1_minute,
-      interval: c.utcSecond.every(20),
+      precision: T._1_minute,
+      interval: u.utcSecond.every(20),
       format: ""
     },
     {
-      precision: S._2_minutes,
-      interval: c.utcSecond.every(30),
+      precision: T._2_minutes,
+      interval: u.utcSecond.every(30),
       format: ""
     },
     {
-      precision: S._5_minutes,
-      interval: c.utcMinute,
+      precision: T._5_minutes,
+      interval: u.utcMinute,
       format: ""
     },
     {
-      precision: S._15_minutes,
-      interval: c.utcMinute.every(3),
+      precision: T._15_minutes,
+      interval: u.utcMinute.every(3),
       format: ""
     },
     {
-      precision: S._30_minutes,
-      interval: c.utcMinute.every(6),
+      precision: T._30_minutes,
+      interval: u.utcMinute.every(6),
       format: ""
     },
     {
-      precision: S._1_hour,
-      interval: c.utcMinute.every(15),
+      precision: T._1_hour,
+      interval: u.utcMinute.every(15),
       format: ""
     },
     {
-      precision: S._2_hours,
-      interval: c.utcMinute.every(30),
+      precision: T._2_hours,
+      interval: u.utcMinute.every(30),
       format: ""
     },
     {
-      precision: S._3_hours,
-      interval: c.utcHour,
+      precision: T._3_hours,
+      interval: u.utcHour,
       format: ""
     },
     {
-      precision: S._4_hours,
-      interval: c.utcHour,
+      precision: T._4_hours,
+      interval: u.utcHour,
       format: ""
     },
     {
-      precision: S._6_hours,
-      interval: c.utcMinute.every(120),
+      precision: T._6_hours,
+      interval: u.utcMinute.every(120),
       format: ""
     },
     {
-      precision: S._1_day,
-      interval: c.utcHour.every(8),
+      precision: T._1_day,
+      interval: u.utcHour.every(8),
       format: ""
     },
     {
-      precision: S._2_days,
-      interval: c.utcHour.every(12),
+      precision: T._2_days,
+      interval: u.utcHour.every(12),
       format: ""
     },
     {
-      precision: S._1_month,
-      interval: c.utcDay.filter((e) => {
+      precision: T._1_month,
+      interval: u.utcDay.filter((e) => {
         const t = e.getUTCDate(), r = new Date(
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
@@ -4925,8 +4925,8 @@ const qt = {
       format: ""
     },
     {
-      precision: S._1_month_abbr,
-      interval: c.utcDay.filter((e) => {
+      precision: T._1_month_abbr,
+      interval: u.utcDay.filter((e) => {
         const t = e.getUTCDate(), r = new Date(
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
@@ -4937,8 +4937,8 @@ const qt = {
       format: ""
     },
     {
-      precision: S._1_month_letter,
-      interval: c.utcDay.filter((e) => {
+      precision: T._1_month_letter,
+      interval: u.utcDay.filter((e) => {
         const t = e.getUTCDate(), r = new Date(
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
@@ -4949,13 +4949,13 @@ const qt = {
       format: ""
     },
     {
-      precision: S._3_months,
-      interval: c.utcMonth,
+      precision: T._3_months,
+      interval: u.utcMonth,
       format: ""
     },
     {
-      precision: S.infinity,
-      interval: c.utcMonth,
+      precision: T.infinity,
+      interval: u.utcMonth,
       format: ""
     }
   ]
@@ -4981,16 +4981,15 @@ const qt = {
     name: "resize-observer",
     definition: tt
   }
-], h = {
+], g = {
   eventGroup: "event-group",
   eventGroupBg: "event-group-bg",
   eventRect: "event-rect",
+  eventBarContainer: "event-bar-container",
+  eventBarContainerHovered: "event-bar-container--hovered",
+  eventBarContainerSelected: "event-bar-container--selected",
   eventBar: "event-bar",
-  eventBarSelected: "event-bar--selected",
-  eventBarHovered: "event-bar--hovered",
   eventBarHoverZone: "event-bar-hover-zone",
-  eventBarHoverZoneSelected: "event-bar-hover-zone--selected",
-  eventBarHoverZoneHovered: "event-bar-hover-zone--hovered",
   eventBarCap: "event-bar-cap",
   eventRectText: "event-rect-text",
   eventRectHovered: "event-rect--hovered",
@@ -5108,6 +5107,10 @@ const qt = {
     panTransitionDuration: {
       type: Number,
       default: 500
+    },
+    autoResize: {
+      type: Boolean,
+      default: !0
     }
   },
   data() {
@@ -5318,7 +5321,7 @@ 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 = c.select(this.timeline).append("svg").attr("width", this.timeline.offsetWidth).attr("height", this.timelineHeight);
+      this.svg = u.select(this.timeline).append("svg").attr("width", this.timeline.offsetWidth).attr("height", this.timelineHeight);
     },
     initDefs() {
       const e = this.svg.append("defs");
@@ -5339,8 +5342,8 @@ const qt = {
               opacity: 0.4
             }
           ].forEach(({ id: d, stop: l, opacity: a }) => {
-            const u = e.append("linearGradient").attr("id", `${d}-${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);
+            const f = e.append("linearGradient").attr("id", `${d}-${t}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
+            f.append("stop").attr("offset", "0%").style("stop-color", n).style("stop-opacity", a), f.append("stop").attr("offset", `${l}%`).style("stop-color", n).style("stop-opacity", 0);
           });
         }
       );
@@ -5351,31 +5354,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 = c.scaleTime().domain([this.tzStringToDate(r), this.tzStringToDate(n)]).range([0, this.timeline.offsetWidth]), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
+      this.timeScale = u.scaleTime().domain([this.tzStringToDate(r), this.tzStringToDate(n)]).range([0, this.timeline.offsetWidth]), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
     },
     initXAxes() {
       let e = 0;
       const t = 5;
       for (const r in this.xAxesConfig) {
         const n = this.createAxis(r);
-        this.xAxes[r] = n, this.svg.append("g").classed(h.xAxis, !0).classed(`${h.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(g.xAxis, !0).classed(`${g.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(n), this.translateTicksText(r), e += this.axisHeight;
       }
     },
     initYScale() {
-      this.yScale = c.scaleLinear().range([this.chartHeight, 0]), this.updateYScaleDomain();
+      this.yScale = u.scaleLinear().range([this.chartHeight, 0]), this.updateYScaleDomain();
     },
     updateYScaleDomain() {
       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 = c.max(r, (s) => s.count);
+      }), n = u.max(r, (s) => s.count);
       this.yScale.domain([0, n]);
     },
     initZoomBehavior() {
-      this.disableZoom || (this.zoomBehavior = c.zoom().on("zoom", this.handleZoom).scaleExtent([this.minZoom, this.maxZoom]), this.svg.call(this.zoomBehavior));
+      this.disableZoom || (this.zoomBehavior = u.zoom().on("zoom", this.handleZoom).scaleExtent([this.minZoom, this.maxZoom]), this.svg.call(this.zoomBehavior));
     },
     initSelectedTimestampCursor() {
-      this.svg.append("line").attr("class", h.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", g.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();
@@ -5385,7 +5388,7 @@ const qt = {
       this.svg && this.svg.remove(), this.countsByTimestamp = {};
     },
     repositionSelectedTimestampCursor() {
-      const e = this.svg.select(`.${h.selectedTimestampCursor}`);
+      const e = this.svg.select(`.${g.selectedTimestampCursor}`);
       if (!this.selectedTimestamp) {
         e.style("opacity", 0);
         return;
@@ -5415,14 +5418,14 @@ const qt = {
     },
     createAxis(e) {
       const t = this.xAxesConfig[e], r = this.getAxisTicksConfig(t);
-      return c.axisBottom(this.timeScale).ticks(r.interval).tickFormat(r.formatFn).tickSizeOuter(0).tickSizeInner(this.timelineHeight);
+      return u.axisBottom(this.timeScale).ticks(r.interval).tickFormat(r.formatFn).tickSizeOuter(0).tickSizeInner(this.timelineHeight);
     },
     getAxisTicksConfig(e) {
       const { interval: t, format: r } = e.find(
         (s) => s.precision >= this.currentTimeScaleDensity && s.interval
       );
       return {
-        formatFn: (s) => typeof r == "function" ? r(s) : c.timeFormat(r)(s),
+        formatFn: (s) => typeof r == "function" ? r(s) : u.timeFormat(r)(s),
         interval: t
       };
     },
@@ -5436,13 +5439,13 @@ const qt = {
       if (!this.showLabels)
         return;
       const e = this;
-      this.svg.selectAll(`.${h.labelBg}`).each(function() {
-        c.select(this).style("fill", e.dark ? "black" : "white");
-      }), this.svg.selectAll(`.${h.labelBgFill}`).each(function() {
-        const t = c.select(this), r = t.node().dataset.color;
+      this.svg.selectAll(`.${g.labelBg}`).each(function() {
+        u.select(this).style("fill", e.dark ? "black" : "white");
+      }), this.svg.selectAll(`.${g.labelBgFill}`).each(function() {
+        const t = u.select(this), r = t.node().dataset.color;
         t.style("fill", e.getLabelBackgroundColor(r)).style("stroke", e.getTextFillColor(r)).style("stroke-width", 0.25);
-      }), this.svg.selectAll(`.${h.labelText}`).each(function() {
-        const t = c.select(this), r = t.node().dataset.color;
+      }), this.svg.selectAll(`.${g.labelText}`).each(function() {
+        const t = u.select(this), r = t.node().dataset.color;
         t.style("fill", e.getTextFillColor(r));
       });
     },
@@ -5494,20 +5497,20 @@ const qt = {
       this.isHoveringEvent = !1, this.hoveredEvent = null, this.$emit("event-mouseout");
     },
     handleLabelMouseOver(e) {
-      c.selectAll(`.${h.lineGraphGroup}-${e}`).classed(
-        `${h.lineGraphGroup}--highlighted`,
+      u.selectAll(`.${g.lineGraphGroup}-${e}`).classed(
+        `${g.lineGraphGroup}--highlighted`,
         !0
-      ), c.selectAll(`.${h.lineGraphGroup}-label`).classed(
-        `${h.lineGraphGroup}-label--highlighted`,
+      ), u.selectAll(`.${g.lineGraphGroup}-label`).classed(
+        `${g.lineGraphGroup}-label--highlighted`,
         !0
       );
     },
     handleLabelMouseLeave(e) {
-      c.selectAll(`.${h.lineGraphGroup}-${e}`).classed(
-        `${h.lineGraphGroup}--highlighted`,
+      u.selectAll(`.${g.lineGraphGroup}-${e}`).classed(
+        `${g.lineGraphGroup}--highlighted`,
         !1
-      ), c.selectAll(`.${h.lineGraphGroup}-label`).classed(
-        `${h.lineGraphGroup}-label--highlighted`,
+      ), u.selectAll(`.${g.lineGraphGroup}-label`).classed(
+        `${g.lineGraphGroup}-label--highlighted`,
         !1
       );
     },
@@ -5524,10 +5527,10 @@ const qt = {
       this.updateEventsBars(), this.updateLineGraphs(), this.updateBarChart(), this.updateLineGraphHoverZones(), this.repositionSelectedTimestampCursor(), this.emitVisibleInterval(re.zoom), this.curtains && this.emitCurtainChange();
     },
     panToTimestamp(e) {
-      const t = this.tzStringToDate(e), r = this.timeScale(t), n = c.zoomTransform(this.svg.node()), s = n.x - r + this.timeline.offsetWidth / 2;
+      const t = this.tzStringToDate(e), r = this.timeScale(t), n = u.zoomTransform(this.svg.node()), s = n.x - r + this.timeline.offsetWidth / 2;
       this.svg.transition().duration(this.panTransitionDuration).call(
         this.zoomBehavior.transform,
-        c.zoomIdentity.translate(s, 0).scale(n.k)
+        u.zoomIdentity.translate(s, 0).scale(n.k)
       ), this.emitVisibleInterval(re.autoPan);
     },
     emitCurtainChange() {
@@ -5541,13 +5544,6 @@ const qt = {
       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(), 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(`.${h.curtain}--left`).attr("width", this.leftCurtainWidth), this.svg.select(`.${h.curtain}--right`).attr(
-        "x",
-        e - this.rightCurtainWidth + this.curtainHandleWidth * 2
-      ).attr("width", this.rightCurtainWidth);
-    },
     handleDragStart() {
       this.isDraggingCurtain = !0;
     },
@@ -5560,7 +5556,7 @@ const qt = {
         e.x,
         this.timeline.offsetWidth - this.rightCurtainWidth
       );
-      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${h.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
+      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${g.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
     },
     handleRightDrag(e) {
       e.sourceEvent.stopPropagation();
@@ -5568,11 +5564,11 @@ const qt = {
         this.timeline.offsetWidth - e.x,
         this.timeline.offsetWidth - this.leftCurtainWidth
       ), n = t - r;
-      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${h.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", n), this.emitCurtainChange();
+      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${g.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), 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();
+      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);
       this.updateEventsBars(), this.updateLineGraphs(), this.updateLineGraphHoverZones(), this.repositionSelectedTimestampCursor();
@@ -5581,33 +5577,33 @@ const qt = {
       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(`.${h.xAxis}-${e}`).call(r);
+      r.scale(t).ticks(n.interval).tickFormat(n.formatFn).tickSizeOuter(0), this.svg.select(`.${g.xAxis}-${e}`).call(r);
     },
     translateTicksText(e) {
-      this.svg.select(`.${h.xAxis}-${e}`).selectAll(".tick text").each(function() {
-        let t = c.select(this), r = t.node().getBBox();
+      this.svg.select(`.${g.xAxis}-${e}`).selectAll(".tick text").each(function() {
+        let t = u.select(this), r = t.node().getBBox();
         t.attr("x", r.height / 2).attr("y", 0).style("text-anchor", "start");
       });
     },
     updateEventsBars() {
-      const e = `.${h.eventGroup} > rect.${h.eventRect}`;
+      const e = `.${g.eventGroup} > rect.${g.eventRect}`;
       this.svg.selectAll(e).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth);
-      const t = `.${h.eventGroup} > text.${h.eventRectText}`;
+      const t = `.${g.eventGroup} > text.${g.eventRectText}`;
       this.svg.selectAll(t).attr("x", (r) => this.getEventRectX(r) + this.textPadding).text(this.getEventText);
     },
     updateBarChart() {
-      const e = (d) => this.getEventRectX(d) + this.barXPadding, t = (d) => this.yScale(d.count), r = (d) => this.getEventRectWidth(d) - this.barXPadding * 2, n = (d) => this.yScale.range()[0] - this.yScale(d.count), s = `.${h.barChartGroup} > rect.${h.eventBarHoverZone}`;
+      const e = (d) => this.getEventRectX(d) + this.barXPadding, t = (d) => this.yScale(d.count), r = (d) => this.getEventRectWidth(d) - this.barXPadding * 2, n = (d) => this.yScale.range()[0] - this.yScale(d.count), s = `.${g.barChartGroup} rect.${g.eventBarHoverZone}`;
       this.svg.selectAll(s).attr("x", e).attr("width", r);
-      const o = `.${h.barChartGroup} > rect.${h.eventBar}`;
+      const o = `.${g.barChartGroup} rect.${g.eventBar}`;
       this.svg.selectAll(o).attr("x", e).attr("width", r).attr("y", t).attr("height", n);
-      const i = `.${h.barChartGroup} > rect.${h.eventBarCap}`;
+      const i = `.${g.barChartGroup} rect.${g.eventBarCap}`;
       this.svg.selectAll(i).attr("x", e).attr("width", r).attr("y", t);
     },
     updateLineGraphs() {
       Object.entries(this.lineGraphGroups).forEach(([e]) => {
-        const t = c.area().x((r) => this.timeScale(this.tzStringToDate(r.timestamp))).y0(this.timelineHeight).y1((r) => this.yScale(r.count)).curve(c.curveMonotoneX);
+        const t = u.area().x((r) => this.timeScale(this.tzStringToDate(r.timestamp))).y0(this.timelineHeight).y1((r) => this.yScale(r.count)).curve(u.curveMonotoneX);
         this.svg.selectAll(
-          `.${h.lineGraphPath}-${e}`
+          `.${g.lineGraphPath}-${e}`
         ).attr("d", (r) => t(r));
       });
     },
@@ -5615,14 +5611,14 @@ const qt = {
       Object.keys(this.lineGraphGroups).forEach((e) => {
         const t = this;
         this.svg.selectAll(
-          `.${h.lineGraphDot}-${e}`
+          `.${g.lineGraphDot}-${e}`
         ).each(function(r) {
-          c.select(this).attr("cx", t.timeScale(t.tzStringToDate(r.timestamp))).attr("cy", t.yScale(r.count));
+          u.select(this).attr("cx", t.timeScale(t.tzStringToDate(r.timestamp))).attr("cy", t.yScale(r.count));
         }), this.svg.selectAll(
-          `.${h.lineGraphHoverZone}-${e}`
+          `.${g.lineGraphHoverZone}-${e}`
         ).each(function(r) {
           const n = t.timeScale(t.tzStringToDate(r.timestamp).getTime()) - 15;
-          c.select(this).attr("x", n).attr("y", 0).attr("width", 30).attr("height", t.chartHeight);
+          u.select(this).attr("x", n).attr("y", 0).attr("width", 30).attr("height", t.chartHeight);
         });
       });
     },
@@ -5649,23 +5645,23 @@ const qt = {
       if (!this.curtains)
         return;
       const e = this.timeline.offsetWidth, t = this.timelineHeight;
-      this.svg.append("rect").classed(`${h.curtain} ${h.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(`${h.curtain} ${h.curtain}--right`, !0).attr(
+      this.svg.append("rect").classed(`${g.curtain} ${g.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(`${g.curtain} ${g.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(
-        c.drag().on("start", this.handleDragStart).on("drag", this.handleRightDrag).on("end", this.handleDragEnd)
+        u.drag().on("start", this.handleDragStart).on("drag", this.handleRightDrag).on("end", this.handleDragEnd)
       );
     },
     drawEventsGroups() {
-      this.svg.selectAll(`g.${h.eventGroup}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups();
+      this.svg.selectAll(`g.${g.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 s = this.svg.append("g").classed(
-          `${h.lineGraphGroup} ${h.lineGraphGroup}-${r}`,
+          `${g.lineGraphGroup} ${g.lineGraphGroup}-${r}`,
           !0
         ).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
         this.drawLineGraph({
@@ -5681,7 +5677,7 @@ const qt = {
         });
       }), Object.entries(this.lineGraphGroups).forEach(
         ([r, n], s) => {
-          const { color: o, isLoading: i, label: d } = n, l = this.chartHeight - this.barChartHeight * (s + 1), a = e + this.chartHeight - this.barChartHeight, u = this.svg.append("g").classed(`${h.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
+          const { color: o, isLoading: i, label: d } = n, l = this.chartHeight - this.barChartHeight * (s + 1), a = e + this.chartHeight - this.barChartHeight, f = this.svg.append("g").classed(`${g.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
           this.drawProgressIndicator({
             type: r,
             color: o,
@@ -5691,7 +5687,7 @@ const qt = {
             color: o,
             label: d,
             yPosition: l,
-            gElement: u
+            gElement: f
           });
         }
       );
@@ -5702,8 +5698,8 @@ const qt = {
       color: r,
       type: n
     }) {
-      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(`${h.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})`);
+      const s = 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(`${g.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,
@@ -5718,19 +5714,19 @@ const qt = {
           [n]: s.count
         };
         const i = t.append("circle").classed(
-          `${h.lineGraphDot} ${h.lineGraphDot}-${n}`,
+          `${g.lineGraphDot} ${g.lineGraphDot}-${n}`,
           !0
         ).attr("cx", this.timeScale(this.tzStringToDate(s.timestamp))).attr("cy", this.yScale(s.count)).attr("r", 1.5).attr("fill", r).attr("stroke-width", 0).datum(s);
         this.dotsByTimestamp[o] = [
           ...this.dotsByTimestamp[o] || [],
           i
-        ], t.append("rect").classed(`${h.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", (d) => {
+        ], t.append("rect").classed(`${g.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", (d) => {
           this.handleLineMouseOver(d, s, n), this.dotsByTimestamp[o].forEach(
-            (l) => l.classed(`${h.lineGraphDot}--active`, !0)
+            (l) => l.classed(`${g.lineGraphDot}--active`, !0)
           );
         }).on("mouseout", () => {
           this.handleLineMouseOut(), this.dotsByTimestamp[o].forEach(
-            (d) => d.classed(`${h.lineGraphDot}--active`, !1)
+            (d) => d.classed(`${g.lineGraphDot}--active`, !1)
           );
         });
       });
@@ -5744,21 +5740,21 @@ const qt = {
           color: n,
           isLoading: d
         });
-        const u = this.svg.append("g").attr("data-color", n).classed(h.eventGroup, !0).classed(`${h.eventGroup}-${e}`, !0);
+        const f = this.svg.append("g").attr("data-color", n).classed(g.eventGroup, !0).classed(`${g.eventGroup}-${e}`, !0);
         this.drawBackground({
           color: s || n,
-          gElement: u,
+          gElement: f,
           yPosition: a
         }), this.drawBars({
           events: i,
           color: n,
-          gElement: u,
+          gElement: f,
           yPosition: a,
           type: e
         }), this.drawTextLabel({
           color: n,
           label: o,
-          gElement: u,
+          gElement: f,
           yPosition: a
         });
       });
@@ -5767,7 +5763,7 @@ const qt = {
       const e = this.combinedXAxesHeight, t = this.barChartGroups;
       Object.entries(t).forEach(([r, n]) => {
         const s = this.svg.append("g").classed(
-          `${h.barChartGroup} ${h.barChartGroup}-${r}`,
+          `${g.barChartGroup} ${g.barChartGroup}-${r}`,
           !0
         ).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
         this.drawBarsChart({
@@ -5785,7 +5781,7 @@ const qt = {
       isLoading: r
     }) {
       this.svg.append("rect").classed(
-        `${h.loadingIndicator} ${h.loadingIndicator}-${t}`,
+        `${g.loadingIndicator} ${g.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");
     },
@@ -5794,7 +5790,7 @@ const qt = {
       yPosition: t,
       gElement: r
     }) {
-      r.append("rect").attr("class", h.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);
+      r.append("rect").attr("class", g.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", this.barChartHeight).attr("fill", u.color(e).toString()).style("opacity", 0.1);
     },
     drawBars({
       events: e,
@@ -5804,14 +5800,14 @@ const qt = {
       type: s
     }) {
       const o = this;
-      t.selectAll(h.eventRect).data(e).enter().append("rect").attr(
+      t.selectAll(g.eventRect).data(e).enter().append("rect").attr(
         "class",
-        (i) => h.eventRect + (i.className ? ` ${i.className}` : "")
+        (i) => g.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) {
-        c.select(this).classed(h.eventRectHovered, !0), o.handleBarMouseOver(i, d, s);
+        u.select(this).classed(g.eventRectHovered, !0), o.handleBarMouseOver(i, d, s);
       }).on("mouseout", function() {
-        c.select(this).classed(h.eventRectHovered, !1), o.handleBarMouseOut();
-      }), t.selectAll(h.eventRectText).data(e.filter((i) => !!i.text)).enter().append("text").attr("class", h.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(
+        u.select(this).classed(g.eventRectHovered, !1), o.handleBarMouseOut();
+      }), t.selectAll(g.eventRectText).data(e.filter((i) => !!i.text)).enter().append("text").attr("class", g.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);
@@ -5823,33 +5819,35 @@ const qt = {
       yOffset: n,
       type: s
     }) {
-      const o = this, i = (u) => this.getEventRectX(u) + this.barXPadding, d = (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(h.eventBarHoverZone).data(e).enter().append("rect").attr(
+      const o = this, i = (c) => this.getEventRectX(c) + this.barXPadding, d = (c) => this.yScale(c.count), l = (c) => this.getEventRectWidth(c) - this.barXPadding * 2, a = (c) => this.yScale.range()[0] - this.yScale(c.count), f = t.selectAll(g.eventBarContainer).data(e).enter().append("g").attr("class", g.eventBarContainer);
+      f.append("rect").attr(
         "class",
-        (u) => h.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, v) {
-        const f = c.select(this);
-        f.classed(h.eventBarHoverZoneHovered, !0), f.attr("fill-opacity", 0.2), o.handleBarMouseOver(u, v, s);
-      }).on("mouseout", function() {
-        const u = c.select(this);
-        u.attr("fill-opacity", 0), u.classed(h.eventBarHoverZoneHovered, !1), o.handleBarMouseOut();
-      }).on("click", function() {
-        t.selectAll(`${h.eventBarHoverZone}`).classed(h.eventBarHoverZoneSelected, !1), c.select(this).classed(h.eventBarHoverZoneSelected, !0);
-      }), t.selectAll(h.eventBar).data(e).enter().append("rect").attr(
+        (c) => g.eventBarHoverZone + (c.className ? ` ${c.className}` : "")
+      ).attr("x", i).attr("y", -n).attr("width", l).attr("height", this.yScale.range()[0] + n).attr("fill", (c) => c.color || r).attr("fill-opacity", 0), f.append("rect").attr(
         "class",
-        (u) => h.eventBar + (u.className ? ` ${u.className}` : "")
-      ).attr("x", i).attr("y", d).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, v) {
-        const f = c.select(this);
-        f.classed(h.eventBarHovered, !0), f.attr("fill", u.color || r), f.attr("fill-opacity", 0.5), o.handleBarMouseOver(u, v, s);
+        (c) => g.eventBar + (c.className ? ` ${c.className}` : "")
+      ).attr("x", i).attr("y", d).attr("width", l).attr("height", a).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${Y.transparencyGradient}-${s})`), f.append("rect").attr(
+        "class",
+        (c) => g.eventBarCap + (c.className ? ` ${c.className}` : "")
+      ).attr("x", i).attr("y", d).attr("width", l).attr("height", 2).attr("stroke-width", 0).style("fill", (c) => c.color || r), f.on("mouseover", function(c, m) {
+        const C = u.select(this);
+        o.onBarChartBarMouseOver(C, s, r), o.handleBarMouseOver(c, m, s);
       }).on("mouseout", function() {
-        const u = c.select(this);
-        u.attr("fill", `url(#${Y.transparencyGradient}-${s})`), u.attr("fill-opacity", 1), u.classed(h.eventBarHovered, !1), o.handleBarMouseOut();
+        const c = u.select(this);
+        o.onBarChartBarMouseOut(c, s), o.handleBarMouseOut();
       }).on("click", function() {
-        t.selectAll(`.${h.eventBar}`).classed(h.eventBarSelected, !1), c.select(this).classed(h.eventBarSelected, !0);
-      }), t.selectAll(h.eventBarCap).data(e).enter().append("rect").attr(
-        "class",
-        (u) => h.eventBarCap + (u.className ? ` ${u.className}` : "")
-      ).attr("x", i).attr("y", d).attr("width", l).attr("height", 2).attr("stroke-width", 0).style("fill", (u) => u.color || r);
+        t.selectAll(`.${g.eventBarContainerSelected}`).classed(g.eventBarContainerSelected, !1), u.select(this).classed(g.eventBarContainerSelected, !0);
+      });
+    },
+    onBarChartBarMouseOver(e, t, r) {
+      e.classed(g.eventBarContainerHovered, !0), e.selectAll(`.${g.eventBarHoverZone}`).attr("fill-opacity", 0.2);
+      const s = e.selectAll(`.${g.eventBar}`);
+      s.attr("fill", r), s.attr("fill-opacity", 0.5);
+    },
+    onBarChartBarMouseOut(e, t) {
+      e.classed(g.eventBarContainerHovered, !0), e.selectAll(`.${g.eventBarHoverZone}`).attr("fill-opacity", 0);
+      const n = e.selectAll(`.${g.eventBar}`);
+      n.attr("fill", `url(#${Y.transparencyGradient}-${t})`), n.attr("fill-opacity", 1);
     },
     drawTextLabel({
       gElement: e,
@@ -5866,14 +5864,14 @@ const qt = {
         h: this.barChartHeight,
         radius: 3
       };
-      e.append("rect").attr("class", h.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", h.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", h.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", g.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", g.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", g.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 = c.color(e)) == null ? void 0 : r.brighter(1.5 + t) : (n = c.color(e)) == null ? void 0 : n.darker(2 + t)).toString();
+      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();
     },
     getLabelBackgroundColor(e) {
-      let t = c.color(e);
+      let t = u.color(e);
       return t.opacity = this.dark ? 0.2 : 0.5, t.toString();
     },
     tzStringToDate(e) {
@@ -5901,8 +5899,8 @@ const qt = {
           break;
         const d = e[o + 1], l = V(i.timestamp), a = V(d.timestamp);
         if (a.diff(l, t) > 1) {
-          const u = r(l).toISOString(), v = n(a).toISOString();
-          s.push({ timestamp: u, count: 0 }), u !== v && s.push({ timestamp: v, count: 0 });
+          const f = r(l).toISOString(), c = n(a).toISOString();
+          s.push({ timestamp: f, count: 0 }), f !== c && s.push({ timestamp: c, count: 0 });
         }
       }
       if (this.flattenLineGraphEnds) {
@@ -5924,7 +5922,7 @@ const qt = {
 });
 var Kt = function() {
   var t = this, r = t._self._c;
-  return r("div", { staticClass: "e-relative e-timeline e-border e-rounded", class: t.classes.wrapper }, [r("div", { staticClass: "e-timeline__background e-w-full e-h-full e-absolute e-top-0 e-rounded", class: t.classes.background }), r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: t.onResize, expression: "onResize" }], ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden e-overflow-hidden" }), r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline && !t.isInteractingWithCurtain, expression: "isHoveringTimeline && !isInteractingWithCurtain" }], ref: "cursor", staticClass: "e-timeline__cursor e-absolute e-bg-green-600 e-w-px e-h-full e-top-0 e-pointer-events-none" }), r("div", { ref: "tooltip", staticClass: "e-absolute", style: t.eventTooltipStyle }, [t._t("tooltip", function() {
+  return r("div", { staticClass: "e-relative e-timeline e-border e-rounded", class: t.classes.wrapper }, [r("div", { staticClass: "e-timeline__background e-w-full e-h-full e-absolute e-top-0 e-rounded", class: t.classes.background }), t.autoResize ? r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: t.onResize, expression: "onResize" }], ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden e-overflow-hidden" }) : r("div", { ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden e-overflow-hidden" }), r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline && !t.isInteractingWithCurtain, expression: "isHoveringTimeline && !isInteractingWithCurtain" }], ref: "cursor", staticClass: "e-timeline__cursor e-absolute e-bg-green-600 e-w-px e-h-full e-top-0 e-pointer-events-none" }), r("div", { ref: "tooltip", staticClass: "e-absolute", style: t.eventTooltipStyle }, [t._t("tooltip", function() {
     return [r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline && !t.isHoveringEvent && !t.isInteractingWithCurtain && !t.cursorTimestamp, expression: `
           isHoveringTimeline &&
           !isHoveringEvent &&
@@ -6051,7 +6049,7 @@ export {
   Xt as EVideoPlayer,
   xt as IconSizes,
   tt as ResizeObserverDirective,
-  T as Size,
+  E as Size,
   yt as TextSizes,
   te as TimelineAxis,
   Z as TimelineChartType,