oe-chart - npm Package Compare versions

Comparing version 2.2.0 to 2.3.0

charts-lib/x-chart.js

@@ -700,4 +700,6 @@ /**
             var eventTarget = container.selectAll(d.eventTarget);
-            if (eventTarget && typeof eventTarget[0] != 'undefined') {
-                eventTarget[0].forEach(function (e) {
+            var groups = eventTarget._groups || [];
+            let elItems = groups[0];
+            if (groups && typeof elItems != 'undefined') {
+                elItems.forEach(function (e) {
                     if (d.preventDefault) {
@@ -707,3 +709,6 @@ d3.select(e).on(d._event, null);
                     e.addEventListener(d._event, function (event) {
-                        event.srcElement = event.srcElement || event.currentTarget;
+                        event._eventData = {
+                            srcElement :  event.srcElement || event.currentTarget,
+                            srcGroup : [].slice.apply(elItems)
+                        };
                         d.eventHandler.call(this, event);
@@ -719,3 +724,3 @@ });
     registerSingleEvent(_event, eventTarget, eventHandler, preventDefault) {
-        var eTarget = d3.select(eventTarget)[0][0];
+        var eTarget = d3.select(eventTarget)['_groups'][0][0];
         if (preventDefault)
@@ -722,0 +727,0 @@ eTarget.on(_event, null);

oe-chart.js

@@ -243,2 +243,3 @@ /**
     this.hasDataFromSeries = false;
+    this._attachedSVGListener = false;
   }
@@ -300,4 +301,4 @@
   }
+  
 
-
   _init() {
@@ -623,5 +624,17 @@ this._parameterChanged();
       this.chart.render(data);
+      let svg = this.shadowRoot.querySelector(`#${this._renderContainerId}_svg`);
+      this.chart.registerEvent('click',svg,()=>{
+        this.fire('oe-chart-selection-changed',[]);
+      })
+      this.chart.addEventHandler('click','dataitems',this._handleItemClick.bind(this));
     }
   }
 
+  _handleItemClick(event){
+    event.stopPropagation();
+    let items = event._eventData.srcGroup;
+    let selected = items.filter(el => el.getAttribute('filter')).map(el => el.__data__);
+    this.fire('oe-chart-selection-changed',selected);
+  }
+
   /**
@@ -628,0 +641,0 @@ * Observer on 'dataUrl' to fetch new data when the property is changed.

package.json

@@ -5,3 +5,3 @@ {
   "main": "oe-chart.js",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "scripts": {
@@ -25,3 +25,3 @@ "test": "polymer test --module-resolution node --skip-selenium-install",
     "@types/d3": "5.7.1",
-    "@webcomponents/webcomponentsjs": "^2.2.7",
+    "@webcomponents/webcomponentsjs": "^2.4.2",
     "axe-core": "3.1.2",
@@ -28,0 +28,0 @@ "chai": "4.2.0",

No alert changes

Improved metrics

Total package byte prevSize

2401832

increased by0.03%

Lines of code

13467

increased by0.13%

No dependency changes