primevue 3.40.1 → 3.41.0

package/calendar/calendar.esm.js

@@ -66,6 +66,10 @@ var script$1 = {
       "default": 1
     },
     responsiveOptions: Array,
+    breakpoint: {
+      type: String,
+      "default": '769px'
+    },
     view: {
       type: String,
       "default": 'date'
@@ -275,7 +279,8 @@ var script = {
       pm: null,
       focused: false,
       overlayVisible: false,
-      currentView: this.view
+      currentView: this.view,
+      queryMatches: false
     };
   },
   watch: {
@@ -324,7 +329,13 @@ var script = {
     this.updateCurrentMetaData();
   },
   mounted: function mounted() {
+    var _this2 = this;
     this.createResponsiveStyle();
+    var query = matchMedia("(max-width: ".concat(this.breakpoint, ")"));
+    this.queryMatches = query.matches;
+    query.addEventListener('change', function () {
+      _this2.queryMatches = query.matches;
+    });
     if (this.inline) {
       this.overlay && this.overlay.setAttribute(this.attributeSelector, '');
       if (!this.disabled) {
@@ -407,12 +418,12 @@ var script = {
       return false;
     },
     isMonthSelected: function isMonthSelected(month) {
-      var _this2 = this;
+      var _this3 = this;
       if (this.isComparable()) {
         var value = this.isRangeSelection() ? this.modelValue[0] : this.modelValue;
         if (this.isMultipleSelection()) {
           return value.some(function (currentValue) {
-            return currentValue.getMonth() === month && currentValue.getFullYear() === _this2.currentYear;
+            return currentValue.getMonth() === month && currentValue.getFullYear() === _this3.currentYear;
           });
         } else {
           return value.getMonth() === month && value.getFullYear() === this.currentYear;
@@ -693,11 +704,11 @@ var script = {
       this.currentSecond = Math.floor(date.getSeconds() / this.stepSecond) * this.stepSecond;
     },
     bindOutsideClickListener: function bindOutsideClickListener() {
-      var _this3 = this;
+      var _this4 = this;
       if (!this.outsideClickListener) {
         this.outsideClickListener = function (event) {
-          if (_this3.overlayVisible && _this3.isOutsideClicked(event)) {
-            _this3.overlayVisible = false;
+          if (_this4.overlayVisible && _this4.isOutsideClicked(event)) {
+            _this4.overlayVisible = false;
           }
         };
         document.addEventListener('mousedown', this.outsideClickListener);
@@ -710,11 +721,11 @@ var script = {
       }
     },
     bindScrollListener: function bindScrollListener() {
-      var _this4 = this;
+      var _this5 = this;
       if (!this.scrollHandler) {
         this.scrollHandler = new ConnectedOverlayScrollHandler(this.$refs.container, function () {
-          if (_this4.overlayVisible) {
-            _this4.overlayVisible = false;
+          if (_this5.overlayVisible) {
+            _this5.overlayVisible = false;
           }
         });
       }
@@ -726,11 +737,11 @@ var script = {
       }
     },
     bindResizeListener: function bindResizeListener() {
-      var _this5 = this;
+      var _this6 = this;
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this5.overlayVisible && !DomHandler.isTouchDevice()) {
-            _this5.overlayVisible = false;
+          if (_this6.overlayVisible && !DomHandler.isTouchDevice()) {
+            _this6.overlayVisible = false;
           }
         };
         window.addEventListener('resize', this.resizeListener);
@@ -817,7 +828,7 @@ var script = {
       });
     },
     onDateSelect: function onDateSelect(event, dateMeta) {
-      var _this6 = this;
+      var _this7 = this;
       if (this.disabled || !dateMeta.selectable) {
         return;
       }
@@ -829,7 +840,7 @@ var script = {
       }
       if (this.isMultipleSelection() && this.isSelected(dateMeta)) {
         var newValue = this.modelValue.filter(function (date) {
-          return !_this6.isDateEquals(date, dateMeta);
+          return !_this7.isDateEquals(date, dateMeta);
         });
         this.updateModel(newValue);
       } else {
@@ -845,15 +856,15 @@ var script = {
       }
       if (this.isSingleSelection() && (!this.showTime || this.hideOnDateTimeSelect)) {
         setTimeout(function () {
-          if (_this6.input) {
-            _this6.input.focus();
+          if (_this7.input) {
+            _this7.input.focus();
           }
-          _this6.overlayVisible = false;
+          _this7.overlayVisible = false;
         }, 150);
       }
     },
     selectDate: function selectDate(dateMeta) {
-      var _this7 = this;
+      var _this8 = this;
       var date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
       if (this.showTime) {
         if (this.hourFormat === '12' && this.pm && this.currentHour != 12) date.setHours(this.currentHour + 12);else date.setHours(this.currentHour);
@@ -897,7 +908,7 @@ var script = {
       }
       if (this.isRangeSelection() && this.hideOnRangeSelection && modelVal[1] !== null) {
         setTimeout(function () {
-          _this7.overlayVisible = false;
+          _this8.overlayVisible = false;
         }, 150);
       }
       this.$emit('date-select', date);
@@ -1103,11 +1114,11 @@ var script = {
       this.clearTimePickerTimer();
     },
     repeat: function repeat(event, interval, type, direction) {
-      var _this8 = this;
+      var _this9 = this;
       var i = interval || 500;
       this.clearTimePickerTimer();
       this.timePickerTimer = setTimeout(function () {
-        _this8.repeat(event, 100, type, direction);
+        _this9.repeat(event, 100, type, direction);
       }, i);
       switch (type) {
         case 0:
@@ -1237,7 +1248,7 @@ var script = {
       event.preventDefault();
     },
     updateModelTime: function updateModelTime() {
-      var _this9 = this;
+      var _this10 = this;
       this.timePickerChange = true;
       var value = this.isComparable() ? this.modelValue : this.viewDate;
       if (this.isRangeSelection()) {
@@ -1263,7 +1274,7 @@ var script = {
       this.updateModel(value);
       this.$emit('date-select', value);
       setTimeout(function () {
-        return _this9.timePickerChange = false;
+        return _this10.timePickerChange = false;
       }, 0);
     },
     toggleAMPM: function toggleAMPM(event) {
@@ -1317,14 +1328,14 @@ var script = {
       setTimeout(this.updateFocus, 0);
     },
     enableModality: function enableModality() {
-      var _this10 = this;
+      var _this11 = this;
       if (!this.mask) {
         this.mask = document.createElement('div');
         this.mask.style.zIndex = String(parseInt(this.overlay.style.zIndex, 10) - 1);
         this.mask.setAttribute('data-pc-section', 'datepicker-mask');
         !this.isUnstyled && DomHandler.addMultipleClasses(this.mask, 'p-datepicker-mask p-datepicker-mask-scrollblocker p-component-overlay p-component-overlay-enter');
         this.maskClickListener = function () {
-          _this10.overlayVisible = false;
+          _this11.overlayVisible = false;
         };
         this.mask.addEventListener('click', this.maskClickListener);
         document.body.appendChild(this.mask);
@@ -1332,14 +1343,14 @@ var script = {
       }
     },
     disableModality: function disableModality() {
-      var _this11 = this;
+      var _this12 = this;
       if (this.mask) {
         if (this.isUnstyled) {
           this.destroyMask();
         } else {
           DomHandler.addClass(this.mask, 'p-component-overlay-leave');
           this.mask.addEventListener('animationend', function () {
-            _this11.destroyMask();
+            _this12.destroyMask();
           });
         }
       }
@@ -1371,7 +1382,7 @@ var script = {
       }
     },
     isValidSelection: function isValidSelection(value) {
-      var _this12 = this;
+      var _this13 = this;
       if (value == null) {
         return true;
       }
@@ -1381,7 +1392,7 @@ var script = {
           isValid = false;
         }
       } else if (value.every(function (v) {
-        return _this12.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false);
+        return _this13.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false);
       })) {
         if (this.isRangeSelection()) {
           isValid = value.length > 1 && value[1] > value[0] ? true : false;
@@ -2413,20 +2424,20 @@ var script = {
       }
     },
     monthPickerValues: function monthPickerValues() {
-      var _this13 = this;
+      var _this14 = this;
       var monthPickerValues = [];
       var isSelectableMonth = function isSelectableMonth(baseMonth) {
-        if (_this13.minDate) {
-          var minMonth = _this13.minDate.getMonth();
-          var minYear = _this13.minDate.getFullYear();
-          if (_this13.currentYear < minYear || _this13.currentYear === minYear && baseMonth < minMonth) {
+        if (_this14.minDate) {
+          var minMonth = _this14.minDate.getMonth();
+          var minYear = _this14.minDate.getFullYear();
+          if (_this14.currentYear < minYear || _this14.currentYear === minYear && baseMonth < minMonth) {
             return false;
           }
         }
-        if (_this13.maxDate) {
-          var maxMonth = _this13.maxDate.getMonth();
-          var maxYear = _this13.maxDate.getFullYear();
-          if (_this13.currentYear > maxYear || _this13.currentYear === maxYear && baseMonth > maxMonth) {
+        if (_this14.maxDate) {
+          var maxMonth = _this14.maxDate.getMonth();
+          var maxYear = _this14.maxDate.getFullYear();
+          if (_this14.currentYear > maxYear || _this14.currentYear === maxYear && baseMonth > maxMonth) {
             return false;
           }
         }
@@ -2441,15 +2452,15 @@ var script = {
       return monthPickerValues;
     },
     yearPickerValues: function yearPickerValues() {
-      var _this14 = this;
+      var _this15 = this;
       var yearPickerValues = [];
       var base = this.currentYear - this.currentYear % 10;
       var isSelectableYear = function isSelectableYear(baseYear) {
-        if (_this14.minDate) {
-          if (_this14.minDate.getFullYear() > baseYear) return false;
+        if (_this15.minDate) {
+          if (_this15.minDate.getFullYear() > baseYear) return false;
         }
-        if (_this14.maxDate) {
-          if (_this14.maxDate.getFullYear() < baseYear) return false;
+        if (_this15.maxDate) {
+          if (_this15.maxDate.getFullYear() < baseYear) return false;
         }
         return true;
       };