primevue 3.40.1 → 3.41.1

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'
@@ -261,6 +265,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
       outsideClickListener: null,
       maskClickListener: null,
       resizeListener: null,
+      matchMediaListener: null,
       overlay: null,
       input: null,
       mask: null,
@@ -279,7 +284,9 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
           pm: null,
           focused: false,
           overlayVisible: false,
-          currentView: this.view
+          currentView: this.view,
+          query: null,
+          queryMatches: false
         };
       },
       watch: {
@@ -329,6 +336,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
       },
       mounted: function mounted() {
         this.createResponsiveStyle();
+        this.bindMatchMediaListener();
         if (this.inline) {
           this.overlay && this.overlay.setAttribute(this.attributeSelector, '');
           if (!this.disabled) {
@@ -364,6 +372,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
         this.destroyResponsiveStyleElement();
         this.unbindOutsideClickListener();
         this.unbindResizeListener();
+        this.unbindMatchMediaListener();
         if (this.scrollHandler) {
           this.scrollHandler.destroy();
           this.scrollHandler = null;
@@ -746,6 +755,25 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
             this.resizeListener = null;
           }
         },
+        bindMatchMediaListener: function bindMatchMediaListener() {
+          var _this6 = this;
+          if (!this.matchMediaListener) {
+            var query = matchMedia("(max-width: ".concat(this.breakpoint, ")"));
+            this.query = query;
+            this.queryMatches = query.matches;
+            this.matchMediaListener = function () {
+              _this6.queryMatches = query.matches;
+              _this6.mobileActive = false;
+            };
+            this.query.addEventListener('change', this.matchMediaListener);
+          }
+        },
+        unbindMatchMediaListener: function unbindMatchMediaListener() {
+          if (this.matchMediaListener) {
+            this.query.removeEventListener('change', this.matchMediaListener);
+            this.matchMediaListener = null;
+          }
+        },
         isOutsideClicked: function isOutsideClicked(event) {
           return !(this.$el.isSameNode(event.target) || this.isNavIconClicked(event) || this.$el.contains(event.target) || this.overlay && this.overlay.contains(event.target));
         },
@@ -821,7 +849,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 +861,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 +877,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 +929,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 +1135,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 +1269,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 +1295,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 +1349,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 +1364,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 +1403,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 +1413,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 +2445,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 +2473,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;
           };
@@ -2783,9 +2811,15 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                 }), {
                   "data-p-disabled": _ctx.showWeek,
                   "data-pc-group-section": "tableheadercell"
-                }), [vue.createElementVNode("span", vue.mergeProps(_ctx.ptm('weekLabel'), {
-                  "data-pc-group-section": "tableheadercelllabel"
-                }), vue.toDisplayString($options.weekHeaderLabel), 17)], 16, _hoisted_10)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.weekDays, function (weekDay) {
+                }), [vue.renderSlot(_ctx.$slots, "weekheaderlabel", {}, function () {
+                  return [vue.createElementVNode("span", vue.mergeProps(_ctx.ptm('weekHeaderLabel', {
+                    context: {
+                      disabled: _ctx.showWeek
+                    }
+                  }), {
+                    "data-pc-group-section": "tableheadercelllabel"
+                  }), vue.toDisplayString($options.weekHeaderLabel), 17)];
+                })], 16, _hoisted_10)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.weekDays, function (weekDay) {
                   return vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
                     key: weekDay,
                     scope: "col",
@@ -2812,12 +2846,16 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                   }), {
                     "data-p-disabled": _ctx.showWeek,
                     "data-pc-group-section": "tablebodycelllabel"
-                  }), [month.weekNumbers[i] < 10 ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
-                    key: 0,
-                    style: {
-                      "visibility": "hidden"
-                    }
-                  }, _ctx.ptm('weekLabel')), "0", 16)) : vue.createCommentVNode("", true), vue.createTextVNode(" " + vue.toDisplayString(month.weekNumbers[i]), 1)], 16, _hoisted_12)], 16)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(week, function (date) {
+                  }), [vue.renderSlot(_ctx.$slots, "weeklabel", {
+                    weekNumber: month.weekNumbers[i]
+                  }, function () {
+                    return [month.weekNumbers[i] < 10 ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+                      key: 0,
+                      style: {
+                        "visibility": "hidden"
+                      }
+                    }, _ctx.ptm('weekLabel')), "0", 16)) : vue.createCommentVNode("", true), vue.createTextVNode(" " + vue.toDisplayString(month.weekNumbers[i]), 1)];
+                  })], 16, _hoisted_12)], 16)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(week, function (date) {
                     return vue.openBlock(), vue.createElementBlock("td", vue.mergeProps({
                       key: date.day + '' + date.month,
                       "aria-label": date.day,