@evercam/ui 0.0.41 → 0.0.43

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import V from "vue";
 import * as u from "d3";
 import K from "moment-timezone";
-var C = /* @__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))(C || {}), H = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(H || {}), Q = /* @__PURE__ */ ((e) => (e.overview = "overview", e.detailed = "detailed", e.detailedBackground = "detailedBackground", e))(Q || {});
-const Qe = V.extend({
+var C = /* @__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))(C || {}), j = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(j || {}), ee = /* @__PURE__ */ ((e) => (e.overview = "overview", e.detailed = "detailed", e.detailedBackground = "detailedBackground", e))(ee || {});
+const et = V.extend({
   name: "EBadge",
   props: {
     text: {
@@ -11,7 +11,7 @@ const Qe = V.extend({
     },
     color: {
       type: String,
-      default: H.default
+      default: j.default
     },
     size: {
       type: String,
@@ -21,12 +21,12 @@ const Qe = V.extend({
   data() {
     return {
       colors: {
-        [H.error]: "e-bg-rose-500 e-text-white",
-        [H.info]: "e-bg-cyan-500 e-text-white",
-        [H.warning]: "e-bg-amber-500 e-text-white",
-        [H.primary]: "e-bg-sky-500 e-text-white",
-        [H.default]: "e-bg-slate-300 e-text-white",
-        [H.success]: "e-bg-lime-500 e-text-white"
+        [j.error]: "e-bg-rose-500 e-text-white",
+        [j.info]: "e-bg-cyan-500 e-text-white",
+        [j.warning]: "e-bg-amber-500 e-text-white",
+        [j.primary]: "e-bg-sky-500 e-text-white",
+        [j.default]: "e-bg-slate-300 e-text-white",
+        [j.success]: "e-bg-lime-500 e-text-white"
       },
       sizes: {
         [C.dot]: "e-w-2 e-h-2",
@@ -40,7 +40,7 @@ const Qe = V.extend({
   },
   computed: {
     badgeClasses() {
-      const e = this.colors[this.color] || this.colors[H.default], t = this.sizes[this.size] || this.sizes[C.md];
+      const e = this.colors[this.color] || this.colors[j.default], t = this.sizes[this.size] || this.sizes[C.md];
       return [
         "e-flex e-items-center e-justify-center e-rounded-full",
         e,
@@ -52,52 +52,52 @@ const Qe = V.extend({
     }
   }
 });
-function q(e, t, r, s, o, l, i, g) {
-  var a = typeof e == "function" ? e.options : e;
-  t && (a.render = t, a.staticRenderFns = r, a._compiled = !0), s && (a.functional = !0), l && (a._scopeId = "data-v-" + l);
-  var n;
-  if (i ? (n = function(f) {
-    f = f || // cached call
+function q(e, t, r, i, a, o, n, c) {
+  var l = typeof e == "function" ? e.options : e;
+  t && (l.render = t, l.staticRenderFns = r, l._compiled = !0), i && (l.functional = !0), o && (l._scopeId = "data-v-" + o);
+  var s;
+  if (n ? (s = function(h) {
+    h = h || // 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__), o && o.call(this, f), f && f._registeredComponents && f._registeredComponents.add(i);
-  }, a._ssrRegister = n) : o && (n = g ? function() {
-    o.call(
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !h && typeof __VUE_SSR_CONTEXT__ != "undefined" && (h = __VUE_SSR_CONTEXT__), a && a.call(this, h), h && h._registeredComponents && h._registeredComponents.add(n);
+  }, l._ssrRegister = s) : a && (s = c ? function() {
+    a.call(
       this,
-      (a.functional ? this.parent : this).$root.$options.shadowRoot
+      (l.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : o), n)
-    if (a.functional) {
-      a._injectStyles = n;
-      var p = a.render;
-      a.render = function(E, y) {
-        return n.call(y), p(E, y);
+  } : a), s)
+    if (l.functional) {
+      l._injectStyles = s;
+      var d = l.render;
+      l.render = function(T, y) {
+        return s.call(y), d(T, y);
       };
     } else {
-      var v = a.beforeCreate;
-      a.beforeCreate = v ? [].concat(v, n) : [n];
+      var v = l.beforeCreate;
+      l.beforeCreate = v ? [].concat(v, s) : [s];
     }
   return {
     exports: e,
-    options: a
+    options: l
   };
 }
-var et = function() {
+var tt = function() {
   var t = this, r = t._self._c;
   return r("span", { staticClass: "e-badge", class: t.badgeClasses }, [t.showText ? r("span", [t._v(t._s(t.text))]) : t._e()]);
-}, tt = [], rt = /* @__PURE__ */ q(
-  Qe,
+}, rt = [], nt = /* @__PURE__ */ q(
   et,
   tt,
+  rt,
   !1,
   null,
   null,
   null,
   null
 );
-const De = rt.exports, nt = V.extend({
+const Ae = nt.exports, it = V.extend({
   name: "EAvatar",
   components: {
-    Badge: De
+    Badge: Ae
   },
   props: {
     size: {
@@ -110,7 +110,7 @@ const De = rt.exports, nt = V.extend({
     },
     badgeColor: {
       type: String,
-      default: H.error
+      default: j.error
     },
     badgeText: {
       type: String,
@@ -146,28 +146,28 @@ const De = rt.exports, nt = V.extend({
     }
   }
 });
-var it = function() {
+var st = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-avatar e-relative", class: t.avatarClasses }, [t._t("default", function() {
     return [t.image ? r("img", { staticClass: "e-avatar__image e-w-full e-h-full e-object-cover e-rounded-full", attrs: { src: t.image } }) : t._e()];
   }), t.showBadge ? r("div", { staticClass: "e-avatar__badge e-absolute e-top-0 e-right-0" }, [t._t("badge", function() {
     return [r("Badge", { attrs: { text: t.badgeText, color: t.badgeColor, size: t.badgeSize } })];
   })], 2) : t._e()], 2);
-}, st = [], ot = /* @__PURE__ */ q(
-  nt,
+}, at = [], ot = /* @__PURE__ */ q(
   it,
   st,
+  at,
   !1,
   null,
   null,
   null,
   null
 );
-const at = ot.exports;
-function lt(e) {
+const lt = ot.exports;
+function ut(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Fe = {}, Ae = {}, de = {};
+var Fe = {}, Me = {}, fe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -181,20 +181,20 @@ var Fe = {}, Ae = {}, de = {};
     if (r = `${r}`, r === "0")
       return "0";
     if (/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(r))
-      return r.replace(/^[+-]?/, (o) => o === "-" ? "" : "-");
-    let s = [
+      return r.replace(/^[+-]?/, (a) => a === "-" ? "" : "-");
+    let i = [
       "var",
       "calc",
       "min",
       "max",
       "clamp"
     ];
-    for (const o of s)
-      if (r.includes(`${o}(`))
+    for (const a of i)
+      if (r.includes(`${a}(`))
         return `calc(${r} * -1)`;
   }
-})(de);
-var Me = {};
+})(fe);
+var ze = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -381,8 +381,8 @@ var Me = {};
     "willChange",
     "content"
   ];
-})(Me);
-var ze = {};
+})(ze);
+var Pe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -392,99 +392,99 @@ var ze = {};
       return t;
     }
   });
-  function t(r, s) {
-    return r === void 0 ? s : Array.isArray(r) ? r : [
-      ...new Set(s.filter((l) => r !== !1 && r[l] !== !1).concat(Object.keys(r).filter((l) => r[l] !== !1)))
+  function t(r, i) {
+    return r === void 0 ? i : Array.isArray(r) ? r : [
+      ...new Set(i.filter((o) => r !== !1 && r[o] !== !1).concat(Object.keys(r).filter((o) => r[o] !== !1)))
     ];
   }
-})(ze);
-var fe = {}, te = {}, me = { exports: {} }, M = String, Pe = function() {
-  return { isColorSupported: !1, reset: M, bold: M, dim: M, italic: M, underline: M, inverse: M, hidden: M, strikethrough: M, black: M, red: M, green: M, yellow: M, blue: M, magenta: M, cyan: M, white: M, gray: M, bgBlack: M, bgRed: M, bgGreen: M, bgYellow: M, bgBlue: M, bgMagenta: M, bgCyan: M, bgWhite: M };
+})(Pe);
+var he = {}, re = {}, me = { exports: {} }, z = String, Ge = function() {
+  return { isColorSupported: !1, reset: z, bold: z, dim: z, italic: z, underline: z, inverse: z, hidden: z, strikethrough: z, black: z, red: z, green: z, yellow: z, blue: z, magenta: z, cyan: z, white: z, gray: z, bgBlack: z, bgRed: z, bgGreen: z, bgYellow: z, bgBlue: z, bgMagenta: z, bgCyan: z, bgWhite: z };
 };
-me.exports = Pe();
-me.exports.createColors = Pe;
+me.exports = Ge();
+me.exports.createColors = Ge;
 var Le = me.exports;
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(a, n) {
-    for (var p in n)
-      Object.defineProperty(a, p, {
+  function t(l, s) {
+    for (var d in s)
+      Object.defineProperty(l, d, {
         enumerable: !0,
-        get: n[p]
+        get: s[d]
       });
   }
   t(e, {
     dim: function() {
-      return i;
+      return n;
     },
     default: function() {
-      return g;
+      return c;
     }
   });
-  const r = /* @__PURE__ */ s(Le);
-  function s(a) {
-    return a && a.__esModule ? a : {
-      default: a
+  const r = /* @__PURE__ */ i(Le);
+  function i(l) {
+    return l && l.__esModule ? l : {
+      default: l
     };
   }
-  let o = /* @__PURE__ */ new Set();
-  function l(a, n, p) {
-    typeof process != "undefined" && process.env.JEST_WORKER_ID || p && o.has(p) || (p && o.add(p), console.warn(""), n.forEach((v) => console.warn(a, "-", v)));
+  let a = /* @__PURE__ */ new Set();
+  function o(l, s, d) {
+    typeof process != "undefined" && process.env.JEST_WORKER_ID || d && a.has(d) || (d && a.add(d), console.warn(""), s.forEach((v) => console.warn(l, "-", v)));
   }
-  function i(a) {
-    return r.default.dim(a);
+  function n(l) {
+    return r.default.dim(l);
   }
-  const g = {
-    info(a, n) {
-      l(r.default.bold(r.default.cyan("info")), ...Array.isArray(a) ? [
-        a
+  const c = {
+    info(l, s) {
+      o(r.default.bold(r.default.cyan("info")), ...Array.isArray(l) ? [
+        l
       ] : [
-        n,
-        a
+        s,
+        l
       ]);
     },
-    warn(a, n) {
-      l(r.default.bold(r.default.yellow("warn")), ...Array.isArray(a) ? [
-        a
+    warn(l, s) {
+      o(r.default.bold(r.default.yellow("warn")), ...Array.isArray(l) ? [
+        l
       ] : [
-        n,
-        a
+        s,
+        l
       ]);
     },
-    risk(a, n) {
-      l(r.default.bold(r.default.magenta("risk")), ...Array.isArray(a) ? [
-        a
+    risk(l, s) {
+      o(r.default.bold(r.default.magenta("risk")), ...Array.isArray(l) ? [
+        l
       ] : [
-        n,
-        a
+        s,
+        l
       ]);
     }
   };
-})(te);
+})(re);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return a;
     }
   });
-  const t = /* @__PURE__ */ r(te);
-  function r(l) {
-    return l && l.__esModule ? l : {
-      default: l
+  const t = /* @__PURE__ */ r(re);
+  function r(o) {
+    return o && o.__esModule ? o : {
+      default: o
     };
   }
-  function s({ version: l, from: i, to: g }) {
-    t.default.warn(`${i}-color-renamed`, [
-      `As of Tailwind CSS ${l}, \`${i}\` has been renamed to \`${g}\`.`,
+  function i({ version: o, from: n, to: c }) {
+    t.default.warn(`${n}-color-renamed`, [
+      `As of Tailwind CSS ${o}, \`${n}\` has been renamed to \`${c}\`.`,
       "Update your configuration file to silence this warning."
     ]);
   }
-  const o = {
+  const a = {
     inherit: "inherit",
     current: "currentColor",
     transparent: "transparent",
@@ -777,43 +777,43 @@ var Le = me.exports;
       950: "#4c0519"
     },
     get lightBlue() {
-      return s({
+      return i({
         version: "v2.2",
         from: "lightBlue",
         to: "sky"
       }), this.sky;
     },
     get warmGray() {
-      return s({
+      return i({
         version: "v3.0",
         from: "warmGray",
         to: "stone"
       }), this.stone;
     },
     get trueGray() {
-      return s({
+      return i({
         version: "v3.0",
         from: "trueGray",
         to: "neutral"
       }), this.neutral;
     },
     get coolGray() {
-      return s({
+      return i({
         version: "v3.0",
         from: "coolGray",
         to: "gray"
       }), this.gray;
     },
     get blueGray() {
-      return s({
+      return i({
         version: "v3.0",
         from: "blueGray",
         to: "slate"
       }), this.slate;
     }
   };
-})(fe);
-var je = {};
+})(he);
+var He = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -823,21 +823,21 @@ var je = {};
       return t;
     }
   });
-  function t(r, ...s) {
-    for (let i of s) {
-      for (let g in i) {
-        var o;
-        !(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r, g) || (r[g] = i[g]);
+  function t(r, ...i) {
+    for (let n of i) {
+      for (let c in n) {
+        var a;
+        !(r == null || (a = r.hasOwnProperty) === null || a === void 0) && a.call(r, c) || (r[c] = n[c]);
       }
-      for (let g of Object.getOwnPropertySymbols(i)) {
-        var l;
-        !(r == null || (l = r.hasOwnProperty) === null || l === void 0) && l.call(r, g) || (r[g] = i[g]);
+      for (let c of Object.getOwnPropertySymbols(n)) {
+        var o;
+        !(r == null || (o = r.hasOwnProperty) === null || o === void 0) && o.call(r, c) || (r[c] = n[c]);
       }
     }
     return r;
   }
-})(je);
-var Be = {};
+})(He);
+var je = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -850,42 +850,42 @@ var Be = {};
   function t(r) {
     if (Array.isArray(r))
       return r;
-    let s = r.split("[").length - 1, o = r.split("]").length - 1;
-    if (s !== o)
+    let i = r.split("[").length - 1, a = r.split("]").length - 1;
+    if (i !== a)
       throw new Error(`Path is invalid. Has unbalanced brackets: ${r}`);
     return r.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
-})(Be);
-var He = {}, re = {};
+})(je);
+var Be = {}, ne = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(v, f) {
-    for (var E in f)
-      Object.defineProperty(v, E, {
+  function t(v, h) {
+    for (var T in h)
+      Object.defineProperty(v, T, {
         enumerable: !0,
-        get: f[E]
+        get: h[T]
       });
   }
   t(e, {
     flagEnabled: function() {
-      return g;
+      return c;
     },
     issueFlagNotices: function() {
-      return n;
+      return s;
     },
     default: function() {
-      return p;
+      return d;
     }
   });
-  const r = /* @__PURE__ */ o(Le), s = /* @__PURE__ */ o(te);
-  function o(v) {
+  const r = /* @__PURE__ */ a(Le), i = /* @__PURE__ */ a(re);
+  function a(v) {
     return v && v.__esModule ? v : {
       default: v
     };
   }
-  let l = {
+  let o = {
     optimizeUniversalDefaults: !1,
     generalizedModifiers: !0,
     get disableColorOpacityUtilitiesByDefault() {
@@ -894,7 +894,7 @@ var He = {}, re = {};
     get relativeContentPathsByDefault() {
       return !1;
     }
-  }, i = {
+  }, n = {
     future: [
       "hoverOnlyWhenSupported",
       "respectDefaultRingColorOpacity",
@@ -906,100 +906,100 @@ var He = {}, re = {};
       "generalizedModifiers"
     ]
   };
-  function g(v, f) {
-    if (i.future.includes(f)) {
-      var E, y, $;
-      return v.future === "all" || (($ = (y = v == null || (E = v.future) === null || E === void 0 ? void 0 : E[f]) !== null && y !== void 0 ? y : l[f]) !== null && $ !== void 0 ? $ : !1);
+  function c(v, h) {
+    if (n.future.includes(h)) {
+      var T, y, k;
+      return v.future === "all" || ((k = (y = v == null || (T = v.future) === null || T === void 0 ? void 0 : T[h]) !== null && y !== void 0 ? y : o[h]) !== null && k !== void 0 ? k : !1);
     }
-    if (i.experimental.includes(f)) {
-      var D, P, L;
-      return v.experimental === "all" || ((L = (P = v == null || (D = v.experimental) === null || D === void 0 ? void 0 : D[f]) !== null && P !== void 0 ? P : l[f]) !== null && L !== void 0 ? L : !1);
+    if (n.experimental.includes(h)) {
+      var A, P, G;
+      return v.experimental === "all" || ((G = (P = v == null || (A = v.experimental) === null || A === void 0 ? void 0 : A[h]) !== null && P !== void 0 ? P : o[h]) !== null && G !== void 0 ? G : !1);
     }
     return !1;
   }
-  function a(v) {
+  function l(v) {
     if (v.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]);
+      return n.experimental;
+    var h;
+    return Object.keys((h = v == null ? void 0 : v.experimental) !== null && h !== void 0 ? h : {}).filter((T) => n.experimental.includes(T) && v.experimental[T]);
   }
-  function n(v) {
-    if (process.env.JEST_WORKER_ID === void 0 && a(v).length > 0) {
-      let f = a(v).map((E) => r.default.yellow(E)).join(", ");
-      s.default.warn("experimental-flags-enabled", [
-        `You have enabled experimental features: ${f}`,
+  function s(v) {
+    if (process.env.JEST_WORKER_ID === void 0 && l(v).length > 0) {
+      let h = l(v).map((T) => r.default.yellow(T)).join(", ");
+      i.default.warn("experimental-flags-enabled", [
+        `You have enabled experimental features: ${h}`,
         "Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."
       ]);
     }
   }
-  const p = i;
-})(re);
+  const d = n;
+})(ne);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "normalizeConfig", {
     enumerable: !0,
     get: function() {
-      return l;
+      return o;
     }
   });
-  const t = re, r = /* @__PURE__ */ o(te);
-  function s(i) {
+  const t = ne, r = /* @__PURE__ */ a(re);
+  function i(n) {
     if (typeof WeakMap != "function")
       return null;
-    var g = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap();
-    return (s = function(n) {
-      return n ? a : g;
-    })(i);
+    var c = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
+    return (i = function(s) {
+      return s ? l : c;
+    })(n);
   }
-  function o(i, g) {
-    if (!g && i && i.__esModule)
-      return i;
-    if (i === null || typeof i != "object" && typeof i != "function")
+  function a(n, c) {
+    if (!c && n && n.__esModule)
+      return n;
+    if (n === null || typeof n != "object" && typeof n != "function")
       return {
-        default: i
+        default: n
       };
-    var a = s(g);
-    if (a && a.has(i))
-      return a.get(i);
-    var n = {}, p = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var v in i)
-      if (v !== "default" && Object.prototype.hasOwnProperty.call(i, v)) {
-        var f = p ? Object.getOwnPropertyDescriptor(i, v) : null;
-        f && (f.get || f.set) ? Object.defineProperty(n, v, f) : n[v] = i[v];
+    var l = i(c);
+    if (l && l.has(n))
+      return l.get(n);
+    var s = {}, d = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var v in n)
+      if (v !== "default" && Object.prototype.hasOwnProperty.call(n, v)) {
+        var h = d ? Object.getOwnPropertyDescriptor(n, v) : null;
+        h && (h.get || h.set) ? Object.defineProperty(s, v, h) : s[v] = n[v];
       }
-    return n.default = i, a && a.set(i, n), n;
+    return s.default = n, l && l.set(n, s), s;
   }
-  function l(i) {
+  function o(n) {
     if ((() => {
-      if (i.purge || !i.content || !Array.isArray(i.content) && !(typeof i.content == "object" && i.content !== null))
+      if (n.purge || !n.content || !Array.isArray(n.content) && !(typeof n.content == "object" && n.content !== null))
         return !1;
-      if (Array.isArray(i.content))
-        return i.content.every((n) => typeof n == "string" ? !0 : !(typeof (n == null ? void 0 : n.raw) != "string" || n != null && n.extension && typeof (n == null ? void 0 : n.extension) != "string"));
-      if (typeof i.content == "object" && i.content !== null) {
-        if (Object.keys(i.content).some((n) => ![
+      if (Array.isArray(n.content))
+        return n.content.every((s) => typeof s == "string" ? !0 : !(typeof (s == null ? void 0 : s.raw) != "string" || s != null && s.extension && typeof (s == null ? void 0 : s.extension) != "string"));
+      if (typeof n.content == "object" && n.content !== null) {
+        if (Object.keys(n.content).some((s) => ![
           "files",
           "relative",
           "extract",
           "transform"
-        ].includes(n)))
+        ].includes(s)))
           return !1;
-        if (Array.isArray(i.content.files)) {
-          if (!i.content.files.every((n) => typeof n == "string" ? !0 : !(typeof (n == null ? void 0 : n.raw) != "string" || n != null && n.extension && typeof (n == null ? void 0 : n.extension) != "string")))
+        if (Array.isArray(n.content.files)) {
+          if (!n.content.files.every((s) => typeof s == "string" ? !0 : !(typeof (s == null ? void 0 : s.raw) != "string" || s != null && s.extension && typeof (s == null ? void 0 : s.extension) != "string")))
             return !1;
-          if (typeof i.content.extract == "object") {
-            for (let n of Object.values(i.content.extract))
-              if (typeof n != "function")
+          if (typeof n.content.extract == "object") {
+            for (let s of Object.values(n.content.extract))
+              if (typeof s != "function")
                 return !1;
-          } else if (!(i.content.extract === void 0 || typeof i.content.extract == "function"))
+          } else if (!(n.content.extract === void 0 || typeof n.content.extract == "function"))
             return !1;
-          if (typeof i.content.transform == "object") {
-            for (let n of Object.values(i.content.transform))
-              if (typeof n != "function")
+          if (typeof n.content.transform == "object") {
+            for (let s of Object.values(n.content.transform))
+              if (typeof s != "function")
                 return !1;
-          } else if (!(i.content.transform === void 0 || typeof i.content.transform == "function"))
+          } else if (!(n.content.transform === void 0 || typeof n.content.transform == "function"))
             return !1;
-          if (typeof i.content.relative != "boolean" && typeof i.content.relative != "undefined")
+          if (typeof n.content.relative != "boolean" && typeof n.content.relative != "undefined")
             return !1;
         }
         return !0;
@@ -1009,80 +1009,80 @@ var He = {}, re = {};
       "The `purge`/`content` options have changed in Tailwind CSS v3.0.",
       "Update your configuration file to eliminate this warning.",
       "https://tailwindcss.com/docs/upgrade-guide#configure-content-sources"
-    ]), i.safelist = (() => {
-      var n;
-      let { content: p, purge: v, safelist: f } = i;
-      return Array.isArray(f) ? f : Array.isArray(p == null ? void 0 : p.safelist) ? p.safelist : Array.isArray(v == null ? void 0 : v.safelist) ? v.safelist : Array.isArray(v == null || (n = v.options) === null || n === void 0 ? void 0 : n.safelist) ? v.options.safelist : [];
-    })(), i.blocklist = (() => {
-      let { blocklist: n } = i;
-      if (Array.isArray(n)) {
-        if (n.every((p) => typeof p == "string"))
-          return n;
+    ]), n.safelist = (() => {
+      var s;
+      let { content: d, purge: v, safelist: h } = n;
+      return Array.isArray(h) ? h : Array.isArray(d == null ? void 0 : d.safelist) ? d.safelist : Array.isArray(v == null ? void 0 : v.safelist) ? v.safelist : Array.isArray(v == null || (s = v.options) === null || s === void 0 ? void 0 : s.safelist) ? v.options.safelist : [];
+    })(), n.blocklist = (() => {
+      let { blocklist: s } = n;
+      if (Array.isArray(s)) {
+        if (s.every((d) => typeof d == "string"))
+          return s;
         r.default.warn("blocklist-invalid", [
           "The `blocklist` option must be an array of strings.",
           "https://tailwindcss.com/docs/content-configuration#discarding-classes"
         ]);
       }
       return [];
-    })(), typeof i.prefix == "function")
+    })(), typeof n.prefix == "function")
       r.default.warn("prefix-function", [
         "As of Tailwind CSS v3.0, `prefix` cannot be a function.",
         "Update `prefix` in your configuration to be a string to eliminate this warning.",
         "https://tailwindcss.com/docs/upgrade-guide#prefix-cannot-be-a-function"
-      ]), i.prefix = "";
+      ]), n.prefix = "";
     else {
-      var a;
-      i.prefix = (a = i.prefix) !== null && a !== void 0 ? a : "";
+      var l;
+      n.prefix = (l = n.prefix) !== null && l !== void 0 ? l : "";
     }
-    i.content = {
+    n.content = {
       relative: (() => {
-        let { content: n } = i;
-        return n != null && n.relative ? n.relative : (0, t.flagEnabled)(i, "relativeContentPathsByDefault");
+        let { content: s } = n;
+        return s != null && s.relative ? s.relative : (0, t.flagEnabled)(n, "relativeContentPathsByDefault");
       })(),
       files: (() => {
-        let { content: n, purge: p } = i;
-        return Array.isArray(p) ? p : Array.isArray(p == null ? void 0 : p.content) ? p.content : Array.isArray(n) ? n : Array.isArray(n == null ? void 0 : n.content) ? n.content : Array.isArray(n == null ? void 0 : n.files) ? n.files : [];
+        let { content: s, purge: d } = n;
+        return Array.isArray(d) ? d : Array.isArray(d == null ? void 0 : d.content) ? d.content : Array.isArray(s) ? s : Array.isArray(s == null ? void 0 : s.content) ? s.content : Array.isArray(s == null ? void 0 : s.files) ? s.files : [];
       })(),
       extract: (() => {
-        let n = (() => {
-          var f, E, y, $, D, P, L, A, j, B;
-          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 : !((y = i.purge) === null || y === void 0 || ($ = y.extract) === null || $ === void 0) && $.DEFAULT ? i.purge.extract.DEFAULT : !((D = i.content) === null || D === void 0 || (P = D.extract) === null || P === void 0) && P.DEFAULT ? i.content.extract.DEFAULT : !((L = i.purge) === null || L === void 0 || (A = L.options) === null || A === void 0) && A.extractors ? i.purge.options.extractors : !((j = i.content) === null || j === void 0 || (B = j.options) === null || B === void 0) && B.extractors ? i.content.options.extractors : {};
-        })(), p = {}, v = (() => {
-          var f, E, y, $;
-          if (!((f = i.purge) === null || f === void 0 || (E = f.options) === null || E === void 0) && E.defaultExtractor)
-            return i.purge.options.defaultExtractor;
-          if (!((y = i.content) === null || y === void 0 || ($ = y.options) === null || $ === void 0) && $.defaultExtractor)
-            return i.content.options.defaultExtractor;
+        let s = (() => {
+          var h, T, y, k, A, P, G, M, L, H;
+          return !((h = n.purge) === null || h === void 0) && h.extract ? n.purge.extract : !((T = n.content) === null || T === void 0) && T.extract ? n.content.extract : !((y = n.purge) === null || y === void 0 || (k = y.extract) === null || k === void 0) && k.DEFAULT ? n.purge.extract.DEFAULT : !((A = n.content) === null || A === void 0 || (P = A.extract) === null || P === void 0) && P.DEFAULT ? n.content.extract.DEFAULT : !((G = n.purge) === null || G === void 0 || (M = G.options) === null || M === void 0) && M.extractors ? n.purge.options.extractors : !((L = n.content) === null || L === void 0 || (H = L.options) === null || H === void 0) && H.extractors ? n.content.options.extractors : {};
+        })(), d = {}, v = (() => {
+          var h, T, y, k;
+          if (!((h = n.purge) === null || h === void 0 || (T = h.options) === null || T === void 0) && T.defaultExtractor)
+            return n.purge.options.defaultExtractor;
+          if (!((y = n.content) === null || y === void 0 || (k = y.options) === null || k === void 0) && k.defaultExtractor)
+            return n.content.options.defaultExtractor;
         })();
-        if (v !== void 0 && (p.DEFAULT = v), typeof n == "function")
-          p.DEFAULT = n;
-        else if (Array.isArray(n))
-          for (let { extensions: f, extractor: E } of n != null ? n : [])
-            for (let y of f)
-              p[y] = E;
+        if (v !== void 0 && (d.DEFAULT = v), typeof s == "function")
+          d.DEFAULT = s;
+        else if (Array.isArray(s))
+          for (let { extensions: h, extractor: T } of s != null ? s : [])
+            for (let y of h)
+              d[y] = T;
         else
-          typeof n == "object" && n !== null && Object.assign(p, n);
-        return p;
+          typeof s == "object" && s !== null && Object.assign(d, s);
+        return d;
       })(),
       transform: (() => {
-        let n = (() => {
-          var v, f, E, y, $, D;
-          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 || (y = E.transform) === null || y === void 0) && y.DEFAULT ? i.purge.transform.DEFAULT : !(($ = i.content) === null || $ === void 0 || (D = $.transform) === null || D === void 0) && D.DEFAULT ? i.content.transform.DEFAULT : {};
-        })(), p = {};
-        return typeof n == "function" && (p.DEFAULT = n), typeof n == "object" && n !== null && Object.assign(p, n), p;
+        let s = (() => {
+          var v, h, T, y, k, A;
+          return !((v = n.purge) === null || v === void 0) && v.transform ? n.purge.transform : !((h = n.content) === null || h === void 0) && h.transform ? n.content.transform : !((T = n.purge) === null || T === void 0 || (y = T.transform) === null || y === void 0) && y.DEFAULT ? n.purge.transform.DEFAULT : !((k = n.content) === null || k === void 0 || (A = k.transform) === null || A === void 0) && A.DEFAULT ? n.content.transform.DEFAULT : {};
+        })(), d = {};
+        return typeof s == "function" && (d.DEFAULT = s), typeof s == "object" && s !== null && Object.assign(d, s), d;
       })()
     };
-    for (let n of i.content.files)
-      if (typeof n == "string" && /{([^,]*?)}/g.test(n)) {
+    for (let s of n.content.files)
+      if (typeof s == "string" && /{([^,]*?)}/g.test(s)) {
         r.default.warn("invalid-glob-braces", [
-          `The glob pattern ${(0, r.dim)(n)} in your Tailwind CSS configuration is invalid.`,
-          `Update it to ${(0, r.dim)(n.replace(/{([^,]*?)}/g, "$1"))} to silence this warning.`
+          `The glob pattern ${(0, r.dim)(s)} in your Tailwind CSS configuration is invalid.`,
+          `Update it to ${(0, r.dim)(s.replace(/{([^,]*?)}/g, "$1"))} to silence this warning.`
         ]);
         break;
       }
-    return i;
+    return n;
   }
-})(He);
+})(Be);
 var Re = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -1096,8 +1096,8 @@ var Re = {};
   function t(r) {
     if (Object.prototype.toString.call(r) !== "[object Object]")
       return !1;
-    const s = Object.getPrototypeOf(r);
-    return s === null || s === Object.prototype;
+    const i = Object.getPrototypeOf(r);
+    return i === null || i === Object.prototype;
   }
 })(Re);
 var Ue = {};
@@ -1111,13 +1111,13 @@ var Ue = {};
     }
   });
   function t(r) {
-    return Array.isArray(r) ? r.map((s) => t(s)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([s, o]) => [
-      s,
-      t(o)
+    return Array.isArray(r) ? r.map((i) => t(i)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([i, a]) => [
+      i,
+      t(a)
     ])) : r;
   }
 })(Ue);
-var Ne = {}, We = {};
+var Ne = {}, Ie = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1130,8 +1130,8 @@ var Ne = {}, We = {};
   function t(r) {
     return r.replace(/\\,/g, "\\2c ");
   }
-})(We);
-var pe = {}, he = {}, Ge = {};
+})(Ie);
+var pe = {}, ge = {}, We = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1883,35 +1883,35 @@ var pe = {}, he = {}, Ge = {};
       50
     ]
   };
-})(Ge);
+})(We);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(y, $) {
-    for (var D in $)
-      Object.defineProperty(y, D, {
+  function t(y, k) {
+    for (var A in k)
+      Object.defineProperty(y, A, {
         enumerable: !0,
-        get: $[D]
+        get: k[A]
       });
   }
   t(e, {
     parseColor: function() {
-      return f;
+      return h;
     },
     formatColor: function() {
-      return E;
+      return T;
     }
   });
-  const r = /* @__PURE__ */ s(Ge);
-  function s(y) {
+  const r = /* @__PURE__ */ i(We);
+  function i(y) {
     return y && y.__esModule ? y : {
       default: y
     };
   }
-  let o = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, l = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, i = /(?:\d+|\d*\.\d+)%?/, g = /(?:\s*,\s*|\s+)/, a = /\s*[,/]\s*/, n = /var\(--(?:[^ )]*?)\)/, p = new RegExp(`^(rgba?)\\(\\s*(${i.source}|${n.source})(?:${g.source}(${i.source}|${n.source}))?(?:${g.source}(${i.source}|${n.source}))?(?:${a.source}(${i.source}|${n.source}))?\\s*\\)$`), v = new RegExp(`^(hsla?)\\(\\s*((?:${i.source})(?:deg|rad|grad|turn)?|${n.source})(?:${g.source}(${i.source}|${n.source}))?(?:${g.source}(${i.source}|${n.source}))?(?:${a.source}(${i.source}|${n.source}))?\\s*\\)$`);
-  function f(y, { loose: $ = !1 } = {}) {
-    var D, P;
+  let a = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, o = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, n = /(?:\d+|\d*\.\d+)%?/, c = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, s = /var\(--(?:[^ )]*?)\)/, d = new RegExp(`^(rgba?)\\(\\s*(${n.source}|${s.source})(?:${c.source}(${n.source}|${s.source}))?(?:${c.source}(${n.source}|${s.source}))?(?:${l.source}(${n.source}|${s.source}))?\\s*\\)$`), v = new RegExp(`^(hsla?)\\(\\s*((?:${n.source})(?:deg|rad|grad|turn)?|${s.source})(?:${c.source}(${n.source}|${s.source}))?(?:${c.source}(${n.source}|${s.source}))?(?:${l.source}(${n.source}|${s.source}))?\\s*\\)$`);
+  function h(y, { loose: k = !1 } = {}) {
+    var A, P;
     if (typeof y != "string")
       return null;
     if (y = y.trim(), y === "transparent")
@@ -1927,120 +1927,120 @@ var pe = {}, he = {}, Ge = {};
     if (y in r.default)
       return {
         mode: "rgb",
-        color: r.default[y].map((U) => U.toString())
+        color: r.default[y].map((R) => R.toString())
       };
-    let L = y.replace(l, (U, G, N, h, k) => [
+    let G = y.replace(o, (R, I, U, g, $) => [
       "#",
-      G,
-      G,
-      N,
-      N,
-      h,
-      h,
-      k ? k + k : ""
-    ].join("")).match(o);
-    if (L !== null)
+      I,
+      I,
+      U,
+      U,
+      g,
+      g,
+      $ ? $ + $ : ""
+    ].join("")).match(a);
+    if (G !== null)
       return {
         mode: "rgb",
         color: [
-          parseInt(L[1], 16),
-          parseInt(L[2], 16),
-          parseInt(L[3], 16)
-        ].map((U) => U.toString()),
-        alpha: L[4] ? (parseInt(L[4], 16) / 255).toString() : void 0
+          parseInt(G[1], 16),
+          parseInt(G[2], 16),
+          parseInt(G[3], 16)
+        ].map((R) => R.toString()),
+        alpha: G[4] ? (parseInt(G[4], 16) / 255).toString() : void 0
       };
-    var A;
-    let j = (A = y.match(p)) !== null && A !== void 0 ? A : y.match(v);
-    if (j === null)
+    var M;
+    let L = (M = y.match(d)) !== null && M !== void 0 ? M : y.match(v);
+    if (L === null)
       return null;
-    let B = [
-      j[2],
-      j[3],
-      j[4]
-    ].filter(Boolean).map((U) => U.toString());
-    return B.length === 2 && B[0].startsWith("var(") ? {
-      mode: j[1],
+    let H = [
+      L[2],
+      L[3],
+      L[4]
+    ].filter(Boolean).map((R) => R.toString());
+    return H.length === 2 && H[0].startsWith("var(") ? {
+      mode: L[1],
       color: [
-        B[0]
+        H[0]
       ],
-      alpha: B[1]
-    } : !$ && B.length !== 3 || B.length < 3 && !B.some((U) => /^var\(.*?\)$/.test(U)) ? null : {
-      mode: j[1],
-      color: B,
-      alpha: (D = j[5]) === null || D === void 0 || (P = D.toString) === null || P === void 0 ? void 0 : P.call(D)
+      alpha: H[1]
+    } : !k && H.length !== 3 || H.length < 3 && !H.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
+      mode: L[1],
+      color: H,
+      alpha: (A = L[5]) === null || A === void 0 || (P = A.toString) === null || P === void 0 ? void 0 : P.call(A)
     };
   }
-  function E({ mode: y, color: $, alpha: D }) {
-    let P = D !== void 0;
-    return y === "rgba" || y === "hsla" ? `${y}(${$.join(", ")}${P ? `, ${D}` : ""})` : `${y}(${$.join(" ")}${P ? ` / ${D}` : ""})`;
+  function T({ mode: y, color: k, alpha: A }) {
+    let P = A !== void 0;
+    return y === "rgba" || y === "hsla" ? `${y}(${k.join(", ")}${P ? `, ${A}` : ""})` : `${y}(${k.join(" ")}${P ? ` / ${A}` : ""})`;
   }
-})(he);
+})(ge);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(l, i) {
-    for (var g in i)
-      Object.defineProperty(l, g, {
+  function t(o, n) {
+    for (var c in n)
+      Object.defineProperty(o, c, {
         enumerable: !0,
-        get: i[g]
+        get: n[c]
       });
   }
   t(e, {
     withAlphaValue: function() {
-      return s;
+      return i;
     },
     default: function() {
-      return o;
+      return a;
     }
   });
-  const r = he;
-  function s(l, i, g) {
-    if (typeof l == "function")
-      return l({
-        opacityValue: i
+  const r = ge;
+  function i(o, n, c) {
+    if (typeof o == "function")
+      return o({
+        opacityValue: n
       });
-    let a = (0, r.parseColor)(l, {
+    let l = (0, r.parseColor)(o, {
       loose: !0
     });
-    return a === null ? g : (0, r.formatColor)({
-      ...a,
-      alpha: i
+    return l === null ? c : (0, r.formatColor)({
+      ...l,
+      alpha: n
     });
   }
-  function o({ color: l, property: i, variable: g }) {
-    let a = [].concat(i);
-    if (typeof l == "function")
+  function a({ color: o, property: n, variable: c }) {
+    let l = [].concat(n);
+    if (typeof o == "function")
       return {
-        [g]: "1",
-        ...Object.fromEntries(a.map((p) => [
-          p,
-          l({
-            opacityVariable: g,
-            opacityValue: `var(${g})`
+        [c]: "1",
+        ...Object.fromEntries(l.map((d) => [
+          d,
+          o({
+            opacityVariable: c,
+            opacityValue: `var(${c})`
           })
         ]))
       };
-    const n = (0, r.parseColor)(l);
-    return n === null ? Object.fromEntries(a.map((p) => [
-      p,
-      l
-    ])) : n.alpha !== void 0 ? Object.fromEntries(a.map((p) => [
-      p,
-      l
+    const s = (0, r.parseColor)(o);
+    return s === null ? Object.fromEntries(l.map((d) => [
+      d,
+      o
+    ])) : s.alpha !== void 0 ? Object.fromEntries(l.map((d) => [
+      d,
+      o
     ])) : {
-      [g]: "1",
-      ...Object.fromEntries(a.map((p) => [
-        p,
+      [c]: "1",
+      ...Object.fromEntries(l.map((d) => [
+        d,
         (0, r.formatColor)({
-          ...n,
-          alpha: `var(${g})`
+          ...s,
+          alpha: `var(${c})`
         })
       ]))
     };
   }
 })(pe);
-var ge = {}, Ie = {}, ne = {};
+var ve = {}, Ve = {}, ie = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2050,151 +2050,151 @@ var ge = {}, Ie = {}, ne = {};
       return t;
     }
   });
-  function t(r, s) {
-    let o = [], l = [], i = 0, g = !1;
-    for (let a = 0; a < r.length; a++) {
-      let n = r[a];
-      o.length === 0 && n === s[0] && !g && (s.length === 1 || r.slice(a, a + s.length) === s) && (l.push(r.slice(i, a)), i = a + s.length), g ? g = !1 : n === "\\" && (g = !0), n === "(" || n === "[" || n === "{" ? o.push(n) : (n === ")" && o[o.length - 1] === "(" || n === "]" && o[o.length - 1] === "[" || n === "}" && o[o.length - 1] === "{") && o.pop();
+  function t(r, i) {
+    let a = [], o = [], n = 0, c = !1;
+    for (let l = 0; l < r.length; l++) {
+      let s = r[l];
+      a.length === 0 && s === i[0] && !c && (i.length === 1 || r.slice(l, l + i.length) === i) && (o.push(r.slice(n, l)), n = l + i.length), c ? c = !1 : s === "\\" && (c = !0), s === "(" || s === "[" || s === "{" ? a.push(s) : (s === ")" && a[a.length - 1] === "(" || s === "]" && a[a.length - 1] === "[" || s === "}" && a[a.length - 1] === "{") && a.pop();
     }
-    return l.push(r.slice(i)), l;
+    return o.push(r.slice(n)), o;
   }
-})(ne);
+})(ie);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(a, n) {
-    for (var p in n)
-      Object.defineProperty(a, p, {
+  function t(l, s) {
+    for (var d in s)
+      Object.defineProperty(l, d, {
         enumerable: !0,
-        get: n[p]
+        get: s[d]
       });
   }
   t(e, {
     parseBoxShadowValue: function() {
-      return i;
+      return n;
     },
     formatBoxShadowValue: function() {
-      return g;
+      return c;
     }
   });
-  const r = ne;
-  let s = /* @__PURE__ */ new Set([
+  const r = ie;
+  let i = /* @__PURE__ */ new Set([
     "inset",
     "inherit",
     "initial",
     "revert",
     "unset"
-  ]), o = /\ +(?![^(]*\))/g, l = /^-?(\d+|\.\d+)(.*?)$/g;
-  function i(a) {
-    return (0, r.splitAtTopLevelOnly)(a, ",").map((p) => {
-      let v = p.trim(), f = {
+  ]), a = /\ +(?![^(]*\))/g, o = /^-?(\d+|\.\d+)(.*?)$/g;
+  function n(l) {
+    return (0, r.splitAtTopLevelOnly)(l, ",").map((d) => {
+      let v = d.trim(), h = {
         raw: v
-      }, E = v.split(o), y = /* @__PURE__ */ new Set();
-      for (let $ of E)
-        l.lastIndex = 0, !y.has("KEYWORD") && s.has($) ? (f.keyword = $, y.add("KEYWORD")) : l.test($) ? y.has("X") ? y.has("Y") ? y.has("BLUR") ? y.has("SPREAD") || (f.spread = $, y.add("SPREAD")) : (f.blur = $, y.add("BLUR")) : (f.y = $, y.add("Y")) : (f.x = $, y.add("X")) : f.color ? (f.unknown || (f.unknown = []), f.unknown.push($)) : f.color = $;
-      return f.valid = f.x !== void 0 && f.y !== void 0, f;
+      }, T = v.split(a), y = /* @__PURE__ */ new Set();
+      for (let k of T)
+        o.lastIndex = 0, !y.has("KEYWORD") && i.has(k) ? (h.keyword = k, y.add("KEYWORD")) : o.test(k) ? y.has("X") ? y.has("Y") ? y.has("BLUR") ? y.has("SPREAD") || (h.spread = k, y.add("SPREAD")) : (h.blur = k, y.add("BLUR")) : (h.y = k, y.add("Y")) : (h.x = k, y.add("X")) : h.color ? (h.unknown || (h.unknown = []), h.unknown.push(k)) : h.color = k;
+      return h.valid = h.x !== void 0 && h.y !== void 0, h;
     });
   }
-  function g(a) {
-    return a.map((n) => n.valid ? [
-      n.keyword,
-      n.x,
-      n.y,
-      n.blur,
-      n.spread,
-      n.color
-    ].filter(Boolean).join(" ") : n.raw).join(", ");
+  function c(l) {
+    return l.map((s) => s.valid ? [
+      s.keyword,
+      s.x,
+      s.y,
+      s.blur,
+      s.spread,
+      s.color
+    ].filter(Boolean).join(" ") : s.raw).join(", ");
   }
-})(Ie);
+})(Ve);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(c, _) {
+  function t(f, _) {
     for (var F in _)
-      Object.defineProperty(c, F, {
+      Object.defineProperty(f, F, {
         enumerable: !0,
         get: _[F]
       });
   }
   t(e, {
     normalize: function() {
-      return n;
+      return s;
     },
     url: function() {
       return v;
     },
     number: function() {
-      return f;
+      return h;
     },
     percentage: function() {
-      return E;
+      return T;
     },
     length: function() {
-      return D;
+      return A;
     },
     lineWidth: function() {
-      return L;
+      return G;
     },
     shadow: function() {
-      return A;
+      return M;
     },
     color: function() {
-      return j;
+      return L;
     },
     image: function() {
-      return B;
+      return H;
     },
     gradient: function() {
-      return G;
+      return I;
     },
     position: function() {
-      return h;
+      return g;
     },
     familyName: function() {
-      return k;
+      return $;
     },
     genericName: function() {
-      return d;
+      return m;
     },
     absoluteSize: function() {
       return x;
     },
     relativeSize: function() {
-      return T;
+      return E;
     }
   });
-  const r = he, s = Ie, o = ne;
-  let l = [
+  const r = ge, i = Ve, a = ie;
+  let o = [
     "min",
     "max",
     "clamp",
     "calc"
   ];
-  function i(c) {
-    return l.some((_) => new RegExp(`^${_}\\(.*\\)`).test(c));
+  function n(f) {
+    return o.some((_) => new RegExp(`^${_}\\(.*\\)`).test(f));
   }
-  const g = "--tw-placeholder", a = new RegExp(g, "g");
-  function n(c, _ = !0) {
-    return c.startsWith("--") ? `var(${c})` : c.includes("url(") ? c.split(/(url\(.*?\))/g).filter(Boolean).map((F) => /^url\(.*?\)$/.test(F) ? F : n(F, !1)).join("") : (c = c.replace(/([^\\])_+/g, (F, O) => O + " ".repeat(F.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), _ && (c = c.trim()), c = p(c), c);
+  const c = "--tw-placeholder", l = new RegExp(c, "g");
+  function s(f, _ = !0) {
+    return f.startsWith("--") ? `var(${f})` : f.includes("url(") ? f.split(/(url\(.*?\))/g).filter(Boolean).map((F) => /^url\(.*?\)$/.test(F) ? F : s(F, !1)).join("") : (f = f.replace(/([^\\])_+/g, (F, D) => D + " ".repeat(F.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), _ && (f = f.trim()), f = d(f), f);
   }
-  function p(c) {
-    return c.replace(/(calc|min|max|clamp)\(.+\)/g, (_) => {
+  function d(f) {
+    return f.replace(/(calc|min|max|clamp)\(.+\)/g, (_) => {
       let F = [];
-      return _.replace(/var\((--.+?)[,)]/g, (O, Z) => (F.push(Z), O.replace(Z, g))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(a, () => F.shift());
+      return _.replace(/var\((--.+?)[,)]/g, (D, Z) => (F.push(Z), D.replace(Z, c))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => F.shift());
     });
   }
-  function v(c) {
-    return c.startsWith("url(");
+  function v(f) {
+    return f.startsWith("url(");
   }
-  function f(c) {
-    return !isNaN(Number(c)) || i(c);
+  function h(f) {
+    return !isNaN(Number(f)) || n(f);
   }
-  function E(c) {
-    return c.endsWith("%") && f(c.slice(0, -1)) || i(c);
+  function T(f) {
+    return f.endsWith("%") && h(f.slice(0, -1)) || n(f);
   }
-  let $ = `(?:${[
+  let k = `(?:${[
     "cm",
     "mm",
     "Q",
@@ -2227,40 +2227,40 @@ var ge = {}, Ie = {}, ne = {};
     "cqmin",
     "cqmax"
   ].join("|")})`;
-  function D(c) {
-    return c === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${$}$`).test(c) || i(c);
+  function A(f) {
+    return f === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(f) || n(f);
   }
   let P = /* @__PURE__ */ new Set([
     "thin",
     "medium",
     "thick"
   ]);
-  function L(c) {
-    return P.has(c);
+  function G(f) {
+    return P.has(f);
   }
-  function A(c) {
-    let _ = (0, s.parseBoxShadowValue)(n(c));
+  function M(f) {
+    let _ = (0, i.parseBoxShadowValue)(s(f));
     for (let F of _)
       if (!F.valid)
         return !1;
     return !0;
   }
-  function j(c) {
+  function L(f) {
     let _ = 0;
-    return (0, o.splitAtTopLevelOnly)(c, "_").every((O) => (O = n(O), O.startsWith("var(") ? !0 : (0, r.parseColor)(O, {
+    return (0, a.splitAtTopLevelOnly)(f, "_").every((D) => (D = s(D), D.startsWith("var(") ? !0 : (0, r.parseColor)(D, {
       loose: !0
     }) !== null ? (_++, !0) : !1)) ? _ > 0 : !1;
   }
-  function B(c) {
+  function H(f) {
     let _ = 0;
-    return (0, o.splitAtTopLevelOnly)(c, ",").every((O) => (O = n(O), O.startsWith("var(") ? !0 : v(O) || G(O) || [
+    return (0, a.splitAtTopLevelOnly)(f, ",").every((D) => (D = s(D), D.startsWith("var(") ? !0 : v(D) || I(D) || [
       "element(",
       "image(",
       "cross-fade(",
       "image-set("
-    ].some((Z) => O.startsWith(Z)) ? (_++, !0) : !1)) ? _ > 0 : !1;
+    ].some((Z) => D.startsWith(Z)) ? (_++, !0) : !1)) ? _ > 0 : !1;
   }
-  let U = /* @__PURE__ */ new Set([
+  let R = /* @__PURE__ */ new Set([
     "conic-gradient",
     "linear-gradient",
     "radial-gradient",
@@ -2268,27 +2268,27 @@ var ge = {}, Ie = {}, ne = {};
     "repeating-linear-gradient",
     "repeating-radial-gradient"
   ]);
-  function G(c) {
-    c = n(c);
-    for (let _ of U)
-      if (c.startsWith(`${_}(`))
+  function I(f) {
+    f = s(f);
+    for (let _ of R)
+      if (f.startsWith(`${_}(`))
         return !0;
     return !1;
   }
-  let N = /* @__PURE__ */ new Set([
+  let U = /* @__PURE__ */ new Set([
     "center",
     "top",
     "right",
     "bottom",
     "left"
   ]);
-  function h(c) {
+  function g(f) {
     let _ = 0;
-    return (0, o.splitAtTopLevelOnly)(c, "_").every((O) => (O = n(O), O.startsWith("var(") ? !0 : N.has(O) || D(O) || E(O) ? (_++, !0) : !1)) ? _ > 0 : !1;
+    return (0, a.splitAtTopLevelOnly)(f, "_").every((D) => (D = s(D), D.startsWith("var(") ? !0 : U.has(D) || A(D) || T(D) ? (_++, !0) : !1)) ? _ > 0 : !1;
   }
-  function k(c) {
+  function $(f) {
     let _ = 0;
-    return (0, o.splitAtTopLevelOnly)(c, ",").every((O) => (O = n(O), O.startsWith("var(") ? !0 : O.includes(" ") && !/(['"])([^"']+)\1/g.test(O) || /^\d/g.test(O) ? !1 : (_++, !0))) ? _ > 0 : !1;
+    return (0, a.splitAtTopLevelOnly)(f, ",").every((D) => (D = s(D), D.startsWith("var(") ? !0 : D.includes(" ") && !/(['"])([^"']+)\1/g.test(D) || /^\d/g.test(D) ? !1 : (_++, !0))) ? _ > 0 : !1;
   }
   let w = /* @__PURE__ */ new Set([
     "serif",
@@ -2305,8 +2305,8 @@ var ge = {}, Ie = {}, ne = {};
     "emoji",
     "fangsong"
   ]);
-  function d(c) {
-    return w.has(c);
+  function m(f) {
+    return w.has(f);
   }
   let b = /* @__PURE__ */ new Set([
     "xx-small",
@@ -2318,238 +2318,238 @@ var ge = {}, Ie = {}, ne = {};
     "x-large",
     "xxx-large"
   ]);
-  function x(c) {
-    return b.has(c);
+  function x(f) {
+    return b.has(f);
   }
-  let m = /* @__PURE__ */ new Set([
+  let p = /* @__PURE__ */ new Set([
     "larger",
     "smaller"
   ]);
-  function T(c) {
-    return m.has(c);
+  function E(f) {
+    return p.has(f);
   }
-})(ge);
-var Ve = {};
+})(ve);
+var qe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "backgroundSize", {
     enumerable: !0,
     get: function() {
-      return s;
+      return i;
     }
   });
-  const t = ge, r = ne;
-  function s(o) {
-    let l = [
+  const t = ve, r = ie;
+  function i(a) {
+    let o = [
       "cover",
       "contain"
     ];
-    return (0, r.splitAtTopLevelOnly)(o, ",").every((i) => {
-      let g = (0, r.splitAtTopLevelOnly)(i, "_").filter(Boolean);
-      return g.length === 1 && l.includes(g[0]) ? !0 : g.length !== 1 && g.length !== 2 ? !1 : g.every((a) => (0, t.length)(a) || (0, t.percentage)(a) || a === "auto");
+    return (0, r.splitAtTopLevelOnly)(a, ",").every((n) => {
+      let c = (0, r.splitAtTopLevelOnly)(n, "_").filter(Boolean);
+      return c.length === 1 && o.includes(c[0]) ? !0 : c.length !== 1 && c.length !== 2 ? !1 : c.every((l) => (0, t.length)(l) || (0, t.percentage)(l) || l === "auto");
     });
   }
-})(Ve);
+})(qe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  function t(h, k) {
-    for (var w in k)
-      Object.defineProperty(h, w, {
+  function t(g, $) {
+    for (var w in $)
+      Object.defineProperty(g, w, {
         enumerable: !0,
-        get: k[w]
+        get: $[w]
       });
   }
   t(e, {
     updateAllClasses: function() {
-      return n;
+      return s;
     },
     asValue: function() {
-      return f;
+      return h;
     },
     parseColorFormat: function() {
-      return $;
+      return k;
     },
     asColor: function() {
       return P;
     },
     asLookupValue: function() {
-      return L;
+      return G;
     },
     typeMap: function() {
-      return j;
+      return L;
     },
     coerceValue: function() {
-      return G;
+      return I;
     },
     getMatchingTypes: function() {
-      return N;
+      return U;
     }
   });
-  const r = /* @__PURE__ */ a(We), s = pe, o = ge, l = /* @__PURE__ */ a(de), i = Ve, g = re;
-  function a(h) {
-    return h && h.__esModule ? h : {
-      default: h
+  const r = /* @__PURE__ */ l(Ie), i = pe, a = ve, o = /* @__PURE__ */ l(fe), n = qe, c = ne;
+  function l(g) {
+    return g && g.__esModule ? g : {
+      default: g
     };
   }
-  function n(h, k) {
-    h.walkClasses((w) => {
-      w.value = k(w.value), w.raws && w.raws.value && (w.raws.value = (0, r.default)(w.raws.value));
+  function s(g, $) {
+    g.walkClasses((w) => {
+      w.value = $(w.value), w.raws && w.raws.value && (w.raws.value = (0, r.default)(w.raws.value));
     });
   }
-  function p(h, k) {
-    if (!E(h))
+  function d(g, $) {
+    if (!T(g))
       return;
-    let w = h.slice(1, -1);
-    if (k(w))
-      return (0, o.normalize)(w);
+    let w = g.slice(1, -1);
+    if ($(w))
+      return (0, a.normalize)(w);
   }
-  function v(h, k = {}, w) {
-    let d = k[h];
-    if (d !== void 0)
-      return (0, l.default)(d);
-    if (E(h)) {
-      let b = p(h, w);
-      return b === void 0 ? void 0 : (0, l.default)(b);
+  function v(g, $ = {}, w) {
+    let m = $[g];
+    if (m !== void 0)
+      return (0, o.default)(m);
+    if (T(g)) {
+      let b = d(g, w);
+      return b === void 0 ? void 0 : (0, o.default)(b);
     }
   }
-  function f(h, k = {}, { validate: w = () => !0 } = {}) {
-    var d;
-    let b = (d = k.values) === null || d === void 0 ? void 0 : d[h];
-    return b !== void 0 ? b : k.supportsNegativeValues && h.startsWith("-") ? v(h.slice(1), k.values, w) : p(h, w);
+  function h(g, $ = {}, { validate: w = () => !0 } = {}) {
+    var m;
+    let b = (m = $.values) === null || m === void 0 ? void 0 : m[g];
+    return b !== void 0 ? b : $.supportsNegativeValues && g.startsWith("-") ? v(g.slice(1), $.values, w) : d(g, w);
   }
-  function E(h) {
-    return h.startsWith("[") && h.endsWith("]");
+  function T(g) {
+    return g.startsWith("[") && g.endsWith("]");
   }
-  function y(h) {
-    let k = h.lastIndexOf("/");
-    return k === -1 || k === h.length - 1 ? [
-      h,
+  function y(g) {
+    let $ = g.lastIndexOf("/");
+    return $ === -1 || $ === g.length - 1 ? [
+      g,
       void 0
-    ] : E(h) && !h.includes("]/[") ? [
-      h,
+    ] : T(g) && !g.includes("]/[") ? [
+      g,
       void 0
     ] : [
-      h.slice(0, k),
-      h.slice(k + 1)
+      g.slice(0, $),
+      g.slice($ + 1)
     ];
   }
-  function $(h) {
-    if (typeof h == "string" && h.includes("<alpha-value>")) {
-      let k = h;
-      return ({ opacityValue: w = 1 }) => k.replace("<alpha-value>", w);
+  function k(g) {
+    if (typeof g == "string" && g.includes("<alpha-value>")) {
+      let $ = g;
+      return ({ opacityValue: w = 1 }) => $.replace("<alpha-value>", w);
     }
-    return h;
+    return g;
   }
-  function D(h) {
-    return (0, o.normalize)(h.slice(1, -1));
+  function A(g) {
+    return (0, a.normalize)(g.slice(1, -1));
   }
-  function P(h, k = {}, { tailwindConfig: w = {} } = {}) {
-    var d;
-    if (((d = k.values) === null || d === void 0 ? void 0 : d[h]) !== void 0) {
+  function P(g, $ = {}, { tailwindConfig: w = {} } = {}) {
+    var m;
+    if (((m = $.values) === null || m === void 0 ? void 0 : m[g]) !== void 0) {
       var b;
-      return $((b = k.values) === null || b === void 0 ? void 0 : b[h]);
+      return k((b = $.values) === null || b === void 0 ? void 0 : b[g]);
     }
-    let [x, m] = y(h);
-    if (m !== void 0) {
-      var T, c, _, F;
-      let O = (F = (T = k.values) === null || T === void 0 ? void 0 : T[x]) !== null && F !== void 0 ? F : E(x) ? x.slice(1, -1) : void 0;
-      return O === void 0 ? void 0 : (O = $(O), E(m) ? (0, s.withAlphaValue)(O, D(m)) : ((c = w.theme) === null || c === void 0 || (_ = c.opacity) === null || _ === void 0 ? void 0 : _[m]) === void 0 ? void 0 : (0, s.withAlphaValue)(O, w.theme.opacity[m]));
+    let [x, p] = y(g);
+    if (p !== void 0) {
+      var E, f, _, F;
+      let D = (F = (E = $.values) === null || E === void 0 ? void 0 : E[x]) !== null && F !== void 0 ? F : T(x) ? x.slice(1, -1) : void 0;
+      return D === void 0 ? void 0 : (D = k(D), T(p) ? (0, i.withAlphaValue)(D, A(p)) : ((f = w.theme) === null || f === void 0 || (_ = f.opacity) === null || _ === void 0 ? void 0 : _[p]) === void 0 ? void 0 : (0, i.withAlphaValue)(D, w.theme.opacity[p]));
     }
-    return f(h, k, {
-      validate: o.color
+    return h(g, $, {
+      validate: a.color
     });
   }
-  function L(h, k = {}) {
+  function G(g, $ = {}) {
     var w;
-    return (w = k.values) === null || w === void 0 ? void 0 : w[h];
+    return (w = $.values) === null || w === void 0 ? void 0 : w[g];
   }
-  function A(h) {
-    return (k, w) => f(k, w, {
-      validate: h
+  function M(g) {
+    return ($, w) => h($, w, {
+      validate: g
     });
   }
-  let j = {
-    any: f,
+  let L = {
+    any: h,
     color: P,
-    url: A(o.url),
-    image: A(o.image),
-    length: A(o.length),
-    percentage: A(o.percentage),
-    position: A(o.position),
-    lookup: L,
-    "generic-name": A(o.genericName),
-    "family-name": A(o.familyName),
-    number: A(o.number),
-    "line-width": A(o.lineWidth),
-    "absolute-size": A(o.absoluteSize),
-    "relative-size": A(o.relativeSize),
-    shadow: A(o.shadow),
-    size: A(i.backgroundSize)
-  }, B = Object.keys(j);
-  function U(h, k) {
-    let w = h.indexOf(k);
+    url: M(a.url),
+    image: M(a.image),
+    length: M(a.length),
+    percentage: M(a.percentage),
+    position: M(a.position),
+    lookup: G,
+    "generic-name": M(a.genericName),
+    "family-name": M(a.familyName),
+    number: M(a.number),
+    "line-width": M(a.lineWidth),
+    "absolute-size": M(a.absoluteSize),
+    "relative-size": M(a.relativeSize),
+    shadow: M(a.shadow),
+    size: M(n.backgroundSize)
+  }, H = Object.keys(L);
+  function R(g, $) {
+    let w = g.indexOf($);
     return w === -1 ? [
       void 0,
-      h
+      g
     ] : [
-      h.slice(0, w),
-      h.slice(w + 1)
+      g.slice(0, w),
+      g.slice(w + 1)
     ];
   }
-  function G(h, k, w, d) {
-    if (w.values && k in w.values)
-      for (let { type: x } of h != null ? h : []) {
-        let m = j[x](k, w, {
-          tailwindConfig: d
+  function I(g, $, w, m) {
+    if (w.values && $ in w.values)
+      for (let { type: x } of g != null ? g : []) {
+        let p = L[x]($, w, {
+          tailwindConfig: m
         });
-        if (m !== void 0)
+        if (p !== void 0)
           return [
-            m,
+            p,
             x,
             null
           ];
       }
-    if (E(k)) {
-      let x = k.slice(1, -1), [m, T] = U(x, ":");
-      if (!/^[\w-_]+$/g.test(m))
-        T = x;
-      else if (m !== void 0 && !B.includes(m))
+    if (T($)) {
+      let x = $.slice(1, -1), [p, E] = R(x, ":");
+      if (!/^[\w-_]+$/g.test(p))
+        E = x;
+      else if (p !== void 0 && !H.includes(p))
         return [];
-      if (T.length > 0 && B.includes(m))
+      if (E.length > 0 && H.includes(p))
         return [
-          f(`[${T}]`, w),
-          m,
+          h(`[${E}]`, w),
+          p,
           null
         ];
     }
-    let b = N(h, k, w, d);
+    let b = U(g, $, w, m);
     for (let x of b)
       return x;
     return [];
   }
-  function* N(h, k, w, d) {
-    let b = (0, g.flagEnabled)(d, "generalizedModifiers"), [x, m] = y(k);
-    if (b && w.modifiers != null && (w.modifiers === "any" || typeof w.modifiers == "object" && (m && E(m) || m in w.modifiers)) || (x = k, m = void 0), m !== void 0 && x === "" && (x = "DEFAULT"), m !== void 0 && typeof w.modifiers == "object") {
-      var c, _;
-      let F = (_ = (c = w.modifiers) === null || c === void 0 ? void 0 : c[m]) !== null && _ !== void 0 ? _ : null;
-      F !== null ? m = F : E(m) && (m = D(m));
+  function* U(g, $, w, m) {
+    let b = (0, c.flagEnabled)(m, "generalizedModifiers"), [x, p] = y($);
+    if (b && w.modifiers != null && (w.modifiers === "any" || typeof w.modifiers == "object" && (p && T(p) || p in w.modifiers)) || (x = $, p = void 0), p !== void 0 && x === "" && (x = "DEFAULT"), p !== void 0 && typeof w.modifiers == "object") {
+      var f, _;
+      let F = (_ = (f = w.modifiers) === null || f === void 0 ? void 0 : f[p]) !== null && _ !== void 0 ? _ : null;
+      F !== null ? p = F : T(p) && (p = A(p));
     }
-    for (let { type: F } of h != null ? h : []) {
-      let O = j[F](x, w, {
-        tailwindConfig: d
+    for (let { type: F } of g != null ? g : []) {
+      let D = L[F](x, w, {
+        tailwindConfig: m
       });
-      O !== void 0 && (yield [
-        O,
+      D !== void 0 && (yield [
+        D,
         F,
-        m != null ? m : null
+        p != null ? p : null
       ]);
     }
   }
 })(Ne);
-var qe = {};
+var Xe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2562,7 +2562,7 @@ var qe = {};
   function t(r) {
     return typeof r == "function" ? r({}) : r;
   }
-})(qe);
+})(Xe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2572,163 +2572,163 @@ var qe = {};
       return w;
     }
   });
-  const t = /* @__PURE__ */ E(de), r = /* @__PURE__ */ E(Me), s = /* @__PURE__ */ E(ze), o = /* @__PURE__ */ E(fe), l = je, i = Be, g = He, a = /* @__PURE__ */ E(Re), n = Ue, p = Ne, v = pe, f = /* @__PURE__ */ E(qe);
-  function E(d) {
-    return d && d.__esModule ? d : {
-      default: d
+  const t = /* @__PURE__ */ T(fe), r = /* @__PURE__ */ T(ze), i = /* @__PURE__ */ T(Pe), a = /* @__PURE__ */ T(he), o = He, n = je, c = Be, l = /* @__PURE__ */ T(Re), s = Ue, d = Ne, v = pe, h = /* @__PURE__ */ T(Xe);
+  function T(m) {
+    return m && m.__esModule ? m : {
+      default: m
     };
   }
-  function y(d) {
-    return typeof d == "function";
+  function y(m) {
+    return typeof m == "function";
   }
-  function $(d, ...b) {
+  function k(m, ...b) {
     let x = b.pop();
-    for (let m of b)
-      for (let T in m) {
-        let c = x(d[T], m[T]);
-        c === void 0 ? (0, a.default)(d[T]) && (0, a.default)(m[T]) ? d[T] = $({}, d[T], m[T], x) : d[T] = m[T] : d[T] = c;
+    for (let p of b)
+      for (let E in p) {
+        let f = x(m[E], p[E]);
+        f === void 0 ? (0, l.default)(m[E]) && (0, l.default)(p[E]) ? m[E] = k({}, m[E], p[E], x) : m[E] = p[E] : m[E] = f;
       }
-    return d;
+    return m;
   }
-  const D = {
-    colors: o.default,
-    negative(d) {
-      return Object.keys(d).filter((b) => d[b] !== "0").reduce((b, x) => {
-        let m = (0, t.default)(d[x]);
-        return m !== void 0 && (b[`-${x}`] = m), b;
+  const A = {
+    colors: a.default,
+    negative(m) {
+      return Object.keys(m).filter((b) => m[b] !== "0").reduce((b, x) => {
+        let p = (0, t.default)(m[x]);
+        return p !== void 0 && (b[`-${x}`] = p), b;
       }, {});
     },
-    breakpoints(d) {
-      return Object.keys(d).filter((b) => typeof d[b] == "string").reduce((b, x) => ({
+    breakpoints(m) {
+      return Object.keys(m).filter((b) => typeof m[b] == "string").reduce((b, x) => ({
         ...b,
-        [`screen-${x}`]: d[x]
+        [`screen-${x}`]: m[x]
       }), {});
     }
   };
-  function P(d, ...b) {
-    return y(d) ? d(...b) : d;
+  function P(m, ...b) {
+    return y(m) ? m(...b) : m;
   }
-  function L(d) {
-    return d.reduce((b, { extend: x }) => $(b, x, (m, T) => m === void 0 ? [
-      T
-    ] : Array.isArray(m) ? [
-      T,
-      ...m
+  function G(m) {
+    return m.reduce((b, { extend: x }) => k(b, x, (p, E) => p === void 0 ? [
+      E
+    ] : Array.isArray(p) ? [
+      E,
+      ...p
     ] : [
-      T,
-      m
+      E,
+      p
     ]), {});
   }
-  function A(d) {
+  function M(m) {
     return {
-      ...d.reduce((b, x) => (0, l.defaults)(b, x), {}),
+      ...m.reduce((b, x) => (0, o.defaults)(b, x), {}),
       // In order to resolve n config objects, we combine all of their `extend` properties
       // into arrays instead of objects so they aren't overridden.
-      extend: L(d)
+      extend: G(m)
     };
   }
-  function j(d, b) {
-    if (Array.isArray(d) && (0, a.default)(d[0]))
-      return d.concat(b);
-    if (Array.isArray(b) && (0, a.default)(b[0]) && (0, a.default)(d))
+  function L(m, b) {
+    if (Array.isArray(m) && (0, l.default)(m[0]))
+      return m.concat(b);
+    if (Array.isArray(b) && (0, l.default)(b[0]) && (0, l.default)(m))
       return [
-        d,
+        m,
         ...b
       ];
     if (Array.isArray(b))
       return b;
   }
-  function B({ extend: d, ...b }) {
-    return $(b, d, (x, m) => !y(x) && !m.some(y) ? $({}, x, ...m, j) : (T, c) => $({}, ...[
+  function H({ extend: m, ...b }) {
+    return k(b, m, (x, p) => !y(x) && !p.some(y) ? k({}, x, ...p, L) : (E, f) => k({}, ...[
       x,
-      ...m
-    ].map((_) => P(_, T, c)), j));
+      ...p
+    ].map((_) => P(_, E, f)), L));
   }
-  function* U(d) {
-    let b = (0, i.toPath)(d);
-    if (b.length === 0 || (yield b, Array.isArray(d)))
+  function* R(m) {
+    let b = (0, n.toPath)(m);
+    if (b.length === 0 || (yield b, Array.isArray(m)))
       return;
-    let x = /^(.*?)\s*\/\s*([^/]+)$/, m = d.match(x);
-    if (m !== null) {
-      let [, T, c] = m, _ = (0, i.toPath)(T);
-      _.alpha = c, yield _;
+    let x = /^(.*?)\s*\/\s*([^/]+)$/, p = m.match(x);
+    if (p !== null) {
+      let [, E, f] = p, _ = (0, n.toPath)(E);
+      _.alpha = f, yield _;
     }
   }
-  function G(d) {
-    const b = (x, m) => {
-      for (const T of U(x)) {
-        let c = 0, _ = d;
-        for (; _ != null && c < T.length; )
-          _ = _[T[c++]], _ = y(_) && (T.alpha === void 0 || c <= T.length - 1) ? _(b, D) : _;
+  function I(m) {
+    const b = (x, p) => {
+      for (const E of R(x)) {
+        let f = 0, _ = m;
+        for (; _ != null && f < E.length; )
+          _ = _[E[f++]], _ = y(_) && (E.alpha === void 0 || f <= E.length - 1) ? _(b, A) : _;
         if (_ !== void 0) {
-          if (T.alpha !== void 0) {
-            let F = (0, p.parseColorFormat)(_);
-            return (0, v.withAlphaValue)(F, T.alpha, (0, f.default)(F));
+          if (E.alpha !== void 0) {
+            let F = (0, d.parseColorFormat)(_);
+            return (0, v.withAlphaValue)(F, E.alpha, (0, h.default)(F));
           }
-          return (0, a.default)(_) ? (0, n.cloneDeep)(_) : _;
+          return (0, l.default)(_) ? (0, s.cloneDeep)(_) : _;
         }
       }
-      return m;
+      return p;
     };
     return Object.assign(b, {
       theme: b,
-      ...D
-    }), Object.keys(d).reduce((x, m) => (x[m] = y(d[m]) ? d[m](b, D) : d[m], x), {});
+      ...A
+    }), Object.keys(m).reduce((x, p) => (x[p] = y(m[p]) ? m[p](b, A) : m[p], x), {});
   }
-  function N(d) {
+  function U(m) {
     let b = [];
-    return d.forEach((x) => {
+    return m.forEach((x) => {
       b = [
         ...b,
         x
       ];
-      var m;
-      const T = (m = x == null ? void 0 : x.plugins) !== null && m !== void 0 ? m : [];
-      T.length !== 0 && T.forEach((c) => {
-        c.__isOptionsFunction && (c = c());
+      var p;
+      const E = (p = x == null ? void 0 : x.plugins) !== null && p !== void 0 ? p : [];
+      E.length !== 0 && E.forEach((f) => {
+        f.__isOptionsFunction && (f = f());
         var _;
         b = [
           ...b,
-          ...N([
-            (_ = c == null ? void 0 : c.config) !== null && _ !== void 0 ? _ : {}
+          ...U([
+            (_ = f == null ? void 0 : f.config) !== null && _ !== void 0 ? _ : {}
           ])
         ];
       });
     }), b;
   }
-  function h(d) {
+  function g(m) {
     return [
-      ...d
-    ].reduceRight((x, m) => y(m) ? m({
+      ...m
+    ].reduceRight((x, p) => y(p) ? p({
       corePlugins: x
-    }) : (0, s.default)(m, x), r.default);
+    }) : (0, i.default)(p, x), r.default);
   }
-  function k(d) {
+  function $(m) {
     return [
-      ...d
-    ].reduceRight((x, m) => [
-      ...x,
       ...m
+    ].reduceRight((x, p) => [
+      ...x,
+      ...p
     ], []);
   }
-  function w(d) {
+  function w(m) {
     let b = [
-      ...N(d),
+      ...U(m),
       {
         prefix: "",
         important: !1,
         separator: ":"
       }
     ];
-    var x, m;
-    return (0, g.normalizeConfig)((0, l.defaults)({
-      theme: G(B(A(b.map((T) => (x = T == null ? void 0 : T.theme) !== null && x !== void 0 ? x : {})))),
-      corePlugins: h(b.map((T) => T.corePlugins)),
-      plugins: k(d.map((T) => (m = T == null ? void 0 : T.plugins) !== null && m !== void 0 ? m : []))
+    var x, p;
+    return (0, c.normalizeConfig)((0, o.defaults)({
+      theme: I(H(M(b.map((E) => (x = E == null ? void 0 : E.theme) !== null && x !== void 0 ? x : {})))),
+      corePlugins: g(b.map((E) => E.corePlugins)),
+      plugins: $(m.map((E) => (p = E == null ? void 0 : E.plugins) !== null && p !== void 0 ? p : []))
     }, ...b));
   }
-})(Ae);
-var Xe = {}, ut = {
+})(Me);
+var Ye = {}, ct = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3725,26 +3725,26 @@ var Xe = {}, ut = {
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return a;
     }
   });
-  const t = /* @__PURE__ */ s(ut), r = re;
-  function s(l) {
-    return l && l.__esModule ? l : {
-      default: l
+  const t = /* @__PURE__ */ i(ct), r = ne;
+  function i(o) {
+    return o && o.__esModule ? o : {
+      default: o
     };
   }
-  function o(l) {
-    var i;
-    const g = ((i = l == null ? void 0 : l.presets) !== null && i !== void 0 ? i : [
+  function a(o) {
+    var n;
+    const c = ((n = o == null ? void 0 : o.presets) !== null && n !== void 0 ? n : [
       t.default
-    ]).slice().reverse().flatMap((p) => o(p instanceof Function ? p() : p)), a = {
+    ]).slice().reverse().flatMap((d) => a(d instanceof Function ? d() : d)), l = {
       // Add experimental configs here...
       respectDefaultRingColorOpacity: {
         theme: {
-          ringColor: ({ theme: p }) => ({
+          ringColor: ({ theme: d }) => ({
             DEFAULT: "#3b82f67f",
-            ...p("colors")
+            ...d("colors")
           })
         }
       },
@@ -3758,43 +3758,43 @@ var Xe = {}, ut = {
           textOpacity: !1
         }
       }
-    }, n = Object.keys(a).filter((p) => (0, r.flagEnabled)(l, p)).map((p) => a[p]);
+    }, s = Object.keys(l).filter((d) => (0, r.flagEnabled)(o, d)).map((d) => l[d]);
     return [
-      l,
-      ...n,
-      ...g
+      o,
+      ...s,
+      ...c
     ];
   }
-})(Xe);
+})(Ye);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return a;
     }
   });
-  const t = /* @__PURE__ */ s(Ae), r = /* @__PURE__ */ s(Xe);
-  function s(l) {
-    return l && l.__esModule ? l : {
-      default: l
+  const t = /* @__PURE__ */ i(Me), r = /* @__PURE__ */ i(Ye);
+  function i(o) {
+    return o && o.__esModule ? o : {
+      default: o
     };
   }
-  function o(...l) {
-    let [, ...i] = (0, r.default)(l[0]);
+  function a(...o) {
+    let [, ...n] = (0, r.default)(o[0]);
     return (0, t.default)([
-      ...l,
-      ...i
+      ...o,
+      ...n
     ]);
   }
 })(Fe);
-let ie = Fe;
-var ct = (ie.__esModule ? ie : { default: ie }).default;
-const dt = /* @__PURE__ */ lt(ct);
-let se = fe;
-var W = (se.__esModule ? se : { default: se }).default;
-const ft = {
+let se = Fe;
+var dt = (se.__esModule ? se : { default: se }).default;
+const ft = /* @__PURE__ */ ut(dt);
+let ae = he;
+var N = (ae.__esModule ? ae : { default: ae }).default;
+const ht = {
   50: "#FCE3E4",
   100: "#F9CDCE",
   200: "#F39699",
@@ -3805,41 +3805,41 @@ const ft = {
   700: "#770D11",
   800: "#4E090B",
   900: "#290506"
-}, R = {
-  onprimary: W.white,
-  warning: W.amber,
-  error: W.rose,
-  info: W.cyan,
-  success: W.lime,
-  primary: W.sky,
-  brand: ft
+}, B = {
+  onprimary: N.white,
+  warning: N.amber,
+  error: N.rose,
+  info: N.cyan,
+  success: N.lime,
+  primary: N.sky,
+  brand: ht
 }, mt = {
-  ...R,
+  ...B,
   // Warning
-  warning: R.warning[500],
-  "warning-darken": R.warning[600],
-  "warning-lighten": R.warning[400],
+  warning: B.warning[500],
+  "warning-darken": B.warning[600],
+  "warning-lighten": B.warning[400],
   // Success
-  success: R.success[500],
-  "success-darken": R.success[600],
-  "success-lighten": R.success[400],
+  success: B.success[500],
+  "success-darken": B.success[600],
+  "success-lighten": B.success[400],
   // Error
-  error: R.error[500],
-  "error-darken": R.error[600],
-  "error-lighten": R.error[400],
+  error: B.error[500],
+  "error-darken": B.error[600],
+  "error-lighten": B.error[400],
   // Info
-  info: R.info[500],
-  "info-darken": R.info[600],
-  "info-lighten": R.info[400],
+  info: B.info[500],
+  "info-darken": B.info[600],
+  "info-lighten": B.info[400],
   // Primary
-  primary: R.primary[500],
-  "primary-darken": R.primary[600],
-  "primary-lighten": R.primary[400],
+  primary: B.primary[500],
+  "primary-darken": B.primary[600],
+  "primary-lighten": B.primary[400],
   // Surfaces
-  onsurface: W.slate[500],
-  onbackground: W.slate[700],
-  surface: W.slate[50],
-  background: W.white
+  onsurface: N.slate[500],
+  onbackground: N.slate[700],
+  surface: N.slate[50],
+  background: N.white
 }, pt = {
   prefix: "e-",
   corePlugins: {
@@ -3916,21 +3916,21 @@ const ft = {
       pattern: /e-content-(around|baseline|between|center|end|evenly|normal|start|stretch)/
     }
   ]
-}, Ye = dt(pt), ht = Ye.theme.fontSize, gt = Ye.theme.colors, Qt = [
+}, Ze = ft(pt), gt = Ze.theme.fontSize, vt = Ze.theme.colors, er = [
   C.dot,
   C.xs,
   C.sm,
   C.md,
   C.lg,
   C.xl
-], er = [
+], tr = [
   C.xs,
   C.sm,
   C.md,
   C.lg,
   C.xl,
   C["2xl"]
-], vt = [
+], yt = [
   C.xs,
   C.sm,
   C.md,
@@ -3945,14 +3945,14 @@ const ft = {
   C["7xl"],
   C["8xl"],
   C["9xl"]
-], tr = [
-  H.warning,
-  H.error,
-  H.info,
-  H.success,
-  H.primary,
-  H.default
 ], rr = [
+  j.warning,
+  j.error,
+  j.info,
+  j.success,
+  j.primary,
+  j.default
+], nr = [
   "play",
   "pause",
   "ended",
@@ -3963,7 +3963,7 @@ const ft = {
   "canplay",
   "canplaythrough",
   "statechanged"
-], yt = V.extend({
+], bt = V.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -3972,7 +3972,7 @@ const ft = {
     },
     color: {
       type: String,
-      default: H.default
+      default: j.default
     },
     size: {
       type: String,
@@ -3981,14 +3981,14 @@ const ft = {
   },
   computed: {
     sizes() {
-      return vt.reduce((e, t) => ({
+      return yt.reduce((e, t) => ({
         ...e,
         [t]: `e-text-${t}`
       }), {});
     },
     iconClasses() {
-      var s, o;
-      const e = this.sizes[this.size] || this.sizes[C.sm], t = `${((o = (s = this.icon) == null ? void 0 : s.split(" ")) == null ? void 0 : o.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
+      var i, a;
+      const e = this.sizes[this.size] || this.sizes[C.sm], t = `${((a = (i = this.icon) == null ? void 0 : i.split(" ")) == null ? void 0 : a.length) > 1 ? this.icon : `fa fa-${this.icon}`}`;
       return [
         "e-inline-flex e-items-center e-justify-center e-rounded-full",
         this.color,
@@ -3998,20 +3998,20 @@ const ft = {
     }
   }
 });
-var bt = function() {
+var xt = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-icon" }, [r("i", { class: t.iconClasses })]);
-}, xt = [], _t = /* @__PURE__ */ q(
-  yt,
+}, _t = [], wt = /* @__PURE__ */ q(
   bt,
   xt,
+  _t,
   !1,
   null,
   null,
   null,
   null
 );
-const wt = _t.exports, St = V.extend({
+const St = wt.exports, Ct = V.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4037,8 +4037,8 @@ const wt = _t.exports, St = V.extend({
   },
   data() {
     return {
-      sizes: ht,
-      colors: gt
+      sizes: gt,
+      colors: vt
     };
   },
   computed: {
@@ -4073,15 +4073,15 @@ const wt = _t.exports, St = V.extend({
     }
   }
 });
-var Ct = function() {
+var Tt = function() {
   var t = this, r = t._self._c;
   return r("svg", { staticClass: "e-spinner e-block", class: {
     "e-spinner--dark": t.dark,
     "e-spinner--grey": !t.color
   }, style: { opacity: t.opacity }, attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1629.32 1608.86", width: t.computedSize, height: t.computedSize } }, [r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(0), attrs: { d: "m1254.12,591.61C992.01,401.11,439.78,0,439.78,0h601.2c14.3,0,48.95,9.02,62.54,38.01,55.27,117.88,111.32,235.46,170.48,351.43,33.16,70.9-8.99,170.35-19.87,202.16" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(1), attrs: { d: "m1404.65,131.67c-29.37,89.94-55.8,170.95-82.25,251.93-4.05.87-8.1,1.73-12.15,2.61-40.61-83.95-81.21-167.9-123.12-254.54h217.51Z" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(2), attrs: { d: "m1129.06,1093.51c100.75-307.98,312.75-956.75,312.75-956.75,0,0,180.36,558.53,184.75,572.14,4.39,13.59,6.45,49.34-16.96,71.19-95.21,88.81-189.88,178.28-282.06,270.2-57.29,53.34-164.86,43.8-198.48,43.21" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(3), attrs: { d: "m1342.3,1083.06c66.6-63.43,133.22-126.86,207.93-197.98,21.51,73.55,40.3,137.81,60.64,207.37h-263.35c-1.75-3.13-3.48-6.27-5.22-9.39" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(4), attrs: { d: "m610.27,1137.17c324.03-.53,1006.55-1.85,1006.55-1.85,0,0-474.19,345.83-485.74,354.25-11.55,8.42-44.87,21.56-72.94,6.14-114.11-62.68-228.69-124.66-344.81-183.5-68.56-37.76-93.12-142.93-103.06-175.04" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(5), attrs: { d: "m938.58,1468.29c-62.81,42.58-118.35,80.24-180.28,122.23-28.35-87.22-54.62-168.03-80.89-248.86,2.62-2.92,5.26-5.85,7.9-8.76,81.89,43.78,163.79,87.56,253.26,135.39" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(6), attrs: { d: "m413.07,652.86c101.35,307.77,314.99,956,314.99,956,0,0-476.23-343.04-487.83-351.39-11.58-8.36-34.44-35.93-28.52-67.4,24.07-127.96,47.3-256.13,67.09-384.8,14.54-76.9,106.84-132.96,134.28-152.42" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(7), attrs: { d: "m197.48,1068.8c-62.36-47.73-115.99-88.79-176.78-135.33,75.54-54.91,146.18-106.24,216.83-157.57,3.73,2.24,7.45,4.47,11.19,6.71-16.36,91.3-32.7,182.61-51.25,286.19" } }), r("path", { staticClass: "e-spinner__primary", style: t.getNthPathStyle(8), attrs: { d: "m813.58,314.41C551.63,505.15,0,907.07,0,907.07c0,0,180.68-558.4,185.09-572.01,4.39-13.59,23.65-43.78,55.41-47.8,129.19-16.29,258.32-33.41,386.86-53.99,77.67-9.72,159.3,60.97,186.22,81.13" } }), r("path", { staticClass: "e-spinner__secondary", style: t.getNthPathStyle(9), attrs: { d: "m635.14,199.78c-91.99,12.38-183.97,24.77-288.07,38.76,25.77-73.18,48.3-137.14,73.8-209.53,76.56,55.41,147.27,106.58,217.97,157.75-1.23,4.34-2.46,8.68-3.69,13.02" } })]);
-}, Et = [], Tt = /* @__PURE__ */ q(
-  St,
+}, Et = [], $t = /* @__PURE__ */ q(
   Ct,
+  Tt,
   Et,
   !1,
   null,
@@ -4089,7 +4089,7 @@ var Ct = function() {
   null,
   null
 );
-const Ze = Tt.exports, kt = V.extend({
+const Ke = $t.exports, kt = V.extend({
   props: {
     align: {
       type: String,
@@ -4149,20 +4149,20 @@ const Ze = Tt.exports, kt = V.extend({
     }
   }
 });
-var $t = function() {
+var Ot = function() {
   var t = this, r = t._self._c;
   return t._self._setupProxy, r("div", { staticClass: "e-row e-flex e-flex-wrap", class: t.rowClasses }, [t._t("default")], 2);
-}, Ot = [], Dt = /* @__PURE__ */ q(
+}, Dt = [], At = /* @__PURE__ */ q(
   kt,
-  $t,
   Ot,
+  Dt,
   !1,
   null,
   null,
   null,
   null
 );
-const Ft = Dt.exports, At = V.extend({
+const Ft = At.exports, Mt = V.extend({
   props: {
     alignSelf: {
       type: String,
@@ -4266,25 +4266,25 @@ const Ft = Dt.exports, At = V.extend({
     }
   }
 });
-var Mt = function() {
+var zt = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-col", class: t.colClasses }, [t._t("default")], 2);
-}, zt = [], Pt = /* @__PURE__ */ q(
-  At,
+}, Pt = [], Gt = /* @__PURE__ */ q(
   Mt,
   zt,
+  Pt,
   !1,
   null,
   null,
   null,
   null
 );
-const Lt = Pt.exports;
-function Ke() {
+const Lt = Gt.exports;
+function Je() {
   return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
 }
-function jt(e) {
-  if (Ke())
+function Ht(e) {
+  if (Je())
     return new Promise((t) => t());
   if (e.requestFullscreen)
     return e == null ? void 0 : e.requestFullscreen();
@@ -4295,8 +4295,8 @@ function jt(e) {
   if (e.msRequestFullscreen)
     return e == null ? void 0 : e.msRequestFullscreen();
 }
-function Bt() {
-  if (!Ke())
+function jt() {
+  if (!Je())
     return new Promise((e) => e());
   if (document.exitFullscreen)
     return document.exitFullscreen();
@@ -4309,7 +4309,7 @@ function Bt() {
 }
 const oe = new Intl.NumberFormat(void 0, {
   minimumIntegerDigits: 2
-}), ve = [
+}), ye = [
   "play",
   "pause",
   "ended",
@@ -4322,14 +4322,14 @@ const oe = new Intl.NumberFormat(void 0, {
   "statechanged",
   "error"
 ], J = (e) => {
-  const t = Math.floor(e % 60), r = Math.floor(e / 60) % 60, s = Math.floor(e / 3600);
-  return s === 0 ? `${r}:${oe.format(t)}` : `${s}:${oe.format(
+  const t = Math.floor(e % 60), r = Math.floor(e / 60) % 60, i = Math.floor(e / 3600);
+  return i === 0 ? `${r}:${oe.format(t)}` : `${i}:${oe.format(
     r
   )}:${oe.format(t)}`;
-}, Ht = V.extend({
+}, Bt = V.extend({
   name: "VideoPlayer",
   components: {
-    ESpinner: Ze
+    ESpinner: Ke
   },
   props: {
     sources: {
@@ -4385,12 +4385,12 @@ const oe = new Intl.NumberFormat(void 0, {
       this.isError = !0, this.isLoading = !1, this.playing = !1;
     },
     bindEvents() {
-      ve.forEach((e) => {
+      ye.forEach((e) => {
         this.bindVideoEvent(e);
       });
     },
     unbindEvents() {
-      ve.forEach((e) => {
+      ye.forEach((e) => {
         this.unbindVideoEvent(e);
       });
     },
@@ -4398,11 +4398,11 @@ const oe = new Intl.NumberFormat(void 0, {
       const t = this.$refs.player, r = this.$refs.timelineContainer;
       t.addEventListener(
         e,
-        (s) => {
+        (i) => {
           e === "loadeddata" && (this.videoLength = J(t.duration)), e === "timeupdate" && (this.percentagePlayed = t.currentTime / t.duration * 100, r.style.setProperty(
             "--progress-position",
             this.percentagePlayed.toString()
-          )), this.$emit(e, { event: s, player: this });
+          )), this.$emit(e, { event: i, player: this });
         },
         !0
       );
@@ -4411,11 +4411,11 @@ const oe = new Intl.NumberFormat(void 0, {
       const t = this.$refs.player, r = this.$refs.timelineContainer;
       t.addEventListener(
         e,
-        (s) => {
+        (i) => {
           e === "loadeddata" && (this.videoLength = J(t.duration)), e === "timeupdate" && (this.percentagePlayed = t.currentTime / t.duration * 100, r.style.setProperty(
             "--progress-position",
             this.percentagePlayed.toString()
-          )), this.$emit(e, { event: s, player: this });
+          )), this.$emit(e, { event: i, player: this });
         },
         !0
       );
@@ -4499,13 +4499,13 @@ const oe = new Intl.NumberFormat(void 0, {
       return [parseInt(e / 60 % 60, 10), parseInt(e % 60, 10)].join(":").replace(/\b(\d)\b/g, "0$1");
     },
     closeFullscreenMode() {
-      document.fullscreenElement && (Bt().then(() => {
+      document.fullscreenElement && (jt().then(() => {
         this.isFullscreen = !1, console.log("Exited fullscreen");
       }), this.isFullscreen = !1);
     },
     openFullscreenMode() {
       const e = this.$refs.videoContainer;
-      e && (jt(e).then(() => {
+      e && (Ht(e).then(() => {
         this.isFullscreen = !0;
       }), this.isFullscreen = !0);
     },
@@ -4531,13 +4531,13 @@ const oe = new Intl.NumberFormat(void 0, {
       const t = this.$refs.player;
       if (!document.body.contains(t))
         return;
-      const r = this.$refs.timelineContainer, s = r.getBoundingClientRect(), o = Math.min(Math.max(0, e.x - s.x), s.width) / s.width;
+      const r = this.$refs.timelineContainer, i = r.getBoundingClientRect(), a = Math.min(Math.max(0, e.x - i.x), i.width) / i.width;
       r.style.setProperty(
         "--preview-position",
-        o.toString()
+        a.toString()
       ), this.isScrubbing && (e.preventDefault(), r.style.setProperty(
         "--progress-position",
-        o.toString()
+        a.toString()
       ));
     },
     skip(e = 5) {
@@ -4545,18 +4545,18 @@ const oe = new Intl.NumberFormat(void 0, {
       t.currentTime += e;
     },
     async toggleScrubbing(e) {
-      const t = this.$refs.timelineContainer, r = this.$refs.videoContainer, s = this.$refs.player;
-      if (!s)
+      const t = this.$refs.timelineContainer, r = this.$refs.videoContainer, i = this.$refs.player;
+      if (!i)
         return;
-      const o = t.getBoundingClientRect(), l = Math.min(Math.max(0, e.x - o.x), o.width) / o.width;
+      const a = t.getBoundingClientRect(), o = Math.min(Math.max(0, e.x - a.x), a.width) / a.width;
       if (this.isScrubbing = (e.buttons & 1) === 1, r.classList.toggle("scrubbing", this.isScrubbing), this.isScrubbing) {
-        this.wasPaused = s.paused, await s.pause(), this.handleTimelineUpdate(e);
+        this.wasPaused = i.paused, await i.pause(), this.handleTimelineUpdate(e);
         return;
       }
-      if (this.realtime = l * this.videoDuration, s.currentTime = l * this.videoDuration, this.wasPaused)
+      if (this.realtime = o * this.videoDuration, i.currentTime = o * this.videoDuration, this.wasPaused)
         return;
-      const i = s.play();
-      i !== void 0 && i.then(() => this.handleTimelineUpdate(e)).catch(console.error);
+      const n = i.play();
+      n !== void 0 && n.then(() => this.handleTimelineUpdate(e)).catch(console.error);
     },
     handleKeyDown(e) {
       var r;
@@ -4583,8 +4583,8 @@ const oe = new Intl.NumberFormat(void 0, {
 });
 var Rt = function() {
   var t = this, r = t._self._c;
-  return r("div", { ref: "videoContainer", staticClass: "video-container paused", attrs: { "data-volume-level": "high" } }, [r("video", t._g(t._b({ ref: "player", attrs: { controls: !1, preload: "auto" }, on: { ended: t.handleEnded, click: t.togglePlay, loadedmetadata: t.getDuration, timeupdate: t.handleTimeUpdate, loadeddata: t.handleLoading } }, "video", t.videoOptions, !1), t.videoListeners), t._l(t.sourceItems, function(s) {
-    return r("source", { key: s.src, attrs: { src: s.src, type: s.type }, on: { error: t.handle404Error } });
+  return r("div", { ref: "videoContainer", staticClass: "video-container paused", attrs: { "data-volume-level": "high" } }, [r("video", t._g(t._b({ ref: "player", attrs: { controls: !1, preload: "auto" }, on: { ended: t.handleEnded, click: t.togglePlay, loadedmetadata: t.getDuration, timeupdate: t.handleTimeUpdate, loadeddata: t.handleLoading } }, "video", t.videoOptions, !1), t.videoListeners), t._l(t.sourceItems, function(i) {
+    return r("source", { key: i.src, attrs: { src: i.src, type: i.type }, on: { error: t.handle404Error } });
   }), 0), t.isLoading ? r("div", { staticClass: "spinner-container" }, [r("ESpinner", { attrs: { size: "9xl", opacity: "0.6", dark: !0 } })], 1) : t._e(), t.isError ? r("div", { staticClass: "spinner-container e-gap-3" }, [r("i", { staticClass: "fa-solid fa-video-slash fa-2xl e-align-middle" }), r("span", [t._v("This video file cannot be played.")])]) : t._e(), r("div", { class: ["video-controls-container", t.withControls] }, [r("div", { staticClass: "controls" }, [r("button", { ref: "playPauseBtn", staticClass: "play-pause-btn fa-lg fa-solid", class: {
     "fa-play": !t.playing,
     "fa-pause": t.playing
@@ -4596,7 +4596,7 @@ var Rt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "timeline" }, [t("div", { staticClass: "thumb-indicator" })]);
 }], Nt = /* @__PURE__ */ q(
-  Ht,
+  Bt,
   Rt,
   Ut,
   !1,
@@ -4605,33 +4605,33 @@ var Rt = function() {
   null,
   null
 );
-const Wt = Nt.exports, ee = (e) => {
-  const t = u.utcFormat("%_d")(e), s = {
+const It = Nt.exports, te = (e) => {
+  const t = u.utcFormat("%_d")(e), i = {
     1: "st",
     2: "nd",
     3: "rd"
   }[t.charAt(1)] || "th";
-  return `${t}${s}`;
-}, ye = (e) => new Date(
+  return `${t}${i}`;
+}, be = (e) => new Date(
   Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + 1)
-).getUTCDate() === 1 ? "" : u.utcFormat("%-d")(e), X = (e) => ["0", " 0", "00"].includes(u.utcFormat("%H")(e)) ? "" : `${u.utcFormat("%H")(e)}h`, I = (e) => {
+).getUTCDate() === 1 ? "" : u.utcFormat("%-d")(e), X = (e) => ["0", " 0", "00"].includes(u.utcFormat("%H")(e)) ? "" : `${u.utcFormat("%H")(e)}h`, W = (e) => {
   const t = u.utcFormat("%H:%M")(e);
   return t === "00:00" ? "" : t;
-}, ae = (e) => u.utcFormat("%M:%S")(e), be = (e) => `${u.utcFormat("%Hh%Mm")(e)}`, ce = (e) => {
-  const t = I(e), r = ee(e), s = u.utcFormat("%B")(e);
-  return t || `${s} ${r}`;
-}, le = (e) => {
-  const t = I(e), r = Number.parseInt(u.utcFormat("%H")(e)), s = ee(e), o = u.utcFormat("%B")(e);
-  return t && r % 6 === 0 ? `${o} ${s} ${t}` : ce(e);
+}, le = (e) => u.utcFormat("%M:%S")(e), xe = (e) => `${u.utcFormat("%Hh%Mm")(e)}`, de = (e) => {
+  const t = W(e), r = te(e), i = u.utcFormat("%B")(e);
+  return t || `${i} ${r}`;
+}, ue = (e) => {
+  const t = W(e), r = Number.parseInt(u.utcFormat("%H")(e)), i = te(e), a = u.utcFormat("%B")(e);
+  return t && r % 6 === 0 ? `${a} ${i} ${t}` : de(e);
 }, Y = (e) => (t) => {
   const r = u.utcFormat("%H")(t);
   return !(u.utcFormat("%M")(t) === "00" && Number.parseInt(r) % e === 0);
-}, ue = (e) => (t) => {
+}, ce = (e) => (t) => {
   const r = u.utcFormat("%M")(t);
   return Number.parseInt(r) % e !== 0;
-}, xe = (e) => (t) => {
-  const r = u.utcFormat("%M")(t), s = u.utcFormat("%S")(t);
-  return Number.parseInt(r) % e !== 0 && Number.parseInt(s) === 0;
+}, _e = (e) => (t) => {
+  const r = u.utcFormat("%M")(t), i = u.utcFormat("%S")(t);
+  return Number.parseInt(r) % e !== 0 && Number.parseInt(i) === 0;
 }, S = {
   _10_seconds: 25e-6,
   _20_seconds: 1e-4,
@@ -4654,57 +4654,57 @@ const Wt = Nt.exports, ee = (e) => {
   _3_months: 33,
   infinity: 1 / 0
 };
-var we, Se, Ce, Ee, Te, ke, $e, Oe;
-const Gt = {
-  [Q.overview]: [
+var Se, Ce, Te, Ee, $e, ke, Oe, De;
+const Wt = {
+  [ee.overview]: [
     {
       precision: S._30_seconds,
       interval: u.utcMinute.every(2),
-      format: be
+      format: xe
     },
     {
       precision: S._1_minute,
       interval: u.utcMinute.every(5),
-      format: be
+      format: xe
     },
     {
       precision: S._2_minutes,
       interval: u.utcMinute.every(10),
-      format: ce
+      format: de
     },
     {
       precision: S._5_minutes,
       interval: u.utcMinute.every(20),
-      format: le
+      format: ue
     },
     {
       precision: S._15_minutes,
       interval: u.utcHour,
-      format: le
+      format: ue
     },
     {
       precision: S._30_minutes,
       interval: u.utcHour.every(2),
-      format: le
+      format: ue
     },
     {
       precision: S._2_hours,
       interval: u.utcHour.every(6),
       format: (e) => {
-        const t = I(e), r = ee(e), s = u.utcFormat("%B")(e);
-        return t || `${s} ${r}`;
+        const t = W(e), r = te(e), i = u.utcFormat("%B")(e);
+        return t || `${i} ${r}`;
       }
     },
     {
       precision: S._3_hours,
       interval: u.utcHour.every(12),
-      format: ce
+      format: de
     },
     {
       precision: S._6_hours,
       interval: u.utcHour.every(24),
       format: (e) => {
-        const t = ee(e);
+        const t = te(e);
         return `${u.utcFormat("%b")(e)} ${t}`;
       }
     },
@@ -4722,46 +4722,46 @@ const Gt = {
       format: "%Y"
     }
   ],
-  [Q.detailed]: [
+  [ee.detailed]: [
     {
       precision: S._10_seconds,
       interval: u.utcSecond.every(10),
-      format: ae
+      format: le
     },
     {
       precision: S._20_seconds,
-      interval: (we = u.utcSecond.every(20)) == null ? void 0 : we.filter(xe(2)),
-      format: ae
+      interval: (Se = u.utcSecond.every(20)) == null ? void 0 : Se.filter(_e(2)),
+      format: le
     },
     {
       precision: S._30_seconds,
-      interval: (Se = u.utcSecond.every(30)) == null ? void 0 : Se.filter(xe(2)),
-      format: ae
+      interval: (Ce = u.utcSecond.every(30)) == null ? void 0 : Ce.filter(_e(2)),
+      format: le
     },
     {
       precision: S._1_minute,
-      interval: u.utcMinute.filter(ue(5)),
-      format: I
+      interval: u.utcMinute.filter(ce(5)),
+      format: W
     },
     {
       precision: S._2_minutes,
-      interval: (Ce = u.utcMinute.every(2)) == null ? void 0 : Ce.filter(ue(10)),
-      format: I
+      interval: (Te = u.utcMinute.every(2)) == null ? void 0 : Te.filter(ce(10)),
+      format: W
     },
     {
       precision: S._5_minutes,
-      interval: (Ee = u.utcMinute.every(5)) == null ? void 0 : Ee.filter(ue(20)),
-      format: I
+      interval: (Ee = u.utcMinute.every(5)) == null ? void 0 : Ee.filter(ce(20)),
+      format: W
     },
     {
       precision: S._15_minutes,
-      interval: (Te = u.utcMinute.every(15)) == null ? void 0 : Te.filter(Y(1)),
-      format: I
+      interval: ($e = u.utcMinute.every(15)) == null ? void 0 : $e.filter(Y(1)),
+      format: W
     },
     {
       precision: S._30_minutes,
       interval: (ke = u.utcMinute.every(30)) == null ? void 0 : ke.filter(Y(2)),
-      format: I
+      format: W
     },
     {
       precision: S._1_hour,
@@ -4770,12 +4770,12 @@ const Gt = {
     },
     {
       precision: S._2_hours,
-      interval: ($e = u.utcHour.every(2)) == null ? void 0 : $e.filter(Y(6)),
+      interval: (Oe = u.utcHour.every(2)) == null ? void 0 : Oe.filter(Y(6)),
       format: X
     },
     {
       precision: S._3_hours,
-      interval: (Oe = u.utcHour.every(3)) == null ? void 0 : Oe.filter(Y(12)),
+      interval: (De = u.utcHour.every(3)) == null ? void 0 : De.filter(Y(12)),
       format: X
     },
     {
@@ -4791,12 +4791,12 @@ const Gt = {
     {
       precision: S._1_day,
       interval: u.utcDay,
-      format: ye
+      format: be
     },
     {
       precision: S._2_days,
       interval: u.utcDay.every(2),
-      format: ye
+      format: be
     },
     {
       precision: S._1_month,
@@ -4824,7 +4824,7 @@ const Gt = {
       format: ""
     }
   ],
-  [Q.detailedBackground]: [
+  [ee.detailedBackground]: [
     {
       precision: S._10_seconds,
       interval: u.utcSecond,
@@ -4907,8 +4907,8 @@ const Gt = {
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
           0
-        ).getUTCDate(), s = Math.ceil(r / 5);
-        return t === s || t === 2 * s || t === 3 * s || t === 4 * s;
+        ).getUTCDate(), i = Math.ceil(r / 5);
+        return t === i || t === 2 * i || t === 3 * i || t === 4 * i;
       }),
       format: ""
     },
@@ -4919,8 +4919,8 @@ const Gt = {
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
           0
-        ).getUTCDate(), s = Math.ceil(r / 4);
-        return t === s || t === 2 * s || t === 3 * s;
+        ).getUTCDate(), i = Math.ceil(r / 4);
+        return t === i || t === 2 * i || t === 3 * i;
       }),
       format: ""
     },
@@ -4931,8 +4931,8 @@ const Gt = {
           e.getUTCFullYear(),
           e.getUTCMonth() + 1,
           0
-        ).getUTCDate(), s = Math.ceil(r / 2);
-        return t === s;
+        ).getUTCDate(), i = Math.ceil(r / 2);
+        return t === i;
       }),
       format: ""
     },
@@ -4947,40 +4947,49 @@ const Gt = {
       format: ""
     }
   ]
-}, Je = {
+}, Qe = {
   bind(e, t) {
     const { value: r } = t;
     if (typeof r != "function") {
       console.error("Invalid callback function provided to v-resize-observer");
       return;
     }
-    const s = new ResizeObserver(
-      (o) => {
-        o[0] && r(o[0]);
+    const i = new ResizeObserver(
+      (a) => {
+        a[0] && r(a[0]);
       }
     );
-    s.observe(e), e.__resizeObserver__ = s;
+    i.observe(e), e.__resizeObserver__ = i;
   },
   unbind(e) {
     e.__resizeObserver__ && (e.__resizeObserver__.disconnect(), delete e.__resizeObserver__);
   }
-}, It = [
+}, Vt = [
   {
     name: "resize-observer",
-    definition: Je
+    definition: Qe
   }
-], z = {
+], O = {
   eventGroup: "event-group",
   eventGroupBg: "event-group-bg",
+  eventRect: "event-rect",
   labelBg: "label-bg",
   labelBgFill: "label-bg-fill",
   labelText: "label-text",
+  loadingIndicator: "loading-indicator",
   xAxis: "x-axis",
-  selectedTimestampCursor: "selected-timestamp-cursor"
-}, Vt = V.extend({
+  selectedTimestampCursor: "selected-timestamp-cursor",
+  lineGraphGroup: "line-graph-group",
+  lineGraphPath: "line-graph-path",
+  lineGraphHoverZone: "line-graph-hover-zone",
+  lineGraphDot: "line-graph-dot"
+}, Q = {
+  areaGradient: "area-gradient",
+  loadingGradient: "loading-gradient"
+}, qt = V.extend({
   name: "ETimeline",
   directives: {
-    resizeObserver: Je
+    resizeObserver: Qe
   },
   props: {
     eventsGroups: {
@@ -4989,7 +4998,7 @@ const Gt = {
     },
     xAxesConfig: {
       type: Object,
-      default: () => Gt
+      default: () => Wt
     },
     dark: {
       type: Boolean,
@@ -5014,6 +5023,14 @@ const Gt = {
     disableZoom: {
       type: Boolean,
       default: !1
+    },
+    normalizeEvents: {
+      type: Boolean,
+      default: !0
+    },
+    flattenLineGraphEnds: {
+      type: Boolean,
+      default: !0
     }
   },
   data() {
@@ -5031,7 +5048,7 @@ const Gt = {
       zoomBehavior: null,
       isMouseDown: !1,
       axisHeight: 22,
-      eventGroupHeight: 18,
+      barChartHeight: 18,
       eventGroupPadding: 0,
       isHoveringEvent: !1,
       hoveredEvent: null,
@@ -5039,7 +5056,16 @@ const Gt = {
       hoveredTimestamp: null,
       eventTooltipStyle: {},
       hoveredEventType: null,
-      utcOffset: 0
+      utcOffset: 0,
+      lastTransform: { x: 0, k: 1 },
+      transformDiff: { translation: 0, scale: 1 },
+      defaultLineGraphChartHeight: 60,
+      yScale: null,
+      hoveredCounts: [],
+      countsByTimestamp: {},
+      dotsByTimestamp: {},
+      visibleFrom: null,
+      visibleTo: null
     };
   },
   computed: {
@@ -5051,12 +5077,33 @@ const Gt = {
         eventTooltipSlot: this.dark ? "e-bg-gray-900 e-text-white e-border-gray-700" : "e-bg-gray-100 e-text-gray-700 e-border-gray-300"
       };
     },
+    lineGraphGroups() {
+      return Object.entries(this.filteredEventsGroups).reduce(
+        (e, [t, r]) => r.chartType === "lineGraph" ? { ...e, [t]: r } : e,
+        {}
+      );
+    },
+    lineGraphChartHeight() {
+      return Math.max(
+        this.defaultLineGraphChartHeight,
+        Object.keys(this.lineGraphGroups).length * this.barChartHeight
+      );
+    },
+    barGroups() {
+      return Object.entries(this.filteredEventsGroups).reduce(
+        (e, [t, r]) => r.chartType !== "lineGraph" ? { ...e, [t]: r } : e,
+        {}
+      );
+    },
+    hasLineGraphChart() {
+      return Object.keys(this.lineGraphGroups).length > 0;
+    },
     labelRectWidth() {
       return Object.values(
         this.eventsGroups
-      ).reduce((r, s) => {
-        var o;
-        return Math.max(r, (o = s.label) == null ? void 0 : o.length);
+      ).reduce((r, i) => {
+        var a;
+        return Math.max(r, (a = i.label) == null ? void 0 : a.length);
       }, 0) * 7.5 + 5;
     },
     combinedXAxesHeight() {
@@ -5064,11 +5111,17 @@ const Gt = {
       return this.axisHeight * e;
     },
     timelineHeight() {
-      const e = Object.keys(this.eventsGroups).length, t = this.eventGroupPadding * (e - 1), r = this.eventGroupHeight * e;
-      return this.combinedXAxesHeight + r + t;
+      const e = Object.keys(this.barGroups).length, t = this.hasLineGraphChart ? this.lineGraphChartHeight : 0, r = this.eventGroupPadding * (e - 1), i = this.barChartHeight * e;
+      return this.combinedXAxesHeight + t + i + r;
+    },
+    filteredEventsGroups() {
+      const e = Object.entries(this.eventsGroups).filter(
+        ([t, r]) => !r.isHidden
+      );
+      return Object.fromEntries(e);
     },
     allEventsSorted() {
-      return Object.values(this.eventsGroups).map((t) => t.events).flat().sort(
+      return Object.values(this.filteredEventsGroups).map((t) => t.events).flat().sort(
         (t, r) => new Date(t.timestamp || t.startDate) > new Date(r.timestamp || r.startDate) ? 1 : -1
       );
     },
@@ -5083,11 +5136,39 @@ const Gt = {
       return this.allEventsSorted.length > 1 ? e = this.allEventsSorted[this.allEventsSorted.length - 1] : e = {
         timestamp: /* @__PURE__ */ new Date()
       }, e;
+    },
+    allLineChartTimestamps() {
+      const e = /* @__PURE__ */ new Set();
+      return Object.values(this.lineGraphGroups).forEach((t) => {
+        t.events.forEach((r) => {
+          e.add(r.timestamp);
+        });
+      }), Array.from(e).sort();
+    },
+    placeholderLineChartGroup() {
+      return this.fillTimeGaps(
+        this.allLineChartTimestamps.map((e) => ({
+          timestamp: e,
+          count: 0
+        }))
+      );
+    },
+    normalizedLineGraphGroups() {
+      return Object.entries(this.lineGraphGroups).reduce(
+        (e, [t, r]) => ({
+          ...e,
+          [t]: {
+            ...r,
+            events: this.getNormalizedEvents(r.events)
+          }
+        }),
+        {}
+      );
     }
   },
   watch: {
     dark() {
-      this.onDarkModeChange();
+      this.handleDarkModeChange();
     },
     selectedTimestamp() {
       this.repositionSelectedTimestampCursor();
@@ -5099,7 +5180,7 @@ const Gt = {
       this.zoomToStartAndEndDates();
     },
     eventsGroups() {
-      this.svg.selectAll(`${z.eventGroup}`).remove(), this.drawEventsGroups();
+      this.clearTimeline(), this.updateAndRedrawTimeline();
     }
   },
   mounted() {
@@ -5109,25 +5190,12 @@ const Gt = {
     document.removeEventListener("mouseup", this.handleDocumentMouseUp);
   },
   methods: {
-    tzStringToDate(e) {
-      return K(e).add(this.utcOffset, "minutes").toDate();
-    },
-    dateToTzString(e) {
-      const t = new Date(e).getTimezoneOffset();
-      return K(e).add(t, "minutes").utcOffset(this.utcOffset, !0).format();
-    },
-    getFormattedTimestamp(e) {
-      return K.parseZone(e).format("YYYY-MM-DDTHH:mm:ss");
-    },
-    handleResize({ contentRect: e }) {
-      this.svg && this.svg.attr("width", e.width);
-    },
-    initTimeline() {
+    initTimeline(e, t) {
       if (this.initRefs(), !this.timeline) {
         setTimeout(this.initTimeline, 500);
         return;
       }
-      this.initSvg(), this.initUtcOffset(), this.initTimeScale(), this.initXAxes(), this.initZoomBehavior(), this.drawEventsGroups(), this.initSelectedTimestampCursor(), this.registerEventsListeners();
+      this.initSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.initSelectedTimestampCursor(), this.registerEventsListeners(), this.emitVisibleInterval();
     },
     initRefs() {
       this.tooltip = this.$refs.tooltip, this.cursor = this.$refs.cursor, this.timeline = this.$refs.timelineContainer, this.selectedTimestampCursor = this.$refs.selectedTimestamp;
@@ -5135,43 +5203,54 @@ const Gt = {
     initSvg() {
       this.svg = u.select(this.timeline).append("svg").attr("width", this.timeline.offsetWidth).attr("height", this.timelineHeight);
     },
+    initDefs() {
+      const e = this.svg.append("defs");
+      Object.entries(this.filteredEventsGroups).forEach(
+        ([t, r]) => {
+          const { color: i, chartType: a } = r, o = e.append("linearGradient").attr("id", `${Q.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
+          if (o.append("stop").attr("offset", "0%").attr("stop-color", i).attr("stop-opacity", "0"), o.append("stop").attr("offset", "50%").attr("stop-color", i).attr("stop-opacity", "0.6"), o.append("stop").attr("offset", "100%").attr("stop-color", i).attr("stop-opacity", "0"), a === "lineGraph") {
+            const n = e.append("linearGradient").attr("id", `${Q.areaGradient}-${t}`).attr("x1", "0%").attr("x2", "0%").attr("y1", "0%").attr("y2", "100%");
+            n.append("stop").attr("offset", "0%").style("stop-color", i).style("stop-opacity", 0.3), n.append("stop").attr("offset", "38%").style("stop-color", i).style("stop-opacity", 0);
+          }
+        }
+      );
+    },
     initUtcOffset() {
       const e = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate;
       this.utcOffset = K.parseZone(e).utcOffset();
     },
-    initTimeScale() {
-      const e = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, t = this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate;
-      this.timeScale = u.scaleTime().domain([this.tzStringToDate(e), this.tzStringToDate(t)]).range([0, this.timeline.offsetWidth]), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
+    initTimeScale(e, t) {
+      const r = e || this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, i = t || this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate;
+      this.timeScale = u.scaleTime().domain([this.tzStringToDate(r), this.tzStringToDate(i)]).range([0, this.timeline.offsetWidth]), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
     },
     initXAxes() {
       let e = 0;
       const t = 5;
       for (const r in this.xAxesConfig) {
-        const s = this.createAxis(r);
-        this.xAxes[r] = s, this.svg.append("g").classed(z.xAxis, !0).classed(`${z.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(s), this.translateTicksText(r), e += this.axisHeight;
+        const i = this.createAxis(r);
+        this.xAxes[r] = i, this.svg.append("g").classed(O.xAxis, !0).classed(`${O.xAxis}-${r}`, !0).attr("transform", `translate(0, ${e || t})`).call(i), this.translateTicksText(r), e += this.axisHeight;
       }
     },
-    createAxis(e) {
-      const t = this.xAxesConfig[e], r = this.getAxisTicksConfig(t);
-      return u.axisBottom(this.timeScale).ticks(r.interval).tickFormat((s) => r.formatFn(s)).tickSizeOuter(0).tickSizeInner(this.timelineHeight);
-    },
-    getAxisTicksConfig(e) {
-      const { interval: t, format: r } = e.find(
-        (o) => o.precision >= this.currentTimeScaleDensity && o.interval
-      );
-      return {
-        formatFn: (o) => typeof r == "function" ? r(o) : u.timeFormat(r)(o),
-        interval: t
-      };
+    initYScale() {
+      this.yScale = u.scaleLinear().range([this.lineGraphChartHeight, 0]);
+      const e = Object.values(this.lineGraphGroups).map((r) => r.events).flat(), t = u.max(e, (r) => r.count);
+      this.yScale.domain([0, t]);
     },
     initZoomBehavior() {
       this.disableZoom || (this.zoomBehavior = u.zoom().on("zoom", this.handleZoom).scaleExtent([0.25, 75e4]), this.svg.call(this.zoomBehavior));
     },
     initSelectedTimestampCursor() {
-      this.svg.append("line").attr("class", z.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", O.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();
+      this.clearTimeline(), this.initTimeline(e, t);
+    },
+    clearTimeline() {
+      this.svg.remove(), this.countsByTimestamp = {};
     },
     repositionSelectedTimestampCursor() {
-      const e = this.svg.select(`.${z.selectedTimestampCursor}`);
+      const e = this.svg.select(`.${O.selectedTimestampCursor}`);
       if (!this.selectedTimestamp) {
         e.style("opacity", 0);
         return;
@@ -5186,6 +5265,46 @@ const Gt = {
     registerEventsListeners() {
       document.addEventListener("mouseup", this.handleDocumentMouseUp), this.svg.on("mousedown", this.handleMouseDown), this.svg.on("mousemove", this.handleMouseMove), this.svg.on("click", this.handleClick), this.svg.on("mouseleave", this.handleMouseLeave);
     },
+    emitVisibleInterval() {
+      const e = this.timeScale.invert(0), t = this.timeScale.invert(this.timeline.offsetWidth);
+      if (this.visibleFrom && this.visibleFrom.getTime() === e.getTime() && this.visibleTo && this.visibleTo.getTime() === t.getTime())
+        return;
+      this.visibleFrom = e, this.visibleTo = t;
+      const r = this.dateToTzString(this.visibleFrom), i = this.dateToTzString(this.visibleTo);
+      this.$emit("visible-interval-change", {
+        fromDate: r,
+        toDate: i,
+        transform: this.transformDiff
+      });
+    },
+    createAxis(e) {
+      const t = this.xAxesConfig[e], r = this.getAxisTicksConfig(t);
+      return u.axisBottom(this.timeScale).ticks(r.interval).tickFormat(r.formatFn).tickSizeOuter(0).tickSizeInner(this.timelineHeight);
+    },
+    getAxisTicksConfig(e) {
+      const { interval: t, format: r } = e.find(
+        (a) => a.precision >= this.currentTimeScaleDensity && a.interval
+      );
+      return {
+        formatFn: (a) => typeof r == "function" ? r(a) : u.timeFormat(r)(a),
+        interval: t
+      };
+    },
+    handleResize({ contentRect: e }) {
+      this.svg && this.svg.attr("width", e.width);
+    },
+    handleDarkModeChange() {
+      const e = this;
+      this.svg.selectAll(`.${O.labelBg}`).each(function() {
+        u.select(this).style("fill", e.dark ? "black" : "white");
+      }), this.svg.selectAll(`.${O.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(`.${O.labelText}`).each(function() {
+        const t = u.select(this), r = t.node().dataset.color;
+        t.style("fill", e.getTextFillColor(r));
+      });
+    },
     handleMouseDown() {
       this.isMouseDown = !0;
     },
@@ -5205,44 +5324,108 @@ const Gt = {
       }, this.repositionSelectedTimestampCursor());
     },
     handleClick(e) {
-      const t = e.offsetX, r = this.timeScale.invert(t), s = this.dateToTzString(r);
-      this.$emit("date-clicked", s);
+      const t = e.offsetX, r = this.timeScale.invert(t), i = this.dateToTzString(r);
+      this.$emit("date-clicked", i), this.isHoveringEvent && this.$emit("event-clicked", {
+        event: this.hoveredEvent,
+        type: this.hoveredEventType
+      });
     },
-    handleEventMouseOver(e, t, r) {
+    handleLineMouseOver(e, t, r) {
+      this.hoveredCounts = Object.entries(
+        this.countsByTimestamp[`${t.timestamp}`]
+      ).reduce((i, a) => {
+        const [o, n] = a;
+        return [...i, { type: o, count: n }];
+      }, []), this.hoveredEvent = t, this.isHoveringEvent = !0, this.$emit("event-mouseover", {
+        eventData: t,
+        eventType: r,
+        hoveredCounts: this.hoveredCounts
+      });
+    },
+    handleLineMouseOut() {
+      this.isHoveringEvent = !1, this.hoveredCounts = [], this.$emit("event-mouseout");
+    },
+    handleBarMouseOver(e, t, r) {
       this.hoveredEvent = t, this.hoveredEventType = r, this.isHoveringEvent = !0, this.$emit("event-mouseover", { eventData: t, eventType: r });
     },
-    handleEventMouseOut() {
+    handleBarMouseOut() {
       this.isHoveringEvent = !1, this.hoveredEvent = null, this.$emit("event-mouseout");
     },
+    handleLabelMouseOver(e) {
+      u.selectAll(`.${O.lineGraphGroup}-${e}`).classed(
+        `${O.lineGraphGroup}--highlighted`,
+        !0
+      ), u.selectAll(`.${O.lineGraphGroup}-label`).classed(
+        `${O.lineGraphGroup}-label--highlighted`,
+        !0
+      );
+    },
+    handleLabelMouseLeave(e) {
+      u.selectAll(`.${O.lineGraphGroup}-${e}`).classed(
+        `${O.lineGraphGroup}--highlighted`,
+        !1
+      ), u.selectAll(`.${O.lineGraphGroup}-label`).classed(
+        `${O.lineGraphGroup}-label--highlighted`,
+        !1
+      );
+    },
     handleZoom(e) {
       const t = e.transform.rescaleX(this.initialTimeScale);
       this.timeScale.domain(t.domain()), this.updateCurrentTimeScaleDensity();
-      for (const r in this.xAxes)
-        this.rescaleAxis(r, t), this.translateTicksText(r);
-      this.updateEventsRects(), this.repositionSelectedTimestampCursor();
+      const r = e.transform.k / this.lastTransform.k;
+      this.transformDiff = {
+        scale: r,
+        translation: e.transform.x - this.lastTransform.x
+      }, this.lastTransform = { ...e.transform };
+      for (const i in this.xAxes)
+        this.rescaleAxis(i, t), this.translateTicksText(i);
+      this.updateBarCharts(), this.updateLineGraphs(), this.updateLineGraphHoverZones(), this.repositionSelectedTimestampCursor(), this.emitVisibleInterval();
     },
     zoomToStartAndEndDates() {
-      const e = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, t = this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate, r = this.tzStringToDate(e), s = this.tzStringToDate(t), o = this.timeline.offsetWidth, l = [r, s], i = [0, o];
-      this.timeScale = u.scaleTime().domain(l).range(i), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
-      for (const g in this.xAxes)
-        this.rescaleAxis(g, this.timeScale), this.translateTicksText(g);
-      this.updateEventsRects(), this.repositionSelectedTimestampCursor();
+      const e = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, t = this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate, r = this.tzStringToDate(e), i = this.tzStringToDate(t), a = this.timeline.offsetWidth, o = [r, i], n = [0, a];
+      this.timeScale = u.scaleTime().domain(o).range(n), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
+      for (const c in this.xAxes)
+        this.rescaleAxis(c, this.timeScale), this.translateTicksText(c);
+      this.updateBarCharts(), this.updateLineGraphs(), this.updateLineGraphHoverZones(), this.repositionSelectedTimestampCursor();
     },
     rescaleAxis(e, t) {
-      const r = this.xAxes[e], s = this.getAxisTicksConfig(
+      const r = this.xAxes[e], i = this.getAxisTicksConfig(
         this.xAxesConfig[e]
       );
-      r.scale(t).ticks(s.interval).tickFormat((o) => s.formatFn(o)).tickSizeOuter(0), this.svg.select(`.${z.xAxis}-${e}`).call(r);
+      r.scale(t).ticks(i.interval).tickFormat(i.formatFn).tickSizeOuter(0), this.svg.select(`.${O.xAxis}-${e}`).call(r);
     },
     translateTicksText(e) {
-      this.svg.select(`.${z.xAxis}-${e}`).selectAll(".tick text").each(function() {
+      this.svg.select(`.${O.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");
       });
     },
-    updateEventsRects() {
-      const e = `.${z.eventGroup} > rect:not(.${z.labelBg}):not(.${z.labelBgFill}):not(.${z.eventGroupBg})`;
-      this.svg.selectAll(e).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth).attr("height", this.eventGroupHeight);
+    updateBarCharts() {
+      const e = `.${O.eventGroup} > rect.${O.eventRect}`;
+      this.svg.selectAll(e).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight);
+    },
+    updateLineGraphs() {
+      Object.entries(this.lineGraphGroups).forEach(([e]) => {
+        const t = u.area().x((r) => this.timeScale(this.tzStringToDate(r.timestamp))).y0(this.timelineHeight).y1((r) => this.yScale(r.count)).curve(u.curveMonotoneX);
+        this.svg.selectAll(
+          `.${O.lineGraphPath}-${e}`
+        ).attr("d", (r) => t(r));
+      });
+    },
+    updateLineGraphHoverZones() {
+      Object.keys(this.lineGraphGroups).forEach((e) => {
+        const t = this;
+        this.svg.selectAll(
+          `.${O.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(
+          `.${O.lineGraphHoverZone}-${e}`
+        ).each(function(r) {
+          const i = t.timeScale(t.tzStringToDate(r.timestamp).getTime()) - 15;
+          u.select(this).attr("x", i).attr("y", 0).attr("width", 30).attr("height", t.lineGraphChartHeight);
+        });
+      });
     },
     getEventRectX(e) {
       return this.timeScale(this.tzStringToDate(e.startDate || e.timestamp));
@@ -5251,69 +5434,163 @@ const Gt = {
       if (!e)
         return 0;
       if (e.startDate && e.endDate) {
-        const t = new Date(e.startDate), r = new Date(e.endDate), s = this.timeScale(r) - this.timeScale(t);
-        return Math.max(s, 1);
+        const t = new Date(e.startDate), r = new Date(e.endDate), i = this.timeScale(r) - this.timeScale(t);
+        return Math.max(i, 1);
       } else {
         const t = 1 / (this.currentTimeScaleDensity * 3600);
         return Math.max(t, 1);
       }
     },
     drawEventsGroups() {
-      this.svg.selectAll(`g.${z.eventGroup}`).remove(), Object.entries(this.eventsGroups).forEach(
-        ([e, t], r) => {
-          const { color: s, label: o, events: l } = t, i = r === 0 ? 0 : this.eventGroupPadding, g = r * (this.eventGroupHeight + i) + this.combinedXAxesHeight, a = this.svg.append("g").attr("data-color", s).classed(z.eventGroup, !0).classed(`${z.eventGroup}-${e}`, !0);
-          this.drawBackground({
-            color: s,
-            gElement: a,
-            yPosition: g
-          }), this.drawEvents({
-            events: l,
-            color: s,
-            gElement: a,
-            yPosition: g,
-            type: e
+      this.svg.selectAll(`g.${O.eventGroup}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups();
+    },
+    drawLineGraphEventsGroups() {
+      const e = this.combinedXAxesHeight, t = this.normalizeEvents ? this.normalizedLineGraphGroups : this.lineGraphGroups;
+      Object.entries(t).forEach(([r, i]) => {
+        const a = this.svg.append("g").classed(
+          `${O.lineGraphGroup} ${O.lineGraphGroup}-${r}`,
+          !0
+        ).attr("transform", `translate(0,${e})`), { color: o, events: n } = i;
+        this.drawLineGraph({
+          events: n,
+          gElement: a,
+          color: o,
+          type: r
+        }), this.drawLineGraphHoverZones({
+          events: n,
+          gElement: a,
+          color: o,
+          type: r
+        });
+      }), Object.entries(this.lineGraphGroups).forEach(
+        ([r, i], a) => {
+          const { color: o, isLoading: n, label: c } = i, l = this.lineGraphChartHeight - this.barChartHeight * (a + 1), s = e + this.lineGraphChartHeight - this.barChartHeight, d = this.svg.append("g").classed(`${O.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${e})`).on("mouseover", () => this.handleLabelMouseOver(r)).on("mouseleave", () => this.handleLabelMouseLeave(r));
+          this.drawProgressIndicator({
+            type: r,
+            color: o,
+            isLoading: n,
+            yPosition: s
           }), this.drawTextLabel({
-            color: s,
-            label: o,
-            gElement: a,
-            yPosition: g
+            color: o,
+            label: c,
+            yPosition: l,
+            gElement: d
           });
         }
       );
     },
+    drawLineGraph({
+      events: e,
+      gElement: t,
+      color: r,
+      type: i
+    }) {
+      const a = u.area().x((o) => this.timeScale(this.tzStringToDate(o.timestamp))).y0(this.timelineHeight).y1((o) => this.yScale(o.count)).curve(u.curveMonotoneX);
+      t.append("path").datum(e).classed(`${O.lineGraphPath}-${i}`, !0).attr("fill", `url(#${Q.areaGradient}-${i})`).attr("stroke", r).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (o) => a(o));
+    },
+    drawLineGraphHoverZones({
+      events: e,
+      gElement: t,
+      color: r,
+      type: i
+    }) {
+      e.forEach((a) => {
+        const o = `${a.timestamp}`;
+        this.countsByTimestamp[o] = {
+          ...this.countsByTimestamp[o] || {},
+          [i]: a.count
+        };
+        const n = t.append("circle").classed(
+          `${O.lineGraphDot} ${O.lineGraphDot}-${i}`,
+          !0
+        ).attr("cx", this.timeScale(this.tzStringToDate(a.timestamp))).attr("cy", this.yScale(a.count)).attr("r", 1.5).attr("fill", r).attr("stroke-width", 0).datum(a);
+        this.dotsByTimestamp[o] = [
+          ...this.dotsByTimestamp[o] || [],
+          n
+        ], t.append("rect").classed(`${O.lineGraphHoverZone}-${i}`, !0).attr("x", this.timeScale(this.tzStringToDate(a.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.lineGraphChartHeight).attr("fill", "transparent").datum(a).on("mouseover", (c) => {
+          this.handleLineMouseOver(c, a, i), this.dotsByTimestamp[o].forEach(
+            (l) => l.classed(`${O.lineGraphDot}--active`, !0)
+          );
+        }).on("mouseout", () => {
+          this.handleLineMouseOut(), this.dotsByTimestamp[o].forEach(
+            (c) => c.classed(`${O.lineGraphDot}--active`, !1)
+          );
+        });
+      });
+    },
+    drawBarEventsGroups() {
+      Object.entries(this.barGroups).forEach(([e, t], r) => {
+        const { color: i, label: a, events: o, isLoading: n } = t, c = r === 0 ? 0 : this.eventGroupPadding, l = this.hasLineGraphChart ? this.lineGraphChartHeight : 0, s = r * (this.barChartHeight + c) + this.combinedXAxesHeight + l;
+        this.drawProgressIndicator({
+          yPosition: s,
+          type: e,
+          color: i,
+          isLoading: n
+        });
+        const d = this.svg.append("g").attr("data-color", i).classed(O.eventGroup, !0).classed(`${O.eventGroup}-${e}`, !0);
+        this.drawBackground({
+          color: i,
+          gElement: d,
+          yPosition: s
+        }), this.drawBars({
+          events: o,
+          color: i,
+          gElement: d,
+          yPosition: s,
+          type: e
+        }), this.drawTextLabel({
+          color: i,
+          label: a,
+          gElement: d,
+          yPosition: s
+        });
+      });
+    },
+    drawProgressIndicator({
+      yPosition: e,
+      type: t,
+      isLoading: r
+    }) {
+      this.svg.append("rect").classed(
+        `${O.loadingIndicator} ${O.loadingIndicator}-${t}`,
+        !0
+      ).attr("x", 0).attr("y", e).attr("width", this.timeline.offsetWidth / 3).attr("height", this.barChartHeight).attr("fill", `url(#${Q.loadingGradient}-${t})`).style("visibility", r ? "visible" : "hidden");
+    },
     drawBackground({
       color: e,
       yPosition: t,
       gElement: r
     }) {
-      r.append("rect").attr("class", z.eventGroupBg).attr("x", 0).attr("y", t).attr("width", this.timeline.offsetWidth).attr("height", this.eventGroupHeight).attr("fill", u.color(e).toString()).style("opacity", 0.1);
+      r.append("rect").attr("class", O.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);
     },
-    drawEvents({
+    drawBars({
       events: e,
       gElement: t,
       yPosition: r,
-      color: s,
-      type: o
+      color: i,
+      type: a
     }) {
-      t.selectAll("rect").data(e).enter().append("rect").attr("x", this.getEventRectX).attr("y", r).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.eventGroupHeight).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", s).on(
-        "mouseover",
-        (l, i) => this.handleEventMouseOver(l, i, o)
-      ).on("mouseout", () => this.handleEventMouseOut());
+      const o = this;
+      t.selectAll(O.eventRect).data(e).enter().append("rect").classed(O.eventRect, !0).attr("x", this.getEventRectX).attr("y", r).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", i).on("mouseover", function(n, c) {
+        u.select(this).classed(`${O.eventRect}--hovered`, !0), o.handleBarMouseOver(n, c, a);
+      }).on("mouseout", function() {
+        u.select(this).classed(`${O.eventRect}--hovered`, !1), o.handleBarMouseOut();
+      });
     },
     drawTextLabel({
       gElement: e,
       yPosition: t,
       color: r,
-      label: s
+      label: i
     }) {
-      const o = {
+      const a = {
         x: -5,
         y: t,
         w: this.labelRectWidth + 5,
-        h: this.eventGroupHeight,
+        h: this.barChartHeight,
         radius: 3
       };
-      e.append("rect").attr("class", z.labelBg).attr("x", o.x).attr("y", o.y).attr("width", o.w).attr("height", o.h).attr("rx", o.radius).attr("ry", o.radius).style("fill", this.dark ? "#131a29" : "white"), e.append("rect").attr("class", z.labelBgFill).attr("x", o.x).attr("y", o.y).attr("width", o.w).attr("height", o.h).attr("rx", o.radius).attr("ry", o.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), e.append("text").attr("class", z.labelText).attr("x", 5).attr("y", t + this.eventGroupHeight / 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(s);
+      e.append("rect").attr("class", O.labelBg).attr("data-color", r).attr("x", a.x).attr("y", a.y).attr("width", a.w).attr("height", a.h).attr("rx", a.radius).attr("ry", a.radius).style("fill", this.dark ? "#131a29" : "white"), e.append("rect").attr("class", O.labelBgFill).attr("data-color", r).attr("x", a.x).attr("y", a.y).attr("width", a.w).attr("height", a.h).attr("rx", a.radius).attr("ry", a.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), e.append("text").attr("class", O.labelText).attr("data-color", r).attr("x", 5).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 500).style("stroke-linejoin", "round").style("paint-order", "stroke").style("fill", this.getTextFillColor(r)).text(i);
     },
     getTextFillColor(e) {
       var t, r;
@@ -5323,75 +5600,135 @@ const Gt = {
       let t = u.color(e);
       return t.opacity = this.dark ? 0.2 : 0.5, t.toString();
     },
-    onDarkModeChange() {
-      Object.entries(this.eventsGroups).forEach(([e, t]) => {
-        const r = this.svg.select(`.${z.eventGroup}-${e}`), s = r.node().dataset.color;
-        r.select(`.${z.labelBg}`).style("fill", this.dark ? "black" : "white"), r.select(`.${z.labelBgFill}`).style("fill", this.getLabelBackgroundColor(s)).style("stroke", this.getTextFillColor(s)).style("stroke-width", 0.25), r.select(`.${z.labelText}`).style("fill", this.getTextFillColor(s));
-      });
+    tzStringToDate(e) {
+      return K(e).add(this.utcOffset, "minutes").toDate();
+    },
+    dateToTzString(e) {
+      const t = new Date(e).getTimezoneOffset();
+      return K(e).add(t, "minutes").utcOffset(this.utcOffset, !0).format();
+    },
+    getCurrentTimeBounds() {
+      const e = this.timeScale.domain();
+      return { startDate: e[0], endDate: e[1] };
+    },
+    getFormattedTimestamp(e) {
+      return K.parseZone(e).format("YYYY-MM-DDTHH:mm:ss");
+    },
+    fillTimeGaps(e) {
+      if (e.length <= 1)
+        return e;
+      const t = (n) => new Date(n), r = (n) => t(n).getTime(), i = (n, c) => new Date(n.getTime() + c), a = e.map(
+        (n, c) => c === 0 ? 1 / 0 : r(n.timestamp) - r(e[c - 1].timestamp)
+      ).reduce(
+        (n, c) => Math.min(n, c),
+        1 / 0
+      );
+      let o = e.flatMap(
+        (n, c) => {
+          const l = e[c + 1];
+          if (!l)
+            if (this.flattenLineGraphEnds) {
+              const v = i(
+                t(n.timestamp),
+                a
+              );
+              return [
+                n,
+                { timestamp: v.toISOString(), count: 0 }
+              ];
+            } else
+              return [n];
+          const s = t(n.timestamp), d = t(l.timestamp);
+          if (d.getTime() - s.getTime() > a) {
+            const v = i(d, -a), h = i(s, a);
+            return [
+              n,
+              { timestamp: h.toISOString(), count: 0 },
+              { timestamp: v.toISOString(), count: 0 },
+              l
+            ];
+          } else
+            return [n, l];
+        }
+      );
+      return this.flattenLineGraphEnds && (o = [
+        { timestamp: i(
+          t(e[0].timestamp),
+          -a
+        ).toISOString(), count: 0 },
+        ...o
+      ]), o;
+    },
+    getNormalizedEvents(e) {
+      return this.placeholderLineChartGroup.map((t) => e.find(
+        (i) => i.timestamp === t.timestamp
+      ) || t);
     }
   }
 });
-var qt = function() {
+var Xt = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-relative e-timeline e-border e-rounded", class: t.classes.wrapper }, [r("div", { staticClass: "e-timeline__background e-w-full e-h-full e-absolute e-top-0 e-rounded", class: t.classes.background }), r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: t.handleResize, expression: "handleResize" }], ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden e-overflow-hidden" }), r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline, expression: "isHoveringTimeline" }], 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, expression: "isHoveringTimeline && !isHoveringEvent" }], staticClass: "e-timeline__tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative", class: t.classes.tooltipSlot }, [t._v(" " + t._s(t.hoveredTimestamp) + " ")])];
   }, { timestamp: t.hoveredTimestamp, active: t.isHoveringTimeline })], 2), r("div", { ref: "eventPreviewTooltip", staticClass: "e-absolute", style: t.eventTooltipStyle }, [t._t("eventTooltip", function() {
-    return [t.showEventTooltip && t.hoveredEvent ? r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringEvent, expression: "isHoveringEvent" }], staticClass: "e-timeline__event-tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative", class: t.classes.eventTooltipSlot }, [t.hoveredEvent.timestamp ? r("div", [r("strong", [t._v("Event time")]), t._v(": " + t._s(t.hoveredEvent.timestamp) + " ")]) : t._e(), t.hoveredEvent.startDate ? r("div", [r("strong", [t._v("From")]), t._v(":" + t._s(t.hoveredEvent.startDate) + " ")]) : t._e(), t.hoveredEvent.endDate ? r("div", [r("strong", [t._v("To")]), t._v(":" + t._s(t.hoveredEvent.endDate) + " ")]) : t._e()]) : t._e()];
-  }, { event: t.hoveredEvent, active: t.isHoveringEvent, type: t.hoveredEventType })], 2)]);
-}, Xt = [], Yt = /* @__PURE__ */ q(
-  Vt,
+    return [t.showEventTooltip && (t.hoveredEvent || t.hoveredCounts.length) ? r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringEvent, expression: "isHoveringEvent" }], staticClass: "e-timeline__event-tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative", class: t.classes.eventTooltipSlot }, [t.hoveredCounts.length ? r("div", [r("strong", [t._v("Timestamp")]), t._v(": " + t._s(t.hoveredEvent.timestamp) + " "), t._l(t.hoveredCounts, function(i, a) {
+      return r("div", { key: a }, [r("strong", [t._v(t._s(i.type) + " Count")]), t._v(": " + t._s(i.count) + " ")]);
+    })], 2) : t.hoveredEvent ? r("div", [t.hoveredEvent.timestamp ? r("div", [r("strong", [t._v("Event time")]), t._v(": " + t._s(t.hoveredEvent.timestamp) + " ")]) : t._e(), t.hoveredEvent.startDate ? r("div", [r("strong", [t._v("From")]), t._v(":" + t._s(t.hoveredEvent.startDate) + " ")]) : t._e(), t.hoveredEvent.endDate ? r("div", [r("strong", [t._v("To")]), t._v(":" + t._s(t.hoveredEvent.endDate) + " ")]) : t._e()]) : t._e()]) : t._e()];
+  }, { event: t.hoveredEvent, counts: t.hoveredCounts, active: t.isHoveringEvent, type: t.hoveredEventType })], 2)]);
+}, Yt = [], Zt = /* @__PURE__ */ q(
   qt,
   Xt,
+  Yt,
   !1,
   null,
   null,
   null,
   null
 );
-const Zt = Yt.exports, _e = {
-  EAvatar: at,
-  EBadge: De,
-  EIcon: wt,
-  ESpinner: Ze,
+const Kt = Zt.exports, we = {
+  EAvatar: lt,
+  EBadge: Ae,
+  EIcon: St,
+  ESpinner: Ke,
   ERow: Ft,
   ECol: Lt,
-  EVideoPlayer: Wt,
-  ETimeline: Zt
-}, nr = {
+  EVideoPlayer: It,
+  ETimeline: Kt
+}, ir = {
   install(e) {
-    Object.keys(_e).forEach((t) => {
-      e.component(t, _e[t]);
-    }), It.forEach(({ name: t, definition: r }) => {
+    Object.keys(we).forEach((t) => {
+      e.component(t, we[t]);
+    }), Vt.forEach(({ name: t, definition: r }) => {
       e.directive(t, r);
     });
   }
 };
 export {
-  er as AvatarSizes,
-  tr as BadgeColors,
-  Qt as BadgeSizes,
-  H as BaseColor,
-  gt as Colors,
-  It as DirectivesMap,
-  at as EAvatar,
-  De as EBadge,
+  tr as AvatarSizes,
+  rr as BadgeColors,
+  er as BadgeSizes,
+  j as BaseColor,
+  vt as Colors,
+  Vt as DirectivesMap,
+  lt as EAvatar,
+  Ae as EBadge,
   Lt as ECol,
-  wt as EIcon,
+  St as EIcon,
   Ft as ERow,
-  Ze as ESpinner,
-  Zt as ETimeline,
-  rr as EVENTS,
-  Wt as EVideoPlayer,
-  vt as IconSizes,
-  Je as ResizeObserverDirective,
+  Ke as ESpinner,
+  Kt as ETimeline,
+  nr as EVENTS,
+  It as EVideoPlayer,
+  yt as IconSizes,
+  Qe as ResizeObserverDirective,
   C as Size,
-  ht as TextSizes,
-  Q as TimelineAxis,
-  _e as components,
-  nr as default,
-  Bt as exitFullScreen,
-  Ye as fullConfig,
-  Ke as isFullScreen,
-  jt as makeFullScreen
+  gt as TextSizes,
+  ee as TimelineAxis,
+  we as components,
+  ir as default,
+  jt as exitFullScreen,
+  Ze as fullConfig,
+  Je as isFullScreen,
+  Ht as makeFullScreen
 };
 //# sourceMappingURL=index.mjs.map