Merge branch 'scrolling-gap-fix' into 'main'

Fix double rescaling

See merge request chartwerk/core!11

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@chartwerk/core",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chartwerk/core",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "Chartwerk core",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/index.ts

@@ -629,12 +629,9 @@ abstract class ChartwerkPod<T extends TimeSerie, O extends Options> {
     // TODO: check clear state for necessity
     this.renderYAxis();
     this.renderXAxis();
-    // metrics-rect wrapper is required for panning
+    // metrics-rect wrapper is required for panning and any rescaling
     this.chartContainer.select('.metrics-rect')
       .attr('transform', `translate(${this.state.transform.x},${this.state.transform.y}), scale(${this.state.transform.k})`);
-    // TODO: use one standard for all metrics in Pods
-    this.chartContainer.selectAll('.metric-el')
-      .attr('transform', `translate(${this.state.transform.x},${this.state.transform.y}), scale(${this.state.transform.k})`);
   }
 
   protected onPanningRescale(event: d3.D3ZoomEvent<any, any>): void {
@@ -726,21 +723,20 @@ abstract class ChartwerkPod<T extends TimeSerie, O extends Options> {
         this.state.transform = { x: translateX };
         break;
       case ScrollPanOrientation.VERTICAL:
-        const deltaY = Math.min(Math.abs(event.sourceEvent.deltaY), this.height * 0.1);
         // @ts-ignore
         let signY = Math.sign(event.transform.y);
         if(this.options.axis.y.invert === true) {
           signY = -signY;
         }
         let rangeY = this.state.yValueRange;
-        const transformY = this.absYScale.invert(deltaY);
-        this.deltaYTransform = this.deltaYTransform + deltaY;
+        const transformY = this.absYScale.invert(transformStep);
+        this.deltaYTransform = this.deltaYTransform + transformStep;
         // TODO: not hardcoded bounds
         if(this.deltaYTransform > this.height * 0.9) {
           return;
         }
         this.state.yValueRange = [rangeY[0] - signY * transformY, rangeY[1] - signY * transformY];
-        const translateY = this.state.transform.y + signY * deltaY;
+        const translateY = this.state.transform.y + signY * transformStep;
         this.state.transform = { y: translateY };
         // TODO: add y1 rescale
         break;