@evercam/ui 0.0.42 → 0.0.44

package/dist/index.mjs

@@ -5237,7 +5237,7 @@ const Wt = {
       this.yScale.domain([0, t]);
     },
     initZoomBehavior() {
-      this.disableZoom || (this.zoomBehavior = u.zoom().on("zoom", this.handleZoom).scaleExtent([0.25, 75e4]), this.svg.call(this.zoomBehavior));
+      this.disableZoom || (this.zoomBehavior = u.zoom().on("zoom", this.handleZoom).scaleExtent([1e-4, 85e4]), this.svg.call(this.zoomBehavior));
     },
     initSelectedTimestampCursor() {
       this.svg.append("line").attr("class", O.selectedTimestampCursor).style("stroke", "red").style("stroke-width", "1px").style("opacity", 0).attr("x1", 0).attr("x2", 0).attr("y1", 0).attr("y2", this.timelineHeight), this.repositionSelectedTimestampCursor();
@@ -5331,7 +5331,12 @@ const Wt = {
       });
     },
     handleLineMouseOver(e, t, r) {
-      this.hoveredCounts = this.countsByTimestamp[`${t.timestamp}`], this.hoveredEvent = t, this.isHoveringEvent = !0, this.$emit("event-mouseover", {
+      this.hoveredCounts = Object.entries(
+        this.countsByTimestamp[`${t.timestamp}`]
+      ).reduce((i, a) => {
+        const [o, n] = a;
+        return [...i, { type: o, count: n }];
+      }, []), this.hoveredEvent = t, this.isHoveringEvent = !0, this.$emit("event-mouseover", {
         eventData: t,
         eventType: r,
         hoveredCounts: this.hoveredCounts
@@ -5468,7 +5473,6 @@ const Wt = {
           }), this.drawTextLabel({
             color: o,
             label: c,
-            type: r,
             yPosition: l,
             gElement: d
           });
@@ -5492,13 +5496,10 @@ const Wt = {
     }) {
       e.forEach((a) => {
         const o = `${a.timestamp}`;
-        this.countsByTimestamp[o] = [
-          ...this.countsByTimestamp[o] || [],
-          {
-            count: a.count,
-            type: i
-          }
-        ];
+        this.countsByTimestamp[o] = {
+          ...this.countsByTimestamp[o] || {},
+          [i]: a.count
+        };
         const n = t.append("circle").classed(
           `${O.lineGraphDot} ${O.lineGraphDot}-${i}`,
           !0
@@ -5540,7 +5541,6 @@ const Wt = {
         }), this.drawTextLabel({
           color: i,
           label: a,
-          type: e,
           gElement: d,
           yPosition: s
         });
@@ -5581,17 +5581,16 @@ const Wt = {
       gElement: e,
       yPosition: t,
       color: r,
-      label: i,
-      type: a
+      label: i
     }) {
-      const o = {
+      const a = {
         x: -5,
         y: t,
         w: this.labelRectWidth + 5,
         h: this.barChartHeight,
         radius: 3
       };
-      e.append("rect").attr("class", O.labelBg).attr("data-color", r).attr("x", o.x).attr("y", o.y).attr("width", o.w).attr("height", o.h).attr("rx", o.radius).attr("ry", o.radius).style("fill", this.dark ? "#131a29" : "white"), e.append("rect").attr("class", O.labelBgFill).attr("data-color", r).attr("x", o.x).attr("y", o.y).attr("width", o.w).attr("height", o.h).attr("rx", o.radius).attr("ry", o.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), e.append("text").attr("class", O.labelText).attr("data-color", r).attr("x", 5).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 500).style("stroke-linejoin", "round").style("paint-order", "stroke").style("fill", this.getTextFillColor(r)).text(i);
+      e.append("rect").attr("class", O.labelBg).attr("data-color", r).attr("x", a.x).attr("y", a.y).attr("width", a.w).attr("height", a.h).attr("rx", a.radius).attr("ry", a.radius).style("fill", this.dark ? "#131a29" : "white"), e.append("rect").attr("class", O.labelBgFill).attr("data-color", r).attr("x", a.x).attr("y", a.y).attr("width", a.w).attr("height", a.h).attr("rx", a.radius).attr("ry", a.radius).style("fill", this.getLabelBackgroundColor(r)).style("stroke", this.getTextFillColor(r)).style("stroke-width", 0.25), e.append("text").attr("class", O.labelText).attr("data-color", r).attr("x", 5).attr("y", t + this.barChartHeight / 2).attr("dy", "0.35em").style("text-anchor", "start").style("font-size", "12px").style("font-weight", 500).style("stroke-linejoin", "round").style("paint-order", "stroke").style("fill", this.getTextFillColor(r)).text(i);
     },
     getTextFillColor(e) {
       var t, r;