primevue 3.34.0 → 3.35.0

package/core/core.js

@@ -1641,6 +1641,7 @@ this.primevue.config = (function (exports, api, vue) {
         today: 'Today',
         weekHeader: 'Wk',
         firstDayOfWeek: 0,
+        showMonthAfterYear: false,
         dateFormat: 'mm/dd/yy',
         weak: 'Weak',
         medium: 'Medium',
@@ -1716,6 +1717,10 @@ this.primevue.config = (function (exports, api, vue) {
         tooltip: 1100
       },
       pt: undefined,
+      ptOptions: {
+        mergeSections: true,
+        mergeProps: false
+      },
       unstyled: false,
       csp: {
         nonce: undefined
@@ -1862,7 +1867,7 @@ this.primevue = this.primevue || {};
 this.primevue.base = (function (exports, usestyle) {
     'use strict';
 
-    var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n}\n";
+    var styles = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
     var _useStyle = usestyle.useStyle(styles, {
         name: 'base',
         manual: true
@@ -1911,7 +1916,7 @@ this.primevue.basedirective = (function (base, utils, vue) {
         }) || ''], params), fKeys.join('.'), params) : undefined : utils.ObjectUtils.getItemValue(options, params);
       },
       _getPTValue: function _getPTValue() {
-        var _instance$binding;
+        var _instance$binding, _instance$$config;
         var instance = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var obj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -1924,7 +1929,7 @@ this.primevue.basedirective = (function (base, utils, vue) {
           } : value;
         };
         var datasetPrefix = 'data-pc-';
-        var _ref = ((_instance$binding = instance.binding) === null || _instance$binding === void 0 || (_instance$binding = _instance$binding.value) === null || _instance$binding === void 0 ? void 0 : _instance$binding.ptOptions) || {},
+        var _ref = ((_instance$binding = instance.binding) === null || _instance$binding === void 0 || (_instance$binding = _instance$binding.value) === null || _instance$binding === void 0 ? void 0 : _instance$binding.ptOptions) || ((_instance$$config = instance.$config) === null || _instance$$config === void 0 ? void 0 : _instance$$config.ptOptions) || {},
           _ref$mergeSections = _ref.mergeSections,
           mergeSections = _ref$mergeSections === void 0 ? true : _ref$mergeSections,
           _ref$mergeProps = _ref.mergeProps,
@@ -1939,20 +1944,20 @@ this.primevue.basedirective = (function (base, utils, vue) {
       _getPT: function _getPT(pt) {
         var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
         var callback = arguments.length > 2 ? arguments[2] : undefined;
-        var _usept = pt === null || pt === void 0 ? void 0 : pt['_usept'];
         var getValue = function getValue(value) {
           var _computedValue$_key;
           var computedValue = callback ? callback(value) : value;
           var _key = utils.ObjectUtils.toFlatCase(key);
           return (_computedValue$_key = computedValue === null || computedValue === void 0 ? void 0 : computedValue[_key]) !== null && _computedValue$_key !== void 0 ? _computedValue$_key : computedValue;
         };
-        return utils.ObjectUtils.isNotEmpty(_usept) ? {
-          _usept: _usept,
+        return pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept') ? {
+          _usept: pt['_usept'],
           originalValue: getValue(pt.originalValue),
           value: getValue(pt.value)
         } : getValue(pt);
       },
       _usePT: function _usePT() {
+        var instance = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var pt = arguments.length > 1 ? arguments[1] : undefined;
         var callback = arguments.length > 2 ? arguments[2] : undefined;
         var key = arguments.length > 3 ? arguments[3] : undefined;
@@ -1961,7 +1966,8 @@ this.primevue.basedirective = (function (base, utils, vue) {
           return callback(value, key, params);
         };
         if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
-          var _ref3 = pt['_usept'] || {},
+          var _instance$$config2;
+          var _ref3 = pt['_usept'] || ((_instance$$config2 = instance.$config) === null || _instance$$config2 === void 0 ? void 0 : _instance$$config2.ptOptions) || {},
             _ref3$mergeSections = _ref3.mergeSections,
             mergeSections = _ref3$mergeSections === void 0 ? true : _ref3$mergeSections,
             _ref3$mergeProps = _ref3.mergeProps,
@@ -2116,7 +2122,7 @@ this.primevue.ripple = (function (utils, BaseDirective, usestyle) {
 
     var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
 
-    var styles = "\n.p-ripple {\n    overflow: hidden;\n    position: relative;\n}\n\n.p-ink {\n    display: block;\n    position: absolute;\n    background: rgba(255, 255, 255, 0.5);\n    border-radius: 100%;\n    transform: scale(0);\n    pointer-events: none;\n}\n\n.p-ink-active {\n    animation: ripple 0.4s linear;\n}\n\n.p-ripple-disabled .p-ink {\n    display: none !important;\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n";
+    var styles = "\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n@layer primevue {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n        pointer-events: none;\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n";
     var classes = {
       root: 'p-ink'
     };
@@ -2284,11 +2290,11 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
     function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
     function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
     var inlineStyles = {};
-    var buttonStyles = "\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
+    var buttonStyles = "\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type:not(:only-of-type) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type:not(:only-of-type) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
     var checkboxStyles = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: default;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n";
     var inputTextStyles = "\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n    top: -.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .input:-webkit-autofill ~ label {\n    top: -20px;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > i,\n.p-input-icon-right > svg {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
     var radioButtonStyles = "\n.p-radiobutton {\n    position: relative;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton.p-radiobutton-disabled {\n    cursor: default;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n";
-    var styles = "\n.p-component, .p-component * {\n    box-sizing: border-box;\n}\n\n.p-hidden-space {\n    visibility: hidden;\n}\n\n.p-reset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    text-decoration: none;\n    font-size: 100%;\n    list-style: none;\n}\n\n.p-disabled, .p-disabled * {\n    cursor: default !important;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-component-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-unselectable-text {\n    user-select: none;\n}\n\n.p-sr-only {\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    clip-path: inset(50%);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n    word-wrap: normal !important;\n}\n\n.p-link {\n\ttext-align: left;\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-link:disabled {\n\tcursor: default;\n}\n\n/* Non vue overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity .1s linear;\n}\n\n/* Vue based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity .1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n".concat(buttonStyles, "\n").concat(checkboxStyles, "\n").concat(inputTextStyles, "\n").concat(radioButtonStyles, "\n");
+    var styles = "\n@layer primevue {\n.p-component, .p-component * {\n    box-sizing: border-box;\n}\n\n.p-hidden-space {\n    visibility: hidden;\n}\n\n.p-reset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    outline: 0;\n    text-decoration: none;\n    font-size: 100%;\n    list-style: none;\n}\n\n.p-disabled, .p-disabled * {\n    cursor: default !important;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-component-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-unselectable-text {\n    user-select: none;\n}\n\n.p-sr-only {\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    clip-path: inset(50%);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n    word-wrap: normal !important;\n}\n\n.p-link {\n\ttext-align: left;\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-link:disabled {\n\tcursor: default;\n}\n\n/* Non vue overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity .1s linear;\n}\n\n/* Vue based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity .1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n".concat(buttonStyles, "\n").concat(checkboxStyles, "\n").concat(inputTextStyles, "\n").concat(radioButtonStyles, "\n}\n");
     var _useStyle = usestyle.useStyle(styles, {
         name: 'common',
         manual: true
@@ -2402,6 +2408,10 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
         _getHostInstance: function _getHostInstance(instance) {
           return instance ? this.$options.hostName ? instance.$.type.name === this.$options.hostName ? instance : this._getHostInstance(instance.$parentInstance) : instance.$parentInstance : undefined;
         },
+        _getPropValue: function _getPropValue(name) {
+          var _this$_getHostInstanc;
+          return this[name] || ((_this$_getHostInstanc = this._getHostInstance(this)) === null || _this$_getHostInstanc === void 0 ? void 0 : _this$_getHostInstanc[name]);
+        },
         _getOptionValue: function _getOptionValue(options) {
           var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
           var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -2412,13 +2422,14 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
           }) || ''], params), fKeys.join('.'), params) : undefined : utils.ObjectUtils.getItemValue(options, params);
         },
         _getPTValue: function _getPTValue() {
+          var _this$$config6;
           var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
           var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
           var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
           var searchInDefaultPT = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
           var datasetPrefix = 'data-pc-';
           var searchOut = /./g.test(key) && !!params[key.split('.')[0]];
-          var _ref3 = this.ptOptions || {},
+          var _ref3 = this._getPropValue('ptOptions') || ((_this$$config6 = this.$config) === null || _this$$config6 === void 0 ? void 0 : _this$$config6.ptOptions) || {},
             _ref3$mergeSections = _ref3.mergeSections,
             mergeSections = _ref3$mergeSections === void 0 ? true : _ref3$mergeSections,
             _ref3$mergeProps = _ref3.mergeProps,
@@ -2440,7 +2451,6 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
           var _this = this;
           var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
           var callback = arguments.length > 2 ? arguments[2] : undefined;
-          var _usept = pt === null || pt === void 0 ? void 0 : pt['_usept'];
           var getValue = function getValue(value) {
             var _ref5;
             var checkSameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -2449,8 +2459,8 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
             var _cKey = utils.ObjectUtils.toFlatCase(_this.$name);
             return (_ref5 = checkSameKey ? _key !== _cKey ? computedValue === null || computedValue === void 0 ? void 0 : computedValue[_key] : undefined : computedValue === null || computedValue === void 0 ? void 0 : computedValue[_key]) !== null && _ref5 !== void 0 ? _ref5 : computedValue;
           };
-          return utils.ObjectUtils.isNotEmpty(_usept) ? {
-            _usept: _usept,
+          return pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept') ? {
+            _usept: pt['_usept'],
             originalValue: getValue(pt.originalValue),
             value: getValue(pt.value)
           } : getValue(pt, true);
@@ -2460,7 +2470,8 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
             return callback(value, key, params);
           };
           if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
-            var _ref6 = pt['_usept'] || {},
+            var _this$$config7;
+            var _ref6 = pt['_usept'] || ((_this$$config7 = this.$config) === null || _this$$config7 === void 0 ? void 0 : _this$$config7.ptOptions) || {},
               _ref6$mergeSections = _ref6.mergeSections,
               mergeSections = _ref6$mergeSections === void 0 ? true : _ref6$mergeSections,
               _ref6$mergeProps = _ref6.mergeProps,
@@ -2510,24 +2521,24 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
       },
       computed: {
         globalPT: function globalPT() {
-          var _this$$config6,
+          var _this$$config8,
             _this2 = this;
-          return this._getPT((_this$$config6 = this.$config) === null || _this$$config6 === void 0 ? void 0 : _this$$config6.pt, undefined, function (value) {
+          return this._getPT((_this$$config8 = this.$config) === null || _this$$config8 === void 0 ? void 0 : _this$$config8.pt, undefined, function (value) {
             return utils.ObjectUtils.getItemValue(value, {
               instance: _this2
             });
           });
         },
         defaultPT: function defaultPT() {
-          var _this$$config7,
+          var _this$$config9,
             _this3 = this;
-          return this._getPT((_this$$config7 = this.$config) === null || _this$$config7 === void 0 ? void 0 : _this$$config7.pt, undefined, function (value) {
+          return this._getPT((_this$$config9 = this.$config) === null || _this$$config9 === void 0 ? void 0 : _this$$config9.pt, undefined, function (value) {
             return _this3._getOptionValue(value, _this3.$name, _objectSpread({}, _this3.$params)) || utils.ObjectUtils.getItemValue(value, _objectSpread({}, _this3.$params));
           });
         },
         isUnstyled: function isUnstyled() {
-          var _this$$config8;
-          return this.unstyled !== undefined ? this.unstyled : (_this$$config8 = this.$config) === null || _this$$config8 === void 0 ? void 0 : _this$$config8.unstyled;
+          var _this$$config10;
+          return this.unstyled !== undefined ? this.unstyled : (_this$$config10 = this.$config) === null || _this$$config10 === void 0 ? void 0 : _this$$config10.unstyled;
         },
         $params: function $params() {
           return {
@@ -4712,7 +4723,7 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
 
     var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
 
-    var styles = "\n.p-tooltip {\n    position:absolute;\n    display:none;\n    pointer-events:none;\n    padding: .25em .5rem;\n    max-width: 12.5rem;\n}\n\n.p-tooltip.p-tooltip-right,\n.p-tooltip.p-tooltip-left {\n    padding: 0 .25rem;\n}\n\n.p-tooltip.p-tooltip-top,\n.p-tooltip.p-tooltip-bottom {\n    padding:.25em 0;\n}\n\n.p-tooltip .p-tooltip-text {\n    white-space: pre-line;\n    word-break: break-word;\n}\n\n.p-tooltip-arrow {\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-color: transparent;\n    border-style: solid;\n}\n\n.p-tooltip-right .p-tooltip-arrow {\n    margin-top: -.25rem;\n    border-width: .25em .25em .25em 0;\n}\n\n.p-tooltip-left .p-tooltip-arrow {\n    margin-top: -.25rem;\n    border-width: .25em 0 .25em .25rem;\n}\n\n.p-tooltip.p-tooltip-top {\n    padding: .25em 0;\n}\n\n.p-tooltip-top .p-tooltip-arrow {\n    margin-left: -.25rem;\n    border-width: .25em .25em 0;\n}\n\n.p-tooltip-bottom .p-tooltip-arrow {\n    margin-left: -.25rem;\n    border-width: 0 .25em .25rem;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        pointer-events:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
     var classes = {
       root: 'p-tooltip p-component',
       arrow: 'p-tooltip-arrow',
@@ -6576,7 +6587,7 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
     var InputText__default = /*#__PURE__*/_interopDefaultLegacy(InputText);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-inputnumber {\n    display: inline-flex;\n}\n\n.p-inputnumber-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n    display: none;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    padding: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-input {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    padding: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n    display: flex;\n    flex-direction: column;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n    flex: 1 1 auto;\n}\n\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n    order: 3;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-inputnumber-buttons-horizontal .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n}\n\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n    order: 1;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-inputnumber-buttons-vertical {\n    flex-direction: column;\n}\n\n.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n    order: 1;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    width: 100%;\n}\n\n.p-inputnumber-buttons-vertical .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n    text-align: center;\n}\n\n.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n    order: 3;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    width: 100%;\n}\n\n.p-inputnumber-input {\n    flex: 1 1 auto;\n}\n\n.p-fluid .p-inputnumber {\n    width: 100%;\n}\n\n.p-fluid .p-inputnumber .p-inputnumber-input {\n    width: 1%;\n}\n\n.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n    width: 100%;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-inputnumber {\n        display: inline-flex;\n    }\n    \n    .p-inputnumber-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n        display: none;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n        padding: 0;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-inputnumber-input {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 0;\n        padding: 0;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n        flex: 1 1 auto;\n    }\n    \n    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n        order: 3;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-horizontal .p-inputnumber-input {\n        order: 2;\n        border-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n        order: 1;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    \n    .p-inputnumber-buttons-vertical {\n        flex-direction: column;\n    }\n    \n    .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n        order: 1;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n        width: 100%;\n    }\n    \n    .p-inputnumber-buttons-vertical .p-inputnumber-input {\n        order: 2;\n        border-radius: 0;\n        text-align: center;\n    }\n    \n    .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n        order: 3;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        width: 100%;\n    }\n    \n    .p-inputnumber-input {\n        flex: 1 1 auto;\n    }\n    \n    .p-fluid .p-inputnumber {\n        width: 100%;\n    }\n    \n    .p-fluid .p-inputnumber .p-inputnumber-input {\n        width: 1%;\n    }\n    \n    .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n        width: 100%;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
@@ -7657,7 +7668,9 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
           return [vue.renderSlot(_ctx.$slots, "incrementbuttonicon", {}, function () {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.incrementButtonIcon ? 'span' : 'AngleUpIcon'), vue.mergeProps({
               "class": _ctx.incrementButtonIcon
-            }, _ctx.ptm('incrementButton')['icon']), null, 16, ["class"]))];
+            }, _ctx.ptm('incrementButton')['icon'], {
+              "data-pc-section": "incrementbuttonicon"
+            }), null, 16, ["class"]))];
           })];
         }),
         _: 3
@@ -7675,7 +7688,9 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
           return [vue.renderSlot(_ctx.$slots, "decrementbuttonicon", {}, function () {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.decrementButtonIcon ? 'span' : 'AngleDownIcon'), vue.mergeProps({
               "class": _ctx.decrementButtonIcon
-            }, _ctx.ptm('decrementButton')['icon']), null, 16, ["class"]))];
+            }, _ctx.ptm('decrementButton')['icon'], {
+              "data-pc-section": "decrementbuttonicon"
+            }), null, 16, ["class"]))];
           })];
         }),
         _: 3
@@ -7694,7 +7709,9 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
           return [vue.renderSlot(_ctx.$slots, "incrementbuttonicon", {}, function () {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.incrementButtonIcon ? 'span' : 'AngleUpIcon'), vue.mergeProps({
               "class": _ctx.incrementButtonIcon
-            }, _ctx.ptm('incrementButton')['icon']), null, 16, ["class"]))];
+            }, _ctx.ptm('incrementButton')['icon'], {
+              "data-pc-section": "incrementbuttonicon"
+            }), null, 16, ["class"]))];
           })];
         }),
         _: 3
@@ -7713,7 +7730,9 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
           return [vue.renderSlot(_ctx.$slots, "decrementbuttonicon", {}, function () {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.decrementButtonIcon ? 'span' : 'AngleDownIcon'), vue.mergeProps({
               "class": _ctx.decrementButtonIcon
-            }, _ctx.ptm('decrementButton')['icon']), null, 16, ["class"]))];
+            }, _ctx.ptm('decrementButton')['icon'], {
+              "data-pc-section": "decrementbuttonicon"
+            }), null, 16, ["class"]))];
           })];
         }),
         _: 3
@@ -7740,7 +7759,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0; \n}\n\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-message-enter-from {\n    opacity: 0;\n}\n\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0; \n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-message-enter-from {\n        opacity: 0;\n    }\n    \n    .p-message-enter-active {\n        transition: opacity 0.3s;\n    }\n    \n    .p-message.p-message-leave-from {\n        max-height: 1000px;\n    }\n    \n    .p-message.p-message-leave-to {\n        max-height: 0;\n        opacity: 0;\n        margin: 0 !important;\n    }\n    \n    .p-message-leave-active {\n        overflow: hidden;\n        transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    }\n    \n    .p-message-leave-active .p-message-close {\n        display: none;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -7875,7 +7894,11 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
             "aria-atomic": "true"
           }, _ctx.ptm('root'), {
             "data-pc-name": "message"
-          }), [vue.createElementVNode("div", vue.mergeProps({
+          }), [_ctx.$slots.container ? vue.renderSlot(_ctx.$slots, "container", {
+            key: 0,
+            onClose: $options.close
+          }) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+            key: 1,
             "class": _ctx.cx('wrapper')
           }, _ctx.ptm('wrapper')), [vue.renderSlot(_ctx.$slots, "messageicon", {
             "class": "p-message-icon"
@@ -7901,7 +7924,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
               key: 1,
               "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
             }, _objectSpread(_objectSpread({}, _ctx.ptm('buttonIcon')), _ctx.ptm('closeIcon'))), null, 16, ["class"]))];
-          })], 16, _hoisted_1)), [[_directive_ripple]]) : vue.createCommentVNode("", true)], 16)], 16), [[vue.vShow, $data.visible]])];
+          })], 16, _hoisted_1)), [[_directive_ripple]]) : vue.createCommentVNode("", true)], 16))], 16), [[vue.vShow, $data.visible]])];
         }),
         _: 3
       }, 16);
@@ -7921,7 +7944,7 @@ this.primevue.progressbar = (function (BaseComponent, usestyle, vue) {
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-progressbar {\n    position: relative;\n    overflow: hidden;\n}\n\n.p-progressbar-determinate .p-progressbar-value {\n    height: 100%;\n    width: 0%;\n    position: absolute;\n    display: none;\n    border: 0 none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}\n\n.p-progressbar-determinate .p-progressbar-label {\n    display: inline-flex;\n}\n\n.p-progressbar-determinate .p-progressbar-value-animate {\n    transition: width 1s ease-in-out;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::before {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::after {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    -webkit-animation-delay: 1.15s;\n    animation-delay: 1.15s;\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n    0% {\n        left: -35%;\n        right: 100%;\n    }\n    60% {\n        left: 100%;\n        right: -90%;\n    }\n    100% {\n        left: 100%;\n        right: -90%;\n    }\n}\n@keyframes p-progressbar-indeterminate-anim {\n    0% {\n        left: -35%;\n        right: 100%;\n    }\n    60% {\n        left: 100%;\n        right: -90%;\n    }\n    100% {\n        left: 100%;\n        right: -90%;\n    }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n    0% {\n        left: -200%;\n        right: 100%;\n    }\n    60% {\n        left: 107%;\n        right: -8%;\n    }\n    100% {\n        left: 107%;\n        right: -8%;\n    }\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n    0% {\n        left: -200%;\n        right: 100%;\n    }\n    60% {\n        left: 107%;\n        right: -8%;\n    }\n    100% {\n        left: 107%;\n        right: -8%;\n    }\n}\n";
+    var styles = "\n@layer primevue {\n    .p-progressbar {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-progressbar-determinate .p-progressbar-value {\n        height: 100%;\n        width: 0%;\n        position: absolute;\n        display: none;\n        border: 0 none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n    \n    .p-progressbar-determinate .p-progressbar-label {\n        display: inline-flex;\n    }\n    \n    .p-progressbar-determinate .p-progressbar-value-animate {\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-progressbar-indeterminate .p-progressbar-value::before {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n    \n    .p-progressbar-indeterminate .p-progressbar-value::after {\n        content: '';\n        position: absolute;\n        background-color: inherit;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        will-change: left, right;\n        -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n        -webkit-animation-delay: 1.15s;\n        animation-delay: 1.15s;\n    }\n    \n    @-webkit-keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n    \n    @-webkit-keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n    @keyframes p-progressbar-indeterminate-anim-short {\n        0% {\n            left: -200%;\n            right: 100%;\n        }\n        60% {\n            left: 107%;\n            right: -8%;\n        }\n        100% {\n            left: 107%;\n            right: -8%;\n        }\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance;
@@ -8033,7 +8056,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
     var VirtualScroller__default = /*#__PURE__*/_interopDefaultLegacy(VirtualScroller);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-dropdown {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n}\n\n.p-dropdown-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-dropdown-trigger {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.p-dropdown-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    text-overflow: ellipsis;\n    cursor: pointer;\n}\n\n.p-dropdown-label-empty {\n    overflow: hidden;\n    opacity: 0;\n}\n\ninput.p-dropdown-label {\n    cursor: default;\n}\n\n.p-dropdown .p-dropdown-panel {\n    min-width: 100%;\n}\n\n.p-dropdown-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.p-dropdown-items-wrapper {\n    overflow: auto;\n}\n\n.p-dropdown-item {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n}\n\n.p-dropdown-item-group {\n    cursor: auto;\n}\n\n.p-dropdown-items {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-dropdown-filter {\n    width: 100%;\n}\n\n.p-dropdown-filter-container {\n    position: relative;\n}\n\n.p-dropdown-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-dropdown {\n    display: flex;\n}\n\n.p-fluid .p-dropdown .p-dropdown-label {\n    width: 1%;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-dropdown {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-dropdown-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-dropdown-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-dropdown-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-dropdown-label-empty {\n        overflow: hidden;\n        opacity: 0;\n    }\n    \n    input.p-dropdown-label {\n        cursor: default;\n    }\n    \n    .p-dropdown .p-dropdown-panel {\n        min-width: 100%;\n    }\n    \n    .p-dropdown-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-dropdown-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-dropdown-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-dropdown-item-group {\n        cursor: auto;\n    }\n    \n    .p-dropdown-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-dropdown-filter {\n        width: 100%;\n    }\n    \n    .p-dropdown-filter-container {\n        position: relative;\n    }\n    \n    .p-dropdown-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-dropdown {\n        display: flex;\n    }\n    \n    .p-fluid .p-dropdown .p-dropdown-label {\n        width: 1%;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
@@ -9348,7 +9371,7 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-dialog-mask.p-component-overlay {\n    pointer-events: auto;\n}\n\n.p-dialog {\n    max-height: 90%;\n    transform: scale(1);\n}\n\n.p-dialog-content {\n    overflow-y: auto;\n}\n\n.p-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-shrink: 0;\n}\n\n.p-dialog-footer {\n    flex-shrink: 0;\n}\n\n.p-dialog .p-dialog-header-icons {\n    display: flex;\n    align-items: center;\n}\n\n.p-dialog .p-dialog-header-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n    width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-dialog-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-dialog-enter-from,\n.p-dialog-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-topleft .p-dialog,\n.p-dialog-topright .p-dialog,\n.p-dialog-bottomleft .p-dialog,\n.p-dialog-bottomright .p-dialog {\n    margin: 0.75rem;\n    transform: translate3d(0px, 0px, 0px);\n}\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-top .p-dialog-leave-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-leave-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-left .p-dialog-leave-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-right .p-dialog-leave-active,\n.p-dialog-topleft .p-dialog-enter-active,\n.p-dialog-topleft .p-dialog-leave-active,\n.p-dialog-topright .p-dialog-enter-active,\n.p-dialog-topright .p-dialog-leave-active,\n.p-dialog-bottomleft .p-dialog-enter-active,\n.p-dialog-bottomleft .p-dialog-leave-active,\n.p-dialog-bottomright .p-dialog-enter-active,\n.p-dialog-bottomright .p-dialog-leave-active {\n    transition: all 0.3s ease-out;\n}\n.p-dialog-top .p-dialog-enter-from,\n.p-dialog-top .p-dialog-leave-to {\n    transform: translate3d(0px, -100%, 0px);\n}\n.p-dialog-bottom .p-dialog-enter-from,\n.p-dialog-bottom .p-dialog-leave-to {\n    transform: translate3d(0px, 100%, 0px);\n}\n.p-dialog-left .p-dialog-enter-from,\n.p-dialog-left .p-dialog-leave-to,\n.p-dialog-topleft .p-dialog-enter-from,\n.p-dialog-topleft .p-dialog-leave-to,\n.p-dialog-bottomleft .p-dialog-enter-from,\n.p-dialog-bottomleft .p-dialog-leave-to {\n    transform: translate3d(-100%, 0px, 0px);\n}\n.p-dialog-right .p-dialog-enter-from,\n.p-dialog-right .p-dialog-leave-to,\n.p-dialog-topright .p-dialog-enter-from,\n.p-dialog-topright .p-dialog-leave-to,\n.p-dialog-bottomright .p-dialog-enter-from,\n.p-dialog-bottomright .p-dialog-leave-to {\n    transform: translate3d(100%, 0px, 0px);\n}\n\n/* Maximize */\n.p-dialog-maximized {\n    -webkit-transition: none;\n    transition: none;\n    transform: none;\n    width: 100vw !important;\n    height: 100vh !important;\n    top: 0px !important;\n    left: 0px !important;\n    max-height: 100%;\n    height: 100%;\n}\n.p-dialog-maximized .p-dialog-content {\n    flex-grow: 1;\n}\n\n.p-confirm-dialog .p-dialog-content {\n    display: flex;\n    align-items: center;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-dialog-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-dialog {\n        max-height: 90%;\n        transform: scale(1);\n    }\n    \n    .p-dialog-content {\n        overflow-y: auto;\n    }\n    \n    .p-dialog-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-shrink: 0;\n    }\n    \n    .p-dialog-footer {\n        flex-shrink: 0;\n    }\n    \n    .p-dialog .p-dialog-header-icons {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-dialog .p-dialog-header-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    /* Fluid */\n    .p-fluid .p-dialog-footer .p-button {\n        width: auto;\n    }\n    \n    /* Animation */\n    /* Center */\n    .p-dialog-enter-active {\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    .p-dialog-leave-active {\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .p-dialog-enter-from,\n    .p-dialog-leave-to {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    /* Top, Bottom, Left, Right, Top* and Bottom* */\n    .p-dialog-top .p-dialog,\n    .p-dialog-bottom .p-dialog,\n    .p-dialog-left .p-dialog,\n    .p-dialog-right .p-dialog,\n    .p-dialog-topleft .p-dialog,\n    .p-dialog-topright .p-dialog,\n    .p-dialog-bottomleft .p-dialog,\n    .p-dialog-bottomright .p-dialog {\n        margin: 0.75rem;\n        transform: translate3d(0px, 0px, 0px);\n    }\n    .p-dialog-top .p-dialog-enter-active,\n    .p-dialog-top .p-dialog-leave-active,\n    .p-dialog-bottom .p-dialog-enter-active,\n    .p-dialog-bottom .p-dialog-leave-active,\n    .p-dialog-left .p-dialog-enter-active,\n    .p-dialog-left .p-dialog-leave-active,\n    .p-dialog-right .p-dialog-enter-active,\n    .p-dialog-right .p-dialog-leave-active,\n    .p-dialog-topleft .p-dialog-enter-active,\n    .p-dialog-topleft .p-dialog-leave-active,\n    .p-dialog-topright .p-dialog-enter-active,\n    .p-dialog-topright .p-dialog-leave-active,\n    .p-dialog-bottomleft .p-dialog-enter-active,\n    .p-dialog-bottomleft .p-dialog-leave-active,\n    .p-dialog-bottomright .p-dialog-enter-active,\n    .p-dialog-bottomright .p-dialog-leave-active {\n        transition: all 0.3s ease-out;\n    }\n    .p-dialog-top .p-dialog-enter-from,\n    .p-dialog-top .p-dialog-leave-to {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    .p-dialog-bottom .p-dialog-enter-from,\n    .p-dialog-bottom .p-dialog-leave-to {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    .p-dialog-left .p-dialog-enter-from,\n    .p-dialog-left .p-dialog-leave-to,\n    .p-dialog-topleft .p-dialog-enter-from,\n    .p-dialog-topleft .p-dialog-leave-to,\n    .p-dialog-bottomleft .p-dialog-enter-from,\n    .p-dialog-bottomleft .p-dialog-leave-to {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    .p-dialog-right .p-dialog-enter-from,\n    .p-dialog-right .p-dialog-leave-to,\n    .p-dialog-topright .p-dialog-enter-from,\n    .p-dialog-topright .p-dialog-leave-to,\n    .p-dialog-bottomright .p-dialog-enter-from,\n    .p-dialog-bottomright .p-dialog-leave-to {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    /* Maximize */\n    .p-dialog-maximized {\n        -webkit-transition: none;\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        top: 0px !important;\n        left: 0px !important;\n        max-height: 100%;\n        height: 100%;\n    }\n    .p-dialog-maximized .p-dialog-content {\n        flex-grow: 1;\n    }\n    \n    .p-confirm-dialog .p-dialog-content {\n        display: flex;\n        align-items: center;\n    }\n}\n";
 
     /* Position */
     var inlineStyles = {
@@ -9465,6 +9488,10 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
           type: Boolean,
           "default": true
         },
+        blockScroll: {
+          type: Boolean,
+          "default": false
+        },
         baseZIndex: {
           type: Number,
           "default": 0
@@ -9647,7 +9674,9 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
             }
           }
           if (focusTarget) {
-            utils.DomHandler.focus(focusTarget);
+            utils.DomHandler.focus(focusTarget, {
+              focusVisible: true
+            });
           }
         },
         maximize: function maximize(event) {
@@ -9661,19 +9690,23 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
           if (!this.modal) {
             if (this.maximized) {
               utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
+              document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
             } else {
               utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
+              document.body.style.removeProperty('--scrollbar-width');
             }
           }
         },
         enableDocumentSettings: function enableDocumentSettings() {
-          if (this.modal || this.maximizable && this.maximized) {
+          if (this.modal || !this.modal && this.blockScroll || this.maximizable && this.maximized) {
             utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
+            document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
           }
         },
         unbindDocumentState: function unbindDocumentState() {
-          if (this.modal || this.maximizable && this.maximized) {
+          if (this.modal || !this.modal && this.blockScroll || this.maximizable && this.maximized) {
             utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
+            document.body.style.removeProperty('--scrollbar-width');
           }
         },
         onKeyDown: function onKeyDown(event) {
@@ -9834,9 +9867,6 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
         },
         attributeSelector: function attributeSelector() {
           return utils.UniqueComponentId();
-        },
-        contentStyleClass: function contentStyleClass() {
-          return ['p-dialog-content', this.contentClass];
         }
       },
       directives: {
@@ -9898,7 +9928,15 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
                 role: "dialog",
                 "aria-labelledby": $options.ariaLabelledById,
                 "aria-modal": _ctx.modal
-              }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [_ctx.showHeader ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+              }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [_ctx.$slots.container ? vue.renderSlot(_ctx.$slots, "container", {
+                key: 0,
+                onClose: $options.close,
+                onMaximize: function onMaximize(event) {
+                  return $options.maximize(event);
+                }
+              }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                key: 1
+              }, [_ctx.showHeader ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                 key: 0,
                 ref: $options.headerContainerRef,
                 "class": _ctx.cx('header'),
@@ -9962,7 +10000,7 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
                 "class": _ctx.cx('footer')
               }, _ctx.ptm('footer')), [vue.renderSlot(_ctx.$slots, "footer", {}, function () {
                 return [vue.createTextVNode(vue.toDisplayString(_ctx.footer), 1)];
-              })], 16)) : vue.createCommentVNode("", true)], 16, _hoisted_1)), [[_directive_focustrap, {
+              })], 16)) : vue.createCommentVNode("", true)], 64))], 16, _hoisted_1)), [[_directive_focustrap, {
                 disabled: !_ctx.modal
               }]]) : vue.createCommentVNode("", true)];
             }),
@@ -9998,7 +10036,7 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
     function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
     function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof$1(key) === "symbol" ? key : String(key); }
     function _toPrimitive(input, hint) { if (_typeof$1(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$1(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-    var styles = "\n.p-paginator-default {\n    display: flex;\n}\n\n.p-paginator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n.p-paginator-left-content {\n    margin-right: auto;\n}\n\n.p-paginator-right-content {\n    margin-left: auto;\n}\n\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev,\n.p-paginator-current {\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-paginator-element:focus {\n    z-index: 1;\n    position: relative;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-paginator-default {\n        display: flex;\n    }\n    \n    .p-paginator {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-paginator-left-content {\n        margin-right: auto;\n    }\n    \n    .p-paginator-right-content {\n        margin-left: auto;\n    }\n    \n    .p-paginator-page,\n    .p-paginator-next,\n    .p-paginator-last,\n    .p-paginator-first,\n    .p-paginator-prev,\n    .p-paginator-current {\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 1;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-paginator-element:focus {\n        z-index: 1;\n        position: relative;\n    }\n}\n";
     var classes = {
       paginator: function paginator(_ref) {
         var instance = _ref.instance,
@@ -10202,7 +10240,8 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
       props: {
         page: Number,
         pageCount: Number,
-        disabled: Boolean
+        disabled: Boolean,
+        templates: null
       },
       methods: {
         onChange: function onChange(value) {
@@ -10242,7 +10281,17 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
         pt: _ctx.ptm('jumpToPageDropdown'),
         "data-pc-section": "jumptopagedropdown",
         "data-pc-group-section": "pagedropdown"
-      }, null, 8, ["modelValue", "options", "class", "disabled", "unstyled", "pt"]);
+      }, vue.createSlots({
+        _: 2
+      }, [$props.templates['jumptopagedropdownicon'] ? {
+        name: "dropdownicon",
+        fn: vue.withCtx(function (slotProps) {
+          return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['jumptopagedropdownicon']), {
+            "class": vue.normalizeClass(slotProps["class"])
+          }, null, 8, ["class"]))];
+        }),
+        key: "0"
+      } : undefined]), 1032, ["modelValue", "options", "class", "disabled", "unstyled", "pt"]);
     }
 
     script$7.render = render$7;
@@ -10492,7 +10541,8 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
       props: {
         options: Array,
         rows: Number,
-        disabled: Boolean
+        disabled: Boolean,
+        templates: null
       },
       methods: {
         onChange: function onChange(value) {
@@ -10534,7 +10584,17 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
         pt: _ctx.ptm('rowPerPageDropdown'),
         "data-pc-section": "rowperpagedropdown",
         "data-pc-group-section": "pagedropdown"
-      }, null, 8, ["modelValue", "options", "class", "disabled", "unstyled", "pt"]);
+      }, vue.createSlots({
+        _: 2
+      }, [$props.templates['rowsperpagedropdownicon'] ? {
+        name: "dropdownicon",
+        fn: vue.withCtx(function (slotProps) {
+          return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['rowsperpagedropdownicon']), {
+            "class": vue.normalizeClass(slotProps["class"])
+          }, null, 8, ["class"]))];
+        }),
+        key: "0"
+      } : undefined]), 1032, ["modelValue", "options", "class", "disabled", "unstyled", "pt"]);
     }
 
     script$1.render = render$1;
@@ -10790,8 +10850,9 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
               return $options.changePageToFirst($event);
             }),
             disabled: $options.isFirstPage || $options.empty,
+            unstyled: _ctx.unstyled,
             pt: _ctx.pt
-          }, null, 8, ["aria-label", "template", "disabled", "pt"])) : item === 'PrevPageLink' ? (vue.openBlock(), vue.createBlock(_component_PrevPageLink, {
+          }, null, 8, ["aria-label", "template", "disabled", "unstyled", "pt"])) : item === 'PrevPageLink' ? (vue.openBlock(), vue.createBlock(_component_PrevPageLink, {
             key: 1,
             "aria-label": $options.getAriaLabel('prevPageLabel'),
             template: _ctx.$slots.prevpagelinkicon,
@@ -10799,8 +10860,9 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
               return $options.changePageToPrev($event);
             }),
             disabled: $options.isFirstPage || $options.empty,
+            unstyled: _ctx.unstyled,
             pt: _ctx.pt
-          }, null, 8, ["aria-label", "template", "disabled", "pt"])) : item === 'NextPageLink' ? (vue.openBlock(), vue.createBlock(_component_NextPageLink, {
+          }, null, 8, ["aria-label", "template", "disabled", "unstyled", "pt"])) : item === 'NextPageLink' ? (vue.openBlock(), vue.createBlock(_component_NextPageLink, {
             key: 2,
             "aria-label": $options.getAriaLabel('nextPageLabel'),
             template: _ctx.$slots.nextpagelinkicon,
@@ -10808,8 +10870,9 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
               return $options.changePageToNext($event);
             }),
             disabled: $options.isLastPage || $options.empty,
+            unstyled: _ctx.unstyled,
             pt: _ctx.pt
-          }, null, 8, ["aria-label", "template", "disabled", "pt"])) : item === 'LastPageLink' ? (vue.openBlock(), vue.createBlock(_component_LastPageLink, {
+          }, null, 8, ["aria-label", "template", "disabled", "unstyled", "pt"])) : item === 'LastPageLink' ? (vue.openBlock(), vue.createBlock(_component_LastPageLink, {
             key: 3,
             "aria-label": $options.getAriaLabel('lastPageLabel'),
             template: _ctx.$slots.lastpagelinkicon,
@@ -10817,8 +10880,9 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
               return $options.changePageToLast($event);
             }),
             disabled: $options.isLastPage || $options.empty,
+            unstyled: _ctx.unstyled,
             pt: _ctx.pt
-          }, null, 8, ["aria-label", "template", "disabled", "pt"])) : item === 'PageLinks' ? (vue.openBlock(), vue.createBlock(_component_PageLinks, {
+          }, null, 8, ["aria-label", "template", "disabled", "unstyled", "pt"])) : item === 'PageLinks' ? (vue.openBlock(), vue.createBlock(_component_PageLinks, {
             key: 4,
             "aria-label": $options.getAriaLabel('pageLabel'),
             value: $options.pageLinks,
@@ -10837,8 +10901,9 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
             first: $data.d_first,
             rows: $data.d_rows,
             totalRecords: _ctx.totalRecords,
+            unstyled: _ctx.unstyled,
             pt: _ctx.pt
-          }, null, 8, ["template", "currentPage", "page", "pageCount", "first", "rows", "totalRecords", "pt"])) : item === 'RowsPerPageDropdown' && _ctx.rowsPerPageOptions ? (vue.openBlock(), vue.createBlock(_component_RowsPerPageDropdown, {
+          }, null, 8, ["template", "currentPage", "page", "pageCount", "first", "rows", "totalRecords", "unstyled", "pt"])) : item === 'RowsPerPageDropdown' && _ctx.rowsPerPageOptions ? (vue.openBlock(), vue.createBlock(_component_RowsPerPageDropdown, {
             key: 6,
             "aria-label": $options.getAriaLabel('rowsPerPageLabel'),
             rows: $data.d_rows,
@@ -10847,9 +10912,10 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
               return $options.onRowChange($event);
             }),
             disabled: $options.empty,
+            templates: _ctx.$slots,
             unstyled: _ctx.unstyled,
             pt: _ctx.pt
-          }, null, 8, ["aria-label", "rows", "options", "disabled", "unstyled", "pt"])) : item === 'JumpToPageDropdown' ? (vue.openBlock(), vue.createBlock(_component_JumpToPageDropdown, {
+          }, null, 8, ["aria-label", "rows", "options", "disabled", "templates", "unstyled", "pt"])) : item === 'JumpToPageDropdown' ? (vue.openBlock(), vue.createBlock(_component_JumpToPageDropdown, {
             key: 7,
             "aria-label": $options.getAriaLabel('jumpToPageDropdownLabel'),
             page: $options.page,
@@ -10858,9 +10924,10 @@ this.primevue.paginator = (function (utils, BaseComponent, usestyle, vue, AngleD
               return $options.changePage($event);
             }),
             disabled: $options.empty,
+            templates: _ctx.$slots,
             unstyled: _ctx.unstyled,
             pt: _ctx.pt
-          }, null, 8, ["aria-label", "page", "pageCount", "disabled", "unstyled", "pt"])) : item === 'JumpToPageInput' ? (vue.openBlock(), vue.createBlock(_component_JumpToPageInput, {
+          }, null, 8, ["aria-label", "page", "pageCount", "disabled", "templates", "unstyled", "pt"])) : item === 'JumpToPageInput' ? (vue.openBlock(), vue.createBlock(_component_JumpToPageInput, {
             key: 8,
             page: $options.currentPage,
             onPageChange: _cache[7] || (_cache[7] = function ($event) {
@@ -10900,7 +10967,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, u
     var MinusIcon__default = /*#__PURE__*/_interopDefaultLegacy(MinusIcon);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
-    var styles = "\n.p-tree-container {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    overflow: auto;\n}\n\n.p-treenode-children {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-tree-wrapper {\n    overflow: auto;\n}\n\n.p-treenode-selectable {\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-tree-toggler {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n    visibility: hidden;\n}\n\n.p-treenode-content {\n    display: flex;\n    align-items: center;\n}\n\n.p-tree-filter {\n    width: 100%;\n}\n\n.p-tree-filter-container {\n    position: relative;\n    display: block;\n    width: 100%;\n}\n\n.p-tree-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-tree-loading {\n    position: relative;\n    min-height: 4rem;\n}\n\n.p-tree .p-tree-loading-overlay {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-tree-flex-scrollable {\n    display: flex;\n    flex: 1;\n    height: 100%;\n    flex-direction: column;\n}\n\n.p-tree-flex-scrollable .p-tree-wrapper {\n    flex: 1;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n    \n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-tree-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n        flex-shrink: 0;\n    }\n    \n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n    \n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-tree-filter {\n        width: 100%;\n    }\n    \n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n    \n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n    \n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tree-flex-scrollable {\n        display: flex;\n        flex: 1;\n        height: 100%;\n        flex-direction: column;\n    }\n    \n    .p-tree-flex-scrollable .p-tree-wrapper {\n        flex: 1;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -11420,15 +11487,15 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, u
         "aria-level": $props.level,
         "aria-checked": $options.ariaChecked,
         tabindex: $props.index === 0 ? 0 : -1,
-        onKeydown: _cache[3] || (_cache[3] = function () {
+        onKeydown: _cache[4] || (_cache[4] = function () {
           return $options.onKeyDown && $options.onKeyDown.apply($options, arguments);
         })
       }, $props.level === 1 ? $options.getPTOptions('node') : _ctx.ptm('subgroup')), [vue.createElementVNode("div", vue.mergeProps({
         "class": _ctx.cx('content'),
-        onClick: _cache[1] || (_cache[1] = function () {
+        onClick: _cache[2] || (_cache[2] = function () {
           return $options.onClick && $options.onClick.apply($options, arguments);
         }),
-        onTouchend: _cache[2] || (_cache[2] = function () {
+        onTouchend: _cache[3] || (_cache[3] = function () {
           return $options.onTouchEnd && $options.onTouchEnd.apply($options, arguments);
         }),
         style: $props.node.style
@@ -11476,7 +11543,9 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, u
         "class": _ctx.cx('nodeIcon')
       }, $options.getPTOptions('nodeIcon')), null, 16), vue.createElementVNode("span", vue.mergeProps({
         "class": _ctx.cx('label')
-      }, $options.getPTOptions('label')), [$props.templates[$props.node.type] || $props.templates['default'] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates[$props.node.type] || $props.templates['default']), {
+      }, $options.getPTOptions('label'), {
+        onKeydown: _cache[1] || (_cache[1] = vue.withModifiers(function () {}, ["stop"]))
+      }), [$props.templates[$props.node.type] || $props.templates['default'] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates[$props.node.type] || $props.templates['default']), {
         key: 0,
         node: $props.node
       }, null, 8, ["node"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
@@ -11623,7 +11692,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, u
           return node.leaf === false ? false : !(node.children && node.children.length);
         },
         onFilterKeydown: function onFilterKeydown(event) {
-          if (event.which === 13) {
+          if (event.code === 'Enter') {
             event.preventDefault();
           }
         },
@@ -11814,7 +11883,7 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, u
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
-    var styles = "\n.p-menu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.p-menu .p-menuitem-link {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-menu .p-menuitem-text {\n    line-height: 1;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
@@ -12501,7 +12570,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
     var AngleRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(AngleRightIcon);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
-    var styles = "\n.p-tieredmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.p-tieredmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n    display: none;\n}\n\n.p-tieredmenu .p-menuitem-link {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-tieredmenu .p-menuitem-text {\n    line-height: 1;\n}\n\n.p-tieredmenu .p-menuitem {\n    position: relative;\n}\n\n.p-tieredmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n\n.p-tieredmenu .p-menuitem-active > .p-submenu-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-tieredmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n}\n";
     var inlineStyles = {
       submenu: function submenu(_ref) {
         var instance = _ref.instance,
@@ -13568,7 +13637,7 @@ this.primevue.badge = (function (BaseComponent, usestyle, utils, vue) {
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props,
@@ -13659,16 +13728,9 @@ this.primevue.passthrough = (function (exports) {
     var usePassThrough = function usePassThrough() {
       var pt1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var pt2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-        _ref$mergeSections = _ref.mergeSections,
-        mergeSections = _ref$mergeSections === void 0 ? true : _ref$mergeSections,
-        _ref$mergeProps = _ref.mergeProps,
-        mergeProps = _ref$mergeProps === void 0 ? false : _ref$mergeProps;
+      var ptOptions = arguments.length > 2 ? arguments[2] : undefined;
       return {
-        _usept: {
-          mergeSections: mergeSections,
-          mergeProps: mergeProps
-        },
+        _usept: ptOptions,
         originalValue: pt1,
         value: _objectSpread(_objectSpread({}, pt1), pt2)
       };
@@ -14419,9 +14481,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }, {
               'shadow-lg': props.raised && props.text
             }, {
-              'text-gray-500 hover:bg-gray-300/20': props.plain & props.text,
-              'text-gray-500 border border-gray-500 hover:bg-gray-300/20': props.plain & props.outlined,
-              'text-white bg-gray-500 border border-gray-500 hover:bg-gray-600 hover:border-gray-600': props.plain & !props.outlined & !props.text
+              'text-gray-500 hover:bg-gray-300/20': props.plain && props.text,
+              'text-gray-500 border border-gray-500 hover:bg-gray-300/20': props.plain && props.outlined,
+              'text-white bg-gray-500 border border-gray-500 hover:bg-gray-600 hover:border-gray-600': props.plain && !props.outlined && !props.text
             }, {
               'bg-transparent border': props.outlined && !props.plain,
               'text-blue-500 border border-blue-500 hover:bg-blue-300/20': props.outlined && (props.severity === null || props.severity === 'info') && !props.plain,
@@ -16216,7 +16278,7 @@ this.primevue.passthrough.tailwind = (function (exports) {
               'text-gray-500 dark:text-white/80 hover:bg-gray-200 dark:hover:bg-gray-800/80  hover:text-gray-800 dark:hover:text-white/80': !context.selected,
               'text-blue-600 hover:bg-white/30': context.selected
             }, {
-              hidden: context.leaf
+              invisible: context.leaf
             }]
           };
         },
@@ -17475,7 +17537,7 @@ this.primevue.passthrough.tailwind = (function (exports) {
         bodyrow: function bodyrow(_ref186) {
           var context = _ref186.context;
           return {
-            "class": [context.selected ? 'bg-blue-50 text-blue-700 dark:bg-blue-300' : 'bg-white text-gray-600 dark:bg-gray-900', context.stripedRows ? context.index % 2 === 0 ? 'bg-white text-gray-600 dark:bg-gray-900' : 'bg-blue-50/50 text-gray-600 dark:bg-gray-950' : '', 'transition duration-200', 'focus:outline focus:outline-[0.15rem] focus:outline-blue-200 focus:outline-offset-[-0.15rem]',
+            "class": [context.selected ? 'bg-blue-50 text-blue-700 dark:bg-blue-300' : 'bg-white text-gray-600 dark:bg-gray-900', context.stripedRows ? context.index % 2 === 0 ? 'bg-white text-gray-600 dark:bg-gray-900' : 'bg-blue-100/50 text-gray-600 dark:bg-gray-950' : '', 'transition duration-200', 'focus:outline focus:outline-[0.15rem] focus:outline-blue-200 focus:outline-offset-[-0.15rem]',
             // Focus
             'dark:text-white/80 dark:focus:outline dark:focus:outline-[0.15rem] dark:focus:outline-blue-300 dark:focus:outline-offset-[-0.15rem]',
             // Dark Mode