@evercam/ui 0.0.49-beta.1 → 0.0.50-beta.1

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import X from "vue";
 import * as u from "d3";
 import V from "moment-timezone";
-var T = /* @__PURE__ */ ((e) => (e.dot = "dot", e.xs = "xs", e.sm = "sm", e.md = "base", e.base = "base", e.lg = "lg", e.xl = "xl", e["2xl"] = "2xl", e["3xl"] = "3xl", e["4xl"] = "4xl", e["5xl"] = "5xl", e["6xl"] = "6xl", e["7xl"] = "7xl", e["8xl"] = "8xl", e["9xl"] = "9xl", e))(T || {}), j = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(j || {}), ee = /* @__PURE__ */ ((e) => (e.overview = "overview", e.detailed = "detailed", e.detailedBackground = "detailedBackground", e))(ee || {}), te = /* @__PURE__ */ ((e) => (e.bars = "bars", e.lineGraph = "lineGraph", e))(te || {});
-const tt = X.extend({
+var T = /* @__PURE__ */ ((e) => (e.dot = "dot", e.xs = "xs", e.sm = "sm", e.md = "base", e.base = "base", e.lg = "lg", e.xl = "xl", e["2xl"] = "2xl", e["3xl"] = "3xl", e["4xl"] = "4xl", e["5xl"] = "5xl", e["6xl"] = "6xl", e["7xl"] = "7xl", e["8xl"] = "8xl", e["9xl"] = "9xl", e))(T || {}), j = /* @__PURE__ */ ((e) => (e.warning = "warning", e.error = "error", e.info = "info", e.success = "success", e.primary = "primary", e.brand = "brand", e.default = "default", e))(j || {}), ee = /* @__PURE__ */ ((e) => (e.overview = "overview", e.detailed = "detailed", e.detailedBackground = "detailedBackground", e))(ee || {}), te = /* @__PURE__ */ ((e) => (e.bars = "bars", e.lineGraph = "lineGraph", e))(te || {}), fe = /* @__PURE__ */ ((e) => (e.zoom = "zoom", e.initial = "initial", e))(fe || {});
+const rt = X.extend({
   name: "EBadge",
   props: {
     text: {
@@ -81,23 +81,23 @@ function I(e, t, r, i, a, o, n, h) {
     options: l
   };
 }
-var rt = function() {
+var it = 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()]);
-}, it = [], nt = /* @__PURE__ */ I(
-  tt,
+}, nt = [], st = /* @__PURE__ */ I(
   rt,
   it,
+  nt,
   !1,
   null,
   null,
   null,
   null
 );
-const Fe = nt.exports, st = X.extend({
+const Me = st.exports, at = X.extend({
   name: "EAvatar",
   components: {
-    Badge: Fe
+    Badge: Me
   },
   props: {
     size: {
@@ -146,28 +146,28 @@ const Fe = nt.exports, st = X.extend({
     }
   }
 });
-var at = function() {
+var ot = 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);
-}, ot = [], lt = /* @__PURE__ */ I(
-  st,
+}, lt = [], ut = /* @__PURE__ */ I(
   at,
   ot,
+  lt,
   !1,
   null,
   null,
   null,
   null
 );
-const ut = lt.exports;
-function ct(e) {
+const ct = ut.exports;
+function dt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Me = {}, Pe = {}, he = {};
+var ze = {}, Pe = {}, me = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -193,8 +193,8 @@ var Me = {}, Pe = {}, he = {};
       if (r.includes(`${a}(`))
         return `calc(${r} * -1)`;
   }
-})(he);
-var ze = {};
+})(me);
+var Le = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -381,8 +381,8 @@ var ze = {};
     "willChange",
     "content"
   ];
-})(ze);
-var Le = {};
+})(Le);
+var Ge = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -397,13 +397,13 @@ var Le = {};
       ...new Set(i.filter((o) => r !== !1 && r[o] !== !1).concat(Object.keys(r).filter((o) => r[o] !== !1)))
     ];
   }
-})(Le);
-var me = {}, ie = {}, pe = { exports: {} }, P = String, Ge = function() {
-  return { isColorSupported: !1, reset: P, bold: P, dim: P, italic: P, underline: P, inverse: P, hidden: P, strikethrough: P, black: P, red: P, green: P, yellow: P, blue: P, magenta: P, cyan: P, white: P, gray: P, bgBlack: P, bgRed: P, bgGreen: P, bgYellow: P, bgBlue: P, bgMagenta: P, bgCyan: P, bgWhite: P };
+})(Ge);
+var pe = {}, ie = {}, ge = { exports: {} }, z = String, He = 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 };
 };
-pe.exports = Ge();
-pe.exports.createColors = Ge;
-var He = pe.exports;
+ge.exports = He();
+ge.exports.createColors = He;
+var je = ge.exports;
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -423,7 +423,7 @@ var He = pe.exports;
       return h;
     }
   });
-  const r = /* @__PURE__ */ i(He);
+  const r = /* @__PURE__ */ i(je);
   function i(l) {
     return l && l.__esModule ? l : {
       default: l
@@ -812,8 +812,8 @@ var He = pe.exports;
       }), this.slate;
     }
   };
-})(me);
-var je = {};
+})(pe);
+var Re = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -836,7 +836,7 @@ var je = {};
     }
     return r;
   }
-})(je);
+})(Re);
 var Be = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
@@ -856,7 +856,7 @@ var Be = {};
     return r.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean);
   }
 })(Be);
-var Re = {}, ne = {};
+var We = {}, ne = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -879,7 +879,7 @@ var Re = {}, ne = {};
       return c;
     }
   });
-  const r = /* @__PURE__ */ a(He), i = /* @__PURE__ */ a(ie);
+  const r = /* @__PURE__ */ a(je), i = /* @__PURE__ */ a(ie);
   function a(v) {
     return v && v.__esModule ? v : {
       default: v
@@ -912,8 +912,8 @@ var Re = {}, ne = {};
       return v.future === "all" || ((k = (y = v == null || (E = v.future) === null || E === void 0 ? void 0 : E[m]) !== null && y !== void 0 ? y : o[m]) !== null && k !== void 0 ? k : !1);
     }
     if (n.experimental.includes(m)) {
-      var A, z, L;
-      return v.experimental === "all" || ((L = (z = v == null || (A = v.experimental) === null || A === void 0 ? void 0 : A[m]) !== null && z !== void 0 ? z : o[m]) !== null && L !== void 0 ? L : !1);
+      var F, P, L;
+      return v.experimental === "all" || ((L = (P = v == null || (F = v.experimental) === null || F === void 0 ? void 0 : F[m]) !== null && P !== void 0 ? P : o[m]) !== null && L !== void 0 ? L : !1);
     }
     return !1;
   }
@@ -1045,8 +1045,8 @@ var Re = {}, ne = {};
       })(),
       extract: (() => {
         let s = (() => {
-          var m, E, y, k, A, z, L, M, G, H;
-          return !((m = n.purge) === null || m === void 0) && m.extract ? n.purge.extract : !((E = n.content) === null || E === void 0) && E.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 || (z = A.extract) === null || z === void 0) && z.DEFAULT ? n.content.extract.DEFAULT : !((L = n.purge) === null || L === void 0 || (M = L.options) === null || M === void 0) && M.extractors ? n.purge.options.extractors : !((G = n.content) === null || G === void 0 || (H = G.options) === null || H === void 0) && H.extractors ? n.content.options.extractors : {};
+          var m, E, y, k, F, P, L, M, G, H;
+          return !((m = n.purge) === null || m === void 0) && m.extract ? n.purge.extract : !((E = n.content) === null || E === void 0) && E.extract ? n.content.extract : !((y = n.purge) === null || y === void 0 || (k = y.extract) === null || k === void 0) && k.DEFAULT ? n.purge.extract.DEFAULT : !((F = n.content) === null || F === void 0 || (P = F.extract) === null || P === void 0) && P.DEFAULT ? n.content.extract.DEFAULT : !((L = n.purge) === null || L === void 0 || (M = L.options) === null || M === void 0) && M.extractors ? n.purge.options.extractors : !((G = n.content) === null || G === void 0 || (H = G.options) === null || H === void 0) && H.extractors ? n.content.options.extractors : {};
         })(), c = {}, v = (() => {
           var m, E, y, k;
           if (!((m = n.purge) === null || m === void 0 || (E = m.options) === null || E === void 0) && E.defaultExtractor)
@@ -1066,8 +1066,8 @@ var Re = {}, ne = {};
       })(),
       transform: (() => {
         let s = (() => {
-          var v, m, E, y, k, A;
-          return !((v = n.purge) === null || v === void 0) && v.transform ? n.purge.transform : !((m = n.content) === null || m === void 0) && m.transform ? n.content.transform : !((E = n.purge) === null || E === void 0 || (y = E.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 : {};
+          var v, m, E, y, k, F;
+          return !((v = n.purge) === null || v === void 0) && v.transform ? n.purge.transform : !((m = n.content) === null || m === void 0) && m.transform ? n.content.transform : !((E = n.purge) === null || E === void 0 || (y = E.transform) === null || y === void 0) && y.DEFAULT ? n.purge.transform.DEFAULT : !((k = n.content) === null || k === void 0 || (F = k.transform) === null || F === void 0) && F.DEFAULT ? n.content.transform.DEFAULT : {};
         })(), c = {};
         return typeof s == "function" && (c.DEFAULT = s), typeof s == "object" && s !== null && Object.assign(c, s), c;
       })()
@@ -1082,8 +1082,8 @@ var Re = {}, ne = {};
       }
     return n;
   }
-})(Re);
-var We = {};
+})(We);
+var Ue = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1099,8 +1099,8 @@ var We = {};
     const i = Object.getPrototypeOf(r);
     return i === null || i === Object.prototype;
   }
-})(We);
-var Ue = {};
+})(Ue);
+var Ne = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1116,8 +1116,8 @@ var Ue = {};
       t(a)
     ])) : r;
   }
-})(Ue);
-var Ne = {}, Ie = {};
+})(Ne);
+var Ie = {}, Ve = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1130,8 +1130,8 @@ var Ne = {}, Ie = {};
   function t(r) {
     return r.replace(/\\,/g, "\\2c ");
   }
-})(Ie);
-var ge = {}, ve = {}, Ve = {};
+})(Ve);
+var ve = {}, ye = {}, qe = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1883,16 +1883,16 @@ var ge = {}, ve = {}, Ve = {};
       50
     ]
   };
-})(Ve);
+})(qe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
   function t(y, k) {
-    for (var A in k)
-      Object.defineProperty(y, A, {
+    for (var F in k)
+      Object.defineProperty(y, F, {
         enumerable: !0,
-        get: k[A]
+        get: k[F]
       });
   }
   t(e, {
@@ -1903,7 +1903,7 @@ var ge = {}, ve = {}, Ve = {};
       return E;
     }
   });
-  const r = /* @__PURE__ */ i(Ve);
+  const r = /* @__PURE__ */ i(qe);
   function i(y) {
     return y && y.__esModule ? y : {
       default: y
@@ -1911,7 +1911,7 @@ var ge = {}, ve = {}, Ve = {};
   }
   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+)%?/, h = /(?:\s*,\s*|\s+)/, l = /\s*[,/]\s*/, s = /var\(--(?:[^ )]*?)\)/, c = new RegExp(`^(rgba?)\\(\\s*(${n.source}|${s.source})(?:${h.source}(${n.source}|${s.source}))?(?:${h.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})(?:${h.source}(${n.source}|${s.source}))?(?:${h.source}(${n.source}|${s.source}))?(?:${l.source}(${n.source}|${s.source}))?\\s*\\)$`);
   function m(y, { loose: k = !1 } = {}) {
-    var A, z;
+    var F, P;
     if (typeof y != "string")
       return null;
     if (y = y.trim(), y === "transparent")
@@ -1927,9 +1927,9 @@ var ge = {}, ve = {}, Ve = {};
     if (y in r.default)
       return {
         mode: "rgb",
-        color: r.default[y].map((R) => R.toString())
+        color: r.default[y].map((B) => B.toString())
       };
-    let L = y.replace(o, (R, N, W, g, D) => [
+    let L = y.replace(o, (B, N, W, g, D) => [
       "#",
       N,
       N,
@@ -1946,7 +1946,7 @@ var ge = {}, ve = {}, Ve = {};
           parseInt(L[1], 16),
           parseInt(L[2], 16),
           parseInt(L[3], 16)
-        ].map((R) => R.toString()),
+        ].map((B) => B.toString()),
         alpha: L[4] ? (parseInt(L[4], 16) / 255).toString() : void 0
       };
     var M;
@@ -1957,24 +1957,24 @@ var ge = {}, ve = {}, Ve = {};
       G[2],
       G[3],
       G[4]
-    ].filter(Boolean).map((R) => R.toString());
+    ].filter(Boolean).map((B) => B.toString());
     return H.length === 2 && H[0].startsWith("var(") ? {
       mode: G[1],
       color: [
         H[0]
       ],
       alpha: H[1]
-    } : !k && H.length !== 3 || H.length < 3 && !H.some((R) => /^var\(.*?\)$/.test(R)) ? null : {
+    } : !k && H.length !== 3 || H.length < 3 && !H.some((B) => /^var\(.*?\)$/.test(B)) ? null : {
       mode: G[1],
       color: H,
-      alpha: (A = G[5]) === null || A === void 0 || (z = A.toString) === null || z === void 0 ? void 0 : z.call(A)
+      alpha: (F = G[5]) === null || F === void 0 || (P = F.toString) === null || P === void 0 ? void 0 : P.call(F)
     };
   }
-  function E({ mode: y, color: k, alpha: A }) {
-    let z = A !== void 0;
-    return y === "rgba" || y === "hsla" ? `${y}(${k.join(", ")}${z ? `, ${A}` : ""})` : `${y}(${k.join(" ")}${z ? ` / ${A}` : ""})`;
+  function E({ mode: y, color: k, alpha: F }) {
+    let P = F !== void 0;
+    return y === "rgba" || y === "hsla" ? `${y}(${k.join(", ")}${P ? `, ${F}` : ""})` : `${y}(${k.join(" ")}${P ? ` / ${F}` : ""})`;
   }
-})(ve);
+})(ye);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -1994,7 +1994,7 @@ var ge = {}, ve = {}, Ve = {};
       return a;
     }
   });
-  const r = ve;
+  const r = ye;
   function i(o, n, h) {
     if (typeof o == "function")
       return o({
@@ -2039,8 +2039,8 @@ var ge = {}, ve = {}, Ve = {};
       ]))
     };
   }
-})(ge);
-var ye = {}, qe = {}, se = {};
+})(ve);
+var be = {}, Xe = {}, se = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2106,16 +2106,16 @@ var ye = {}, qe = {}, se = {};
       s.color
     ].filter(Boolean).join(" ") : s.raw).join(", ");
   }
-})(qe);
+})(Xe);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
   function t(d, w) {
-    for (var F in w)
-      Object.defineProperty(d, F, {
+    for (var A in w)
+      Object.defineProperty(d, A, {
         enumerable: !0,
-        get: w[F]
+        get: w[A]
       });
   }
   t(e, {
@@ -2132,7 +2132,7 @@ var ye = {}, qe = {}, se = {};
       return E;
     },
     length: function() {
-      return A;
+      return F;
     },
     lineWidth: function() {
       return L;
@@ -2165,7 +2165,7 @@ var ye = {}, qe = {}, se = {};
       return $;
     }
   });
-  const r = ve, i = qe, a = se;
+  const r = ye, i = Xe, a = se;
   let o = [
     "min",
     "max",
@@ -2177,12 +2177,12 @@ var ye = {}, qe = {}, se = {};
   }
   const h = "--tw-placeholder", l = new RegExp(h, "g");
   function s(d, w = !0) {
-    return d.startsWith("--") ? `var(${d})` : d.includes("url(") ? d.split(/(url\(.*?\))/g).filter(Boolean).map((F) => /^url\(.*?\)$/.test(F) ? F : s(F, !1)).join("") : (d = d.replace(/([^\\])_+/g, (F, O) => O + " ".repeat(F.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), w && (d = d.trim()), d = c(d), d);
+    return d.startsWith("--") ? `var(${d})` : d.includes("url(") ? d.split(/(url\(.*?\))/g).filter(Boolean).map((A) => /^url\(.*?\)$/.test(A) ? A : s(A, !1)).join("") : (d = d.replace(/([^\\])_+/g, (A, O) => O + " ".repeat(A.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), w && (d = d.trim()), d = c(d), d);
   }
   function c(d) {
     return d.replace(/(calc|min|max|clamp)\(.+\)/g, (w) => {
-      let F = [];
-      return w.replace(/var\((--.+?)[,)]/g, (O, K) => (F.push(K), O.replace(K, h))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => F.shift());
+      let A = [];
+      return w.replace(/var\((--.+?)[,)]/g, (O, K) => (A.push(K), O.replace(K, h))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => A.shift());
     });
   }
   function v(d) {
@@ -2227,21 +2227,21 @@ var ye = {}, qe = {}, se = {};
     "cqmin",
     "cqmax"
   ].join("|")})`;
-  function A(d) {
+  function F(d) {
     return d === "0" || new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${k}$`).test(d) || n(d);
   }
-  let z = /* @__PURE__ */ new Set([
+  let P = /* @__PURE__ */ new Set([
     "thin",
     "medium",
     "thick"
   ]);
   function L(d) {
-    return z.has(d);
+    return P.has(d);
   }
   function M(d) {
     let w = (0, i.parseBoxShadowValue)(s(d));
-    for (let F of w)
-      if (!F.valid)
+    for (let A of w)
+      if (!A.valid)
         return !1;
     return !0;
   }
@@ -2260,7 +2260,7 @@ var ye = {}, qe = {}, se = {};
       "image-set("
     ].some((K) => O.startsWith(K)) ? (w++, !0) : !1)) ? w > 0 : !1;
   }
-  let R = /* @__PURE__ */ new Set([
+  let B = /* @__PURE__ */ new Set([
     "conic-gradient",
     "linear-gradient",
     "radial-gradient",
@@ -2270,7 +2270,7 @@ var ye = {}, qe = {}, se = {};
   ]);
   function N(d) {
     d = s(d);
-    for (let w of R)
+    for (let w of B)
       if (d.startsWith(`${w}(`))
         return !0;
     return !1;
@@ -2284,7 +2284,7 @@ var ye = {}, qe = {}, se = {};
   ]);
   function g(d) {
     let w = 0;
-    return (0, a.splitAtTopLevelOnly)(d, "_").every((O) => (O = s(O), O.startsWith("var(") ? !0 : W.has(O) || A(O) || E(O) ? (w++, !0) : !1)) ? w > 0 : !1;
+    return (0, a.splitAtTopLevelOnly)(d, "_").every((O) => (O = s(O), O.startsWith("var(") ? !0 : W.has(O) || F(O) || E(O) ? (w++, !0) : !1)) ? w > 0 : !1;
   }
   function D(d) {
     let w = 0;
@@ -2328,8 +2328,8 @@ var ye = {}, qe = {}, se = {};
   function $(d) {
     return p.has(d);
   }
-})(ye);
-var Xe = {};
+})(be);
+var Ye = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2339,7 +2339,7 @@ var Xe = {};
       return i;
     }
   });
-  const t = ye, r = se;
+  const t = be, r = se;
   function i(a) {
     let o = [
       "cover",
@@ -2350,7 +2350,7 @@ var Xe = {};
       return h.length === 1 && o.includes(h[0]) ? !0 : h.length !== 1 && h.length !== 2 ? !1 : h.every((l) => (0, t.length)(l) || (0, t.percentage)(l) || l === "auto");
     });
   }
-})(Xe);
+})(Ye);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2373,7 +2373,7 @@ var Xe = {};
       return k;
     },
     asColor: function() {
-      return z;
+      return P;
     },
     asLookupValue: function() {
       return L;
@@ -2388,7 +2388,7 @@ var Xe = {};
       return W;
     }
   });
-  const r = /* @__PURE__ */ l(Ie), i = ge, a = ye, o = /* @__PURE__ */ l(he), n = Xe, h = ne;
+  const r = /* @__PURE__ */ l(Ve), i = ve, a = be, o = /* @__PURE__ */ l(me), n = Ye, h = ne;
   function l(g) {
     return g && g.__esModule ? g : {
       default: g
@@ -2443,10 +2443,10 @@ var Xe = {};
     }
     return g;
   }
-  function A(g) {
+  function F(g) {
     return (0, a.normalize)(g.slice(1, -1));
   }
-  function z(g, D = {}, { tailwindConfig: C = {} } = {}) {
+  function P(g, D = {}, { tailwindConfig: C = {} } = {}) {
     var f;
     if (((f = D.values) === null || f === void 0 ? void 0 : f[g]) !== void 0) {
       var b;
@@ -2454,9 +2454,9 @@ var Xe = {};
     }
     let [x, p] = y(g);
     if (p !== void 0) {
-      var $, d, w, F;
-      let O = (F = ($ = D.values) === null || $ === void 0 ? void 0 : $[x]) !== null && F !== void 0 ? F : E(x) ? x.slice(1, -1) : void 0;
-      return O === void 0 ? void 0 : (O = k(O), E(p) ? (0, i.withAlphaValue)(O, A(p)) : ((d = C.theme) === null || d === void 0 || (w = d.opacity) === null || w === void 0 ? void 0 : w[p]) === void 0 ? void 0 : (0, i.withAlphaValue)(O, C.theme.opacity[p]));
+      var $, d, w, A;
+      let O = (A = ($ = D.values) === null || $ === void 0 ? void 0 : $[x]) !== null && A !== void 0 ? A : E(x) ? x.slice(1, -1) : void 0;
+      return O === void 0 ? void 0 : (O = k(O), E(p) ? (0, i.withAlphaValue)(O, F(p)) : ((d = C.theme) === null || d === void 0 || (w = d.opacity) === null || w === void 0 ? void 0 : w[p]) === void 0 ? void 0 : (0, i.withAlphaValue)(O, C.theme.opacity[p]));
     }
     return m(g, D, {
       validate: a.color
@@ -2473,7 +2473,7 @@ var Xe = {};
   }
   let G = {
     any: m,
-    color: z,
+    color: P,
     url: M(a.url),
     image: M(a.image),
     length: M(a.length),
@@ -2489,7 +2489,7 @@ var Xe = {};
     shadow: M(a.shadow),
     size: M(n.backgroundSize)
   }, H = Object.keys(G);
-  function R(g, D) {
+  function B(g, D) {
     let C = g.indexOf(D);
     return C === -1 ? [
       void 0,
@@ -2513,7 +2513,7 @@ var Xe = {};
           ];
       }
     if (E(D)) {
-      let x = D.slice(1, -1), [p, $] = R(x, ":");
+      let x = D.slice(1, -1), [p, $] = B(x, ":");
       if (!/^[\w-_]+$/g.test(p))
         $ = x;
       else if (p !== void 0 && !H.includes(p))
@@ -2534,22 +2534,22 @@ var Xe = {};
     let b = (0, h.flagEnabled)(f, "generalizedModifiers"), [x, p] = y(D);
     if (b && C.modifiers != null && (C.modifiers === "any" || typeof C.modifiers == "object" && (p && E(p) || p in C.modifiers)) || (x = D, p = void 0), p !== void 0 && x === "" && (x = "DEFAULT"), p !== void 0 && typeof C.modifiers == "object") {
       var d, w;
-      let F = (w = (d = C.modifiers) === null || d === void 0 ? void 0 : d[p]) !== null && w !== void 0 ? w : null;
-      F !== null ? p = F : E(p) && (p = A(p));
+      let A = (w = (d = C.modifiers) === null || d === void 0 ? void 0 : d[p]) !== null && w !== void 0 ? w : null;
+      A !== null ? p = A : E(p) && (p = F(p));
     }
-    for (let { type: F } of g != null ? g : []) {
-      let O = G[F](x, C, {
+    for (let { type: A } of g != null ? g : []) {
+      let O = G[A](x, C, {
         tailwindConfig: f
       });
       O !== void 0 && (yield [
         O,
-        F,
+        A,
         p != null ? p : null
       ]);
     }
   }
-})(Ne);
-var Ye = {};
+})(Ie);
+var Ze = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2562,7 +2562,7 @@ var Ye = {};
   function t(r) {
     return typeof r == "function" ? r({}) : r;
   }
-})(Ye);
+})(Ze);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -2572,7 +2572,7 @@ var Ye = {};
       return C;
     }
   });
-  const t = /* @__PURE__ */ E(he), r = /* @__PURE__ */ E(ze), i = /* @__PURE__ */ E(Le), a = /* @__PURE__ */ E(me), o = je, n = Be, h = Re, l = /* @__PURE__ */ E(We), s = Ue, c = Ne, v = ge, m = /* @__PURE__ */ E(Ye);
+  const t = /* @__PURE__ */ E(me), r = /* @__PURE__ */ E(Le), i = /* @__PURE__ */ E(Ge), a = /* @__PURE__ */ E(pe), o = Re, n = Be, h = We, l = /* @__PURE__ */ E(Ue), s = Ne, c = Ie, v = ve, m = /* @__PURE__ */ E(Ze);
   function E(f) {
     return f && f.__esModule ? f : {
       default: f
@@ -2590,7 +2590,7 @@ var Ye = {};
       }
     return f;
   }
-  const A = {
+  const F = {
     colors: a.default,
     negative(f) {
       return Object.keys(f).filter((b) => f[b] !== "0").reduce((b, x) => {
@@ -2605,7 +2605,7 @@ var Ye = {};
       }), {});
     }
   };
-  function z(f, ...b) {
+  function P(f, ...b) {
     return y(f) ? f(...b) : f;
   }
   function L(f) {
@@ -2642,9 +2642,9 @@ var Ye = {};
     return k(b, f, (x, p) => !y(x) && !p.some(y) ? k({}, x, ...p, G) : ($, d) => k({}, ...[
       x,
       ...p
-    ].map((w) => z(w, $, d)), G));
+    ].map((w) => P(w, $, d)), G));
   }
-  function* R(f) {
+  function* B(f) {
     let b = (0, n.toPath)(f);
     if (b.length === 0 || (yield b, Array.isArray(f)))
       return;
@@ -2656,14 +2656,14 @@ var Ye = {};
   }
   function N(f) {
     const b = (x, p) => {
-      for (const $ of R(x)) {
+      for (const $ of B(x)) {
         let d = 0, w = f;
         for (; w != null && d < $.length; )
-          w = w[$[d++]], w = y(w) && ($.alpha === void 0 || d <= $.length - 1) ? w(b, A) : w;
+          w = w[$[d++]], w = y(w) && ($.alpha === void 0 || d <= $.length - 1) ? w(b, F) : w;
         if (w !== void 0) {
           if ($.alpha !== void 0) {
-            let F = (0, c.parseColorFormat)(w);
-            return (0, v.withAlphaValue)(F, $.alpha, (0, m.default)(F));
+            let A = (0, c.parseColorFormat)(w);
+            return (0, v.withAlphaValue)(A, $.alpha, (0, m.default)(A));
           }
           return (0, l.default)(w) ? (0, s.cloneDeep)(w) : w;
         }
@@ -2672,8 +2672,8 @@ var Ye = {};
     };
     return Object.assign(b, {
       theme: b,
-      ...A
-    }), Object.keys(f).reduce((x, p) => (x[p] = y(f[p]) ? f[p](b, A) : f[p], x), {});
+      ...F
+    }), Object.keys(f).reduce((x, p) => (x[p] = y(f[p]) ? f[p](b, F) : f[p], x), {});
   }
   function W(f) {
     let b = [];
@@ -2728,7 +2728,7 @@ var Ye = {};
     }, ...b));
   }
 })(Pe);
-var Ze = {}, dt = {
+var Ke = {}, ft = {
   content: [],
   presets: [],
   darkMode: "media",
@@ -3728,7 +3728,7 @@ var Ze = {}, dt = {
       return a;
     }
   });
-  const t = /* @__PURE__ */ i(dt), r = ne;
+  const t = /* @__PURE__ */ i(ft), r = ne;
   function i(o) {
     return o && o.__esModule ? o : {
       default: o
@@ -3765,7 +3765,7 @@ var Ze = {}, dt = {
       ...h
     ];
   }
-})(Ze);
+})(Ke);
 (function(e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -3775,7 +3775,7 @@ var Ze = {}, dt = {
       return a;
     }
   });
-  const t = /* @__PURE__ */ i(Pe), r = /* @__PURE__ */ i(Ze);
+  const t = /* @__PURE__ */ i(Pe), r = /* @__PURE__ */ i(Ke);
   function i(o) {
     return o && o.__esModule ? o : {
       default: o
@@ -3788,13 +3788,13 @@ var Ze = {}, dt = {
       ...n
     ]);
   }
-})(Me);
-let ae = Me;
-var ft = (ae.__esModule ? ae : { default: ae }).default;
-const ht = /* @__PURE__ */ ct(ft);
-let oe = me;
+})(ze);
+let ae = ze;
+var ht = (ae.__esModule ? ae : { default: ae }).default;
+const mt = /* @__PURE__ */ dt(ht);
+let oe = pe;
 var U = (oe.__esModule ? oe : { default: oe }).default;
-const mt = {
+const pt = {
   50: "#FCE3E4",
   100: "#F9CDCE",
   200: "#F39699",
@@ -3805,42 +3805,42 @@ const mt = {
   700: "#770D11",
   800: "#4E090B",
   900: "#290506"
-}, B = {
+}, R = {
   onprimary: U.white,
   warning: U.amber,
   error: U.rose,
   info: U.cyan,
   success: U.lime,
   primary: U.sky,
-  brand: mt
-}, pt = {
-  ...B,
+  brand: pt
+}, gt = {
+  ...R,
   // Warning
-  warning: B.warning[500],
-  "warning-darken": B.warning[600],
-  "warning-lighten": B.warning[400],
+  warning: R.warning[500],
+  "warning-darken": R.warning[600],
+  "warning-lighten": R.warning[400],
   // Success
-  success: B.success[500],
-  "success-darken": B.success[600],
-  "success-lighten": B.success[400],
+  success: R.success[500],
+  "success-darken": R.success[600],
+  "success-lighten": R.success[400],
   // Error
-  error: B.error[500],
-  "error-darken": B.error[600],
-  "error-lighten": B.error[400],
+  error: R.error[500],
+  "error-darken": R.error[600],
+  "error-lighten": R.error[400],
   // Info
-  info: B.info[500],
-  "info-darken": B.info[600],
-  "info-lighten": B.info[400],
+  info: R.info[500],
+  "info-darken": R.info[600],
+  "info-lighten": R.info[400],
   // Primary
-  primary: B.primary[500],
-  "primary-darken": B.primary[600],
-  "primary-lighten": B.primary[400],
+  primary: R.primary[500],
+  "primary-darken": R.primary[600],
+  "primary-lighten": R.primary[400],
   // Surfaces
   onsurface: U.slate[500],
   onbackground: U.slate[700],
   surface: U.slate[50],
   background: U.white
-}, gt = {
+}, vt = {
   prefix: "e-",
   corePlugins: {
     preflight: !1
@@ -3848,7 +3848,7 @@ const mt = {
   content: ["./src/**/*.{html,js,vue,ts}"],
   theme: {
     extend: {
-      colors: pt,
+      colors: gt,
       maxWidth: {
         "1/12": "8.333333333%",
         "2/12": "16.666666666%",
@@ -3916,21 +3916,21 @@ const mt = {
       pattern: /e-content-(around|baseline|between|center|end|evenly|normal|start|stretch)/
     }
   ]
-}, Ke = ht(gt), vt = Ke.theme.fontSize, yt = Ke.theme.colors, or = [
+}, Je = mt(vt), yt = Je.theme.fontSize, bt = Je.theme.colors, lr = [
   T.dot,
   T.xs,
   T.sm,
   T.md,
   T.lg,
   T.xl
-], lr = [
+], ur = [
   T.xs,
   T.sm,
   T.md,
   T.lg,
   T.xl,
   T["2xl"]
-], bt = [
+], xt = [
   T.xs,
   T.sm,
   T.md,
@@ -3945,14 +3945,14 @@ const mt = {
   T["7xl"],
   T["8xl"],
   T["9xl"]
-], ur = [
+], cr = [
   j.warning,
   j.error,
   j.info,
   j.success,
   j.primary,
   j.default
-], cr = [
+], dr = [
   "play",
   "pause",
   "ended",
@@ -3963,7 +3963,7 @@ const mt = {
   "canplay",
   "canplaythrough",
   "statechanged"
-], xt = X.extend({
+], _t = X.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -3981,7 +3981,7 @@ const mt = {
   },
   computed: {
     sizes() {
-      return bt.reduce((e, t) => ({
+      return xt.reduce((e, t) => ({
         ...e,
         [t]: `e-text-${t}`
       }), {});
@@ -3998,20 +3998,20 @@ const mt = {
     }
   }
 });
-var _t = function() {
+var wt = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-icon" }, [r("i", { class: t.iconClasses })]);
-}, wt = [], Ct = /* @__PURE__ */ I(
-  xt,
+}, Ct = [], St = /* @__PURE__ */ I(
   _t,
   wt,
+  Ct,
   !1,
   null,
   null,
   null,
   null
 );
-const St = Ct.exports, Tt = X.extend({
+const Tt = St.exports, Et = X.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4037,8 +4037,8 @@ const St = Ct.exports, Tt = X.extend({
   },
   data() {
     return {
-      sizes: vt,
-      colors: yt
+      sizes: yt,
+      colors: bt
     };
   },
   computed: {
@@ -4073,23 +4073,23 @@ const St = Ct.exports, Tt = X.extend({
     }
   }
 });
-var Et = function() {
+var $t = 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" } })]);
-}, $t = [], Dt = /* @__PURE__ */ I(
-  Tt,
+}, Dt = [], kt = /* @__PURE__ */ I(
   Et,
   $t,
+  Dt,
   !1,
   null,
   "29711f67",
   null,
   null
 );
-const Je = Dt.exports, kt = X.extend({
+const Qe = kt.exports, Ot = X.extend({
   props: {
     align: {
       type: String,
@@ -4149,12 +4149,12 @@ const Je = Dt.exports, kt = X.extend({
     }
   }
 });
-var Ot = function() {
+var Ft = 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);
-}, At = [], Ft = /* @__PURE__ */ I(
-  kt,
+}, At = [], Mt = /* @__PURE__ */ I(
   Ot,
+  Ft,
   At,
   !1,
   null,
@@ -4162,7 +4162,7 @@ var Ot = function() {
   null,
   null
 );
-const Mt = Ft.exports, Pt = X.extend({
+const zt = Mt.exports, Pt = X.extend({
   props: {
     alignSelf: {
       type: String,
@@ -4266,26 +4266,26 @@ const Mt = Ft.exports, Pt = X.extend({
     }
   }
 });
-var zt = function() {
+var Lt = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "e-col", class: t.colClasses }, [t._t("default")], 2);
-}, Lt = [], Gt = /* @__PURE__ */ I(
+}, Gt = [], Ht = /* @__PURE__ */ I(
   Pt,
-  zt,
   Lt,
+  Gt,
   !1,
   null,
   null,
   null,
   null
 );
-const Ht = Gt.exports;
-function Qe() {
+const jt = Ht.exports;
+function et() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function jt(e) {
-  if (Qe())
+function Rt(e) {
+  if (et())
     return new Promise((r) => r(null));
   const t = e;
   if (t.requestFullscreen)
@@ -4298,7 +4298,7 @@ function jt(e) {
     return t == null ? void 0 : t.msRequestFullscreen();
 }
 function Bt() {
-  if (!Qe())
+  if (!et())
     return new Promise((t) => t(null));
   const e = document;
   if (e.exitFullscreen)
@@ -4310,7 +4310,7 @@ function Bt() {
   if (e.msExitFullscreen)
     return e.msExitFullscreen();
 }
-function Rt(e, t) {
+function Wt(e, t) {
   let r = null;
   return function(...i) {
     const a = this;
@@ -4321,7 +4321,7 @@ function Rt(e, t) {
 }
 const le = new Intl.NumberFormat(void 0, {
   minimumIntegerDigits: 2
-}), be = [
+}), xe = [
   "play",
   "pause",
   "ended",
@@ -4338,10 +4338,10 @@ const le = new Intl.NumberFormat(void 0, {
   return i === 0 ? `${r}:${le.format(t)}` : `${i}:${le.format(
     r
   )}:${le.format(t)}`;
-}, Wt = X.extend({
+}, Ut = X.extend({
   name: "VideoPlayer",
   components: {
-    ESpinner: Je
+    ESpinner: Qe
   },
   props: {
     sources: {
@@ -4397,12 +4397,12 @@ const le = new Intl.NumberFormat(void 0, {
       this.isError = !0, this.isLoading = !1, this.playing = !1;
     },
     bindEvents() {
-      be.forEach((e) => {
+      xe.forEach((e) => {
         this.bindVideoEvent(e);
       });
     },
     unbindEvents() {
-      be.forEach((e) => {
+      xe.forEach((e) => {
         this.unbindVideoEvent(e);
       });
     },
@@ -4517,7 +4517,7 @@ const le = new Intl.NumberFormat(void 0, {
     },
     openFullscreenMode() {
       const e = this.$refs.videoContainer;
-      e && (jt(e).then(() => {
+      e && (Rt(e).then(() => {
         this.isFullscreen = !0;
       }), this.isFullscreen = !0);
     },
@@ -4593,7 +4593,7 @@ const le = new Intl.NumberFormat(void 0, {
     }
   }
 });
-var Ut = function() {
+var Nt = 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(i) {
     return r("source", t._g({ key: i.src, attrs: { src: i.src, type: i.type }, on: { error: t.handle404Error } }, t.videoListeners));
@@ -4604,44 +4604,44 @@ var Ut = function() {
     "fa-expand": !t.isFullscreen,
     "fa-compress": t.isFullscreen
   }, on: { click: t.toggleFullscreenMode } })])])]);
-}, Nt = [function() {
+}, It = [function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "timeline" }, [t("div", { staticClass: "thumb-indicator" })]);
-}], It = /* @__PURE__ */ I(
-  Wt,
+}], Vt = /* @__PURE__ */ I(
   Ut,
   Nt,
+  It,
   !1,
   null,
   "dd8ff405",
   null,
   null
 );
-const Vt = It.exports, re = (e) => {
+const qt = Vt.exports, re = (e) => {
   const t = u.utcFormat("%_d")(e), i = {
     1: "st",
     2: "nd",
     3: "rd"
   }[t.charAt(1)] || "th";
   return `${t}${i}`;
-}, xe = (e) => new Date(
+}, _e = (e) => new Date(
   Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + 1)
 ).getUTCDate() === 1 ? "" : u.utcFormat("%-d")(e), Y = (e) => ["0", " 0", "00"].includes(u.utcFormat("%H")(e)) ? "" : `${u.utcFormat("%H")(e)}h`, q = (e) => {
   const t = u.utcFormat("%H:%M")(e);
   return t === "00:00" ? "" : t;
-}, ue = (e) => u.utcFormat("%M:%S")(e), _e = (e) => `${u.utcFormat("%Hh%Mm")(e)}`, fe = (e) => {
+}, ue = (e) => u.utcFormat("%M:%S")(e), we = (e) => `${u.utcFormat("%Hh%Mm")(e)}`, he = (e) => {
   const t = q(e), r = re(e), i = u.utcFormat("%B")(e);
   return t || `${i} ${r}`;
 }, ce = (e) => {
   const t = q(e), r = Number.parseInt(u.utcFormat("%H")(e)), i = re(e), a = u.utcFormat("%B")(e);
-  return t && r % 6 === 0 ? `${a} ${i} ${t}` : fe(e);
+  return t && r % 6 === 0 ? `${a} ${i} ${t}` : he(e);
 }, Z = (e) => (t) => {
   const r = u.utcFormat("%H")(t);
   return !(u.utcFormat("%M")(t) === "00" && Number.parseInt(r) % e === 0);
 }, de = (e) => (t) => {
   const r = u.utcFormat("%M")(t);
   return Number.parseInt(r) % e !== 0;
-}, we = (e) => (t) => {
+}, Ce = (e) => (t) => {
   const r = u.utcFormat("%M")(t), i = u.utcFormat("%S")(t);
   return Number.parseInt(r) % e !== 0 && Number.parseInt(i) === 0;
 }, S = {
@@ -4666,23 +4666,23 @@ const Vt = It.exports, re = (e) => {
   _3_months: 33,
   infinity: 1 / 0
 };
-var Se, Te, Ee, $e, De, ke, Oe, Ae;
-const qt = {
+var Te, Ee, $e, De, ke, Oe, Fe, Ae;
+const Xt = {
   [ee.overview]: [
     {
       precision: S._30_seconds,
       interval: u.utcMinute.every(2),
-      format: _e
+      format: we
     },
     {
       precision: S._1_minute,
       interval: u.utcMinute.every(5),
-      format: _e
+      format: we
     },
     {
       precision: S._2_minutes,
       interval: u.utcMinute.every(10),
-      format: fe
+      format: he
     },
     {
       precision: S._5_minutes,
@@ -4710,7 +4710,7 @@ const qt = {
     {
       precision: S._3_hours,
       interval: u.utcHour.every(12),
-      format: fe
+      format: he
     },
     {
       precision: S._6_hours,
@@ -4742,12 +4742,12 @@ const qt = {
     },
     {
       precision: S._20_seconds,
-      interval: (Se = u.utcSecond.every(20)) == null ? void 0 : Se.filter(we(2)),
+      interval: (Te = u.utcSecond.every(20)) == null ? void 0 : Te.filter(Ce(2)),
       format: ue
     },
     {
       precision: S._30_seconds,
-      interval: (Te = u.utcSecond.every(30)) == null ? void 0 : Te.filter(we(2)),
+      interval: (Ee = u.utcSecond.every(30)) == null ? void 0 : Ee.filter(Ce(2)),
       format: ue
     },
     {
@@ -4757,22 +4757,22 @@ const qt = {
     },
     {
       precision: S._2_minutes,
-      interval: (Ee = u.utcMinute.every(2)) == null ? void 0 : Ee.filter(de(10)),
+      interval: ($e = u.utcMinute.every(2)) == null ? void 0 : $e.filter(de(10)),
       format: q
     },
     {
       precision: S._5_minutes,
-      interval: ($e = u.utcMinute.every(5)) == null ? void 0 : $e.filter(de(20)),
+      interval: (De = u.utcMinute.every(5)) == null ? void 0 : De.filter(de(20)),
       format: q
     },
     {
       precision: S._15_minutes,
-      interval: (De = u.utcMinute.every(15)) == null ? void 0 : De.filter(Z(1)),
+      interval: (ke = u.utcMinute.every(15)) == null ? void 0 : ke.filter(Z(1)),
       format: q
     },
     {
       precision: S._30_minutes,
-      interval: (ke = u.utcMinute.every(30)) == null ? void 0 : ke.filter(Z(2)),
+      interval: (Oe = u.utcMinute.every(30)) == null ? void 0 : Oe.filter(Z(2)),
       format: q
     },
     {
@@ -4782,7 +4782,7 @@ const qt = {
     },
     {
       precision: S._2_hours,
-      interval: (Oe = u.utcHour.every(2)) == null ? void 0 : Oe.filter(Z(6)),
+      interval: (Fe = u.utcHour.every(2)) == null ? void 0 : Fe.filter(Z(6)),
       format: Y
     },
     {
@@ -4803,12 +4803,12 @@ const qt = {
     {
       precision: S._1_day,
       interval: u.utcDay,
-      format: xe
+      format: _e
     },
     {
       precision: S._2_days,
       interval: u.utcDay.every(2),
-      format: xe
+      format: _e
     },
     {
       precision: S._1_month,
@@ -4959,7 +4959,7 @@ const qt = {
       format: ""
     }
   ]
-}, et = {
+}, tt = {
   bind(e, t) {
     const { value: r } = t;
     if (typeof r != "function") {
@@ -4976,10 +4976,10 @@ const qt = {
   unbind(e) {
     e.__resizeObserver__ && (e.__resizeObserver__.disconnect(), delete e.__resizeObserver__);
   }
-}, Xt = [
+}, Yt = [
   {
     name: "resize-observer",
-    definition: et
+    definition: tt
   }
 ], _ = {
   eventGroup: "event-group",
@@ -5000,10 +5000,10 @@ const qt = {
 }, Q = {
   areaGradient: "area-gradient",
   loadingGradient: "loading-gradient"
-}, Yt = X.extend({
+}, Zt = X.extend({
   name: "ETimeline",
   directives: {
-    resizeObserver: et
+    resizeObserver: tt
   },
   props: {
     eventsGroups: {
@@ -5012,7 +5012,7 @@ const qt = {
     },
     xAxesConfig: {
       type: Object,
-      default: () => qt
+      default: () => Xt
     },
     dark: {
       type: Boolean,
@@ -5121,7 +5121,8 @@ const qt = {
       characterWidth: 7.5,
       textPadding: 5,
       debouncedOnResize: () => {
-      }
+      },
+      isFirstPaint: !0
     };
   },
   computed: {
@@ -5258,7 +5259,7 @@ const qt = {
     }
   },
   created() {
-    this.debouncedOnResize = Rt(this.handleResize, 100);
+    this.debouncedOnResize = Wt(this.handleResize, 100);
   },
   mounted() {
     this.initTimeline();
@@ -5272,7 +5273,7 @@ const qt = {
         setTimeout(this.initTimeline, 500);
         return;
       }
-      this.initSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.initCurtains(), this.emitCurtainChange(), this.initSelectedTimestampCursor(), this.registerEventsListeners(), this.emitVisibleInterval();
+      this.initSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.initCurtains(), this.emitCurtainChange(), this.initSelectedTimestampCursor(), this.registerEventsListeners(), this.emitVisibleInterval(fe.initial);
     },
     initRefs() {
       this.tooltip = this.$refs.tooltip, this.cursor = this.$refs.cursor, this.timeline = this.$refs.timelineContainer, this.selectedTimestampCursor = this.$refs.selectedTimestamp;
@@ -5342,15 +5343,16 @@ const qt = {
     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())
+    emitVisibleInterval(e) {
+      const t = this.timeScale.invert(0), r = this.timeScale.invert(this.timeline.offsetWidth);
+      if (this.visibleFrom && this.visibleFrom.getTime() === t.getTime() && this.visibleTo && this.visibleTo.getTime() === r.getTime())
         return;
-      this.visibleFrom = e, this.visibleTo = t;
-      const r = this.dateToTzString(this.visibleFrom), i = this.dateToTzString(this.visibleTo);
+      this.visibleFrom = t, this.visibleTo = r;
+      const i = this.dateToTzString(this.visibleFrom), a = this.dateToTzString(this.visibleTo);
       this.$emit("visible-interval-change", {
-        fromDate: r,
-        toDate: i,
+        fromDate: i,
+        toDate: a,
+        trigger: e,
         transform: this.transformDiff
       });
     },
@@ -5367,11 +5369,11 @@ const qt = {
         interval: t
       };
     },
+    onResize(e) {
+      this.isFirstPaint ? (this.handleResize(e), this.isFirstPaint = !1) : this.debouncedOnResize(e);
+    },
     handleResize({ contentRect: e }) {
-      if (!this.svg)
-        return;
-      const t = Number.parseInt(this.svg.attr("width")), r = e.width;
-      Math.abs(t - r) > 100 && (this.svg.attr("width", e.width), this.updateAndRedrawTimeline());
+      this.svg && (this.svg.attr("width", e.width), this.updateAndRedrawTimeline());
     },
     handleDarkModeChange() {
       if (!this.showLabels)
@@ -5462,7 +5464,7 @@ const qt = {
       }, 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(), this.emitCurtainChange();
+      this.updateBarCharts(), this.updateLineGraphs(), this.updateLineGraphHoverZones(), this.repositionSelectedTimestampCursor(), this.emitVisibleInterval(fe.zoom), this.emitCurtainChange();
     },
     emitCurtainChange() {
       const { startDate: e, endDate: t } = this.calculateDateRangeFromCurtains();
@@ -5794,9 +5796,9 @@ const qt = {
     }
   }
 });
-var Zt = function() {
+var Kt = function() {
   var t = this, r = t._self._c;
-  return r("div", { staticClass: "e-relative e-timeline e-border e-rounded", class: t.classes.wrapper }, [r("div", { staticClass: "e-timeline__background e-w-full e-h-full e-absolute e-top-0 e-rounded", class: t.classes.background }), r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: t.debouncedOnResize, expression: "debouncedOnResize" }], ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden e-overflow-hidden" }), r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline && !t.isInteractingWithCurtain, expression: "isHoveringTimeline && !isInteractingWithCurtain" }], ref: "cursor", staticClass: "e-timeline__cursor e-absolute e-bg-green-600 e-w-px e-h-full e-top-0 e-pointer-events-none" }), r("div", { ref: "tooltip", staticClass: "e-absolute", style: t.eventTooltipStyle }, [t._t("tooltip", function() {
+  return r("div", { staticClass: "e-relative e-timeline e-border e-rounded", class: t.classes.wrapper }, [r("div", { staticClass: "e-timeline__background e-w-full e-h-full e-absolute e-top-0 e-rounded", class: t.classes.background }), r("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: t.onResize, expression: "onResize" }], ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden e-overflow-hidden" }), r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline && !t.isInteractingWithCurtain, expression: "isHoveringTimeline && !isInteractingWithCurtain" }], ref: "cursor", staticClass: "e-timeline__cursor e-absolute e-bg-green-600 e-w-px e-h-full e-top-0 e-pointer-events-none" }), r("div", { ref: "tooltip", staticClass: "e-absolute", style: t.eventTooltipStyle }, [t._t("tooltip", function() {
     return [r("div", { directives: [{ name: "show", rawName: "v-show", value: t.isHoveringTimeline && !t.isHoveringEvent && !t.isInteractingWithCurtain && !t.cursorTimestamp, expression: `
           isHoveringTimeline &&
           !isHoveringEvent &&
@@ -5808,17 +5810,17 @@ var Zt = function() {
       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 && !t.isInteractingWithCurtain, type: t.hoveredEventType })], 2)]);
-}, Kt = [], Jt = /* @__PURE__ */ I(
-  Yt,
+}, Jt = [], Qt = /* @__PURE__ */ I(
   Zt,
   Kt,
+  Jt,
   !1,
   null,
   null,
   null,
   null
 );
-const Qt = Jt.exports, er = {
+const er = Qt.exports, tr = {
   name: "EVideoEmbed",
   props: {
     videoUrl: {
@@ -5872,67 +5874,68 @@ const Qt = Jt.exports, er = {
     }
   }
 };
-var tr = function() {
+var rr = function() {
   var t = this, r = t._self._c;
   return r("div", { staticClass: "video-embed" }, [r("iframe", t._g(t._b({ attrs: { src: t.embedUrl, frameborder: "0", allowfullscreen: "", width: "100%", height: "100%", allow: "autoplay; fullscreen; picture-in-picture" } }, "iframe", t.iframeOptions, !1), t.iframeListeners))]);
-}, rr = [], ir = /* @__PURE__ */ I(
-  er,
+}, ir = [], nr = /* @__PURE__ */ I(
   tr,
   rr,
+  ir,
   !1,
   null,
   "0ecf4a71",
   null,
   null
 );
-const nr = ir.exports, Ce = {
-  EAvatar: ut,
-  EBadge: Fe,
-  EIcon: St,
-  ESpinner: Je,
-  ERow: Mt,
-  ECol: Ht,
-  EVideoPlayer: Vt,
-  ETimeline: Qt,
-  EVideoEmbed: nr
-}, dr = {
+const sr = nr.exports, Se = {
+  EAvatar: ct,
+  EBadge: Me,
+  EIcon: Tt,
+  ESpinner: Qe,
+  ERow: zt,
+  ECol: jt,
+  EVideoPlayer: qt,
+  ETimeline: er,
+  EVideoEmbed: sr
+}, fr = {
   install(e) {
-    Object.keys(Ce).forEach((t) => {
-      e.component(t, Ce[t]);
-    }), Xt.forEach(({ name: t, definition: r }) => {
+    Object.keys(Se).forEach((t) => {
+      e.component(t, Se[t]);
+    }), Yt.forEach(({ name: t, definition: r }) => {
       e.directive(t, r);
     });
   }
 };
 export {
-  lr as AvatarSizes,
-  ur as BadgeColors,
-  or as BadgeSizes,
+  ur as AvatarSizes,
+  cr as BadgeColors,
+  lr as BadgeSizes,
   j as BaseColor,
-  yt as Colors,
-  Xt as DirectivesMap,
-  ut as EAvatar,
-  Fe as EBadge,
-  Ht as ECol,
-  St as EIcon,
-  Mt as ERow,
-  Je as ESpinner,
-  Qt as ETimeline,
-  cr as EVENTS,
-  nr as EVideoEmbed,
-  Vt as EVideoPlayer,
-  bt as IconSizes,
-  et as ResizeObserverDirective,
+  bt as Colors,
+  Yt as DirectivesMap,
+  ct as EAvatar,
+  Me as EBadge,
+  jt as ECol,
+  Tt as EIcon,
+  zt as ERow,
+  Qe as ESpinner,
+  er as ETimeline,
+  dr as EVENTS,
+  sr as EVideoEmbed,
+  qt as EVideoPlayer,
+  xt as IconSizes,
+  tt as ResizeObserverDirective,
   T as Size,
-  vt as TextSizes,
+  yt as TextSizes,
   ee as TimelineAxis,
   te as TimelineChartType,
-  Ce as components,
-  Rt as debounce,
-  dr as default,
+  fe as TimelineIntervalChangeTrigger,
+  Se as components,
+  Wt as debounce,
+  fr as default,
   Bt as exitFullScreen,
-  Ke as fullConfig,
-  Qe as isFullScreen,
-  jt as makeFullScreen
+  Je as fullConfig,
+  et as isFullScreen,
+  Rt as makeFullScreen
 };
 //# sourceMappingURL=index.mjs.map