primevue 3.30.2 → 3.32.0

package/calendar/calendar.esm.js

@@ -2315,8 +2315,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';
+          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 = '';
@@ -2600,19 +2602,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 = resolveComponent("CalendarButton");
   var _component_Portal = resolveComponent("Portal");
@@ -2688,7 +2692,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.inline
   }, {
     "default": withCtx(function () {
-      return [createVNode(Transition, {
+      return [createVNode(Transition, mergeProps({
         name: "p-connected-overlay",
         onEnter: _cache[68] || (_cache[68] = function ($event) {
           return $options.onOverlayEnter($event);
@@ -2696,7 +2700,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onAfterEnter: $options.onOverlayEnterComplete,
         onAfterLeave: $options.onOverlayAfterLeave,
         onLeave: $options.onOverlayLeave
-      }, {
+      }, _ctx.ptm('transition')), {
         "default": withCtx(function () {
           return [_ctx.inline || $data.overlayVisible ? (openBlock(), createElementBlock("div", mergeProps({
             key: 0,
@@ -2803,14 +2807,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 0,
               scope: "col",
               "class": _ctx.cx('weekHeader')
-            }, _ctx.ptm('weekHeader'), {
-              "data-p-disabled": true
-            }), [createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('weekLabel'))), toDisplayString($options.weekHeaderLabel), 17)], 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList($options.weekDays, function (weekDay) {
+            }, _ctx.ptm('weekHeader', {
+              context: {
+                disabled: _ctx.showWeek
+              }
+            }), {
+              "data-p-disabled": _ctx.showWeek
+            }), [createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('weekLabel'))), toDisplayString($options.weekHeaderLabel), 17)], 16, _hoisted_8)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList($options.weekDays, function (weekDay) {
               return openBlock(), createElementBlock("th", mergeProps({
                 key: weekDay,
                 scope: "col",
                 abbr: weekDay
-              }, _ctx.ptm('tableHeaderCell')), [createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('weekDay'))), toDisplayString(weekDay), 17)], 16, _hoisted_8);
+              }, _ctx.ptm('tableHeaderCell')), [createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('weekDay'))), toDisplayString(weekDay), 17)], 16, _hoisted_9);
             }), 128))], 16)], 16), createElementVNode("tbody", normalizeProps(guardReactiveProps(_ctx.ptm('tableBody'))), [(openBlock(true), createElementBlock(Fragment, null, renderList(month.dates, function (week, i) {
               return openBlock(), createElementBlock("tr", mergeProps({
                 key: week[0].day + '' + week[0].month
@@ -2819,21 +2827,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "class": _ctx.cx('weekNumber')
               }, _ctx.ptm('weekNumber')), [createElementVNode("span", 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 ? (openBlock(), createElementBlock("span", mergeProps({
                 key: 0,
                 style: {
                   "visibility": "hidden"
                 }
-              }, _ctx.ptm('weekLabel')), "0", 16)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(month.weekNumbers[i]), 1)], 16)], 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(week, function (date) {
+              }, _ctx.ptm('weekLabel')), "0", 16)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(month.weekNumbers[i]), 1)], 16, _hoisted_10)], 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(week, function (date) {
                 return openBlock(), createElementBlock("td", 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
                 }), [withDirectives((openBlock(), createElementBlock("span", mergeProps({
@@ -2849,20 +2867,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)
                 }), [renderSlot(_ctx.$slots, "date", {
                   date: date
                 }, function () {
                   return [createTextVNode(toDisplayString(date.day), 1)];
-                })], 16, _hoisted_10)), [[_directive_ripple]]), $options.isSelected(date) ? (openBlock(), createElementBlock("div", mergeProps({
+                })], 16, _hoisted_12)), [[_directive_ripple]]), $options.isSelected(date) ? (openBlock(), createElementBlock("div", mergeProps({
                   key: 0,
                   "class": "p-hidden-accessible",
                   "aria-live": "polite"
                 }, _ctx.ptm('hiddenSelectedDay'), {
                   "data-p-hidden-accessible": true
-                }), toDisplayString(date.day), 17)) : createCommentVNode("", true)], 16, _hoisted_9);
+                }), toDisplayString(date.day), 17)) : createCommentVNode("", true)], 16, _hoisted_11);
               }), 128))], 16);
             }), 128))], 16)], 16)], 16)) : createCommentVNode("", true)], 16);
           }), 128))], 16), $data.currentView === 'month' ? (openBlock(), createElementBlock("div", mergeProps({
@@ -2887,7 +2911,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)
             }), [createTextVNode(toDisplayString(m.value) + " ", 1), $options.isMonthSelected(i) ? (openBlock(), createElementBlock("div", mergeProps({
@@ -2896,7 +2927,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-live": "polite"
             }, _ctx.ptm('hiddenMonth'), {
               "data-p-hidden-accessible": true
-            }), toDisplayString(m.value), 17)) : createCommentVNode("", true)], 16, _hoisted_11)), [[_directive_ripple]]);
+            }), toDisplayString(m.value), 17)) : createCommentVNode("", true)], 16, _hoisted_13)), [[_directive_ripple]]);
           }), 128))], 16)) : createCommentVNode("", true), $data.currentView === 'year' ? (openBlock(), createElementBlock("div", mergeProps({
             key: 1,
             "class": _ctx.cx('yearPicker')
@@ -2912,7 +2943,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)
             }), [createTextVNode(toDisplayString(y.value) + " ", 1), $options.isYearSelected(y.value) ? (openBlock(), createElementBlock("div", mergeProps({
@@ -2921,7 +2958,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "aria-live": "polite"
             }, _ctx.ptm('hiddenYear'), {
               "data-p-hidden-accessible": true
-            }), toDisplayString(y.value), 17)) : createCommentVNode("", true)], 16, _hoisted_12)), [[_directive_ripple]]);
+            }), toDisplayString(y.value), 17)) : createCommentVNode("", true)], 16, _hoisted_14)), [[_directive_ripple]]);
           }), 128))], 16)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), (_ctx.showTime || _ctx.timeOnly) && $data.currentView === 'date' ? (openBlock(), createElementBlock("div", mergeProps({
             key: 1,
             "class": _ctx.cx('timePicker')
@@ -2956,7 +2993,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
               "class": _ctx.incrementIcon
             }, _ctx.ptm('incrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_13)), [[_directive_ripple]]), createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('hour'))), toDisplayString($options.formattedCurrentHour), 17), withDirectives((openBlock(), createElementBlock("button", mergeProps({
+          })], 16, _hoisted_15)), [[_directive_ripple]]), createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('hour'))), toDisplayString($options.formattedCurrentHour), 17), withDirectives((openBlock(), createElementBlock("button", mergeProps({
             "class": _ctx.cx('decrementButton'),
             "aria-label": _ctx.$primevue.config.locale.prevHour,
             onMousedown: _cache[21] || (_cache[21] = function ($event) {
@@ -2985,7 +3022,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
               "class": _ctx.decrementIcon
             }, _ctx.ptm('decrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_14)), [[_directive_ripple]])], 16), createElementVNode("div", mergeProps({
+          })], 16, _hoisted_16)), [[_directive_ripple]])], 16), createElementVNode("div", mergeProps({
             "class": _ctx.cx('separatorContainer')
           }, _ctx.ptm('separatorContainer')), [createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('separator'))), toDisplayString(_ctx.timeSeparator), 17)], 16), createElementVNode("div", mergeProps({
             "class": _ctx.cx('minutePicker')
@@ -3019,7 +3056,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
               "class": _ctx.incrementIcon
             }, _ctx.ptm('incrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_15)), [[_directive_ripple]]), createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('minute'))), toDisplayString($options.formattedCurrentMinute), 17), withDirectives((openBlock(), createElementBlock("button", mergeProps({
+          })], 16, _hoisted_17)), [[_directive_ripple]]), createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('minute'))), toDisplayString($options.formattedCurrentMinute), 17), withDirectives((openBlock(), createElementBlock("button", mergeProps({
             "class": _ctx.cx('decrementButton'),
             "aria-label": _ctx.$primevue.config.locale.prevMinute,
             onMousedown: _cache[37] || (_cache[37] = function ($event) {
@@ -3049,7 +3086,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
               "class": _ctx.decrementIcon
             }, _ctx.ptm('decrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_16)), [[_directive_ripple]])], 16), _ctx.showSeconds ? (openBlock(), createElementBlock("div", mergeProps({
+          })], 16, _hoisted_18)), [[_directive_ripple]])], 16), _ctx.showSeconds ? (openBlock(), createElementBlock("div", mergeProps({
             key: 0,
             "class": _ctx.cx('separatorContainer')
           }, _ctx.ptm('separatorContainer')), [createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('separator'))), toDisplayString(_ctx.timeSeparator), 17)], 16)) : createCommentVNode("", true), _ctx.showSeconds ? (openBlock(), createElementBlock("div", mergeProps({
@@ -3085,7 +3122,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
               "class": _ctx.incrementIcon
             }, _ctx.ptm('incrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_17)), [[_directive_ripple]]), createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('second'))), toDisplayString($options.formattedCurrentSecond), 17), withDirectives((openBlock(), createElementBlock("button", mergeProps({
+          })], 16, _hoisted_19)), [[_directive_ripple]]), createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('second'))), toDisplayString($options.formattedCurrentSecond), 17), withDirectives((openBlock(), createElementBlock("button", mergeProps({
             "class": _ctx.cx('decrementButton'),
             "aria-label": _ctx.$primevue.config.locale.prevSecond,
             onMousedown: _cache[53] || (_cache[53] = function ($event) {
@@ -3115,7 +3152,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
               "class": _ctx.decrementIcon
             }, _ctx.ptm('decrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_18)), [[_directive_ripple]])], 16)) : createCommentVNode("", true), _ctx.hourFormat == '12' ? (openBlock(), createElementBlock("div", mergeProps({
+          })], 16, _hoisted_20)), [[_directive_ripple]])], 16)) : createCommentVNode("", true), _ctx.hourFormat == '12' ? (openBlock(), createElementBlock("div", mergeProps({
             key: 2,
             "class": _ctx.cx('separatorContainer')
           }, _ctx.ptm('separatorContainer')), [createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('separator'))), toDisplayString(_ctx.timeSeparator), 17)], 16)) : createCommentVNode("", true), _ctx.hourFormat == '12' ? (openBlock(), createElementBlock("div", mergeProps({
@@ -3133,7 +3170,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
               "class": _ctx.cx('incrementIcon')
             }, _ctx.ptm('incrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_19)), [[_directive_ripple]]), createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('ampm'))), toDisplayString($data.pm ? _ctx.$primevue.config.locale.pm : _ctx.$primevue.config.locale.am), 17), withDirectives((openBlock(), createElementBlock("button", mergeProps({
+          })], 16, _hoisted_21)), [[_directive_ripple]]), createElementVNode("span", normalizeProps(guardReactiveProps(_ctx.ptm('ampm'))), toDisplayString($data.pm ? _ctx.$primevue.config.locale.pm : _ctx.$primevue.config.locale.am), 17), withDirectives((openBlock(), createElementBlock("button", mergeProps({
             "class": _ctx.cx('decrementButton'),
             "aria-label": _ctx.$primevue.config.locale.pm,
             onClick: _cache[62] || (_cache[62] = function ($event) {
@@ -3145,7 +3182,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
               "class": _ctx.cx('decrementIcon')
             }, _ctx.ptm('decrementIcon')), null, 16, ["class"]))];
-          })], 16, _hoisted_20)), [[_directive_ripple]])], 16)) : createCommentVNode("", true)], 16)) : createCommentVNode("", true), _ctx.showButtonBar ? (openBlock(), createElementBlock("div", mergeProps({
+          })], 16, _hoisted_22)), [[_directive_ripple]])], 16)) : createCommentVNode("", true)], 16)) : createCommentVNode("", true), _ctx.showButtonBar ? (openBlock(), createElementBlock("div", mergeProps({
             key: 2,
             "class": _ctx.cx('buttonbar')
           }, _ctx.ptm('buttonbar')), [createVNode(_component_CalendarButton, {
@@ -3173,7 +3210,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["label", "class", "onKeydown", "unstyled", "pt"])], 16)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "footer")], 16, _hoisted_3)) : createCommentVNode("", true)];
         }),
         _: 3
-      }, 8, ["onAfterEnter", "onAfterLeave", "onLeave"])];
+      }, 16, ["onAfterEnter", "onAfterLeave", "onLeave"])];
     }),
     _: 3
   }, 8, ["appendTo", "disabled"])], 16, _hoisted_1);