@progressive-development/pd-calendar 0.2.17 → 0.2.19

package/package.json

@@ -3,7 +3,7 @@
   "description": "progressive development calendar web component",
   "license": "SEE LICENSE IN LICENSE",
   "author": "PD Progressive Development",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "main": "index.js",
   "module": "index.js",
   "scripts": {
@@ -33,7 +33,7 @@
   ],
   "dependencies": {
     "@lit/localize": "^0.12.1",
-    "@progressive-development/pd-icon": "^0.1.22",
+    "@progressive-development/pd-icon": "^0.1.23",
     "@progressive-development/pd-shared-styles": "0.1.1",
     "fecha": "^4.2.3",
     "lit": "^2.8.0"

package/src/PdCalendar.js

@@ -126,6 +126,8 @@ export class PdCalendar extends LitElement {
       refDate: { type: Object },
       selectableDates: { type: Boolean},
       withYearPopup: { type: Array},
+      withWheelNavigation: { type: Boolean},
+      withTouchNavigation: { type: Boolean},
       showSelection: { type: Boolean},
       hideWeekend: { type: Boolean, reflect: true },
       prevMonthConstraint: { type: Number },
@@ -492,41 +494,47 @@ export class PdCalendar extends LitElement {
   }
 
   // eslint-disable-next-line class-methods-use-this
-  _wheelEvent(e) {    
+  _wheelEvent(e) {   
+    
+    if (this.withWheelNavigation) {
 
-    this._wheelDelta += e.deltaY;
+      this._wheelDelta += e.deltaY;
 
-    if (this._wheelDelta > 360) {      
-      this._wheelDelta = 0;
-      this._nextMonth();
-    }
+      if (this._wheelDelta > 360) {      
+        this._wheelDelta = 0;
+        this._nextMonth();
+      }
 
-    if (this._wheelDelta < -360) {      
-      this._wheelDelta = 0;
-      this._previousMonth();
-    }
+      if (this._wheelDelta < -360) {      
+        this._wheelDelta = 0;
+        this._previousMonth();
+      }
+    }    
 
     e.preventDefault();
-    e.stopPropagation();    
-    
+    e.stopPropagation();
   }
 
   // eslint-disable-next-line class-methods-use-this
-  _touchStartEvent(e) {    
-    this._wheelDelta = e.changedTouches[0].screenX;        
+  _touchStartEvent(e) {   
+    if (this.withTouchNavigation) {
+      this._wheelDelta = e.changedTouches[0].screenX;        
+    }
     e.stopPropagation();    
   }
 
   _touchEndEvent(e) {    
-    const touchEndX = e.changedTouches[0].screenX;            
+    if (this.withTouchNavigation) {
+      const touchEndX = e.changedTouches[0].screenX;            
     
-    const result = this._wheelDelta - touchEndX;
-    if (result < (TOUCH_MIN_MOVE * -1)) {
-      this._previousMonth();
-    } else if (result > TOUCH_MIN_MOVE) {
-      this._nextMonth();
+      const result = this._wheelDelta - touchEndX;
+      if (result < (TOUCH_MIN_MOVE * -1)) {
+        this._nextMonth();
+      } else if (result > TOUCH_MIN_MOVE) {
+        this._previousMonth();
+      }
     }
-    e.stopPropagation();    
+    e.stopPropagation();
   }
 
   _initFromDate(date) {