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

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import He from "vue";
+import Ve from "vue";
 import * as I from "d3";
-import Ve from "moment-timezone";
-var Y = /* @__PURE__ */ ((s) => (s.dot = "dot", s.xs = "xs", s.sm = "sm", s.md = "base", s.base = "base", s.lg = "lg", s.xl = "xl", s["2xl"] = "2xl", s["3xl"] = "3xl", s["4xl"] = "4xl", s["5xl"] = "5xl", s["6xl"] = "6xl", s["7xl"] = "7xl", s["8xl"] = "8xl", s["9xl"] = "9xl", s))(Y || {}), ge = /* @__PURE__ */ ((s) => (s.warning = "warning", s.error = "error", s.info = "info", s.success = "success", s.primary = "primary", s.brand = "brand", s.default = "default", s))(ge || {}), kt = /* @__PURE__ */ ((s) => (s.overview = "overview", s.detailed = "detailed", s.detailedBackground = "detailedBackground", s))(kt || {}), qe = /* @__PURE__ */ ((s) => (s.bars = "bars", s.lineGraph = "lineGraph", s.barChart = "barGraph", s.milestones = "milestones", s))(qe || {}), Pt = /* @__PURE__ */ ((s) => (s.zoom = "zoom", s.autoPan = "autoPan", s.initial = "initial", s))(Pt || {});
-const ma = He.extend({
+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 || {});
+const ma = Ve.extend({
   name: "EBadge",
   props: {
     text: {
@@ -94,7 +94,7 @@ var ga = function() {
   null,
   null
 );
-const Mr = ya.exports, va = He.extend({
+const Mr = ya.exports, va = Ve.extend({
   name: "EAvatar",
   components: {
     Badge: Mr
@@ -3963,7 +3963,7 @@ const Ca = {
   "canplay",
   "canplaythrough",
   "statechanged"
-], Pa = He.extend({
+], Pa = Ve.extend({
   name: "EIcon",
   props: {
     icon: {
@@ -4011,7 +4011,7 @@ var Oa = function() {
   null,
   null
 );
-const Na = Ma.exports, Ba = He.extend({
+const Na = Ma.exports, Ba = Ve.extend({
   name: "ESpinner",
   props: {
     dark: {
@@ -4089,7 +4089,7 @@ var $a = function() {
   null,
   null
 );
-const sn = Ga.exports, Ha = He.extend({
+const sn = Ga.exports, Ha = Ve.extend({
   props: {
     align: {
       type: String,
@@ -4162,7 +4162,7 @@ var Va = function() {
   null,
   null
 );
-const za = Wa.exports, Ya = He.extend({
+const za = Wa.exports, Ya = Ve.extend({
   props: {
     alignSelf: {
       type: String,
@@ -8951,7 +8951,7 @@ class Ul {
   load(e, t) {
     const i = e.url;
     if (!i)
-      return Promise.reject(new Ue({
+      return Promise.reject(new Ge({
         type: q.NETWORK_ERROR,
         details: _.FRAG_LOAD_ERROR,
         fatal: !1,
@@ -8988,7 +8988,7 @@ class Ul {
           });
         },
         onError: (f, m, g, y) => {
-          this.resetLoader(e, c), l(new Ue({
+          this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.FRAG_LOAD_ERROR,
             fatal: !1,
@@ -9003,7 +9003,7 @@ class Ul {
           }));
         },
         onAbort: (f, m, g) => {
-          this.resetLoader(e, c), l(new Ue({
+          this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.INTERNAL_ABORTED,
             fatal: !1,
@@ -9014,7 +9014,7 @@ class Ul {
           }));
         },
         onTimeout: (f, m, g) => {
-          this.resetLoader(e, c), l(new Ue({
+          this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.FRAG_LOAD_TIMEOUT,
             fatal: !1,
@@ -9063,7 +9063,7 @@ class Ul {
           i(v), o(v);
         },
         onError: (f, m, g, y) => {
-          this.resetLoader(e, c), l(new Ue({
+          this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.FRAG_LOAD_ERROR,
             fatal: !1,
@@ -9079,7 +9079,7 @@ class Ul {
           }));
         },
         onAbort: (f, m, g) => {
-          e.stats.aborted = t.stats.aborted, this.resetLoader(e, c), l(new Ue({
+          e.stats.aborted = t.stats.aborted, this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.INTERNAL_ABORTED,
             fatal: !1,
@@ -9091,7 +9091,7 @@ class Ul {
           }));
         },
         onTimeout: (f, m, g) => {
-          this.resetLoader(e, c), l(new Ue({
+          this.resetLoader(e, c), l(new Ge({
             type: q.NETWORK_ERROR,
             details: _.FRAG_LOAD_TIMEOUT,
             fatal: !1,
@@ -9149,9 +9149,9 @@ function Xs(s, e) {
     error: t,
     networkDetails: null
   };
-  return e && (i.part = e), (e || s).stats.aborted = !0, new Ue(i);
+  return e && (i.part = e), (e || s).stats.aborted = !0, new Ge(i);
 }
-class Ue extends Error {
+class Ge extends Error {
   constructor(e) {
     super(e.error.message), this.data = void 0, this.data = e;
   }
@@ -10993,12 +10993,12 @@ class mc {
   }
 }
 const ue = 188;
-class We {
+class ze {
   constructor(e, t, i) {
     this.observer = void 0, this.config = void 0, this.typeSupported = void 0, this.sampleAes = null, this.pmtParsed = !1, this.audioCodec = void 0, this.videoCodec = void 0, this._duration = 0, this._pmtId = -1, this._videoTrack = void 0, this._audioTrack = void 0, this._id3Track = void 0, this._txtTrack = void 0, this.aacOverFlow = null, this.remainderData = null, this.videoParser = void 0, this.observer = e, this.config = t, this.typeSupported = i, this.videoParser = new fc();
   }
   static probe(e) {
-    const t = We.syncOffset(e);
+    const t = ze.syncOffset(e);
     return t > 0 && S.warn(`MPEG2-TS detected but first sync word found @ offset ${t}`), t !== -1;
   }
   static syncOffset(e) {
@@ -11040,7 +11040,7 @@ class We {
    * Resets all internal track instances of the demuxer.
    */
   resetInitSegment(e, t, i, r) {
-    this.pmtParsed = !1, this._pmtId = -1, this._videoTrack = We.createTrack("video"), this._audioTrack = We.createTrack("audio", r), this._id3Track = We.createTrack("id3"), this._txtTrack = We.createTrack("text"), this._audioTrack.segmentCodec = "aac", this.aacOverFlow = null, this.remainderData = null, this.audioCodec = t, this.videoCodec = i, this._duration = r;
+    this.pmtParsed = !1, this._pmtId = -1, this._videoTrack = ze.createTrack("video"), this._audioTrack = ze.createTrack("audio", r), this._id3Track = ze.createTrack("id3"), this._txtTrack = ze.createTrack("text"), this._audioTrack.segmentCodec = "aac", this.aacOverFlow = null, this.remainderData = null, this.audioCodec = t, this.videoCodec = i, this._duration = r;
   }
   resetTimeStamp() {
   }
@@ -11064,7 +11064,7 @@ class We {
         id3Track: l,
         textTrack: c
       };
-    const L = Math.max(0, We.syncOffset(e));
+    const L = Math.max(0, ze.syncOffset(e));
     x -= (x - L) % ue, x < e.byteLength && !r && (this.remainderData = new Uint8Array(e.buffer, x, e.buffer.byteLength - x));
     let E = 0;
     for (let R = L; R < x; R += ue)
@@ -11489,7 +11489,7 @@ class Qs {
     }
   }
 }
-const Ke = Math.pow(2, 32) - 1;
+const We = Math.pow(2, 32) - 1;
 class A {
   static init() {
     A.types = {
@@ -11754,7 +11754,7 @@ class A {
   }
   static mdhd(e, t) {
     t *= e;
-    const i = Math.floor(t / (Ke + 1)), r = Math.floor(t % (Ke + 1));
+    const i = Math.floor(t / (We + 1)), r = Math.floor(t % (We + 1));
     return A.box(A.types.mdhd, new Uint8Array([
       1,
       // version 1
@@ -11839,7 +11839,7 @@ class A {
   }
   static mvhd(e, t) {
     t *= e;
-    const i = Math.floor(t / (Ke + 1)), r = Math.floor(t % (Ke + 1)), n = new Uint8Array([
+    const i = Math.floor(t / (We + 1)), r = Math.floor(t % (We + 1)), n = new Uint8Array([
       1,
       // version 1
       0,
@@ -12229,7 +12229,7 @@ class A {
     return e.type === "audio" ? e.segmentCodec === "mp3" && e.codec === "mp3" ? A.box(A.types.stsd, A.STSD, A.mp3(e)) : e.segmentCodec === "ac3" ? A.box(A.types.stsd, A.STSD, A.ac3(e)) : A.box(A.types.stsd, A.STSD, A.mp4a(e)) : A.box(A.types.stsd, A.STSD, A.avc1(e));
   }
   static tkhd(e) {
-    const t = e.id, i = e.duration * e.timescale, r = e.width, n = e.height, a = Math.floor(i / (Ke + 1)), o = Math.floor(i % (Ke + 1));
+    const t = e.id, i = e.duration * e.timescale, r = e.width, n = e.height, a = Math.floor(i / (We + 1)), o = Math.floor(i % (We + 1));
     return A.box(A.types.tkhd, new Uint8Array([
       1,
       // version 1
@@ -12344,7 +12344,7 @@ class A {
     ]));
   }
   static traf(e, t) {
-    const i = A.sdtp(e), r = e.id, n = Math.floor(t / (Ke + 1)), a = Math.floor(t % (Ke + 1));
+    const i = A.sdtp(e), r = e.id, n = Math.floor(t / (We + 1)), a = Math.floor(t % (We + 1));
     return A.box(
       A.types.traf,
       A.box(A.types.tfhd, new Uint8Array([
@@ -13038,17 +13038,17 @@ function tr(s, e) {
   }
   return S.warn(`Unhandled video codec "${t}"`), t === "hvc1" || t === "hev1" ? "hvc1.1.6.L120.90" : t === "av01" ? "av01.0.04M.08" : "avc1.42e01e";
 }
-let Ge;
+let He;
 try {
-  Ge = self.performance.now.bind(self.performance);
+  He = self.performance.now.bind(self.performance);
 } catch {
-  S.debug("Unable to use Performance API on this environment"), Ge = lt == null ? void 0 : lt.Date.now;
+  S.debug("Unable to use Performance API on this environment"), He = lt == null ? void 0 : lt.Date.now;
 }
 const Nt = [{
   demux: uc,
   remux: Ac
 }, {
-  demux: We,
+  demux: ze,
   remux: Mt
 }, {
   demux: lc,
@@ -13070,7 +13070,7 @@ class ir {
   }
   push(e, t, i, r) {
     const n = i.transmuxing;
-    n.executeStart = Ge();
+    n.executeStart = He();
     let a = new Uint8Array(e);
     const {
       currentTransmuxState: o,
@@ -13096,7 +13096,7 @@ class ir {
       if (B.isSync()) {
         let C = B.softwareDecrypt(a, L.key.buffer, L.iv.buffer);
         if (i.part > -1 && (C = B.flush()), !C)
-          return n.executeEnd = Ge(), vi(i);
+          return n.executeEnd = He(), vi(i);
         a = new Uint8Array(C);
       } else
         return this.decryptionPromise = B.webCryptoDecrypt(a, L.key.buffer, L.iv.buffer).then((C) => {
@@ -13114,16 +13114,16 @@ class ir {
           fatal: !1,
           error: B,
           reason: B.message
-        }), n.executeEnd = Ge(), vi(i);
+        }), n.executeEnd = He(), vi(i);
     }
     (u || h || m || E) && this.resetInitSegment(x, g, y, T, t), (u || m || E) && this.resetInitialTimestamp(v), c || this.resetContiguity();
     const k = this.transmux(a, L, f, d, i), R = this.currentTransmuxState;
-    return R.contiguous = !0, R.discontinuity = !1, R.trackSwitch = !1, n.executeEnd = Ge(), k;
+    return R.contiguous = !0, R.discontinuity = !1, R.trackSwitch = !1, n.executeEnd = He(), k;
   }
   // Due to data caching, flush calls can produce more than one TransmuxerResult (hence the Array type)
   flush(e) {
     const t = e.transmuxing;
-    t.executeStart = Ge();
+    t.executeStart = He();
     const {
       decrypter: i,
       currentTransmuxState: r,
@@ -13143,7 +13143,7 @@ class ir {
       remuxer: c
     } = this;
     if (!l || !c)
-      return t.executeEnd = Ge(), [vi(e)];
+      return t.executeEnd = He(), [vi(e)];
     const u = l.flush(o);
     return Bt(u) ? u.then((h) => (this.flushRemux(a, h, e), a)) : (this.flushRemux(a, u, e), a);
   }
@@ -13162,7 +13162,7 @@ class ir {
     e.push({
       remuxResult: u,
       chunkMeta: i
-    }), i.transmuxing.executeEnd = Ge();
+    }), i.transmuxing.executeEnd = He();
   }
   resetInitialTimestamp(e) {
     const {
@@ -15642,7 +15642,7 @@ class Vc {
     }
   }
 }
-const je = function(e) {
+const qe = function(e) {
   const t = [];
   for (let i = 0; i < e.length; i++)
     t.push(e[i].toString(16));
@@ -16016,11 +16016,11 @@ class cr {
     this.logger.time = e;
     for (let o = 0; o < t.length; o += 2)
       if (r = t[o] & 127, n = t[o + 1] & 127, !(r === 0 && n === 0)) {
-        if (this.logger.log(3, "[" + je([t[o], t[o + 1]]) + "] -> (" + je([r, n]) + ")"), i = this.parseCmd(r, n), i || (i = this.parseMidrow(r, n)), i || (i = this.parsePAC(r, n)), i || (i = this.parseBackgroundAttributes(r, n)), !i && (a = this.parseChars(r, n), a)) {
+        if (this.logger.log(3, "[" + qe([t[o], t[o + 1]]) + "] -> (" + qe([r, n]) + ")"), i = this.parseCmd(r, n), i || (i = this.parseMidrow(r, n)), i || (i = this.parsePAC(r, n)), i || (i = this.parseBackgroundAttributes(r, n)), !i && (a = this.parseChars(r, n), a)) {
           const l = this.currentChannel;
           l && l > 0 ? this.channels[l].insertChars(a) : this.logger.log(2, "No channel found yet. TEXT-MODE?");
         }
-        !i && !a && this.logger.log(2, "Couldn't parse cleaned data " + je([r, n]) + " orig: " + je([t[o], t[o + 1]]));
+        !i && !a && this.logger.log(2, "Couldn't parse cleaned data " + qe([r, n]) + " orig: " + qe([t[o], t[o + 1]]));
       }
   }
   /**
@@ -16034,7 +16034,7 @@ class cr {
     if (!(r || n))
       return !1;
     if (ur(e, t, i))
-      return rt(null, null, i), this.logger.log(3, "Repeated command (" + je([e, t]) + ") is dropped"), !0;
+      return rt(null, null, i), this.logger.log(3, "Repeated command (" + qe([e, t]) + ") is dropped"), !0;
     const a = e === 20 || e === 21 || e === 23 ? 1 : 2, o = this.channels[a];
     return e === 20 || e === 21 || e === 28 || e === 29 ? t === 32 ? o.ccRCL() : t === 33 ? o.ccBS() : t === 34 ? o.ccAOF() : t === 35 ? o.ccAON() : t === 36 ? o.ccDER() : t === 37 ? o.ccRU(2) : t === 38 ? o.ccRU(3) : t === 39 ? o.ccRU(4) : t === 40 ? o.ccFON() : t === 41 ? o.ccRDC() : t === 42 ? o.ccTR() : t === 43 ? o.ccRTD() : t === 44 ? o.ccEDM() : t === 45 ? o.ccCR() : t === 46 ? o.ccENM() : t === 47 && o.ccEOC() : o.ccTO(t - 32), rt(e, t, i), this.currentChannel = a, !0;
   }
@@ -16047,7 +16047,7 @@ class cr {
       if (e === 17 ? i = 1 : i = 2, i !== this.currentChannel)
         return this.logger.log(0, "Mismatch channel in midrow parsing"), !1;
       const r = this.channels[i];
-      return r ? (r.ccMIDROW(t), this.logger.log(3, "MIDROW (" + je([e, t]) + ")"), !0) : !1;
+      return r ? (r.ccMIDROW(t), this.logger.log(3, "MIDROW (" + qe([e, t]) + ")"), !0) : !1;
     }
     return !1;
   }
@@ -16094,7 +16094,7 @@ class cr {
     } else
       e >= 32 && e <= 127 && (r = t === 0 ? [e] : [e, t]);
     if (r) {
-      const a = je(r);
+      const a = qe(r);
       this.logger.log(3, "Char codes =  " + a.join(",")), rt(e, t, this.cmdHistory);
     }
     return r;
@@ -19519,7 +19519,7 @@ class oh {
     this.keyUriToKeyInfo = {};
   }
   createKeyLoadError(e, t = _.KEY_LOAD_ERROR, i, r, n) {
-    return new Ue({
+    return new Ge({
       type: q.NETWORK_ERROR,
       details: t,
       fatal: !1,
@@ -21165,7 +21165,7 @@ const Ci = new Intl.NumberFormat(void 0, {
   return i === 0 ? `${t}:${Ci.format(e)}` : `${i}:${Ci.format(
     t
   )}:${Ci.format(e)}`;
-}, xh = He.extend({
+}, xh = Ve.extend({
   name: "VideoPlayer",
   components: {
     ESpinner: sn
@@ -21471,14 +21471,14 @@ const bh = Sh.exports, Zt = (s) => {
   return `${e}${i}`;
 }, Ar = (s) => new Date(
   Date.UTC(s.getUTCFullYear(), s.getUTCMonth(), s.getUTCDate() + 1)
-).getUTCDate() === 1 ? "" : I.utcFormat("%-d")(s), gt = (s) => ["0", " 0", "00"].includes(I.utcFormat("%H")(s)) ? "" : `${I.utcFormat("%H")(s)}h`, ze = (s) => {
+).getUTCDate() === 1 ? "" : I.utcFormat("%-d")(s), gt = (s) => ["0", " 0", "00"].includes(I.utcFormat("%H")(s)) ? "" : `${I.utcFormat("%H")(s)}h`, Ye = (s) => {
   const e = I.utcFormat("%H:%M")(s);
   return e === "00:00" ? "" : e;
 }, _i = (s) => I.utcFormat("%M:%S")(s), Lr = (s) => `${I.utcFormat("%Hh%Mm")(s)}`, Yi = (s) => {
-  const e = ze(s), t = Zt(s), i = I.utcFormat("%B")(s);
+  const e = Ye(s), t = Zt(s), i = I.utcFormat("%B")(s);
   return e || `${i} ${t}`;
 }, Ii = (s) => {
-  const e = ze(s), t = Number.parseInt(I.utcFormat("%H")(s)), i = Zt(s), r = I.utcFormat("%B")(s);
+  const e = Ye(s), t = Number.parseInt(I.utcFormat("%H")(s)), i = Zt(s), r = I.utcFormat("%B")(s);
   return e && t % 6 === 0 ? `${r} ${i} ${e}` : Yi(s);
 }, pt = (s) => (e) => {
   const t = I.utcFormat("%H")(e);
@@ -21553,7 +21553,7 @@ const Ah = {
       precision: K._2_hours,
       interval: I.utcHour.every(6),
       format: (s) => {
-        const e = ze(s), t = Zt(s), i = I.utcFormat("%B")(s);
+        const e = Ye(s), t = Zt(s), i = I.utcFormat("%B")(s);
         return e || `${i} ${t}`;
       }
     },
@@ -21628,27 +21628,27 @@ const Ah = {
     {
       precision: K._1_minute,
       interval: I.utcMinute.filter(wi(5)),
-      format: ze
+      format: Ye
     },
     {
       precision: K._2_minutes,
       interval: (Ir = I.utcMinute.every(2)) == null ? void 0 : Ir.filter(wi(10)),
-      format: ze
+      format: Ye
     },
     {
       precision: K._5_minutes,
       interval: (wr = I.utcMinute.every(5)) == null ? void 0 : wr.filter(wi(20)),
-      format: ze
+      format: Ye
     },
     {
       precision: K._15_minutes,
       interval: (kr = I.utcMinute.every(15)) == null ? void 0 : kr.filter(pt(1)),
-      format: ze
+      format: Ye
     },
     {
       precision: K._30_minutes,
       interval: (Pr = I.utcMinute.every(30)) == null ? void 0 : Pr.filter(pt(2)),
-      format: ze
+      format: Ye
     },
     {
       precision: K._1_hour,
@@ -21911,7 +21911,7 @@ const Ah = {
     name: "resize-observer",
     definition: vs
   }
-], Ye = {
+], je = {
   milestone: "e-tl-milestone",
   milestoneBullet: "e-tl-milestone--bullet",
   milestoneDot: "e-tl-milestone--dot",
@@ -21925,7 +21925,7 @@ const Ah = {
   milestoneDotLine: "e-tl-milestone-dot-line",
   milestoneDotDot: "e-tl-milestone-dot-dot",
   milestoneDotHovered: "e-tl-milestone-dot--hovered"
-}, Rh = He.extend({
+}, Rh = Ve.extend({
   name: "ETimeline",
   directives: {
     resizeObserver: vs
@@ -21974,7 +21974,7 @@ const Ah = {
   },
   data() {
     return {
-      milestoneClasses: Ye,
+      milestoneClasses: je,
       timeouts: [],
       isInitialRender: !0,
       isMouseOver: !1
@@ -22067,7 +22067,7 @@ const Ah = {
       if (!i)
         return;
       const r = i.getBoundingClientRect(), n = e.dataset.timeoutId;
-      n && (clearTimeout(Number(n)), e.dataset.timeoutId = ""), e.dataset.initialWidth || (e.dataset.initialWidth = e.style.width), e.dataset.initialHeight || (e.dataset.initialHeight = e.style.height), e.dataset.initialContentWidth || (e.dataset.initialContentWidth = String(r.width)), e.dataset.initialContentHeight || (e.dataset.initialContentHeight = String(r.height)), e.dataset.transitionStart = String(Date.now()), e.style.width = e.dataset.initialContentWidth + "px", e.style.height = e.dataset.initialContentHeight + "px", e.style.borderRadius = "0.5em", e.classList.add(Ye.milestoneHovered), t.style.opacity = "1", t.style.width = e.dataset.initialContentWidth + "px", t.style.height = e.dataset.initialContentHeight + "px";
+      n && (clearTimeout(Number(n)), e.dataset.timeoutId = ""), e.dataset.initialWidth || (e.dataset.initialWidth = e.style.width), e.dataset.initialHeight || (e.dataset.initialHeight = e.style.height), e.dataset.initialContentWidth || (e.dataset.initialContentWidth = String(r.width)), e.dataset.initialContentHeight || (e.dataset.initialContentHeight = String(r.height)), e.dataset.transitionStart = String(Date.now()), e.style.width = e.dataset.initialContentWidth + "px", e.style.height = e.dataset.initialContentHeight + "px", e.style.borderRadius = "0.5em", e.classList.add(je.milestoneHovered), t.style.opacity = "1", t.style.width = e.dataset.initialContentWidth + "px", t.style.height = e.dataset.initialContentHeight + "px";
     },
     onMilestoneMouseMove() {
       this.timeouts.forEach((s) => clearTimeout(s)), this.isMouseOver = !0;
@@ -22090,7 +22090,7 @@ const Ah = {
         return;
       t.style.width = "0", t.style.height = "0", t.style.opacity = "0";
       const i = Date.now() - Number(e.dataset.transitionStart), r = i > this.transitionDuration ? this.transitionDuration : i, n = setTimeout(() => {
-        e.classList.remove(Ye.milestoneHovered), e.dataset.timeoutId = "";
+        e.classList.remove(je.milestoneHovered), e.dataset.timeoutId = "";
       }, r);
       e.dataset.timeoutId = String(n), this.timeouts.push(n);
     },
@@ -22161,7 +22161,7 @@ const Ih = _h.exports, G = {
   transparencyGradientLight: "transparency-gradient-light",
   loadingGradient: "loading-gradient",
   stripedPattern: "stripedPattern"
-}, wh = He.extend({
+}, wh = Ve.extend({
   name: "ETimeline",
   directives: {
     resizeObserver: vs
@@ -22309,6 +22309,10 @@ const Ih = _h.exports, G = {
     milestoneBulletSize: {
       type: Number,
       default: 18
+    },
+    milestonesFirst: {
+      type: Boolean,
+      default: !0
     }
   },
   data() {
@@ -22363,6 +22367,30 @@ const Ih = _h.exports, G = {
     };
   },
   computed: {
+    combinedBarsHeight() {
+      return Object.values(this.barGroups).reduce(
+        (s, e) => s + (e.height || this.barChartHeight),
+        0
+      );
+    },
+    combinedMilestonesHeight() {
+      return Object.values(this.milestonesGroups).reduce(
+        (s, e) => s + (e.height || this.barChartHeight),
+        0
+      );
+    },
+    milestonesYOffset() {
+      return this.milestonesFirst ? 0 : this.combinedBarsHeight + (this.hasChart ? this.chartHeight : 0);
+    },
+    chartsYOffset() {
+      return this.hasMilestones && this.milestonesFirst ? this.combinedMilestonesHeight : 0;
+    },
+    barsYOffset() {
+      return (this.hasChart ? this.chartHeight : 0) + (this.hasMilestones && this.milestonesFirst ? this.combinedMilestonesHeight : 0);
+    },
+    hasMilestones() {
+      return Object.keys(this.milestonesGroups).length > 0;
+    },
     barChartHeight() {
       return this.barHeight + this.barYPadding;
     },
@@ -22380,7 +22408,7 @@ const Ih = _h.exports, G = {
     },
     lineGraphGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === qe.lineGraph ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Ue.lineGraph ? { ...s, [e]: t } : s,
         {}
       );
     },
@@ -22392,19 +22420,21 @@ const Ih = _h.exports, G = {
     },
     barGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => !t.chartType || t.chartType === qe.bars ? { ...s, [e]: t } : s,
+        (s, [e, t]) => !t.chartType || [Ue.bars, Ue.dots].includes(
+          t.chartType
+        ) ? { ...s, [e]: t } : s,
         {}
       );
     },
     barChartGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === qe.barChart ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Ue.barChart ? { ...s, [e]: t } : s,
         {}
       );
     },
     milestonesGroups() {
       return Object.entries(this.filteredEventsGroups).reduce(
-        (s, [e, t]) => t.chartType === qe.milestones ? { ...s, [e]: t } : s,
+        (s, [e, t]) => t.chartType === Ue.milestones ? { ...s, [e]: t } : s,
         {}
       );
     },
@@ -22576,7 +22606,7 @@ const Ih = _h.exports, G = {
       Object.entries(this.filteredEventsGroups).forEach(
         ([t, i]) => {
           const { color: r, chartType: n } = i, a = s.append("linearGradient").attr("id", `${De.loadingGradient}-${t}`).attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
-          a.append("stop").attr("offset", "0%").attr("stop-color", r).attr("stop-opacity", "0"), a.append("stop").attr("offset", "50%").attr("stop-color", r).attr("stop-opacity", "0.6"), a.append("stop").attr("offset", "100%").attr("stop-color", r).attr("stop-opacity", "0"), [qe.lineGraph, qe.barChart].includes(
+          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(
             n
           ) && [
             {
@@ -22598,7 +22628,7 @@ const Ih = _h.exports, G = {
     },
     initUtcOffset() {
       const s = this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate;
-      this.utcOffset = Ve.parseZone(s).utcOffset();
+      this.utcOffset = Ke.parseZone(s).utcOffset();
     },
     initTimeScale(s, e) {
       const t = s || this.startDate || this.oldestEvent.timestamp || this.oldestEvent.startDate, i = e || this.endDate || this.latestEvent.timestamp || this.latestEvent.endDate;
@@ -22909,10 +22939,10 @@ const Ih = _h.exports, G = {
       });
     },
     updateEventsBars() {
-      const s = `.${G.eventGroup} > rect.${G.eventRect}`;
-      this.svg.selectAll(s).attr("x", this.getEventRectX).attr("width", this.getEventRectWidth);
-      const e = `.${G.eventGroup} > text.${G.eventRectText}`;
-      this.svg.selectAll(e).attr("x", (t) => this.getEventRectX(t) + this.textPadding).text(this.getEventText);
+      const s = `.${G.eventGroup} > rect.${G.eventRect}`, e = `${s}:not(.${G.eventRect}--dot)`;
+      this.svg.selectAll(s).attr("x", this.getEventRectX), this.svg.selectAll(e).attr("width", this.getEventRectWidth);
+      const t = `.${G.eventGroup} > text.${G.eventRectText}`;
+      this.svg.selectAll(t).attr("x", (i) => this.getEventRectX(i) + this.textPadding).text(this.getEventText);
     },
     updateBarChart() {
       const s = Object.keys(this.barChartGroups).length;
@@ -23075,7 +23105,7 @@ const Ih = _h.exports, G = {
       this.svg.selectAll(`g.${G.eventGroup}`).remove(), this.svg.selectAll(`.${G.barChartGroup}`).remove(), this.svg.selectAll(`.${G.lineGraphGroup}`).remove(), this.svg.selectAll(`.${G.lineGraphGroupLabel}`).remove(), this.svg.selectAll(`.${G.loadingIndicator}`).remove(), this.drawLineGraphEventsGroups(), this.drawBarEventsGroups(), this.drawBarChartEventsGroups(), this.drawMilestonesPlaceholder();
     },
     drawLineGraphEventsGroups() {
-      const s = this.combinedXAxesHeight, e = this.insertZerosAtInterval ? this.filledGapsLineGraphGroups : this.lineGraphGroups;
+      const s = this.combinedXAxesHeight + this.chartsYOffset, e = this.insertZerosAtInterval ? this.filledGapsLineGraphGroups : this.lineGraphGroups;
       Object.entries(e).forEach(([t, i]) => {
         const r = this.svg.append("g").classed(
           `${G.lineGraphGroup} ${G.lineGraphGroup}-${t}`,
@@ -23152,42 +23182,56 @@ const Ih = _h.exports, G = {
     drawSingleBarEventsGroup({
       type: s,
       eventsGroup: e,
-      index: t,
+      index: t = 0,
       milestone: i,
-      height: r
+      height: r,
+      dots: n,
+      dotsSize: a
     }) {
-      const { color: n, bgColor: a, label: o, events: l, isLoading: c } = e, u = this.hasChart ? this.chartHeight : 0;
-      let h = t * this.barChartHeight + this.combinedXAxesHeight + u;
-      i && (h = this.getMilestoneGroupYPosition(s)), this.drawProgressIndicator({
-        yPosition: h,
+      const { color: 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,
         type: s,
-        color: n,
-        isLoading: c
+        color: o,
+        isLoading: h
       });
-      const d = this.svg.append("g").attr("data-color", n).classed(G.eventGroup, !0).classed(`${G.eventGroup}-${s}`, !0);
-      this.drawBackground({
-        color: a || n,
-        gElement: d,
-        yPosition: h,
+      const f = this.svg.append("g").attr("data-color", o).classed(G.eventGroup, !0).classed(`${G.eventGroup}-${s}`, !0);
+      if (this.drawBackground({
+        color: l || o,
+        gElement: f,
+        yPosition: d,
         height: r
-      }), this.drawBars({
-        events: l,
-        color: n,
-        gElement: d,
-        yPosition: h,
-        type: s
-      }), i && d.append("line").classed(Ye.milestoneLine, !0).attr("x1", 0).attr("x2", this.timeline.offsetWidth).style("stroke", n).style("stroke-width", 2), o && this.drawTextLabel({
-        color: n,
-        label: o,
+      }), 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);
+      }
+      this.drawBars({
+        events: u,
+        color: o,
+        gElement: f,
+        yPosition: d,
+        type: s,
+        dots: n,
+        dotsSize: a
+      }), c && this.drawTextLabel({
+        color: o,
+        label: c,
         type: s,
-        gElement: d,
-        yPosition: h,
+        gElement: f,
+        yPosition: d,
         height: r
       });
     },
     drawBarEventsGroups() {
       Object.entries(this.barGroups).forEach(
-        ([s, e], t) => this.drawSingleBarEventsGroup({ type: s, eventsGroup: e, index: t })
+        ([s, e], t) => this.drawSingleBarEventsGroup({
+          type: s,
+          eventsGroup: e,
+          index: t,
+          dots: e.chartType === Ue.dots,
+          dotsSize: e.dotsSize || 3
+        })
       );
     },
     drawMilestonesPlaceholder() {
@@ -23206,7 +23250,7 @@ const Ih = _h.exports, G = {
     },
     getMilestoneClass(s) {
       return {
-        [Ye.milestoneSelected]: [
+        [je.milestoneSelected]: [
           s.id,
           s.timestamp
         ].includes(this.selectedMilestoneId)
@@ -23220,26 +23264,25 @@ const Ih = _h.exports, G = {
     },
     getMilestoneGroupYPosition(s) {
       let e = 0;
-      for (const [i, r] of Object.entries(this.milestonesGroups)) {
-        if (i === s)
+      for (const [t, i] of Object.entries(this.milestonesGroups)) {
+        if (t === s)
           break;
-        e += r.height || this.barChartHeight;
+        e += i.height || this.barChartHeight;
       }
-      const t = this.hasChart ? this.chartHeight : 0;
-      return Object.keys(this.barGroups).length * this.barChartHeight + this.combinedXAxesHeight + t + e;
+      return this.combinedXAxesHeight + this.milestonesYOffset + e;
     },
     updateMilestonesPositions() {
       Object.entries(this.milestonesGroups).forEach(([s, e]) => {
         const t = this.getMilestoneGroupYPosition(s), i = this.svg.select(
           `g.${G.eventGroup}-${s}`
         ), r = 2, a = (e.height || this.barChartHeight) / 2, o = t + a - r / 2;
-        i.attr("x1", 0).attr("x2", this.timeline.offsetWidth).select(`.${Ye.milestoneLine}`).attr("y1", o).attr("y2", o);
+        i.attr("x1", 0).attr("x2", this.timeline.offsetWidth).select(`.${je.milestoneLine}`).attr("y1", o).attr("y2", o);
         const l = I.select(
-          `.${Ye.milestonesContainer}-${s}`
+          `.${je.milestonesContainer}-${s}`
         );
         l.style("top", `${t}px`).style("height", `${e.height || this.barChartHeight}px`);
         const c = l.selectAll(
-          `.${Ye.milestone}`
+          `.${je.milestone}`
         ).data(this.getSortedEvents(e.events));
         c.exit().remove(), c.enter().append("div").merge(c).style(
           "left",
@@ -23287,19 +23330,24 @@ const Ih = _h.exports, G = {
       gElement: e,
       yPosition: t,
       color: i,
-      type: r
+      type: r,
+      dots: n,
+      dotsSize: a
     }) {
-      const n = this;
+      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(
         "class",
-        (a) => G.eventRect + (a.className ? ` ${a.className}` : "")
-      ).attr("x", this.getEventRectX).attr("y", t + this.barYPadding / 2).attr("ry", 1.5).attr("rx", 1.5).attr("width", this.getEventRectWidth).attr("height", this.barChartHeight - this.barYPadding).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").style("fill", (a) => a.color || i).on("mouseover", function(a, o) {
-        I.select(this).classed(G.eventRectHovered, !0), n.handleBarMouseOver(a, o, r);
+        (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);
       }).on("mouseout", function() {
-        I.select(this).classed(G.eventRectHovered, !1), n.handleBarMouseOut();
-      }), e.selectAll(G.eventRectText).data(s.filter((a) => !!a.text)).enter().append("text").attr("class", G.eventRectText).attr("x", (a) => this.getEventRectX(a) + this.textPadding).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 600).style("stroke-linejoin", "round").style("paint-order", "stroke").style("pointer-events", "none").style(
+        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(
         "fill",
-        (a) => this.getTextFillColor(a.color || i, 0.75)
+        (u) => this.getTextFillColor(u.color || i, 0.75)
       ).text(this.getEventText);
     },
     drawBarsChart({
@@ -23424,18 +23472,18 @@ const Ih = _h.exports, G = {
       };
     },
     tzStringToDate(s) {
-      return Ve(s).add(this.utcOffset, "minutes").toDate();
+      return Ke(s).add(this.utcOffset, "minutes").toDate();
     },
     dateToTzString(s) {
       const e = new Date(s).getTimezoneOffset();
-      return Ve(s).add(e, "minutes").utcOffset(this.utcOffset, !0).format();
+      return Ke(s).add(e, "minutes").utcOffset(this.utcOffset, !0).format();
     },
     getCurrentTimeBounds() {
       const s = this.timeScale.domain();
       return { startDate: s[0], endDate: s[1] };
     },
     getFormattedTimestamp(s) {
-      return Ve.parseZone(s).format("YYYY-MM-DDTHH:mm:ss");
+      return Ke.parseZone(s).format("YYYY-MM-DDTHH:mm:ss");
     },
     fillTimeGaps(s) {
       if (s.length <= 1)
@@ -23446,14 +23494,14 @@ const Ih = _h.exports, G = {
         const a = s[n];
         if (r.push(a), n === s.length - 1)
           break;
-        const o = s[n + 1], l = Ve(a.timestamp), c = Ve(o.timestamp);
+        const o = s[n + 1], l = Ke(a.timestamp), c = Ke(o.timestamp);
         if (c.diff(l, e) > 1) {
           const u = t(l).toISOString(), h = i(c).toISOString();
           r.push({ timestamp: u, count: 0 }), u !== h && r.push({ timestamp: h, count: 0 });
         }
       }
       if (this.flattenLineGraphEnds) {
-        const n = Ve(s[0].timestamp), a = Ve(s[s.length - 1].timestamp), o = i(n).toISOString(), l = t(a).toISOString();
+        const n = Ke(s[0].timestamp), a = Ke(s[s.length - 1].timestamp), o = i(n).toISOString(), l = t(a).toISOString();
         r = [
           { timestamp: o, count: 0 },
           ...r,
@@ -23631,7 +23679,7 @@ export {
   Y as Size,
   Ia as TextSizes,
   kt as TimelineAxis,
-  qe as TimelineChartType,
+  Ue as TimelineChartType,
   Pt as TimelineIntervalChangeTrigger,
   Cr as components,
   vh as debounce,