@progressive-development/pd-calendar 0.2.18 → 0.2.20

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.18",
+  "version": "0.2.20",
   "main": "index.js",
   "module": "index.js",
   "scripts": {

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 },
@@ -463,6 +465,7 @@ export class PdCalendar extends LitElement {
         new CustomEvent('change-month', {
           detail: {
             newDate,
+            next: true,
           },
         })
       );
@@ -483,6 +486,7 @@ export class PdCalendar extends LitElement {
         new CustomEvent('change-month', {
           detail: {
             newDate,
+            prev: true,
           },
         })
       );
@@ -492,41 +496,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) {