@evercam/ui 0.0.52-beta.12 → 0.0.52-beta.14

package/dist/index.mjs

@@ -5152,7 +5152,8 @@ const qt = {
       textPadding: 5,
       debouncedOnResize: () => {
       },
-      isFirstPaint: !0
+      isFirstPaint: !0,
+      timeouts: []
     };
   },
   computed: {
@@ -5307,15 +5308,17 @@ const qt = {
     this.initTimeline();
   },
   beforeDestroy() {
-    document.removeEventListener("mouseup", this.handleDocumentMouseUp);
+    this.svg.remove(), document.removeEventListener("mouseup", this.handleDocumentMouseUp);
   },
   methods: {
     initTimeline(e, t) {
-      if (this.initRefs(), !this.timeline) {
-        setTimeout(this.initTimeline, 500);
+      if (this.initRefs(), !this.timeline || this.timeline.offsetWidth === 0) {
+        this.timeouts.push(
+          setTimeout(this.initTimeline, 500)
+        );
         return;
       }
-      this.initSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.initCurtains(), this.emitCurtainChange(), this.initSelectedTimestampCursor(), this.registerEventsListeners(), this.emitVisibleInterval(re.initial);
+      this.initSvg(), this.initDefs(), this.initUtcOffset(), this.initTimeScale(e, t), this.initXAxes(), this.initYScale(), this.initZoomBehavior(), this.drawEventsGroups(), this.curtains && (this.initCurtains(), this.emitCurtainChange()), this.initSelectedTimestampCursor(), this.registerEventsListeners(), this.emitVisibleInterval(re.initial);
     },
     initRefs() {
       this.tooltip = this.$refs.tooltip, this.cursor = this.$refs.cursor, this.timeline = this.$refs.timelineContainer, this.selectedTimestampCursor = this.$refs.selectedTimestamp;
@@ -5831,7 +5834,7 @@ const qt = {
         (c) => g.eventBarCap + (c.className ? ` ${c.className}` : "")
       ).attr("x", i).attr("y", d).attr("width", l).attr("height", 2).attr("stroke-width", 0).style("fill", (c) => c.color || r), f.on("mouseover", function(c, m) {
         const C = u.select(this);
-        o.onBarChartBarMouseOver(C, s, r), o.handleBarMouseOver(c, m, s);
+        o.onBarChartBarMouseOver(C, r), o.handleBarMouseOver(c, m, s);
       }).on("mouseout", function() {
         const c = u.select(this);
         o.onBarChartBarMouseOut(c, s), o.handleBarMouseOut();
@@ -5839,13 +5842,13 @@ const qt = {
         t.selectAll(`.${g.eventBarContainerSelected}`).classed(g.eventBarContainerSelected, !1), u.select(this).classed(g.eventBarContainerSelected, !0);
       });
     },
-    onBarChartBarMouseOver(e, t, r) {
+    onBarChartBarMouseOver(e, t) {
       e.classed(g.eventBarContainerHovered, !0), e.selectAll(`.${g.eventBarHoverZone}`).attr("fill-opacity", 0.2);
-      const s = e.selectAll(`.${g.eventBar}`);
-      s.attr("fill", r), s.attr("fill-opacity", 0.5);
+      const n = e.selectAll(`.${g.eventBar}`);
+      n.attr("fill", t), n.attr("fill-opacity", 0.5);
     },
     onBarChartBarMouseOut(e, t) {
-      e.classed(g.eventBarContainerHovered, !0), e.selectAll(`.${g.eventBarHoverZone}`).attr("fill-opacity", 0);
+      e.classed(g.eventBarContainerHovered, !1), e.selectAll(`.${g.eventBarHoverZone}`).attr("fill-opacity", 0);
       const n = e.selectAll(`.${g.eventBar}`);
       n.attr("fill", `url(#${Y.transparencyGradient}-${t})`), n.attr("fill-opacity", 1);
     },