@evercam/ui 0.0.52-beta.1 → 0.0.52-beta.2

package/dist/index.mjs

@@ -5775,7 +5775,10 @@ const qt = {
       type: a
     }) {
       const o = this;
-      t.selectAll(y.eventRect).data(e).enter().append("rect").classed(y.eventRect, !0).attr("x", this.getEventRectX).attr("y", r + 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", (i) => i.color || n).on("mouseover", function(i, d) {
+      t.selectAll(y.eventRect).data(e).enter().append("rect").attr(
+        "class",
+        (i) => y.eventRect + (i.className ? ` ${i.className}` : "")
+      ).attr("x", this.getEventRectX).attr("y", r + 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", (i) => i.color || n).on("mouseover", function(i, d) {
         u.select(this).classed(`${y.eventRect}--hovered`, !0), o.handleBarMouseOver(i, d, a);
       }).on("mouseout", function() {
         u.select(this).classed(`${y.eventRect}--hovered`, !1), o.handleBarMouseOut();
@@ -5791,16 +5794,19 @@ const qt = {
       type: n
     }) {
       const a = this, o = (s) => this.getEventRectX(s) + this.barXPadding, i = (s) => this.yScale(s.count), d = (s) => this.getEventRectWidth(s) - this.barXPadding * 2, l = (s) => this.yScale.range()[0] - this.yScale(s.count);
-      t.selectAll(y.eventBar).data(e).enter().append("rect").classed(y.eventBar, !0).attr("x", o).attr("y", i).attr("width", d).attr("height", l).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr(
-        "fill",
-        (s) => s.color || `url(#${Y.transparencyGradient}-${n})`
-      ).on("mouseover", function(s, c) {
+      t.selectAll(y.eventBar).data(e).enter().append("rect").attr(
+        "class",
+        (s) => y.eventBar + (s.className ? ` ${s.className}` : "")
+      ).attr("x", o).attr("y", i).attr("width", d).attr("height", l).attr("stroke-width", 5).attr("cursor", "pointer").attr("stroke", "#0000").attr("fill", `url(#${Y.transparencyGradient}-${n})`).on("mouseover", function(s, c) {
         const g = u.select(this);
         g.classed(`${y.eventBar}--hovered`, !0), g.attr("fill", s.color || r), g.attr("fill-opacity", 0.5), a.handleBarMouseOver(s, c, n);
       }).on("mouseout", function() {
         const s = u.select(this);
         s.attr("fill", `url(#${Y.transparencyGradient}-${n})`), s.attr("fill-opacity", 1), s.classed(`${y.eventBar}--hovered`, !1), a.handleBarMouseOut();
-      }), t.selectAll(y.eventBarCap).data(e).enter().append("rect").classed(y.eventBarCap, !0).attr("x", o).attr("y", i).attr("width", d).attr("height", 2).attr("stroke-width", 0).style("fill", (s) => s.color || r);
+      }), t.selectAll(y.eventBarCap).data(e).enter().append("rect").attr(
+        "class",
+        (s) => y.eventBarCap + (s.className ? ` ${s.className}` : "")
+      ).attr("x", o).attr("y", i).attr("width", d).attr("height", 2).attr("stroke-width", 0).style("fill", (s) => s.color || r);
     },
     drawTextLabel({
       gElement: e,