primevue 3.40.1 → 3.41.1

package/calendar/calendar.cjs.js

@@ -82,6 +82,10 @@ var script$1 = {
       "default": 1
     },
     responsiveOptions: Array,
+    breakpoint: {
+      type: String,
+      "default": '769px'
+    },
     view: {
       type: String,
       "default": 'date'
@@ -273,6 +277,7 @@ var script = {
   outsideClickListener: null,
   maskClickListener: null,
   resizeListener: null,
+  matchMediaListener: null,
   overlay: null,
   input: null,
   mask: null,
@@ -291,7 +296,9 @@ var script = {
       pm: null,
       focused: false,
       overlayVisible: false,
-      currentView: this.view
+      currentView: this.view,
+      query: null,
+      queryMatches: false
     };
   },
   watch: {
@@ -341,6 +348,7 @@ var script = {
   },
   mounted: function mounted() {
     this.createResponsiveStyle();
+    this.bindMatchMediaListener();
     if (this.inline) {
       this.overlay && this.overlay.setAttribute(this.attributeSelector, '');
       if (!this.disabled) {
@@ -376,6 +384,7 @@ var script = {
     this.destroyResponsiveStyleElement();
     this.unbindOutsideClickListener();
     this.unbindResizeListener();
+    this.unbindMatchMediaListener();
     if (this.scrollHandler) {
       this.scrollHandler.destroy();
       this.scrollHandler = null;
@@ -758,6 +767,25 @@ var script = {
         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));
     },
@@ -833,7 +861,7 @@ var script = {
       });
     },
     onDateSelect: function onDateSelect(event, dateMeta) {
-      var _this6 = this;
+      var _this7 = this;
       if (this.disabled || !dateMeta.selectable) {
         return;
       }
@@ -845,7 +873,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 {
@@ -861,15 +889,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);
@@ -913,7 +941,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);
@@ -1119,11 +1147,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:
@@ -1253,7 +1281,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()) {
@@ -1279,7 +1307,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) {
@@ -1333,14 +1361,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 && 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);
@@ -1348,14 +1376,14 @@ var script = {
       }
     },
     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();
           });
         }
       }
@@ -1387,7 +1415,7 @@ var script = {
       }
     },
     isValidSelection: function isValidSelection(value) {
-      var _this12 = this;
+      var _this13 = this;
       if (value == null) {
         return true;
       }
@@ -1397,7 +1425,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;
@@ -2429,20 +2457,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;
           }
         }
@@ -2457,15 +2485,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;
       };
@@ -2795,9 +2823,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }), {
               "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",
@@ -2824,12 +2858,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }), {
                 "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,