@evercam/ui 0.0.55-beta.2 → 0.0.55-beta.4

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import He from "vue";
-import * as w from "d3";
+import * as I 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({
@@ -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,8 +2449,8 @@ 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) {
@@ -2525,14 +2525,14 @@ 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 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));
@@ -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,11 +2655,11 @@ 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 H = (0, u.parseColorFormat)(V);
@@ -2670,16 +2670,16 @@ var Jr = {};
       }
       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 = {
@@ -5426,7 +5426,7 @@ 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;
@@ -5434,7 +5434,7 @@ function As(s, e) {
           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), H && (C === 0 ? M = z(B, Z) : M = mn(B, Z), Z += 4), e.type === te.VIDEO) {
@@ -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:
@@ -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)
@@ -8416,7 +8416,7 @@ class kl {
       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,7 +8433,7 @@ 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, H = (f ? V == null ? void 0 : V.partTarget : V == null ? void 0 : V.averagetargetduration) || D;
@@ -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:${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 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;
@@ -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;
   }
@@ -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))), {
@@ -12695,7 +12695,7 @@ 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;
+    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;
@@ -12715,7 +12715,7 @@ class Mt {
           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) {
@@ -12723,7 +12723,7 @@ class Mt {
           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 H = f;
         for (let M = 0, Q = o.length; M < Q; M++) {
@@ -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,
@@ -21463,7 +21463,7 @@ var Th = function() {
   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"
@@ -21471,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`, ze = (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 = ze(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 = ze(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,
@@ -21521,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 = ze(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)),
+      interval: I.utcMinute.filter(wi(5)),
       format: ze
     },
     {
       precision: K._2_minutes,
-      interval: (Ir = w.utcMinute.every(2)) == null ? void 0 : Ir.filter(wi(10)),
+      interval: (Ir = I.utcMinute.every(2)) == null ? void 0 : Ir.filter(wi(10)),
       format: ze
     },
     {
       precision: K._5_minutes,
-      interval: (wr = w.utcMinute.every(5)) == null ? void 0 : wr.filter(wi(20)),
+      interval: (wr = I.utcMinute.every(5)) == null ? void 0 : wr.filter(wi(20)),
       format: ze
     },
     {
       precision: K._15_minutes,
-      interval: (kr = w.utcMinute.every(15)) == null ? void 0 : kr.filter(pt(1)),
+      interval: (kr = I.utcMinute.every(15)) == null ? void 0 : kr.filter(pt(1)),
       format: ze
     },
     {
       precision: K._30_minutes,
-      interval: (Pr = w.utcMinute.every(30)) == null ? void 0 : Pr.filter(pt(2)),
+      interval: (Pr = I.utcMinute.every(30)) == null ? void 0 : Pr.filter(pt(2)),
       format: ze
     },
     {
       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,
@@ -21826,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,
@@ -21838,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,
@@ -21850,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: ""
     }
   ]
@@ -21961,17 +21961,13 @@ const Ah = {
     },
     dotSize: {
       type: Number,
-      default: 6
+      default: 8
     },
     lineWidth: {
       type: Number,
       default: 2
     },
     lineHeight: {
-      type: Number,
-      default: 16
-    },
-    hoveredLineHeight: {
       type: Number,
       default: 28
     }
@@ -21981,14 +21977,10 @@ const Ah = {
       milestoneClasses: Ye,
       timeouts: [],
       isInitialRender: !0,
-      isHoveringDot: !1,
       isMouseOver: !1
     };
   },
   computed: {
-    computedLineHeight() {
-      return this.isHoveringDot ? this.hoveredLineHeight : this.lineHeight;
-    },
     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`
@@ -22001,9 +21993,9 @@ const Ah = {
       };
     },
     positionStyles() {
-      return this.dot ? {
-        transform: `translateY(calc(-100% - ${this.computedLineHeight}px))`
-      } : {};
+      return !this.dot || !this.isMouseOver ? {} : {
+        transform: `translateY(calc(-100% - ${this.lineHeight}px))`
+      };
     },
     styles() {
       return {
@@ -22029,25 +22021,25 @@ const Ah = {
     },
     dotContainerStyles() {
       return {
-        top: `calc(100% - ${this.borderWidth}px)`,
-        height: `calc(${this.computedLineHeight}px  + ${this.dotSize}px)`,
+        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 {
-        top: `${this.borderWidth}px`,
+        bottom: `${this.dotSize / 2}px`,
         left: `calc(50% - ${this.lineWidth}px / 2)`,
         width: `${this.lineWidth}px`,
-        height: `calc(${this.computedLineHeight}px)`,
+        height: this.isMouseOver ? `${this.lineHeight}px` : "0",
         backgroundColor: this.borderColor,
         transition: `${this.computedTransitionDuration}ms`
       };
     },
     dotStyles() {
       return {
-        top: `calc(${this.computedLineHeight}px + 1px)`,
+        top: `${this.lineHeight}px`,
         left: `calc(50% - ${this.dotSize}px / 2)`,
         width: `${this.dotSize}px`,
         height: `${this.dotSize}px`,
@@ -22064,7 +22056,7 @@ const Ah = {
   methods: {
     onMilestoneMouseOver(s, e) {
       if (this.dot) {
-        this.isHoveringDot = !0;
+        this.isMouseOver = !0;
         return;
       }
       const t = s.target;
@@ -22080,14 +22072,14 @@ const Ah = {
       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";
     },
     onMilestoneMouseMove() {
-      this.isMouseOver = !0;
+      this.timeouts.forEach((s) => clearTimeout(s)), this.isMouseOver = !0;
     },
     onMilestoneMouseLeave(s, e) {
       if (this.dot) {
         this.timeouts.push(
           setTimeout(() => {
-            this.isHoveringDot = !this.isMouseOver;
-          }, 600)
+            this.isMouseOver = !1;
+          }, this.transitionDuration + 100)
         );
         return;
       }
@@ -22115,8 +22107,8 @@ var Ch = function() {
     [e.milestoneClasses.milestone]: !0,
     [e.milestoneClasses.milestoneDot]: e.dot,
     [e.milestoneClasses.milestoneBullet]: !e.dot,
-    [e.milestoneClasses.milestoneDotHovered]: e.isHoveringDot
-  }, style: e.styles, attrs: { tabindex: "0" }, on: { mouseover: (i) => e.onMilestoneMouseOver(i, e.milestone), mousemove: (i) => e.onMilestoneMouseMove(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() {
+    [e.milestoneClasses.milestoneDotHovered]: e.isMouseOver
+  }, 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), 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(
@@ -22263,6 +22255,14 @@ const Ih = _h.exports, G = {
       type: String,
       default: void 0
     },
+    minVisibleDate: {
+      type: String,
+      default: void 0
+    },
+    maxVisibleDate: {
+      type: String,
+      default: void 0
+    },
     cursorTimestamp: {
       type: [String, void 0],
       default: void 0
@@ -22359,7 +22359,8 @@ const Ih = _h.exports, G = {
       markersDragBehavior: null,
       initialMarkerDragMouseOffset: 0,
       selectedMilestoneId: null,
-      isInitialized: !1
+      isInitialized: !1,
+      lastValidTransform: I.zoomIdentity
     };
   },
   computed: {
@@ -22436,9 +22437,8 @@ const Ih = _h.exports, G = {
       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;
@@ -22570,7 +22570,7 @@ const Ih = _h.exports, G = {
       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;
     },
     initOrUpdateSvg() {
-      this.svg || (this.svg = w.select(this.timeline).append("svg")), this.svg.attr("width", this.timeline.offsetWidth).attr("height", this.timelineHeight);
+      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");
@@ -22603,7 +22603,7 @@ const Ih = _h.exports, G = {
     },
     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;
@@ -22623,17 +22623,17 @@ const Ih = _h.exports, G = {
       }
     },
     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(
@@ -22653,10 +22653,10 @@ const Ih = _h.exports, G = {
       );
     },
     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() {
@@ -22720,14 +22720,14 @@ const Ih = _h.exports, G = {
     },
     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
       };
     },
@@ -22742,12 +22742,12 @@ const Ih = _h.exports, G = {
         return;
       const s = this;
       this.svg.selectAll(`.${G.labelBg}`).each(function() {
-        w.select(this).style("fill", s.dark ? "black" : "white");
+        I.select(this).style("fill", s.dark ? "black" : "white");
       }), this.svg.selectAll(`.${G.labelBgFill}`).each(function() {
-        const e = w.select(this), t = e.node().dataset.color;
+        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(`.${G.labelText}`).each(function() {
-        const e = w.select(this), t = e.node().dataset.color;
+        const e = I.select(this), t = e.node().dataset.color;
         e.style("fill", s.getTextFillColor(t));
       });
     },
@@ -22810,24 +22810,33 @@ const Ih = _h.exports, G = {
       this.isHoveringEvent = !1, this.hoveredEvent = null, this.$emit("event-mouseout");
     },
     handleLabelMouseOver(s) {
-      w.selectAll(`.${G.lineGraphGroup}-${s}`).classed(
+      I.selectAll(`.${G.lineGraphGroup}-${s}`).classed(
         `${G.lineGraphGroup}--highlighted`,
         !0
-      ), w.selectAll(`.${G.lineGraphGroupLabel}`).classed(
+      ), I.selectAll(`.${G.lineGraphGroupLabel}`).classed(
         `${G.lineGraphGroupLabel}--highlighted`,
         !0
       );
     },
     handleLabelMouseLeave(s) {
-      w.selectAll(`.${G.lineGraphGroup}-${s}`).classed(
+      I.selectAll(`.${G.lineGraphGroup}-${s}`).classed(
         `${G.lineGraphGroup}--highlighted`,
         !1
-      ), w.selectAll(`.${G.lineGraphGroupLabel}`).classed(
+      ), I.selectAll(`.${G.lineGraphGroupLabel}`).classed(
         `${G.lineGraphGroupLabel}--highlighted`,
         !1
       );
     },
+    isZoomAllowed(s) {
+      const e = this.initialTimeScale.copy(), t = s.transform.rescaleX(e).domain(), i = this.minVisibleDate ? this.tzStringToDate(this.minVisibleDate) : void 0, r = this.maxVisibleDate ? this.tzStringToDate(this.maxVisibleDate) : 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;
@@ -22840,10 +22849,10 @@ const Ih = _h.exports, G = {
       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() {
@@ -22882,10 +22891,10 @@ const Ih = _h.exports, G = {
     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) {
@@ -22896,7 +22905,7 @@ const Ih = _h.exports, G = {
     },
     translateTicksText(s) {
       this.svg.select(`.${G.xAxis}-${s}`).selectAll(".tick text").each(function() {
-        let e = w.select(this), t = e.node().getBBox();
+        let e = I.select(this), t = e.node().getBBox();
         e.attr("x", t.height / 2).attr("y", 0).style("text-anchor", "start");
       });
     },
@@ -22919,7 +22928,7 @@ const Ih = _h.exports, G = {
     },
     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(
           `.${G.lineGraphPath}-${s}`
         ).attr("d", (t) => e(t));
@@ -22931,12 +22940,12 @@ const Ih = _h.exports, G = {
         this.svg.selectAll(
           `.${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(
           `.${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);
         });
       });
     },
@@ -22982,54 +22991,58 @@ const Ih = _h.exports, G = {
         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(G.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(`.${G.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(`.${G.marker}`).data(this.sortedMarkers).call(this.markersDragBehavior);
+      }), I.selectAll(`.${G.marker}`).data(this.sortedMarkers).call(this.markersDragBehavior);
     },
     initCurtains() {
       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(
-        w.drag().on("start", this.handleDragStart).on("drag", this.handleLeftDrag).on("end", this.handleDragEnd)
+        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(
-        w.drag().on("start", this.handleDragStart).on("drag", this.handleRightDrag).on("end", this.handleDragEnd)
+        I.drag().on("start", this.handleDragStart).on("drag", this.handleRightDrag).on("end", this.handleDragEnd)
       ), this.updateCurtains());
     },
     updateCurtains() {
@@ -23104,7 +23117,7 @@ const Ih = _h.exports, G = {
       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}`;
+      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(#${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})`);
     },
     drawLineGraphHoverZones({
@@ -23220,15 +23233,15 @@ const Ih = _h.exports, G = {
       Object.entries(this.milestonesGroups).forEach(([s, e]) => {
         const t = this.getMilestoneGroupYPosition(s), i = this.svg.select(
           `g.${G.eventGroup}-${s}`
-        ), r = 2, n = e.height || this.barChartHeight, a = e.dots ? n : n / 2, o = t + a - r / 2;
+        ), r = 2, a = (e.height || this.barChartHeight) / 2, o = t + a - r / 2;
         i.attr("x1", 0).attr("x2", this.timeline.offsetWidth).select(`.${Ye.milestoneLine}`).attr("y1", o).attr("y2", o);
-        const l = w.select(
+        const l = I.select(
           `.${Ye.milestonesContainer}-${s}`
         );
         l.style("top", `${t}px`).style("height", `${e.height || this.barChartHeight}px`);
         const c = l.selectAll(
           `.${Ye.milestone}`
-        ).data(e.events);
+        ).data(this.getSortedEvents(e.events));
         c.exit().remove(), c.enter().append("div").merge(c).style(
           "left",
           (u) => `${this.timeScale(this.tzStringToDate(u.timestamp))}px`
@@ -23268,7 +23281,7 @@ const Ih = _h.exports, G = {
       gElement: t,
       height: i
     }) {
-      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", 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,
@@ -23282,9 +23295,9 @@ const Ih = _h.exports, G = {
         "class",
         (a) => G.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(G.eventRectHovered, !0), n.handleBarMouseOver(a, o, r);
+        I.select(this).classed(G.eventRectHovered, !0), n.handleBarMouseOver(a, o, r);
       }).on("mouseout", function() {
-        w.select(this).classed(G.eventRectHovered, !1), n.handleBarMouseOut();
+        I.select(this).classed(G.eventRectHovered, !1), n.handleBarMouseOut();
       }), e.selectAll(G.eventRectText).data(s.filter((a) => !!a.text)).enter().append("text").attr("class", G.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(
         "fill",
         (a) => this.getTextFillColor(a.color || i, 0.75)
@@ -23312,13 +23325,13 @@ const Ih = _h.exports, G = {
         "class",
         (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(`.${G.eventBarContainerSelected}`).classed(G.eventBarContainerSelected, !1), w.select(this).classed(G.eventBarContainerSelected, !0);
+        e.selectAll(`.${G.eventBarContainerSelected}`).classed(G.eventBarContainerSelected, !1), I.select(this).classed(G.eventBarContainerSelected, !0);
       });
     },
     onBarChartBarMouseOver(s, e) {
@@ -23350,17 +23363,12 @@ const Ih = _h.exports, G = {
       }, 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);
     },
-    getSortedEvents(s) {
-      return [...s].sort(
-        (e, t) => new Date(e.timestamp || e.startDate) > new Date(t.timestamp || t.startDate) ? 1 : -1
-      );
-    },
     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) {
@@ -23462,6 +23470,11 @@ const Ih = _h.exports, G = {
     },
     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
+      );
     }
   }
 });
@@ -23475,12 +23488,12 @@ var kh = function() {
     }, { 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(e.getSortedEvents(i.events), function(n, a) {
-      return t("ETimelineMilestone", { key: `${n.milestoneType}-${a}`, class: e.getMilestoneClass(n), attrs: { milestone: n, dot: i.dots, size: n.size || e.milestoneBulletSize, "transition-duration": i.milestonesTransitionDuration, "line-height": i.milestonesLineHeight, "hovered-line-height": i.milestonesHoveredLineHeight, "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 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) });