primevue 3.31.0 → 3.32.0

package/calendar/calendar.cjs.js

@@ -2330,8 +2330,10 @@ var script = {
     createResponsiveStyle: function createResponsiveStyle() {
       if (this.numberOfMonths > 1 && this.responsiveOptions && !this.isUnstyled) {
         if (!this.responsiveStyleElement) {
+          var _this$$primevue;
           this.responsiveStyleElement = document.createElement('style');
           this.responsiveStyleElement.type = 'text/css';
+          utils.DomHandler.setAttribute(this.responsiveStyleElement, 'nonce', (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.csp) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.nonce);
           document.body.appendChild(this.responsiveStyleElement);
         }
         var innerHTML = '';
@@ -2615,19 +2617,21 @@ var _hoisted_4 = ["disabled", "aria-label"];
 var _hoisted_5 = ["disabled", "aria-label"];
 var _hoisted_6 = ["disabled", "aria-label"];
 var _hoisted_7 = ["disabled", "aria-label"];
-var _hoisted_8 = ["abbr"];
-var _hoisted_9 = ["aria-label", "data-p-today", "data-p-other-month"];
-var _hoisted_10 = ["onClick", "onKeydown", "aria-selected", "aria-disabled", "data-p-disabled", "data-p-highlight"];
-var _hoisted_11 = ["onClick", "onKeydown", "data-p-disabled", "data-p-highlight"];
-var _hoisted_12 = ["onClick", "onKeydown", "data-p-disabled", "data-p-highlight"];
-var _hoisted_13 = ["aria-label"];
-var _hoisted_14 = ["aria-label"];
-var _hoisted_15 = ["aria-label", "disabled"];
-var _hoisted_16 = ["aria-label", "disabled"];
+var _hoisted_8 = ["data-p-disabled"];
+var _hoisted_9 = ["abbr"];
+var _hoisted_10 = ["data-p-disabled"];
+var _hoisted_11 = ["aria-label", "data-p-today", "data-p-other-month"];
+var _hoisted_12 = ["onClick", "onKeydown", "aria-selected", "aria-disabled", "data-p-disabled", "data-p-highlight"];
+var _hoisted_13 = ["onClick", "onKeydown", "data-p-disabled", "data-p-highlight"];
+var _hoisted_14 = ["onClick", "onKeydown", "data-p-disabled", "data-p-highlight"];
+var _hoisted_15 = ["aria-label"];
+var _hoisted_16 = ["aria-label"];
 var _hoisted_17 = ["aria-label", "disabled"];
 var _hoisted_18 = ["aria-label", "disabled"];
 var _hoisted_19 = ["aria-label", "disabled"];
 var _hoisted_20 = ["aria-label", "disabled"];
+var _hoisted_21 = ["aria-label", "disabled"];
+var _hoisted_22 = ["aria-label", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CalendarButton = vue.resolveComponent("CalendarButton");
   var _component_Portal = vue.resolveComponent("Portal");
@@ -2703,7 +2707,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.inline
   }, {
     "default": vue.withCtx(function () {
-      return [vue.createVNode(vue.Transition, {
+      return [vue.createVNode(vue.Transition, vue.mergeProps({
         name: "p-connected-overlay",
         onEnter: _cache[68] || (_cache[68] = function ($event) {
           return $options.onOverlayEnter($event);
@@ -2711,7 +2715,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onAfterEnter: $options.onOverlayEnterComplete,
         onAfterLeave: $options.onOverlayAfterLeave,
         onLeave: $options.onOverlayLeave
-      }, {
+      }, _ctx.ptm('transition')), {
         "default": vue.withCtx(function () {
           return [_ctx.inline || $data.overlayVisible ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
             key: 0,
@@ -2818,14 +2822,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 0,
               scope: "col",
               "class": _ctx.cx('weekHeader')
-            }, _ctx.ptm('weekHeader'), {
-              "data-p-disabled": true
-            }), [vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('weekLabel'))), vue.toDisplayString($options.weekHeaderLabel), 17)], 16)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.weekDays, function (weekDay) {
+            }, _ctx.ptm('weekHeader', {
+              context: {
+                disabled: _ctx.showWeek
+              }
+            }), {
+              "data-p-disabled": _ctx.showWeek
+            }), [vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('weekLabel'))), vue.toDisplayString($options.weekHeaderLabel), 17)], 16, _hoisted_8)) : 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",
                 abbr: weekDay
-              }, _ctx.ptm('tableHeaderCell')), [vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('weekDay'))), vue.toDisplayString(weekDay), 17)], 16, _hoisted_8);
+              }, _ctx.ptm('tableHeaderCell')), [vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('weekDay'))), vue.toDisplayString(weekDay), 17)], 16, _hoisted_9);
             }), 128))], 16)], 16), vue.createElementVNode("tbody", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('tableBody'))), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(month.dates, function (week, i) {
               return vue.openBlock(), vue.createElementBlock("tr", vue.mergeProps({
                 key: week[0].day + '' + week[0].month
@@ -2834,21 +2842,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "class": _ctx.cx('weekNumber')
               }, _ctx.ptm('weekNumber')), [vue.createElementVNode("span", vue.mergeProps({
                 "class": _ctx.cx('weekLabelContainer')
-              }, _ctx.ptm('weekLabelContainer'), {
-                "data-p-disabled": true
+              }, _ctx.ptm('weekLabelContainer', {
+                context: {
+                  disabled: _ctx.showWeek
+                }
+              }), {
+                "data-p-disabled": _ctx.showWeek
               }), [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)], 16)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(week, function (date) {
+              }, _ctx.ptm('weekLabel')), "0", 16)) : vue.createCommentVNode("", true), vue.createTextVNode(" " + vue.toDisplayString(month.weekNumbers[i]), 1)], 16, _hoisted_10)], 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,
                   "class": _ctx.cx('day', {
                     date: date
                   })
-                }, _ctx.ptm('day'), {
+                }, _ctx.ptm('day', {
+                  context: {
+                    date: date,
+                    today: date.today,
+                    otherMonth: date.otherMonth
+                  }
+                }), {
                   "data-p-today": date.today,
                   "data-p-other-month": date.otherMonth
                 }), [vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
@@ -2864,20 +2882,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   },
                   "aria-selected": $options.isSelected(date),
                   "aria-disabled": !date.selectable
-                }, _ctx.ptm('dayLabel'), {
+                }, _ctx.ptm('dayLabel', {
+                  context: {
+                    date: date,
+                    selected: $options.isSelected(date),
+                    disabled: !date.selectable
+                  }
+                }), {
                   "data-p-disabled": !date.selectable,
                   "data-p-highlight": $options.isSelected(date)
                 }), [vue.renderSlot(_ctx.$slots, "date", {
                   date: date
                 }, function () {
                   return [vue.createTextVNode(vue.toDisplayString(date.day), 1)];
-                })], 16, _hoisted_10)), [[_directive_ripple]]), $options.isSelected(date) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                })], 16, _hoisted_12)), [[_directive_ripple]]), $options.isSelected(date) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                   key: 0,
                   "class": "p-hidden-accessible",
                   "aria-live": "polite"
                 }, _ctx.ptm('hiddenSelectedDay'), {
                   "data-p-hidden-accessible": true
-                }), vue.toDisplayString(date.day), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_9);
+                }), vue.toDisplayString(date.day), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_11);
               }), 128))], 16);
             }), 128))], 16)], 16)], 16)) : vue.createCommentVNode("", true)], 16);
           }), 128))], 16), $data.currentView === 'month' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
@@ -2902,7 +2926,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 month: m,
                 index: i
               })
-            }, _ctx.ptm('month'), {
+            }, _ctx.ptm('month', {
+              context: {
+                month: m,
+                monthIndex: i,
+                selected: $options.isMonthSelected(i),
+                disabled: !m.selectable
+              }
+            }), {
               "data-p-disabled": !m.selectable,
               "data-p-highlight": $options.isMonthSelected(i)
             }), [vue.createTextVNode(vue.toDisplayString(m.value) + " ", 1), $options.isMonthSelected(i) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
@@ -2911,7 +2942,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-live": "polite"
             }, _ctx.ptm('hiddenMonth'), {
               "data-p-hidden-accessible": true
-            }), vue.toDisplayString(m.value), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_11)), [[_directive_ripple]]);
+            }), vue.toDisplayString(m.value), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_13)), [[_directive_ripple]]);
           }), 128))], 16)) : vue.createCommentVNode("", true), $data.currentView === 'year' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
             key: 1,
             "class": _ctx.cx('yearPicker')
@@ -2927,7 +2958,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "class": _ctx.cx('year', {
                 year: y
               })
-            }, _ctx.ptm('year'), {
+            }, _ctx.ptm('year', {
+              context: {
+                year: y,
+                selected: $options.isYearSelected(y.value),
+                disabled: !y.selectable
+              }
+            }), {
               "data-p-disabled": !y.selectable,
               "data-p-highlight": $options.isYearSelected(y.value)
             }), [vue.createTextVNode(vue.toDisplayString(y.value) + " ", 1), $options.isYearSelected(y.value) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
@@ -2936,7 +2973,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-live": "polite"
             }, _ctx.ptm('hiddenYear'), {
               "data-p-hidden-accessible": true
-            }), vue.toDisplayString(y.value), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_12)), [[_directive_ripple]]);
+            }), vue.toDisplayString(y.value), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_14)), [[_directive_ripple]]);
           }), 128))], 16)) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), (_ctx.showTime || _ctx.timeOnly) && $data.currentView === 'date' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
             key: 1,
             "class": _ctx.cx('timePicker')
@@ -2971,7 +3008,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), vue.mergeProps({
               "class": _ctx.incrementIcon
             }, _ctx.ptm('incrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_13)), [[_directive_ripple]]), vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('hour'))), vue.toDisplayString($options.formattedCurrentHour), 17), vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+          })], 16, _hoisted_15)), [[_directive_ripple]]), vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('hour'))), vue.toDisplayString($options.formattedCurrentHour), 17), vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             "class": _ctx.cx('decrementButton'),
             "aria-label": _ctx.$primevue.config.locale.prevHour,
             onMousedown: _cache[21] || (_cache[21] = function ($event) {
@@ -3000,7 +3037,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
               "class": _ctx.decrementIcon
             }, _ctx.ptm('decrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_14)), [[_directive_ripple]])], 16), vue.createElementVNode("div", vue.mergeProps({
+          })], 16, _hoisted_16)), [[_directive_ripple]])], 16), vue.createElementVNode("div", vue.mergeProps({
             "class": _ctx.cx('separatorContainer')
           }, _ctx.ptm('separatorContainer')), [vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('separator'))), vue.toDisplayString(_ctx.timeSeparator), 17)], 16), vue.createElementVNode("div", vue.mergeProps({
             "class": _ctx.cx('minutePicker')
@@ -3034,7 +3071,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), vue.mergeProps({
               "class": _ctx.incrementIcon
             }, _ctx.ptm('incrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_15)), [[_directive_ripple]]), vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('minute'))), vue.toDisplayString($options.formattedCurrentMinute), 17), vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+          })], 16, _hoisted_17)), [[_directive_ripple]]), vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('minute'))), vue.toDisplayString($options.formattedCurrentMinute), 17), vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             "class": _ctx.cx('decrementButton'),
             "aria-label": _ctx.$primevue.config.locale.prevMinute,
             onMousedown: _cache[37] || (_cache[37] = function ($event) {
@@ -3064,7 +3101,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
               "class": _ctx.decrementIcon
             }, _ctx.ptm('decrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_16)), [[_directive_ripple]])], 16), _ctx.showSeconds ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          })], 16, _hoisted_18)), [[_directive_ripple]])], 16), _ctx.showSeconds ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
             key: 0,
             "class": _ctx.cx('separatorContainer')
           }, _ctx.ptm('separatorContainer')), [vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('separator'))), vue.toDisplayString(_ctx.timeSeparator), 17)], 16)) : vue.createCommentVNode("", true), _ctx.showSeconds ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
@@ -3100,7 +3137,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), vue.mergeProps({
               "class": _ctx.incrementIcon
             }, _ctx.ptm('incrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_17)), [[_directive_ripple]]), vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('second'))), vue.toDisplayString($options.formattedCurrentSecond), 17), vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+          })], 16, _hoisted_19)), [[_directive_ripple]]), vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('second'))), vue.toDisplayString($options.formattedCurrentSecond), 17), vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             "class": _ctx.cx('decrementButton'),
             "aria-label": _ctx.$primevue.config.locale.prevSecond,
             onMousedown: _cache[53] || (_cache[53] = function ($event) {
@@ -3130,7 +3167,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
               "class": _ctx.decrementIcon
             }, _ctx.ptm('decrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_18)), [[_directive_ripple]])], 16)) : vue.createCommentVNode("", true), _ctx.hourFormat == '12' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          })], 16, _hoisted_20)), [[_directive_ripple]])], 16)) : vue.createCommentVNode("", true), _ctx.hourFormat == '12' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
             key: 2,
             "class": _ctx.cx('separatorContainer')
           }, _ctx.ptm('separatorContainer')), [vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('separator'))), vue.toDisplayString(_ctx.timeSeparator), 17)], 16)) : vue.createCommentVNode("", true), _ctx.hourFormat == '12' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
@@ -3148,7 +3185,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), vue.mergeProps({
               "class": _ctx.cx('incrementIcon')
             }, _ctx.ptm('incrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_19)), [[_directive_ripple]]), vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('ampm'))), vue.toDisplayString($data.pm ? _ctx.$primevue.config.locale.pm : _ctx.$primevue.config.locale.am), 17), vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+          })], 16, _hoisted_21)), [[_directive_ripple]]), vue.createElementVNode("span", vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('ampm'))), vue.toDisplayString($data.pm ? _ctx.$primevue.config.locale.pm : _ctx.$primevue.config.locale.am), 17), vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             "class": _ctx.cx('decrementButton'),
             "aria-label": _ctx.$primevue.config.locale.pm,
             onClick: _cache[62] || (_cache[62] = function ($event) {
@@ -3160,7 +3197,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
               "class": _ctx.cx('decrementIcon')
             }, _ctx.ptm('decrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_20)), [[_directive_ripple]])], 16)) : vue.createCommentVNode("", true)], 16)) : vue.createCommentVNode("", true), _ctx.showButtonBar ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          })], 16, _hoisted_22)), [[_directive_ripple]])], 16)) : vue.createCommentVNode("", true)], 16)) : vue.createCommentVNode("", true), _ctx.showButtonBar ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
             key: 2,
             "class": _ctx.cx('buttonbar')
           }, _ctx.ptm('buttonbar')), [vue.createVNode(_component_CalendarButton, {
@@ -3188,7 +3225,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["label", "class", "onKeydown", "unstyled", "pt"])], 16)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "footer")], 16, _hoisted_3)) : vue.createCommentVNode("", true)];
         }),
         _: 3
-      }, 8, ["onAfterEnter", "onAfterLeave", "onLeave"])];
+      }, 16, ["onAfterEnter", "onAfterLeave", "onLeave"])];
     }),
     _: 3
   }, 8, ["appendTo", "disabled"])], 16, _hoisted_1);