@evercam/ui 0.0.52-beta.11 → 0.0.52-beta.13

package/dist/index.mjs

@@ -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(p) {
-    p = p || // 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, !p && typeof __VUE_SSR_CONTEXT__ != "undefined" && (p = __VUE_SSR_CONTEXT__), s && s.call(this, p), p && p._registeredComponents && p._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,
@@ -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 };
 };
@@ -861,11 +861,11 @@ var We = {}, se = {};
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(c, p) {
-    for (var C in p)
+  function t(c, m) {
+    for (var C in m)
       Object.defineProperty(c, C, {
         enumerable: !0,
-        get: p[C]
+        get: m[C]
       });
   }
   t(e, {
@@ -906,28 +906,28 @@ var We = {}, se = {};
       "generalizedModifiers"
     ]
   };
-  function d(c, p) {
-    if (i.future.includes(p)) {
+  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[p]) !== null && b !== void 0 ? b : o[p]) !== null && k !== void 0 ? k : !1);
+      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(p)) {
-      var A, z, H;
-      return c.experimental === "all" || ((H = (z = c == null || (A = c.experimental) === null || A === void 0 ? void 0 : A[p]) !== null && z !== void 0 ? z : o[p]) !== 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(c) {
     if (c.experimental === "all")
       return i.experimental;
-    var p;
-    return Object.keys((p = c == null ? void 0 : c.experimental) !== null && p !== void 0 ? p : {}).filter((C) => i.experimental.includes(C) && c.experimental[C]);
+    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(c) {
     if (process.env.JEST_WORKER_ID === void 0 && l(c).length > 0) {
-      let p = l(c).map((C) => r.default.yellow(C)).join(", ");
+      let m = l(c).map((C) => r.default.yellow(C)).join(", ");
       n.default.warn("experimental-flags-enabled", [
-        `You have enabled experimental features: ${p}`,
+        `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."
       ]);
     }
@@ -965,8 +965,8 @@ var We = {}, se = {};
     var a = {}, f = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for (var c in i)
       if (c !== "default" && Object.prototype.hasOwnProperty.call(i, c)) {
-        var p = f ? Object.getOwnPropertyDescriptor(i, c) : null;
-        p && (p.get || p.set) ? Object.defineProperty(a, c, p) : a[c] = 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,8 +1011,8 @@ var We = {}, se = {};
       "https://tailwindcss.com/docs/upgrade-guide#configure-content-sources"
     ]), i.safelist = (() => {
       var a;
-      let { content: f, purge: c, safelist: p } = i;
-      return Array.isArray(p) ? p : 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 : [];
+      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)) {
@@ -1045,11 +1045,11 @@ var We = {}, se = {};
       })(),
       extract: (() => {
         let a = (() => {
-          var p, C, b, k, A, z, H, M, B, L;
-          return !((p = i.purge) === null || p === void 0) && p.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 : !((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 : {};
+          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 p, C, b, k;
-          if (!((p = i.purge) === null || p === void 0 || (C = p.options) === null || C === void 0) && C.defaultExtractor)
+          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;
@@ -1057,8 +1057,8 @@ var We = {}, se = {};
         if (c !== void 0 && (f.DEFAULT = c), typeof a == "function")
           f.DEFAULT = a;
         else if (Array.isArray(a))
-          for (let { extensions: p, extractor: C } of a != null ? a : [])
-            for (let b of p)
+          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(f, a);
@@ -1066,8 +1066,8 @@ var We = {}, se = {};
       })(),
       transform: (() => {
         let a = (() => {
-          var c, p, C, b, k, A;
-          return !((c = i.purge) === null || c === void 0) && c.transform ? i.purge.transform : !((p = i.content) === null || p === void 0) && p.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 : {};
+          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;
       })()
@@ -1897,7 +1897,7 @@ var ve = {}, ye = {}, Xe = {};
   }
   t(e, {
     parseColor: function() {
-      return p;
+      return m;
     },
     formatColor: function() {
       return C;
@@ -1910,7 +1910,7 @@ var ve = {}, ye = {}, Xe = {};
     };
   }
   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 p(b, { loose: k = !1 } = {}) {
+  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,35 +1939,35 @@ 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(f)) !== null && M !== void 0 ? M : b.match(c);
-    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 C({ mode: b, color: k, alpha: A }) {
@@ -2088,12 +2088,12 @@ var be = {}, qe = {}, ae = {};
   ]), s = /\ +(?![^(]*\))/g, o = /^-?(\d+|\.\d+)(.*?)$/g;
   function i(l) {
     return (0, r.splitAtTopLevelOnly)(l, ",").map((f) => {
-      let c = f.trim(), p = {
+      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) ? (p.keyword = k, b.add("KEYWORD")) : o.test(k) ? b.has("X") ? b.has("Y") ? b.has("BLUR") ? b.has("SPREAD") || (p.spread = k, b.add("SPREAD")) : (p.blur = k, b.add("BLUR")) : (p.y = k, b.add("Y")) : (p.x = k, b.add("X")) : p.color ? (p.unknown || (p.unknown = []), p.unknown.push(k)) : p.color = k;
-      return p.valid = p.x !== void 0 && p.y !== void 0, p;
+        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) {
@@ -2126,7 +2126,7 @@ var be = {}, qe = {}, ae = {};
       return c;
     },
     number: function() {
-      return p;
+      return m;
     },
     percentage: function() {
       return C;
@@ -2135,13 +2135,13 @@ var be = {}, qe = {}, ae = {};
       return A;
     },
     lineWidth: function() {
-      return H;
+      return B;
     },
     shadow: function() {
       return M;
     },
     color: function() {
-      return B;
+      return H;
     },
     image: function() {
       return L;
@@ -2156,7 +2156,7 @@ var be = {}, qe = {}, ae = {};
       return D;
     },
     genericName: function() {
-      return g;
+      return p;
     },
     absoluteSize: function() {
       return _;
@@ -2188,11 +2188,11 @@ var be = {}, qe = {}, ae = {};
   function c(h) {
     return h.startsWith("url(");
   }
-  function p(h) {
+  function m(h) {
     return !isNaN(Number(h)) || i(h);
   }
   function C(h) {
-    return h.endsWith("%") && p(h.slice(0, -1)) || i(h);
+    return h.endsWith("%") && m(h.slice(0, -1)) || i(h);
   }
   let k = `(?:${[
     "cm",
@@ -2235,7 +2235,7 @@ var be = {}, qe = {}, ae = {};
     "medium",
     "thick"
   ]);
-  function H(h) {
+  function B(h) {
     return z.has(h);
   }
   function M(h) {
@@ -2245,7 +2245,7 @@ var be = {}, qe = {}, ae = {};
         return !1;
     return !0;
   }
-  function B(h) {
+  function H(h) {
     let w = 0;
     return (0, s.splitAtTopLevelOnly)(h, "_").every((O) => (O = a(O), O.startsWith("var(") ? !0 : (0, r.parseColor)(O, {
       loose: !0
@@ -2305,7 +2305,7 @@ var be = {}, qe = {}, ae = {};
     "emoji",
     "fangsong"
   ]);
-  function g(h) {
+  function p(h) {
     return S.has(h);
   }
   let x = /* @__PURE__ */ new Set([
@@ -2367,7 +2367,7 @@ var Ye = {};
       return a;
     },
     asValue: function() {
-      return p;
+      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;
@@ -2407,17 +2407,17 @@ var Ye = {};
       return (0, s.normalize)(S);
   }
   function c(y, D = {}, S) {
-    let g = D[y];
-    if (g !== void 0)
-      return (0, o.default)(g);
+    let p = D[y];
+    if (p !== void 0)
+      return (0, o.default)(p);
     if (C(y)) {
       let x = f(y, S);
       return x === void 0 ? void 0 : (0, o.default)(x);
     }
   }
-  function p(y, D = {}, { validate: S = () => !0 } = {}) {
-    var g;
-    let x = (g = D.values) === null || g === void 0 ? void 0 : g[y];
+  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("-") ? c(y.slice(1), D.values, S) : f(y, S);
   }
   function C(y) {
@@ -2447,8 +2447,8 @@ var Ye = {};
     return (0, s.normalize)(y.slice(1, -1));
   }
   function z(y, D = {}, { tailwindConfig: S = {} } = {}) {
-    var g;
-    if (((g = D.values) === null || g === void 0 ? void 0 : g[y]) !== void 0) {
+    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]);
     }
@@ -2458,28 +2458,28 @@ var Ye = {};
       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 p(y, D, {
+    return m(y, D, {
       validate: s.color
     });
   }
-  function H(y, D = {}) {
+  function B(y, D = {}) {
     var S;
     return (S = D.values) === null || S === void 0 ? void 0 : S[y];
   }
   function M(y) {
-    return (D, S) => p(D, S, {
+    return (D, S) => m(D, S, {
       validate: y
     });
   }
-  let B = {
-    any: p,
+  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,7 +2488,7 @@ 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 S = y.indexOf(D);
     return S === -1 ? [
@@ -2499,11 +2499,11 @@ var Ye = {};
       y.slice(S + 1)
     ];
   }
-  function U(y, D, S, g) {
+  function U(y, D, S, p) {
     if (S.values && D in S.values)
       for (let { type: _ } of y != null ? y : []) {
-        let v = B[_](D, S, {
-          tailwindConfig: g
+        let v = H[_](D, S, {
+          tailwindConfig: p
         });
         if (v !== void 0)
           return [
@@ -2520,26 +2520,26 @@ var Ye = {};
         return [];
       if ($.length > 0 && L.includes(v))
         return [
-          p(`[${$}]`, S),
+          m(`[${$}]`, S),
           v,
           null
         ];
     }
-    let x = W(y, D, S, g);
+    let x = W(y, D, S, p);
     for (let _ of x)
       return _;
     return [];
   }
-  function* W(y, D, S, g) {
-    let x = (0, d.flagEnabled)(g, "generalizedModifiers"), [_, v] = b(D);
+  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](_, S, {
-        tailwindConfig: g
+      let O = H[F](_, S, {
+        tailwindConfig: p
       });
       O !== void 0 && (yield [
         O,
@@ -2572,44 +2572,44 @@ var Ze = {};
       return S;
     }
   });
-  const t = /* @__PURE__ */ C(me), r = /* @__PURE__ */ C(He), n = /* @__PURE__ */ C(Be), s = /* @__PURE__ */ C(pe), o = je, i = Re, d = We, l = /* @__PURE__ */ C(Ne), a = Ue, f = Ie, c = ve, p = /* @__PURE__ */ C(Ze);
-  function C(g) {
-    return g && g.__esModule ? g : {
-      default: g
+  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
     };
   }
-  function b(g) {
-    return typeof g == "function";
+  function b(p) {
+    return typeof p == "function";
   }
-  function k(g, ...x) {
+  function k(p, ...x) {
     let _ = x.pop();
     for (let v of x)
       for (let $ in v) {
-        let h = _(g[$], v[$]);
-        h === void 0 ? (0, l.default)(g[$]) && (0, l.default)(v[$]) ? g[$] = k({}, g[$], v[$], _) : g[$] = v[$] : g[$] = h;
+        let h = _(p[$], v[$]);
+        h === void 0 ? (0, l.default)(p[$]) && (0, l.default)(v[$]) ? p[$] = k({}, p[$], v[$], _) : p[$] = v[$] : p[$] = h;
       }
-    return g;
+    return p;
   }
   const A = {
     colors: s.default,
-    negative(g) {
-      return Object.keys(g).filter((x) => g[x] !== "0").reduce((x, _) => {
-        let v = (0, t.default)(g[_]);
+    negative(p) {
+      return Object.keys(p).filter((x) => p[x] !== "0").reduce((x, _) => {
+        let v = (0, t.default)(p[_]);
         return v !== void 0 && (x[`-${_}`] = v), x;
       }, {});
     },
-    breakpoints(g) {
-      return Object.keys(g).filter((x) => typeof g[x] == "string").reduce((x, _) => ({
+    breakpoints(p) {
+      return Object.keys(p).filter((x) => typeof p[x] == "string").reduce((x, _) => ({
         ...x,
-        [`screen-${_}`]: g[_]
+        [`screen-${_}`]: p[_]
       }), {});
     }
   };
-  function z(g, ...x) {
-    return b(g) ? g(...x) : g;
+  function z(p, ...x) {
+    return b(p) ? p(...x) : p;
   }
-  function H(g) {
-    return g.reduce((x, { extend: _ }) => k(x, _, (v, $) => v === void 0 ? [
+  function B(p) {
+    return p.reduce((x, { extend: _ }) => k(x, _, (v, $) => v === void 0 ? [
       $
     ] : Array.isArray(v) ? [
       $,
@@ -2619,51 +2619,51 @@ var Ze = {};
       v
     ]), {});
   }
-  function M(g) {
+  function M(p) {
     return {
-      ...g.reduce((x, _) => (0, o.defaults)(x, _), {}),
+      ...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(g)
+      extend: B(p)
     };
   }
-  function B(g, x) {
-    if (Array.isArray(g) && (0, l.default)(g[0]))
-      return g.concat(x);
-    if (Array.isArray(x) && (0, l.default)(x[0]) && (0, l.default)(g))
+  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))
       return [
-        g,
+        p,
         ...x
       ];
     if (Array.isArray(x))
       return x;
   }
-  function L({ extend: g, ...x }) {
-    return k(x, g, (_, v) => !b(_) && !v.some(b) ? k({}, _, ...v, B) : ($, h) => k({}, ...[
+  function L({ extend: p, ...x }) {
+    return k(x, p, (_, v) => !b(_) && !v.some(b) ? k({}, _, ...v, H) : ($, h) => k({}, ...[
       _,
       ...v
-    ].map((w) => z(w, $, h)), B));
+    ].map((w) => z(w, $, h)), H));
   }
-  function* R(g) {
-    let x = (0, i.toPath)(g);
-    if (x.length === 0 || (yield x, Array.isArray(g)))
+  function* R(p) {
+    let x = (0, i.toPath)(p);
+    if (x.length === 0 || (yield x, Array.isArray(p)))
       return;
-    let _ = /^(.*?)\s*\/\s*([^/]+)$/, v = g.match(_);
+    let _ = /^(.*?)\s*\/\s*([^/]+)$/, v = p.match(_);
     if (v !== null) {
       let [, $, h] = v, w = (0, i.toPath)($);
       w.alpha = h, yield w;
     }
   }
-  function U(g) {
+  function U(p) {
     const x = (_, v) => {
       for (const $ of R(_)) {
-        let h = 0, w = g;
+        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, f.parseColorFormat)(w);
-            return (0, c.withAlphaValue)(F, $.alpha, (0, p.default)(F));
+            return (0, c.withAlphaValue)(F, $.alpha, (0, m.default)(F));
           }
           return (0, l.default)(w) ? (0, a.cloneDeep)(w) : w;
         }
@@ -2673,11 +2673,11 @@ var Ze = {};
     return Object.assign(x, {
       theme: x,
       ...A
-    }), Object.keys(g).reduce((_, v) => (_[v] = b(g[v]) ? g[v](x, A) : g[v], _), {});
+    }), Object.keys(p).reduce((_, v) => (_[v] = b(p[v]) ? p[v](x, A) : p[v], _), {});
   }
-  function W(g) {
+  function W(p) {
     let x = [];
-    return g.forEach((_) => {
+    return p.forEach((_) => {
       x = [
         ...x,
         _
@@ -2696,24 +2696,24 @@ var Ze = {};
       });
     }), x;
   }
-  function y(g) {
+  function y(p) {
     return [
-      ...g
+      ...p
     ].reduceRight((_, v) => b(v) ? v({
       corePlugins: _
     }) : (0, n.default)(v, _), r.default);
   }
-  function D(g) {
+  function D(p) {
     return [
-      ...g
+      ...p
     ].reduceRight((_, v) => [
       ..._,
       ...v
     ], []);
   }
-  function S(g) {
+  function S(p) {
     let x = [
-      ...W(g),
+      ...W(p),
       {
         prefix: "",
         important: !1,
@@ -2724,7 +2724,7 @@ var Ze = {};
     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(g.map(($) => (v = $ == null ? void 0 : $.plugins) !== null && v !== void 0 ? v : []))
+      plugins: D(p.map(($) => (v = $ == null ? void 0 : $.plugins) !== null && v !== void 0 ? v : []))
     }, ...x));
   }
 })(ze);
@@ -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,
@@ -4981,7 +4981,7 @@ const qt = {
     name: "resize-observer",
     definition: tt
   }
-], m = {
+], g = {
   eventGroup: "event-group",
   eventGroupBg: "event-group-bg",
   eventRect: "event-rect",
@@ -5107,6 +5107,10 @@ const qt = {
     panTransitionDuration: {
       type: Number,
       default: 500
+    },
+    autoResize: {
+      type: Boolean,
+      default: !0
     }
   },
   data() {
@@ -5148,7 +5152,8 @@ const qt = {
       textPadding: 5,
       debouncedOnResize: () => {
       },
-      isFirstPaint: !0
+      isFirstPaint: !0,
+      timeouts: []
     };
   },
   computed: {
@@ -5303,15 +5308,17 @@ const qt = {
     this.initTimeline();
   },
   beforeDestroy() {
-    document.removeEventListener("mouseup", this.handleDocumentMouseUp);
+    this.svg.remove(), document.removeEventListener("mouseup", this.handleDocumentMouseUp);
   },
   methods: {
     initTimeline(e, t) {
       if (this.initRefs(), !this.timeline) {
-        setTimeout(this.initTimeline, 500);
+        this.timeouts.push(
+          setTimeout(this.initTimeline, 500)
+        );
         return;
       }
-      this.initSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.initCurtains(), this.emitCurtainChange(), this.initSelectedTimestampCursor(), this.registerEventsListeners(), this.emitVisibleInterval(re.initial);
+      this.initSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.curtains && (this.initCurtains(), this.emitCurtainChange()), this.initSelectedTimestampCursor(), this.registerEventsListeners(), this.emitVisibleInterval(re.initial);
     },
     initRefs() {
       this.tooltip = this.$refs.tooltip, this.cursor = this.$refs.cursor, this.timeline = this.$refs.timelineContainer, this.selectedTimestampCursor = this.$refs.selectedTimestamp;
@@ -5357,7 +5364,7 @@ const qt = {
       const t = 5;
       for (const r in this.xAxesConfig) {
         const n = this.createAxis(r);
-        this.xAxes[r] = n, this.svg.append("g").classed(m.xAxis, !0).classed(`${m.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() {
@@ -5374,7 +5381,7 @@ const qt = {
       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", m.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();
@@ -5384,7 +5391,7 @@ const qt = {
       this.svg && this.svg.remove(), this.countsByTimestamp = {};
     },
     repositionSelectedTimestampCursor() {
-      const e = this.svg.select(`.${m.selectedTimestampCursor}`);
+      const e = this.svg.select(`.${g.selectedTimestampCursor}`);
       if (!this.selectedTimestamp) {
         e.style("opacity", 0);
         return;
@@ -5435,12 +5442,12 @@ const qt = {
       if (!this.showLabels)
         return;
       const e = this;
-      this.svg.selectAll(`.${m.labelBg}`).each(function() {
+      this.svg.selectAll(`.${g.labelBg}`).each(function() {
         u.select(this).style("fill", e.dark ? "black" : "white");
-      }), this.svg.selectAll(`.${m.labelBgFill}`).each(function() {
+      }), 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(`.${m.labelText}`).each(function() {
+      }), this.svg.selectAll(`.${g.labelText}`).each(function() {
         const t = u.select(this), r = t.node().dataset.color;
         t.style("fill", e.getTextFillColor(r));
       });
@@ -5493,20 +5500,20 @@ const qt = {
       this.isHoveringEvent = !1, this.hoveredEvent = null, this.$emit("event-mouseout");
     },
     handleLabelMouseOver(e) {
-      u.selectAll(`.${m.lineGraphGroup}-${e}`).classed(
-        `${m.lineGraphGroup}--highlighted`,
+      u.selectAll(`.${g.lineGraphGroup}-${e}`).classed(
+        `${g.lineGraphGroup}--highlighted`,
         !0
-      ), u.selectAll(`.${m.lineGraphGroup}-label`).classed(
-        `${m.lineGraphGroup}-label--highlighted`,
+      ), u.selectAll(`.${g.lineGraphGroup}-label`).classed(
+        `${g.lineGraphGroup}-label--highlighted`,
         !0
       );
     },
     handleLabelMouseLeave(e) {
-      u.selectAll(`.${m.lineGraphGroup}-${e}`).classed(
-        `${m.lineGraphGroup}--highlighted`,
+      u.selectAll(`.${g.lineGraphGroup}-${e}`).classed(
+        `${g.lineGraphGroup}--highlighted`,
         !1
-      ), u.selectAll(`.${m.lineGraphGroup}-label`).classed(
-        `${m.lineGraphGroup}-label--highlighted`,
+      ), u.selectAll(`.${g.lineGraphGroup}-label`).classed(
+        `${g.lineGraphGroup}-label--highlighted`,
         !1
       );
     },
@@ -5540,13 +5547,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(`.${m.curtain}--left`).attr("width", this.leftCurtainWidth), this.svg.select(`.${m.curtain}--right`).attr(
-        "x",
-        e - this.rightCurtainWidth + this.curtainHandleWidth * 2
-      ).attr("width", this.rightCurtainWidth);
-    },
     handleDragStart() {
       this.isDraggingCurtain = !0;
     },
@@ -5559,7 +5559,7 @@ const qt = {
         e.x,
         this.timeline.offsetWidth - this.rightCurtainWidth
       );
-      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${m.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
+      this.leftCurtainWidth = Math.max(0, t), this.svg.select(`.${g.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
     },
     handleRightDrag(e) {
       e.sourceEvent.stopPropagation();
@@ -5567,7 +5567,7 @@ const qt = {
         this.timeline.offsetWidth - e.x,
         this.timeline.offsetWidth - this.leftCurtainWidth
       ), n = t - r;
-      this.rightCurtainWidth = Math.max(0, r), this.svg.select(`.${m.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];
@@ -5580,33 +5580,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(`.${m.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(`.${m.xAxis}-${e}`).selectAll(".tick text").each(function() {
+      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 = `.${m.eventGroup} > rect.${m.eventRect}`;
+      const e = `.${g.eventGroup} > rect.${g.eventRect}`;
       this.svg.selectAll(e).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth);
-      const t = `.${m.eventGroup} > text.${m.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 = `.${m.barChartGroup} rect.${m.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 = `.${m.barChartGroup} rect.${m.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 = `.${m.barChartGroup} rect.${m.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 = 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(
-          `.${m.lineGraphPath}-${e}`
+          `.${g.lineGraphPath}-${e}`
         ).attr("d", (r) => t(r));
       });
     },
@@ -5614,11 +5614,11 @@ const qt = {
       Object.keys(this.lineGraphGroups).forEach((e) => {
         const t = this;
         this.svg.selectAll(
-          `.${m.lineGraphDot}-${e}`
+          `.${g.lineGraphDot}-${e}`
         ).each(function(r) {
           u.select(this).attr("cx", t.timeScale(t.tzStringToDate(r.timestamp))).attr("cy", t.yScale(r.count));
         }), this.svg.selectAll(
-          `.${m.lineGraphHoverZone}-${e}`
+          `.${g.lineGraphHoverZone}-${e}`
         ).each(function(r) {
           const n = t.timeScale(t.tzStringToDate(r.timestamp).getTime()) - 15;
           u.select(this).attr("x", n).attr("y", 0).attr("width", 30).attr("height", t.chartHeight);
@@ -5648,9 +5648,9 @@ const qt = {
       if (!this.curtains)
         return;
       const e = this.timeline.offsetWidth, t = this.timelineHeight;
-      this.svg.append("rect").classed(`${m.curtain} ${m.curtain}--left`, !0).attr("width", this.leftCurtainWidth).attr("height", t + this.curtainHandleWidth * 2).attr("y", -this.curtainHandleWidth).attr("x", -this.curtainHandleWidth).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
+      this.svg.append("rect").classed(`${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(`${m.curtain} ${m.curtain}--right`, !0).attr(
+      ), 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(
@@ -5658,13 +5658,13 @@ const qt = {
       );
     },
     drawEventsGroups() {
-      this.svg.selectAll(`g.${m.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(
-          `${m.lineGraphGroup} ${m.lineGraphGroup}-${r}`,
+          `${g.lineGraphGroup} ${g.lineGraphGroup}-${r}`,
           !0
         ).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
         this.drawLineGraph({
@@ -5680,7 +5680,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, f = this.svg.append("g").classed(`${m.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,
@@ -5702,7 +5702,7 @@ const qt = {
       type: n
     }) {
       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(`${m.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})`);
+      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,
@@ -5717,19 +5717,19 @@ const qt = {
           [n]: s.count
         };
         const i = t.append("circle").classed(
-          `${m.lineGraphDot} ${m.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(`${m.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(`${m.lineGraphDot}--active`, !0)
+            (l) => l.classed(`${g.lineGraphDot}--active`, !0)
           );
         }).on("mouseout", () => {
           this.handleLineMouseOut(), this.dotsByTimestamp[o].forEach(
-            (d) => d.classed(`${m.lineGraphDot}--active`, !1)
+            (d) => d.classed(`${g.lineGraphDot}--active`, !1)
           );
         });
       });
@@ -5743,7 +5743,7 @@ const qt = {
           color: n,
           isLoading: d
         });
-        const f = this.svg.append("g").attr("data-color", n).classed(m.eventGroup, !0).classed(`${m.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: f,
@@ -5766,7 +5766,7 @@ const qt = {
       const e = this.combinedXAxesHeight, t = this.barChartGroups;
       Object.entries(t).forEach(([r, n]) => {
         const s = this.svg.append("g").classed(
-          `${m.barChartGroup} ${m.barChartGroup}-${r}`,
+          `${g.barChartGroup} ${g.barChartGroup}-${r}`,
           !0
         ).attr("transform", `translate(0,${e})`), { color: o, events: i } = n;
         this.drawBarsChart({
@@ -5784,7 +5784,7 @@ const qt = {
       isLoading: r
     }) {
       this.svg.append("rect").classed(
-        `${m.loadingIndicator} ${m.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");
     },
@@ -5793,7 +5793,7 @@ const qt = {
       yPosition: t,
       gElement: r
     }) {
-      r.append("rect").attr("class", m.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", this.barChartHeight).attr("fill", u.color(e).toString()).style("opacity", 0.1);
+      r.append("rect").attr("class", 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,
@@ -5803,14 +5803,14 @@ const qt = {
       type: s
     }) {
       const o = this;
-      t.selectAll(m.eventRect).data(e).enter().append("rect").attr(
+      t.selectAll(g.eventRect).data(e).enter().append("rect").attr(
         "class",
-        (i) => m.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) {
-        u.select(this).classed(m.eventRectHovered, !0), o.handleBarMouseOver(i, d, s);
+        u.select(this).classed(g.eventRectHovered, !0), o.handleBarMouseOver(i, d, s);
       }).on("mouseout", function() {
-        u.select(this).classed(m.eventRectHovered, !1), o.handleBarMouseOut();
-      }), t.selectAll(m.eventRectText).data(e.filter((i) => !!i.text)).enter().append("text").attr("class", m.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);
@@ -5822,34 +5822,34 @@ const qt = {
       yOffset: n,
       type: s
     }) {
-      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(m.eventBarContainer).data(e).enter().append("g").attr("class", m.eventBarContainer);
+      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",
-        (c) => m.eventBarHoverZone + (c.className ? ` ${c.className}` : "")
+        (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",
-        (c) => m.eventBar + (c.className ? ` ${c.className}` : "")
+        (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) => m.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, p) {
+        (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, p, s);
+        o.onBarChartBarMouseOver(C, s, r), o.handleBarMouseOver(c, m, s);
       }).on("mouseout", function() {
         const c = u.select(this);
         o.onBarChartBarMouseOut(c, s), o.handleBarMouseOut();
       }).on("click", function() {
-        t.selectAll(`.${m.eventBarContainerSelected}`).classed(m.eventBarContainerSelected, !1), u.select(this).classed(m.eventBarContainerSelected, !0);
+        t.selectAll(`.${g.eventBarContainerSelected}`).classed(g.eventBarContainerSelected, !1), u.select(this).classed(g.eventBarContainerSelected, !0);
       });
     },
     onBarChartBarMouseOver(e, t, r) {
-      e.classed(m.eventBarContainerHovered, !0), e.selectAll(`.${m.eventBarHoverZone}`).attr("fill-opacity", 0.2);
-      const s = e.selectAll(`.${m.eventBar}`);
+      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(m.eventBarContainerHovered, !0), e.selectAll(`.${m.eventBarHoverZone}`).attr("fill-opacity", 0);
-      const n = e.selectAll(`.${m.eventBar}`);
+      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({
@@ -5867,7 +5867,7 @@ const qt = {
         h: this.barChartHeight,
         radius: 3
       };
-      e.append("rect").attr("class", m.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", m.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", m.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;
@@ -5925,7 +5925,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 &&