@evercam/ui 0.0.55-beta.15 → 0.0.55-beta.17

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import _e from "vue";
+import De from "vue";
 import * as I from "d3";
-import Ge 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 || {}), He = /* @__PURE__ */ ((s) => (s.bars = "bars", s.dots = "dots", s.lineGraph = "lineGraph", s.barChart = "barGraph", s.milestones = "milestones", s))(He || {}), Pt = /* @__PURE__ */ ((s) => (s.zoom = "zoom", s.autoPan = "autoPan", s.initial = "initial", s))(Pt || {});
-const ga = _e.extend({
+import He 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 || {}), Le = /* @__PURE__ */ ((s) => (s.bars = "bars", s.dots = "dots", s.lineGraph = "lineGraph", s.barChart = "barGraph", s.milestones = "milestones", s))(Le || {}), Pt = /* @__PURE__ */ ((s) => (s.zoom = "zoom", s.autoPan = "autoPan", s.initial = "initial", s))(Pt || {});
+const ga = De.extend({
   name: "EBadge",
   props: {
     text: {
@@ -94,7 +94,7 @@ var pa = function() {
   null,
   null
 );
-const Mr = va.exports, xa = _e.extend({
+const Mr = va.exports, xa = De.extend({
   name: "EAvatar",
   components: {
     Badge: Mr
@@ -3963,7 +3963,7 @@ const _a = {
   "canplay",
   "canplaythrough",
   "statechanged"
-], Oa = _e.extend({
+], Oa = De.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -4011,7 +4011,7 @@ var Fa = function() {
   null,
   null
 );
-const Ba = Na.exports, $a = _e.extend({
+const Ba = Na.exports, $a = De.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4089,7 +4089,7 @@ var Ua = function() {
   null,
   null
 );
-const sn = Ha.exports, Va = _e.extend({
+const sn = Ha.exports, Va = De.extend({
   props: {
     align: {
       type: String,
@@ -4162,7 +4162,7 @@ var Ka = function() {
   null,
   null
 );
-const Ya = za.exports, ja = _e.extend({
+const Ya = za.exports, ja = De.extend({
   props: {
     alignSelf: {
       type: String,
@@ -5238,17 +5238,17 @@ function ko(s) {
     case "dvh1":
     case "dvhe": {
       const a = X(t, ["dvcC"])[0], o = a[2] >> 1 & 127, l = a[2] << 5 & 32 | a[3] >> 3 & 31;
-      r += "." + De(o) + "." + De(l);
+      r += "." + Ie(o) + "." + Ie(l);
       break;
     }
     case "vp09": {
       const a = X(t, ["vpcC"])[0], o = a[4], l = a[5], c = a[6] >> 4 & 15;
-      r += "." + De(o) + "." + De(l) + "." + De(c);
+      r += "." + Ie(o) + "." + Ie(l) + "." + Ie(c);
       break;
     }
     case "av01": {
       const a = X(t, ["av1C"])[0], o = a[1] >>> 5, l = a[1] & 31, c = a[2] >>> 7 ? "H" : "M", u = (a[2] & 64) >> 6, h = (a[2] & 32) >> 5, d = o === 2 && u ? h ? 12 : 10 : u ? 10 : 8, f = (a[2] & 16) >> 4, m = (a[2] & 8) >> 3, g = (a[2] & 4) >> 2, y = a[2] & 3, v = 1, T = 1, x = 1, L = 0;
-      r += "." + o + "." + De(l) + c + "." + De(d) + "." + f + "." + m + g + y + "." + De(v) + "." + De(T) + "." + De(x) + "." + L;
+      r += "." + o + "." + Ie(l) + c + "." + Ie(d) + "." + f + "." + m + g + y + "." + Ie(v) + "." + Ie(T) + "." + Ie(x) + "." + L;
       break;
     }
   }
@@ -5266,7 +5266,7 @@ function ui(s, e) {
 function St(s) {
   return ("0" + s.toString(16).toUpperCase()).slice(-2);
 }
-function De(s) {
+function Ie(s) {
   return (s < 10 ? "0" : "") + s;
 }
 function Po(s, e) {
@@ -6746,7 +6746,7 @@ function Ot(s) {
   }
   return e;
 }
-var Ce = {
+var _e = {
   audioId3: "org.id3",
   dateRange: "com.apple.quicktime.HLS",
   emsg: "https://aomedia.org/emsg/ID3"
@@ -6846,7 +6846,7 @@ class al {
     if (a)
       for (let o = 0; o < n.length; o++) {
         const l = n[o].type;
-        if (l === Ce.emsg && !i || !r)
+        if (l === _e.emsg && !i || !r)
           continue;
         const c = hn(n[o].data);
         if (c) {
@@ -6892,7 +6892,7 @@ class al {
     } = a;
     if (n && (o || l)) {
       let c;
-      r === "audio" ? c = (u) => u.type === Ce.audioId3 && l : r === "video" ? c = (u) => u.type === Ce.emsg && o : c = (u) => u.type === Ce.audioId3 && l || u.type === Ce.emsg && o, Fi(n, t, i, c);
+      r === "audio" ? c = (u) => u.type === _e.audioId3 && l : r === "video" ? c = (u) => u.type === _e.emsg && o : c = (u) => u.type === _e.audioId3 && l || u.type === _e.emsg && o, Fi(n, t, i, c);
     }
   }
   onLevelUpdated(e, {
@@ -6951,7 +6951,7 @@ class al {
           const B = $s(c, f, v, {
             key: E,
             data: R
-          }, Ce.dateRange);
+          }, _e.dateRange);
           B && (B.id = h, this.id3Track.addCue(B), g[E] = B);
         }
       }
@@ -7466,7 +7466,7 @@ var me = {
   RemoveAlternatePermanently: 3,
   InsertDiscontinuity: 4,
   RetryRequest: 5
-}, Le = {
+}, Re = {
   None: 0,
   MoveAllAlternatesMatchingHost: 1,
   MoveAllAlternatesMatchingHDCP: 2,
@@ -7517,7 +7517,7 @@ class El {
         if ((i = t.frag) != null && i.gap) {
           t.errorAction = {
             action: me.DoNothing,
-            flags: Le.None
+            flags: Re.None
           };
           return;
         }
@@ -7545,7 +7545,7 @@ class El {
         if (a) {
           const c = n.levels[n.loadLevel];
           if (c && (a.type === J.AUDIO_TRACK && c.hasAudioGroup(a.groupId) || a.type === J.SUBTITLE_TRACK && c.hasSubtitleGroup(a.groupId))) {
-            t.errorAction = this.getPlaylistRetryOrSwitchAction(t, n.loadLevel), t.errorAction.action = me.SendAlternateToPenaltyBox, t.errorAction.flags = Le.MoveAllAlternatesMatchingHost;
+            t.errorAction = this.getPlaylistRetryOrSwitchAction(t, n.loadLevel), t.errorAction.action = me.SendAlternateToPenaltyBox, t.errorAction.flags = Re.MoveAllAlternatesMatchingHost;
             return;
           }
         }
@@ -7555,7 +7555,7 @@ class El {
           const c = n.levels[n.loadLevel], u = c == null ? void 0 : c.attrs["HDCP-LEVEL"];
           u ? t.errorAction = {
             action: me.SendAlternateToPenaltyBox,
-            flags: Le.MoveAllAlternatesMatchingHDCP,
+            flags: Re.MoveAllAlternatesMatchingHDCP,
             hdcpLevel: u
           } : this.keySystemError(t);
         }
@@ -7574,7 +7574,7 @@ class El {
       case D.BUFFER_NUDGE_ON_STALL:
         t.errorAction = {
           action: me.DoNothing,
-          flags: Le.None
+          flags: Re.None
         };
         return;
     }
@@ -7589,7 +7589,7 @@ class El {
     if (Yt(r, n, zt(e), e.response))
       return {
         action: me.RetryRequest,
-        flags: Le.None,
+        flags: Re.None,
         retryConfig: r,
         retryCount: n
       };
@@ -7604,7 +7604,7 @@ class El {
     if (r && (e.details !== D.FRAG_GAP && r.fragmentError++, Yt(o, l, zt(e), e.response)))
       return {
         action: me.RetryRequest,
-        flags: Le.None,
+        flags: Re.None,
         retryConfig: o,
         retryCount: l
       };
@@ -7661,13 +7661,13 @@ class El {
       if (u > -1 && i.loadLevel !== u)
         return e.levelRetry = !0, this.playlistError = 0, {
           action: me.SendAlternateToPenaltyBox,
-          flags: Le.None,
+          flags: Re.None,
           nextAutoLevel: u
         };
     }
     return {
       action: me.SendAlternateToPenaltyBox,
-      flags: Le.MoveAllAlternatesMatchingHost
+      flags: Re.MoveAllAlternatesMatchingHost
     };
   }
   onErrorOut(e, t) {
@@ -7694,10 +7694,10 @@ class El {
       nextAutoLevel: a
     } = i;
     switch (r) {
-      case Le.None:
+      case Re.None:
         this.switchLevel(e, a);
         break;
-      case Le.MoveAllAlternatesMatchingHDCP:
+      case Re.MoveAllAlternatesMatchingHDCP:
         n && (t.maxHdcpLevel = Ni[Ni.indexOf(n) - 1], i.resolved = !0), this.warn(`Restricting playback to HDCP-LEVEL of "${t.maxHdcpLevel}" or lower`);
         break;
     }
@@ -10129,7 +10129,7 @@ class cs {
       pts: this.lastPTS,
       dts: this.lastPTS,
       data: i,
-      type: Ce.audioId3,
+      type: _e.audioId3,
       duration: Number.POSITIVE_INFINITY
     }); r < c; ) {
       if (this.canParse(e, r)) {
@@ -10140,7 +10140,7 @@ class cs {
           pts: this.lastPTS,
           dts: this.lastPTS,
           data: i,
-          type: Ce.audioId3,
+          type: _e.audioId3,
           duration: Number.POSITIVE_INFINITY
         }), r += i.length, n = r) : r++;
       if (r === c && n !== c) {
@@ -10513,7 +10513,7 @@ class hc {
             len: c.byteLength,
             dts: o,
             pts: o,
-            type: Ce.emsg,
+            type: _e.emsg,
             duration: l
           });
         }
@@ -11296,7 +11296,7 @@ class ze {
       return;
     }
     const i = oe({}, t, {
-      type: this._videoTrack ? Ce.emsg : Ce.audioId3,
+      type: this._videoTrack ? _e.emsg : _e.audioId3,
       duration: Number.POSITIVE_INFINITY
     });
     e.samples.push(i);
@@ -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, $c = {
+}, Ce = 15, Ue = 100, $c = {
   17: 1,
   18: 3,
   21: 5,
@@ -15781,19 +15781,19 @@ class zc {
 }
 class xi {
   constructor(e) {
-    this.rows = [], this.currRow = Re - 1, this.nrRollUpRows = null, this.lastOutputScreen = null, this.logger = void 0;
-    for (let t = 0; t < Re; t++)
+    this.rows = [], this.currRow = Ce - 1, this.nrRollUpRows = null, this.lastOutputScreen = null, this.logger = void 0;
+    for (let t = 0; t < Ce; t++)
       this.rows.push(new zc(e));
     this.logger = e;
   }
   reset() {
-    for (let e = 0; e < Re; e++)
+    for (let e = 0; e < Ce; e++)
       this.rows[e].clear();
-    this.currRow = Re - 1;
+    this.currRow = Ce - 1;
   }
   equals(e) {
     let t = !0;
-    for (let i = 0; i < Re; i++)
+    for (let i = 0; i < Ce; i++)
       if (!this.rows[i].equals(e.rows[i])) {
         t = !1;
         break;
@@ -15801,12 +15801,12 @@ class xi {
     return t;
   }
   copy(e) {
-    for (let t = 0; t < Re; t++)
+    for (let t = 0; t < Ce; t++)
       this.rows[t].copy(e.rows[t]);
   }
   isEmpty() {
     let e = !0;
-    for (let t = 0; t < Re; t++)
+    for (let t = 0; t < Ce; t++)
       if (!this.rows[t].isEmpty()) {
         e = !1;
         break;
@@ -15838,7 +15838,7 @@ class xi {
     this.logger.log(2, () => "pacData = " + JSON.stringify(e));
     let t = e.row - 1;
     if (this.nrRollUpRows && t < this.nrRollUpRows - 1 && (t = this.nrRollUpRows - 1), this.nrRollUpRows && this.currRow !== t) {
-      for (let o = 0; o < Re; o++)
+      for (let o = 0; o < Ce; o++)
         this.rows[o].clear();
       const n = this.currRow + 1 - this.nrRollUpRows, a = this.lastOutputScreen;
       if (a) {
@@ -15888,7 +15888,7 @@ class xi {
     e = e || !1;
     const t = [];
     let i = "", r = -1;
-    for (let n = 0; n < Re; n++) {
+    for (let n = 0; n < Ce; n++) {
       const a = this.rows[n].getTextString();
       a && (r = n + 1, e ? t.push("Row " + r + ": '" + a + "'") : t.push(a.trim()));
     }
@@ -15901,10 +15901,10 @@ class xi {
 }
 class lr {
   constructor(e, t, i) {
-    this.chNr = void 0, this.outputFilter = void 0, this.mode = void 0, this.verbose = void 0, this.displayedMemory = void 0, this.nonDisplayedMemory = void 0, this.lastOutputScreen = void 0, this.currRollUpRow = void 0, this.writeScreen = void 0, this.cueStartTime = void 0, this.logger = void 0, this.chNr = e, this.outputFilter = t, this.mode = null, this.verbose = 0, this.displayedMemory = new xi(i), this.nonDisplayedMemory = new xi(i), this.lastOutputScreen = new xi(i), this.currRollUpRow = this.displayedMemory.rows[Re - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null, this.logger = i;
+    this.chNr = void 0, this.outputFilter = void 0, this.mode = void 0, this.verbose = void 0, this.displayedMemory = void 0, this.nonDisplayedMemory = void 0, this.lastOutputScreen = void 0, this.currRollUpRow = void 0, this.writeScreen = void 0, this.cueStartTime = void 0, this.logger = void 0, this.chNr = e, this.outputFilter = t, this.mode = null, this.verbose = 0, this.displayedMemory = new xi(i), this.nonDisplayedMemory = new xi(i), this.lastOutputScreen = new xi(i), this.currRollUpRow = this.displayedMemory.rows[Ce - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null, this.logger = i;
   }
   reset() {
-    this.mode = null, this.displayedMemory.reset(), this.nonDisplayedMemory.reset(), this.lastOutputScreen.reset(), this.outputFilter.reset(), this.currRollUpRow = this.displayedMemory.rows[Re - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null;
+    this.mode = null, this.displayedMemory.reset(), this.nonDisplayedMemory.reset(), this.lastOutputScreen.reset(), this.outputFilter.reset(), this.currRollUpRow = this.displayedMemory.rows[Ce - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null;
   }
   getHandler() {
     return this.outputFilter;
@@ -18363,7 +18363,7 @@ class zu {
     const {
       errorAction: i
     } = t;
-    if ((i == null ? void 0 : i.action) === me.SendAlternateToPenaltyBox && i.flags === Le.MoveAllAlternatesMatchingHost) {
+    if ((i == null ? void 0 : i.action) === me.SendAlternateToPenaltyBox && i.flags === Re.MoveAllAlternatesMatchingHost) {
       const r = this.levels;
       let n = this.pathwayPriority, a = this.pathwayId;
       if (t.context) {
@@ -21165,7 +21165,7 @@ const Ci = new Intl.NumberFormat(void 0, {
   return i === 0 ? `${t}:${Ci.format(e)}` : `${i}:${Ci.format(
     t
   )}:${Ci.format(e)}`;
-}, Th = _e.extend({
+}, Th = De.extend({
   name: "VideoPlayer",
   components: {
     ESpinner: sn
@@ -21580,7 +21580,7 @@ const Lh = {
     },
     {
       precision: K._2_year,
-      interval: I.utcYear.every(2),
+      interval: I.utcYear.every(1),
       format: "%Y"
     },
     {
@@ -21708,7 +21708,7 @@ const Lh = {
     {
       precision: K._2_year,
       interval: I.utcMonth.every(6),
-      format: "%Y"
+      format: "Q%q"
     },
     {
       precision: K._5_years,
@@ -21925,7 +21925,7 @@ const Lh = {
   milestoneDotLine: "e-tl-milestone-dot-line",
   milestoneDotDot: "e-tl-milestone-dot-dot",
   milestoneDotHovered: "e-tl-milestone-dot--hovered"
-}, Ch = _e.extend({
+}, Ch = De.extend({
   name: "ETimeline",
   directives: {
     resizeObserver: vs
@@ -22156,12 +22156,12 @@ const wh = Ih.exports, G = {
   lineGraphDot: "line-graph-dot",
   curtain: "curtain",
   forbiddenInterval: "forbidden-interval"
-}, Ie = {
+}, Ge = {
   transparencyGradient: "transparency-gradient",
   transparencyGradientLight: "transparency-gradient-light",
   loadingGradient: "loading-gradient",
   stripedPattern: "stripedPattern"
-}, kh = _e.extend({
+}, kh = De.extend({
   name: "ETimeline",
   directives: {
     resizeObserver: vs
@@ -22238,6 +22238,10 @@ const wh = Ih.exports, G = {
       type: Number,
       default: 60
     },
+    chartMinLabelHeight: {
+      type: Number,
+      default: 18
+    },
     minZoom: {
       type: Number,
       default: 1e-4
@@ -22254,14 +22258,6 @@ const wh = Ih.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
@@ -22298,7 +22294,7 @@ const wh = Ih.exports, G = {
       type: Boolean,
       default: !1
     },
-    fitMarkersTransitionDuration: {
+    zoomToIntervalTransitionDuration: {
       type: Number,
       default: 800
     },
@@ -22313,6 +22309,22 @@ const wh = Ih.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() {
@@ -22363,13 +22375,21 @@ const wh = Ih.exports, G = {
       initialMarkerDragMouseOffset: 0,
       selectedMilestoneId: null,
       isInitialized: !1,
-      lastValidTransform: I.zoomIdentity
+      lastValidTransform: I.zoomIdentity,
+      lastPanTransform: I.zoomIdentity,
+      isZoomingInterval: !1
     };
   },
   computed: {
     combinedBarsHeight() {
       return Object.values(this.barGroups).reduce(
-        (s, e) => s + (e.height || this.barChartHeight),
+        (s, e) => s + (this.getBarGroupHeight(e) || this.barChartHeight),
+        0
+      );
+    },
+    combinedBottomBarsHeight() {
+      return Object.values(this.barGroups).reduce(
+        (s, e) => s + (e.bottom ? this.getBarGroupHeight(e) : 0),
         0
       );
     },
@@ -22380,7 +22400,7 @@ const wh = Ih.exports, G = {
       );
     },
     milestonesYOffset() {
-      return this.milestonesFirst ? 0 : this.combinedBarsHeight + (this.hasChart ? this.chartHeight : 0);
+      return this.milestonesFirst ? 0 : this.combinedBarsHeight - this.combinedBottomBarsHeight + (this.hasChart ? this.chartHeight : 0);
     },
     chartsYOffset() {
       return this.hasMilestones && this.milestonesFirst ? this.combinedMilestonesHeight : 0;
@@ -22408,7 +22428,7 @@ const wh = Ih.exports, G = {
     },
     lineGraphGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === He.lineGraph ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Le.lineGraph ? { ...s, [e]: t } : s,
         {}
       );
     },
@@ -22420,7 +22440,7 @@ const wh = Ih.exports, G = {
     },
     barGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => !t.chartType || [He.bars, He.dots].includes(
+        (s, [e, t]) => !t.chartType || [Le.bars, Le.dots].includes(
           t.chartType
         ) ? { ...s, [e]: t } : s,
         {}
@@ -22428,13 +22448,13 @@ const wh = Ih.exports, G = {
     },
     barChartGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === He.barChart ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Le.barChart ? { ...s, [e]: t } : s,
         {}
       );
     },
     milestonesGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === He.milestones ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Le.milestones ? { ...s, [e]: t } : s,
         {}
       );
     },
@@ -22454,10 +22474,7 @@ const wh = Ih.exports, G = {
       return this.axisHeight * s;
     },
     timelineHeight() {
-      const s = Object.values(
-        this.milestonesGroups
-      ).reduce((r, n) => r + (n.height || this.barChartHeight), 0), e = Object.keys(this.barGroups).length, t = this.barChartHeight * e, i = this.hasChart ? this.chartHeight : 0;
-      return this.combinedXAxesHeight + i + t + s;
+      return (this.hasChart ? this.chartHeight : 0) + this.combinedXAxesHeight + this.combinedBarsHeight + this.combinedMilestonesHeight;
     },
     filteredEventsGroups() {
       const s = Object.entries(this.eventsGroups).filter(
@@ -22546,12 +22563,6 @@ const wh = Ih.exports, G = {
     startDate() {
       this.zoomToStartAndEndDates();
     },
-    minDate() {
-      this.updateForbiddenIntervals();
-    },
-    maxDate() {
-      this.updateForbiddenIntervals();
-    },
     endDate() {
       this.zoomToStartAndEndDates();
     },
@@ -22567,10 +22578,16 @@ const wh = Ih.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() {
@@ -22593,7 +22610,7 @@ const wh = Ih.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;
@@ -22605,17 +22622,17 @@ const wh = Ih.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", `${Ie.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"), [He.lineGraph, He.barChart].includes(
+          const { color: r, chartType: n } = i, a = s.append("linearGradient").attr("id", `${Ge.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"), [Le.lineGraph, Le.barChart].includes(
             n
           ) && [
             {
-              id: Ie.transparencyGradientLight,
+              id: Ge.transparencyGradientLight,
               stop: 38,
               opacity: 0.3
             },
             {
-              id: Ie.transparencyGradient,
+              id: Ge.transparencyGradient,
               stop: 130,
               opacity: 0.4
             }
@@ -22624,11 +22641,11 @@ const wh = Ih.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", Ie.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", Ge.stripedPattern).attr("width", 5).attr("height", 3).attr("patternUnits", "userSpaceOnUse").attr("patternTransform", "rotate(45)").append("rect").attr("width", 1).attr("height", 4).attr("transform", "translate(0,0)").attr("fill", this.forbiddenIntervalColor);
     },
     initUtcOffset() {
       const s = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate;
-      this.utcOffset = Ge.parseZone(s).utcOffset();
+      this.utcOffset = He.parseZone(s).utcOffset();
     },
     initTimeScale(s, e) {
       const t = s || this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, i = e || this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate;
@@ -22666,27 +22683,33 @@ const wh = Ih.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();
@@ -22857,12 +22880,15 @@ const wh = Ih.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;
@@ -22873,16 +22899,27 @@ const wh = Ih.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();
@@ -23004,7 +23041,7 @@ const wh = Ih.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,
@@ -23081,25 +23118,17 @@ const wh = Ih.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(#${Ie.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(#${Ie.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(#${Ge.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();
@@ -23124,18 +23153,22 @@ const wh = Ih.exports, G = {
         });
       }), Object.entries(this.lineGraphGroups).forEach(
         ([t, i], r) => {
-          const { color: n, isLoading: a, label: o } = i, l = this.chartHeight - this.barChartHeight * (r + 1), c = s + this.chartHeight - this.barChartHeight, u = this.svg.append("g").classed(G.lineGraphGroupLabel, !0).attr("transform", `translate(0,${s})`).on("mouseover", () => this.handleLabelMouseOver(t)).on("mouseleave", () => this.handleLabelMouseLeave(t));
+          const { color: n, isLoading: a, label: o } = i, l = Math.max(
+            this.chartMinLabelHeight,
+            this.barChartHeight
+          ), c = this.chartHeight - l * (r + 1), u = s + this.chartHeight - l, h = this.svg.append("g").classed(G.lineGraphGroupLabel, !0).attr("transform", `translate(0,${s})`).on("mouseover", () => this.handleLabelMouseOver(t)).on("mouseleave", () => this.handleLabelMouseLeave(t));
           this.drawProgressIndicator({
             type: t,
             color: n,
             isLoading: a,
-            yPosition: c
+            yPosition: u
           }), this.drawTextLabel({
             color: n,
             label: o,
             type: t,
-            yPosition: l,
-            gElement: u
+            height: l,
+            yPosition: c,
+            gElement: h
           });
         }
       );
@@ -23147,7 +23180,7 @@ const wh = Ih.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(#${Ie.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(#${Ge.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,
@@ -23182,54 +23215,69 @@ const wh = Ih.exports, G = {
     drawSingleBarEventsGroup({
       type: s,
       eventsGroup: e,
-      index: t = 0,
-      milestone: i,
-      height: r,
-      dots: n,
-      dotsSize: a
+      milestone: t,
+      dots: i,
+      dotsSize: r,
+      bottom: n
     }) {
-      const { color: o, bgColor: l, label: c, events: u, isLoading: h } = e;
-      let d = t * this.barChartHeight + this.combinedXAxesHeight + this.barsYOffset;
-      i && (d = this.getMilestoneGroupYPosition(s)), this.drawProgressIndicator({
-        yPosition: d,
+      const {
+        color: a,
+        bgColor: o,
+        label: l,
+        events: c,
+        barBorderRadius: u,
+        isLoading: h,
+        height: d,
+        chartType: f
+      } = e;
+      let m = this.getBarGroupYPosition(s, n);
+      const y = [
+        Le.bars,
+        Le.dots,
+        void 0
+      ].includes(f) ? this.getBarGroupHeight(e) : d;
+      t && (m = this.getMilestoneGroupYPosition(s)), this.drawProgressIndicator({
+        yPosition: m,
         type: s,
-        color: o,
+        color: a,
         isLoading: h
       });
-      const f = this.svg.append("g").attr("data-color", o).classed(G.eventGroup, !0).classed(`${G.eventGroup}-${s}`, !0);
+      const v = this.svg.append("g").attr("data-color", a).classed(G.eventGroup, !0).classed(`${G.eventGroup}-${s}`, !0);
       if (this.drawBackground({
-        color: l || o,
-        gElement: f,
-        yPosition: d,
-        height: r
-      }), i || n) {
-        const m = n ? 0.5 : 2, g = d + this.barChartHeight / 2;
-        f.append("line").classed(je.milestoneLine, !0).attr("x1", 0).attr("x2", this.timeline.offsetWidth).attr("y1", g).attr("y2", g).style("stroke", o).style("stroke-width", m);
+        color: o || a,
+        gElement: v,
+        yPosition: m,
+        height: y
+      }), t || i) {
+        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({
-        events: u,
-        color: o,
-        gElement: f,
-        yPosition: d,
+        events: c,
+        color: a,
+        gElement: v,
+        yPosition: m,
         type: s,
-        dots: n,
-        dotsSize: a
-      }), c && this.drawTextLabel({
-        color: o,
-        label: c,
+        dots: i,
+        dotsSize: r,
+        height: d,
+        barBorderRadius: u
+      }), l && this.drawTextLabel({
+        color: a,
+        label: l,
         type: s,
-        gElement: f,
-        yPosition: d,
-        height: r
+        gElement: v,
+        yPosition: m,
+        height: d
       });
     },
     drawBarEventsGroups() {
       Object.entries(this.barGroups).forEach(
-        ([s, e], t) => this.drawSingleBarEventsGroup({
+        ([s, e]) => this.drawSingleBarEventsGroup({
           type: s,
           eventsGroup: e,
-          index: t,
-          dots: e.chartType === He.dots,
+          bottom: e.bottom,
+          dots: e.chartType === Le.dots,
           dotsSize: e.dotsSize || 3
         })
       );
@@ -23243,8 +23291,7 @@ const wh = Ih.exports, G = {
             events: [],
             isLoading: !1
           },
-          milestone: !0,
-          height: e.height
+          milestone: !0
         })
       ), this.updateMilestonesPositions();
     },
@@ -23271,6 +23318,19 @@ const wh = Ih.exports, G = {
       }
       return this.combinedXAxesHeight + this.milestonesYOffset + e;
     },
+    getBarGroupYPosition(s, e) {
+      let t = this.combinedXAxesHeight;
+      e ? t += (this.hasChart ? this.chartHeight : 0) + (this.hasMilestones ? this.combinedMilestonesHeight : 0) : t += this.barsYOffset;
+      for (const [i, r] of Object.entries(this.barGroups)) {
+        if (i === s)
+          break;
+        !e && r.bottom || (t += this.getBarGroupHeight(r));
+      }
+      return t;
+    },
+    getBarGroupHeight(s) {
+      return s.height ? Math.max(s.height + this.barYPadding, 1) : this.barChartHeight;
+    },
     updateMilestonesPositions() {
       Object.entries(this.milestonesGroups).forEach(([s, e]) => {
         const t = this.getMilestoneGroupYPosition(s), i = this.svg.select(
@@ -23315,7 +23375,7 @@ const wh = Ih.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(#${Ie.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(#${Ge.loadingGradient}-${e})`).style("visibility", t ? "visible" : "hidden");
     },
     drawBackground({
       color: s,
@@ -23332,22 +23392,25 @@ const wh = Ih.exports, G = {
       color: i,
       type: r,
       dots: n,
-      dotsSize: a
+      dotsSize: a,
+      height: o,
+      barBorderRadius: l = 1.5
     }) {
-      const o = this, l = t + this.barYPadding / 2, c = n ? (this.barChartHeight - a) / 2 : 0;
-      e.selectAll(G.eventRect).data(s).enter().append("rect").attr(
+      const c = this, u = t + this.barYPadding / 2, h = n ? ((o || this.barChartHeight) - a) / 2 : 0;
+      let d = Math.max(
+        (o != null ? o : this.barChartHeight) - this.barYPadding,
+        1
+      );
+      n && (d = a), e.selectAll(G.eventRect).data(s).enter().append("rect").attr(
         "class",
-        (u) => G.eventRect + (n ? ` ${G.eventRect}--dot` : "") + (u.className ? ` ${u.className}` : "")
-      ).attr("x", this.getEventRectX).attr("y", l + c).attr("ry", n ? a : 1.5).attr("rx", n ? a : 1.5).attr("width", n ? a : this.getEventRectWidth).attr(
-        "height",
-        n ? a : this.barChartHeight - this.barYPadding
-      ).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", (u) => u.color || i).on("mouseover", function(u, h) {
-        I.select(this).classed(G.eventRectHovered, !0), o.handleBarMouseOver(u, h, r);
+        (f) => G.eventRect + (n ? ` ${G.eventRect}--dot` : "") + (f.className ? ` ${f.className}` : "")
+      ).attr("x", this.getEventRectX).attr("y", u + h).attr("ry", n ? a : l).attr("rx", n ? a : l).attr("width", n ? a : this.getEventRectWidth).attr("height", d).attr("stroke-width", 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), o.handleBarMouseOut();
-      }), e.selectAll(G.eventRectText).data(s.filter((u) => !!u.text)).enter().append("text").attr("class", G.eventRectText).attr("x", (u) => this.getEventRectX(u) + this.textPadding).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 600).style("stroke-linejoin", "round").style("paint-order", "stroke").style("pointer-events", "none").style(
+        I.select(this).classed(G.eventRectHovered, !1), c.handleBarMouseOut();
+      }), e.selectAll(G.eventRectText).data(s.filter((f) => !!f.text)).enter().append("text").attr("class", G.eventRectText).attr("x", (f) => this.getEventRectX(f) + this.textPadding).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 600).style("stroke-linejoin", "round").style("paint-order", "stroke").style("pointer-events", "none").style(
         "fill",
-        (u) => this.getTextFillColor(u.color || i, 0.75)
+        (f) => this.getTextFillColor(f.color || i, 0.75)
       ).text(this.getEventText);
     },
     drawBarsChart({
@@ -23368,7 +23431,7 @@ const wh = Ih.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(#${Ie.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(#${Ge.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) {
@@ -23389,7 +23452,7 @@ const wh = Ih.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(#${Ie.transparencyGradient}-${e})`), i.attr("fill-opacity", 1);
+      i.attr("fill", `url(#${Ge.transparencyGradient}-${e})`), i.attr("fill-opacity", 1);
     },
     drawTextLabel({
       gElement: s,
@@ -23472,18 +23535,18 @@ const wh = Ih.exports, G = {
       };
     },
     tzStringToDate(s) {
-      return Ge(s).add(this.utcOffset, "minutes").toDate();
+      return He(s).add(this.utcOffset, "minutes").toDate();
     },
     dateToTzString(s) {
       const e = new Date(s).getTimezoneOffset();
-      return Ge(s).add(e, "minutes").utcOffset(this.utcOffset, !0).format();
+      return He(s).add(e, "minutes").utcOffset(this.utcOffset, !0).format();
     },
     getCurrentTimeBounds() {
       const s = this.timeScale.domain();
       return { startDate: s[0], endDate: s[1] };
     },
     getFormattedTimestamp(s) {
-      return Ge.parseZone(s).format("YYYY-MM-DDTHH:mm:ss");
+      return He.parseZone(s).format("YYYY-MM-DDTHH:mm:ss");
     },
     fillTimeGaps(s) {
       if (s.length <= 1)
@@ -23494,14 +23557,14 @@ const wh = Ih.exports, G = {
         const a = s[n];
         if (r.push(a), n === s.length - 1)
           break;
-        const o = s[n + 1], l = Ge(a.timestamp), c = Ge(o.timestamp);
+        const o = s[n + 1], l = He(a.timestamp), c = He(o.timestamp);
         if (c.diff(l, e) > 1) {
           const u = t(l).toISOString(), h = i(c).toISOString();
           r.push({ timestamp: u, count: 0 }), u !== h && r.push({ timestamp: h, count: 0 });
         }
       }
       if (this.flattenLineGraphEnds) {
-        const n = Ge(s[0].timestamp), a = Ge(s[s.length - 1].timestamp), o = i(n).toISOString(), l = t(a).toISOString();
+        const n = He(s[0].timestamp), a = He(s[s.length - 1].timestamp), o = i(n).toISOString(), l = t(a).toISOString();
         r = [
           { timestamp: o, count: 0 },
           ...r,
@@ -23638,7 +23701,7 @@ var Bh = function() {
   null,
   null
 );
-const Gh = Uh.exports, Hh = _e.extend({
+const Gh = Uh.exports, Hh = De.extend({
   name: "EHeatmapBar",
   props: {
     items: {
@@ -23715,7 +23778,7 @@ var Vh = function() {
   null,
   null
 );
-const ma = Wh.exports, zh = _e.extend({
+const ma = Wh.exports, zh = De.extend({
   name: "EHoursHeatmap",
   components: {
     EHeatmapBar: ma
@@ -23750,7 +23813,7 @@ const ma = Wh.exports, zh = _e.extend({
     itemsByHour() {
       return this.items.reduce((s, e) => ({
         ...s,
-        [Ge(e.timestamp).format("H")]: e
+        [He(e.timestamp).format("H")]: e
       }), {});
     },
     heatmapBarItems() {
@@ -23831,7 +23894,7 @@ export {
   Y as Size,
   wa as TextSizes,
   kt as TimelineAxis,
-  He as TimelineChartType,
+  Le as TimelineChartType,
   Pt as TimelineIntervalChangeTrigger,
   Cr as components,
   xh as debounce,