@evercam/ui 0.0.55-beta.7 → 0.0.55-beta.9

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import Ve from "vue";
 import * as I from "d3";
 import Ke from "moment-timezone";
-var Y = /* @__PURE__ */ ((s) => (s.dot = "dot", s.xs = "xs", s.sm = "sm", s.md = "base", s.base = "base", s.lg = "lg", s.xl = "xl", s["2xl"] = "2xl", s["3xl"] = "3xl", s["4xl"] = "4xl", s["5xl"] = "5xl", s["6xl"] = "6xl", s["7xl"] = "7xl", s["8xl"] = "8xl", s["9xl"] = "9xl", s))(Y || {}), ge = /* @__PURE__ */ ((s) => (s.warning = "warning", s.error = "error", s.info = "info", s.success = "success", s.primary = "primary", s.brand = "brand", s.default = "default", s))(ge || {}), kt = /* @__PURE__ */ ((s) => (s.overview = "overview", s.detailed = "detailed", s.detailedBackground = "detailedBackground", s))(kt || {}), Ue = /* @__PURE__ */ ((s) => (s.bars = "bars", s.dots = "dots", s.lineGraph = "lineGraph", s.barChart = "barGraph", s.milestones = "milestones", s))(Ue || {}), Pt = /* @__PURE__ */ ((s) => (s.zoom = "zoom", s.autoPan = "autoPan", s.initial = "initial", s))(Pt || {});
+var Y = /* @__PURE__ */ ((s) => (s.dot = "dot", s.xs = "xs", s.sm = "sm", s.md = "base", s.base = "base", s.lg = "lg", s.xl = "xl", s["2xl"] = "2xl", s["3xl"] = "3xl", s["4xl"] = "4xl", s["5xl"] = "5xl", s["6xl"] = "6xl", s["7xl"] = "7xl", s["8xl"] = "8xl", s["9xl"] = "9xl", s))(Y || {}), ge = /* @__PURE__ */ ((s) => (s.warning = "warning", s.error = "error", s.info = "info", s.success = "success", s.primary = "primary", s.brand = "brand", s.default = "default", s))(ge || {}), kt = /* @__PURE__ */ ((s) => (s.overview = "overview", s.detailed = "detailed", s.detailedBackground = "detailedBackground", s))(kt || {}), Ae = /* @__PURE__ */ ((s) => (s.bars = "bars", s.dots = "dots", s.lineGraph = "lineGraph", s.barChart = "barGraph", s.milestones = "milestones", s.exclusion = "exclusion", s))(Ae || {}), Pt = /* @__PURE__ */ ((s) => (s.zoom = "zoom", s.autoPan = "autoPan", s.initial = "initial", s))(Pt || {});
 const ma = Ve.extend({
   name: "EBadge",
   props: {
@@ -5238,17 +5238,17 @@ function wo(s) {
     case "dvh1":
     case "dvhe": {
       const a = X(t, ["dvcC"])[0], o = a[2] >> 1 & 127, l = a[2] << 5 & 32 | a[3] >> 3 & 31;
-      r += "." + Ce(o) + "." + Ce(l);
+      r += "." + De(o) + "." + De(l);
       break;
     }
     case "vp09": {
       const a = X(t, ["vpcC"])[0], o = a[4], l = a[5], c = a[6] >> 4 & 15;
-      r += "." + Ce(o) + "." + Ce(l) + "." + Ce(c);
+      r += "." + De(o) + "." + De(l) + "." + De(c);
       break;
     }
     case "av01": {
       const a = X(t, ["av1C"])[0], o = a[1] >>> 5, l = a[1] & 31, c = a[2] >>> 7 ? "H" : "M", u = (a[2] & 64) >> 6, h = (a[2] & 32) >> 5, d = o === 2 && u ? h ? 12 : 10 : u ? 10 : 8, f = (a[2] & 16) >> 4, m = (a[2] & 8) >> 3, g = (a[2] & 4) >> 2, y = a[2] & 3, v = 1, T = 1, x = 1, L = 0;
-      r += "." + o + "." + Ce(l) + c + "." + Ce(d) + "." + f + "." + m + g + y + "." + Ce(v) + "." + Ce(T) + "." + Ce(x) + "." + L;
+      r += "." + o + "." + De(l) + c + "." + De(d) + "." + f + "." + m + g + y + "." + De(v) + "." + De(T) + "." + De(x) + "." + L;
       break;
     }
   }
@@ -5266,7 +5266,7 @@ function ui(s, e) {
 function St(s) {
   return ("0" + s.toString(16).toUpperCase()).slice(-2);
 }
-function Ce(s) {
+function De(s) {
   return (s < 10 ? "0" : "") + s;
 }
 function ko(s, e) {
@@ -6746,7 +6746,7 @@ function Ot(s) {
   }
   return e;
 }
-var Re = {
+var Ce = {
   audioId3: "org.id3",
   dateRange: "com.apple.quicktime.HLS",
   emsg: "https://aomedia.org/emsg/ID3"
@@ -6846,7 +6846,7 @@ class nl {
     if (a)
       for (let o = 0; o < n.length; o++) {
         const l = n[o].type;
-        if (l === Re.emsg && !i || !r)
+        if (l === Ce.emsg && !i || !r)
           continue;
         const c = hn(n[o].data);
         if (c) {
@@ -6892,7 +6892,7 @@ class nl {
     } = a;
     if (n && (o || l)) {
       let c;
-      r === "audio" ? c = (u) => u.type === Re.audioId3 && l : r === "video" ? c = (u) => u.type === Re.emsg && o : c = (u) => u.type === Re.audioId3 && l || u.type === Re.emsg && o, Fi(n, t, i, c);
+      r === "audio" ? c = (u) => u.type === Ce.audioId3 && l : r === "video" ? c = (u) => u.type === Ce.emsg && o : c = (u) => u.type === Ce.audioId3 && l || u.type === Ce.emsg && o, Fi(n, t, i, c);
     }
   }
   onLevelUpdated(e, {
@@ -6951,7 +6951,7 @@ class nl {
           const B = $s(c, f, v, {
             key: E,
             data: R
-          }, Re.dateRange);
+          }, Ce.dateRange);
           B && (B.id = h, this.id3Track.addCue(B), g[E] = B);
         }
       }
@@ -7466,7 +7466,7 @@ var me = {
   RemoveAlternatePermanently: 3,
   InsertDiscontinuity: 4,
   RetryRequest: 5
-}, Ae = {
+}, Le = {
   None: 0,
   MoveAllAlternatesMatchingHost: 1,
   MoveAllAlternatesMatchingHDCP: 2,
@@ -7517,7 +7517,7 @@ class Tl {
         if ((i = t.frag) != null && i.gap) {
           t.errorAction = {
             action: me.DoNothing,
-            flags: Ae.None
+            flags: Le.None
           };
           return;
         }
@@ -7545,7 +7545,7 @@ class Tl {
         if (a) {
           const c = n.levels[n.loadLevel];
           if (c && (a.type === J.AUDIO_TRACK && c.hasAudioGroup(a.groupId) || a.type === J.SUBTITLE_TRACK && c.hasSubtitleGroup(a.groupId))) {
-            t.errorAction = this.getPlaylistRetryOrSwitchAction(t, n.loadLevel), t.errorAction.action = me.SendAlternateToPenaltyBox, t.errorAction.flags = Ae.MoveAllAlternatesMatchingHost;
+            t.errorAction = this.getPlaylistRetryOrSwitchAction(t, n.loadLevel), t.errorAction.action = me.SendAlternateToPenaltyBox, t.errorAction.flags = Le.MoveAllAlternatesMatchingHost;
             return;
           }
         }
@@ -7555,7 +7555,7 @@ class Tl {
           const c = n.levels[n.loadLevel], u = c == null ? void 0 : c.attrs["HDCP-LEVEL"];
           u ? t.errorAction = {
             action: me.SendAlternateToPenaltyBox,
-            flags: Ae.MoveAllAlternatesMatchingHDCP,
+            flags: Le.MoveAllAlternatesMatchingHDCP,
             hdcpLevel: u
           } : this.keySystemError(t);
         }
@@ -7574,7 +7574,7 @@ class Tl {
       case _.BUFFER_NUDGE_ON_STALL:
         t.errorAction = {
           action: me.DoNothing,
-          flags: Ae.None
+          flags: Le.None
         };
         return;
     }
@@ -7589,7 +7589,7 @@ class Tl {
     if (Yt(r, n, zt(e), e.response))
       return {
         action: me.RetryRequest,
-        flags: Ae.None,
+        flags: Le.None,
         retryConfig: r,
         retryCount: n
       };
@@ -7604,7 +7604,7 @@ class Tl {
     if (r && (e.details !== _.FRAG_GAP && r.fragmentError++, Yt(o, l, zt(e), e.response)))
       return {
         action: me.RetryRequest,
-        flags: Ae.None,
+        flags: Le.None,
         retryConfig: o,
         retryCount: l
       };
@@ -7661,13 +7661,13 @@ class Tl {
       if (u > -1 && i.loadLevel !== u)
         return e.levelRetry = !0, this.playlistError = 0, {
           action: me.SendAlternateToPenaltyBox,
-          flags: Ae.None,
+          flags: Le.None,
           nextAutoLevel: u
         };
     }
     return {
       action: me.SendAlternateToPenaltyBox,
-      flags: Ae.MoveAllAlternatesMatchingHost
+      flags: Le.MoveAllAlternatesMatchingHost
     };
   }
   onErrorOut(e, t) {
@@ -7694,10 +7694,10 @@ class Tl {
       nextAutoLevel: a
     } = i;
     switch (r) {
-      case Ae.None:
+      case Le.None:
         this.switchLevel(e, a);
         break;
-      case Ae.MoveAllAlternatesMatchingHDCP:
+      case Le.MoveAllAlternatesMatchingHDCP:
         n && (t.maxHdcpLevel = Ni[Ni.indexOf(n) - 1], i.resolved = !0), this.warn(`Restricting playback to HDCP-LEVEL of "${t.maxHdcpLevel}" or lower`);
         break;
     }
@@ -10129,7 +10129,7 @@ class cs {
       pts: this.lastPTS,
       dts: this.lastPTS,
       data: i,
-      type: Re.audioId3,
+      type: Ce.audioId3,
       duration: Number.POSITIVE_INFINITY
     }); r < c; ) {
       if (this.canParse(e, r)) {
@@ -10140,7 +10140,7 @@ class cs {
           pts: this.lastPTS,
           dts: this.lastPTS,
           data: i,
-          type: Re.audioId3,
+          type: Ce.audioId3,
           duration: Number.POSITIVE_INFINITY
         }), r += i.length, n = r) : r++;
       if (r === c && n !== c) {
@@ -10513,7 +10513,7 @@ class uc {
             len: c.byteLength,
             dts: o,
             pts: o,
-            type: Re.emsg,
+            type: Ce.emsg,
             duration: l
           });
         }
@@ -11296,7 +11296,7 @@ class ze {
       return;
     }
     const i = oe({}, t, {
-      type: this._videoTrack ? Re.emsg : Re.audioId3,
+      type: this._videoTrack ? Ce.emsg : Ce.audioId3,
       duration: Number.POSITIVE_INFINITY
     });
     e.samples.push(i);
@@ -15596,7 +15596,7 @@ const or = {
 }, jn = function(e) {
   let t = e;
   return or.hasOwnProperty(e) && (t = or[e]), String.fromCharCode(t);
-}, Le = 15, $e = 100, Bc = {
+}, Re = 15, $e = 100, Bc = {
   17: 1,
   18: 3,
   21: 5,
@@ -15781,19 +15781,19 @@ class Wc {
 }
 class xi {
   constructor(e) {
-    this.rows = [], this.currRow = Le - 1, this.nrRollUpRows = null, this.lastOutputScreen = null, this.logger = void 0;
-    for (let t = 0; t < Le; t++)
+    this.rows = [], this.currRow = Re - 1, this.nrRollUpRows = null, this.lastOutputScreen = null, this.logger = void 0;
+    for (let t = 0; t < Re; t++)
       this.rows.push(new Wc(e));
     this.logger = e;
   }
   reset() {
-    for (let e = 0; e < Le; e++)
+    for (let e = 0; e < Re; e++)
       this.rows[e].clear();
-    this.currRow = Le - 1;
+    this.currRow = Re - 1;
   }
   equals(e) {
     let t = !0;
-    for (let i = 0; i < Le; i++)
+    for (let i = 0; i < Re; i++)
       if (!this.rows[i].equals(e.rows[i])) {
         t = !1;
         break;
@@ -15801,12 +15801,12 @@ class xi {
     return t;
   }
   copy(e) {
-    for (let t = 0; t < Le; t++)
+    for (let t = 0; t < Re; t++)
       this.rows[t].copy(e.rows[t]);
   }
   isEmpty() {
     let e = !0;
-    for (let t = 0; t < Le; t++)
+    for (let t = 0; t < Re; t++)
       if (!this.rows[t].isEmpty()) {
         e = !1;
         break;
@@ -15838,7 +15838,7 @@ class xi {
     this.logger.log(2, () => "pacData = " + JSON.stringify(e));
     let t = e.row - 1;
     if (this.nrRollUpRows && t < this.nrRollUpRows - 1 && (t = this.nrRollUpRows - 1), this.nrRollUpRows && this.currRow !== t) {
-      for (let o = 0; o < Le; o++)
+      for (let o = 0; o < Re; o++)
         this.rows[o].clear();
       const n = this.currRow + 1 - this.nrRollUpRows, a = this.lastOutputScreen;
       if (a) {
@@ -15888,7 +15888,7 @@ class xi {
     e = e || !1;
     const t = [];
     let i = "", r = -1;
-    for (let n = 0; n < Le; n++) {
+    for (let n = 0; n < Re; n++) {
       const a = this.rows[n].getTextString();
       a && (r = n + 1, e ? t.push("Row " + r + ": '" + a + "'") : t.push(a.trim()));
     }
@@ -15901,10 +15901,10 @@ class xi {
 }
 class lr {
   constructor(e, t, i) {
-    this.chNr = void 0, this.outputFilter = void 0, this.mode = void 0, this.verbose = void 0, this.displayedMemory = void 0, this.nonDisplayedMemory = void 0, this.lastOutputScreen = void 0, this.currRollUpRow = void 0, this.writeScreen = void 0, this.cueStartTime = void 0, this.logger = void 0, this.chNr = e, this.outputFilter = t, this.mode = null, this.verbose = 0, this.displayedMemory = new xi(i), this.nonDisplayedMemory = new xi(i), this.lastOutputScreen = new xi(i), this.currRollUpRow = this.displayedMemory.rows[Le - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null, this.logger = i;
+    this.chNr = void 0, this.outputFilter = void 0, this.mode = void 0, this.verbose = void 0, this.displayedMemory = void 0, this.nonDisplayedMemory = void 0, this.lastOutputScreen = void 0, this.currRollUpRow = void 0, this.writeScreen = void 0, this.cueStartTime = void 0, this.logger = void 0, this.chNr = e, this.outputFilter = t, this.mode = null, this.verbose = 0, this.displayedMemory = new xi(i), this.nonDisplayedMemory = new xi(i), this.lastOutputScreen = new xi(i), this.currRollUpRow = this.displayedMemory.rows[Re - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null, this.logger = i;
   }
   reset() {
-    this.mode = null, this.displayedMemory.reset(), this.nonDisplayedMemory.reset(), this.lastOutputScreen.reset(), this.outputFilter.reset(), this.currRollUpRow = this.displayedMemory.rows[Le - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null;
+    this.mode = null, this.displayedMemory.reset(), this.nonDisplayedMemory.reset(), this.lastOutputScreen.reset(), this.outputFilter.reset(), this.currRollUpRow = this.displayedMemory.rows[Re - 1], this.writeScreen = this.displayedMemory, this.mode = null, this.cueStartTime = null;
   }
   getHandler() {
     return this.outputFilter;
@@ -18363,7 +18363,7 @@ class Wu {
     const {
       errorAction: i
     } = t;
-    if ((i == null ? void 0 : i.action) === me.SendAlternateToPenaltyBox && i.flags === Ae.MoveAllAlternatesMatchingHost) {
+    if ((i == null ? void 0 : i.action) === me.SendAlternateToPenaltyBox && i.flags === Le.MoveAllAlternatesMatchingHost) {
       const r = this.levels;
       let n = this.pathwayPriority, a = this.pathwayId;
       if (t.context) {
@@ -22156,7 +22156,7 @@ const Ih = _h.exports, G = {
   lineGraphDot: "line-graph-dot",
   curtain: "curtain",
   forbiddenInterval: "forbidden-interval"
-}, De = {
+}, Ue = {
   transparencyGradient: "transparency-gradient",
   transparencyGradientLight: "transparency-gradient-light",
   loadingGradient: "loading-gradient",
@@ -22238,6 +22238,10 @@ const Ih = _h.exports, G = {
       type: Number,
       default: 60
     },
+    chartMinLabelHeight: {
+      type: Number,
+      default: 18
+    },
     minZoom: {
       type: Number,
       default: 1e-4
@@ -22254,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
@@ -22313,6 +22309,14 @@ const Ih = _h.exports, G = {
     milestonesFirst: {
       type: Boolean,
       default: !0
+    },
+    forbiddenIntervals: {
+      type: Array,
+      default: () => []
+    },
+    forbiddenIntervalColor: {
+      type: String,
+      default: "#ddd"
     }
   },
   data() {
@@ -22369,7 +22373,13 @@ const Ih = _h.exports, G = {
   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 +22390,7 @@ const Ih = _h.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 +22418,7 @@ const Ih = _h.exports, G = {
     },
     lineGraphGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === Ue.lineGraph ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Ae.lineGraph ? { ...s, [e]: t } : s,
         {}
       );
     },
@@ -22420,7 +22430,7 @@ const Ih = _h.exports, G = {
     },
     barGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => !t.chartType || [Ue.bars, Ue.dots].includes(
+        (s, [e, t]) => !t.chartType || [Ae.bars, Ae.dots].includes(
           t.chartType
         ) ? { ...s, [e]: t } : s,
         {}
@@ -22428,13 +22438,13 @@ const Ih = _h.exports, G = {
     },
     barChartGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === Ue.barChart ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Ae.barChart ? { ...s, [e]: t } : s,
         {}
       );
     },
     milestonesGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === Ue.milestones ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Ae.milestones ? { ...s, [e]: t } : s,
         {}
       );
     },
@@ -22454,10 +22464,7 @@ const Ih = _h.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 +22553,6 @@ const Ih = _h.exports, G = {
     startDate() {
       this.zoomToStartAndEndDates();
     },
-    minDate() {
-      this.updateForbiddenIntervals();
-    },
-    maxDate() {
-      this.updateForbiddenIntervals();
-    },
     endDate() {
       this.zoomToStartAndEndDates();
     },
@@ -22571,6 +22572,9 @@ const Ih = _h.exports, G = {
     },
     groupsVisibility() {
       this.updateAndRedrawTimeline();
+    },
+    forbiddenIntervals() {
+      this.updateForbiddenIntervals(!0);
     }
   },
   created() {
@@ -22593,7 +22597,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;
@@ -22605,17 +22609,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", `${De.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
-          a.append("stop").attr("offset", "0%").attr("stop-color", r).attr("stop-opacity", "0"), a.append("stop").attr("offset", "50%").attr("stop-color", r).attr("stop-opacity", "0.6"), a.append("stop").attr("offset", "100%").attr("stop-color", r).attr("stop-opacity", "0"), [Ue.lineGraph, Ue.barChart].includes(
+          const { color: r, chartType: n } = i, a = s.append("linearGradient").attr("id", `${Ue.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
+          a.append("stop").attr("offset", "0%").attr("stop-color", r).attr("stop-opacity", "0"), a.append("stop").attr("offset", "50%").attr("stop-color", r).attr("stop-opacity", "0.6"), a.append("stop").attr("offset", "100%").attr("stop-color", r).attr("stop-opacity", "0"), [Ae.lineGraph, Ae.barChart].includes(
             n
           ) && [
             {
-              id: De.transparencyGradientLight,
+              id: Ue.transparencyGradientLight,
               stop: 38,
               opacity: 0.3
             },
             {
-              id: De.transparencyGradient,
+              id: Ue.transparencyGradient,
               stop: 130,
               opacity: 0.4
             }
@@ -22624,7 +22628,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", De.stripedPattern).attr("width", 6).attr("height", 4).attr("patternUnits", "userSpaceOnUse").attr("patternTransform", "rotate(45)").append("rect").attr("width", 2).attr("height", 6).attr("transform", "translate(0,0)").attr("fill", "#ddd");
+      ), s.append("pattern").attr("id", Ue.stripedPattern).attr("width", 5).attr("height", 3).attr("patternUnits", "userSpaceOnUse").attr("patternTransform", "rotate(45)").append("rect").attr("width", 1).attr("height", 4).attr("transform", "translate(0,0)").attr("fill", this.forbiddenIntervalColor);
     },
     initUtcOffset() {
       const s = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate;
@@ -22857,7 +22861,7 @@ 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;
+      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) {
@@ -23004,7 +23008,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,
@@ -23081,25 +23085,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(#${De.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(#${De.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();
@@ -23124,18 +23120,22 @@ const Ih = _h.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 +23147,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(#${De.transparencyGradientLight}-${i})`).attr("stroke", t).attr("stroke-linejoin", "round").attr("stroke-linecap", "round").attr("stroke-width", 1).attr("d", (a) => r(a)).attr("clip-path", `url(#${n})`);
+      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,
@@ -23182,54 +23182,69 @@ const Ih = _h.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 = [
+        Ae.bars,
+        Ae.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 ? 0.5 : 2, x = m + y / 2;
+        v.append("line").classed(je.milestoneLine, !0).attr("x1", 0).attr("x2", this.timeline.offsetWidth).attr("y1", x).attr("y2", x).style("stroke", a).style("stroke-width", T);
       }
       this.drawBars({
-        events: 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 === Ue.dots,
+          bottom: e.bottom,
+          dots: e.chartType === Ae.dots,
           dotsSize: e.dotsSize || 3
         })
       );
@@ -23243,8 +23258,7 @@ const Ih = _h.exports, G = {
             events: [],
             isLoading: !1
           },
-          milestone: !0,
-          height: e.height
+          milestone: !0
         })
       ), this.updateMilestonesPositions();
     },
@@ -23271,6 +23285,19 @@ const Ih = _h.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 +23342,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(#${De.loadingGradient}-${e})`).style("visibility", t ? "visible" : "hidden");
+      ).attr("x", 0).attr("y", s).attr("width", this.timeline.offsetWidth / 3).attr("height", this.barChartHeight).attr("fill", `url(#${Ue.loadingGradient}-${e})`).style("visibility", t ? "visible" : "hidden");
     },
     drawBackground({
       color: s,
@@ -23332,22 +23359,25 @@ const Ih = _h.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", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", (f) => f.color || i).on("mouseover", function(f, m) {
+        I.select(this).classed(G.eventRectHovered, !0), c.handleBarMouseOver(f, m, r);
       }).on("mouseout", function() {
-        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 +23398,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(#${De.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) {
@@ -23389,7 +23419,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(#${De.transparencyGradient}-${e})`), i.attr("fill-opacity", 1);
+      i.attr("fill", `url(#${Ue.transparencyGradient}-${e})`), i.attr("fill-opacity", 1);
     },
     drawTextLabel({
       gElement: s,
@@ -23679,7 +23709,7 @@ export {
   Y as Size,
   Ia as TextSizes,
   kt as TimelineAxis,
-  Ue as TimelineChartType,
+  Ae as TimelineChartType,
   Pt as TimelineIntervalChangeTrigger,
   Cr as components,
   vh as debounce,