@evercam/ui 0.0.54 → 0.0.55-beta.10

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import He from "vue";
-import * as w from "d3";
-import Ve from "moment-timezone";
-var Y = /* @__PURE__ */ ((s) => (s.dot = "dot", s.xs = "xs", s.sm = "sm", s.md = "base", s.base = "base", s.lg = "lg", s.xl = "xl", s["2xl"] = "2xl", s["3xl"] = "3xl", s["4xl"] = "4xl", s["5xl"] = "5xl", s["6xl"] = "6xl", s["7xl"] = "7xl", s["8xl"] = "8xl", s["9xl"] = "9xl", s))(Y || {}), ge = /* @__PURE__ */ ((s) => (s.warning = "warning", s.error = "error", s.info = "info", s.success = "success", s.primary = "primary", s.brand = "brand", s.default = "default", s))(ge || {}), kt = /* @__PURE__ */ ((s) => (s.overview = "overview", s.detailed = "detailed", s.detailedBackground = "detailedBackground", s))(kt || {}), qe = /* @__PURE__ */ ((s) => (s.bars = "bars", s.lineGraph = "lineGraph", s.barChart = "barGraph", s.milestones = "milestones", s))(qe || {}), Pt = /* @__PURE__ */ ((s) => (s.zoom = "zoom", s.autoPan = "autoPan", s.initial = "initial", s))(Pt || {});
-const ma = He.extend({
+import Ve from "vue";
+import * as I from "d3";
+import Ke from "moment-timezone";
+var Y = /* @__PURE__ */ ((s) => (s.dot = "dot", s.xs = "xs", s.sm = "sm", s.md = "base", s.base = "base", s.lg = "lg", s.xl = "xl", s["2xl"] = "2xl", s["3xl"] = "3xl", s["4xl"] = "4xl", s["5xl"] = "5xl", s["6xl"] = "6xl", s["7xl"] = "7xl", s["8xl"] = "8xl", s["9xl"] = "9xl", s))(Y || {}), ge = /* @__PURE__ */ ((s) => (s.warning = "warning", s.error = "error", s.info = "info", s.success = "success", s.primary = "primary", s.brand = "brand", s.default = "default", s))(ge || {}), kt = /* @__PURE__ */ ((s) => (s.overview = "overview", s.detailed = "detailed", s.detailedBackground = "detailedBackground", s))(kt || {}), Ae = /* @__PURE__ */ ((s) => (s.bars = "bars", s.dots = "dots", s.lineGraph = "lineGraph", s.barChart = "barGraph", s.milestones = "milestones", s))(Ae || {}), Pt = /* @__PURE__ */ ((s) => (s.zoom = "zoom", s.autoPan = "autoPan", s.initial = "initial", s))(Pt || {});
+const ma = Ve.extend({
   name: "EBadge",
   props: {
     text: {
@@ -94,7 +94,7 @@ var ga = function() {
   null,
   null
 );
-const Mr = ya.exports, va = He.extend({
+const Mr = ya.exports, va = Ve.extend({
   name: "EAvatar",
   components: {
     Badge: Mr
@@ -2112,10 +2112,10 @@ var Ji = {}, Zr = {}, ei = {};
     value: !0
   });
   function e(F, V) {
-    for (var G in V)
-      Object.defineProperty(F, G, {
+    for (var H in V)
+      Object.defineProperty(F, H, {
         enumerable: !0,
-        get: V[G]
+        get: V[H]
       });
   }
   e(s, {
@@ -2177,12 +2177,12 @@ var Ji = {}, Zr = {}, ei = {};
   }
   const o = "--tw-placeholder", l = new RegExp(o, "g");
   function c(F, V = !0) {
-    return F.startsWith("--") ? `var(${F})` : F.includes("url(") ? F.split(/(url\(.*?\))/g).filter(Boolean).map((G) => /^url\(.*?\)$/.test(G) ? G : c(G, !1)).join("") : (F = F.replace(/([^\\])_+/g, (G, M) => M + " ".repeat(G.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), V && (F = F.trim()), F = u(F), F);
+    return F.startsWith("--") ? `var(${F})` : F.includes("url(") ? F.split(/(url\(.*?\))/g).filter(Boolean).map((H) => /^url\(.*?\)$/.test(H) ? H : c(H, !1)).join("") : (F = F.replace(/([^\\])_+/g, (H, M) => M + " ".repeat(H.length - 1)).replace(/^_/g, " ").replace(/\\_/g, "_"), V && (F = F.trim()), F = u(F), F);
   }
   function u(F) {
     return F.replace(/(calc|min|max|clamp)\(.+\)/g, (V) => {
-      let G = [];
-      return V.replace(/var\((--.+?)[,)]/g, (M, Q) => (G.push(Q), M.replace(Q, o))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => G.shift());
+      let H = [];
+      return V.replace(/var\((--.+?)[,)]/g, (M, Q) => (H.push(Q), M.replace(Q, o))).replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, "$1 $2 ").replace(l, () => H.shift());
     });
   }
   function h(F) {
@@ -2240,8 +2240,8 @@ var Ji = {}, Zr = {}, ei = {};
   }
   function x(F) {
     let V = (0, i.parseBoxShadowValue)(c(F));
-    for (let G of V)
-      if (!G.valid)
+    for (let H of V)
+      if (!H.valid)
         return !1;
     return !0;
   }
@@ -2308,7 +2308,7 @@ var Ji = {}, Zr = {}, ei = {};
   function P(F) {
     return D.has(F);
   }
-  let I = /* @__PURE__ */ new Set([
+  let w = /* @__PURE__ */ new Set([
     "xx-small",
     "x-small",
     "small",
@@ -2319,7 +2319,7 @@ var Ji = {}, Zr = {}, ei = {};
     "xxx-large"
   ]);
   function $(F) {
-    return I.has(F);
+    return w.has(F);
   }
   let O = /* @__PURE__ */ new Set([
     "larger",
@@ -2411,14 +2411,14 @@ var Qr = {};
     if (P !== void 0)
       return (0, n.default)(P);
     if (f(C)) {
-      let I = u(C, D);
-      return I === void 0 ? void 0 : (0, n.default)(I);
+      let w = u(C, D);
+      return w === void 0 ? void 0 : (0, n.default)(w);
     }
   }
   function d(C, b = {}, { validate: D = () => !0 } = {}) {
     var P;
-    let I = (P = b.values) === null || P === void 0 ? void 0 : P[C];
-    return I !== void 0 ? I : b.supportsNegativeValues && C.startsWith("-") ? h(C.slice(1), b.values, D) : u(C, D);
+    let w = (P = b.values) === null || P === void 0 ? void 0 : P[C];
+    return w !== void 0 ? w : b.supportsNegativeValues && C.startsWith("-") ? h(C.slice(1), b.values, D) : u(C, D);
   }
   function f(C) {
     return C.startsWith("[") && C.endsWith("]");
@@ -2449,13 +2449,13 @@ var Qr = {};
   function v(C, b = {}, { tailwindConfig: D = {} } = {}) {
     var P;
     if (((P = b.values) === null || P === void 0 ? void 0 : P[C]) !== void 0) {
-      var I;
-      return g((I = b.values) === null || I === void 0 ? void 0 : I[C]);
+      var w;
+      return g((w = b.values) === null || w === void 0 ? void 0 : w[C]);
     }
     let [$, O] = m(C);
     if (O !== void 0) {
-      var U, F, V, G;
-      let M = (G = (U = b.values) === null || U === void 0 ? void 0 : U[$]) !== null && G !== void 0 ? G : f($) ? $.slice(1, -1) : void 0;
+      var U, F, V, H;
+      let M = (H = (U = b.values) === null || U === void 0 ? void 0 : U[$]) !== null && H !== void 0 ? H : f($) ? $.slice(1, -1) : void 0;
       return M === void 0 ? void 0 : (M = g(M), f(O) ? (0, i.withAlphaValue)(M, y(O)) : ((F = D.theme) === null || F === void 0 || (V = F.opacity) === null || V === void 0 ? void 0 : V[O]) === void 0 ? void 0 : (0, i.withAlphaValue)(M, D.theme.opacity[O]));
     }
     return d(C, b, {
@@ -2525,25 +2525,25 @@ var Qr = {};
           null
         ];
     }
-    let I = B(C, b, D, P);
-    for (let $ of I)
+    let w = B(C, b, D, P);
+    for (let $ of w)
       return $;
     return [];
   }
   function* B(C, b, D, P) {
-    let I = (0, o.flagEnabled)(P, "generalizedModifiers"), [$, O] = m(b);
-    if (I && D.modifiers != null && (D.modifiers === "any" || typeof D.modifiers == "object" && (O && f(O) || O in D.modifiers)) || ($ = b, O = void 0), O !== void 0 && $ === "" && ($ = "DEFAULT"), O !== void 0 && typeof D.modifiers == "object") {
+    let w = (0, o.flagEnabled)(P, "generalizedModifiers"), [$, O] = m(b);
+    if (w && D.modifiers != null && (D.modifiers === "any" || typeof D.modifiers == "object" && (O && f(O) || O in D.modifiers)) || ($ = b, O = void 0), O !== void 0 && $ === "" && ($ = "DEFAULT"), O !== void 0 && typeof D.modifiers == "object") {
       var F, V;
-      let G = (V = (F = D.modifiers) === null || F === void 0 ? void 0 : F[O]) !== null && V !== void 0 ? V : null;
-      G !== null ? O = G : f(O) && (O = y(O));
+      let H = (V = (F = D.modifiers) === null || F === void 0 ? void 0 : F[O]) !== null && V !== void 0 ? V : null;
+      H !== null ? O = H : f(O) && (O = y(O));
     }
-    for (let { type: G } of C != null ? C : []) {
-      let M = L[G]($, D, {
+    for (let { type: H } of C != null ? C : []) {
+      let M = L[H]($, D, {
         tailwindConfig: P
       });
       M !== void 0 && (yield [
         M,
-        G,
+        H,
         O != null ? O : null
       ]);
     }
@@ -2581,9 +2581,9 @@ var Jr = {};
   function m(P) {
     return typeof P == "function";
   }
-  function g(P, ...I) {
-    let $ = I.pop();
-    for (let O of I)
+  function g(P, ...w) {
+    let $ = w.pop();
+    for (let O of w)
       for (let U in O) {
         let F = $(P[U], O[U]);
         F === void 0 ? (0, l.default)(P[U]) && (0, l.default)(O[U]) ? P[U] = g({}, P[U], O[U], $) : P[U] = O[U] : P[U] = F;
@@ -2593,23 +2593,23 @@ var Jr = {};
   const y = {
     colors: r.default,
     negative(P) {
-      return Object.keys(P).filter((I) => P[I] !== "0").reduce((I, $) => {
+      return Object.keys(P).filter((w) => P[w] !== "0").reduce((w, $) => {
         let O = (0, e.default)(P[$]);
-        return O !== void 0 && (I[`-${$}`] = O), I;
+        return O !== void 0 && (w[`-${$}`] = O), w;
       }, {});
     },
     breakpoints(P) {
-      return Object.keys(P).filter((I) => typeof P[I] == "string").reduce((I, $) => ({
-        ...I,
+      return Object.keys(P).filter((w) => typeof P[w] == "string").reduce((w, $) => ({
+        ...w,
         [`screen-${$}`]: P[$]
       }), {});
     }
   };
-  function v(P, ...I) {
-    return m(P) ? P(...I) : P;
+  function v(P, ...w) {
+    return m(P) ? P(...w) : P;
   }
   function T(P) {
-    return P.reduce((I, { extend: $ }) => g(I, $, (O, U) => O === void 0 ? [
+    return P.reduce((w, { extend: $ }) => g(w, $, (O, U) => O === void 0 ? [
       U
     ] : Array.isArray(O) ? [
       U,
@@ -2621,32 +2621,32 @@ var Jr = {};
   }
   function x(P) {
     return {
-      ...P.reduce((I, $) => (0, n.defaults)(I, $), {}),
+      ...P.reduce((w, $) => (0, n.defaults)(w, $), {}),
       // 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: T(P)
     };
   }
-  function L(P, I) {
+  function L(P, w) {
     if (Array.isArray(P) && (0, l.default)(P[0]))
-      return P.concat(I);
-    if (Array.isArray(I) && (0, l.default)(I[0]) && (0, l.default)(P))
+      return P.concat(w);
+    if (Array.isArray(w) && (0, l.default)(w[0]) && (0, l.default)(P))
       return [
         P,
-        ...I
+        ...w
       ];
-    if (Array.isArray(I))
-      return I;
+    if (Array.isArray(w))
+      return w;
   }
-  function E({ extend: P, ...I }) {
-    return g(I, P, ($, O) => !m($) && !O.some(m) ? g({}, $, ...O, L) : (U, F) => g({}, ...[
+  function E({ extend: P, ...w }) {
+    return g(w, P, ($, O) => !m($) && !O.some(m) ? g({}, $, ...O, L) : (U, F) => g({}, ...[
       $,
       ...O
     ].map((V) => v(V, U, F)), L));
   }
   function* k(P) {
-    let I = (0, a.toPath)(P);
-    if (I.length === 0 || (yield I, Array.isArray(P)))
+    let w = (0, a.toPath)(P);
+    if (w.length === 0 || (yield w, Array.isArray(P)))
       return;
     let $ = /^(.*?)\s*\/\s*([^/]+)$/, O = P.match($);
     if (O !== null) {
@@ -2655,31 +2655,31 @@ var Jr = {};
     }
   }
   function R(P) {
-    const I = ($, O) => {
+    const w = ($, O) => {
       for (const U of k($)) {
         let F = 0, V = P;
         for (; V != null && F < U.length; )
-          V = V[U[F++]], V = m(V) && (U.alpha === void 0 || F <= U.length - 1) ? V(I, y) : V;
+          V = V[U[F++]], V = m(V) && (U.alpha === void 0 || F <= U.length - 1) ? V(w, y) : V;
         if (V !== void 0) {
           if (U.alpha !== void 0) {
-            let G = (0, u.parseColorFormat)(V);
-            return (0, h.withAlphaValue)(G, U.alpha, (0, d.default)(G));
+            let H = (0, u.parseColorFormat)(V);
+            return (0, h.withAlphaValue)(H, U.alpha, (0, d.default)(H));
           }
           return (0, l.default)(V) ? (0, c.cloneDeep)(V) : V;
         }
       }
       return O;
     };
-    return Object.assign(I, {
-      theme: I,
+    return Object.assign(w, {
+      theme: w,
       ...y
-    }), Object.keys(P).reduce(($, O) => ($[O] = m(P[O]) ? P[O](I, y) : P[O], $), {});
+    }), Object.keys(P).reduce(($, O) => ($[O] = m(P[O]) ? P[O](w, y) : P[O], $), {});
   }
   function B(P) {
-    let I = [];
+    let w = [];
     return P.forEach(($) => {
-      I = [
-        ...I,
+      w = [
+        ...w,
         $
       ];
       var O;
@@ -2687,14 +2687,14 @@ var Jr = {};
       U.length !== 0 && U.forEach((F) => {
         F.__isOptionsFunction && (F = F());
         var V;
-        I = [
-          ...I,
+        w = [
+          ...w,
           ...B([
             (V = F == null ? void 0 : F.config) !== null && V !== void 0 ? V : {}
           ])
         ];
       });
-    }), I;
+    }), w;
   }
   function C(P) {
     return [
@@ -2712,7 +2712,7 @@ var Jr = {};
     ], []);
   }
   function D(P) {
-    let I = [
+    let w = [
       ...B(P),
       {
         prefix: "",
@@ -2722,10 +2722,10 @@ var Jr = {};
     ];
     var $, O;
     return (0, o.normalizeConfig)((0, n.defaults)({
-      theme: R(E(x(I.map((U) => ($ = U == null ? void 0 : U.theme) !== null && $ !== void 0 ? $ : {})))),
-      corePlugins: C(I.map((U) => U.corePlugins)),
+      theme: R(E(x(w.map((U) => ($ = U == null ? void 0 : U.theme) !== null && $ !== void 0 ? $ : {})))),
+      corePlugins: C(w.map((U) => U.corePlugins)),
       plugins: b(P.map((U) => (O = U == null ? void 0 : U.plugins) !== null && O !== void 0 ? O : []))
-    }, ...I));
+    }, ...w));
   }
 })(Br);
 var en = {}, Aa = {
@@ -3963,7 +3963,7 @@ const Ca = {
   "canplay",
   "canplaythrough",
   "statechanged"
-], Pa = He.extend({
+], Pa = Ve.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -4011,7 +4011,7 @@ var Oa = function() {
   null,
   null
 );
-const Na = Ma.exports, Ba = He.extend({
+const Na = Ma.exports, Ba = Ve.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4089,7 +4089,7 @@ var $a = function() {
   null,
   null
 );
-const sn = Ga.exports, Ha = He.extend({
+const sn = Ga.exports, Ha = Ve.extend({
   props: {
     align: {
       type: String,
@@ -4162,7 +4162,7 @@ var Va = function() {
   null,
   null
 );
-const za = Wa.exports, Ya = He.extend({
+const za = Wa.exports, Ya = Ve.extend({
   props: {
     alignSelf: {
       type: String,
@@ -5238,17 +5238,17 @@ function wo(s) {
     case "dvh1":
     case "dvhe": {
       const a = X(t, ["dvcC"])[0], o = a[2] >> 1 & 127, l = a[2] << 5 & 32 | a[3] >> 3 & 31;
-      r += "." + Ce(o) + "." + Ce(l);
+      r += "." + De(o) + "." + De(l);
       break;
     }
     case "vp09": {
       const a = X(t, ["vpcC"])[0], o = a[4], l = a[5], c = a[6] >> 4 & 15;
-      r += "." + Ce(o) + "." + Ce(l) + "." + Ce(c);
+      r += "." + De(o) + "." + De(l) + "." + De(c);
       break;
     }
     case "av01": {
       const a = X(t, ["av1C"])[0], o = a[1] >>> 5, l = a[1] & 31, c = a[2] >>> 7 ? "H" : "M", u = (a[2] & 64) >> 6, h = (a[2] & 32) >> 5, d = o === 2 && u ? h ? 12 : 10 : u ? 10 : 8, f = (a[2] & 16) >> 4, m = (a[2] & 8) >> 3, g = (a[2] & 4) >> 2, y = a[2] & 3, v = 1, T = 1, x = 1, L = 0;
-      r += "." + o + "." + Ce(l) + c + "." + Ce(d) + "." + f + "." + m + g + y + "." + Ce(v) + "." + Ce(T) + "." + Ce(x) + "." + L;
+      r += "." + o + "." + De(l) + c + "." + De(d) + "." + f + "." + m + g + y + "." + De(v) + "." + De(T) + "." + De(x) + "." + L;
       break;
     }
   }
@@ -5266,7 +5266,7 @@ function ui(s, e) {
 function St(s) {
   return ("0" + s.toString(16).toUpperCase()).slice(-2);
 }
-function Ce(s) {
+function De(s) {
   return (s < 10 ? "0" : "") + s;
 }
 function ko(s, e) {
@@ -5426,18 +5426,18 @@ function As(s, e) {
         m === n && (y && (R += 8), v && (R += 4), T && (x = z(f, R), R += 4), L && (E = z(f, R), R += 4), k && (R += 4), e.type === "video" && (a = Bo(e.codec)), X(h, ["trun"]).map((B) => {
           const C = B[0], b = z(B, 0) & 16777215, D = (b & 1) !== 0;
           let P = 0;
-          const I = (b & 4) !== 0, $ = (b & 256) !== 0;
+          const w = (b & 4) !== 0, $ = (b & 256) !== 0;
           let O = 0;
           const U = (b & 512) !== 0;
           let F = 0;
-          const V = (b & 1024) !== 0, G = (b & 2048) !== 0;
+          const V = (b & 1024) !== 0, H = (b & 2048) !== 0;
           let M = 0;
           const Q = z(B, 4);
           let Z = 8;
-          D && (P = z(B, Z), Z += 4), I && (Z += 4);
+          D && (P = z(B, Z), Z += 4), w && (Z += 4);
           let ee = P + c;
           for (let ae = 0; ae < Q; ae++) {
-            if ($ ? (O = z(B, Z), Z += 4) : O = x, U ? (F = z(B, Z), Z += 4) : F = E, V && (Z += 4), G && (C === 0 ? M = z(B, Z) : M = mn(B, Z), Z += 4), e.type === te.VIDEO) {
+            if ($ ? (O = z(B, Z), Z += 4) : O = x, U ? (F = z(B, Z), Z += 4) : F = E, V && (Z += 4), H && (C === 0 ? M = z(B, Z) : M = mn(B, Z), Z += 4), e.type === te.VIDEO) {
               let ce = 0;
               for (; ce < F; ) {
                 const fe = z(i, ee);
@@ -6084,16 +6084,16 @@ class ke {
             u = o.startSN = parseInt(D);
             break;
           case "SKIP": {
-            const I = new ne(D);
-            ve(o, I, ["RECENTLY-REMOVED-DATERANGES"]);
-            const $ = I.decimalInteger("SKIPPED-SEGMENTS");
+            const w = new ne(D);
+            ve(o, w, ["RECENTLY-REMOVED-DATERANGES"]);
+            const $ = w.decimalInteger("SKIPPED-SEGMENTS");
             if (W($)) {
               o.skippedSegments = $;
               for (let U = $; U--; )
                 l.unshift(null);
               u += $;
             }
-            const O = I.enumeratedString("RECENTLY-REMOVED-DATERANGES");
+            const O = w.enumeratedString("RECENTLY-REMOVED-DATERANGES");
             O && (o.recentlyRemovedDateranges = O.split("	"));
             break;
           }
@@ -6122,16 +6122,16 @@ class ke {
             g.tagList.push([b, D]);
             break;
           case "DATERANGE": {
-            const I = new ne(D);
-            ve(o, I, ["ID", "CLASS", "START-DATE", "END-DATE", "SCTE35-CMD", "SCTE35-OUT", "SCTE35-IN"]), ve(o, I, I.clientAttrs);
-            const $ = new nn(I, o.dateRanges[I.ID]);
+            const w = new ne(D);
+            ve(o, w, ["ID", "CLASS", "START-DATE", "END-DATE", "SCTE35-CMD", "SCTE35-OUT", "SCTE35-IN"]), ve(o, w, w.clientAttrs);
+            const $ = new nn(w, o.dateRanges[w.ID]);
             $.isValid || o.skippedSegments ? o.dateRanges[$.id] = $ : S.warn(`Ignoring invalid DATERANGE tag: "${D}"`), g.tagList.push(["EXT-X-DATERANGE", D]);
             break;
           }
           case "DEFINE": {
             {
-              const I = new ne(D);
-              ve(o, I, ["NAME", "VALUE", "IMPORT", "QUERYPARAM"]), "IMPORT" in I ? Wo(o, I, a) : Rs(o, I, t);
+              const w = new ne(D);
+              ve(o, w, ["NAME", "VALUE", "IMPORT", "QUERYPARAM"]), "IMPORT" in w ? Wo(o, w, a) : Rs(o, w, t);
             }
             break;
           }
@@ -6139,13 +6139,13 @@ class ke {
             f = parseInt(D);
             break;
           case "KEY": {
-            const I = ks(D, t, o);
-            if (I.isSupported()) {
-              if (I.method === "NONE") {
+            const w = ks(D, t, o);
+            if (w.isSupported()) {
+              if (w.method === "NONE") {
                 T = void 0;
                 break;
               }
-              T || (T = {}), T[I.keyFormat] && (T = oe({}, T)), T[I.keyFormat] = I;
+              T || (T = {}), T[w.keyFormat] && (T = oe({}, T)), T[w.keyFormat] = w;
             } else
               S.warn(`[Keys] Ignoring invalid EXT-X-KEY tag: "${D}"`);
             break;
@@ -6154,10 +6154,10 @@ class ke {
             o.startTimeOffset = Ps(D);
             break;
           case "MAP": {
-            const I = new ne(D);
-            if (ve(o, I, ["BYTERANGE", "URI"]), g.duration) {
+            const w = new ne(D);
+            if (ve(o, w, ["BYTERANGE", "URI"]), g.duration) {
               const $ = new ai(r, t);
-              Ms($, I, i, T), c = $, g.initSegment = c, c.rawProgramDateTime && !g.rawProgramDateTime && (g.rawProgramDateTime = c.rawProgramDateTime);
+              Ms($, w, i, T), c = $, g.initSegment = c, c.rawProgramDateTime && !g.rawProgramDateTime && (g.rawProgramDateTime = c.rawProgramDateTime);
             } else {
               const $ = g.byteRangeEndOffset;
               if ($) {
@@ -6165,37 +6165,37 @@ class ke {
                 E = `${$ - O}@${O}`;
               } else
                 E = null;
-              Ms(g, I, i, T), c = g, L = !0;
+              Ms(g, w, i, T), c = g, L = !0;
             }
             break;
           }
           case "SERVER-CONTROL": {
-            const I = new ne(D);
-            o.canBlockReload = I.bool("CAN-BLOCK-RELOAD"), o.canSkipUntil = I.optionalFloat("CAN-SKIP-UNTIL", 0), o.canSkipDateRanges = o.canSkipUntil > 0 && I.bool("CAN-SKIP-DATERANGES"), o.partHoldBack = I.optionalFloat("PART-HOLD-BACK", 0), o.holdBack = I.optionalFloat("HOLD-BACK", 0);
+            const w = new ne(D);
+            o.canBlockReload = w.bool("CAN-BLOCK-RELOAD"), o.canSkipUntil = w.optionalFloat("CAN-SKIP-UNTIL", 0), o.canSkipDateRanges = o.canSkipUntil > 0 && w.bool("CAN-SKIP-DATERANGES"), o.partHoldBack = w.optionalFloat("PART-HOLD-BACK", 0), o.holdBack = w.optionalFloat("HOLD-BACK", 0);
             break;
           }
           case "PART-INF": {
-            const I = new ne(D);
-            o.partTarget = I.decimalFloatingPoint("PART-TARGET");
+            const w = new ne(D);
+            o.partTarget = w.decimalFloatingPoint("PART-TARGET");
             break;
           }
           case "PART": {
-            let I = o.partList;
-            I || (I = o.partList = []);
-            const $ = h > 0 ? I[I.length - 1] : void 0, O = h++, U = new ne(D);
+            let w = o.partList;
+            w || (w = o.partList = []);
+            const $ = h > 0 ? w[w.length - 1] : void 0, O = h++, U = new ne(D);
             ve(o, U, ["BYTERANGE", "URI"]);
             const F = new uo(U, g, t, O, $);
-            I.push(F), g.duration += F.duration;
+            w.push(F), g.duration += F.duration;
             break;
           }
           case "PRELOAD-HINT": {
-            const I = new ne(D);
-            ve(o, I, ["URI"]), o.preloadHint = I;
+            const w = new ne(D);
+            ve(o, w, ["URI"]), o.preloadHint = w;
             break;
           }
           case "RENDITION-REPORT": {
-            const I = new ne(D);
-            ve(o, I, ["URI"]), o.renditionReports = o.renditionReports || [], o.renditionReports.push(I);
+            const w = new ne(D);
+            ve(o, w, ["URI"]), o.renditionReports = o.renditionReports || [], o.renditionReports.push(w);
             break;
           }
           default:
@@ -6746,7 +6746,7 @@ function Ot(s) {
   }
   return e;
 }
-var Re = {
+var Ce = {
   audioId3: "org.id3",
   dateRange: "com.apple.quicktime.HLS",
   emsg: "https://aomedia.org/emsg/ID3"
@@ -6846,7 +6846,7 @@ class nl {
     if (a)
       for (let o = 0; o < n.length; o++) {
         const l = n[o].type;
-        if (l === Re.emsg && !i || !r)
+        if (l === Ce.emsg && !i || !r)
           continue;
         const c = hn(n[o].data);
         if (c) {
@@ -6892,7 +6892,7 @@ class nl {
     } = a;
     if (n && (o || l)) {
       let c;
-      r === "audio" ? c = (u) => u.type === Re.audioId3 && l : r === "video" ? c = (u) => u.type === Re.emsg && o : c = (u) => u.type === Re.audioId3 && l || u.type === Re.emsg && o, Fi(n, t, i, c);
+      r === "audio" ? c = (u) => u.type === Ce.audioId3 && l : r === "video" ? c = (u) => u.type === Ce.emsg && o : c = (u) => u.type === Ce.audioId3 && l || u.type === Ce.emsg && o, Fi(n, t, i, c);
     }
   }
   onLevelUpdated(e, {
@@ -6951,7 +6951,7 @@ class nl {
           const B = $s(c, f, v, {
             key: E,
             data: R
-          }, Re.dateRange);
+          }, Ce.dateRange);
           B && (B.id = h, this.id3Track.addCue(B), g[E] = B);
         }
       }
@@ -7466,7 +7466,7 @@ var me = {
   RemoveAlternatePermanently: 3,
   InsertDiscontinuity: 4,
   RetryRequest: 5
-}, Ae = {
+}, Le = {
   None: 0,
   MoveAllAlternatesMatchingHost: 1,
   MoveAllAlternatesMatchingHDCP: 2,
@@ -7517,7 +7517,7 @@ class Tl {
         if ((i = t.frag) != null && i.gap) {
           t.errorAction = {
             action: me.DoNothing,
-            flags: Ae.None
+            flags: Le.None
           };
           return;
         }
@@ -7545,7 +7545,7 @@ class Tl {
         if (a) {
           const c = n.levels[n.loadLevel];
           if (c && (a.type === J.AUDIO_TRACK && c.hasAudioGroup(a.groupId) || a.type === J.SUBTITLE_TRACK && c.hasSubtitleGroup(a.groupId))) {
-            t.errorAction = this.getPlaylistRetryOrSwitchAction(t, n.loadLevel), t.errorAction.action = me.SendAlternateToPenaltyBox, t.errorAction.flags = Ae.MoveAllAlternatesMatchingHost;
+            t.errorAction = this.getPlaylistRetryOrSwitchAction(t, n.loadLevel), t.errorAction.action = me.SendAlternateToPenaltyBox, t.errorAction.flags = Le.MoveAllAlternatesMatchingHost;
             return;
           }
         }
@@ -7555,7 +7555,7 @@ class Tl {
           const c = n.levels[n.loadLevel], u = c == null ? void 0 : c.attrs["HDCP-LEVEL"];
           u ? t.errorAction = {
             action: me.SendAlternateToPenaltyBox,
-            flags: Ae.MoveAllAlternatesMatchingHDCP,
+            flags: Le.MoveAllAlternatesMatchingHDCP,
             hdcpLevel: u
           } : this.keySystemError(t);
         }
@@ -7574,7 +7574,7 @@ class Tl {
       case _.BUFFER_NUDGE_ON_STALL:
         t.errorAction = {
           action: me.DoNothing,
-          flags: Ae.None
+          flags: Le.None
         };
         return;
     }
@@ -7589,7 +7589,7 @@ class Tl {
     if (Yt(r, n, zt(e), e.response))
       return {
         action: me.RetryRequest,
-        flags: Ae.None,
+        flags: Le.None,
         retryConfig: r,
         retryCount: n
       };
@@ -7604,7 +7604,7 @@ class Tl {
     if (r && (e.details !== _.FRAG_GAP && r.fragmentError++, Yt(o, l, zt(e), e.response)))
       return {
         action: me.RetryRequest,
-        flags: Ae.None,
+        flags: Le.None,
         retryConfig: o,
         retryCount: l
       };
@@ -7661,13 +7661,13 @@ class Tl {
       if (u > -1 && i.loadLevel !== u)
         return e.levelRetry = !0, this.playlistError = 0, {
           action: me.SendAlternateToPenaltyBox,
-          flags: Ae.None,
+          flags: Le.None,
           nextAutoLevel: u
         };
     }
     return {
       action: me.SendAlternateToPenaltyBox,
-      flags: Ae.MoveAllAlternatesMatchingHost
+      flags: Le.MoveAllAlternatesMatchingHost
     };
   }
   onErrorOut(e, t) {
@@ -7694,10 +7694,10 @@ class Tl {
       nextAutoLevel: a
     } = i;
     switch (r) {
-      case Ae.None:
+      case Le.None:
         this.switchLevel(e, a);
         break;
-      case Ae.MoveAllAlternatesMatchingHDCP:
+      case Le.MoveAllAlternatesMatchingHDCP:
         n && (t.maxHdcpLevel = Ni[Ni.indexOf(n) - 1], i.resolved = !0), this.warn(`Restricting playback to HDCP-LEVEL of "${t.maxHdcpLevel}" or lower`);
         break;
     }
@@ -8177,8 +8177,8 @@ class kl {
       const C = R ? R * 8 : T;
       let b = Number.POSITIVE_INFINITY, D;
       for (D = t.level - 1; D > h; D--) {
-        const I = x[D].maxBitrate;
-        if (b = this.getTimeToLoadFrag(f / 1e3, C, c * I, !x[D].details), b < g)
+        const w = x[D].maxBitrate;
+        if (b = this.getTimeToLoadFrag(f / 1e3, C, c * w, !x[D].details), b < g)
           break;
       }
       if (b >= B || b > c * 10)
@@ -8409,14 +8409,14 @@ class kl {
       const O = this.codecTiers || (this.codecTiers = _l(m, b, t, i)), U = Cl(O, k, e, B, C), {
         codecSet: F,
         videoRanges: V,
-        minFramerate: G,
+        minFramerate: H,
         minBitrate: M,
         preferHDR: Q
       } = U;
-      E = F, k = Q ? V[V.length - 1] : V[0], R = G, e = Math.max(e, M), S.log(`[abr] picked start tier ${JSON.stringify(U)}`);
+      E = F, k = Q ? V[V.length - 1] : V[0], R = H, e = Math.max(e, M), S.log(`[abr] picked start tier ${JSON.stringify(U)}`);
     } else
       E = T == null ? void 0 : T.codecSet, k = T == null ? void 0 : T.videoRange;
-    const D = f ? f.duration : d ? d.duration : 0, P = this.bwEstimator.getEstimateTTFB() / 1e3, I = [];
+    const D = f ? f.duration : d ? d.duration : 0, P = this.bwEstimator.getEstimateTTFB() / 1e3, w = [];
     for (let O = i; O >= t; O--) {
       var $;
       const U = m[O], F = O > h;
@@ -8433,13 +8433,13 @@ class kl {
         })) : U.supportedResult = Dn;
       }
       if (E && U.codecSet !== E || k && U.videoRange !== k || F && R > U.frameRate || !F && R > 0 && R < U.frameRate || U.supportedResult && !(($ = U.supportedResult.decodingInfoResults) != null && $[0].smooth)) {
-        I.push(O);
+        w.push(O);
         continue;
       }
-      const V = U.details, G = (f ? V == null ? void 0 : V.partTarget : V == null ? void 0 : V.averagetargetduration) || D;
+      const V = U.details, H = (f ? V == null ? void 0 : V.partTarget : V == null ? void 0 : V.averagetargetduration) || D;
       let M;
       F ? M = o * e : M = a * e;
-      const Q = D && r >= D * 2 && n === 0 ? m[O].averageBitrate : m[O].maxBitrate, Z = this.getTimeToLoadFrag(P, M, Q * G, V === void 0);
+      const Q = D && r >= D * 2 && n === 0 ? m[O].averageBitrate : m[O].maxBitrate, Z = this.getTimeToLoadFrag(P, M, Q * H, V === void 0);
       if (
         // if adjusted bw is greater than level bitrate AND
         M >= Q && // no level change, or new level has no error history
@@ -8449,7 +8449,7 @@ class kl {
         (Z <= P || !W(Z) || x && !this.bitrateTestDelay || Z < c)
       ) {
         const ae = this.forcedAutoLevel;
-        return O !== y && (ae === -1 || ae !== y) && (I.length && S.trace(`[abr] Skipped level(s) ${I.join(",")} of ${i} max with CODECS and VIDEO-RANGE:"${m[I[0]].codecs}" ${m[I[0]].videoRange}; not compatible with "${T.codecs}" ${k}`), S.info(`[abr] switch candidate:${h}->${O} adjustedbw(${Math.round(M)})-bitrate=${Math.round(M - Q)} ttfb:${P.toFixed(1)} avgDuration:${G.toFixed(1)} maxFetchDuration:${c.toFixed(1)} fetchDuration:${Z.toFixed(1)} firstSelection:${L} codecSet:${E} videoRange:${k} hls.loadLevel:${y}`)), L && (this.firstSelection = O), O;
+        return O !== y && (ae === -1 || ae !== y) && (w.length && S.trace(`[abr] Skipped level(s) ${w.join(",")} of ${i} max with CODECS and VIDEO-RANGE:"${m[w[0]].codecs}" ${m[w[0]].videoRange}; not compatible with "${T.codecs}" ${k}`), S.info(`[abr] switch candidate:${h}->${O} adjustedbw(${Math.round(M)})-bitrate=${Math.round(M - Q)} ttfb:${P.toFixed(1)} avgDuration:${H.toFixed(1)} maxFetchDuration:${c.toFixed(1)} fetchDuration:${Z.toFixed(1)} firstSelection:${L} codecSet:${E} videoRange:${k} hls.loadLevel:${y}`)), L && (this.firstSelection = O), O;
       }
     }
     return -1;
@@ -8951,7 +8951,7 @@ class Ul {
   load(e, t) {
     const i = e.url;
     if (!i)
-      return Promise.reject(new Ue({
+      return Promise.reject(new Ge({
         type: q.NETWORK_ERROR,
         details: _.FRAG_LOAD_ERROR,
         fatal: !1,
@@ -8988,7 +8988,7 @@ class Ul {
           });
         },
         onError: (f, m, g, y) => {
-          this.resetLoader(e, c), l(new Ue({
+          this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.FRAG_LOAD_ERROR,
             fatal: !1,
@@ -9003,7 +9003,7 @@ class Ul {
           }));
         },
         onAbort: (f, m, g) => {
-          this.resetLoader(e, c), l(new Ue({
+          this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.INTERNAL_ABORTED,
             fatal: !1,
@@ -9014,7 +9014,7 @@ class Ul {
           }));
         },
         onTimeout: (f, m, g) => {
-          this.resetLoader(e, c), l(new Ue({
+          this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.FRAG_LOAD_TIMEOUT,
             fatal: !1,
@@ -9063,7 +9063,7 @@ class Ul {
           i(v), o(v);
         },
         onError: (f, m, g, y) => {
-          this.resetLoader(e, c), l(new Ue({
+          this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.FRAG_LOAD_ERROR,
             fatal: !1,
@@ -9079,7 +9079,7 @@ class Ul {
           }));
         },
         onAbort: (f, m, g) => {
-          e.stats.aborted = t.stats.aborted, this.resetLoader(e, c), l(new Ue({
+          e.stats.aborted = t.stats.aborted, this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.INTERNAL_ABORTED,
             fatal: !1,
@@ -9091,7 +9091,7 @@ class Ul {
           }));
         },
         onTimeout: (f, m, g) => {
-          this.resetLoader(e, c), l(new Ue({
+          this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.FRAG_LOAD_TIMEOUT,
             fatal: !1,
@@ -9149,9 +9149,9 @@ function Xs(s, e) {
     error: t,
     networkDetails: null
   };
-  return e && (i.part = e), (e || s).stats.aborted = !0, new Ue(i);
+  return e && (i.part = e), (e || s).stats.aborted = !0, new Ge(i);
 }
-class Ue extends Error {
+class Ge extends Error {
   constructor(e) {
     super(e.error.message), this.data = void 0, this.data = e;
   }
@@ -9238,12 +9238,12 @@ class Kl {
     const r = this.keySize + 6, n = this.invKeySchedule, a = this.invSBox, o = this.invSubMix, l = o[0], c = o[1], u = o[2], h = o[3], d = this.uint8ArrayToUint32Array_(i);
     let f = d[0], m = d[1], g = d[2], y = d[3];
     const v = new Int32Array(e), T = new Int32Array(v.length);
-    let x, L, E, k, R, B, C, b, D, P, I, $, O, U;
+    let x, L, E, k, R, B, C, b, D, P, w, $, O, U;
     const F = this.networkToHostOrderSwap;
     for (; t < v.length; ) {
-      for (D = F(v[t]), P = F(v[t + 1]), I = F(v[t + 2]), $ = F(v[t + 3]), R = D ^ n[0], B = $ ^ n[1], C = I ^ n[2], b = P ^ n[3], O = 4, U = 1; U < r; U++)
+      for (D = F(v[t]), P = F(v[t + 1]), w = F(v[t + 2]), $ = F(v[t + 3]), R = D ^ n[0], B = $ ^ n[1], C = w ^ n[2], b = P ^ n[3], O = 4, U = 1; U < r; U++)
         x = l[R >>> 24] ^ c[B >> 16 & 255] ^ u[C >> 8 & 255] ^ h[b & 255] ^ n[O], L = l[B >>> 24] ^ c[C >> 16 & 255] ^ u[b >> 8 & 255] ^ h[R & 255] ^ n[O + 1], E = l[C >>> 24] ^ c[b >> 16 & 255] ^ u[R >> 8 & 255] ^ h[B & 255] ^ n[O + 2], k = l[b >>> 24] ^ c[R >> 16 & 255] ^ u[B >> 8 & 255] ^ h[C & 255] ^ n[O + 3], R = x, B = L, C = E, b = k, O = O + 4;
-      x = a[R >>> 24] << 24 ^ a[B >> 16 & 255] << 16 ^ a[C >> 8 & 255] << 8 ^ a[b & 255] ^ n[O], L = a[B >>> 24] << 24 ^ a[C >> 16 & 255] << 16 ^ a[b >> 8 & 255] << 8 ^ a[R & 255] ^ n[O + 1], E = a[C >>> 24] << 24 ^ a[b >> 16 & 255] << 16 ^ a[R >> 8 & 255] << 8 ^ a[B & 255] ^ n[O + 2], k = a[b >>> 24] << 24 ^ a[R >> 16 & 255] << 16 ^ a[B >> 8 & 255] << 8 ^ a[C & 255] ^ n[O + 3], T[t] = F(x ^ f), T[t + 1] = F(k ^ m), T[t + 2] = F(E ^ g), T[t + 3] = F(L ^ y), f = D, m = P, g = I, y = $, t = t + 4;
+      x = a[R >>> 24] << 24 ^ a[B >> 16 & 255] << 16 ^ a[C >> 8 & 255] << 8 ^ a[b & 255] ^ n[O], L = a[B >>> 24] << 24 ^ a[C >> 16 & 255] << 16 ^ a[b >> 8 & 255] << 8 ^ a[R & 255] ^ n[O + 1], E = a[C >>> 24] << 24 ^ a[b >> 16 & 255] << 16 ^ a[R >> 8 & 255] << 8 ^ a[B & 255] ^ n[O + 2], k = a[b >>> 24] << 24 ^ a[R >> 16 & 255] << 16 ^ a[B >> 8 & 255] << 8 ^ a[C & 255] ^ n[O + 3], T[t] = F(x ^ f), T[t + 1] = F(k ^ m), T[t + 2] = F(E ^ g), T[t + 3] = F(L ^ y), f = D, m = P, g = w, y = $, t = t + 4;
     }
     return T.buffer;
   }
@@ -10129,7 +10129,7 @@ class cs {
       pts: this.lastPTS,
       dts: this.lastPTS,
       data: i,
-      type: Re.audioId3,
+      type: Ce.audioId3,
       duration: Number.POSITIVE_INFINITY
     }); r < c; ) {
       if (this.canParse(e, r)) {
@@ -10140,7 +10140,7 @@ class cs {
           pts: this.lastPTS,
           dts: this.lastPTS,
           data: i,
-          type: Re.audioId3,
+          type: Ce.audioId3,
           duration: Number.POSITIVE_INFINITY
         }), r += i.length, n = r) : r++;
       if (r === c && n !== c) {
@@ -10513,7 +10513,7 @@ class uc {
             len: c.byteLength,
             dts: o,
             pts: o,
-            type: Re.emsg,
+            type: Ce.emsg,
             duration: l
           });
         }
@@ -10993,12 +10993,12 @@ class mc {
   }
 }
 const ue = 188;
-class We {
+class ze {
   constructor(e, t, i) {
     this.observer = void 0, this.config = void 0, this.typeSupported = void 0, this.sampleAes = null, this.pmtParsed = !1, this.audioCodec = void 0, this.videoCodec = void 0, this._duration = 0, this._pmtId = -1, this._videoTrack = void 0, this._audioTrack = void 0, this._id3Track = void 0, this._txtTrack = void 0, this.aacOverFlow = null, this.remainderData = null, this.videoParser = void 0, this.observer = e, this.config = t, this.typeSupported = i, this.videoParser = new fc();
   }
   static probe(e) {
-    const t = We.syncOffset(e);
+    const t = ze.syncOffset(e);
     return t > 0 && S.warn(`MPEG2-TS detected but first sync word found @ offset ${t}`), t !== -1;
   }
   static syncOffset(e) {
@@ -11040,7 +11040,7 @@ class We {
    * Resets all internal track instances of the demuxer.
    */
   resetInitSegment(e, t, i, r) {
-    this.pmtParsed = !1, this._pmtId = -1, this._videoTrack = We.createTrack("video"), this._audioTrack = We.createTrack("audio", r), this._id3Track = We.createTrack("id3"), this._txtTrack = We.createTrack("text"), this._audioTrack.segmentCodec = "aac", this.aacOverFlow = null, this.remainderData = null, this.audioCodec = t, this.videoCodec = i, this._duration = r;
+    this.pmtParsed = !1, this._pmtId = -1, this._videoTrack = ze.createTrack("video"), this._audioTrack = ze.createTrack("audio", r), this._id3Track = ze.createTrack("id3"), this._txtTrack = ze.createTrack("text"), this._audioTrack.segmentCodec = "aac", this.aacOverFlow = null, this.remainderData = null, this.audioCodec = t, this.videoCodec = i, this._duration = r;
   }
   resetTimeStamp() {
   }
@@ -11064,7 +11064,7 @@ class We {
         id3Track: l,
         textTrack: c
       };
-    const L = Math.max(0, We.syncOffset(e));
+    const L = Math.max(0, ze.syncOffset(e));
     x -= (x - L) % ue, x < e.byteLength && !r && (this.remainderData = new Uint8Array(e.buffer, x, e.buffer.byteLength - x));
     let E = 0;
     for (let R = L; R < x; R += ue)
@@ -11296,7 +11296,7 @@ class We {
       return;
     }
     const i = oe({}, t, {
-      type: this._videoTrack ? Re.emsg : Re.audioId3,
+      type: this._videoTrack ? Ce.emsg : Ce.audioId3,
       duration: Number.POSITIVE_INFINITY
     });
     e.samples.push(i);
@@ -11489,7 +11489,7 @@ class Qs {
     }
   }
 }
-const Ke = Math.pow(2, 32) - 1;
+const We = Math.pow(2, 32) - 1;
 class A {
   static init() {
     A.types = {
@@ -11754,7 +11754,7 @@ class A {
   }
   static mdhd(e, t) {
     t *= e;
-    const i = Math.floor(t / (Ke + 1)), r = Math.floor(t % (Ke + 1));
+    const i = Math.floor(t / (We + 1)), r = Math.floor(t % (We + 1));
     return A.box(A.types.mdhd, new Uint8Array([
       1,
       // version 1
@@ -11839,7 +11839,7 @@ class A {
   }
   static mvhd(e, t) {
     t *= e;
-    const i = Math.floor(t / (Ke + 1)), r = Math.floor(t % (Ke + 1)), n = new Uint8Array([
+    const i = Math.floor(t / (We + 1)), r = Math.floor(t % (We + 1)), n = new Uint8Array([
       1,
       // version 1
       0,
@@ -12229,7 +12229,7 @@ class A {
     return e.type === "audio" ? e.segmentCodec === "mp3" && e.codec === "mp3" ? A.box(A.types.stsd, A.STSD, A.mp3(e)) : e.segmentCodec === "ac3" ? A.box(A.types.stsd, A.STSD, A.ac3(e)) : A.box(A.types.stsd, A.STSD, A.mp4a(e)) : A.box(A.types.stsd, A.STSD, A.avc1(e));
   }
   static tkhd(e) {
-    const t = e.id, i = e.duration * e.timescale, r = e.width, n = e.height, a = Math.floor(i / (Ke + 1)), o = Math.floor(i % (Ke + 1));
+    const t = e.id, i = e.duration * e.timescale, r = e.width, n = e.height, a = Math.floor(i / (We + 1)), o = Math.floor(i % (We + 1));
     return A.box(A.types.tkhd, new Uint8Array([
       1,
       // version 1
@@ -12344,7 +12344,7 @@ class A {
     ]));
   }
   static traf(e, t) {
-    const i = A.sdtp(e), r = e.id, n = Math.floor(t / (Ke + 1)), a = Math.floor(t % (Ke + 1));
+    const i = A.sdtp(e), r = e.id, n = Math.floor(t / (We + 1)), a = Math.floor(t % (We + 1));
     return A.box(
       A.types.traf,
       A.box(A.types.tfhd, new Uint8Array([
@@ -12549,12 +12549,12 @@ class Mt {
       } else
         h = this.generateIS(e, t, n, a);
       const D = this.isVideoContiguous;
-      let P = -1, I;
+      let P = -1, w;
       if (E && (P = bc(t.samples), !D && this.config.forceKeyFrameOnDiscontinuity))
         if (m = !0, P > 0) {
           S.warn(`[mp4-remuxer]: Dropped ${P} out of ${x} video samples due to a missing keyframe`);
           const $ = this.getVideoStartPts(t.samples);
-          t.samples = t.samples.slice(P), t.dropped += P, y += (t.samples[0].pts - $) / t.inputTimeScale, I = y;
+          t.samples = t.samples.slice(P), t.dropped += P, y += (t.samples[0].pts - $) / t.inputTimeScale, w = y;
         } else
           P === -1 && (S.warn(`[mp4-remuxer]: No keyframe found out of ${x} video samples`), m = !1);
       if (this.ISGenerated) {
@@ -12569,7 +12569,7 @@ class Mt {
           }
         } else
           E && (c = this.remuxVideo(t, y, D, 0));
-        c && (c.firstKeyFrame = P, c.independent = P !== -1, c.firstKeyFramePTS = I);
+        c && (c.firstKeyFrame = P, c.independent = P !== -1, c.firstKeyFramePTS = w);
       }
     }
     return this.ISGenerated && this._initPTS && this._initDTS && (i.samples.length && (f = Vn(i, n, this._initPTS, this._initDTS)), r.samples.length && (d = Kn(r, n, this._initPTS))), {
@@ -12642,36 +12642,36 @@ class Mt {
     const n = e.inputTimeScale, a = e.samples, o = [], l = a.length, c = this._initPTS;
     let u = this.nextAvcDts, h = 8, d = this.videoSampleDuration, f, m, g = Number.POSITIVE_INFINITY, y = Number.NEGATIVE_INFINITY, v = !1;
     if (!i || u === null) {
-      const G = t * n, M = a[0].pts - Se(a[0].dts, a[0].pts);
-      st && u !== null && Math.abs(G - M - u) < 15e3 ? i = !0 : u = G - M;
+      const H = t * n, M = a[0].pts - Se(a[0].dts, a[0].pts);
+      st && u !== null && Math.abs(H - M - u) < 15e3 ? i = !0 : u = H - M;
     }
     const T = c.baseTime * n / c.timescale;
-    for (let G = 0; G < l; G++) {
-      const M = a[G];
-      M.pts = Se(M.pts - T, u), M.dts = Se(M.dts - T, u), M.dts < a[G > 0 ? G - 1 : G].dts && (v = !0);
+    for (let H = 0; H < l; H++) {
+      const M = a[H];
+      M.pts = Se(M.pts - T, u), M.dts = Se(M.dts - T, u), M.dts < a[H > 0 ? H - 1 : H].dts && (v = !0);
     }
-    v && a.sort(function(G, M) {
-      const Q = G.dts - M.dts, Z = G.pts - M.pts;
+    v && a.sort(function(H, M) {
+      const Q = H.dts - M.dts, Z = H.pts - M.pts;
       return Q || Z;
     }), f = a[0].dts, m = a[a.length - 1].dts;
     const x = m - f, L = x ? Math.round(x / (l - 1)) : d || e.inputTimeScale / 30;
     if (i) {
-      const G = f - u, M = G > L, Q = G < -1;
-      if ((M || Q) && (M ? S.warn(`AVC: ${mt(G, !0)} ms (${G}dts) hole between fragments detected at ${t.toFixed(3)}`) : S.warn(`AVC: ${mt(-G, !0)} ms (${G}dts) overlapping between fragments detected at ${t.toFixed(3)}`), !Q || u >= a[0].pts || st)) {
+      const H = f - u, M = H > L, Q = H < -1;
+      if ((M || Q) && (M ? S.warn(`AVC: ${mt(H, !0)} ms (${H}dts) hole between fragments detected at ${t.toFixed(3)}`) : S.warn(`AVC: ${mt(-H, !0)} ms (${H}dts) overlapping between fragments detected at ${t.toFixed(3)}`), !Q || u >= a[0].pts || st)) {
         f = u;
-        const Z = a[0].pts - G;
+        const Z = a[0].pts - H;
         if (M)
           a[0].dts = f, a[0].pts = Z;
         else
           for (let ee = 0; ee < a.length && !(a[ee].dts > Z); ee++)
-            a[ee].dts -= G, a[ee].pts -= G;
-        S.log(`Video: Initial PTS/DTS adjusted: ${mt(Z, !0)}/${mt(f, !0)}, delta: ${mt(G, !0)} ms`);
+            a[ee].dts -= H, a[ee].pts -= H;
+        S.log(`Video: Initial PTS/DTS adjusted: ${mt(Z, !0)}/${mt(f, !0)}, delta: ${mt(H, !0)} ms`);
       }
     }
     f = Math.max(0, f);
     let E = 0, k = 0, R = f;
-    for (let G = 0; G < l; G++) {
-      const M = a[G], Q = M.units, Z = Q.length;
+    for (let H = 0; H < l; H++) {
+      const M = a[H], Q = M.units, Z = Q.length;
       let ee = 0;
       for (let ae = 0; ae < Z; ae++)
         ee += Q[ae].data.length;
@@ -12682,12 +12682,12 @@ class Mt {
     let C;
     try {
       C = new Uint8Array(B);
-    } catch (G) {
+    } catch (H) {
       this.observer.emit(p.ERROR, p.ERROR, {
         type: q.MUX_ERROR,
         details: _.REMUX_ALLOC_ERROR,
         fatal: !1,
-        error: G,
+        error: H,
         bytes: B,
         reason: `fail allocating video mdat ${B}`
       });
@@ -12695,45 +12695,45 @@ class Mt {
     }
     const b = new DataView(C.buffer);
     b.setUint32(0, B), C.set(A.types.mdat, 4);
-    let D = !1, P = Number.POSITIVE_INFINITY, I = Number.POSITIVE_INFINITY, $ = Number.NEGATIVE_INFINITY, O = Number.NEGATIVE_INFINITY;
-    for (let G = 0; G < l; G++) {
-      const M = a[G], Q = M.units;
+    let D = !1, P = Number.POSITIVE_INFINITY, w = Number.POSITIVE_INFINITY, $ = Number.NEGATIVE_INFINITY, O = Number.NEGATIVE_INFINITY;
+    for (let H = 0; H < l; H++) {
+      const M = a[H], Q = M.units;
       let Z = 0;
       for (let ce = 0, fe = Q.length; ce < fe; ce++) {
         const Te = Q[ce], ft = Te.data, si = Te.data.byteLength;
         b.setUint32(h, si), h += 4, C.set(ft, h), h += si, Z += 4 + si;
       }
       let ee;
-      if (G < l - 1)
-        d = a[G + 1].dts - M.dts, ee = a[G + 1].pts - M.pts;
+      if (H < l - 1)
+        d = a[H + 1].dts - M.dts, ee = a[H + 1].pts - M.pts;
       else {
-        const ce = this.config, fe = G > 0 ? M.dts - a[G - 1].dts : L;
-        if (ee = G > 0 ? M.pts - a[G - 1].pts : L, ce.stretchShortVideoTrack && this.nextAudioPts !== null) {
+        const ce = this.config, fe = H > 0 ? M.dts - a[H - 1].dts : L;
+        if (ee = H > 0 ? M.pts - a[H - 1].pts : L, ce.stretchShortVideoTrack && this.nextAudioPts !== null) {
           const Te = Math.floor(ce.maxBufferHole * n), ft = (r ? g + r * n : this.nextAudioPts) - M.pts;
           ft > Te ? (d = ft - fe, d < 0 ? d = fe : D = !0, S.log(`[mp4-remuxer]: It is approximately ${ft / 90} ms to the next segment; using duration ${d / 90} ms for the last video frame.`)) : d = fe;
         } else
           d = fe;
       }
       const ae = Math.round(M.pts - M.dts);
-      P = Math.min(P, d), $ = Math.max($, d), I = Math.min(I, ee), O = Math.max(O, ee), o.push(new er(M.key, d, Z, ae));
+      P = Math.min(P, d), $ = Math.max($, d), w = Math.min(w, ee), O = Math.max(O, ee), o.push(new er(M.key, d, Z, ae));
     }
     if (o.length) {
       if (st) {
         if (st < 70) {
-          const G = o[0].flags;
-          G.dependsOn = 2, G.isNonSync = 0;
+          const H = o[0].flags;
+          H.dependsOn = 2, H.isNonSync = 0;
         }
-      } else if (yi && O - I < $ - P && L / $ < 0.025 && o[0].cts === 0) {
+      } else if (yi && O - w < $ - P && L / $ < 0.025 && o[0].cts === 0) {
         S.warn("Found irregular gaps in sample duration. Using PTS instead of DTS to determine MP4 sample duration.");
-        let G = f;
+        let H = f;
         for (let M = 0, Q = o.length; M < Q; M++) {
-          const Z = G + o[M].duration, ee = G + o[M].cts;
+          const Z = H + o[M].duration, ee = H + o[M].cts;
           if (M < Q - 1) {
             const ae = Z + o[M + 1].cts;
             o[M].duration = ae - ee;
           } else
             o[M].duration = M ? o[M - 1].duration : L;
-          o[M].cts = 0, G = Z;
+          o[M].cts = 0, H = Z;
         }
       }
     }
@@ -12779,7 +12779,7 @@ class Mt {
     if (e.segmentCodec === "aac") {
       const U = this.config.maxAudioFramesDrift;
       for (let F = 0, V = v; F < g.length; F++) {
-        const G = g[F], M = G.pts, Q = M - V, Z = Math.abs(1e3 * Q / a);
+        const H = g[F], M = H.pts, Q = M - V, Z = Math.abs(1e3 * Q / a);
         if (Q <= -U * u && m)
           F === 0 && (S.warn(`Audio frame @ ${(M / a).toFixed(3)}s overlaps nextAudioPts by ${Math.round(1e3 * Q / a)} ms.`), this.nextAudioPts = v = V = M);
         else if (Q >= U * u && Z < Tc && m) {
@@ -12788,20 +12788,20 @@ class Mt {
           for (let ae = 0; ae < ee; ae++) {
             const ce = Math.max(V, 0);
             let fe = Qs.getSilentFrame(e.manifestCodec || e.codec, e.channelCount);
-            fe || (S.log("[mp4-remuxer]: Unable to get silent frame for given audio codec; duplicating last frame instead."), fe = G.unit.subarray()), g.splice(F, 0, {
+            fe || (S.log("[mp4-remuxer]: Unable to get silent frame for given audio codec; duplicating last frame instead."), fe = H.unit.subarray()), g.splice(F, 0, {
               unit: fe,
               pts: ce
             }), V += u, F++;
           }
         }
-        G.pts = V, V += u;
+        H.pts = V, V += u;
       }
     }
     let L = null, E = null, k, R = 0, B = g.length;
     for (; B--; )
       R += g[B].unit.byteLength;
     for (let U = 0, F = g.length; U < F; U++) {
-      const V = g[U], G = V.unit;
+      const V = g[U], H = V.unit;
       let M = V.pts;
       if (E !== null) {
         const Z = f[U - 1];
@@ -12824,8 +12824,8 @@ class Mt {
         d || (new DataView(k.buffer).setUint32(0, R), k.set(A.types.mdat, 4));
       } else
         return;
-      k.set(G, y);
-      const Q = G.byteLength;
+      k.set(H, y);
+      const Q = H.byteLength;
       y += Q, f.push(new er(!0, c, Q, 0)), E = M;
     }
     const C = f.length;
@@ -12837,13 +12837,13 @@ class Mt {
       samples: f
     }));
     e.samples = [];
-    const P = L / a, I = v / a, O = {
+    const P = L / a, w = v / a, O = {
       data1: D,
       data2: k,
       startPTS: P,
-      endPTS: I,
+      endPTS: w,
       startDTS: P,
-      endDTS: I,
+      endDTS: w,
       type: "audio",
       hasAudio: !0,
       hasVideo: !1,
@@ -13038,17 +13038,17 @@ function tr(s, e) {
   }
   return S.warn(`Unhandled video codec "${t}"`), t === "hvc1" || t === "hev1" ? "hvc1.1.6.L120.90" : t === "av01" ? "av01.0.04M.08" : "avc1.42e01e";
 }
-let Ge;
+let He;
 try {
-  Ge = self.performance.now.bind(self.performance);
+  He = self.performance.now.bind(self.performance);
 } catch {
-  S.debug("Unable to use Performance API on this environment"), Ge = lt == null ? void 0 : lt.Date.now;
+  S.debug("Unable to use Performance API on this environment"), He = lt == null ? void 0 : lt.Date.now;
 }
 const Nt = [{
   demux: uc,
   remux: Ac
 }, {
-  demux: We,
+  demux: ze,
   remux: Mt
 }, {
   demux: lc,
@@ -13070,7 +13070,7 @@ class ir {
   }
   push(e, t, i, r) {
     const n = i.transmuxing;
-    n.executeStart = Ge();
+    n.executeStart = He();
     let a = new Uint8Array(e);
     const {
       currentTransmuxState: o,
@@ -13096,7 +13096,7 @@ class ir {
       if (B.isSync()) {
         let C = B.softwareDecrypt(a, L.key.buffer, L.iv.buffer);
         if (i.part > -1 && (C = B.flush()), !C)
-          return n.executeEnd = Ge(), vi(i);
+          return n.executeEnd = He(), vi(i);
         a = new Uint8Array(C);
       } else
         return this.decryptionPromise = B.webCryptoDecrypt(a, L.key.buffer, L.iv.buffer).then((C) => {
@@ -13114,16 +13114,16 @@ class ir {
           fatal: !1,
           error: B,
           reason: B.message
-        }), n.executeEnd = Ge(), vi(i);
+        }), n.executeEnd = He(), vi(i);
     }
     (u || h || m || E) && this.resetInitSegment(x, g, y, T, t), (u || m || E) && this.resetInitialTimestamp(v), c || this.resetContiguity();
     const k = this.transmux(a, L, f, d, i), R = this.currentTransmuxState;
-    return R.contiguous = !0, R.discontinuity = !1, R.trackSwitch = !1, n.executeEnd = Ge(), k;
+    return R.contiguous = !0, R.discontinuity = !1, R.trackSwitch = !1, n.executeEnd = He(), k;
   }
   // Due to data caching, flush calls can produce more than one TransmuxerResult (hence the Array type)
   flush(e) {
     const t = e.transmuxing;
-    t.executeStart = Ge();
+    t.executeStart = He();
     const {
       decrypter: i,
       currentTransmuxState: r,
@@ -13143,7 +13143,7 @@ class ir {
       remuxer: c
     } = this;
     if (!l || !c)
-      return t.executeEnd = Ge(), [vi(e)];
+      return t.executeEnd = He(), [vi(e)];
     const u = l.flush(o);
     return Bt(u) ? u.then((h) => (this.flushRemux(a, h, e), a)) : (this.flushRemux(a, u, e), a);
   }
@@ -13162,7 +13162,7 @@ class ir {
     e.push({
       remuxResult: u,
       chunkMeta: i
-    }), i.transmuxing.executeEnd = Ge();
+    }), i.transmuxing.executeEnd = He();
   }
   resetInitialTimestamp(e) {
     const {
@@ -15596,7 +15596,7 @@ const or = {
 }, jn = function(e) {
   let t = e;
   return or.hasOwnProperty(e) && (t = or[e]), String.fromCharCode(t);
-}, Le = 15, $e = 100, Bc = {
+}, Re = 15, $e = 100, Bc = {
   17: 1,
   18: 3,
   21: 5,
@@ -15642,7 +15642,7 @@ class Vc {
     }
   }
 }
-const je = function(e) {
+const qe = function(e) {
   const t = [];
   for (let i = 0; i < e.length; i++)
     t.push(e[i].toString(16));
@@ -15781,19 +15781,19 @@ class Wc {
 }
 class xi {
   constructor(e) {
-    this.rows = [], this.currRow = Le - 1, this.nrRollUpRows = null, this.lastOutputScreen = null, this.logger = void 0;
-    for (let t = 0; t < Le; t++)
+    this.rows = [], this.currRow = Re - 1, this.nrRollUpRows = null, this.lastOutputScreen = null, this.logger = void 0;
+    for (let t = 0; t < Re; t++)
       this.rows.push(new Wc(e));
     this.logger = e;
   }
   reset() {
-    for (let e = 0; e < Le; e++)
+    for (let e = 0; e < Re; e++)
       this.rows[e].clear();
-    this.currRow = Le - 1;
+    this.currRow = Re - 1;
   }
   equals(e) {
     let t = !0;
-    for (let i = 0; i < Le; i++)
+    for (let i = 0; i < Re; i++)
       if (!this.rows[i].equals(e.rows[i])) {
         t = !1;
         break;
@@ -15801,12 +15801,12 @@ class xi {
     return t;
   }
   copy(e) {
-    for (let t = 0; t < Le; t++)
+    for (let t = 0; t < Re; t++)
       this.rows[t].copy(e.rows[t]);
   }
   isEmpty() {
     let e = !0;
-    for (let t = 0; t < Le; t++)
+    for (let t = 0; t < Re; t++)
       if (!this.rows[t].isEmpty()) {
         e = !1;
         break;
@@ -15838,7 +15838,7 @@ class xi {
     this.logger.log(2, () => "pacData = " + JSON.stringify(e));
     let t = e.row - 1;
     if (this.nrRollUpRows && t < this.nrRollUpRows - 1 && (t = this.nrRollUpRows - 1), this.nrRollUpRows && this.currRow !== t) {
-      for (let o = 0; o < Le; o++)
+      for (let o = 0; o < Re; o++)
         this.rows[o].clear();
       const n = this.currRow + 1 - this.nrRollUpRows, a = this.lastOutputScreen;
       if (a) {
@@ -15888,7 +15888,7 @@ class xi {
     e = e || !1;
     const t = [];
     let i = "", r = -1;
-    for (let n = 0; n < Le; n++) {
+    for (let n = 0; n < Re; n++) {
       const a = this.rows[n].getTextString();
       a && (r = n + 1, e ? t.push("Row " + r + ": '" + a + "'") : t.push(a.trim()));
     }
@@ -15901,10 +15901,10 @@ class xi {
 }
 class lr {
   constructor(e, t, i) {
-    this.chNr = void 0, this.outputFilter = void 0, this.mode = void 0, this.verbose = void 0, this.displayedMemory = void 0, this.nonDisplayedMemory = void 0, this.lastOutputScreen = void 0, this.currRollUpRow = void 0, this.writeScreen = void 0, this.cueStartTime = void 0, this.logger = void 0, this.chNr = e, this.outputFilter = t, this.mode = null, this.verbose = 0, this.displayedMemory = new xi(i), this.nonDisplayedMemory = new xi(i), this.lastOutputScreen = new xi(i), this.currRollUpRow = this.displayedMemory.rows[Le - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null, this.logger = i;
+    this.chNr = void 0, this.outputFilter = void 0, this.mode = void 0, this.verbose = void 0, this.displayedMemory = void 0, this.nonDisplayedMemory = void 0, this.lastOutputScreen = void 0, this.currRollUpRow = void 0, this.writeScreen = void 0, this.cueStartTime = void 0, this.logger = void 0, this.chNr = e, this.outputFilter = t, this.mode = null, this.verbose = 0, this.displayedMemory = new xi(i), this.nonDisplayedMemory = new xi(i), this.lastOutputScreen = new xi(i), this.currRollUpRow = this.displayedMemory.rows[Re - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null, this.logger = i;
   }
   reset() {
-    this.mode = null, this.displayedMemory.reset(), this.nonDisplayedMemory.reset(), this.lastOutputScreen.reset(), this.outputFilter.reset(), this.currRollUpRow = this.displayedMemory.rows[Le - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null;
+    this.mode = null, this.displayedMemory.reset(), this.nonDisplayedMemory.reset(), this.lastOutputScreen.reset(), this.outputFilter.reset(), this.currRollUpRow = this.displayedMemory.rows[Re - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null;
   }
   getHandler() {
     return this.outputFilter;
@@ -16016,11 +16016,11 @@ class cr {
     this.logger.time = e;
     for (let o = 0; o < t.length; o += 2)
       if (r = t[o] & 127, n = t[o + 1] & 127, !(r === 0 && n === 0)) {
-        if (this.logger.log(3, "[" + je([t[o], t[o + 1]]) + "] -> (" + je([r, n]) + ")"), i = this.parseCmd(r, n), i || (i = this.parseMidrow(r, n)), i || (i = this.parsePAC(r, n)), i || (i = this.parseBackgroundAttributes(r, n)), !i && (a = this.parseChars(r, n), a)) {
+        if (this.logger.log(3, "[" + qe([t[o], t[o + 1]]) + "] -> (" + qe([r, n]) + ")"), i = this.parseCmd(r, n), i || (i = this.parseMidrow(r, n)), i || (i = this.parsePAC(r, n)), i || (i = this.parseBackgroundAttributes(r, n)), !i && (a = this.parseChars(r, n), a)) {
           const l = this.currentChannel;
           l && l > 0 ? this.channels[l].insertChars(a) : this.logger.log(2, "No channel found yet. TEXT-MODE?");
         }
-        !i && !a && this.logger.log(2, "Couldn't parse cleaned data " + je([r, n]) + " orig: " + je([t[o], t[o + 1]]));
+        !i && !a && this.logger.log(2, "Couldn't parse cleaned data " + qe([r, n]) + " orig: " + qe([t[o], t[o + 1]]));
       }
   }
   /**
@@ -16034,7 +16034,7 @@ class cr {
     if (!(r || n))
       return !1;
     if (ur(e, t, i))
-      return rt(null, null, i), this.logger.log(3, "Repeated command (" + je([e, t]) + ") is dropped"), !0;
+      return rt(null, null, i), this.logger.log(3, "Repeated command (" + qe([e, t]) + ") is dropped"), !0;
     const a = e === 20 || e === 21 || e === 23 ? 1 : 2, o = this.channels[a];
     return e === 20 || e === 21 || e === 28 || e === 29 ? t === 32 ? o.ccRCL() : t === 33 ? o.ccBS() : t === 34 ? o.ccAOF() : t === 35 ? o.ccAON() : t === 36 ? o.ccDER() : t === 37 ? o.ccRU(2) : t === 38 ? o.ccRU(3) : t === 39 ? o.ccRU(4) : t === 40 ? o.ccFON() : t === 41 ? o.ccRDC() : t === 42 ? o.ccTR() : t === 43 ? o.ccRTD() : t === 44 ? o.ccEDM() : t === 45 ? o.ccCR() : t === 46 ? o.ccENM() : t === 47 && o.ccEOC() : o.ccTO(t - 32), rt(e, t, i), this.currentChannel = a, !0;
   }
@@ -16047,7 +16047,7 @@ class cr {
       if (e === 17 ? i = 1 : i = 2, i !== this.currentChannel)
         return this.logger.log(0, "Mismatch channel in midrow parsing"), !1;
       const r = this.channels[i];
-      return r ? (r.ccMIDROW(t), this.logger.log(3, "MIDROW (" + je([e, t]) + ")"), !0) : !1;
+      return r ? (r.ccMIDROW(t), this.logger.log(3, "MIDROW (" + qe([e, t]) + ")"), !0) : !1;
     }
     return !1;
   }
@@ -16094,7 +16094,7 @@ class cr {
     } else
       e >= 32 && e <= 127 && (r = t === 0 ? [e] : [e, t]);
     if (r) {
-      const a = je(r);
+      const a = qe(r);
       this.logger.log(3, "Char codes =  " + a.join(",")), rt(e, t, this.cmdHistory);
     }
     return r;
@@ -18363,7 +18363,7 @@ class Wu {
     const {
       errorAction: i
     } = t;
-    if ((i == null ? void 0 : i.action) === me.SendAlternateToPenaltyBox && i.flags === Ae.MoveAllAlternatesMatchingHost) {
+    if ((i == null ? void 0 : i.action) === me.SendAlternateToPenaltyBox && i.flags === Le.MoveAllAlternatesMatchingHost) {
       const r = this.levels;
       let n = this.pathwayPriority, a = this.pathwayId;
       if (t.context) {
@@ -19519,7 +19519,7 @@ class oh {
     this.keyUriToKeyInfo = {};
   }
   createKeyLoadError(e, t = _.KEY_LOAD_ERROR, i, r, n) {
-    return new Ue({
+    return new Ge({
       type: q.NETWORK_ERROR,
       details: t,
       fatal: !1,
@@ -21165,7 +21165,7 @@ const Ci = new Intl.NumberFormat(void 0, {
   return i === 0 ? `${t}:${Ci.format(e)}` : `${i}:${Ci.format(
     t
   )}:${Ci.format(e)}`;
-}, xh = He.extend({
+}, xh = Ve.extend({
   name: "VideoPlayer",
   components: {
     ESpinner: sn
@@ -21268,7 +21268,10 @@ const Ci = new Intl.NumberFormat(void 0, {
       });
     },
     bindVideoEvent(s) {
-      const e = this.$refs.player, t = this.$refs.timelineContainer;
+      const e = this.$refs.player;
+      if (!e)
+        return;
+      const t = this.$refs.timelineContainer;
       s === "loadeddata" && (this.videoLength = Di(e.duration)), s === "timeupdate" && (this.percentagePlayed = (e == null ? void 0 : e.currentTime) / e.duration * 100, t.style.setProperty(
         "--progress-position",
         this.percentagePlayed.toString()
@@ -21455,12 +21458,12 @@ var Th = function() {
   Eh,
   !1,
   null,
-  "160e835f",
+  "9071f674",
   null,
   null
 );
 const bh = Sh.exports, Zt = (s) => {
-  const e = w.utcFormat("%_d")(s), i = {
+  const e = I.utcFormat("%_d")(s), i = {
     1: "st",
     2: "nd",
     3: "rd"
@@ -21468,23 +21471,23 @@ const bh = Sh.exports, Zt = (s) => {
   return `${e}${i}`;
 }, Ar = (s) => new Date(
   Date.UTC(s.getUTCFullYear(), s.getUTCMonth(), s.getUTCDate() + 1)
-).getUTCDate() === 1 ? "" : w.utcFormat("%-d")(s), gt = (s) => ["0", " 0", "00"].includes(w.utcFormat("%H")(s)) ? "" : `${w.utcFormat("%H")(s)}h`, ze = (s) => {
-  const e = w.utcFormat("%H:%M")(s);
+).getUTCDate() === 1 ? "" : I.utcFormat("%-d")(s), gt = (s) => ["0", " 0", "00"].includes(I.utcFormat("%H")(s)) ? "" : `${I.utcFormat("%H")(s)}h`, Ye = (s) => {
+  const e = I.utcFormat("%H:%M")(s);
   return e === "00:00" ? "" : e;
-}, _i = (s) => w.utcFormat("%M:%S")(s), Lr = (s) => `${w.utcFormat("%Hh%Mm")(s)}`, Yi = (s) => {
-  const e = ze(s), t = Zt(s), i = w.utcFormat("%B")(s);
+}, _i = (s) => I.utcFormat("%M:%S")(s), Lr = (s) => `${I.utcFormat("%Hh%Mm")(s)}`, Yi = (s) => {
+  const e = Ye(s), t = Zt(s), i = I.utcFormat("%B")(s);
   return e || `${i} ${t}`;
 }, Ii = (s) => {
-  const e = ze(s), t = Number.parseInt(w.utcFormat("%H")(s)), i = Zt(s), r = w.utcFormat("%B")(s);
+  const e = Ye(s), t = Number.parseInt(I.utcFormat("%H")(s)), i = Zt(s), r = I.utcFormat("%B")(s);
   return e && t % 6 === 0 ? `${r} ${i} ${e}` : Yi(s);
 }, pt = (s) => (e) => {
-  const t = w.utcFormat("%H")(e);
-  return !(w.utcFormat("%M")(e) === "00" && Number.parseInt(t) % s === 0);
+  const t = I.utcFormat("%H")(e);
+  return !(I.utcFormat("%M")(e) === "00" && Number.parseInt(t) % s === 0);
 }, wi = (s) => (e) => {
-  const t = w.utcFormat("%M")(e);
+  const t = I.utcFormat("%M")(e);
   return Number.parseInt(t) % s !== 0;
 }, Rr = (s) => (e) => {
-  const t = w.utcFormat("%M")(e), i = w.utcFormat("%S")(e);
+  const t = I.utcFormat("%M")(e), i = I.utcFormat("%S")(e);
   return Number.parseInt(t) % s !== 0 && Number.parseInt(i) === 0;
 }, K = {
   _10_seconds: 25e-6,
@@ -21518,300 +21521,300 @@ const Ah = {
   [kt.overview]: [
     {
       precision: K._30_seconds,
-      interval: w.utcMinute.every(2),
+      interval: I.utcMinute.every(2),
       format: Lr
     },
     {
       precision: K._1_minute,
-      interval: w.utcMinute.every(5),
+      interval: I.utcMinute.every(5),
       format: Lr
     },
     {
       precision: K._2_minutes,
-      interval: w.utcMinute.every(10),
+      interval: I.utcMinute.every(10),
       format: Yi
     },
     {
       precision: K._5_minutes,
-      interval: w.utcMinute.every(20),
+      interval: I.utcMinute.every(20),
       format: Ii
     },
     {
       precision: K._15_minutes,
-      interval: w.utcHour,
+      interval: I.utcHour,
       format: Ii
     },
     {
       precision: K._30_minutes,
-      interval: w.utcHour.every(2),
+      interval: I.utcHour.every(2),
       format: Ii
     },
     {
       precision: K._2_hours,
-      interval: w.utcHour.every(6),
+      interval: I.utcHour.every(6),
       format: (s) => {
-        const e = ze(s), t = Zt(s), i = w.utcFormat("%B")(s);
+        const e = Ye(s), t = Zt(s), i = I.utcFormat("%B")(s);
         return e || `${i} ${t}`;
       }
     },
     {
       precision: K._3_hours,
-      interval: w.utcHour.every(12),
+      interval: I.utcHour.every(12),
       format: Yi
     },
     {
       precision: K._6_hours,
-      interval: w.utcHour.every(24),
+      interval: I.utcHour.every(24),
       format: (s) => {
         const e = Zt(s);
-        return `${w.utcFormat("%b")(s)} ${e}`;
+        return `${I.utcFormat("%b")(s)} ${e}`;
       }
     },
     {
       precision: K._2_days,
-      interval: w.utcMonth,
+      interval: I.utcMonth,
       format: (s) => {
         const t = s.getUTCMonth() === 0 && s.getUTCDate() === 1 ? "%Y – %B" : "%B";
-        return w.utcFormat(t)(s);
+        return I.utcFormat(t)(s);
       }
     },
     {
       precision: K._2_year,
-      interval: w.utcYear.every(2),
+      interval: I.utcYear.every(2),
       format: "%Y"
     },
     {
       precision: K._5_years,
-      interval: w.utcYear.every(5),
+      interval: I.utcYear.every(5),
       format: "%Y"
     },
     {
       precision: K._20_years,
-      interval: w.utcYear.every(20),
+      interval: I.utcYear.every(20),
       format: "%Y"
     },
     {
       precision: K._75_years,
-      interval: w.utcYear.every(75),
+      interval: I.utcYear.every(75),
       format: "%Y"
     },
     {
       precision: K._300_years,
-      interval: w.utcYear.every(300),
+      interval: I.utcYear.every(300),
       format: "%Y"
     },
     {
       precision: K.infinity,
-      interval: w.utcMonth.every(12),
+      interval: I.utcMonth.every(12),
       format: "%Y"
     }
   ],
   [kt.detailed]: [
     {
       precision: K._10_seconds,
-      interval: w.utcSecond.every(10),
+      interval: I.utcSecond.every(10),
       format: _i
     },
     {
       precision: K._20_seconds,
-      interval: (Dr = w.utcSecond.every(20)) == null ? void 0 : Dr.filter(Rr(2)),
+      interval: (Dr = I.utcSecond.every(20)) == null ? void 0 : Dr.filter(Rr(2)),
       format: _i
     },
     {
       precision: K._30_seconds,
-      interval: (_r = w.utcSecond.every(30)) == null ? void 0 : _r.filter(Rr(2)),
+      interval: (_r = I.utcSecond.every(30)) == null ? void 0 : _r.filter(Rr(2)),
       format: _i
     },
     {
       precision: K._1_minute,
-      interval: w.utcMinute.filter(wi(5)),
-      format: ze
+      interval: I.utcMinute.filter(wi(5)),
+      format: Ye
     },
     {
       precision: K._2_minutes,
-      interval: (Ir = w.utcMinute.every(2)) == null ? void 0 : Ir.filter(wi(10)),
-      format: ze
+      interval: (Ir = I.utcMinute.every(2)) == null ? void 0 : Ir.filter(wi(10)),
+      format: Ye
     },
     {
       precision: K._5_minutes,
-      interval: (wr = w.utcMinute.every(5)) == null ? void 0 : wr.filter(wi(20)),
-      format: ze
+      interval: (wr = I.utcMinute.every(5)) == null ? void 0 : wr.filter(wi(20)),
+      format: Ye
     },
     {
       precision: K._15_minutes,
-      interval: (kr = w.utcMinute.every(15)) == null ? void 0 : kr.filter(pt(1)),
-      format: ze
+      interval: (kr = I.utcMinute.every(15)) == null ? void 0 : kr.filter(pt(1)),
+      format: Ye
     },
     {
       precision: K._30_minutes,
-      interval: (Pr = w.utcMinute.every(30)) == null ? void 0 : Pr.filter(pt(2)),
-      format: ze
+      interval: (Pr = I.utcMinute.every(30)) == null ? void 0 : Pr.filter(pt(2)),
+      format: Ye
     },
     {
       precision: K._1_hour,
-      interval: w.utcHour.filter(pt(6)),
+      interval: I.utcHour.filter(pt(6)),
       format: gt
     },
     {
       precision: K._2_hours,
-      interval: (Or = w.utcHour.every(2)) == null ? void 0 : Or.filter(pt(6)),
+      interval: (Or = I.utcHour.every(2)) == null ? void 0 : Or.filter(pt(6)),
       format: gt
     },
     {
       precision: K._3_hours,
-      interval: (Fr = w.utcHour.every(3)) == null ? void 0 : Fr.filter(pt(12)),
+      interval: (Fr = I.utcHour.every(3)) == null ? void 0 : Fr.filter(pt(12)),
       format: gt
     },
     {
       precision: K._4_hours,
-      interval: w.utcHour.every(4),
+      interval: I.utcHour.every(4),
       format: gt
     },
     {
       precision: K._6_hours,
-      interval: w.utcHour.every(6),
+      interval: I.utcHour.every(6),
       format: gt
     },
     {
       precision: K._1_day,
-      interval: w.utcDay,
+      interval: I.utcDay,
       format: Ar
     },
     {
       precision: K._2_days,
-      interval: w.utcDay.every(2),
+      interval: I.utcDay.every(2),
       format: Ar
     },
     {
       precision: K._1_month,
-      interval: w.utcMonth,
+      interval: I.utcMonth,
       format: "%B"
     },
     {
       precision: K._1_month_abbr,
-      interval: w.utcMonth,
+      interval: I.utcMonth,
       format: "%b"
     },
     {
       precision: K._1_month_letter,
-      interval: w.utcMonth,
-      format: (s) => w.utcFormat("%B")(s).charAt(0)
+      interval: I.utcMonth,
+      format: (s) => I.utcFormat("%B")(s).charAt(0)
     },
     {
       precision: K._3_months,
-      interval: w.utcMonth.every(3),
+      interval: I.utcMonth.every(3),
       format: "Q%q"
     },
     {
       precision: K._2_year,
-      interval: w.utcMonth.every(6),
+      interval: I.utcMonth.every(6),
       format: "%Y"
     },
     {
       precision: K._5_years,
-      interval: w.utcYear.every(2),
+      interval: I.utcYear.every(2),
       format: "%Y"
     },
     {
       precision: K._20_years,
-      interval: w.utcYear.every(4),
+      interval: I.utcYear.every(4),
       format: "%Y"
     },
     {
       precision: K._75_years,
-      interval: w.utcYear.every(25),
+      interval: I.utcYear.every(25),
       format: "%Y"
     },
     {
       precision: K._300_years,
-      interval: w.utcYear.every(100),
+      interval: I.utcYear.every(100),
       format: "%Y"
     },
     {
       precision: K.infinity,
-      interval: w.utcYear.every(500),
+      interval: I.utcYear.every(500),
       format: ""
     }
   ],
   [kt.detailedBackground]: [
     {
       precision: K._10_seconds,
-      interval: w.utcSecond,
+      interval: I.utcSecond,
       format: ""
     },
     {
       precision: K._20_seconds,
-      interval: w.utcSecond.every(5),
+      interval: I.utcSecond.every(5),
       format: ""
     },
     {
       precision: K._30_seconds,
-      interval: w.utcSecond.every(10),
+      interval: I.utcSecond.every(10),
       format: ""
     },
     {
       precision: K._1_minute,
-      interval: w.utcSecond.every(20),
+      interval: I.utcSecond.every(20),
       format: ""
     },
     {
       precision: K._2_minutes,
-      interval: w.utcSecond.every(30),
+      interval: I.utcSecond.every(30),
       format: ""
     },
     {
       precision: K._5_minutes,
-      interval: w.utcMinute,
+      interval: I.utcMinute,
       format: ""
     },
     {
       precision: K._15_minutes,
-      interval: w.utcMinute.every(3),
+      interval: I.utcMinute.every(3),
       format: ""
     },
     {
       precision: K._30_minutes,
-      interval: w.utcMinute.every(6),
+      interval: I.utcMinute.every(6),
       format: ""
     },
     {
       precision: K._1_hour,
-      interval: w.utcMinute.every(15),
+      interval: I.utcMinute.every(15),
       format: ""
     },
     {
       precision: K._2_hours,
-      interval: w.utcMinute.every(30),
+      interval: I.utcMinute.every(30),
       format: ""
     },
     {
       precision: K._3_hours,
-      interval: w.utcHour,
+      interval: I.utcHour,
       format: ""
     },
     {
       precision: K._4_hours,
-      interval: w.utcHour,
+      interval: I.utcHour,
       format: ""
     },
     {
       precision: K._6_hours,
-      interval: w.utcMinute.every(120),
+      interval: I.utcMinute.every(120),
       format: ""
     },
     {
       precision: K._1_day,
-      interval: w.utcHour.every(8),
+      interval: I.utcHour.every(8),
       format: ""
     },
     {
       precision: K._2_days,
-      interval: w.utcHour.every(12),
+      interval: I.utcHour.every(12),
       format: ""
     },
     {
       precision: K._1_month,
-      interval: w.utcDay.filter((s) => {
+      interval: I.utcDay.filter((s) => {
         const e = s.getUTCDate(), t = new Date(
           s.getUTCFullYear(),
           s.getUTCMonth() + 1,
@@ -21823,7 +21826,7 @@ const Ah = {
     },
     {
       precision: K._1_month_abbr,
-      interval: w.utcDay.filter((s) => {
+      interval: I.utcDay.filter((s) => {
         const e = s.getUTCDate(), t = new Date(
           s.getUTCFullYear(),
           s.getUTCMonth() + 1,
@@ -21835,7 +21838,7 @@ const Ah = {
     },
     {
       precision: K._1_month_letter,
-      interval: w.utcDay.filter((s) => {
+      interval: I.utcDay.filter((s) => {
         const e = s.getUTCDate(), t = new Date(
           s.getUTCFullYear(),
           s.getUTCMonth() + 1,
@@ -21847,42 +21850,42 @@ const Ah = {
     },
     {
       precision: K._3_months,
-      interval: w.utcMonth,
+      interval: I.utcMonth,
       format: ""
     },
     {
       precision: K._3_months,
-      interval: w.utcMonth,
+      interval: I.utcMonth,
       format: ""
     },
     {
       precision: K._2_year,
-      interval: w.utcYear,
+      interval: I.utcYear,
       format: ""
     },
     {
       precision: K._5_years,
-      interval: w.utcYear.every(2),
+      interval: I.utcYear.every(2),
       format: ""
     },
     {
       precision: K._20_years,
-      interval: w.utcYear.every(5),
+      interval: I.utcYear.every(5),
       format: ""
     },
     {
       precision: K._75_years,
-      interval: w.utcYear.every(20),
+      interval: I.utcYear.every(20),
       format: ""
     },
     {
       precision: K._300_years,
-      interval: w.utcYear.every(100),
+      interval: I.utcYear.every(100),
       format: ""
     },
     {
       precision: K.infinity,
-      interval: w.utcYear.every(500),
+      interval: I.utcYear.every(500),
       format: ""
     }
   ]
@@ -21908,15 +21911,21 @@ const Ah = {
     name: "resize-observer",
     definition: vs
   }
-], Ye = {
+], je = {
   milestone: "e-tl-milestone",
+  milestoneBullet: "e-tl-milestone--bullet",
+  milestoneDot: "e-tl-milestone--dot",
   milestoneContent: "e-tl-milestone-content",
   milestoneLine: "e-tl-milestone-line",
   milestonesContainer: "e-tl-milestones",
   milestoneHovered: "e-tl-milestone--hovered",
   milestoneSelected: "e-tl-milestone--selected",
-  milestoneLabel: "e-tl-milestone-label"
-}, Rh = He.extend({
+  milestoneLabel: "e-tl-milestone-label",
+  milestoneDotContainer: "e-tl-milestone-dot-container",
+  milestoneDotLine: "e-tl-milestone-dot-line",
+  milestoneDotDot: "e-tl-milestone-dot-dot",
+  milestoneDotHovered: "e-tl-milestone-dot--hovered"
+}, Rh = Ve.extend({
   name: "ETimeline",
   directives: {
     resizeObserver: vs
@@ -21945,64 +21954,145 @@ const Ah = {
     transitionDuration: {
       type: Number,
       default: 500
+    },
+    dot: {
+      type: Boolean,
+      default: !1
+    },
+    dotSize: {
+      type: Number,
+      default: 8
+    },
+    lineWidth: {
+      type: Number,
+      default: 2
+    },
+    lineHeight: {
+      type: Number,
+      default: 28
     }
   },
   data() {
     return {
-      milestoneClasses: Ye,
-      timeouts: []
+      milestoneClasses: je,
+      timeouts: [],
+      isInitialRender: !0,
+      isMouseOver: !1
     };
   },
   computed: {
+    transitionStyles() {
+      return this.isInitialRender ? {} : {
+        transition: `transform ${this.transitionDuration}ms, width ${this.transitionDuration}ms, height ${this.transitionDuration}ms, padding ${this.transitionDuration}ms, border-radius ${this.transitionDuration}ms`
+      };
+    },
+    sizeStyles() {
+      return this.dot ? {} : {
+        width: `${this.size}px`,
+        height: `${this.size}px`
+      };
+    },
+    positionStyles() {
+      return this.dot && this.isMouseOver ? {
+        transform: `translateY(calc(-100% - ${this.lineHeight}px))`
+      } : {};
+    },
     styles() {
       return {
-        width: `${this.size}px`,
-        height: `${this.size}px`,
+        ...this.sizeStyles,
+        ...this.positionStyles,
         backgroundColor: this.backgroundColor,
         borderColor: this.borderColor,
         borderWidth: `${this.borderWidth}px`,
         borderStyle: "solid",
-        transition: `transform ${this.transitionDuration}ms, width ${this.transitionDuration}ms, height ${this.transitionDuration}ms, padding ${this.transitionDuration}ms, border-radius ${this.transitionDuration}ms`
+        ...this.transitionStyles
       };
     },
     contentStyles() {
+      return this.transitionStyles;
+    },
+    computedTransitionDuration() {
+      return this.isInitialRender ? 0 : this.transitionDuration;
+    },
+    labelStyles() {
       return {
-        transition: `width ${this.transitionDuration}ms, opacity ${this.transitionDuration}ms, fontSize ${this.transitionDuration}ms, fontWeight ${this.transitionDuration}ms`
+        transition: `opacity ${this.computedTransitionDuration}ms`
       };
     },
-    labelStyles() {
+    dotContainerStyles() {
+      return {
+        top: this.isMouseOver ? `calc(100% - ${this.borderWidth}px)` : `calc(50% + ${this.dotSize / 2}px)`,
+        height: `calc(${this.lineHeight}px  + ${this.dotSize}px)`,
+        left: `calc(50% - ${this.lineWidth}px / 2)`,
+        transition: `${this.computedTransitionDuration}ms`
+      };
+    },
+    lineStyles() {
       return {
-        transition: `opacity ${this.transitionDuration}ms`
+        bottom: `${this.dotSize / 2}px`,
+        left: `calc(50% - ${this.lineWidth}px / 2)`,
+        width: `${this.lineWidth}px`,
+        height: this.isMouseOver ? `${this.lineHeight}px` : "0",
+        backgroundColor: this.borderColor,
+        transition: `${this.computedTransitionDuration}ms`
+      };
+    },
+    dotStyles() {
+      return {
+        top: `${this.lineHeight}px`,
+        left: `calc(50% - ${this.dotSize}px / 2)`,
+        width: `${this.dotSize}px`,
+        height: `${this.dotSize}px`,
+        backgroundColor: this.borderColor,
+        transition: `${this.computedTransitionDuration}ms`
       };
     }
   },
+  mounted() {
+    this.$nextTick(() => {
+      this.dot || (this.onMilestoneMouseOver(), this.onMilestoneMouseLeave()), this.isInitialRender = !1;
+    });
+  },
   methods: {
-    onMilestoneMouseOver(s, e) {
-      const t = s.target;
+    onMilestoneMouseOver(s) {
+      if (this.isMouseOver = !0, this.dot)
+        return;
+      const e = (s == null ? void 0 : s.target) || this.$refs.container;
+      if (!e)
+        return;
+      const t = e.children[0];
       if (!t)
         return;
       const i = t.children[0];
       if (!i)
         return;
-      const r = i.children[0];
-      if (!r)
-        return;
-      const n = r.getBoundingClientRect(), a = t.dataset.timeoutId;
-      a && (clearTimeout(Number(a)), t.dataset.timeoutId = ""), t.dataset.initialWidth || (t.dataset.initialWidth = t.style.width), t.dataset.initialHeight || (t.dataset.initialHeight = t.style.height), t.dataset.initialContentWidth || (t.dataset.initialContentWidth = String(n.width)), t.dataset.initialContentHeight || (t.dataset.initialContentHeight = String(n.height)), t.dataset.transitionStart = String(Date.now()), t.style.width = t.dataset.initialContentWidth + "px", t.style.height = t.dataset.initialContentHeight + "px", t.style.borderRadius = "0.5em", t.classList.add(Ye.milestoneHovered), i.style.opacity = "1", i.style.width = t.dataset.initialContentWidth + "px", i.style.height = t.dataset.initialContentHeight + "px";
+      const r = i.getBoundingClientRect(), n = e.dataset.timeoutId;
+      n && (clearTimeout(Number(n)), e.dataset.timeoutId = ""), e.dataset.initialWidth || (e.dataset.initialWidth = e.style.width), e.dataset.initialHeight || (e.dataset.initialHeight = e.style.height), e.dataset.initialContentWidth || (e.dataset.initialContentWidth = String(r.width)), e.dataset.initialContentHeight || (e.dataset.initialContentHeight = String(r.height)), e.dataset.transitionStart = String(Date.now()), e.style.width = e.dataset.initialContentWidth + "px", e.style.height = e.dataset.initialContentHeight + "px", e.style.borderRadius = "0.5em", e.classList.add(je.milestoneHovered), t.style.opacity = "1", t.style.width = e.dataset.initialContentWidth + "px", t.style.height = e.dataset.initialContentHeight + "px";
     },
-    onMilestoneMouseLeave(s, e) {
-      const t = s.target;
-      if (!t)
+    onMilestoneMouseMove() {
+      this.timeouts.forEach((s) => clearTimeout(s)), this.isMouseOver = !0;
+    },
+    onMilestoneMouseLeave(s) {
+      if (this.dot) {
+        this.timeouts.push(
+          setTimeout(() => {
+            this.isMouseOver = !1;
+          }, this.transitionDuration + 100)
+        );
         return;
-      t.style.width = t.dataset.initialWidth || "", t.style.height = t.dataset.initialHeight || "", t.style.borderRadius = "10em";
-      const i = t.children[0];
-      if (!i)
+      }
+      const e = (s == null ? void 0 : s.target) || this.$refs.container;
+      if (!e)
         return;
-      i.style.width = "0", i.style.height = "0", i.style.opacity = "0";
-      const r = Date.now() - Number(t.dataset.transitionStart), n = r > this.transitionDuration ? this.transitionDuration : r, a = setTimeout(() => {
-        t.classList.remove(Ye.milestoneHovered), t.dataset.timeoutId = "";
-      }, n);
-      t.dataset.timeoutId = String(a), this.timeouts.push(a);
+      e.style.width = e.dataset.initialWidth || "", e.style.height = e.dataset.initialHeight || "", e.style.borderRadius = "10em";
+      const t = e.children[0];
+      if (!t)
+        return;
+      t.style.width = "0", t.style.height = "0", t.style.opacity = "0";
+      const i = Date.now() - Number(e.dataset.transitionStart), r = i > this.transitionDuration ? this.transitionDuration : i, n = setTimeout(() => {
+        e.classList.remove(je.milestoneHovered), e.dataset.timeoutId = "";
+      }, r);
+      e.dataset.timeoutId = String(n), this.timeouts.push(n);
     },
     onMilestoneClick(s, e) {
       this.$emit("milestone-click", e);
@@ -22011,9 +22101,15 @@ const Ah = {
 });
 var Ch = function() {
   var e = this, t = e._self._c;
-  return t("div", { class: e.milestoneClasses.milestone, style: e.styles, attrs: { tabindex: "0" }, on: { mouseover: (i) => e.onMilestoneMouseOver(i, e.milestone), mouseleave: (i) => e.onMilestoneMouseLeave(i, e.milestone), click: (i) => e.onMilestoneClick(i, e.milestone) } }, [t("div", { class: e.milestoneClasses.milestoneContent, style: e.contentStyles }, [e._t("content", function() {
+  return t("div", { ref: "container", class: {
+    [e.milestoneClasses.milestone]: !0,
+    [e.milestoneClasses.milestoneBullet]: !e.dot,
+    [e.milestoneClasses.milestoneHovered]: e.isMouseOver && !e.dot,
+    [e.milestoneClasses.milestoneDot]: e.dot,
+    [e.milestoneClasses.milestoneDotHovered]: e.isMouseOver && e.dot
+  }, style: e.styles, attrs: { tabindex: "0" }, on: { mouseover: (i) => e.onMilestoneMouseOver(i, e.milestone), mousemove: e.onMilestoneMouseMove, mouseleave: (i) => e.onMilestoneMouseLeave(i, e.milestone), click: (i) => e.onMilestoneClick(i, e.milestone) } }, [t("div", { class: e.milestoneClasses.milestoneContent, style: e.contentStyles }, [e._t("content", function() {
     return [t("span", [e._v(" " + e._s(e.milestone.text) + " ")])];
-  })], 2), t("div", { class: e.milestoneClasses.milestoneLabel, style: e.labelStyles }, [e._t("label")], 2)]);
+  })], 2), e.dot ? t("div", { class: e.milestoneClasses.milestoneDotContainer, style: e.dotContainerStyles }, [t("div", { class: e.milestoneClasses.milestoneDotLine, style: e.lineStyles }), t("div", { class: e.milestoneClasses.milestoneDotDot, style: e.dotStyles })]) : t("div", { class: e.milestoneClasses.milestoneLabel, style: e.labelStyles }, [e._t("label")], 2)]);
 }, Dh = [], _h = /* @__PURE__ */ Ne(
   Rh,
   Ch,
@@ -22024,7 +22120,7 @@ var Ch = function() {
   null,
   null
 );
-const Ih = _h.exports, H = {
+const Ih = _h.exports, G = {
   eventGroup: "event-group",
   eventGroupBg: "event-group-bg",
   eventRect: "event-rect",
@@ -22054,17 +22150,18 @@ const Ih = _h.exports, H = {
   milestoneHovered: "milestone--hovered",
   barChartGroup: "bar-chart-group",
   lineGraphGroup: "line-graph-group",
+  lineGraphGroupLabel: "line-graph-group-label",
   lineGraphPath: "line-graph-path",
   lineGraphHoverZone: "line-graph-hover-zone",
   lineGraphDot: "line-graph-dot",
   curtain: "curtain",
   forbiddenInterval: "forbidden-interval"
-}, De = {
+}, Ue = {
   transparencyGradient: "transparency-gradient",
   transparencyGradientLight: "transparency-gradient-light",
   loadingGradient: "loading-gradient",
   stripedPattern: "stripedPattern"
-}, wh = He.extend({
+}, wh = Ve.extend({
   name: "ETimeline",
   directives: {
     resizeObserver: vs
@@ -22141,6 +22238,10 @@ const Ih = _h.exports, H = {
       type: Number,
       default: 60
     },
+    chartMinLabelHeight: {
+      type: Number,
+      default: 18
+    },
     minZoom: {
       type: Number,
       default: 1e-4
@@ -22204,6 +22305,18 @@ const Ih = _h.exports, H = {
     milestoneBulletSize: {
       type: Number,
       default: 18
+    },
+    milestonesFirst: {
+      type: Boolean,
+      default: !0
+    },
+    forbiddenIntervals: {
+      type: Array,
+      default: () => []
+    },
+    forbiddenIntervalColor: {
+      type: String,
+      default: "#ddd"
     }
   },
   data() {
@@ -22253,10 +22366,41 @@ const Ih = _h.exports, H = {
       markersDragBehavior: null,
       initialMarkerDragMouseOffset: 0,
       selectedMilestoneId: null,
-      isInitialized: !1
+      isInitialized: !1,
+      lastValidTransform: I.zoomIdentity
     };
   },
   computed: {
+    combinedBarsHeight() {
+      return Object.values(this.barGroups).reduce(
+        (s, e) => s + (this.getBarGroupHeight(e) || this.barChartHeight),
+        0
+      );
+    },
+    combinedBottomBarsHeight() {
+      return Object.values(this.barGroups).reduce(
+        (s, e) => s + (e.bottom ? this.getBarGroupHeight(e) : 0),
+        0
+      );
+    },
+    combinedMilestonesHeight() {
+      return Object.values(this.milestonesGroups).reduce(
+        (s, e) => s + (e.height || this.barChartHeight),
+        0
+      );
+    },
+    milestonesYOffset() {
+      return this.milestonesFirst ? 0 : this.combinedBarsHeight - this.combinedBottomBarsHeight + (this.hasChart ? this.chartHeight : 0);
+    },
+    chartsYOffset() {
+      return this.hasMilestones && this.milestonesFirst ? this.combinedMilestonesHeight : 0;
+    },
+    barsYOffset() {
+      return (this.hasChart ? this.chartHeight : 0) + (this.hasMilestones && this.milestonesFirst ? this.combinedMilestonesHeight : 0);
+    },
+    hasMilestones() {
+      return Object.keys(this.milestonesGroups).length > 0;
+    },
     barChartHeight() {
       return this.barHeight + this.barYPadding;
     },
@@ -22274,7 +22418,7 @@ const Ih = _h.exports, H = {
     },
     lineGraphGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === qe.lineGraph ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Ae.lineGraph ? { ...s, [e]: t } : s,
         {}
       );
     },
@@ -22286,19 +22430,21 @@ const Ih = _h.exports, H = {
     },
     barGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => !t.chartType || t.chartType === qe.bars ? { ...s, [e]: t } : s,
+        (s, [e, t]) => !t.chartType || [Ae.bars, Ae.dots].includes(
+          t.chartType
+        ) ? { ...s, [e]: t } : s,
         {}
       );
     },
     barChartGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === qe.barChart ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Ae.barChart ? { ...s, [e]: t } : s,
         {}
       );
     },
     milestonesGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === qe.milestones ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Ae.milestones ? { ...s, [e]: t } : s,
         {}
       );
     },
@@ -22318,10 +22464,7 @@ const Ih = _h.exports, H = {
       return this.axisHeight * s;
     },
     timelineHeight() {
-      const s = Object.values(
-        this.milestonesGroups
-      ).reduce((r, n) => r + (n.height || this.barChartHeight), 0), e = Object.keys(this.barGroups).length, t = this.barChartHeight * e, i = this.hasChart ? this.chartHeight : 0;
-      return this.combinedXAxesHeight + i + t + s;
+      return (this.hasChart ? this.chartHeight : 0) + this.combinedXAxesHeight + this.combinedBarsHeight + this.combinedMilestonesHeight;
     },
     filteredEventsGroups() {
       const s = Object.entries(this.eventsGroups).filter(
@@ -22330,9 +22473,8 @@ const Ih = _h.exports, H = {
       return Object.fromEntries(s);
     },
     allEventsSorted() {
-      return Object.values(this.filteredEventsGroups).map((e) => e.events).flat().sort(
-        (e, t) => new Date(e.timestamp || e.startDate) > new Date(t.timestamp || t.startDate) ? 1 : -1
-      );
+      const s = Object.values(this.filteredEventsGroups).map((e) => e.events).flat();
+      return this.getSortedEvents(s);
     },
     oldestEvent() {
       let s;
@@ -22411,12 +22553,6 @@ const Ih = _h.exports, H = {
     startDate() {
       this.zoomToStartAndEndDates();
     },
-    minDate() {
-      this.updateForbiddenIntervals();
-    },
-    maxDate() {
-      this.updateForbiddenIntervals();
-    },
     endDate() {
       this.zoomToStartAndEndDates();
     },
@@ -22436,6 +22572,9 @@ const Ih = _h.exports, H = {
     },
     groupsVisibility() {
       this.updateAndRedrawTimeline();
+    },
+    forbiddenIntervals() {
+      this.updateForbiddenIntervals(!0);
     }
   },
   created() {
@@ -22448,6 +22587,9 @@ const Ih = _h.exports, H = {
     this.clearTimeline(), document.removeEventListener("mouseup", this.handleDocumentMouseUp);
   },
   methods: {
+    updateTimeline() {
+      this.initOrUpdateSvg(), this.updateXAxes(), this.updateYScaleDomain(), this.updateForbiddenIntervals(), this.drawEventsGroups(), this.updateCurtains(), this.repositionSelectedTimestampCursor(), this.updateMarkers(), this.registerEventsListeners(), this.isInitialized = !0;
+    },
     initTimeline(s, e) {
       if (this.initRefs(), !this.timeline || this.timeline.offsetWidth === 0) {
         this.timeouts.push(
@@ -22455,29 +22597,29 @@ const Ih = _h.exports, H = {
         );
         return;
       }
-      this.initSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(s, e), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.initForbiddenIntervals(), this.drawEventsGroups(), this.curtains && (this.initCurtains(), this.emitCurtainChange()), this.initSelectedTimestampCursor(), this.updateMarkers(), this.registerEventsListeners(), this.emitVisibleInterval(Pt.initial), this.selectedDate && this.panOnDateClick && this.panToTimestamp(this.selectedDate), this.isInitialized = !0;
+      this.initOrUpdateSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(s, e), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.curtains && (this.initCurtains(), this.emitCurtainChange()), this.initSelectedTimestampCursor(), this.updateMarkers(), this.registerEventsListeners(), this.emitVisibleInterval(Pt.initial), this.selectedDate && this.panOnDateClick && this.panToTimestamp(this.selectedDate), this.isInitialized = !0;
     },
     initRefs() {
       this.tooltip = this.$refs.tooltip, this.cursor = this.$refs.cursor, this.timeline = this.$refs.timelineContainer, this.selectedTimestampCursor = this.$refs.selectedTimestamp, this.wrapperDiv = this.$refs.wrapperDiv;
     },
-    initSvg() {
-      this.svg = w.select(this.timeline).append("svg").attr("width", this.timeline.offsetWidth).attr("height", this.timelineHeight);
+    initOrUpdateSvg() {
+      this.svg || (this.svg = I.select(this.timeline).append("svg")), this.svg.attr("width", this.timeline.offsetWidth).attr("height", this.timelineHeight);
     },
     initDefs() {
       const s = this.svg.append("defs");
       Object.entries(this.filteredEventsGroups).forEach(
         ([t, i]) => {
-          const { color: r, chartType: n } = i, a = s.append("linearGradient").attr("id", `${De.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
-          a.append("stop").attr("offset", "0%").attr("stop-color", r).attr("stop-opacity", "0"), a.append("stop").attr("offset", "50%").attr("stop-color", r).attr("stop-opacity", "0.6"), a.append("stop").attr("offset", "100%").attr("stop-color", r).attr("stop-opacity", "0"), [qe.lineGraph, qe.barChart].includes(
+          const { color: r, chartType: n } = i, a = s.append("linearGradient").attr("id", `${Ue.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
+          a.append("stop").attr("offset", "0%").attr("stop-color", r).attr("stop-opacity", "0"), a.append("stop").attr("offset", "50%").attr("stop-color", r).attr("stop-opacity", "0.6"), a.append("stop").attr("offset", "100%").attr("stop-color", r).attr("stop-opacity", "0"), [Ae.lineGraph, Ae.barChart].includes(
             n
           ) && [
             {
-              id: De.transparencyGradientLight,
+              id: Ue.transparencyGradientLight,
               stop: 38,
               opacity: 0.3
             },
             {
-              id: De.transparencyGradient,
+              id: Ue.transparencyGradient,
               stop: 130,
               opacity: 0.4
             }
@@ -22486,36 +22628,45 @@ const Ih = _h.exports, H = {
             h.append("stop").attr("offset", "0%").style("stop-color", r).style("stop-opacity", u), h.append("stop").attr("offset", `${c}%`).style("stop-color", r).style("stop-opacity", 0);
           });
         }
-      ), s.append("pattern").attr("id", De.stripedPattern).attr("width", 6).attr("height", 4).attr("patternUnits", "userSpaceOnUse").attr("patternTransform", "rotate(45)").append("rect").attr("width", 2).attr("height", 6).attr("transform", "translate(0,0)").attr("fill", "#ddd");
+      ), s.append("pattern").attr("id", Ue.stripedPattern).attr("width", 5).attr("height", 3).attr("patternUnits", "userSpaceOnUse").attr("patternTransform", "rotate(45)").append("rect").attr("width", 1).attr("height", 4).attr("transform", "translate(0,0)").attr("fill", this.forbiddenIntervalColor);
     },
     initUtcOffset() {
       const s = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate;
-      this.utcOffset = Ve.parseZone(s).utcOffset();
+      this.utcOffset = Ke.parseZone(s).utcOffset();
     },
     initTimeScale(s, e) {
       const t = s || this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, i = e || this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate;
-      this.timeScale = w.scaleTime().domain([this.tzStringToDate(t), this.tzStringToDate(i)]).range([0, this.timeline.offsetWidth]), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
+      this.timeScale = I.scaleTime().domain([this.tzStringToDate(t), this.tzStringToDate(i)]).range([0, this.timeline.offsetWidth]), this.initialTimeScale = this.timeScale.copy(), this.updateCurrentTimeScaleDensity();
     },
     initXAxes() {
       let s = 0;
       const e = 5;
       for (const t in this.xAxesConfig) {
         const i = this.createAxis(t);
-        this.xAxes[t] = i, this.svg.append("g").classed(H.xAxis, !0).classed(`${H.xAxis}-${t}`, !0).attr("transform", `translate(0, ${s || e})`).call(i), this.translateTicksText(t), s += this.axisHeight;
+        this.xAxes[t] = i, this.svg.append("g").classed(G.xAxis, !0).classed(`${G.xAxis}-${t}`, !0).attr("transform", `translate(0, ${s || e})`).call(i), this.translateTicksText(t), s += this.axisHeight;
+      }
+      this.updateXAxes();
+    },
+    updateXAxes() {
+      let s = 0;
+      const e = 5;
+      for (const t in this.xAxesConfig) {
+        const i = this.xAxes[t];
+        i.tickSizeOuter(0), i.tickSizeInner(this.timelineHeight), this.svg.select(`.${G.xAxis}-${t}`).attr("transform", `translate(0, ${s || e})`).call(i), this.translateTicksText(t), s += this.axisHeight;
       }
     },
     initYScale() {
-      this.yScale = w.scaleLinear().range([this.chartHeight, 0]), this.updateYScaleDomain();
+      this.yScale = I.scaleLinear().range([this.chartHeight, 0]), this.updateYScaleDomain();
     },
     updateYScaleDomain() {
       const [s, e] = this.timeScale.domain(), t = this.flattenedCounts.filter((r) => {
         const n = new Date(r.startDate || r.timestamp), a = new Date(r.endDate || r.timestamp);
         return a >= s && a <= e || n >= s && n <= e;
-      }), i = w.max(t, (r) => r.count);
+      }), i = I.max(t, (r) => r.count);
       this.yScale.domain([0, i]);
     },
     initZoomBehavior() {
-      this.disableZoom || (this.zoomBehavior = w.zoom().on("zoom", this.handleZoom).scaleExtent([this.minZoom, this.maxZoom]), this.svg.call(this.zoomBehavior));
+      this.disableZoom || (this.zoomBehavior = I.zoom().on("zoom", this.handleZoom).scaleExtent([this.minZoom, this.maxZoom]), this.svg.call(this.zoomBehavior), this.svg.call(this.zoomBehavior.transform, I.zoomIdentity));
     },
     zoomToFitMarkers() {
       const s = this.markers.map(
@@ -22535,14 +22686,14 @@ const Ih = _h.exports, H = {
       );
     },
     translateMarkersIntoView(s, e, t) {
-      const i = this.timeScale(new Date(s)), r = this.timeScale(new Date(e)), n = (i + r) / 2, o = this.svg.node().getBoundingClientRect().width / 2 - n, l = w.zoomTransform(this.svg.node());
+      const i = this.timeScale(new Date(s)), r = this.timeScale(new Date(e)), n = (i + r) / 2, o = this.svg.node().getBoundingClientRect().width / 2 - n, l = I.zoomTransform(this.svg.node());
       this.svg.transition().duration(this.fitMarkersTransitionDuration / 2).call(
         this.zoomBehavior.transform,
-        w.zoomIdentity.translate(l.x + o, l.y).scale(t)
+        I.zoomIdentity.translate(l.x + o, l.y).scale(t)
       );
     },
     initSelectedTimestampCursor() {
-      this.svg.append("line").attr("class", H.selectedTimestampCursor).style("stroke", "red").style("stroke-width", "1px").style("opacity", 0).attr("x1", 0).attr("x2", 0).attr("y1", 0).attr("y2", this.timelineHeight), this.repositionSelectedTimestampCursor();
+      this.svg.append("line").attr("class", G.selectedTimestampCursor).style("stroke", "red").style("stroke-width", "1px").style("opacity", 0).attr("x1", 0).attr("x2", 0).attr("y1", 0), this.repositionSelectedTimestampCursor();
     },
     updateMarkers() {
       if (!this.markers.length)
@@ -22566,20 +22717,19 @@ const Ih = _h.exports, H = {
       }), this.initMarkersDragBehavior();
     },
     updateAndRedrawTimeline() {
-      const { startDate: s, endDate: e } = this.getCurrentTimeBounds();
-      this.clearTimeline(), this.initTimeline(s, e);
+      this.updateTimeline();
     },
     clearTimeline() {
       this.svg && this.svg.remove(), this.countsByTimestamp = {};
     },
     repositionSelectedTimestampCursor() {
-      const s = this.svg.select(`.${H.selectedTimestampCursor}`);
+      const s = this.svg.select(`.${G.selectedTimestampCursor}`);
       if (!this.selectedTimestamp) {
         s.style("opacity", 0);
         return;
       }
       const e = this.tzStringToDate(this.selectedTimestamp), t = this.timeScale(e);
-      isNaN(t) ? s.style("opacity", 0) : s.attr("x1", t).attr("x2", t).style("opacity", 0.5);
+      isNaN(t) ? s.style("opacity", 0) : s.attr("x1", t).attr("x2", t).style("opacity", 0.5), s.attr("y2", this.timelineHeight);
     },
     updateCurrentTimeScaleDensity() {
       const s = this.timeScale.invert(0).getTime(), e = this.timeScale.invert(1).getTime(), t = 36e5, i = (e - s) / t;
@@ -22603,14 +22753,14 @@ const Ih = _h.exports, H = {
     },
     createAxis(s) {
       const e = this.xAxesConfig[s], t = this.getAxisTicksConfig(e);
-      return w.axisBottom(this.timeScale).ticks(t.interval).tickFormat(t.formatFn).tickSizeOuter(0).tickSizeInner(this.timelineHeight);
+      return I.axisBottom(this.timeScale).ticks(t.interval).tickFormat(t.formatFn).tickSizeOuter(0).tickSizeInner(this.timelineHeight);
     },
     getAxisTicksConfig(s) {
       const { interval: e, format: t } = s.find(
         (r) => r.precision >= this.currentTimeScaleDensity && r.interval
       );
       return {
-        formatFn: (r) => typeof t == "function" ? t(r) : w.timeFormat(t)(r),
+        formatFn: (r) => typeof t == "function" ? t(r) : I.timeFormat(t)(r),
         interval: e
       };
     },
@@ -22624,13 +22774,13 @@ const Ih = _h.exports, H = {
       if (!this.showLabels)
         return;
       const s = this;
-      this.svg.selectAll(`.${H.labelBg}`).each(function() {
-        w.select(this).style("fill", s.dark ? "black" : "white");
-      }), this.svg.selectAll(`.${H.labelBgFill}`).each(function() {
-        const e = w.select(this), t = e.node().dataset.color;
+      this.svg.selectAll(`.${G.labelBg}`).each(function() {
+        I.select(this).style("fill", s.dark ? "black" : "white");
+      }), this.svg.selectAll(`.${G.labelBgFill}`).each(function() {
+        const e = I.select(this), t = e.node().dataset.color;
         e.style("fill", s.getLabelBackgroundColor(t)).style("stroke", s.getTextFillColor(t)).style("stroke-width", 0.25);
-      }), this.svg.selectAll(`.${H.labelText}`).each(function() {
-        const e = w.select(this), t = e.node().dataset.color;
+      }), this.svg.selectAll(`.${G.labelText}`).each(function() {
+        const e = I.select(this), t = e.node().dataset.color;
         e.style("fill", s.getTextFillColor(t));
       });
     },
@@ -22693,24 +22843,33 @@ const Ih = _h.exports, H = {
       this.isHoveringEvent = !1, this.hoveredEvent = null, this.$emit("event-mouseout");
     },
     handleLabelMouseOver(s) {
-      w.selectAll(`.${H.lineGraphGroup}-${s}`).classed(
-        `${H.lineGraphGroup}--highlighted`,
+      I.selectAll(`.${G.lineGraphGroup}-${s}`).classed(
+        `${G.lineGraphGroup}--highlighted`,
         !0
-      ), w.selectAll(`.${H.lineGraphGroup}-label`).classed(
-        `${H.lineGraphGroup}-label--highlighted`,
+      ), I.selectAll(`.${G.lineGraphGroupLabel}`).classed(
+        `${G.lineGraphGroupLabel}--highlighted`,
         !0
       );
     },
     handleLabelMouseLeave(s) {
-      w.selectAll(`.${H.lineGraphGroup}-${s}`).classed(
-        `${H.lineGraphGroup}--highlighted`,
+      I.selectAll(`.${G.lineGraphGroup}-${s}`).classed(
+        `${G.lineGraphGroup}--highlighted`,
         !1
-      ), w.selectAll(`.${H.lineGraphGroup}-label`).classed(
-        `${H.lineGraphGroup}-label--highlighted`,
+      ), I.selectAll(`.${G.lineGraphGroupLabel}`).classed(
+        `${G.lineGraphGroupLabel}--highlighted`,
         !1
       );
     },
+    isZoomAllowed(s) {
+      const e = this.initialTimeScale.copy(), t = s.transform.rescaleX(e).domain(), i = this.minDate ? this.tzStringToDate(this.minDate) : void 0, r = this.maxDate ? this.tzStringToDate(this.maxDate) : void 0;
+      return (!i || t[0] >= i) && (!r || t[1] <= r);
+    },
     handleZoom(s) {
+      if (!this.isZoomAllowed(s)) {
+        s.sourceEvent.preventDefault(), this.svg.call(this.zoomBehavior.transform, this.lastValidTransform);
+        return;
+      }
+      this.lastValidTransform = s.transform;
       const e = s.transform.rescaleX(this.initialTimeScale);
       this.timeScale.domain(e.domain()), this.updateCurrentTimeScaleDensity(), this.updateYScaleDomain();
       const t = s.transform.k / this.lastTransform.k;
@@ -22723,10 +22882,10 @@ const Ih = _h.exports, H = {
       this.updateEventsBars(), this.updateLineGraphs(), this.updateBarChart(), this.updateLineGraphHoverZones(), this.updateMilestonesPositions(), this.repositionSelectedTimestampCursor(), this.updateForbiddenIntervals(), this.updateMarkers(), this.emitVisibleInterval(Pt.zoom), this.curtains && this.emitCurtainChange();
     },
     panToTimestamp(s) {
-      const e = this.tzStringToDate(s), t = this.timeScale(e), i = w.zoomTransform(this.svg.node()), r = i.x - t + this.timeline.offsetWidth / 2;
+      const e = this.tzStringToDate(s), t = this.timeScale(e), i = I.zoomTransform(this.svg.node()), r = i.x - t + this.timeline.offsetWidth / 2;
       this.svg.transition().duration(this.panTransitionDuration).call(
         this.zoomBehavior.transform,
-        w.zoomIdentity.translate(r, 0).scale(i.k)
+        I.zoomIdentity.translate(r, 0).scale(i.k)
       ), this.emitVisibleInterval(Pt.autoPan);
     },
     emitCurtainChange() {
@@ -22752,7 +22911,7 @@ const Ih = _h.exports, H = {
         s.x,
         this.timeline.offsetWidth - this.rightCurtainWidth
       );
-      this.leftCurtainWidth = Math.max(0, e), this.svg.select(`.${H.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
+      this.leftCurtainWidth = Math.max(0, e), this.svg.select(`.${G.curtain}--left`).attr("width", this.leftCurtainWidth), this.emitCurtainChange();
     },
     handleRightDrag(s) {
       s.sourceEvent.stopPropagation();
@@ -22760,51 +22919,51 @@ const Ih = _h.exports, H = {
         this.timeline.offsetWidth - s.x,
         this.timeline.offsetWidth - this.leftCurtainWidth
       ), i = e - t;
-      this.rightCurtainWidth = Math.max(0, t), this.svg.select(`.${H.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", i), this.emitCurtainChange();
+      this.rightCurtainWidth = Math.max(0, t), this.svg.select(`.${G.curtain}--right`).attr("width", this.rightCurtainWidth).attr("x", i), this.emitCurtainChange();
     },
     zoomToStartAndEndDates() {
       const s = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, e = this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate, t = this.tzStringToDate(s), i = this.tzStringToDate(e);
       this.initialTimeScale.domain([t, i]);
-      const r = w.zoomTransform(this.svg.node()), n = i.getTime() - t.getTime(), o = this.initialTimeScale.range().map((f) => this.initialTimeScale.invert(f)).reduce((f, m) => m.getTime() - f, 0) / n * r.k, c = -(this.initialTimeScale(t) * o), [u, h] = this.zoomBehavior.scaleExtent(), d = Math.max(u, Math.min(h, o));
+      const r = I.zoomTransform(this.svg.node()), n = i.getTime() - t.getTime(), o = this.initialTimeScale.range().map((f) => this.initialTimeScale.invert(f)).reduce((f, m) => m.getTime() - f, 0) / n * r.k, c = -(this.initialTimeScale(t) * o), [u, h] = this.zoomBehavior.scaleExtent(), d = Math.max(u, Math.min(h, o));
       this.svg.transition().duration(this.zoomToBoundariesTransitionDuration).call(
         this.zoomBehavior.transform,
-        w.zoomIdentity.translate(c, 0).scale(d)
+        I.zoomIdentity.translate(c, 0).scale(d)
       );
     },
     rescaleAxis(s, e) {
       const t = this.xAxes[s], i = this.getAxisTicksConfig(
         this.xAxesConfig[s]
       );
-      t.scale(e).ticks(i.interval).tickFormat(i.formatFn).tickSizeOuter(0), this.svg.select(`.${H.xAxis}-${s}`).call(t);
+      t.scale(e).ticks(i.interval).tickFormat(i.formatFn).tickSizeOuter(0), this.svg.select(`.${G.xAxis}-${s}`).call(t);
     },
     translateTicksText(s) {
-      this.svg.select(`.${H.xAxis}-${s}`).selectAll(".tick text").each(function() {
-        let e = w.select(this), t = e.node().getBBox();
+      this.svg.select(`.${G.xAxis}-${s}`).selectAll(".tick text").each(function() {
+        let e = I.select(this), t = e.node().getBBox();
         e.attr("x", t.height / 2).attr("y", 0).style("text-anchor", "start");
       });
     },
     updateEventsBars() {
-      const s = `.${H.eventGroup} > rect.${H.eventRect}`;
-      this.svg.selectAll(s).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth);
-      const e = `.${H.eventGroup} > text.${H.eventRectText}`;
-      this.svg.selectAll(e).attr("x", (t) => this.getEventRectX(t) + this.textPadding).text(this.getEventText);
+      const s = `.${G.eventGroup} > rect.${G.eventRect}`, e = `${s}:not(.${G.eventRect}--dot)`;
+      this.svg.selectAll(s).attr("x", this.getEventRectX), this.svg.selectAll(e).attr("width", this.getEventRectWidth);
+      const t = `.${G.eventGroup} > text.${G.eventRectText}`;
+      this.svg.selectAll(t).attr("x", (i) => this.getEventRectX(i) + this.textPadding).text(this.getEventText);
     },
     updateBarChart() {
       const s = Object.keys(this.barChartGroups).length;
       Object.keys(this.barChartGroups).forEach((e, t) => {
-        const i = (d) => (this.getEventRectWidth(d) - this.barXPadding * 2) / s, r = (d) => this.yScale.range()[0] - this.yScale(d.count), n = (d) => this.getEventRectX(d) + this.barXPadding + t * i(d), a = (d) => this.yScale(d.count), o = `.${H.eventBarContainer}-${e}`, l = this.svg.selectAll(o), c = `.${H.barChartGroup} rect.${H.eventBarHoverZone}`;
+        const i = (d) => (this.getEventRectWidth(d) - this.barXPadding * 2) / s, r = (d) => this.yScale.range()[0] - this.yScale(d.count), n = (d) => this.getEventRectX(d) + this.barXPadding + t * i(d), a = (d) => this.yScale(d.count), o = `.${G.eventBarContainer}-${e}`, l = this.svg.selectAll(o), c = `.${G.barChartGroup} rect.${G.eventBarHoverZone}`;
         l.selectAll(c).attr("x", n).attr("width", i);
-        const u = `.${H.barChartGroup} rect.${H.eventBar}`;
+        const u = `.${G.barChartGroup} rect.${G.eventBar}`;
         l.selectAll(u).attr("x", n).attr("width", i).attr("y", a).attr("height", r);
-        const h = `.${H.barChartGroup} rect.${H.eventBarCap}`;
+        const h = `.${G.barChartGroup} rect.${G.eventBarCap}`;
         l.selectAll(h).attr("x", n).attr("width", i).attr("y", a);
       });
     },
     updateLineGraphs() {
       Object.entries(this.lineGraphGroups).forEach(([s]) => {
-        const e = w.area().x((t) => this.timeScale(this.tzStringToDate(t.timestamp))).y0(this.timelineHeight).y1((t) => this.yScale(t.count)).curve(w.curveMonotoneX);
+        const e = I.area().x((t) => this.timeScale(this.tzStringToDate(t.timestamp))).y0(this.timelineHeight).y1((t) => this.yScale(t.count)).curve(I.curveMonotoneX);
         this.svg.selectAll(
-          `.${H.lineGraphPath}-${s}`
+          `.${G.lineGraphPath}-${s}`
         ).attr("d", (t) => e(t));
       });
     },
@@ -22812,14 +22971,14 @@ const Ih = _h.exports, H = {
       Object.keys(this.lineGraphGroups).forEach((s) => {
         const e = this;
         this.svg.selectAll(
-          `.${H.lineGraphDot}-${s}`
+          `.${G.lineGraphDot}-${s}`
         ).each(function(t) {
-          w.select(this).attr("cx", e.timeScale(e.tzStringToDate(t.timestamp))).attr("cy", e.yScale(t.count));
+          I.select(this).attr("cx", e.timeScale(e.tzStringToDate(t.timestamp))).attr("cy", e.yScale(t.count));
         }), this.svg.selectAll(
-          `.${H.lineGraphHoverZone}-${s}`
+          `.${G.lineGraphHoverZone}-${s}`
         ).each(function(t) {
           const i = e.timeScale(e.tzStringToDate(t.timestamp).getTime()) - 15;
-          w.select(this).attr("x", i).attr("y", 0).attr("width", 30).attr("height", e.chartHeight);
+          I.select(this).attr("x", i).attr("y", 0).attr("width", 30).attr("height", e.chartHeight);
         });
       });
     },
@@ -22849,7 +23008,7 @@ const Ih = _h.exports, H = {
       return parseInt(e.left);
     },
     isTimestampAllowedForMarker(s, e) {
-      return (this.minDate ? s >= this.tzStringToDate(this.minDate) : !0) && (this.maxDate ? s <= this.tzStringToDate(this.maxDate) : !0) && (e.minDate ? s >= this.tzStringToDate(e.minDate) : !0) && (e.maxDate ? s <= this.tzStringToDate(e.maxDate) : !0);
+      return (e.minDate ? s >= this.tzStringToDate(e.minDate) : !0) && (e.maxDate ? s <= this.tzStringToDate(e.maxDate) : !0);
     },
     handleMarkerDrag({
       marker: s,
@@ -22858,94 +23017,94 @@ const Ih = _h.exports, H = {
     }) {
       if (!s.isDraggable)
         return;
-      t.type === "start" && (this.initialMarkerDragMouseOffset = t.x - e.node().querySelector(`.${H.markerLine}`).getBoundingClientRect().left, e.classed(H.markerDragged, !0));
+      t.type === "start" && (this.initialMarkerDragMouseOffset = t.x - e.node().querySelector(`.${G.markerLine}`).getBoundingClientRect().left, e.classed(G.markerDragged, !0));
       const i = t.x - this.initialMarkerDragMouseOffset, r = this.timeScale.invert(
         i - this.svg.node().getBoundingClientRect().left
       ), n = this.timeScale(r), a = this.isTimestampAllowedForMarker(
         r,
         s
       );
-      t.type === "drag" && a && e.attr("style", `left: ${n}px`), t.type === "end" && a && (this.markersPositions = {
-        ...this.markersPositions,
-        [s.id || s.timestamp]: {
-          ...this.markersPositions[s.id || s.timestamp],
-          position: n
-        }
-      }, e.classed(H.markerDragged, !1)), t.type !== "start" && this.$emit(`marker-drag-${t.type}`, {
+      if (t.type === "drag" && a && e.attr("style", `left: ${n}px`), t.type === "end" && a) {
+        const o = s.id || s.timestamp;
+        this.markersPositions = {
+          ...this.markersPositions,
+          [o]: {
+            ...this.markersPositions[o],
+            position: n
+          }
+        }, e.classed(G.markerDragged, !1);
+      }
+      t.type !== "start" && this.$emit(`marker-drag-${t.type}`, {
         marker: s,
         newTimestamp: r.toISOString()
       });
     },
     removeMarkersDragBehavior() {
-      this.markersDragBehavior && (this.markersDragBehavior.on("start", null).on("drag", null).on("end", null), w.selectAll(`.${H.marker}`).call(
+      this.markersDragBehavior && (this.markersDragBehavior.on("start", null).on("drag", null).on("end", null), I.selectAll(`.${G.marker}`).call(
         this.markersDragBehavior
       ));
     },
     initMarkersDragBehavior() {
       this.removeMarkersDragBehavior();
       const s = this;
-      this.markersDragBehavior = w.drag().on("start", function(e, t) {
+      this.markersDragBehavior = I.drag().on("start", function(e, t) {
         var i;
         (i = e.sourceEvent) == null || i.preventDefault(), s.handleMarkerDrag({
           marker: t,
-          markerElement: w.select(this),
+          markerElement: I.select(this),
           dragEvent: e
         });
       }).on("drag", function(e, t) {
         s.handleMarkerDrag({
           marker: t,
-          markerElement: w.select(this),
+          markerElement: I.select(this),
           dragEvent: e
         });
       }).on("end", function(e, t) {
         s.handleMarkerDrag({
           marker: t,
-          markerElement: w.select(this),
+          markerElement: I.select(this),
           dragEvent: e
         });
-      }), w.selectAll(`.${H.marker}`).data(this.sortedMarkers).call(this.markersDragBehavior);
+      }), I.selectAll(`.${G.marker}`).data(this.sortedMarkers).call(this.markersDragBehavior);
     },
     initCurtains() {
-      if (!this.curtains)
-        return;
+      this.createCurtains(), this.updateCurtains();
+    },
+    createCurtains() {
+      this.curtains && (this.svg.append("rect").classed(`${G.curtain} ${G.curtain}--left`, !0).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
+        I.drag().on("start", this.handleDragStart).on("drag", this.handleLeftDrag).on("end", this.handleDragEnd)
+      ), this.svg.append("rect").classed(`${G.curtain} ${G.curtain}--right`, !0).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
+        I.drag().on("start", this.handleDragStart).on("drag", this.handleRightDrag).on("end", this.handleDragEnd)
+      ), this.updateCurtains());
+    },
+    updateCurtains() {
       const s = this.timeline.offsetWidth, e = this.timelineHeight;
-      this.svg.append("rect").classed(`${H.curtain} ${H.curtain}--left`, !0).attr("width", this.leftCurtainWidth).attr("height", e + this.curtainHandleWidth * 2).attr("y", -this.curtainHandleWidth).attr("x", -this.curtainHandleWidth).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
-        w.drag().on("start", this.handleDragStart).on("drag", this.handleLeftDrag).on("end", this.handleDragEnd)
-      ), this.svg.append("rect").classed(`${H.curtain} ${H.curtain}--right`, !0).attr(
+      this.svg.select(`.${G.curtain}--left`).attr("width", this.leftCurtainWidth).attr("height", e + this.curtainHandleWidth * 2).attr("y", -this.curtainHandleWidth).attr("x", -this.curtainHandleWidth), this.svg.select(`.${G.curtain}--right`).attr(
         "x",
-        s - this.rightCurtainWidth + this.curtainHandleWidth * 2
-      ).attr("y", -this.curtainHandleWidth).attr("width", this.rightCurtainWidth + this.curtainHandleWidth * 2).attr("height", e + this.curtainHandleWidth * 2).attr("fill", "rgba(0, 0, 0, 0.5)").on("mouseenter", () => this.isHoveringCurtain = !0).on("mouseleave", () => this.isHoveringCurtain = !1).call(
-        w.drag().on("start", this.handleDragStart).on("drag", this.handleRightDrag).on("end", this.handleDragEnd)
-      );
-    },
-    initForbiddenIntervals() {
-      this.minDate && this.svg.append("rect").attr(
-        "class",
-        `${H.forbiddenInterval} ${H.forbiddenInterval}--min`
-      ), this.maxDate && this.svg.append("rect").attr(
-        "class",
-        `${H.forbiddenInterval} ${H.forbiddenInterval}--max`
-      ), this.updateForbiddenIntervals();
-    },
-    updateForbiddenIntervals() {
-      const s = this.minDate ? this.tzStringToDate(this.minDate).getTime() : null, e = this.maxDate ? this.tzStringToDate(this.maxDate).getTime() : null;
-      if (s) {
-        const t = this.timeScale(s);
-        this.svg.select(`.${H.forbiddenInterval}--min`).attr("x", 0).attr("y", 0).attr("width", t > 0 ? t : 0).attr("height", this.timelineHeight).attr("fill", `url(#${De.stripedPattern})`);
-      }
-      if (e) {
-        const t = this.timeline.offsetWidth - this.timeScale(e), i = this.timeScale(e);
-        this.svg.select(`.${H.forbiddenInterval}--max`).attr("x", i > 0 ? i : 0).attr("y", 0).attr("width", t > 0 ? t : 0).attr("height", this.timelineHeight).attr("fill", `url(#${De.stripedPattern})`);
-      }
+        s - this.rightCurtainWidth + this.curtainHandleWidth
+      ).attr("y", -this.curtainHandleWidth).attr("width", this.rightCurtainWidth + this.curtainHandleWidth * 2).attr("height", e + this.curtainHandleWidth * 2);
+    },
+    updateForbiddenIntervals(s = !1) {
+      s && this.svg.selectAll(`.${G.forbiddenInterval}`).remove();
+      const e = this.timeScale.domain();
+      this.forbiddenIntervals.forEach((t, i) => {
+        const r = t.startDate === -1 / 0 ? e[0] : this.tzStringToDate(t.startDate), n = t.endDate === 1 / 0 ? e[1] : this.tzStringToDate(t.endDate), a = this.timeScale(r), o = this.timeScale(n), l = Math.max(o - a, 0);
+        let c = this.svg.select(`.${G.forbiddenInterval}-${i}`);
+        c.empty() && (c = this.svg.append("rect").attr(
+          "class",
+          `${G.forbiddenInterval} ${G.forbiddenInterval}-${i}`
+        ).attr("fill", `url(#${Ue.stripedPattern})`)), c.attr("x", a).attr("y", 0).attr("width", l).attr("height", this.timelineHeight);
+      });
     },
     drawEventsGroups() {
-      this.svg.selectAll(`g.${H.eventGroup}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups(), this.drawMilestonesPlaceholder();
+      this.svg.selectAll(`g.${G.eventGroup}`).remove(), this.svg.selectAll(`.${G.barChartGroup}`).remove(), this.svg.selectAll(`.${G.lineGraphGroup}`).remove(), this.svg.selectAll(`.${G.lineGraphGroupLabel}`).remove(), this.svg.selectAll(`.${G.loadingIndicator}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups(), this.drawMilestonesPlaceholder();
     },
     drawLineGraphEventsGroups() {
-      const s = this.combinedXAxesHeight, e = this.insertZerosAtInterval ? this.filledGapsLineGraphGroups : this.lineGraphGroups;
+      const s = this.combinedXAxesHeight + this.chartsYOffset, e = this.insertZerosAtInterval ? this.filledGapsLineGraphGroups : this.lineGraphGroups;
       Object.entries(e).forEach(([t, i]) => {
         const r = this.svg.append("g").classed(
-          `${H.lineGraphGroup} ${H.lineGraphGroup}-${t}`,
+          `${G.lineGraphGroup} ${G.lineGraphGroup}-${t}`,
           !0
         ).attr("transform", `translate(0,${s})`), { color: n, events: a } = i;
         this.drawLineGraph({
@@ -22961,18 +23120,22 @@ const Ih = _h.exports, H = {
         });
       }), Object.entries(this.lineGraphGroups).forEach(
         ([t, i], r) => {
-          const { color: n, isLoading: a, label: o } = i, l = this.chartHeight - this.barChartHeight * (r + 1), c = s + this.chartHeight - this.barChartHeight, u = this.svg.append("g").classed(`${H.lineGraphGroup}-label`, !0).attr("transform", `translate(0,${s})`).on("mouseover", () => this.handleLabelMouseOver(t)).on("mouseleave", () => this.handleLabelMouseLeave(t));
+          const { color: n, isLoading: a, label: o } = i, l = Math.max(
+            this.chartMinLabelHeight,
+            this.barChartHeight
+          ), c = this.chartHeight - l * (r + 1), u = s + this.chartHeight - l, h = this.svg.append("g").classed(G.lineGraphGroupLabel, !0).attr("transform", `translate(0,${s})`).on("mouseover", () => this.handleLabelMouseOver(t)).on("mouseleave", () => this.handleLabelMouseLeave(t));
           this.drawProgressIndicator({
             type: t,
             color: n,
             isLoading: a,
-            yPosition: c
+            yPosition: u
           }), this.drawTextLabel({
             color: n,
             label: o,
             type: t,
-            yPosition: l,
-            gElement: u
+            height: l,
+            yPosition: c,
+            gElement: h
           });
         }
       );
@@ -22983,8 +23146,8 @@ const Ih = _h.exports, H = {
       color: t,
       type: i
     }) {
-      const r = w.area().x((a) => this.timeScale(this.tzStringToDate(a.timestamp))).y0(this.timelineHeight).y1((a) => this.yScale(a.count)).curve(w.curveMonotoneX), n = `clip-${i}`;
-      e.append("defs").append("clipPath").attr("id", n).append("rect").attr("width", this.timeline.offsetWidth).attr("height", this.chartHeight), e.append("path").datum(s).classed(`${H.lineGraphPath}-${i}`, !0).attr("fill", `url(#${De.transparencyGradientLight}-${i})`).attr("stroke", t).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (a) => r(a)).attr("clip-path", `url(#${n})`);
+      const r = I.area().x((a) => this.timeScale(this.tzStringToDate(a.timestamp))).y0(this.timelineHeight).y1((a) => this.yScale(a.count)).curve(I.curveMonotoneX), n = `clip-${i}`;
+      e.append("defs").append("clipPath").attr("id", n).append("rect").attr("width", this.timeline.offsetWidth).attr("height", this.chartHeight), e.append("path").datum(s).classed(`${G.lineGraphPath}-${i}`, !0).attr("fill", `url(#${Ue.transparencyGradientLight}-${i})`).attr("stroke", t).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (a) => r(a)).attr("clip-path", `url(#${n})`);
     },
     drawLineGraphHoverZones({
       events: s,
@@ -22999,19 +23162,19 @@ const Ih = _h.exports, H = {
           [i]: r.count
         };
         const a = e.append("circle").classed(
-          `${H.lineGraphDot} ${H.lineGraphDot}-${i}`,
+          `${G.lineGraphDot} ${G.lineGraphDot}-${i}`,
           !0
         ).attr("cx", this.timeScale(this.tzStringToDate(r.timestamp))).attr("cy", this.yScale(r.count)).attr("r", 1.5).attr("fill", t).attr("stroke-width", 0).datum(r);
         this.dotsByTimestamp[n] = [
           ...this.dotsByTimestamp[n] || [],
           a
-        ], e.append("rect").classed(`${H.lineGraphHoverZone}-${i}`, !0).attr("x", this.timeScale(this.tzStringToDate(r.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.chartHeight).attr("fill", "transparent").datum(r).on("mouseover", (o) => {
+        ], e.append("rect").classed(`${G.lineGraphHoverZone}-${i}`, !0).attr("x", this.timeScale(this.tzStringToDate(r.timestamp)) - 15).attr("y", 0).attr("width", 30).attr("height", this.chartHeight).attr("fill", "transparent").datum(r).on("mouseover", (o) => {
           this.handleLineMouseOver(o, r, i), this.dotsByTimestamp[n].forEach(
-            (l) => l.classed(`${H.lineGraphDot}--active`, !0)
+            (l) => l.classed(`${G.lineGraphDot}--active`, !0)
           );
         }).on("mouseout", () => {
           this.handleLineMouseOut(), this.dotsByTimestamp[n].forEach(
-            (o) => o.classed(`${H.lineGraphDot}--active`, !1)
+            (o) => o.classed(`${G.lineGraphDot}--active`, !1)
           );
         });
       });
@@ -23019,42 +23182,71 @@ const Ih = _h.exports, H = {
     drawSingleBarEventsGroup({
       type: s,
       eventsGroup: e,
-      index: t,
-      milestone: i,
-      height: r
+      milestone: t,
+      dots: i,
+      dotsSize: r,
+      bottom: n
     }) {
-      const { color: n, bgColor: a, label: o, events: l, isLoading: c } = e, u = this.hasChart ? this.chartHeight : 0;
-      let h = t * this.barChartHeight + this.combinedXAxesHeight + u;
-      i && (h = this.getMilestoneGroupYPosition(s)), this.drawProgressIndicator({
-        yPosition: h,
+      const {
+        color: a,
+        bgColor: o,
+        label: l,
+        events: c,
+        barBorderRadius: u,
+        isLoading: h,
+        height: d,
+        chartType: f
+      } = e;
+      let m = this.getBarGroupYPosition(s, n);
+      const y = [
+        Ae.bars,
+        Ae.dots,
+        void 0
+      ].includes(f) ? this.getBarGroupHeight(e) : d;
+      t && (m = this.getMilestoneGroupYPosition(s)), this.drawProgressIndicator({
+        yPosition: m,
         type: s,
-        color: n,
-        isLoading: c
+        color: a,
+        isLoading: h
       });
-      const d = this.svg.append("g").attr("data-color", n).classed(H.eventGroup, !0).classed(`${H.eventGroup}-${s}`, !0);
-      this.drawBackground({
-        color: a || n,
-        gElement: d,
-        yPosition: h,
-        height: r
-      }), this.drawBars({
-        events: l,
-        color: n,
-        gElement: d,
-        yPosition: h,
-        type: s
-      }), i && d.append("line").classed(Ye.milestoneLine, !0).attr("x1", 0).attr("x2", this.timeline.offsetWidth).style("stroke", n).style("stroke-width", 2), o && this.drawTextLabel({
-        color: n,
-        label: o,
+      const v = this.svg.append("g").attr("data-color", a).classed(G.eventGroup, !0).classed(`${G.eventGroup}-${s}`, !0);
+      if (this.drawBackground({
+        color: o || a,
+        gElement: v,
+        yPosition: m,
+        height: y
+      }), t || i) {
+        const T = i ? 0.5 : 2, x = m + y / 2;
+        v.append("line").classed(je.milestoneLine, !0).attr("x1", 0).attr("x2", this.timeline.offsetWidth).attr("y1", x).attr("y2", x).style("stroke", a).style("stroke-width", T);
+      }
+      this.drawBars({
+        events: c,
+        color: a,
+        gElement: v,
+        yPosition: m,
         type: s,
-        gElement: d,
-        yPosition: h,
-        height: r
+        dots: i,
+        dotsSize: r,
+        height: d,
+        barBorderRadius: u
+      }), l && this.drawTextLabel({
+        color: a,
+        label: l,
+        type: s,
+        gElement: v,
+        yPosition: m,
+        height: d
       });
     },
     drawBarEventsGroups() {
       Object.entries(this.barGroups).forEach(
-        ([s, e], t) => this.drawSingleBarEventsGroup({ type: s, eventsGroup: e, index: t })
+        ([s, e]) => this.drawSingleBarEventsGroup({
+          type: s,
+          eventsGroup: e,
+          bottom: e.bottom,
+          dots: e.chartType === Ae.dots,
+          dotsSize: e.dotsSize || 3
+        })
       );
     },
     drawMilestonesPlaceholder() {
@@ -23066,14 +23258,13 @@ const Ih = _h.exports, H = {
             events: [],
             isLoading: !1
           },
-          milestone: !0,
-          height: e.height
+          milestone: !0
         })
       ), this.updateMilestonesPositions();
     },
     getMilestoneClass(s) {
       return {
-        [Ye.milestoneSelected]: [
+        [je.milestoneSelected]: [
           s.id,
           s.timestamp
         ].includes(this.selectedMilestoneId)
@@ -23087,38 +23278,50 @@ const Ih = _h.exports, H = {
     },
     getMilestoneGroupYPosition(s) {
       let e = 0;
-      for (const [i, r] of Object.entries(this.milestonesGroups)) {
+      for (const [t, i] of Object.entries(this.milestonesGroups)) {
+        if (t === s)
+          break;
+        e += i.height || this.barChartHeight;
+      }
+      return this.combinedXAxesHeight + this.milestonesYOffset + e;
+    },
+    getBarGroupYPosition(s, e) {
+      let t = this.combinedXAxesHeight;
+      e ? t += (this.hasChart ? this.chartHeight : 0) + (this.hasMilestones ? this.combinedMilestonesHeight : 0) : t += this.barsYOffset;
+      for (const [i, r] of Object.entries(this.barGroups)) {
         if (i === s)
           break;
-        e += r.height || this.barChartHeight;
+        !e && r.bottom || (t += this.getBarGroupHeight(r));
       }
-      const t = this.hasChart ? this.chartHeight : 0;
-      return Object.keys(this.barGroups).length * this.barChartHeight + this.combinedXAxesHeight + t + e;
+      return t;
+    },
+    getBarGroupHeight(s) {
+      return s.height ? Math.max(s.height + this.barYPadding, 1) : this.barChartHeight;
     },
     updateMilestonesPositions() {
       Object.entries(this.milestonesGroups).forEach(([s, e]) => {
         const t = this.getMilestoneGroupYPosition(s), i = this.svg.select(
-          `g.${H.eventGroup}-${s}`
-        ), r = t + (e.height || this.barChartHeight) / 2;
-        i.attr("x1", 0).attr("x2", this.timeline.offsetWidth).select(`.${Ye.milestoneLine}`).attr("y1", r).attr("y2", r);
-        const n = w.select(
-          `.${Ye.milestonesContainer}-${s}`
+          `g.${G.eventGroup}-${s}`
+        ), r = 2, a = (e.height || this.barChartHeight) / 2, o = t + a - r / 2;
+        i.attr("x1", 0).attr("x2", this.timeline.offsetWidth).select(`.${je.milestoneLine}`).attr("y1", o).attr("y2", o);
+        const l = I.select(
+          `.${je.milestonesContainer}-${s}`
         );
-        n.style("top", `${t}px`).style("height", `${e.height || this.barChartHeight}px`);
-        const a = n.selectAll(
-          `.${Ye.milestone}`
-        ).data(e.events);
-        a.exit().remove(), a.enter().append("div").merge(a).style(
+        l.style("top", `${t}px`).style("height", `${e.height || this.barChartHeight}px`);
+        const c = l.selectAll(
+          `.${je.milestone}`
+        ).data(this.getSortedEvents(e.events));
+        c.exit().remove(), c.enter().append("div").merge(c).style(
           "left",
-          (o) => `${this.timeScale(this.tzStringToDate(o.timestamp))}px`
-        ).style("top", `${r}px`).style("transform", "translate(-50%, -50%)");
+          (u) => `${this.timeScale(this.tzStringToDate(u.timestamp))}px`
+        ).style("top", `${o}px`);
       });
     },
     drawBarChartEventsGroups() {
       const s = this.combinedXAxesHeight, e = this.barChartGroups;
       Object.entries(e).forEach(([t, i], r) => {
         const n = this.svg.append("g").classed(
-          `${H.barChartGroup} ${H.barChartGroup}-${t}`,
+          `${G.barChartGroup} ${G.barChartGroup}-${t}`,
           !0
         ).attr("transform", `translate(0,${s})`), { color: a, events: o } = i;
         this.drawBarsChart({
@@ -23137,9 +23340,9 @@ const Ih = _h.exports, H = {
       isLoading: t
     }) {
       this.svg.append("rect").classed(
-        `${H.loadingIndicator} ${H.loadingIndicator}-${e}`,
+        `${G.loadingIndicator} ${G.loadingIndicator}-${e}`,
         !0
-      ).attr("x", 0).attr("y", s).attr("width", this.timeline.offsetWidth / 3).attr("height", this.barChartHeight).attr("fill", `url(#${De.loadingGradient}-${e})`).style("visibility", t ? "visible" : "hidden");
+      ).attr("x", 0).attr("y", s).attr("width", this.timeline.offsetWidth / 3).attr("height", this.barChartHeight).attr("fill", `url(#${Ue.loadingGradient}-${e})`).style("visibility", t ? "visible" : "hidden");
     },
     drawBackground({
       color: s,
@@ -23147,26 +23350,34 @@ const Ih = _h.exports, H = {
       gElement: t,
       height: i
     }) {
-      t.append("rect").attr("class", H.eventGroupBg).attr("x", 0).attr("y", e).attr("width", this.timeline.offsetWidth).attr("height", i || this.barChartHeight).attr("fill", w.color(s).toString()).style("opacity", 0.1);
+      t.append("rect").attr("class", G.eventGroupBg).attr("x", 0).attr("y", e).attr("width", this.timeline.offsetWidth).attr("height", i || this.barChartHeight).attr("fill", I.color(s).toString()).style("opacity", 0.1);
     },
     drawBars({
       events: s,
       gElement: e,
       yPosition: t,
       color: i,
-      type: r
+      type: r,
+      dots: n,
+      dotsSize: a,
+      height: o,
+      barBorderRadius: l = 1.5
     }) {
-      const n = this;
-      e.selectAll(H.eventRect).data(s).enter().append("rect").attr(
+      const c = this, u = t + this.barYPadding / 2, h = n ? ((o || this.barChartHeight) - a) / 2 : 0;
+      let d = Math.max(
+        (o != null ? o : this.barChartHeight) - this.barYPadding,
+        1
+      );
+      n && (d = a), e.selectAll(G.eventRect).data(s).enter().append("rect").attr(
         "class",
-        (a) => H.eventRect + (a.className ? ` ${a.className}` : "")
-      ).attr("x", this.getEventRectX).attr("y", t + this.barYPadding / 2).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight - this.barYPadding).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", (a) => a.color || i).on("mouseover", function(a, o) {
-        w.select(this).classed(H.eventRectHovered, !0), n.handleBarMouseOver(a, o, r);
+        (f) => G.eventRect + (n ? ` ${G.eventRect}--dot` : "") + (f.className ? ` ${f.className}` : "")
+      ).attr("x", this.getEventRectX).attr("y", u + h).attr("ry", n ? a : l).attr("rx", n ? a : l).attr("width", n ? a : this.getEventRectWidth).attr("height", d).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", (f) => f.color || i).on("mouseover", function(f, m) {
+        I.select(this).classed(G.eventRectHovered, !0), c.handleBarMouseOver(f, m, r);
       }).on("mouseout", function() {
-        w.select(this).classed(H.eventRectHovered, !1), n.handleBarMouseOut();
-      }), e.selectAll(H.eventRectText).data(s.filter((a) => !!a.text)).enter().append("text").attr("class", H.eventRectText).attr("x", (a) => this.getEventRectX(a) + this.textPadding).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 600).style("stroke-linejoin", "round").style("paint-order", "stroke").style("pointer-events", "none").style(
+        I.select(this).classed(G.eventRectHovered, !1), c.handleBarMouseOut();
+      }), e.selectAll(G.eventRectText).data(s.filter((f) => !!f.text)).enter().append("text").attr("class", G.eventRectText).attr("x", (f) => this.getEventRectX(f) + this.textPadding).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 600).style("stroke-linejoin", "round").style("paint-order", "stroke").style("pointer-events", "none").style(
         "fill",
-        (a) => this.getTextFillColor(a.color || i, 0.75)
+        (f) => this.getTextFillColor(f.color || i, 0.75)
       ).text(this.getEventText);
     },
     drawBarsChart({
@@ -23177,38 +23388,38 @@ const Ih = _h.exports, H = {
       type: r,
       index: n
     }) {
-      const a = this, o = Object.keys(this.barChartGroups).length, l = (f) => (this.getEventRectWidth(f) - this.barXPadding * 2) / o, c = (f) => this.yScale.range()[0] - this.yScale(f.count), u = (f) => this.getEventRectX(f) + this.barXPadding + n * l(f), h = (f) => this.yScale(f.count), d = e.selectAll(H.eventBarContainer).data(s).enter().append("g").attr(
+      const a = this, o = Object.keys(this.barChartGroups).length, l = (f) => (this.getEventRectWidth(f) - this.barXPadding * 2) / o, c = (f) => this.yScale.range()[0] - this.yScale(f.count), u = (f) => this.getEventRectX(f) + this.barXPadding + n * l(f), h = (f) => this.yScale(f.count), d = e.selectAll(G.eventBarContainer).data(s).enter().append("g").attr(
         "class",
-        `${H.eventBarContainer} ${H.eventBarContainer}-${r}`
+        `${G.eventBarContainer} ${G.eventBarContainer}-${r}`
       );
       d.append("rect").attr(
         "class",
-        (f) => H.eventBarHoverZone + (f.className ? ` ${f.className}` : "")
+        (f) => G.eventBarHoverZone + (f.className ? ` ${f.className}` : "")
       ).attr("x", u).attr("y", -i).attr("width", l).attr("height", this.yScale.range()[0] + i).attr("fill", (f) => f.color || t).attr("fill-opacity", 0), d.append("rect").attr(
         "class",
-        (f) => H.eventBar + (f.className ? ` ${f.className}` : "")
-      ).attr("x", u).attr("y", h).attr("width", l).attr("height", c).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${De.transparencyGradient}-${r})`), d.append("rect").attr(
+        (f) => G.eventBar + (f.className ? ` ${f.className}` : "")
+      ).attr("x", u).attr("y", h).attr("width", l).attr("height", c).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${Ue.transparencyGradient}-${r})`), d.append("rect").attr(
         "class",
-        (f) => H.eventBarCap + (f.className ? ` ${f.className}` : "")
+        (f) => G.eventBarCap + (f.className ? ` ${f.className}` : "")
       ).attr("x", u).attr("y", h).attr("width", l).attr("height", 2).attr("stroke-width", 0).style("fill", (f) => f.color || t), d.on("mouseover", function(f, m) {
-        const g = w.select(this);
+        const g = I.select(this);
         a.onBarChartBarMouseOver(g, t), a.handleBarMouseOver(f, m, r);
       }).on("mouseout", function() {
-        const f = w.select(this);
+        const f = I.select(this);
         a.onBarChartBarMouseOut(f, r), a.handleBarMouseOut();
       }).on("click", function() {
-        e.selectAll(`.${H.eventBarContainerSelected}`).classed(H.eventBarContainerSelected, !1), w.select(this).classed(H.eventBarContainerSelected, !0);
+        e.selectAll(`.${G.eventBarContainerSelected}`).classed(G.eventBarContainerSelected, !1), I.select(this).classed(G.eventBarContainerSelected, !0);
       });
     },
     onBarChartBarMouseOver(s, e) {
-      s.classed(H.eventBarContainerHovered, !0), s.selectAll(`.${H.eventBarHoverZone}`).attr("fill-opacity", 0.2);
-      const i = s.selectAll(`.${H.eventBar}`);
+      s.classed(G.eventBarContainerHovered, !0), s.selectAll(`.${G.eventBarHoverZone}`).attr("fill-opacity", 0.2);
+      const i = s.selectAll(`.${G.eventBar}`);
       i.attr("fill", e), i.attr("fill-opacity", 0.5);
     },
     onBarChartBarMouseOut(s, e) {
-      s.classed(H.eventBarContainerHovered, !1), s.selectAll(`.${H.eventBarHoverZone}`).attr("fill-opacity", 0);
-      const i = s.selectAll(`.${H.eventBar}`);
-      i.attr("fill", `url(#${De.transparencyGradient}-${e})`), i.attr("fill-opacity", 1);
+      s.classed(G.eventBarContainerHovered, !1), s.selectAll(`.${G.eventBarHoverZone}`).attr("fill-opacity", 0);
+      const i = s.selectAll(`.${G.eventBar}`);
+      i.attr("fill", `url(#${Ue.transparencyGradient}-${e})`), i.attr("fill-opacity", 1);
     },
     drawTextLabel({
       gElement: s,
@@ -23226,15 +23437,15 @@ const Ih = _h.exports, H = {
         w: this.labelRectWidth,
         h: n || this.barChartHeight,
         radius: 3
-      }, o = s.append("g").attr("class", `${H.labelGroup} ${H.labelGroup}-${r}`).style("cursor", "pointer").on("click", () => this.toggleGroupVisibility(r));
-      o.append("rect").attr("class", H.labelBg).attr("data-color", t).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"), o.append("rect").attr("class", H.labelBgFill).attr("data-color", t).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(t)).style("stroke", this.getTextFillColor(t)).style("stroke-width", 0.25), o.append("text").attr("class", H.labelText).attr("data-color", t).attr("x", 5).attr("y", e + (n || 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(t)).text(i);
+      }, o = s.append("g").attr("class", `${G.labelGroup} ${G.labelGroup}-${r}`).style("cursor", "pointer").on("click", () => this.toggleGroupVisibility(r));
+      o.append("rect").attr("class", G.labelBg).attr("data-color", t).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"), o.append("rect").attr("class", G.labelBgFill).attr("data-color", t).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(t)).style("stroke", this.getTextFillColor(t)).style("stroke-width", 0.25), o.append("text").attr("class", G.labelText).attr("data-color", t).attr("x", 5).attr("y", e + (n || 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(t)).text(i);
     },
     getTextFillColor(s, e = 0) {
       var t, i;
-      return (this.dark ? (t = w.color(s)) == null ? void 0 : t.brighter(1.5 + e) : (i = w.color(s)) == null ? void 0 : i.darker(2 + e)).toString();
+      return (this.dark ? (t = I.color(s)) == null ? void 0 : t.brighter(1.5 + e) : (i = I.color(s)) == null ? void 0 : i.darker(2 + e)).toString();
     },
     getLabelBackgroundColor(s) {
-      let e = w.color(s);
+      let e = I.color(s);
       return e.opacity = this.dark ? 0.2 : 0.5, e.toString();
     },
     getCurrentGroupVisibility(s) {
@@ -23291,18 +23502,18 @@ const Ih = _h.exports, H = {
       };
     },
     tzStringToDate(s) {
-      return Ve(s).add(this.utcOffset, "minutes").toDate();
+      return Ke(s).add(this.utcOffset, "minutes").toDate();
     },
     dateToTzString(s) {
       const e = new Date(s).getTimezoneOffset();
-      return Ve(s).add(e, "minutes").utcOffset(this.utcOffset, !0).format();
+      return Ke(s).add(e, "minutes").utcOffset(this.utcOffset, !0).format();
     },
     getCurrentTimeBounds() {
       const s = this.timeScale.domain();
       return { startDate: s[0], endDate: s[1] };
     },
     getFormattedTimestamp(s) {
-      return Ve.parseZone(s).format("YYYY-MM-DDTHH:mm:ss");
+      return Ke.parseZone(s).format("YYYY-MM-DDTHH:mm:ss");
     },
     fillTimeGaps(s) {
       if (s.length <= 1)
@@ -23313,14 +23524,14 @@ const Ih = _h.exports, H = {
         const a = s[n];
         if (r.push(a), n === s.length - 1)
           break;
-        const o = s[n + 1], l = Ve(a.timestamp), c = Ve(o.timestamp);
+        const o = s[n + 1], l = Ke(a.timestamp), c = Ke(o.timestamp);
         if (c.diff(l, e) > 1) {
           const u = t(l).toISOString(), h = i(c).toISOString();
           r.push({ timestamp: u, count: 0 }), u !== h && r.push({ timestamp: h, count: 0 });
         }
       }
       if (this.flattenLineGraphEnds) {
-        const n = Ve(s[0].timestamp), a = Ve(s[s.length - 1].timestamp), o = i(n).toISOString(), l = t(a).toISOString();
+        const n = Ke(s[0].timestamp), a = Ke(s[s.length - 1].timestamp), o = i(n).toISOString(), l = t(a).toISOString();
         r = [
           { timestamp: o, count: 0 },
           ...r,
@@ -23336,6 +23547,11 @@ const Ih = _h.exports, H = {
     },
     onMilestoneClick(s, e) {
       this.panOnDateClick && this.panToTimestamp(s.timestamp), this.selectedMilestoneId = s.id || s.timestamp, this.$emit("milestone-click", { milestone: s, milestoneType: e });
+    },
+    getSortedEvents(s) {
+      return [...s].sort(
+        (e, t) => new Date(e.timestamp || e.startDate) > new Date(t.timestamp || t.startDate) ? 1 : -1
+      );
     }
   }
 });
@@ -23348,13 +23564,13 @@ var kh = function() {
       return [e._v(" " + e._s(i.label) + " ")];
     }, { marker: i })], 2)]), t("div", { staticClass: "marker-line e-absolute e-pointer-events-none", style: e.getMarkerLineStyle(i) })]);
   }), e.autoResize ? t("div", { directives: [{ name: "resize-observer", rawName: "v-resize-observer", value: e.onResize, expression: "onResize" }], ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden" }) : t("div", { ref: "timelineContainer", staticClass: "e-timeline__svg-container e-relative e-h-13 e-rounded e-select-none e-overflow-x-hidden" }), e._l(e.milestonesGroups, function(i, r) {
-    return t("div", { key: r, staticClass: "e-timeline-milestones" }, [t("div", { class: `e-tl-milestones e-tl-milestones-${r}` }, e._l(i.events, function(n, a) {
-      return t("ETimelineMilestone", { key: `${n.milestoneType}-${a}`, class: e.getMilestoneClass(n), attrs: { size: n.size || e.milestoneBulletSize, milestone: n, "background-color": e.getMilestoneColors(n.color, i.color).background, "border-color": e.getMilestoneColors(n.color, i.color).border }, on: { "milestone-click": function(o) {
+    return t("div", { key: `${r}`, staticClass: "e-timeline-milestones" }, [t("div", { class: `e-tl-milestones e-tl-milestones-${r}` }, e._l(e.getSortedEvents(i.events), function(n, a) {
+      return t("ETimelineMilestone", { key: `${n.milestoneType}-${a}`, class: e.getMilestoneClass(n), attrs: { "data-timestamp": n.timestamp, milestone: n, dot: i.dots, size: n.size || e.milestoneBulletSize, "transition-duration": i.milestonesTransitionDuration, "line-height": i.milestonesLineHeight, "dot-size": i.milestonesDotSize, "background-color": e.getMilestoneColors(n.color, i.color).background, "border-color": e.getMilestoneColors(n.color, i.color).border }, on: { "milestone-click": function(o) {
         return e.onMilestoneClick(n, r);
       } }, scopedSlots: e._u([{ key: "content", fn: function() {
         return [e._t(`milestoneContent.${n.milestoneType}`, function() {
-          return [t("span", [e._v(" " + e._s(n.text) + " ")])];
-        }, { milestone: n })];
+          return [t("span", { staticClass: "e-px-2" }, [e._v(" " + e._s(n.text) + " ")])];
+        }, { milestone: n, index: a })];
       }, proxy: !0 }, { key: "label", fn: function() {
         return [e._t(`milestoneLabel.${n.milestoneType}`, null, { milestone: n })];
       }, proxy: !0 }], null, !0) });
@@ -23363,14 +23579,14 @@ var kh = function() {
     return t("div", { key: i, staticClass: "external-label", class: e.classes.background, style: e.getExternalLabelWrapperStyles(i), on: { click: function(r) {
       return e.toggleGroupVisibility(i);
     } } }, [t("div", { staticClass: "external-label__content", style: e.getExternalLabelStyles(i) }, [e._v(" " + e._s(i) + " ")])]);
-  }), 0), t("div", { ref: "tooltip", staticClass: "e-absolute", style: e.eventTooltipStyle }, [e._t("tooltip", function() {
+  }), 0), t("div", { key: "tooltip", ref: "tooltip", staticClass: "e-absolute", style: e.eventTooltipStyle }, [e._t("tooltip", function() {
     return [t("div", { directives: [{ name: "show", rawName: "v-show", value: e.isHoveringTimeline && !e.isHoveringEvent && !e.isInteractingWithCurtain && !e.cursorTimestamp, expression: `
           isHoveringTimeline &&
           !isHoveringEvent &&
           !isInteractingWithCurtain &&
           !cursorTimestamp
         ` }], staticClass: "e-timeline__tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative", class: e.classes.tooltipSlot }, [e._v(" " + e._s(e.hoveredTimestamp) + " ")])];
-  }, { timestamp: e.hoveredTimestamp, active: e.isHoveringTimeline && !e.isInteractingWithCurtain && !e.cursorTimestamp })], 2), t("div", { ref: "eventPreviewTooltip", staticClass: "e-absolute e-z-50", style: e.eventTooltipStyle }, [e._t("eventTooltip", function() {
+  }, { timestamp: e.hoveredTimestamp, active: e.isHoveringTimeline && !e.isInteractingWithCurtain && !e.cursorTimestamp })], 2), t("div", { key: "eventTooltip", staticClass: "e-absolute e-z-50", style: e.eventTooltipStyle }, [e._t("eventTooltip", function() {
     return [e.showEventTooltip && (e.hoveredEvent || e.hoveredCounts.length) ? t("div", { directives: [{ name: "show", rawName: "v-show", value: e.isHoveringEvent && !e.isInteractingWithCurtain, expression: "isHoveringEvent && !isInteractingWithCurtain" }], staticClass: "e-timeline__event-tooltip e-border e-rounded e-px-2 -e-left-2/4 e-relative", class: e.classes.eventTooltipSlot }, [e.hoveredCounts.length ? t("div", [t("strong", [e._v("Timestamp")]), e._v(": " + e._s(e.hoveredEvent.timestamp) + " "), e._l(e.hoveredCounts, function(i, r) {
       return t("div", { key: r }, [t("strong", [e._v(e._s(i.type) + " Count")]), e._v(": " + e._s(i.count) + " ")]);
     })], 2) : e.hoveredEvent ? t("div", [e.hoveredEvent.timestamp ? t("div", [t("strong", [e._v("Event time")]), e._v(": " + e._s(e.hoveredEvent.timestamp) + " ")]) : e._e(), e.hoveredEvent.startDate ? t("div", [t("strong", [e._v("From")]), e._v(":" + e._s(e.hoveredEvent.startDate) + " ")]) : e._e(), e.hoveredEvent.endDate ? t("div", [t("strong", [e._v("To")]), e._v(":" + e._s(e.hoveredEvent.endDate) + " ")]) : e._e()]) : e._e()]) : e._e()];
@@ -23493,7 +23709,7 @@ export {
   Y as Size,
   Ia as TextSizes,
   kt as TimelineAxis,
-  qe as TimelineChartType,
+  Ae as TimelineChartType,
   Pt as TimelineIntervalChangeTrigger,
   Cr as components,
   vh as debounce,