primevue 3.30.2 → 3.32.0

package/calendar/calendar.js

@@ -2318,8 +2318,10 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
         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 = '';
@@ -2603,19 +2605,21 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
     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");
@@ -2691,7 +2695,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
         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);
@@ -2699,7 +2703,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
             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,
@@ -2806,14 +2810,18 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                   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
@@ -2822,21 +2830,31 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                     "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({
@@ -2852,20 +2870,26 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                       },
                       "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({
@@ -2890,7 +2914,14 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                     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({
@@ -2899,7 +2930,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                   "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')
@@ -2915,7 +2946,13 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                   "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({
@@ -2924,7 +2961,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                   "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')
@@ -2959,7 +2996,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                 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) {
@@ -2988,7 +3025,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                 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')
@@ -3022,7 +3059,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                 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) {
@@ -3052,7 +3089,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                 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({
@@ -3088,7 +3125,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                 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) {
@@ -3118,7 +3155,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                 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({
@@ -3136,7 +3173,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                 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) {
@@ -3148,7 +3185,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
                 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, {
@@ -3176,7 +3213,7 @@ this.primevue.calendar = (function (Button, CalendarIcon, ChevronDownIcon, Chevr
               }, 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);