@evercam/ui 0.0.55-beta.8 → 0.0.56

package/dist/index.mjs

@@ -52,7 +52,7 @@ const ma = Ve.extend({
     }
   }
 });
-function Be(s, e, t, i, r, n, a, o) {
+function Ne(s, e, t, i, r, n, a, o) {
   var l = typeof s == "function" ? s.options : s;
   e && (l.render = e, l.staticRenderFns = t, l._compiled = !0), i && (l.functional = !0), n && (l._scopeId = "data-v-" + n);
   var c;
@@ -84,7 +84,7 @@ function Be(s, e, t, i, r, n, a, o) {
 var ga = function() {
   var e = this, t = e._self._c;
   return t("span", { staticClass: "e-badge", class: e.badgeClasses }, [e.showText ? t("span", [e._v(e._s(e.text))]) : e._e()]);
-}, pa = [], ya = /* @__PURE__ */ Be(
+}, pa = [], ya = /* @__PURE__ */ Ne(
   ma,
   ga,
   pa,
@@ -153,7 +153,7 @@ var xa = function() {
   }), e.showBadge ? t("div", { staticClass: "e-avatar__badge e-absolute e-top-0 e-right-0" }, [e._t("badge", function() {
     return [t("Badge", { attrs: { text: e.badgeText, color: e.badgeColor, size: e.badgeSize } })];
   })], 2) : e._e()], 2);
-}, Ta = [], Ea = /* @__PURE__ */ Be(
+}, Ta = [], Ea = /* @__PURE__ */ Ne(
   va,
   xa,
   Ta,
@@ -3793,7 +3793,7 @@ let ri = Nr;
 var La = (ri.__esModule ? ri : { default: ri }).default;
 const Ra = /* @__PURE__ */ ba(La);
 let ni = qi;
-var we = (ni.__esModule ? ni : { default: ni }).default;
+var Ie = (ni.__esModule ? ni : { default: ni }).default;
 const Ca = {
   50: "#FCE3E4",
   100: "#F9CDCE",
@@ -3806,12 +3806,12 @@ const Ca = {
   800: "#4E090B",
   900: "#290506"
 }, pe = {
-  onprimary: we.white,
-  warning: we.amber,
-  error: we.rose,
-  info: we.cyan,
-  success: we.lime,
-  primary: we.sky,
+  onprimary: Ie.white,
+  warning: Ie.amber,
+  error: Ie.rose,
+  info: Ie.cyan,
+  success: Ie.lime,
+  primary: Ie.sky,
   brand: Ca
 }, Da = {
   ...pe,
@@ -3836,10 +3836,10 @@ const Ca = {
   "primary-darken": pe.primary[600],
   "primary-lighten": pe.primary[400],
   // Surfaces
-  onsurface: we.slate[500],
-  onbackground: we.slate[700],
-  surface: we.slate[50],
-  background: we.white
+  onsurface: Ie.slate[500],
+  onbackground: Ie.slate[700],
+  surface: Ie.slate[50],
+  background: Ie.white
 }, _a = {
   prefix: "e-",
   corePlugins: {
@@ -4001,7 +4001,7 @@ const Ca = {
 var Oa = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "e-icon" }, [t("i", { class: e.iconClasses })]);
-}, Fa = [], Ma = /* @__PURE__ */ Be(
+}, Fa = [], Ma = /* @__PURE__ */ Ne(
   Pa,
   Oa,
   Fa,
@@ -4079,7 +4079,7 @@ var $a = function() {
     "e-spinner--dark": e.dark,
     "e-spinner--grey": !e.color
   }, style: { opacity: e.opacity }, attrs: { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1629.32 1608.86", width: e.computedSize, height: e.computedSize } }, [t("path", { staticClass: "e-spinner__primary", style: e.getNthPathStyle(0), attrs: { d: "m1254.12,591.61C992.01,401.11,439.78,0,439.78,0h601.2c14.3,0,48.95,9.02,62.54,38.01,55.27,117.88,111.32,235.46,170.48,351.43,33.16,70.9-8.99,170.35-19.87,202.16" } }), t("path", { staticClass: "e-spinner__secondary", style: e.getNthPathStyle(1), attrs: { d: "m1404.65,131.67c-29.37,89.94-55.8,170.95-82.25,251.93-4.05.87-8.1,1.73-12.15,2.61-40.61-83.95-81.21-167.9-123.12-254.54h217.51Z" } }), t("path", { staticClass: "e-spinner__primary", style: e.getNthPathStyle(2), attrs: { d: "m1129.06,1093.51c100.75-307.98,312.75-956.75,312.75-956.75,0,0,180.36,558.53,184.75,572.14,4.39,13.59,6.45,49.34-16.96,71.19-95.21,88.81-189.88,178.28-282.06,270.2-57.29,53.34-164.86,43.8-198.48,43.21" } }), t("path", { staticClass: "e-spinner__secondary", style: e.getNthPathStyle(3), attrs: { d: "m1342.3,1083.06c66.6-63.43,133.22-126.86,207.93-197.98,21.51,73.55,40.3,137.81,60.64,207.37h-263.35c-1.75-3.13-3.48-6.27-5.22-9.39" } }), t("path", { staticClass: "e-spinner__primary", style: e.getNthPathStyle(4), attrs: { d: "m610.27,1137.17c324.03-.53,1006.55-1.85,1006.55-1.85,0,0-474.19,345.83-485.74,354.25-11.55,8.42-44.87,21.56-72.94,6.14-114.11-62.68-228.69-124.66-344.81-183.5-68.56-37.76-93.12-142.93-103.06-175.04" } }), t("path", { staticClass: "e-spinner__secondary", style: e.getNthPathStyle(5), attrs: { d: "m938.58,1468.29c-62.81,42.58-118.35,80.24-180.28,122.23-28.35-87.22-54.62-168.03-80.89-248.86,2.62-2.92,5.26-5.85,7.9-8.76,81.89,43.78,163.79,87.56,253.26,135.39" } }), t("path", { staticClass: "e-spinner__primary", style: e.getNthPathStyle(6), attrs: { d: "m413.07,652.86c101.35,307.77,314.99,956,314.99,956,0,0-476.23-343.04-487.83-351.39-11.58-8.36-34.44-35.93-28.52-67.4,24.07-127.96,47.3-256.13,67.09-384.8,14.54-76.9,106.84-132.96,134.28-152.42" } }), t("path", { staticClass: "e-spinner__secondary", style: e.getNthPathStyle(7), attrs: { d: "m197.48,1068.8c-62.36-47.73-115.99-88.79-176.78-135.33,75.54-54.91,146.18-106.24,216.83-157.57,3.73,2.24,7.45,4.47,11.19,6.71-16.36,91.3-32.7,182.61-51.25,286.19" } }), t("path", { staticClass: "e-spinner__primary", style: e.getNthPathStyle(8), attrs: { d: "m813.58,314.41C551.63,505.15,0,907.07,0,907.07c0,0,180.68-558.4,185.09-572.01,4.39-13.59,23.65-43.78,55.41-47.8,129.19-16.29,258.32-33.41,386.86-53.99,77.67-9.72,159.3,60.97,186.22,81.13" } }), t("path", { staticClass: "e-spinner__secondary", style: e.getNthPathStyle(9), attrs: { d: "m635.14,199.78c-91.99,12.38-183.97,24.77-288.07,38.76,25.77-73.18,48.3-137.14,73.8-209.53,76.56,55.41,147.27,106.58,217.97,157.75-1.23,4.34-2.46,8.68-3.69,13.02" } })]);
-}, Ua = [], Ga = /* @__PURE__ */ Be(
+}, Ua = [], Ga = /* @__PURE__ */ Ne(
   Ba,
   $a,
   Ua,
@@ -4152,7 +4152,7 @@ const sn = Ga.exports, Ha = Ve.extend({
 var Va = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("div", { staticClass: "e-row e-flex e-flex-wrap", class: e.rowClasses }, [e._t("default")], 2);
-}, Ka = [], Wa = /* @__PURE__ */ Be(
+}, Ka = [], Wa = /* @__PURE__ */ Ne(
   Ha,
   Va,
   Ka,
@@ -4269,7 +4269,7 @@ const za = Wa.exports, Ya = Ve.extend({
 var ja = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "e-col", class: e.colClasses }, [e._t("default")], 2);
-}, qa = [], Xa = /* @__PURE__ */ Be(
+}, qa = [], Xa = /* @__PURE__ */ Ne(
   Ya,
   ja,
   qa,
@@ -4940,7 +4940,7 @@ const is = (s, e) => e + 10 <= s.length && s[e] === 73 && s[e + 1] === 68 && s[e
 }, So = (s) => s.type === "PRIV" ? bo(s) : s.type[0] === "W" ? Lo(s) : Ao(s), bo = (s) => {
   if (s.size < 2)
     return;
-  const e = Me(s.data, !0), t = new Uint8Array(s.data.subarray(e.length + 1));
+  const e = Fe(s.data, !0), t = new Uint8Array(s.data.subarray(e.length + 1));
   return {
     key: s.type,
     info: e,
@@ -4951,16 +4951,16 @@ const is = (s, e) => e + 10 <= s.length && s[e] === 73 && s[e + 1] === 68 && s[e
     return;
   if (s.type === "TXXX") {
     let t = 1;
-    const i = Me(s.data.subarray(t), !0);
+    const i = Fe(s.data.subarray(t), !0);
     t += i.length + 1;
-    const r = Me(s.data.subarray(t));
+    const r = Fe(s.data.subarray(t));
     return {
       key: s.type,
       info: i,
       data: r
     };
   }
-  const e = Me(s.data.subarray(1));
+  const e = Fe(s.data.subarray(1));
   return {
     key: s.type,
     data: e
@@ -4970,16 +4970,16 @@ const is = (s, e) => e + 10 <= s.length && s[e] === 73 && s[e + 1] === 68 && s[e
     if (s.size < 2)
       return;
     let t = 1;
-    const i = Me(s.data.subarray(t), !0);
+    const i = Fe(s.data.subarray(t), !0);
     t += i.length + 1;
-    const r = Me(s.data.subarray(t));
+    const r = Fe(s.data.subarray(t));
     return {
       key: s.type,
       info: i,
       data: r
     };
   }
-  const e = Me(s.data);
+  const e = Fe(s.data);
   return {
     key: s.type,
     data: e
@@ -4990,7 +4990,7 @@ const is = (s, e) => e + 10 <= s.length && s[e] === 73 && s[e + 1] === 68 && s[e
     let i = (e[4] << 23) + (e[5] << 15) + (e[6] << 7) + e[7];
     return i /= 45, t && (i += 4772185884e-2), Math.round(i);
   }
-}, Me = (s, e = !1) => {
+}, Fe = (s, e = !1) => {
   const t = Co();
   if (t) {
     const c = t.decode(s);
@@ -5034,7 +5034,7 @@ function Co() {
   if (!navigator.userAgent.includes("PlayStation 4"))
     return !li && typeof self.TextDecoder != "undefined" && (li = new self.TextDecoder("utf-8")), li;
 }
-const Ie = {
+const _e = {
   hexDump: function(s) {
     let e = "";
     for (let t = 0; t < s.length; t++) {
@@ -5283,7 +5283,7 @@ function ko(s, e) {
         const f = pn(d);
         if (f) {
           const m = f.subarray(8, 24);
-          m.some((g) => g !== 0) || (S.log(`[eme] Patching keyId in 'enc${l ? "a" : "v"}>sinf>>tenc' box: ${Ie.hexDump(m)} -> ${Ie.hexDump(t)}`), f.set(t, 8));
+          m.some((g) => g !== 0) || (S.log(`[eme] Patching keyId in 'enc${l ? "a" : "v"}>sinf>>tenc' box: ${_e.hexDump(m)} -> ${_e.hexDump(t)}`), f.set(t, 8));
         }
       });
     });
@@ -5532,7 +5532,7 @@ function yn(s, e, t, i) {
         payloadType: a,
         pts: t,
         uuid: h.join(""),
-        userData: Me(f),
+        userData: Fe(f),
         userDataBytes: f
       });
     }
@@ -5638,7 +5638,7 @@ function Vo(s) {
   }, t = new DataView(s), i = t.getUint32(0);
   if (s.byteLength !== i && i > 44 || t.getUint32(4) !== 1886614376 || (e.version = t.getUint32(8) >>> 24, e.version > 1))
     return null;
-  e.systemId = Ie.hexDump(new Uint8Array(s, 12, 16));
+  e.systemId = _e.hexDump(new Uint8Array(s, 12, 16));
   const n = t.getUint32(28);
   if (e.version === 0) {
     if (i - 32 < n)
@@ -5926,7 +5926,7 @@ const _s = /#EXT-X-STREAM-INF:([^\r\n]*)(?:[\r\n](?:#[^\r\n]*)?)*([^\r\n]+)|#EXT
   /#.*/.source
   // All other non-segment oriented tags will match with all groups empty
 ].join("|"), "g"), Zo = new RegExp([/#(EXTM3U)/.source, /#EXT-X-(DATERANGE|DEFINE|KEY|MAP|PART|PART-INF|PLAYLIST-TYPE|PRELOAD-HINT|RENDITION-REPORT|SERVER-CONTROL|SKIP|START):(.+)/.source, /#EXT-X-(BITRATE|DISCONTINUITY-SEQUENCE|MEDIA-SEQUENCE|TARGETDURATION|VERSION): *(\d+)/.source, /#EXT-X-(DISCONTINUITY|ENDLIST|GAP|INDEPENDENT-SEGMENTS)/.source, /(#)([^:]*):(.*)/.source, /(#)(.*)(?:.*)\r?\n?/.source].join("|"));
-class Pe {
+class ke {
   static findGroup(e, t) {
     for (let i = 0; i < e.length; i++) {
       const r = e[i];
@@ -5964,7 +5964,7 @@ class Pe {
           attrs: c,
           bitrate: c.decimalInteger("BANDWIDTH") || c.decimalInteger("AVERAGE-BANDWIDTH"),
           name: c.NAME,
-          url: Pe.resolve(u, t)
+          url: ke.resolve(u, t)
         }, d = c.decimalResolution("RESOLUTION");
         d && (h.width = d.width, h.height = d.height), Qo(c.CODECS, h), (o = h.unknownCodecs) != null && o.length || n.push(h), r.levels.push(h);
       } else if (a[3]) {
@@ -5992,7 +5992,7 @@ class Pe {
           case "CONTENT-STEERING": {
             const h = new ne(u);
             ve(r, h, ["SERVER-URI", "PATHWAY-ID"]), r.contentSteering = {
-              uri: Pe.resolve(h["SERVER-URI"], t),
+              uri: ke.resolve(h["SERVER-URI"], t),
               pathwayId: h["PATHWAY-ID"] || "."
             };
             break;
@@ -6036,10 +6036,10 @@ class Pe {
           autoselect: c.bool("AUTOSELECT"),
           forced: c.bool("FORCED"),
           lang: f,
-          url: c.URI ? Pe.resolve(c.URI, t) : ""
+          url: c.URI ? ke.resolve(c.URI, t) : ""
         };
         if (m && (T.assocLang = m), g && (T.channels = g), y && (T.characteristics = y), v && (T.instreamId = v), h != null && h.length) {
-          const x = Pe.findGroup(h, T.groupId) || h[0];
+          const x = ke.findGroup(h, T.groupId) || h[0];
           Os(T, x, "audioCodec"), Os(T, x, "textCodec");
         }
         d.push(T);
@@ -6221,7 +6221,7 @@ function ks(s, e, t) {
   ve(t, n, ["KEYFORMAT", "KEYFORMATVERSIONS", "URI", "IV", "URI"]);
   const a = (i = n.METHOD) != null ? i : "", o = n.URI, l = n.hexadecimalInteger("IV"), c = n.KEYFORMATVERSIONS, u = (r = n.KEYFORMAT) != null ? r : "identity";
   o && n.IV && !l && S.error(`Invalid IV: ${n.IV}`);
-  const h = o ? Pe.resolve(o, e) : "", d = (c || "1").split("/").map(Number).filter(Number.isFinite);
+  const h = o ? ke.resolve(o, e) : "", d = (c || "1").split("/").map(Number).filter(Number.isFinite);
   return new Tt(a, h, u, d, l);
 }
 function Ps(s) {
@@ -6443,7 +6443,7 @@ class el {
           this.handleManifestParsingError(c, h, new Error("no EXTM3U delimiter"), d || null, u);
           return;
         }
-        u.parsing.start = performance.now(), Pe.isMediaPlaylist(m) ? this.handleTrackOrLevelPlaylist(c, u, h, d || null, f) : this.handleMasterPlaylist(c, u, h, d);
+        u.parsing.start = performance.now(), ke.isMediaPlaylist(m) ? this.handleTrackOrLevelPlaylist(c, u, h, d || null, f) : this.handleMasterPlaylist(c, u, h, d);
       },
       onError: (c, u, h, d) => {
         this.handleNetworkError(u, h, !1, c, d);
@@ -6455,7 +6455,7 @@ class el {
     r.load(e, o, l);
   }
   handleMasterPlaylist(e, t, i, r) {
-    const n = this.hls, a = e.data, o = fi(e, i), l = Pe.parseMasterPlaylist(a, o);
+    const n = this.hls, a = e.data, o = fi(e, i), l = ke.parseMasterPlaylist(a, o);
     if (l.playlistParsingError) {
       this.handleManifestParsingError(e, i, l.playlistParsingError, r, t);
       return;
@@ -6473,7 +6473,7 @@ class el {
       AUDIO: g = [],
       SUBTITLES: y,
       "CLOSED-CAPTIONS": v
-    } = Pe.parseMasterPlaylistMedia(a, o, l);
+    } = ke.parseMasterPlaylistMedia(a, o, l);
     g.length && !g.some((x) => !x.url) && u[0].audioCodec && !u[0].attrs.AUDIO && (S.log("[playlist-loader]: audio codec signaled in quality level, but no embedded audio track signaled, create one"), g.unshift({
       type: "main",
       name: "main",
@@ -6505,7 +6505,7 @@ class el {
       id: o,
       level: l,
       type: c
-    } = i, u = fi(e, i), h = 0, d = W(l) ? l : W(o) ? o : 0, f = Bs(i), m = Pe.parseLevelPlaylist(e.data, u, d, f, h, this.variableList);
+    } = i, u = fi(e, i), h = 0, d = W(l) ? l : W(o) ? o : 0, f = Bs(i), m = ke.parseLevelPlaylist(e.data, u, d, f, h, this.variableList);
     if (c === J.MANIFEST) {
       const g = {
         attrs: new ne({}),
@@ -8010,17 +8010,17 @@ function Cl(s, e, t, i, r) {
       if (k === E)
         return E;
       if (R.minBitrate > t)
-        return $e(k, `min bitrate of ${R.minBitrate} > current estimate of ${t}`), E;
+        return Be(k, `min bitrate of ${R.minBitrate} > current estimate of ${t}`), E;
       if (!R.hasDefaultAudio)
-        return $e(k, "no renditions with default or auto-select sound found"), E;
+        return Be(k, "no renditions with default or auto-select sound found"), E;
       if (o && k.indexOf(o.substring(0, 4)) % 5 !== 0)
-        return $e(k, `audio codec preference "${o}" not found`), E;
+        return Be(k, `audio codec preference "${o}" not found`), E;
       if (a && !l) {
         if (!R.channels[a])
-          return $e(k, `no renditions with ${a} channel sound found (channels options: ${Object.keys(R.channels)})`), E;
+          return Be(k, `no renditions with ${a} channel sound found (channels options: ${Object.keys(R.channels)})`), E;
       } else if ((!o || l) && c && R.channels[2] === 0)
-        return $e(k, "no renditions with stereo sound found"), E;
-      return R.minHeight > T ? ($e(k, `min resolution of ${R.minHeight} > maximum of ${T}`), E) : R.minFramerate > x ? ($e(k, `min framerate of ${R.minFramerate} > maximum of ${x}`), E) : g.some((B) => R.videoRanges[B] > 0) ? R.maxScore < m ? ($e(k, `max score of ${R.maxScore} < selected max of ${m}`), E) : E && (Vt(k) >= Vt(E) || R.fragmentError > s[E].fragmentError) ? E : (m = R.maxScore, k) : ($e(k, `no variants with VIDEO-RANGE of ${JSON.stringify(g)} found`), E);
+        return Be(k, "no renditions with stereo sound found"), E;
+      return R.minHeight > T ? (Be(k, `min resolution of ${R.minHeight} > maximum of ${T}`), E) : R.minFramerate > x ? (Be(k, `min framerate of ${R.minFramerate} > maximum of ${x}`), E) : g.some((B) => R.videoRanges[B] > 0) ? R.maxScore < m ? (Be(k, `max score of ${R.maxScore} < selected max of ${m}`), E) : E && (Vt(k) >= Vt(E) || R.fragmentError > s[E].fragmentError) ? E : (m = R.maxScore, k) : (Be(k, `no variants with VIDEO-RANGE of ${JSON.stringify(g)} found`), E);
     }, void 0),
     videoRanges: g,
     preferHDR: y,
@@ -8028,7 +8028,7 @@ function Cl(s, e, t, i, r) {
     minBitrate: f
   };
 }
-function $e(s, e) {
+function Be(s, e) {
   S.log(`[abr] start candidates with "${s}" ignored because ${e}`);
 }
 function Dl(s) {
@@ -8081,7 +8081,7 @@ function _l(s, e, t, i) {
     }), r;
   }, {});
 }
-function Oe(s, e, t) {
+function Pe(s, e, t) {
   if ("attrs" in s) {
     const i = e.indexOf(s);
     if (i !== -1)
@@ -8126,11 +8126,11 @@ function wl(s, e, t, i, r) {
     if (d.videoRange !== l || d.frameRate !== c || d.codecSet.substring(0, 4) !== u)
       return !1;
     const f = d.audioGroups, m = t.filter((g) => !f || f.indexOf(g.groupId) !== -1);
-    return Oe(s, m, r) > -1;
+    return Pe(s, m, r) > -1;
   });
   return h > -1 ? h : zs(e, i, (d) => {
     const f = d.audioGroups, m = t.filter((g) => !f || f.indexOf(g.groupId) !== -1);
-    return Oe(s, m, r) > -1;
+    return Pe(s, m, r) > -1;
   });
 }
 function zs(s, e, t) {
@@ -10083,7 +10083,7 @@ function Xl(s) {
     scriptURL: e
   };
 }
-function ke(s = "", e = 9e4) {
+function we(s = "", e = 9e4) {
   return {
     type: s,
     id: -1,
@@ -10150,9 +10150,9 @@ class cs {
     }
     return {
       audioTrack: a,
-      videoTrack: ke(),
+      videoTrack: we(),
       id3Track: o,
-      textTrack: ke()
+      textTrack: we()
     };
   }
   demuxSampleAes(e, t, i) {
@@ -10162,9 +10162,9 @@ class cs {
     const t = this.cachedData;
     return t && (this.cachedData = null, this.demux(t, 0)), {
       audioTrack: this._audioTrack,
-      videoTrack: ke(),
+      videoTrack: we(),
       id3Track: this._id3Track,
-      textTrack: ke()
+      textTrack: we()
     };
   }
   destroy() {
@@ -10440,8 +10440,8 @@ class uc {
   resetTimeStamp() {
   }
   resetInitSegment(e, t, i, r) {
-    const n = this.videoTrack = ke("video", 1), a = this.audioTrack = ke("audio", 1), o = this.txtTrack = ke("text", 1);
-    if (this.id3Track = ke("id3", 1), this.timeOffset = 0, !(e != null && e.byteLength))
+    const n = this.videoTrack = we("video", 1), a = this.audioTrack = we("audio", 1), o = this.txtTrack = we("text", 1);
+    if (this.id3Track = we("id3", 1), this.timeOffset = 0, !(e != null && e.byteLength))
       return;
     const l = gn(e);
     if (l.video) {
@@ -10492,9 +10492,9 @@ class uc {
     const r = this.extractID3Track(t, this.timeOffset);
     return i.samples = As(e, t), {
       videoTrack: t,
-      audioTrack: ke(),
+      audioTrack: we(),
       id3Track: r,
-      textTrack: ke()
+      textTrack: we()
     };
   }
   extractID3Track(e, t) {
@@ -14100,11 +14100,11 @@ class wc extends ns {
       this.tracksInGroup = o;
       const l = this.hls.config.audioPreference;
       if (!n && l) {
-        const d = Oe(l, o, et);
+        const d = Pe(l, o, et);
         if (d > -1)
           n = o[d];
         else {
-          const f = Oe(l, this.tracks);
+          const f = Pe(l, this.tracks);
           n = this.tracks[f];
         }
       }
@@ -14153,7 +14153,7 @@ class wc extends ns {
         const r = this.currentTrack;
         if (r && at(e, r, et))
           return r;
-        const n = Oe(e, this.tracksInGroup, et);
+        const n = Pe(e, this.tracksInGroup, et);
         if (n > -1) {
           const a = this.tracksInGroup[n];
           return this.setAudioTrack(n), a;
@@ -14166,7 +14166,7 @@ class wc extends ns {
           t.nextLoadLevel = o;
         }
         if (e.channels || e.audioCodec) {
-          const a = Oe(e, i);
+          const a = Pe(e, i);
           if (a > -1)
             return i[a];
         }
@@ -14591,11 +14591,11 @@ class Oc extends ns {
       const o = this.hls.config.subtitlePreference;
       if (!n && o) {
         this.selectDefaultTrack = !1;
-        const u = Oe(o, a);
+        const u = Pe(o, a);
         if (u > -1)
           n = a[u];
         else {
-          const h = Oe(o, this.tracks);
+          const h = Pe(o, this.tracks);
           n = this.tracks[h];
         }
       }
@@ -14664,7 +14664,7 @@ class Oc extends ns {
         const i = this.currentTrack;
         if (i && at(e, i))
           return i;
-        const r = Oe(e, this.tracksInGroup);
+        const r = Pe(e, this.tracksInGroup);
         if (r > -1) {
           const n = this.tracksInGroup[r];
           return this.setSubtitleTrack(r), n;
@@ -14672,7 +14672,7 @@ class Oc extends ns {
           if (i)
             return null;
           {
-            const n = Oe(e, t);
+            const n = Pe(e, t);
             if (n > -1)
               return t[n];
           }
@@ -15596,7 +15596,7 @@ const or = {
 }, jn = function(e) {
   let t = e;
   return or.hasOwnProperty(e) && (t = or[e]), String.fromCharCode(t);
-}, Re = 15, Ue = 100, Bc = {
+}, Re = 15, $e = 100, Bc = {
   17: 1,
   18: 3,
   21: 5,
@@ -15701,23 +15701,23 @@ class Kc {
 class Wc {
   constructor(e) {
     this.chars = [], this.pos = 0, this.currPenState = new qn(), this.cueStartTime = null, this.logger = void 0;
-    for (let t = 0; t < Ue; t++)
+    for (let t = 0; t < $e; t++)
       this.chars.push(new Kc());
     this.logger = e;
   }
   equals(e) {
-    for (let t = 0; t < Ue; t++)
+    for (let t = 0; t < $e; t++)
       if (!this.chars[t].equals(e.chars[t]))
         return !1;
     return !0;
   }
   copy(e) {
-    for (let t = 0; t < Ue; t++)
+    for (let t = 0; t < $e; t++)
       this.chars[t].copy(e.chars[t]);
   }
   isEmpty() {
     let e = !0;
-    for (let t = 0; t < Ue; t++)
+    for (let t = 0; t < $e; t++)
       if (!this.chars[t].isEmpty()) {
         e = !1;
         break;
@@ -15728,7 +15728,7 @@ class Wc {
    *  Set the cursor to a valid column.
    */
   setCursor(e) {
-    this.pos !== e && (this.pos = e), this.pos < 0 ? (this.logger.log(3, "Negative cursor position " + this.pos), this.pos = 0) : this.pos > Ue && (this.logger.log(3, "Too large cursor position " + this.pos), this.pos = Ue);
+    this.pos !== e && (this.pos = e), this.pos < 0 ? (this.logger.log(3, "Negative cursor position " + this.pos), this.pos = 0) : this.pos > $e && (this.logger.log(3, "Too large cursor position " + this.pos), this.pos = $e);
   }
   /**
    * Move the cursor relative to current position.
@@ -15749,7 +15749,7 @@ class Wc {
   insertChar(e) {
     e >= 144 && this.backSpace();
     const t = jn(e);
-    if (this.pos >= Ue) {
+    if (this.pos >= $e) {
       this.logger.log(0, () => "Cannot insert " + e.toString(16) + " (" + t + ") at position " + this.pos + ". Skipping it!");
       return;
     }
@@ -15757,7 +15757,7 @@ class Wc {
   }
   clearFromPos(e) {
     let t;
-    for (t = e; t < Ue; t++)
+    for (t = e; t < $e; t++)
       this.chars[t].reset();
   }
   clear() {
@@ -15769,7 +15769,7 @@ class Wc {
   getTextString() {
     const e = [];
     let t = !0;
-    for (let i = 0; i < Ue; i++) {
+    for (let i = 0; i < $e; i++) {
       const r = this.chars[i].uchar;
       r !== " " && (t = !1), e.push(r);
     }
@@ -16574,7 +16574,7 @@ const Qc = function(e, t, i) {
   e.presentationOffset = i;
 };
 function Jc(s, e, t, i, r, n, a) {
-  const o = new qc(), l = Me(new Uint8Array(s)).trim().replace(Xc, `
+  const o = new qc(), l = Fe(new Uint8Array(s)).trim().replace(Xc, `
 `).split(`
 `), c = [], u = e ? xc(e.baseTime, e.timescale) : 0;
   let h = "00:00.000", d = 0, f = 0, m, g = !0;
@@ -16632,7 +16632,7 @@ function dr(s, e, t, i) {
     i(new Error("Could not parse IMSC1 mdat"));
     return;
   }
-  const n = r.map((o) => Me(o)), a = vc(e.baseTime, 1, e.timescale);
+  const n = r.map((o) => Fe(o)), a = vc(e.baseTime, 1, e.timescale);
   try {
     n.forEach((o) => t(tu(o, a)));
   } catch (o) {
@@ -17422,7 +17422,7 @@ class ot {
     keySystem: t,
     mediaKeys: i
   }) {
-    this.log(`Creating key-system session "${t}" keyId: ${Ie.hexDump(e.keyId || [])}`);
+    this.log(`Creating key-system session "${t}" keyId: ${_e.hexDump(e.keyId || [])}`);
     const r = i.createSession(), n = {
       decryptdata: e,
       keySystem: t,
@@ -17446,12 +17446,12 @@ class ot {
       throw new Error("Could not read keyId of undefined decryptdata");
     if (e.keyId === null)
       throw new Error("keyId is null");
-    return Ie.hexDump(e.keyId);
+    return _e.hexDump(e.keyId);
   }
   updateKeySession(e, t) {
     var i;
     const r = e.mediaKeysSession;
-    return this.log(`Updating key-session "${r.sessionId}" for keyID ${Ie.hexDump(((i = e.decryptdata) == null ? void 0 : i.keyId) || [])}
+    return this.log(`Updating key-session "${r.sessionId}" for keyID ${_e.hexDump(((i = e.decryptdata) == null ? void 0 : i.keyId) || [])}
       } (data length: ${t && t.byteLength})`), r.update(t);
   }
   selectKeySystemFormat(e) {
@@ -17544,7 +17544,7 @@ class ot {
     }
     if (!n || !r)
       return;
-    const a = Ie.hexDump(r), {
+    const a = _e.hexDump(r), {
       keyIdToKeySessionPromise: o,
       mediaKeySessions: l
     } = this;
@@ -17553,7 +17553,7 @@ class ot {
       const h = l[u], d = h.decryptdata;
       if (d.pssh || !d.keyId)
         continue;
-      const f = Ie.hexDump(d.keyId);
+      const f = _e.hexDump(d.keyId);
       if (a === f || d.uri.replace(/-/g, "").indexOf(a) !== -1) {
         c = o[f], delete o[f], d.pssh = new Uint8Array(i), d.keyId = r, c = o[a] = c.then(() => this.generateRequestWithPreferredKeySession(h, t, i, "encrypted-event-key-match"));
         break;
@@ -17662,7 +17662,7 @@ class ot {
   }
   onKeyStatusChange(e) {
     e.mediaKeysSession.keyStatuses.forEach((t, i) => {
-      this.log(`key status change "${t}" for keyStatuses keyId: ${Ie.hexDump("buffer" in i ? new Uint8Array(i.buffer, i.byteOffset, i.byteLength) : new Uint8Array(i))} session keyId: ${Ie.hexDump(new Uint8Array(e.decryptdata.keyId || []))} uri: ${e.decryptdata.uri}`), e.keyStatus = t;
+      this.log(`key status change "${t}" for keyStatuses keyId: ${_e.hexDump("buffer" in i ? new Uint8Array(i.buffer, i.byteOffset, i.byteLength) : new Uint8Array(i))} session keyId: ${_e.hexDump(new Uint8Array(e.decryptdata.keyId || []))} uri: ${e.decryptdata.uri}`), e.keyStatus = t;
     });
   }
   fetchServerCertificate(e) {
@@ -17916,12 +17916,12 @@ function pu(s) {
   return s < -999999999999999 || 999999999999999 < s;
 }
 const yu = /[\x00-\x1f\x7f]+/, vu = "Token", xu = "Key";
-function Ne(s, e, t) {
+function Me(s, e, t) {
   return hu("serialize", s, e, t);
 }
 function Tu(s) {
   if (typeof s != "boolean")
-    throw Ne(s, du);
+    throw Me(s, du);
   return s ? "?1" : "?0";
 }
 function Eu(s) {
@@ -17929,12 +17929,12 @@ function Eu(s) {
 }
 function Su(s) {
   if (ArrayBuffer.isView(s) === !1)
-    throw Ne(s, fu);
+    throw Me(s, fu);
   return `:${Eu(s)}:`;
 }
 function ra(s) {
   if (pu(s))
-    throw Ne(s, gu);
+    throw Me(s, gu);
   return s.toString();
 }
 function bu(s) {
@@ -17953,14 +17953,14 @@ function na(s, e) {
 function Au(s) {
   const e = na(s, 3);
   if (Math.floor(Math.abs(e)).toString().length > 12)
-    throw Ne(s, mu);
+    throw Me(s, mu);
   const t = e.toString();
   return t.includes(".") ? t : `${t}.0`;
 }
 const Lu = "String";
 function Ru(s) {
   if (yu.test(s))
-    throw Ne(s, Lu);
+    throw Me(s, Lu);
   return `"${s.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
 }
 function Cu(s) {
@@ -17969,14 +17969,14 @@ function Cu(s) {
 function vr(s) {
   const e = Cu(s);
   if (/^([a-zA-Z*])([!#$%&'*+\-.^_`|~\w:/]*)$/.test(e) === !1)
-    throw Ne(e, vu);
+    throw Me(e, vu);
   return e;
 }
 function Ki(s) {
   switch (typeof s) {
     case "number":
       if (!W(s))
-        throw Ne(s, yr);
+        throw Me(s, yr);
       return Number.isInteger(s) ? ra(s) : Au(s);
     case "string":
       return Ru(s);
@@ -17992,12 +17992,12 @@ function Ki(s) {
       if (s instanceof sa)
         return vr(s);
     default:
-      throw Ne(s, yr);
+      throw Me(s, yr);
   }
 }
 function Wi(s) {
   if (/^[a-z*][a-z0-9\-_.*]*$/.test(s) === !1)
-    throw Ne(s, xu);
+    throw Me(s, xu);
   return s;
 }
 function ys(s) {
@@ -18013,7 +18013,7 @@ function _u(s, e = {
   whitespace: !0
 }) {
   if (typeof s != "object")
-    throw Ne(s, cu);
+    throw Me(s, cu);
   const t = s instanceof Map ? s.entries() : Object.entries(s), i = e != null && e.whitespace ? " " : "";
   return Array.from(t).map(([r, n]) => {
     n instanceof ht || (n = new ht(n));
@@ -20527,7 +20527,7 @@ class gh extends ls {
     return this._forceStartLoad;
   }
 }
-class Fe {
+class Oe {
   /**
    * Get the video-dev/hls.js package version.
    */
@@ -20565,13 +20565,13 @@ class Fe {
    * Get the default configuration applied to new instances.
    */
   static get DefaultConfig() {
-    return Fe.defaultConfig ? Fe.defaultConfig : ua;
+    return Oe.defaultConfig ? Oe.defaultConfig : ua;
   }
   /**
    * Replace the default configuration applied to new instances.
    */
   static set DefaultConfig(e) {
-    Fe.defaultConfig = e;
+    Oe.defaultConfig = e;
   }
   /**
    * Creates an instance of an HLS client that can attach to exactly one `HTMLMediaElement`.
@@ -20579,7 +20579,7 @@ class Fe {
    */
   constructor(e = {}) {
     this.config = void 0, this.userConfig = void 0, this.coreComponents = void 0, this.networkControllers = void 0, this.started = !1, this._emitter = new fs(), this._autoLevelCapping = -1, this._maxHdcpLevel = null, this.abrController = void 0, this.bufferController = void 0, this.capLevelController = void 0, this.latencyController = void 0, this.levelController = void 0, this.streamController = void 0, this.audioTrackController = void 0, this.subtitleTrackController = void 0, this.emeController = void 0, this.cmcdController = void 0, this._media = null, this.url = null, this.triggeringException = void 0, ao(e.debug || !1, "Hls instance");
-    const t = this.config = rh(Fe.DefaultConfig, e);
+    const t = this.config = rh(Oe.DefaultConfig, e);
     this.userConfig = e, t.progressive && nh(t);
     const {
       abrController: i,
@@ -21106,7 +21106,7 @@ class Fe {
     return this.streamController.forceStartLoad;
   }
 }
-Fe.defaultConfig = void 0;
+Oe.defaultConfig = void 0;
 function fa() {
   const s = document;
   return !!(s.fullscreenElement || s.mozFullScreenElement || s.webkitFullscreenElement || s.msFullscreenElement);
@@ -21211,7 +21211,7 @@ const Ci = new Intl.NumberFormat(void 0, {
       isFinished: !1,
       isLoading: !0,
       isError: !1,
-      player: new Fe()
+      player: new Oe()
     };
   },
   computed: {
@@ -21236,7 +21236,7 @@ const Ci = new Intl.NumberFormat(void 0, {
     initHls() {
       var e, t, i, r;
       const s = this.$refs.player;
-      (e = this.player) != null && e.stopLoad && this.player.stopLoad(), Fe.isSupported() && (this.isLoading = !0, this.player = new Fe({
+      (e = this.player) != null && e.stopLoad && this.player.stopLoad(), Oe.isSupported() && (this.isLoading = !0, this.player = new Oe({
         startPosition: 0,
         xhrSetup: (n) => {
           this.streamingToken && n.setRequestHeader(
@@ -21244,7 +21244,7 @@ const Ci = new Intl.NumberFormat(void 0, {
             `Bearer ${this.streamingToken}`
           );
         }
-      }), (t = this.player) == null || t.loadSource(this.sources[0].src), (i = this.player) == null || i.attachMedia(s), (r = this.player) == null || r.on(Fe.Events.MANIFEST_PARSED, () => {
+      }), (t = this.player) == null || t.loadSource(this.sources[0].src), (i = this.player) == null || i.attachMedia(s), (r = this.player) == null || r.on(Oe.Events.MANIFEST_PARSED, () => {
         this.playing && s.play();
       }));
     },
@@ -21452,7 +21452,7 @@ var Th = function() {
 }, Eh = [function() {
   var s = this, e = s._self._c;
   return e("div", { staticClass: "timeline" }, [e("div", { staticClass: "thumb-indicator" })]);
-}], Sh = /* @__PURE__ */ Be(
+}], Sh = /* @__PURE__ */ Ne(
   xh,
   Th,
   Eh,
@@ -21580,7 +21580,7 @@ const Ah = {
     },
     {
       precision: K._2_year,
-      interval: I.utcYear.every(2),
+      interval: I.utcYear.every(1),
       format: "%Y"
     },
     {
@@ -21708,7 +21708,7 @@ const Ah = {
     {
       precision: K._2_year,
       interval: I.utcMonth.every(6),
-      format: "%Y"
+      format: "Q%q"
     },
     {
       precision: K._5_years,
@@ -22110,7 +22110,7 @@ var Ch = function() {
   }, 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__ */ Be(
+}, Dh = [], _h = /* @__PURE__ */ Ne(
   Rh,
   Ch,
   Dh,
@@ -22156,7 +22156,7 @@ const Ih = _h.exports, G = {
   lineGraphDot: "line-graph-dot",
   curtain: "curtain",
   forbiddenInterval: "forbidden-interval"
-}, _e = {
+}, Ue = {
   transparencyGradient: "transparency-gradient",
   transparencyGradientLight: "transparency-gradient-light",
   loadingGradient: "loading-gradient",
@@ -22258,14 +22258,6 @@ 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
@@ -22302,7 +22294,7 @@ const Ih = _h.exports, G = {
       type: Boolean,
       default: !1
     },
-    fitMarkersTransitionDuration: {
+    zoomToIntervalTransitionDuration: {
       type: Number,
       default: 800
     },
@@ -22317,6 +22309,22 @@ const Ih = _h.exports, G = {
     milestonesFirst: {
       type: Boolean,
       default: !0
+    },
+    forbiddenIntervals: {
+      type: Array,
+      default: () => []
+    },
+    forbiddenIntervalColor: {
+      type: String,
+      default: "#ddd"
+    },
+    focusedInterval: {
+      type: [Object, void 0],
+      default: void 0
+    },
+    locked: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
@@ -22367,7 +22375,9 @@ const Ih = _h.exports, G = {
       initialMarkerDragMouseOffset: 0,
       selectedMilestoneId: null,
       isInitialized: !1,
-      lastValidTransform: I.zoomIdentity
+      lastValidTransform: I.zoomIdentity,
+      lastPanTransform: I.zoomIdentity,
+      isZoomingInterval: !1
     };
   },
   computed: {
@@ -22553,12 +22563,6 @@ const Ih = _h.exports, G = {
     startDate() {
       this.zoomToStartAndEndDates();
     },
-    minDate() {
-      this.updateForbiddenIntervals();
-    },
-    maxDate() {
-      this.updateForbiddenIntervals();
-    },
     endDate() {
       this.zoomToStartAndEndDates();
     },
@@ -22574,10 +22578,16 @@ const Ih = _h.exports, G = {
         this.isHoveringTimeline = !1;
     },
     selectedDate(s) {
-      s && this.panToTimestamp(s);
+      s && !this.locked && this.panToTimestamp(s);
     },
     groupsVisibility() {
       this.updateAndRedrawTimeline();
+    },
+    forbiddenIntervals() {
+      this.updateForbiddenIntervals(!0);
+    },
+    focusedInterval(s) {
+      s && (s != null && s.startDate) && (s != null && s.endDate) && this.zoomToTargetInterval(s.startDate, s.endDate);
     }
   },
   created() {
@@ -22600,7 +22610,7 @@ const Ih = _h.exports, G = {
         );
         return;
       }
-      this.initOrUpdateSvg(), 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;
@@ -22612,17 +22622,17 @@ const Ih = _h.exports, G = {
       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", `${_e.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
+          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: _e.transparencyGradientLight,
+              id: Ue.transparencyGradientLight,
               stop: 38,
               opacity: 0.3
             },
             {
-              id: _e.transparencyGradient,
+              id: Ue.transparencyGradient,
               stop: 130,
               opacity: 0.4
             }
@@ -22631,7 +22641,7 @@ const Ih = _h.exports, G = {
             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", _e.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;
@@ -22673,27 +22683,33 @@ const Ih = _h.exports, G = {
     },
     zoomToFitMarkers() {
       const s = this.markers.map(
-        (u) => new Date(u.timestamp).getTime()
+        (i) => new Date(i.timestamp).getTime()
       );
       if (s.length < 2)
         return;
-      const e = Math.min(...s), t = Math.max(...s), i = this.initialTimeScale.domain().map((u) => u.getTime()), r = i[1] - i[0], n = t - e, a = 0.1 * n, o = n + 2 * a;
-      let l = r / o;
-      const c = this.zoomBehavior.scaleExtent();
-      l = Math.min(
-        Math.max(l, c[0]),
-        c[1]
-      ), this.svg.transition().duration(this.fitMarkersTransitionDuration / 2).call(this.zoomBehavior.scaleTo, l).on(
-        "end",
-        () => this.translateMarkersIntoView(e, t, l)
-      );
+      const e = Math.min(...s), t = Math.max(...s);
+      this.zoomToTargetInterval(e, t);
     },
-    translateMarkersIntoView(s, e, t) {
+    zoomToTargetInterval(s, e) {
+      if (!s || !e)
+        return;
+      this.isZoomingInterval = !0;
+      const t = new Date(s).getTime(), i = new Date(e).getTime(), r = this.initialTimeScale.domain().map((h) => h.getTime()), n = r[1] - r[0], a = i - t, o = 0.1 * a, l = a + 2 * o;
+      let c = n / l;
+      const u = this.zoomBehavior.scaleExtent();
+      c = Math.min(
+        Math.max(c, u[0]),
+        u[1]
+      ), this.svg.transition().duration(this.zoomToIntervalTransitionDuration / 2).call(this.zoomBehavior.scaleTo, c).on("end", () => this.translateIntervalIntoView(t, i, c));
+    },
+    translateIntervalIntoView(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 = I.zoomTransform(this.svg.node());
-      this.svg.transition().duration(this.fitMarkersTransitionDuration / 2).call(
+      this.svg.transition().duration(this.zoomToIntervalTransitionDuration / 2).call(
         this.zoomBehavior.transform,
         I.zoomIdentity.translate(l.x + o, l.y).scale(t)
-      );
+      ).on("end", () => {
+        this.isZoomingInterval = !1;
+      });
     },
     initSelectedTimestampCursor() {
       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();
@@ -22864,12 +22880,15 @@ const Ih = _h.exports, G = {
       );
     },
     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;
+      if (this.isZoomingInterval)
+        return !0;
+      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) {
+      var i;
       if (!this.isZoomAllowed(s)) {
-        s.sourceEvent.preventDefault(), this.svg.call(this.zoomBehavior.transform, this.lastValidTransform);
+        (i = s == null ? void 0 : s.sourceEvent) == null || i.preventDefault(), this.svg.call(this.zoomBehavior.transform, this.lastValidTransform);
         return;
       }
       this.lastValidTransform = s.transform;
@@ -22880,16 +22899,27 @@ const Ih = _h.exports, G = {
         scale: t,
         translation: s.transform.x - this.lastTransform.x
       }, this.lastTransform = { ...s.transform };
-      for (const i in this.xAxes)
-        this.rescaleAxis(i, e), this.translateTicksText(i);
+      for (const r in this.xAxes)
+        this.rescaleAxis(r, e), this.translateTicksText(r);
       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 = I.zoomTransform(this.svg.node()), r = i.x - t + this.timeline.offsetWidth / 2;
-      this.svg.transition().duration(this.panTransitionDuration).call(
+      const e = this.tzStringToDate(s), t = this.timeScale(e), i = I.zoomTransform(this.svg.node()), r = i.x - t + this.timeline.offsetWidth / 2, n = this.timeScale.invert(
+        -r / i.k
+      ), a = this.timeScale.invert(
+        (this.timeline.offsetWidth - r) / i.k
+      ), o = this.minDate ? this.tzStringToDate(this.minDate) : void 0, l = this.maxDate ? this.tzStringToDate(this.maxDate) : void 0;
+      if (o && n < o || l && a > l) {
+        console.log("Pan operation would exceed bounds. Operation cancelled.");
+        return;
+      }
+      const u = i.k / this.lastPanTransform.k < 10 ? this.panTransitionDuration : 0;
+      this.lastPanTransform = { ...i }, this.svg.transition().duration(u).call(
         this.zoomBehavior.transform,
         I.zoomIdentity.translate(r, 0).scale(i.k)
-      ), this.emitVisibleInterval(Pt.autoPan);
+      ).on("end", () => {
+        this.emitVisibleInterval(Pt.autoPan);
+      });
     },
     emitCurtainChange() {
       const { startDate: s, endDate: e } = this.calculateDateRangeFromCurtains();
@@ -23011,7 +23041,7 @@ const Ih = _h.exports, G = {
       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,
@@ -23088,25 +23118,17 @@ const Ih = _h.exports, G = {
         s - this.rightCurtainWidth + this.curtainHandleWidth
       ).attr("y", -this.curtainHandleWidth).attr("width", this.rightCurtainWidth + this.curtainHandleWidth * 2).attr("height", e + this.curtainHandleWidth * 2);
     },
-    initForbiddenIntervals() {
-      this.minDate && this.svg.append("rect").attr(
-        "class",
-        `${G.forbiddenInterval} ${G.forbiddenInterval}--min`
-      ), this.maxDate && this.svg.append("rect").attr(
-        "class",
-        `${G.forbiddenInterval} ${G.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(`.${G.forbiddenInterval}--min`).attr("x", 0).attr("y", 0).attr("width", t > 0 ? t : 0).attr("height", this.timelineHeight).attr("fill", `url(#${_e.stripedPattern})`);
-      }
-      if (e) {
-        const t = this.timeline.offsetWidth - this.timeScale(e), i = this.timeScale(e);
-        this.svg.select(`.${G.forbiddenInterval}--max`).attr("x", i > 0 ? i : 0).attr("y", 0).attr("width", t > 0 ? t : 0).attr("height", this.timelineHeight).attr("fill", `url(#${_e.stripedPattern})`);
-      }
+    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.${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();
@@ -23158,7 +23180,7 @@ const Ih = _h.exports, G = {
       type: 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(#${_e.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})`);
+      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,
@@ -23227,7 +23249,7 @@ const Ih = _h.exports, G = {
         yPosition: m,
         height: y
       }), t || i) {
-        const T = i ? 0.5 : 2, x = m + y / 2;
+        const T = i ? 1 : 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({
@@ -23353,7 +23375,7 @@ const Ih = _h.exports, G = {
       this.svg.append("rect").classed(
         `${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(#${_e.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,
@@ -23382,7 +23404,7 @@ const Ih = _h.exports, G = {
       n && (d = a), e.selectAll(G.eventRect).data(s).enter().append("rect").attr(
         "class",
         (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) {
+      ).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", n ? a / 10 : 5).attr("cursor", "pointer").attr("stroke", (f) => n ? I.color(f.color || i).brighter(1).toString() : "#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() {
         I.select(this).classed(G.eventRectHovered, !1), c.handleBarMouseOut();
@@ -23409,7 +23431,7 @@ const Ih = _h.exports, G = {
       ).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) => 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(#${_e.transparencyGradient}-${r})`), d.append("rect").attr(
+      ).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) => 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) {
@@ -23430,7 +23452,7 @@ const Ih = _h.exports, G = {
     onBarChartBarMouseOut(s, e) {
       s.classed(G.eventBarContainerHovered, !1), s.selectAll(`.${G.eventBarHoverZone}`).attr("fill-opacity", 0);
       const i = s.selectAll(`.${G.eventBar}`);
-      i.attr("fill", `url(#${_e.transparencyGradient}-${e})`), i.attr("fill-opacity", 1);
+      i.attr("fill", `url(#${Ue.transparencyGradient}-${e})`), i.attr("fill-opacity", 1);
     },
     drawTextLabel({
       gElement: s,
@@ -23602,7 +23624,7 @@ var kh = function() {
       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()];
   }, { event: e.hoveredEvent, counts: e.hoveredCounts, active: e.isHoveringEvent && !e.isInteractingWithCurtain, type: e.hoveredEventType })], 2)], 2);
-}, Ph = [], Oh = /* @__PURE__ */ Be(
+}, Ph = [], Oh = /* @__PURE__ */ Ne(
   wh,
   kh,
   Ph,
@@ -23669,7 +23691,7 @@ const Fh = Oh.exports, Mh = {
 var Nh = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "video-embed" }, [t("iframe", e._g(e._b({ attrs: { src: e.embedUrl, frameborder: "0", allowfullscreen: "", width: "100%", height: "100%", allow: "autoplay; fullscreen; picture-in-picture" } }, "iframe", e.iframeOptions, !1), e.iframeListeners))]);
-}, Bh = [], $h = /* @__PURE__ */ Be(
+}, Bh = [], $h = /* @__PURE__ */ Ne(
   Mh,
   Nh,
   Bh,