primevue 3.40.1 → 3.41.0

package/calendar/calendar.js

@@ -70,6 +70,10 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           "default": 1
         },
         responsiveOptions: Array,
+        breakpoint: {
+          type: String,
+          "default": '769px'
+        },
         view: {
           type: String,
           "default": 'date'
@@ -279,7 +283,8 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           pm: null,
           focused: false,
           overlayVisible: false,
-          currentView: this.view
+          currentView: this.view,
+          queryMatches: false
         };
       },
       watch: {
@@ -328,7 +333,13 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
         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) {
@@ -411,12 +422,12 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           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;
@@ -697,11 +708,11 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           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);
@@ -714,11 +725,11 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           }
         },
         bindScrollListener: function bindScrollListener() {
-          var _this4 = this;
+          var _this5 = this;
           if (!this.scrollHandler) {
             this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.$refs.container, function () {
-              if (_this4.overlayVisible) {
-                _this4.overlayVisible = false;
+              if (_this5.overlayVisible) {
+                _this5.overlayVisible = false;
               }
             });
           }
@@ -730,11 +741,11 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           }
         },
         bindResizeListener: function bindResizeListener() {
-          var _this5 = this;
+          var _this6 = this;
           if (!this.resizeListener) {
             this.resizeListener = function () {
-              if (_this5.overlayVisible && !utils.DomHandler.isTouchDevice()) {
-                _this5.overlayVisible = false;
+              if (_this6.overlayVisible && !utils.DomHandler.isTouchDevice()) {
+                _this6.overlayVisible = false;
               }
             };
             window.addEventListener('resize', this.resizeListener);
@@ -821,7 +832,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           });
         },
         onDateSelect: function onDateSelect(event, dateMeta) {
-          var _this6 = this;
+          var _this7 = this;
           if (this.disabled || !dateMeta.selectable) {
             return;
           }
@@ -833,7 +844,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           }
           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 {
@@ -849,15 +860,15 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           }
           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);
@@ -901,7 +912,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           }
           if (this.isRangeSelection() && this.hideOnRangeSelection && modelVal[1] !== null) {
             setTimeout(function () {
-              _this7.overlayVisible = false;
+              _this8.overlayVisible = false;
             }, 150);
           }
           this.$emit('date-select', date);
@@ -1107,11 +1118,11 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           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:
@@ -1241,7 +1252,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           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()) {
@@ -1267,7 +1278,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           this.updateModel(value);
           this.$emit('date-select', value);
           setTimeout(function () {
-            return _this9.timePickerChange = false;
+            return _this10.timePickerChange = false;
           }, 0);
         },
         toggleAMPM: function toggleAMPM(event) {
@@ -1321,14 +1332,14 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           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 && utils.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);
@@ -1336,14 +1347,14 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           }
         },
         disableModality: function disableModality() {
-          var _this11 = this;
+          var _this12 = this;
           if (this.mask) {
             if (this.isUnstyled) {
               this.destroyMask();
             } else {
               utils.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
               this.mask.addEventListener('animationend', function () {
-                _this11.destroyMask();
+                _this12.destroyMask();
               });
             }
           }
@@ -1375,7 +1386,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           }
         },
         isValidSelection: function isValidSelection(value) {
-          var _this12 = this;
+          var _this13 = this;
           if (value == null) {
             return true;
           }
@@ -1385,7 +1396,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
               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;
@@ -2417,20 +2428,20 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           }
         },
         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;
               }
             }
@@ -2445,15 +2456,15 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           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;
           };