@progressive-development/pd-calendar 0.2.14 → 0.2.16

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

package/src/PdCalendar.js

@@ -125,7 +125,7 @@ export class PdCalendar extends LitElement {
     return {
       refDate: { type: Object },
       selectableDates: { type: Boolean},
-      withYearPopup: { type: Boolean},
+      withYearPopup: { type: Array},
       showSelection: { type: Boolean},
       hideWeekend: { type: Boolean, reflect: true },
       prevMonthConstraint: { type: Number },
@@ -385,7 +385,7 @@ export class PdCalendar extends LitElement {
             </div>
 
             <div id="titleContentId" class="content-title">              
-            ${this._monthName} ${this.withYearPopup ? html`
+            ${this._monthName} ${this.withYearPopup && this.withYearPopup.length > 0 ? html`
               <span class="year-popup-link" @click="${this._openYearPopup}">${this._year}</span>
               ` : html`${this._year}`}
             </div>
@@ -415,7 +415,7 @@ export class PdCalendar extends LitElement {
   _openYearPopup() {
     
     const popup = new PdYearPopup();
-    popup.yearSelection = ["2024", "2025"];
+    popup.yearSelection = this.withYearPopup;
     this.shadowRoot.getElementById("titleContentId").appendChild(popup);
 
     popup.addEventListener("abort-year-selection", () => {
@@ -513,8 +513,7 @@ export class PdCalendar extends LitElement {
 
   // eslint-disable-next-line class-methods-use-this
   _touchStartEvent(e) {    
-    this._wheelDelta = e.changedTouches[0].screenX;    
-    e.preventDefault();
+    this._wheelDelta = e.changedTouches[0].screenX;        
     e.stopPropagation();    
   }
 
@@ -527,8 +526,6 @@ export class PdCalendar extends LitElement {
     } else if (result > TOUCH_MIN_MOVE) {
       this._nextMonth();
     }
-    
-    e.preventDefault();
     e.stopPropagation();    
   }