primevue 3.45.0 → 3.47.0

package/core/core.js

@@ -268,6 +268,7 @@ this.primevue.utils = (function (exports) {
         return 0;
       },
       absolutePosition: function absolutePosition(element, target) {
+        var gutter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
         if (element) {
           var elementDimensions = element.offsetParent ? {
             width: element.offsetWidth,
@@ -281,23 +282,27 @@ this.primevue.utils = (function (exports) {
           var windowScrollTop = this.getWindowScrollTop();
           var windowScrollLeft = this.getWindowScrollLeft();
           var viewport = this.getViewport();
-          var top, left;
+          var top,
+            left,
+            origin = 'top';
           if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
             top = targetOffset.top + windowScrollTop - elementOuterHeight;
-            element.style.transformOrigin = 'bottom';
+            origin = 'bottom';
             if (top < 0) {
               top = windowScrollTop;
             }
           } else {
             top = targetOuterHeight + targetOffset.top + windowScrollTop;
-            element.style.transformOrigin = 'top';
           }
           if (targetOffset.left + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffset.left + windowScrollLeft;
           element.style.top = top + 'px';
           element.style.left = left + 'px';
+          element.style.transformOrigin = origin;
+          gutter && (element.style.marginTop = origin === 'bottom' ? 'calc(var(--p-anchor-gutter) * -1)' : 'calc(var(--p-anchor-gutter))');
         }
       },
       relativePosition: function relativePosition(element, target) {
+        var gutter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
         if (element) {
           var elementDimensions = element.offsetParent ? {
             width: element.offsetWidth,
@@ -306,16 +311,17 @@ this.primevue.utils = (function (exports) {
           var targetHeight = target.offsetHeight;
           var targetOffset = target.getBoundingClientRect();
           var viewport = this.getViewport();
-          var top, left;
+          var top,
+            left,
+            origin = 'top';
           if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {
             top = -1 * elementDimensions.height;
-            element.style.transformOrigin = 'bottom';
+            origin = 'bottom';
             if (targetOffset.top + top < 0) {
               top = -1 * targetOffset.top;
             }
           } else {
             top = targetHeight;
-            element.style.transformOrigin = 'top';
           }
           if (elementDimensions.width > viewport.width) {
             // element wider then viewport and cannot fit on screen (align at left side of viewport)
@@ -329,6 +335,8 @@ this.primevue.utils = (function (exports) {
           }
           element.style.top = top + 'px';
           element.style.left = left + 'px';
+          element.style.transformOrigin = origin;
+          gutter && (element.style.marginTop = origin === 'bottom' ? 'calc(var(--p-anchor-gutter) * -1)' : 'calc(var(--p-anchor-gutter))');
         }
       },
       nestedPosition: function nestedPosition(element, level) {
@@ -1367,7 +1375,7 @@ this.primevue.api = (function (exports, utils) {
       },
       filters: {
         startsWith: function startsWith(value, filter, filterLocale) {
-          if (filter === undefined || filter === null || filter.trim() === '') {
+          if (filter === undefined || filter === null || filter === '') {
             return true;
           }
           if (value === undefined || value === null) {
@@ -1378,7 +1386,7 @@ this.primevue.api = (function (exports, utils) {
           return stringValue.slice(0, filterValue.length) === filterValue;
         },
         contains: function contains(value, filter, filterLocale) {
-          if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {
+          if (filter === undefined || filter === null || filter === '') {
             return true;
           }
           if (value === undefined || value === null) {
@@ -1389,7 +1397,7 @@ this.primevue.api = (function (exports, utils) {
           return stringValue.indexOf(filterValue) !== -1;
         },
         notContains: function notContains(value, filter, filterLocale) {
-          if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {
+          if (filter === undefined || filter === null || filter === '') {
             return true;
           }
           if (value === undefined || value === null) {
@@ -1400,7 +1408,7 @@ this.primevue.api = (function (exports, utils) {
           return stringValue.indexOf(filterValue) === -1;
         },
         endsWith: function endsWith(value, filter, filterLocale) {
-          if (filter === undefined || filter === null || filter.trim() === '') {
+          if (filter === undefined || filter === null || filter === '') {
             return true;
           }
           if (value === undefined || value === null) {
@@ -1411,7 +1419,7 @@ this.primevue.api = (function (exports, utils) {
           return stringValue.indexOf(filterValue, stringValue.length - filterValue.length) !== -1;
         },
         equals: function equals(value, filter, filterLocale) {
-          if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {
+          if (filter === undefined || filter === null || filter === '') {
             return true;
           }
           if (value === undefined || value === null) {
@@ -1420,7 +1428,7 @@ this.primevue.api = (function (exports, utils) {
           if (value.getTime && filter.getTime) return value.getTime() === filter.getTime();else return utils.ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) == utils.ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
         },
         notEquals: function notEquals(value, filter, filterLocale) {
-          if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {
+          if (filter === undefined || filter === null || filter === '') {
             return false;
           }
           if (value === undefined || value === null) {
@@ -2185,10 +2193,8 @@ this.primevue.basecomponent.style = (function (BaseStyle, usestyle) {
     function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
     function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var buttonCSS = "\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 checkboxCSS = "\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 inputTextCSS = "\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 input:-webkit-autofill ~ 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\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 radioButtonCSS = "\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 css = "\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;\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;\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(buttonCSS, "\n").concat(checkboxCSS, "\n").concat(inputTextCSS, "\n").concat(radioButtonCSS, "\n}\n");
+    var css = "\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;\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;\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(buttonCSS, "\n").concat(inputTextCSS, "\n}\n");
     var BaseComponentStyle = BaseStyle__default["default"].extend({
       name: 'common',
       css: css,
@@ -2730,6 +2736,7 @@ this.primevue.card.style = (function (BaseStyle) {
       root: 'p-card p-component',
       header: 'p-card-header',
       body: 'p-card-body',
+      caption: 'p-card-caption',
       title: 'p-card-title',
       subtitle: 'p-card-subtitle',
       content: 'p-card-content',
@@ -2934,29 +2941,23 @@ this.primevue.checkbox.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
+    var css = "\n@layer primevue {\n    .p-checkbox {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-checkbox-input {\n        cursor: pointer;\n    }\n\n    .p-checkbox-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
           props = _ref.props;
         return ['p-checkbox p-component', {
-          'p-checkbox-checked': instance.checked,
-          'p-checkbox-disabled': props.disabled,
-          'p-checkbox-focused': instance.focused
-        }];
-      },
-      input: function input(_ref2) {
-        var instance = _ref2.instance,
-          props = _ref2.props;
-        return ['p-checkbox-box', {
           'p-highlight': instance.checked,
-          'p-disabled': props.disabled,
-          'p-focus': instance.focused
+          'p-disabled': props.disabled
         }];
       },
+      box: 'p-checkbox-box',
+      input: 'p-checkbox-input',
       icon: 'p-checkbox-icon'
     };
     var CheckboxStyle = BaseStyle__default["default"].extend({
       name: 'checkbox',
+      css: css,
       classes: classes
     });
 
@@ -3121,13 +3122,10 @@ this.primevue.confirmdialog.style = (function (BaseStyle) {
 
     var classes = {
       root: 'p-confirm-dialog',
-      icon: function icon(_ref) {
-        var instance = _ref.instance;
-        return ['p-confirm-dialog-icon', instance.confirmation ? instance.confirmation.icon : null];
-      },
+      icon: 'p-confirm-dialog-icon',
       message: 'p-confirm-dialog-message',
-      rejectButton: function rejectButton(_ref2) {
-        var instance = _ref2.instance;
+      rejectButton: function rejectButton(_ref) {
+        var instance = _ref.instance;
         return ['p-confirm-dialog-reject', instance.confirmation && !instance.confirmation.rejectClass ? 'p-button-text' : null];
       },
       acceptButton: 'p-confirm-dialog-accept'
@@ -3160,18 +3158,15 @@ this.primevue.confirmpopup.style = (function (BaseStyle) {
         }];
       },
       content: 'p-confirm-popup-content',
-      icon: function icon(_ref2) {
-        var instance = _ref2.instance;
-        return ['p-confirm-popup-icon', instance.confirmation ? instance.confirmation.icon : null];
-      },
+      icon: 'p-confirm-popup-icon',
       message: 'p-confirm-popup-message',
       footer: 'p-confirm-popup-footer',
-      rejectButton: function rejectButton(_ref3) {
-        var instance = _ref3.instance;
+      rejectButton: function rejectButton(_ref2) {
+        var instance = _ref2.instance;
         return ['p-confirm-popup-reject', instance.confirmation && !instance.confirmation.rejectClass ? 'p-button-sm p-button-text' : null];
       },
-      acceptButton: function acceptButton(_ref4) {
-        var instance = _ref4.instance;
+      acceptButton: function acceptButton(_ref3) {
+        var instance = _ref3.instance;
         return ['p-confirm-popup-accept', instance.confirmation && !instance.confirmation.acceptClass ? 'p-button-sm' : null];
       }
     };
@@ -3240,7 +3235,7 @@ this.primevue.datatable.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-hoverable-rows .p-selectable-row {\n        cursor: pointer;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-hoverable-rows .p-selectable-row {\n        cursor: pointer;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        top: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none !important;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
@@ -3300,48 +3295,31 @@ this.primevue.datatable.style = (function (BaseStyle) {
       headerTitle: 'p-column-title',
       sortIcon: 'p-sortable-column-icon',
       sortBadge: 'p-sortable-column-badge',
-      //headercheckbox
-      headerCheckboxWrapper: function headerCheckboxWrapper(_ref5) {
-        var instance = _ref5.instance;
-        return ['p-checkbox p-component', {
-          'p-checkbox-focused': instance.focused,
-          'p-disabled': instance.disabled
-        }];
-      },
-      headerCheckbox: function headerCheckbox(_ref6) {
-        var instance = _ref6.instance;
-        return ['p-checkbox-box p-component', {
-          'p-highlight': instance.checked,
-          'p-disabled': instance.disabled,
-          'p-focus': instance.focused
-        }];
-      },
-      headerCheckboxIcon: 'p-checkbox-icon',
       // columnfilter
-      columnFilter: function columnFilter(_ref7) {
-        var props = _ref7.props;
+      columnFilter: function columnFilter(_ref5) {
+        var props = _ref5.props;
         return ['p-column-filter p-fluid', {
           'p-column-filter-row': props.display === 'row',
           'p-column-filter-menu': props.display === 'menu'
         }];
       },
       filterInput: 'p-fluid p-column-filter-element',
-      filterMenuButton: function filterMenuButton(_ref8) {
-        var instance = _ref8.instance;
+      filterMenuButton: function filterMenuButton(_ref6) {
+        var instance = _ref6.instance;
         return ['p-column-filter-menu-button p-link', {
           'p-column-filter-menu-button-open': instance.overlayVisible,
           'p-column-filter-menu-button-active': instance.hasFilter()
         }];
       },
-      headerFilterClearButton: function headerFilterClearButton(_ref9) {
-        var instance = _ref9.instance;
+      headerFilterClearButton: function headerFilterClearButton(_ref7) {
+        var instance = _ref7.instance;
         return ['p-column-filter-clear-button p-link', {
           'p-hidden-space': !instance.hasRowFilter()
         }];
       },
-      filterOverlay: function filterOverlay(_ref10) {
-        var instance = _ref10.instance,
-          props = _ref10.props;
+      filterOverlay: function filterOverlay(_ref8) {
+        var instance = _ref8.instance,
+          props = _ref8.props;
         return [{
           'p-column-filter-overlay p-component p-fluid': true,
           'p-column-filter-overlay-menu': props.display === 'menu',
@@ -3350,9 +3328,9 @@ this.primevue.datatable.style = (function (BaseStyle) {
         }];
       },
       filterRowItems: 'p-column-filter-row-items',
-      filterRowItem: function filterRowItem(_ref11) {
-        var instance = _ref11.instance,
-          matchMode = _ref11.matchMode;
+      filterRowItem: function filterRowItem(_ref9) {
+        var instance = _ref9.instance,
+          matchMode = _ref9.matchMode;
         return ['p-column-filter-row-item', {
           'p-highlight': matchMode && instance.isRowMatchModeSelected(matchMode.value)
         }];
@@ -3370,24 +3348,24 @@ this.primevue.datatable.style = (function (BaseStyle) {
       filterClearButton: 'p-button-outlined p-button-sm',
       filterApplyButton: 'p-button-sm',
       //tablebody
-      tbody: function tbody(_ref12) {
-        var props = _ref12.props;
+      tbody: function tbody(_ref10) {
+        var props = _ref10.props;
         return props.frozenRow ? 'p-datatable-tbody p-datatable-frozen-tbody' : 'p-datatable-tbody';
       },
       rowgroupHeader: 'p-rowgroup-header',
       rowGroupToggler: 'p-row-toggler p-link',
       rowGroupTogglerIcon: 'p-row-toggler-icon',
-      row: function row(_ref13) {
-        var instance = _ref13.instance,
-          props = _ref13.props,
-          index = _ref13.index;
+      row: function row(_ref11) {
+        var instance = _ref11.instance,
+          props = _ref11.props,
+          index = _ref11.index;
         var rowStyleClass = [];
         if (props.selectionMode) {
           rowStyleClass.push('p-selectable-row');
         }
         if (props.selection) {
           rowStyleClass.push({
-            'p-highlight': instance.isSelected
+            'p-highlight': instance.isSelected && instance.$parentInstance.$parentInstance.highlightOnSelect
           });
         }
         if (props.contextMenuSelection) {
@@ -3402,8 +3380,8 @@ this.primevue.datatable.style = (function (BaseStyle) {
       rowgroupFooter: 'p-rowgroup-footer',
       emptyMessage: 'p-datatable-emptymessage',
       //bodycell
-      bodyCell: function bodyCell(_ref14) {
-        var instance = _ref14.instance;
+      bodyCell: function bodyCell(_ref12) {
+        var instance = _ref12.instance;
         return [{
           'p-selection-column': instance.columnProp('selectionMode') != null,
           'p-editable-column': instance.isEditable(),
@@ -3421,43 +3399,11 @@ this.primevue.datatable.style = (function (BaseStyle) {
       rowEditorSaveIcon: 'p-row-editor-save-icon',
       rowEditorCancelButton: 'p-row-editor-cancel p-link',
       rowEditorCancelIcon: 'p-row-editor-cancel-icon',
-      //rowcheckbox
-      checkboxWrapper: function checkboxWrapper(_ref15) {
-        var instance = _ref15.instance;
-        return ['p-checkbox p-component', {
-          'p-checkbox-focused': instance.focused
-        }];
-      },
-      checkbox: function checkbox(_ref16) {
-        var instance = _ref16.instance;
-        return ['p-checkbox-box p-component', {
-          'p-highlight': instance.checked,
-          'p-disabled': instance.$attrs.disabled,
-          'p-focus': instance.focused
-        }];
-      },
-      checkboxIcon: 'p-checkbox-icon',
-      //rowradiobutton
-      radiobuttonWrapper: function radiobuttonWrapper(_ref17) {
-        var instance = _ref17.instance;
-        return ['p-radiobutton p-component', {
-          'p-radiobutton-focused': instance.focused
-        }];
-      },
-      radiobutton: function radiobutton(_ref18) {
-        var instance = _ref18.instance;
-        return ['p-radiobutton-box p-component', {
-          'p-highlight': instance.checked,
-          'p-disabled': instance.$attrs.disabled,
-          'p-focus': instance.focused
-        }];
-      },
-      radiobuttonIcon: 'p-radiobutton-icon',
       //tablefooter
       tfoot: 'p-datatable-tfoot',
       //footercell
-      footerCell: function footerCell(_ref19) {
-        var instance = _ref19.instance;
+      footerCell: function footerCell(_ref13) {
+        var instance = _ref13.instance;
         return [{
           'p-frozen-column': instance.columnProp('frozen')
         }];
@@ -3579,7 +3525,7 @@ this.primevue.dialog.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\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;\n        left: 0px;\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";
+    var css = "\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        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 = {
@@ -3755,7 +3701,7 @@ this.primevue.dropdown.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\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 css = "\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        display: flex;\n        align-items: center;\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,
@@ -3796,17 +3742,22 @@ this.primevue.dropdown.style = (function (BaseStyle) {
       wrapper: 'p-dropdown-items-wrapper',
       list: 'p-dropdown-items',
       itemGroup: 'p-dropdown-item-group',
+      itemGroupLabel: 'p-dropdown-item-group-label',
       item: function item(_ref4) {
         var instance = _ref4.instance,
+          props = _ref4.props,
           state = _ref4.state,
           option = _ref4.option,
           focusedOption = _ref4.focusedOption;
         return ['p-dropdown-item', {
-          'p-highlight': instance.isSelected(option),
+          'p-highlight': instance.isSelected(option) && props.highlightOnSelect,
           'p-focus': state.focusedOptionIndex === focusedOption,
           'p-disabled': instance.isOptionDisabled(option)
         }];
       },
+      itemLabel: 'p-dropdown-item-label',
+      checkIcon: 'p-dropdown-check-icon',
+      blankIcon: 'p-dropdown-blank-icon',
       emptyMessage: 'p-dropdown-empty-message'
     };
     var DropdownStyle = BaseStyle__default["default"].extend({
@@ -4297,7 +4248,7 @@ this.primevue.inputswitch.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-inputswitch {\n        display: inline-block;\n    }\n\n    .p-inputswitch-input {\n        cursor: pointer;\n    }\n\n    .p-inputswitch-slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border: 1px solid transparent;\n    }\n\n    .p-inputswitch-slider:before {\n        position: absolute;\n        content: '';\n        top: 50%;\n    }\n}\n";
     var inlineStyles = {
       root: {
         position: 'relative'
@@ -4308,11 +4259,11 @@ this.primevue.inputswitch.style = (function (BaseStyle) {
         var instance = _ref.instance,
           props = _ref.props;
         return ['p-inputswitch p-component', {
-          'p-inputswitch-checked': instance.checked,
-          'p-disabled': props.disabled,
-          'p-focus': instance.focused
+          'p-highlight': instance.checked,
+          'p-disabled': props.disabled
         }];
       },
+      input: 'p-inputswitch-input',
       slider: 'p-inputswitch-slider'
     };
     var InputSwitchStyle = BaseStyle__default["default"].extend({
@@ -4398,10 +4349,9 @@ this.primevue.listbox.style = (function (BaseStyle) {
     var css = "\n@layer primevue {\n    .p-listbox-list-wrapper {\n        overflow: auto;\n    }\n\n    .p-listbox-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n    }\n\n    .p-listbox-item {\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-listbox-item-group {\n        cursor: auto;\n    }\n\n    .p-listbox-filter-container {\n        position: relative;\n    }\n\n    .p-listbox-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n\n    .p-listbox-filter {\n        width: 100%;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
-        var instance = _ref.instance,
-          props = _ref.props;
+        _ref.instance;
+          var props = _ref.props;
         return ['p-listbox p-component', {
-          'p-focus': instance.focused,
           'p-disabled': props.disabled
         }];
       },
@@ -4669,6 +4619,50 @@ this.primevue.message.style = (function (BaseStyle) {
 
 })(primevue.base.style);
 
+this.primevue = this.primevue || {};
+this.primevue.metergroup = this.primevue.metergroup || {};
+this.primevue.metergroup.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var css = "\n@layer primevue {\n    .p-metergroup {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .p-metergroup-vertical.p-metergroup {\n        display: flex;\n    }\n\n    .p-metergroup-vertical .p-metergroup-meter-container {\n        flex-direction: column;\n    }\n\n    .p-metergroup-meter-container {\n        display: flex;\n    }\n\n    .p-metergroup-label-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list {\n        align-items: start;\n    }\n\n    .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n        flex-direction: column;\n    }\n\n    .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n        flex-direction: column;\n    }\n\n    .p-metergroup-label-list-item {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-metergroup-label-type {\n        display: inline-block;\n    }\n}\n";
+    var classes = {
+      root: function root(_ref) {
+        var props = _ref.props;
+        return ['p-metergroup p-component', {
+          'p-metergroup-horizontal': props.orientation === 'horizontal',
+          'p-metergroup-vertical': props.orientation === 'vertical'
+        }];
+      },
+      metercontainer: 'p-metergroup-meter-container',
+      meter: 'p-metergroup-meter',
+      labellist: function labellist(_ref2) {
+        var props = _ref2.props;
+        return ['p-metergroup-label-list', {
+          'p-metergroup-label-list-start': props.labelPosition === 'start',
+          'p-metergroup-label-list-end': props.labelPosition === 'end',
+          'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
+          'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
+        }];
+      },
+      labellistitem: 'p-metergroup-label-list-item',
+      labelicon: 'p-metergroup-label-icon',
+      labellisttype: 'p-metergroup-label-type',
+      label: 'p-metergroup-label'
+    };
+    var MeterGroupStyle = BaseStyle__default["default"].extend({
+      name: 'metergroup',
+      css: css,
+      classes: classes
+    });
+
+    return MeterGroupStyle;
+
+})(primevue.base.style);
+
 this.primevue = this.primevue || {};
 this.primevue.multiselect = this.primevue.multiselect || {};
 this.primevue.multiselect.style = (function (BaseStyle) {
@@ -4723,21 +4717,6 @@ this.primevue.multiselect.style = (function (BaseStyle) {
         }];
       },
       header: 'p-multiselect-header',
-      headerCheckboxContainer: function headerCheckboxContainer(_ref5) {
-        var instance = _ref5.instance;
-        return ['p-checkbox p-component', {
-          'p-checkbox-checked': instance.allSelected,
-          'p-checkbox-focused': instance.headerCheckboxFocused
-        }];
-      },
-      headerCheckbox: function headerCheckbox(_ref6) {
-        var instance = _ref6.instance;
-        return ['p-checkbox-box', {
-          'p-highlight': instance.allSelected,
-          'p-focus': instance.headerCheckboxFocused
-        }];
-      },
-      headerCheckboxIcon: 'p-checkbox-icon',
       filterContainer: 'p-multiselect-filter-container',
       filterInput: 'p-multiselect-filter p-inputtext p-component',
       filterIcon: 'p-multiselect-filter-icon',
@@ -4746,26 +4725,18 @@ this.primevue.multiselect.style = (function (BaseStyle) {
       wrapper: 'p-multiselect-items-wrapper',
       list: 'p-multiselect-items p-component',
       itemGroup: 'p-multiselect-item-group',
-      item: function item(_ref7) {
-        var instance = _ref7.instance,
-          option = _ref7.option,
-          index = _ref7.index,
-          getItemOptions = _ref7.getItemOptions;
+      item: function item(_ref5) {
+        var instance = _ref5.instance,
+          option = _ref5.option,
+          index = _ref5.index,
+          getItemOptions = _ref5.getItemOptions,
+          props = _ref5.props;
         return ['p-multiselect-item', {
-          'p-highlight': instance.isSelected(option),
+          'p-highlight': instance.isSelected(option) && props.highlightOnSelect,
           'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(index, getItemOptions),
           'p-disabled': instance.isOptionDisabled(option)
         }];
       },
-      checkboxContainer: 'p-checkbox p-component',
-      checkbox: function checkbox(_ref8) {
-        var instance = _ref8.instance,
-          option = _ref8.option;
-        return ['p-checkbox-box', {
-          'p-highlight': instance.isSelected(option)
-        }];
-      },
-      checkboxIcon: 'p-checkbox-icon',
       emptyMessage: 'p-multiselect-empty-message'
     };
     var MultiSelectStyle = BaseStyle__default["default"].extend({
@@ -4797,8 +4768,8 @@ this.primevue.orderlist.style = (function (BaseStyle) {
         }];
       },
       controls: 'p-orderlist-controls',
-      header: 'p-orderlist-header',
       container: 'p-orderlist-list-container',
+      header: 'p-orderlist-header',
       list: 'p-orderlist-list',
       item: function item(_ref2) {
         var instance = _ref2.instance,
@@ -5248,29 +5219,23 @@ this.primevue.radiobutton.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
+    var css = "\n@layer primevue {\n    .p-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-radiobutton-input {\n        cursor: pointer;\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.p-highlight .p-radiobutton-icon {\n        transform: translateZ(0) scale(1.0, 1.0);\n        visibility: visible;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
           props = _ref.props;
         return ['p-radiobutton p-component', {
-          'p-radiobutton-checked': instance.checked,
-          'p-radiobutton-disabled': props.disabled,
-          'p-radiobutton-focused': instance.focused
-        }];
-      },
-      input: function input(_ref2) {
-        var instance = _ref2.instance,
-          props = _ref2.props;
-        return ['p-radiobutton-box', {
           'p-highlight': instance.checked,
-          'p-disabled': props.disabled,
-          'p-focus': instance.focused
+          'p-disabled': props.disabled
         }];
       },
+      box: 'p-radiobutton-box',
+      input: 'p-radiobutton-input',
       icon: 'p-radiobutton-icon'
     };
     var RadioButtonStyle = BaseStyle__default["default"].extend({
       name: 'radiobutton',
+      css: css,
       classes: classes
     });
 
@@ -5677,15 +5642,18 @@ this.primevue.splitbutton.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-    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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-    function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var css = "\n@layer primevue {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n\n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n\n    .p-fluid .p-splitbutton {\n        display: flex;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
-        return ['p-splitbutton p-component', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "p-button-".concat(props.severity), props.severity), 'p-button-raised', props.raised), 'p-button-rounded', props.rounded), 'p-button-text', props.text), 'p-button-outlined', props.outlined), 'p-button-sm', props.size === 'small'), 'p-button-lg', props.size === 'large')];
+        return ['p-splitbutton p-component', {
+          'p-button-raised': props.raised,
+          'p-button-rounded': props.rounded,
+          'p-button-text': props.text,
+          'p-button-outlined': props.outlined,
+          'p-button-sm': props.size === 'small',
+          'p-button-lg': props.size === 'large'
+        }];
       },
       button: 'p-splitbutton-defaultbutton',
       menuButton: 'p-splitbutton-menubutton'
@@ -6172,20 +6140,26 @@ this.primevue.togglebutton.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
+    var css = "\n@layer primevue {\n    .p-togglebutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-togglebutton-input {\n        cursor: pointer;\n    }\n\n    .p-togglebutton .p-button {\n        flex: 1 1 auto;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
           props = _ref.props;
-        return ['p-button p-togglebutton p-component', {
-          'p-focus': instance.focused,
-          'p-button-icon-only': instance.hasIcon && !instance.hasLabel,
+        return ['p-togglebutton p-component', {
           'p-disabled': props.disabled,
-          'p-highlight': props.modelValue === true
+          'p-highlight': instance.active
         }];
       },
-      icon: function icon(_ref2) {
-        var instance = _ref2.instance,
-          props = _ref2.props;
+      input: 'p-togglebutton-input',
+      box: function box(_ref2) {
+        var instance = _ref2.instance;
+        return ['p-button p-component', {
+          'p-button-icon-only': instance.hasIcon && !instance.hasLabel
+        }];
+      },
+      icon: function icon(_ref3) {
+        var instance = _ref3.instance,
+          props = _ref3.props;
         return ['p-button-icon', {
           'p-button-icon-left': props.iconPos === 'left' && instance.label,
           'p-button-icon-right': props.iconPos === 'right' && instance.label
@@ -6194,7 +6168,8 @@ this.primevue.togglebutton.style = (function (BaseStyle) {
       label: 'p-button-label'
     };
     var ToggleButtonStyle = BaseStyle__default["default"].extend({
-      name: 'accordion',
+      name: 'togglebutton',
+      css: css,
       classes: classes
     });
 
@@ -6237,7 +6212,7 @@ this.primevue.tooltip.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display: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 css = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display: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        scale: 2;\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',
@@ -6289,21 +6264,18 @@ this.primevue.tree.style = (function (BaseStyle) {
         var instance = _ref3.instance;
         return ['p-treenode-content', instance.node.styleClass, {
           'p-treenode-selectable': instance.selectable,
-          'p-highlight': instance.checkboxMode ? instance.checked : instance.selected
+          'p-highlight': instance.checkboxMode && instance.$parentInstance.highlightOnSelect ? instance.checked : instance.selected
         }];
       },
       toggler: 'p-tree-toggler p-link',
       togglerIcon: 'p-tree-toggler-icon',
       nodeTogglerIcon: 'p-tree-node-toggler-icon',
-      checkboxContainer: 'p-checkbox p-component',
-      checkbox: function checkbox(_ref4) {
+      nodeCheckbox: function nodeCheckbox(_ref4) {
         var instance = _ref4.instance;
-        return ['p-checkbox-box', {
-          'p-highlight': instance.checked,
+        return [{
           'p-indeterminate': instance.partialChecked
         }];
       },
-      checkboxIcon: 'p-checkbox-icon',
       nodeIcon: 'p-treenode-icon',
       label: 'p-treenode-label',
       subgroup: 'p-treenode-children'
@@ -6457,27 +6429,18 @@ this.primevue.treetable.style = (function (BaseStyle) {
       },
       rowToggler: 'p-treetable-toggler p-link',
       rowTogglerIcon: 'p-tree-toggler-icon',
-      checkboxWrapper: function checkboxWrapper(_ref6) {
+      rowCheckbox: function rowCheckbox(_ref6) {
         var instance = _ref6.instance;
-        return ['p-checkbox p-treetable-checkbox p-component', {
-          'p-checkbox-focused': instance.checkboxFocused
-        }];
-      },
-      checkbox: function checkbox(_ref7) {
-        var instance = _ref7.instance;
-        return ['p-checkbox-box', {
-          'p-highlight': instance.checked,
-          'p-focus': instance.checkboxFocused,
+        return ['p-treetable-checkbox', {
           'p-indeterminate': instance.partialChecked
         }];
       },
-      checkboxicon: 'p-checkbox-icon',
       //treetable
       emptyMessage: 'p-treetable-emptymessage',
       tfoot: 'p-treetable-tfoot',
       //footercell
-      footerCell: function footerCell(_ref8) {
-        var instance = _ref8.instance;
+      footerCell: function footerCell(_ref7) {
+        var instance = _ref7.instance;
         return [{
           'p-frozen-column': instance.columnProp('frozen')
         }];
@@ -6505,31 +6468,25 @@ this.primevue.tristatecheckbox.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
+    var css = "\n@layer primevue {\n    .p-checkbox {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n    }\n\n    .p-checkbox-input {\n        cursor: pointer;\n    }\n\n    .p-checkbox-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance,
           props = _ref.props;
-        return ['p-checkbox p-component', {
-          'p-checkbox-checked': props.modelValue === true,
-          'p-checkbox-disabled': props.disabled,
-          'p-checkbox-focused': instance.focused
-        }];
-      },
-      checkbox: function checkbox(_ref2) {
-        var instance = _ref2.instance,
-          props = _ref2.props;
-        return ['p-checkbox-box', {
-          'p-highlight': props.modelValue != null,
-          'p-disabled': props.disabled,
-          'p-focus': instance.focused
+        return ['p-tristatecheckbox p-checkbox p-component', {
+          'p-highlight': instance.active,
+          'p-disabled': props.disabled
         }];
       },
+      box: 'p-checkbox-box',
+      input: 'p-checkbox-input',
       checkIcon: 'p-checkbox-icon',
       uncheckIcon: 'p-checkbox-icon',
       nullableIcon: 'p-checkbox-icon'
     };
     var TriStateCheckboxStyle = BaseStyle__default["default"].extend({
       name: 'tristatecheckbox',
+      css: css,
       classes: classes
     });
 
@@ -6743,6 +6700,7 @@ this.primevue.basedirective = (function (BaseStyle, utils, vue) {
           }, $options);
           el.$instance = el._$instances[name]; // pass instance data to hooks
           (_el$$instance$hook = (_el$$instance7 = el.$instance)[hook]) === null || _el$$instance$hook === void 0 || _el$$instance$hook.call(_el$$instance7, el, binding, vnode, prevVnode); // handle hook in directive implementation
+          el["$".concat(name)] = el.$instance; // expose all options with $<directive_name>
           BaseDirective._hook(name, hook, el, binding, vnode, prevVnode); // handle hooks during directive uses (global and self-definition)
         };
         return {
@@ -6752,15 +6710,23 @@ this.primevue.basedirective = (function (BaseStyle, utils, vue) {
           beforeMount: function beforeMount(el, binding, vnode, prevVnode) {
             var _config$csp, _el$$instance8, _el$$instance9, _config$csp2;
             var config = BaseDirective._getConfig(binding, vnode);
-            BaseStyle__default["default"].loadStyle(undefined, {
+            BaseStyle__default["default"].loadStyle({
               nonce: config === null || config === void 0 || (_config$csp = config.csp) === null || _config$csp === void 0 ? void 0 : _config$csp.nonce
             });
-            !((_el$$instance8 = el.$instance) !== null && _el$$instance8 !== void 0 && _el$$instance8.isUnstyled()) && ((_el$$instance9 = el.$instance) === null || _el$$instance9 === void 0 || (_el$$instance9 = _el$$instance9.$style) === null || _el$$instance9 === void 0 ? void 0 : _el$$instance9.loadStyle(undefined, {
+            !((_el$$instance8 = el.$instance) !== null && _el$$instance8 !== void 0 && _el$$instance8.isUnstyled()) && ((_el$$instance9 = el.$instance) === null || _el$$instance9 === void 0 || (_el$$instance9 = _el$$instance9.$style) === null || _el$$instance9 === void 0 ? void 0 : _el$$instance9.loadStyle({
               nonce: config === null || config === void 0 || (_config$csp2 = config.csp) === null || _config$csp2 === void 0 ? void 0 : _config$csp2.nonce
             }));
             handleHook('beforeMount', el, binding, vnode, prevVnode);
           },
           mounted: function mounted(el, binding, vnode, prevVnode) {
+            var _config$csp3, _el$$instance10, _el$$instance11, _config$csp4;
+            var config = BaseDirective._getConfig(binding, vnode);
+            BaseStyle__default["default"].loadStyle({
+              nonce: config === null || config === void 0 || (_config$csp3 = config.csp) === null || _config$csp3 === void 0 ? void 0 : _config$csp3.nonce
+            });
+            !((_el$$instance10 = el.$instance) !== null && _el$$instance10 !== void 0 && _el$$instance10.isUnstyled()) && ((_el$$instance11 = el.$instance) === null || _el$$instance11 === void 0 || (_el$$instance11 = _el$$instance11.$style) === null || _el$$instance11 === void 0 ? void 0 : _el$$instance11.loadStyle({
+              nonce: config === null || config === void 0 || (_config$csp4 = config.csp) === null || _config$csp4 === void 0 ? void 0 : _config$csp4.nonce
+            }));
             handleHook('mounted', el, binding, vnode, prevVnode);
           },
           beforeUpdate: function beforeUpdate(el, binding, vnode, prevVnode) {
@@ -6914,7 +6880,7 @@ this.primevue.portal = (function (utils, vue) {
       name: 'Portal',
       props: {
         appendTo: {
-          type: String,
+          type: [String, Object],
           "default": 'body'
         },
         disabled: {
@@ -6967,10 +6933,8 @@ this.primevue.basecomponent = (function (BaseStyle, utils, vue, usestyle) {
     function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : String(i); }
     function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var buttonCSS = "\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 checkboxCSS = "\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 inputTextCSS = "\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 input:-webkit-autofill ~ 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\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 radioButtonCSS = "\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 css = "\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;\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;\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(buttonCSS, "\n").concat(checkboxCSS, "\n").concat(inputTextCSS, "\n").concat(radioButtonCSS, "\n}\n");
+    var css = "\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;\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;\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(buttonCSS, "\n").concat(inputTextCSS, "\n}\n");
     var BaseComponentStyle = BaseStyle__default["default"].extend({
       name: 'common',
       css: css,
@@ -7304,6 +7268,11 @@ this.primevue.baseicon = (function (BaseComponent, BaseIconStyle, utils) {
             'aria-hidden': isLabelEmpty
           });
         }
+      },
+      computed: {
+        pathId: function pathId() {
+          return utils.UniqueComponentId('pv_icon_clip_pv_id_');
+        }
       }
     };
 
@@ -7601,7 +7570,7 @@ this.primevue.icons.angleup = (function (BaseIcon, vue) {
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.arrowdown = (function (BaseIcon, utils, vue) {
+this.primevue.icons.arrowdown = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -7610,15 +7579,10 @@ this.primevue.icons.arrowdown = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'ArrowDownIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -7641,9 +7605,9 @@ this.primevue.icons.arrowdown = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -7651,11 +7615,11 @@ this.primevue.icons.arrowdown = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.arrowup = (function (BaseIcon, utils, vue) {
+this.primevue.icons.arrowup = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -7664,15 +7628,10 @@ this.primevue.icons.arrowup = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'ArrowUpIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -7695,9 +7654,9 @@ this.primevue.icons.arrowup = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -7705,11 +7664,11 @@ this.primevue.icons.arrowup = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.ban = (function (BaseIcon, utils, vue) {
+this.primevue.icons.ban = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -7718,15 +7677,10 @@ this.primevue.icons.ban = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'BanIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M7 0C5.61553 0 4.26215 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.00303296 5.6003 -0.13559 7.00776 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C14 5.14348 13.2625 3.36301 11.9497 2.05025C10.637 0.737498 8.85652 0 7 0ZM1.16667 7C1.16549 5.65478 1.63303 4.35118 2.48889 3.31333L10.6867 11.5111C9.83309 12.2112 8.79816 12.6544 7.70243 12.789C6.60669 12.9236 5.49527 12.744 4.49764 12.2713C3.50001 11.7986 2.65724 11.0521 2.06751 10.1188C1.47778 9.18558 1.16537 8.10397 1.16667 7ZM11.5111 10.6867L3.31334 2.48889C4.43144 1.57388 5.84966 1.10701 7.29265 1.1789C8.73565 1.2508 10.1004 1.85633 11.1221 2.87795C12.1437 3.89956 12.7492 5.26435 12.8211 6.70735C12.893 8.15034 12.4261 9.56856 11.5111 10.6867Z",
       fill: "currentColor"
@@ -7747,9 +7701,9 @@ this.primevue.icons.ban = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -7757,7 +7711,7 @@ this.primevue.icons.ban = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
@@ -7796,6 +7750,43 @@ this.primevue.icons.bars = (function (BaseIcon, vue) {
 
 })(primevue.baseicon, Vue);
 
+this.primevue = this.primevue || {};
+this.primevue.icons = this.primevue.icons || {};
+this.primevue.icons.blank = (function (BaseIcon, vue) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseIcon__default = /*#__PURE__*/_interopDefaultLegacy(BaseIcon);
+
+    var script = {
+      name: 'BlankIcon',
+      "extends": BaseIcon__default["default"]
+    };
+
+    var _hoisted_1 = /*#__PURE__*/vue.createElementVNode("rect", {
+      width: "1",
+      height: "1",
+      fill: "currentColor",
+      "fill-opacity": "0"
+    }, null, -1);
+    var _hoisted_2 = [_hoisted_1];
+    function render(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+        width: "14",
+        height: "14",
+        viewBox: "0 0 14 14",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, _ctx.pti()), _hoisted_2, 16);
+    }
+
+    script.render = render;
+
+    return script;
+
+})(primevue.baseicon, Vue);
+
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
 this.primevue.icons.calendar = (function (BaseIcon, vue) {
@@ -8008,7 +7999,7 @@ this.primevue.icons.chevronup = (function (BaseIcon, vue) {
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.exclamationtriangle = (function (BaseIcon, utils, vue) {
+this.primevue.icons.exclamationtriangle = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8017,15 +8008,10 @@ this.primevue.icons.exclamationtriangle = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'ExclamationTriangleIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M13.4018 13.1893H0.598161C0.49329 13.189 0.390283 13.1615 0.299143 13.1097C0.208003 13.0578 0.131826 12.9832 0.0780112 12.8932C0.0268539 12.8015 0 12.6982 0 12.5931C0 12.4881 0.0268539 12.3848 0.0780112 12.293L6.47985 1.08982C6.53679 1.00399 6.61408 0.933574 6.70484 0.884867C6.7956 0.836159 6.897 0.810669 7 0.810669C7.103 0.810669 7.2044 0.836159 7.29516 0.884867C7.38592 0.933574 7.46321 1.00399 7.52015 1.08982L13.922 12.293C13.9731 12.3848 14 12.4881 14 12.5931C14 12.6982 13.9731 12.8015 13.922 12.8932C13.8682 12.9832 13.792 13.0578 13.7009 13.1097C13.6097 13.1615 13.5067 13.189 13.4018 13.1893ZM1.63046 11.989H12.3695L7 2.59425L1.63046 11.989Z",
       fill: "currentColor"
@@ -8054,9 +8040,9 @@ this.primevue.icons.exclamationtriangle = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_5, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_8, 8, _hoisted_6)])], 16);
     }
 
@@ -8064,7 +8050,7 @@ this.primevue.icons.exclamationtriangle = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
@@ -8105,7 +8091,7 @@ this.primevue.icons.eye = (function (BaseIcon, vue) {
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.eyeslash = (function (BaseIcon, utils, vue) {
+this.primevue.icons.eyeslash = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8114,15 +8100,10 @@ this.primevue.icons.eyeslash = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'EyeSlashIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8145,9 +8126,9 @@ this.primevue.icons.eyeslash = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8155,11 +8136,11 @@ this.primevue.icons.eyeslash = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.filter = (function (BaseIcon, utils, vue) {
+this.primevue.icons.filter = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8168,15 +8149,10 @@ this.primevue.icons.filter = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'FilterIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M8.64708 14H5.35296C5.18981 13.9979 5.03395 13.9321 4.91858 13.8167C4.8032 13.7014 4.73745 13.5455 4.73531 13.3824V7L0.329431 0.98C0.259794 0.889466 0.217389 0.780968 0.20718 0.667208C0.19697 0.553448 0.219379 0.439133 0.271783 0.337647C0.324282 0.236453 0.403423 0.151519 0.500663 0.0920138C0.597903 0.0325088 0.709548 0.000692754 0.823548 0H13.1765C13.2905 0.000692754 13.4021 0.0325088 13.4994 0.0920138C13.5966 0.151519 13.6758 0.236453 13.7283 0.337647C13.7807 0.439133 13.8031 0.553448 13.7929 0.667208C13.7826 0.780968 13.7402 0.889466 13.6706 0.98L9.26472 7V13.3824C9.26259 13.5455 9.19683 13.7014 9.08146 13.8167C8.96609 13.9321 8.81022 13.9979 8.64708 14ZM5.97061 12.7647H8.02943V6.79412C8.02878 6.66289 8.07229 6.53527 8.15296 6.43177L11.9412 1.23529H2.05884L5.86355 6.43177C5.94422 6.53527 5.98773 6.66289 5.98708 6.79412L5.97061 12.7647Z",
       fill: "currentColor"
@@ -8197,9 +8173,9 @@ this.primevue.icons.filter = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8207,11 +8183,11 @@ this.primevue.icons.filter = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.filterslash = (function (BaseIcon, utils, vue) {
+this.primevue.icons.filterslash = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8220,15 +8196,10 @@ this.primevue.icons.filterslash = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'FilterSlashIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8251,9 +8222,9 @@ this.primevue.icons.filterslash = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8261,11 +8232,11 @@ this.primevue.icons.filterslash = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.infocircle = (function (BaseIcon, utils, vue) {
+this.primevue.icons.infocircle = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8274,15 +8245,10 @@ this.primevue.icons.infocircle = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'InfoCircleIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8305,9 +8271,9 @@ this.primevue.icons.infocircle = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8315,7 +8281,7 @@ this.primevue.icons.infocircle = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
@@ -8354,7 +8320,7 @@ this.primevue.icons.minus = (function (BaseIcon, vue) {
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.pencil = (function (BaseIcon, utils, vue) {
+this.primevue.icons.pencil = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8363,15 +8329,10 @@ this.primevue.icons.pencil = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'PencilIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M0.609628 13.959C0.530658 13.9599 0.452305 13.9451 0.379077 13.9156C0.305849 13.8861 0.239191 13.8424 0.18294 13.787C0.118447 13.7234 0.0688234 13.6464 0.0376166 13.5614C0.00640987 13.4765 -0.00560954 13.3857 0.00241768 13.2956L0.25679 10.1501C0.267698 10.0041 0.331934 9.86709 0.437312 9.76516L9.51265 0.705715C10.0183 0.233014 10.6911 -0.0203041 11.3835 0.00127367C12.0714 0.00660201 12.7315 0.27311 13.2298 0.746671C13.7076 1.23651 13.9824 1.88848 13.9992 2.57201C14.0159 3.25554 13.7733 3.92015 13.32 4.4327L4.23648 13.5331C4.13482 13.6342 4.0017 13.6978 3.85903 13.7133L0.667067 14L0.609628 13.959ZM1.43018 10.4696L1.25787 12.714L3.50619 12.5092L12.4502 3.56444C12.6246 3.35841 12.7361 3.10674 12.7714 2.83933C12.8067 2.57193 12.7644 2.30002 12.6495 2.05591C12.5346 1.8118 12.3519 1.60575 12.1231 1.46224C11.8943 1.31873 11.6291 1.2438 11.3589 1.24633C11.1813 1.23508 11.0033 1.25975 10.8355 1.31887C10.6677 1.37798 10.5136 1.47033 10.3824 1.59036L1.43018 10.4696Z",
       fill: "currentColor"
@@ -8392,9 +8353,9 @@ this.primevue.icons.pencil = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8402,11 +8363,11 @@ this.primevue.icons.pencil = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.plus = (function (BaseIcon, utils, vue) {
+this.primevue.icons.plus = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8415,15 +8376,10 @@ this.primevue.icons.plus = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'PlusIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M7.67742 6.32258V0.677419C7.67742 0.497757 7.60605 0.325452 7.47901 0.198411C7.35197 0.0713707 7.17966 0 7 0C6.82034 0 6.64803 0.0713707 6.52099 0.198411C6.39395 0.325452 6.32258 0.497757 6.32258 0.677419V6.32258H0.677419C0.497757 6.32258 0.325452 6.39395 0.198411 6.52099C0.0713707 6.64803 0 6.82034 0 7C0 7.17966 0.0713707 7.35197 0.198411 7.47901C0.325452 7.60605 0.497757 7.67742 0.677419 7.67742H6.32258V13.3226C6.32492 13.5015 6.39704 13.6725 6.52358 13.799C6.65012 13.9255 6.82106 13.9977 7 14C7.17966 14 7.35197 13.9286 7.47901 13.8016C7.60605 13.6745 7.67742 13.5022 7.67742 13.3226V7.67742H13.3226C13.5022 7.67742 13.6745 7.60605 13.8016 7.47901C13.9286 7.35197 14 7.17966 14 7C13.9977 6.82106 13.9255 6.65012 13.799 6.52358C13.6725 6.39704 13.5015 6.32492 13.3226 6.32258H7.67742Z",
       fill: "currentColor"
@@ -8444,9 +8400,9 @@ this.primevue.icons.plus = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8454,11 +8410,11 @@ this.primevue.icons.plus = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.refresh = (function (BaseIcon, utils, vue) {
+this.primevue.icons.refresh = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8467,15 +8423,10 @@ this.primevue.icons.refresh = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'RefreshIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8498,9 +8449,9 @@ this.primevue.icons.refresh = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8508,11 +8459,11 @@ this.primevue.icons.refresh = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.search = (function (BaseIcon, utils, vue) {
+this.primevue.icons.search = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8521,15 +8472,10 @@ this.primevue.icons.search = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'SearchIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8552,9 +8498,9 @@ this.primevue.icons.search = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8562,11 +8508,11 @@ this.primevue.icons.search = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.searchminus = (function (BaseIcon, utils, vue) {
+this.primevue.icons.searchminus = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8575,15 +8521,10 @@ this.primevue.icons.searchminus = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'SearchMinusIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8606,9 +8547,9 @@ this.primevue.icons.searchminus = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8616,11 +8557,11 @@ this.primevue.icons.searchminus = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.searchplus = (function (BaseIcon, utils, vue) {
+this.primevue.icons.searchplus = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8629,15 +8570,10 @@ this.primevue.icons.searchplus = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'SearchPlusIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -8660,9 +8596,9 @@ this.primevue.icons.searchplus = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8670,11 +8606,11 @@ this.primevue.icons.searchplus = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.sortalt = (function (BaseIcon, utils, vue) {
+this.primevue.icons.sortalt = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8683,15 +8619,10 @@ this.primevue.icons.sortalt = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'SortAltIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M5.64515 3.61291C5.47353 3.61291 5.30192 3.54968 5.16644 3.4142L3.38708 1.63484L1.60773 3.4142C1.34579 3.67613 0.912244 3.67613 0.650309 3.4142C0.388374 3.15226 0.388374 2.71871 0.650309 2.45678L2.90837 0.198712C3.17031 -0.0632236 3.60386 -0.0632236 3.86579 0.198712L6.12386 2.45678C6.38579 2.71871 6.38579 3.15226 6.12386 3.4142C5.98837 3.54968 5.81676 3.61291 5.64515 3.61291Z",
       fill: "currentColor"
@@ -8724,9 +8655,9 @@ this.primevue.icons.sortalt = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_6, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_9, 8, _hoisted_7)])], 16);
     }
 
@@ -8734,11 +8665,11 @@ this.primevue.icons.sortalt = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.sortamountdown = (function (BaseIcon, utils, vue) {
+this.primevue.icons.sortamountdown = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8747,15 +8678,10 @@ this.primevue.icons.sortamountdown = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'SortAmountDownIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M4.93953 10.5858L3.83759 11.6877V0.677419C3.83759 0.307097 3.53049 0 3.16017 0C2.78985 0 2.48275 0.307097 2.48275 0.677419V11.6877L1.38082 10.5858C1.11888 10.3239 0.685331 10.3239 0.423396 10.5858C0.16146 10.8477 0.16146 11.2813 0.423396 11.5432L2.68146 13.8013C2.74469 13.8645 2.81694 13.9097 2.89823 13.9458C2.97952 13.9819 3.06985 14 3.16017 14C3.25049 14 3.33178 13.9819 3.42211 13.9458C3.5034 13.9097 3.57565 13.8645 3.63888 13.8013L5.89694 11.5432C6.15888 11.2813 6.15888 10.8477 5.89694 10.5858C5.63501 10.3239 5.20146 10.3239 4.93953 10.5858ZM13.0957 0H7.22468C6.85436 0 6.54726 0.307097 6.54726 0.677419C6.54726 1.04774 6.85436 1.35484 7.22468 1.35484H13.0957C13.466 1.35484 13.7731 1.04774 13.7731 0.677419C13.7731 0.307097 13.466 0 13.0957 0ZM7.22468 5.41935H9.48275C9.85307 5.41935 10.1602 5.72645 10.1602 6.09677C10.1602 6.4671 9.85307 6.77419 9.48275 6.77419H7.22468C6.85436 6.77419 6.54726 6.4671 6.54726 6.09677C6.54726 5.72645 6.85436 5.41935 7.22468 5.41935ZM7.6763 8.12903H7.22468C6.85436 8.12903 6.54726 8.43613 6.54726 8.80645C6.54726 9.17677 6.85436 9.48387 7.22468 9.48387H7.6763C8.04662 9.48387 8.35372 9.17677 8.35372 8.80645C8.35372 8.43613 8.04662 8.12903 7.6763 8.12903ZM7.22468 2.70968H11.2892C11.6595 2.70968 11.9666 3.01677 11.9666 3.3871C11.9666 3.75742 11.6595 4.06452 11.2892 4.06452H7.22468C6.85436 4.06452 6.54726 3.75742 6.54726 3.3871C6.54726 3.01677 6.85436 2.70968 7.22468 2.70968Z",
       fill: "currentColor"
@@ -8776,9 +8702,9 @@ this.primevue.icons.sortamountdown = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8786,11 +8712,11 @@ this.primevue.icons.sortamountdown = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.sortamountupalt = (function (BaseIcon, utils, vue) {
+this.primevue.icons.sortamountupalt = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8799,15 +8725,10 @@ this.primevue.icons.sortamountupalt = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'SortAmountUpAltIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M3.63435 0.19871C3.57113 0.135484 3.49887 0.0903226 3.41758 0.0541935C3.255 -0.0180645 3.06532 -0.0180645 2.90274 0.0541935C2.82145 0.0903226 2.74919 0.135484 2.68597 0.19871L0.427901 2.45677C0.165965 2.71871 0.165965 3.15226 0.427901 3.41419C0.689836 3.67613 1.12338 3.67613 1.38532 3.41419L2.48726 2.31226V13.3226C2.48726 13.6929 2.79435 14 3.16467 14C3.535 14 3.84209 13.6929 3.84209 13.3226V2.31226L4.94403 3.41419C5.07951 3.54968 5.25113 3.6129 5.42274 3.6129C5.59435 3.6129 5.76597 3.54968 5.90145 3.41419C6.16338 3.15226 6.16338 2.71871 5.90145 2.45677L3.64338 0.19871H3.63435ZM13.7685 13.3226C13.7685 12.9523 13.4615 12.6452 13.0911 12.6452H7.22016C6.84984 12.6452 6.54274 12.9523 6.54274 13.3226C6.54274 13.6929 6.84984 14 7.22016 14H13.0911C13.4615 14 13.7685 13.6929 13.7685 13.3226ZM7.22016 8.58064C6.84984 8.58064 6.54274 8.27355 6.54274 7.90323C6.54274 7.5329 6.84984 7.22581 7.22016 7.22581H9.47823C9.84855 7.22581 10.1556 7.5329 10.1556 7.90323C10.1556 8.27355 9.84855 8.58064 9.47823 8.58064H7.22016ZM7.22016 5.87097H7.67177C8.0421 5.87097 8.34919 5.56387 8.34919 5.19355C8.34919 4.82323 8.0421 4.51613 7.67177 4.51613H7.22016C6.84984 4.51613 6.54274 4.82323 6.54274 5.19355C6.54274 5.56387 6.84984 5.87097 7.22016 5.87097ZM11.2847 11.2903H7.22016C6.84984 11.2903 6.54274 10.9832 6.54274 10.6129C6.54274 10.2426 6.84984 9.93548 7.22016 9.93548H11.2847C11.655 9.93548 11.9621 10.2426 11.9621 10.6129C11.9621 10.9832 11.655 11.2903 11.2847 11.2903Z",
       fill: "currentColor"
@@ -8828,9 +8749,9 @@ this.primevue.icons.sortamountupalt = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8838,11 +8759,11 @@ this.primevue.icons.sortamountupalt = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.spinner = (function (BaseIcon, utils, vue) {
+this.primevue.icons.spinner = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8851,15 +8772,10 @@ this.primevue.icons.spinner = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'SpinnerIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M6.99701 14C5.85441 13.999 4.72939 13.7186 3.72012 13.1832C2.71084 12.6478 1.84795 11.8737 1.20673 10.9284C0.565504 9.98305 0.165424 8.89526 0.041387 7.75989C-0.0826496 6.62453 0.073125 5.47607 0.495122 4.4147C0.917119 3.35333 1.59252 2.4113 2.46241 1.67077C3.33229 0.930247 4.37024 0.413729 5.4857 0.166275C6.60117 -0.0811796 7.76026 -0.0520535 8.86188 0.251112C9.9635 0.554278 10.9742 1.12227 11.8057 1.90555C11.915 2.01493 11.9764 2.16319 11.9764 2.31778C11.9764 2.47236 11.915 2.62062 11.8057 2.73C11.7521 2.78503 11.688 2.82877 11.6171 2.85864C11.5463 2.8885 11.4702 2.90389 11.3933 2.90389C11.3165 2.90389 11.2404 2.8885 11.1695 2.85864C11.0987 2.82877 11.0346 2.78503 10.9809 2.73C9.9998 1.81273 8.73246 1.26138 7.39226 1.16876C6.05206 1.07615 4.72086 1.44794 3.62279 2.22152C2.52471 2.99511 1.72683 4.12325 1.36345 5.41602C1.00008 6.70879 1.09342 8.08723 1.62775 9.31926C2.16209 10.5513 3.10478 11.5617 4.29713 12.1803C5.48947 12.7989 6.85865 12.988 8.17414 12.7157C9.48963 12.4435 10.6711 11.7264 11.5196 10.6854C12.3681 9.64432 12.8319 8.34282 12.8328 7C12.8328 6.84529 12.8943 6.69692 13.0038 6.58752C13.1132 6.47812 13.2616 6.41667 13.4164 6.41667C13.5712 6.41667 13.7196 6.47812 13.8291 6.58752C13.9385 6.69692 14 6.84529 14 7C14 8.85651 13.2622 10.637 11.9489 11.9497C10.6356 13.2625 8.85432 14 6.99701 14Z",
       fill: "currentColor"
@@ -8880,9 +8796,9 @@ this.primevue.icons.spinner = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8890,11 +8806,11 @@ this.primevue.icons.spinner = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.star = (function (BaseIcon, utils, vue) {
+this.primevue.icons.star = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8903,15 +8819,10 @@ this.primevue.icons.star = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'StarIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M10.9741 13.6721C10.8806 13.6719 10.7886 13.6483 10.7066 13.6033L7.00002 11.6545L3.29345 13.6033C3.19926 13.6539 3.09281 13.6771 2.98612 13.6703C2.87943 13.6636 2.77676 13.6271 2.6897 13.5651C2.60277 13.5014 2.53529 13.4147 2.4948 13.3148C2.45431 13.215 2.44241 13.1058 2.46042 12.9995L3.17881 8.87264L0.167699 5.95324C0.0922333 5.8777 0.039368 5.78258 0.0150625 5.67861C-0.00924303 5.57463 -0.00402231 5.46594 0.030136 5.36477C0.0621323 5.26323 0.122141 5.17278 0.203259 5.10383C0.284377 5.03488 0.383311 4.99023 0.488681 4.97501L4.63087 4.37126L6.48797 0.618832C6.54083 0.530159 6.61581 0.456732 6.70556 0.405741C6.79532 0.35475 6.89678 0.327942 7.00002 0.327942C7.10325 0.327942 7.20471 0.35475 7.29447 0.405741C7.38422 0.456732 7.4592 0.530159 7.51206 0.618832L9.36916 4.37126L13.5114 4.97501C13.6167 4.99023 13.7157 5.03488 13.7968 5.10383C13.8779 5.17278 13.9379 5.26323 13.9699 5.36477C14.0041 5.46594 14.0093 5.57463 13.985 5.67861C13.9607 5.78258 13.9078 5.8777 13.8323 5.95324L10.8212 8.87264L11.532 12.9995C11.55 13.1058 11.5381 13.215 11.4976 13.3148C11.4571 13.4147 11.3896 13.5014 11.3027 13.5651C11.2059 13.632 11.0917 13.6692 10.9741 13.6721ZM7.00002 10.4393C7.09251 10.4404 7.18371 10.4613 7.2675 10.5005L10.2098 12.029L9.65193 8.75036C9.6368 8.6584 9.64343 8.56418 9.6713 8.47526C9.69918 8.38633 9.74751 8.30518 9.81242 8.23832L12.1969 5.94559L8.90298 5.45648C8.81188 5.44198 8.72555 5.406 8.65113 5.35152C8.57671 5.29703 8.51633 5.2256 8.475 5.14314L7.00002 2.1626L5.52503 5.15078C5.4837 5.23324 5.42332 5.30467 5.3489 5.35916C5.27448 5.41365 5.18815 5.44963 5.09705 5.46412L1.80318 5.94559L4.18761 8.23832C4.25252 8.30518 4.30085 8.38633 4.32873 8.47526C4.3566 8.56418 4.36323 8.6584 4.3481 8.75036L3.7902 12.0519L6.73253 10.5234C6.81451 10.4762 6.9058 10.4475 7.00002 10.4393Z",
       fill: "currentColor"
@@ -8932,9 +8843,9 @@ this.primevue.icons.star = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8942,11 +8853,11 @@ this.primevue.icons.star = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.starfill = (function (BaseIcon, utils, vue) {
+this.primevue.icons.starfill = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -8955,15 +8866,10 @@ this.primevue.icons.starfill = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'StarFillIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       d: "M13.9718 5.36453C13.9398 5.26298 13.8798 5.17252 13.7986 5.10356C13.7175 5.0346 13.6186 4.98994 13.5132 4.97472L9.37043 4.37088L7.51307 0.617955C7.46021 0.529271 7.38522 0.455834 7.29545 0.404836C7.20568 0.353838 7.1042 0.327026 7.00096 0.327026C6.89771 0.327026 6.79624 0.353838 6.70647 0.404836C6.6167 0.455834 6.54171 0.529271 6.48885 0.617955L4.63149 4.37088L0.488746 4.97472C0.383363 4.98994 0.284416 5.0346 0.203286 5.10356C0.122157 5.17252 0.0621407 5.26298 0.03014 5.36453C-0.00402286 5.46571 -0.00924428 5.57442 0.0150645 5.67841C0.0393733 5.7824 0.0922457 5.87753 0.167722 5.95308L3.17924 8.87287L2.4684 13.0003C2.45038 13.1066 2.46229 13.2158 2.50278 13.3157C2.54328 13.4156 2.61077 13.5022 2.6977 13.5659C2.78477 13.628 2.88746 13.6644 2.99416 13.6712C3.10087 13.678 3.20733 13.6547 3.30153 13.6042L7.00096 11.6551L10.708 13.6042C10.79 13.6491 10.882 13.6728 10.9755 13.673C11.0958 13.6716 11.2129 13.6343 11.3119 13.5659C11.3988 13.5022 11.4663 13.4156 11.5068 13.3157C11.5473 13.2158 11.5592 13.1066 11.5412 13.0003L10.8227 8.87287L13.8266 5.95308C13.9033 5.87835 13.9577 5.7836 13.9833 5.67957C14.009 5.57554 14.005 5.4664 13.9718 5.36453Z",
       fill: "currentColor"
@@ -8984,9 +8890,9 @@ this.primevue.icons.starfill = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -8994,11 +8900,11 @@ this.primevue.icons.starfill = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.thlarge = (function (BaseIcon, utils, vue) {
+this.primevue.icons.thlarge = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -9007,15 +8913,10 @@ this.primevue.icons.thlarge = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'ThLargeIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9038,9 +8939,9 @@ this.primevue.icons.thlarge = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -9048,7 +8949,7 @@ this.primevue.icons.thlarge = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
@@ -9087,7 +8988,7 @@ this.primevue.icons.times = (function (BaseIcon, vue) {
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.timescircle = (function (BaseIcon, utils, vue) {
+this.primevue.icons.timescircle = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -9096,15 +8997,10 @@ this.primevue.icons.timescircle = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'TimesCircleIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9127,9 +9023,9 @@ this.primevue.icons.timescircle = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -9137,11 +9033,11 @@ this.primevue.icons.timescircle = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.trash = (function (BaseIcon, utils, vue) {
+this.primevue.icons.trash = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -9150,15 +9046,10 @@ this.primevue.icons.trash = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'TrashIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9181,9 +9072,9 @@ this.primevue.icons.trash = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -9191,11 +9082,11 @@ this.primevue.icons.trash = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.undo = (function (BaseIcon, utils, vue) {
+this.primevue.icons.undo = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -9204,15 +9095,10 @@ this.primevue.icons.undo = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'UndoIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9235,9 +9121,9 @@ this.primevue.icons.undo = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -9245,11 +9131,11 @@ this.primevue.icons.undo = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.upload = (function (BaseIcon, utils, vue) {
+this.primevue.icons.upload = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -9258,15 +9144,10 @@ this.primevue.icons.upload = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'UploadIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9289,9 +9170,9 @@ this.primevue.icons.upload = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -9299,11 +9180,11 @@ this.primevue.icons.upload = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.windowmaximize = (function (BaseIcon, utils, vue) {
+this.primevue.icons.windowmaximize = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -9312,15 +9193,10 @@ this.primevue.icons.windowmaximize = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'WindowMaximizeIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9343,9 +9219,9 @@ this.primevue.icons.windowmaximize = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -9353,11 +9229,11 @@ this.primevue.icons.windowmaximize = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
-this.primevue.icons.windowminimize = (function (BaseIcon, utils, vue) {
+this.primevue.icons.windowminimize = (function (BaseIcon, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -9366,15 +9242,10 @@ this.primevue.icons.windowminimize = (function (BaseIcon, utils, vue) {
 
     var script = {
       name: 'WindowMinimizeIcon',
-      "extends": BaseIcon__default["default"],
-      computed: {
-        pathId: function pathId() {
-          return "pv_icon_clip_".concat(utils.UniqueComponentId());
-        }
-      }
+      "extends": BaseIcon__default["default"]
     };
 
-    var _hoisted_1 = ["clipPath"];
+    var _hoisted_1 = ["clip-path"];
     var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -9397,9 +9268,9 @@ this.primevue.icons.windowminimize = (function (BaseIcon, utils, vue) {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, _ctx.pti()), [vue.createElementVNode("g", {
-        clipPath: "url(#".concat($options.pathId, ")")
+        "clip-path": "url(#".concat(_ctx.pathId, ")")
       }, _hoisted_3, 8, _hoisted_1), vue.createElementVNode("defs", null, [vue.createElementVNode("clipPath", {
-        id: "".concat($options.pathId)
+        id: "".concat(_ctx.pathId)
       }, _hoisted_6, 8, _hoisted_4)])], 16);
     }
 
@@ -9407,7 +9278,7 @@ this.primevue.icons.windowminimize = (function (BaseIcon, utils, vue) {
 
     return script;
 
-})(primevue.baseicon, primevue.utils, Vue);
+})(primevue.baseicon, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.tooltip = (function (utils, BaseDirective, TooltipStyle) {
@@ -9846,6 +9717,12 @@ this.primevue.focustrap = (function (utils, BaseDirective, FocusTrapStyle) {
       style: FocusTrapStyle__default["default"]
     });
 
+    function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+    function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+    function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+    function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var FocusTrap = BaseFocusTrap.extend('focustrap', {
       mounted: function mounted(el, binding) {
         var _ref = binding.value || {},
@@ -9853,7 +9730,7 @@ this.primevue.focustrap = (function (utils, BaseDirective, FocusTrapStyle) {
         if (!disabled) {
           this.createHiddenFocusableElements(el, binding);
           this.bind(el, binding);
-          this.autoFocus(el, binding);
+          this.autoElementFocus(el, binding);
         }
         el.setAttribute('data-pd-focustrap', true);
         this.$el = el;
@@ -9904,7 +9781,14 @@ this.primevue.focustrap = (function (utils, BaseDirective, FocusTrapStyle) {
           el.$_pfocustrap_focusinlistener && el.removeEventListener('focusin', el.$_pfocustrap_focusinlistener) && (el.$_pfocustrap_focusinlistener = null);
           el.$_pfocustrap_focusoutlistener && el.removeEventListener('focusout', el.$_pfocustrap_focusoutlistener) && (el.$_pfocustrap_focusoutlistener = null);
         },
-        autoFocus: function autoFocus(el, binding) {
+        autoFocus: function autoFocus(options) {
+          this.autoElementFocus(this.$el, {
+            value: _objectSpread(_objectSpread({}, options), {}, {
+              autoFocus: true
+            })
+          });
+        },
+        autoElementFocus: function autoElementFocus(el, binding) {
           var _ref4 = binding.value || {},
             _ref4$autoFocusSelect = _ref4.autoFocusSelector,
             autoFocusSelector = _ref4$autoFocusSelect === void 0 ? '' : _ref4$autoFocusSelect,
@@ -10070,7 +9954,10 @@ this.primevue.virtualscroller = (function (SpinnerIcon, utils, BaseComponent, Vi
         };
       },
       beforeMount: function beforeMount() {
-        VirtualScrollerStyle__default["default"].loadStyle();
+        var _this$$config;
+        VirtualScrollerStyle__default["default"].loadStyle({
+          nonce: (_this$$config = this.$config) === null || _this$$config === void 0 || (_this$$config = _this$$config.csp) === null || _this$$config === void 0 ? void 0 : _this$$config.nonce
+        });
       }
     };
 
@@ -10216,92 +10103,102 @@ this.primevue.virtualscroller = (function (SpinnerIcon, utils, BaseComponent, Vi
           var behavior = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'auto';
           var both = this.isBoth();
           var horizontal = this.isHorizontal();
-          var first = this.first;
-          var _this$calculateNumIte = this.calculateNumItems(),
-            numToleratedItems = _this$calculateNumIte.numToleratedItems;
-          var contentPos = this.getContentPosition();
-          var itemSize = this.itemSize;
-          var calculateFirst = function calculateFirst() {
-            var _index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-            var _numT = arguments.length > 1 ? arguments[1] : undefined;
-            return _index <= _numT ? 0 : _index;
-          };
-          var calculateCoord = function calculateCoord(_first, _size, _cpos) {
-            return _first * _size + _cpos;
-          };
-          var scrollTo = function scrollTo() {
-            var left = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-            var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-            return _this.scrollTo({
-              left: left,
-              top: top,
-              behavior: behavior
-            });
-          };
-          var newFirst = both ? {
-            rows: 0,
-            cols: 0
-          } : 0;
-          var isRangeChanged = false;
-          if (both) {
-            newFirst = {
-              rows: calculateFirst(index[0], numToleratedItems[0]),
-              cols: calculateFirst(index[1], numToleratedItems[1])
+          var valid = both ? index.every(function (i) {
+            return i > -1;
+          }) : index > -1;
+          if (valid) {
+            var first = this.first;
+            var _this$calculateNumIte = this.calculateNumItems(),
+              numToleratedItems = _this$calculateNumIte.numToleratedItems;
+            var contentPos = this.getContentPosition();
+            var itemSize = this.itemSize;
+            var calculateFirst = function calculateFirst() {
+              var _index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+              var _numT = arguments.length > 1 ? arguments[1] : undefined;
+              return _index <= _numT ? 0 : _index;
+            };
+            var calculateCoord = function calculateCoord(_first, _size, _cpos) {
+              return _first * _size + _cpos;
             };
-            scrollTo(calculateCoord(newFirst.cols, itemSize[1], contentPos.left), calculateCoord(newFirst.rows, itemSize[0], contentPos.top));
-            isRangeChanged = newFirst.rows !== first.rows || newFirst.cols !== first.cols;
-          } else {
-            newFirst = calculateFirst(index, numToleratedItems);
-            horizontal ? scrollTo(calculateCoord(newFirst, itemSize, contentPos.left), 0) : scrollTo(0, calculateCoord(newFirst, itemSize, contentPos.top));
-            isRangeChanged = newFirst !== first;
-          }
-          this.isRangeChanged = isRangeChanged;
-          this.first = newFirst;
-        },
-        scrollInView: function scrollInView(index, to) {
-          var _this2 = this;
-          var behavior = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'auto';
-          if (to) {
-            var both = this.isBoth();
-            var horizontal = this.isHorizontal();
-            var _this$getRenderedRang = this.getRenderedRange(),
-              first = _this$getRenderedRang.first,
-              viewport = _this$getRenderedRang.viewport;
             var scrollTo = function scrollTo() {
               var left = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
               var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-              return _this2.scrollTo({
+              return _this.scrollTo({
                 left: left,
                 top: top,
                 behavior: behavior
               });
             };
-            var isToStart = to === 'to-start';
-            var isToEnd = to === 'to-end';
-            if (isToStart) {
-              if (both) {
-                if (viewport.first.rows - first.rows > index[0]) {
-                  scrollTo(viewport.first.cols * this.itemSize[1], (viewport.first.rows - 1) * this.itemSize[0]);
-                } else if (viewport.first.cols - first.cols > index[1]) {
-                  scrollTo((viewport.first.cols - 1) * this.itemSize[1], viewport.first.rows * this.itemSize[0]);
-                }
-              } else {
-                if (viewport.first - first > index) {
-                  var pos = (viewport.first - 1) * this.itemSize;
-                  horizontal ? scrollTo(pos, 0) : scrollTo(0, pos);
-                }
-              }
-            } else if (isToEnd) {
-              if (both) {
-                if (viewport.last.rows - first.rows <= index[0] + 1) {
-                  scrollTo(viewport.first.cols * this.itemSize[1], (viewport.first.rows + 1) * this.itemSize[0]);
-                } else if (viewport.last.cols - first.cols <= index[1] + 1) {
-                  scrollTo((viewport.first.cols + 1) * this.itemSize[1], viewport.first.rows * this.itemSize[0]);
+            var newFirst = both ? {
+              rows: 0,
+              cols: 0
+            } : 0;
+            var isRangeChanged = false;
+            if (both) {
+              newFirst = {
+                rows: calculateFirst(index[0], numToleratedItems[0]),
+                cols: calculateFirst(index[1], numToleratedItems[1])
+              };
+              scrollTo(calculateCoord(newFirst.cols, itemSize[1], contentPos.left), calculateCoord(newFirst.rows, itemSize[0], contentPos.top));
+              isRangeChanged = newFirst.rows !== first.rows || newFirst.cols !== first.cols;
+            } else {
+              newFirst = calculateFirst(index, numToleratedItems);
+              horizontal ? scrollTo(calculateCoord(newFirst, itemSize, contentPos.left), 0) : scrollTo(0, calculateCoord(newFirst, itemSize, contentPos.top));
+              isRangeChanged = newFirst !== first;
+            }
+            this.isRangeChanged = isRangeChanged;
+            this.first = newFirst;
+          }
+        },
+        scrollInView: function scrollInView(index, to) {
+          var _this2 = this;
+          var behavior = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'auto';
+          if (to) {
+            var both = this.isBoth();
+            var horizontal = this.isHorizontal();
+            var valid = both ? index.every(function (i) {
+              return i > -1;
+            }) : index > -1;
+            if (valid) {
+              var _this$getRenderedRang = this.getRenderedRange(),
+                first = _this$getRenderedRang.first,
+                viewport = _this$getRenderedRang.viewport;
+              var scrollTo = function scrollTo() {
+                var left = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+                var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+                return _this2.scrollTo({
+                  left: left,
+                  top: top,
+                  behavior: behavior
+                });
+              };
+              var isToStart = to === 'to-start';
+              var isToEnd = to === 'to-end';
+              if (isToStart) {
+                if (both) {
+                  if (viewport.first.rows - first.rows > index[0]) {
+                    scrollTo(viewport.first.cols * this.itemSize[1], (viewport.first.rows - 1) * this.itemSize[0]);
+                  } else if (viewport.first.cols - first.cols > index[1]) {
+                    scrollTo((viewport.first.cols - 1) * this.itemSize[1], viewport.first.rows * this.itemSize[0]);
+                  }
+                } else {
+                  if (viewport.first - first > index) {
+                    var pos = (viewport.first - 1) * this.itemSize;
+                    horizontal ? scrollTo(pos, 0) : scrollTo(0, pos);
+                  }
                 }
-              } else {
-                if (viewport.last - first <= index + 1) {
-                  var _pos2 = (viewport.first + 1) * this.itemSize;
-                  horizontal ? scrollTo(_pos2, 0) : scrollTo(0, _pos2);
+              } else if (isToEnd) {
+                if (both) {
+                  if (viewport.last.rows - first.rows <= index[0] + 1) {
+                    scrollTo(viewport.first.cols * this.itemSize[1], (viewport.first.rows + 1) * this.itemSize[0]);
+                  } else if (viewport.last.cols - first.cols <= index[1] + 1) {
+                    scrollTo((viewport.first.cols + 1) * this.itemSize[1], viewport.first.rows * this.itemSize[0]);
+                  }
+                } else {
+                  if (viewport.last - first <= index + 1) {
+                    var _pos2 = (viewport.first + 1) * this.itemSize;
+                    horizontal ? scrollTo(_pos2, 0) : scrollTo(0, _pos2);
+                  }
                 }
               }
             }
@@ -11804,15 +11701,15 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
               }
               break;
             case 'Home':
-              if (this.min) {
+              event.preventDefault();
+              if (!utils.ObjectUtils.isEmpty(this.min)) {
                 this.updateModel(event, this.min);
-                event.preventDefault();
               }
               break;
             case 'End':
-              if (this.max) {
+              event.preventDefault();
+              if (!utils.ObjectUtils.isEmpty(this.max)) {
                 this.updateModel(event, this.max);
-                event.preventDefault();
               }
               break;
           }
@@ -11947,7 +11844,7 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
           if (textSplit.length === 2) {
             var decimalCharIndex = value.slice(start, end).search(this._decimal);
             this._decimal.lastIndex = 0;
-            return decimalCharIndex > 0 ? value.slice(0, start) + this.formatValue(text) + value.slice(end) : value || this.formatValue(text);
+            return decimalCharIndex > 0 ? value.slice(0, start) + this.formatValue(text) + value.slice(end) : this.formatValue(text) || value;
           } else if (end - start === value.length) {
             return this.formatValue(text);
           } else if (start === 0) {
@@ -12099,7 +11996,15 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
               _selectionEnd = sRegex.lastIndex + tRegex.lastIndex;
               this.$refs.input.$el.setSelectionRange(_selectionEnd, _selectionEnd);
             } else if (newLength === currentLength) {
-              if (operation === 'insert' || operation === 'delete-back-single') this.$refs.input.$el.setSelectionRange(_selectionEnd + 1, _selectionEnd + 1);else if (operation === 'delete-single') this.$refs.input.$el.setSelectionRange(_selectionEnd - 1, _selectionEnd - 1);else if (operation === 'delete-range' || operation === 'spin') this.$refs.input.$el.setSelectionRange(_selectionEnd, _selectionEnd);
+              if (operation === 'insert' || operation === 'delete-back-single') {
+                var re = /[.,]/g;
+                var newSelectionEnd = _selectionEnd + Number(re.test(value) || re.test(insertedValueStr));
+                this.$refs.input.$el.setSelectionRange(newSelectionEnd, newSelectionEnd);
+              } else if (operation === 'delete-single') {
+                this.$refs.input.$el.setSelectionRange(_selectionEnd - 1, _selectionEnd - 1);
+              } else if (operation === 'delete-range' || operation === 'spin') {
+                this.$refs.input.$el.setSelectionRange(_selectionEnd, _selectionEnd);
+              }
             } else if (operation === 'delete-back-single') {
               var prevChar = inputValue.charAt(_selectionEnd - 1);
               var nextChar = inputValue.charAt(_selectionEnd);
@@ -12167,6 +12072,9 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
           input.value = this.formatValue(newValue);
           input.setAttribute('aria-valuenow', newValue);
           this.updateModel(event, newValue);
+          if (!this.disabled && !this.readonly && this.highlightOnFocus) {
+            utils.DomHandler.clearSelection();
+          }
         },
         clearTimer: function clearTimer() {
           if (this.timer) {
@@ -12371,6 +12279,322 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
 
 })(primevue.button, primevue.icons.angledown, primevue.icons.angleup, primevue.inputtext, primevue.utils, primevue.basecomponent, primevue.inputnumber.style, Vue);
 
+this.primevue = this.primevue || {};
+this.primevue.checkbox = (function (CheckIcon, utils, BaseComponent, CheckboxStyle, vue) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var CheckboxStyle__default = /*#__PURE__*/_interopDefaultLegacy(CheckboxStyle);
+
+    var script$1 = {
+      name: 'BaseCheckbox',
+      "extends": BaseComponent__default["default"],
+      props: {
+        value: null,
+        modelValue: null,
+        binary: Boolean,
+        name: {
+          type: String,
+          "default": null
+        },
+        trueValue: {
+          type: null,
+          "default": true
+        },
+        falseValue: {
+          type: null,
+          "default": false
+        },
+        disabled: {
+          type: Boolean,
+          "default": false
+        },
+        readonly: {
+          type: Boolean,
+          "default": false
+        },
+        required: {
+          type: Boolean,
+          "default": false
+        },
+        tabindex: {
+          type: Number,
+          "default": null
+        },
+        inputId: {
+          type: String,
+          "default": null
+        },
+        inputClass: {
+          type: [String, Object],
+          "default": null
+        },
+        inputStyle: {
+          type: Object,
+          "default": null
+        },
+        ariaLabelledby: {
+          type: String,
+          "default": null
+        },
+        ariaLabel: {
+          type: String,
+          "default": null
+        }
+      },
+      style: CheckboxStyle__default["default"],
+      provide: function provide() {
+        return {
+          $parentInstance: this
+        };
+      }
+    };
+
+    function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+    function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+    function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+    function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+    function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+    function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+    var script = {
+      name: 'Checkbox',
+      "extends": script$1,
+      emits: ['update:modelValue', 'change', 'focus', 'blur'],
+      methods: {
+        getPTOptions: function getPTOptions(key) {
+          return this.ptm(key, {
+            context: {
+              checked: this.checked,
+              disabled: this.disabled
+            }
+          });
+        },
+        onChange: function onChange(event) {
+          var _this = this;
+          if (!this.disabled && !this.readonly) {
+            var newModelValue;
+            if (this.binary) {
+              newModelValue = this.checked ? this.falseValue : this.trueValue;
+            } else {
+              if (this.checked) newModelValue = this.modelValue.filter(function (val) {
+                return !utils.ObjectUtils.equals(val, _this.value);
+              });else newModelValue = this.modelValue ? [].concat(_toConsumableArray(this.modelValue), [this.value]) : [this.value];
+            }
+            this.$emit('update:modelValue', newModelValue);
+            this.$emit('change', event);
+          }
+        },
+        onFocus: function onFocus(event) {
+          this.$emit('focus', event);
+        },
+        onBlur: function onBlur(event) {
+          this.$emit('blur', event);
+        }
+      },
+      computed: {
+        checked: function checked() {
+          return this.binary ? this.modelValue === this.trueValue : utils.ObjectUtils.contains(this.value, this.modelValue);
+        }
+      },
+      components: {
+        CheckIcon: CheckIcon__default["default"]
+      }
+    };
+
+    var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
+    var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label"];
+    function render(_ctx, _cache, $props, $setup, $data, $options) {
+      var _component_CheckIcon = vue.resolveComponent("CheckIcon");
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        "class": _ctx.cx('root')
+      }, $options.getPTOptions('root'), {
+        "data-pc-name": "checkbox",
+        "data-p-highlight": $options.checked,
+        "data-p-disabled": _ctx.disabled
+      }), [vue.createElementVNode("input", vue.mergeProps({
+        id: _ctx.inputId,
+        type: "checkbox",
+        "class": [_ctx.cx('input'), _ctx.inputClass],
+        style: _ctx.inputStyle,
+        value: _ctx.value,
+        name: _ctx.name,
+        checked: $options.checked,
+        tabindex: _ctx.tabindex,
+        disabled: _ctx.disabled,
+        readonly: _ctx.readonly,
+        required: _ctx.required,
+        "aria-labelledby": _ctx.ariaLabelledby,
+        "aria-label": _ctx.ariaLabel,
+        onFocus: _cache[0] || (_cache[0] = function () {
+          return $options.onFocus && $options.onFocus.apply($options, arguments);
+        }),
+        onBlur: _cache[1] || (_cache[1] = function () {
+          return $options.onBlur && $options.onBlur.apply($options, arguments);
+        }),
+        onChange: _cache[2] || (_cache[2] = function () {
+          return $options.onChange && $options.onChange.apply($options, arguments);
+        })
+      }, $options.getPTOptions('input')), null, 16, _hoisted_2), vue.createElementVNode("div", vue.mergeProps({
+        "class": _ctx.cx('box')
+      }, $options.getPTOptions('box')), [vue.renderSlot(_ctx.$slots, "icon", {
+        checked: $options.checked,
+        "class": vue.normalizeClass(_ctx.cx('icon'))
+      }, function () {
+        return [$options.checked ? (vue.openBlock(), vue.createBlock(_component_CheckIcon, vue.mergeProps({
+          key: 0,
+          "class": _ctx.cx('icon')
+        }, $options.getPTOptions('icon')), null, 16, ["class"])) : vue.createCommentVNode("", true)];
+      })], 16)], 16, _hoisted_1);
+    }
+
+    script.render = render;
+
+    return script;
+
+})(primevue.icons.check, primevue.utils, primevue.basecomponent, primevue.checkbox.style, Vue);
+
+this.primevue = this.primevue || {};
+this.primevue.radiobutton = (function (utils, BaseComponent, RadioButtonStyle, vue) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var RadioButtonStyle__default = /*#__PURE__*/_interopDefaultLegacy(RadioButtonStyle);
+
+    var script$1 = {
+      name: 'BaseRadioButton',
+      "extends": BaseComponent__default["default"],
+      props: {
+        value: null,
+        modelValue: null,
+        binary: Boolean,
+        name: {
+          type: String,
+          "default": null
+        },
+        disabled: {
+          type: Boolean,
+          "default": false
+        },
+        readonly: {
+          type: Boolean,
+          "default": false
+        },
+        tabindex: {
+          type: Number,
+          "default": null
+        },
+        inputId: {
+          type: String,
+          "default": null
+        },
+        inputClass: {
+          type: [String, Object],
+          "default": null
+        },
+        inputStyle: {
+          type: Object,
+          "default": null
+        },
+        ariaLabelledby: {
+          type: String,
+          "default": null
+        },
+        ariaLabel: {
+          type: String,
+          "default": null
+        }
+      },
+      style: RadioButtonStyle__default["default"],
+      provide: function provide() {
+        return {
+          $parentInstance: this
+        };
+      }
+    };
+
+    var script = {
+      name: 'RadioButton',
+      "extends": script$1,
+      emits: ['update:modelValue', 'change', 'focus', 'blur'],
+      methods: {
+        getPTOptions: function getPTOptions(key) {
+          return this.ptm(key, {
+            context: {
+              checked: this.checked,
+              disabled: this.disabled
+            }
+          });
+        },
+        onChange: function onChange(event) {
+          if (!this.disabled && !this.readonly) {
+            var newModelValue = this.binary ? !this.checked : this.value;
+            this.$emit('update:modelValue', newModelValue);
+            this.$emit('change', event);
+          }
+        },
+        onFocus: function onFocus(event) {
+          this.$emit('focus', event);
+        },
+        onBlur: function onBlur(event) {
+          this.$emit('blur', event);
+        }
+      },
+      computed: {
+        checked: function checked() {
+          return this.modelValue != null && (this.binary ? !!this.modelValue : utils.ObjectUtils.equals(this.modelValue, this.value));
+        }
+      }
+    };
+
+    var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
+    var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label"];
+    function render(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        "class": _ctx.cx('root')
+      }, $options.getPTOptions('root'), {
+        "data-pc-name": "radiobutton",
+        "data-p-highlight": $options.checked,
+        "data-p-disabled": _ctx.disabled
+      }), [vue.createElementVNode("input", vue.mergeProps({
+        id: _ctx.inputId,
+        type: "radio",
+        "class": [_ctx.cx('input'), _ctx.inputClass],
+        style: _ctx.inputStyle,
+        value: _ctx.value,
+        name: _ctx.name,
+        checked: $options.checked,
+        tabindex: _ctx.tabindex,
+        disabled: _ctx.disabled,
+        readonly: _ctx.readonly,
+        "aria-labelledby": _ctx.ariaLabelledby,
+        "aria-label": _ctx.ariaLabel,
+        onFocus: _cache[0] || (_cache[0] = function () {
+          return $options.onFocus && $options.onFocus.apply($options, arguments);
+        }),
+        onBlur: _cache[1] || (_cache[1] = function () {
+          return $options.onBlur && $options.onBlur.apply($options, arguments);
+        }),
+        onChange: _cache[2] || (_cache[2] = function () {
+          return $options.onChange && $options.onChange.apply($options, arguments);
+        })
+      }, $options.getPTOptions('input')), null, 16, _hoisted_2), vue.createElementVNode("div", vue.mergeProps({
+        "class": _ctx.cx('box')
+      }, $options.getPTOptions('box')), [vue.createElementVNode("div", vue.mergeProps({
+        "class": _ctx.cx('icon')
+      }, $options.getPTOptions('icon')), null, 16)], 16)], 16, _hoisted_1);
+    }
+
+    script.render = render;
+
+    return script;
+
+})(primevue.utils, primevue.basecomponent, primevue.radiobutton.style, Vue);
+
 this.primevue = this.primevue || {};
 this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircleIcon, TimesIcon, TimesCircleIcon, Ripple, BaseComponent, MessageStyle, vue) {
     'use strict';
@@ -12430,7 +12654,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
     var script = {
       name: 'Message',
       "extends": script$1,
-      emits: ['close'],
+      emits: ['close', 'life-end'],
       timeout: null,
       data: function data() {
         return {
@@ -12458,6 +12682,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
           var _this = this;
           setTimeout(function () {
             _this.visible = false;
+            _this.$emit('life-end');
           }, this.life);
         }
       },
@@ -12612,7 +12837,9 @@ this.primevue.progressbar = (function (BaseComponent, ProgressBarStyle, vue) {
         "aria-valuemin": "0",
         "aria-valuenow": _ctx.value,
         "aria-valuemax": "100"
-      }, _ctx.ptm('root')), [$options.determinate ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, _ctx.ptm('root'), {
+        "data-pc-name": "progressbar"
+      }), [$options.determinate ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 0,
         "class": _ctx.cx('value'),
         style: $options.progressStyle
@@ -12636,11 +12863,13 @@ this.primevue.progressbar = (function (BaseComponent, ProgressBarStyle, vue) {
 })(primevue.basecomponent, primevue.progressbar.style, Vue);
 
 this.primevue = this.primevue || {};
-this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIcon, TimesIcon, OverlayEventBus, Portal, Ripple, utils, VirtualScroller, BaseComponent, DropdownStyle, vue) {
+this.primevue.dropdown = (function (api, BlankIcon, CheckIcon, ChevronDownIcon, FilterIcon, SpinnerIcon, TimesIcon, OverlayEventBus, Portal, Ripple, utils, VirtualScroller, BaseComponent, DropdownStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BlankIcon__default = /*#__PURE__*/_interopDefaultLegacy(BlankIcon);
+    var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
     var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIcon);
     var FilterIcon__default = /*#__PURE__*/_interopDefaultLegacy(FilterIcon);
     var SpinnerIcon__default = /*#__PURE__*/_interopDefaultLegacy(SpinnerIcon);
@@ -12729,7 +12958,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           "default": null
         },
         appendTo: {
-          type: String,
+          type: [String, Object],
           "default": 'body'
         },
         loading: {
@@ -12756,13 +12985,17 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           type: Boolean,
           "default": false
         },
+        resetFilterOnClear: {
+          type: Boolean,
+          "default": false
+        },
         virtualScrollerOptions: {
           type: Object,
           "default": null
         },
         autoOptionFocus: {
           type: Boolean,
-          "default": true
+          "default": false
         },
         autoFilterFocus: {
           type: Boolean,
@@ -12772,6 +13005,18 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           type: Boolean,
           "default": false
         },
+        focusOnHover: {
+          type: Boolean,
+          "default": true
+        },
+        highlightOnSelect: {
+          type: Boolean,
+          "default": true
+        },
+        checkmark: {
+          type: Boolean,
+          "default": false
+        },
         filterMessage: {
           type: String,
           "default": null
@@ -12839,10 +13084,10 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
       searchTimeout: null,
       searchValue: null,
       isModelValueChanged: false,
-      focusOnHover: false,
       data: function data() {
         return {
           id: this.$attrs.id,
+          clicked: false,
           focused: false,
           focusedOptionIndex: -1,
           filterValue: null,
@@ -12927,7 +13172,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
         show: function show(isFocus) {
           this.$emit('before-show');
           this.overlayVisible = true;
-          this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
+          this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.editable ? -1 : this.findSelectedOptionIndex();
           isFocus && utils.DomHandler.focus(this.$refs.focusInput);
         },
         hide: function hide(isFocus) {
@@ -12935,6 +13180,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           var _hide = function _hide() {
             _this2.$emit('before-hide');
             _this2.overlayVisible = false;
+            _this2.clicked = false;
             _this2.focusedOptionIndex = -1;
             _this2.searchValue = '';
             _this2.resetFilterOnHide && (_this2.filterValue = null);
@@ -12950,8 +13196,10 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
             return;
           }
           this.focused = true;
-          this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.overlayVisible && this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1;
-          this.overlayVisible && this.scrollInView(this.focusedOptionIndex);
+          if (this.overlayVisible) {
+            this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.editable ? -1 : this.findSelectedOptionIndex();
+            this.scrollInView(this.focusedOptionIndex);
+          }
           this.$emit('focus', event);
         },
         onBlur: function onBlur(event) {
@@ -13018,6 +13266,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
               }
               break;
           }
+          this.clicked = false;
         },
         onEditableInput: function onEditableInput(event) {
           var value = event.target.value;
@@ -13036,9 +13285,11 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           } else if (!this.overlay || !this.overlay.contains(event.target)) {
             this.overlayVisible ? this.hide(true) : this.show(true);
           }
+          this.clicked = true;
         },
         onClearClick: function onClearClick(event) {
           this.updateModel(event, null);
+          this.resetFilterOnClear && (this.filterValue = null);
         },
         onFirstHiddenFocus: function onFirstHiddenFocus(event) {
           var focusableEl = event.relatedTarget === this.$refs.focusInput ? utils.DomHandler.getFirstFocusableElement(this.overlay, ':not([data-p-hidden-focusable="true"])') : this.$refs.focusInput;
@@ -13127,9 +13378,13 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           }
         },
         onArrowDownKey: function onArrowDownKey(event) {
-          var optionIndex = this.focusedOptionIndex !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex) : this.findFirstFocusedOptionIndex();
-          this.changeFocusedOptionIndex(event, optionIndex);
-          !this.overlayVisible && this.show();
+          if (!this.overlayVisible) {
+            this.show();
+            this.editable && this.changeFocusedOptionIndex(event, this.findSelectedOptionIndex());
+          } else {
+            var optionIndex = this.focusedOptionIndex !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex) : this.clicked ? this.findFirstOptionIndex() : this.findFirstFocusedOptionIndex();
+            this.changeFocusedOptionIndex(event, optionIndex);
+          }
           event.preventDefault();
         },
         onArrowUpKey: function onArrowUpKey(event) {
@@ -13141,7 +13396,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
             this.overlayVisible && this.hide();
             event.preventDefault();
           } else {
-            var optionIndex = this.focusedOptionIndex !== -1 ? this.findPrevOptionIndex(this.focusedOptionIndex) : this.findLastFocusedOptionIndex();
+            var optionIndex = this.focusedOptionIndex !== -1 ? this.findPrevOptionIndex(this.focusedOptionIndex) : this.clicked ? this.findLastOptionIndex() : this.findLastFocusedOptionIndex();
             this.changeFocusedOptionIndex(event, optionIndex);
             !this.overlayVisible && this.show();
             event.preventDefault();
@@ -13185,6 +13440,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
         },
         onEnterKey: function onEnterKey(event) {
           if (!this.overlayVisible) {
+            this.focusedOptionIndex = -1; // reset
             this.onArrowDownKey(event);
           } else {
             if (this.focusedOptionIndex !== -1) {
@@ -13331,7 +13587,8 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           return utils.DomHandler.getFocusableElements(this.overlay, ':not([data-p-hidden-focusable="true"])').length > 0;
         },
         isOptionMatched: function isOptionMatched(option) {
-          return this.isValidOption(option) && this.getOptionLabel(option).toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale));
+          var _this$getOptionLabel;
+          return this.isValidOption(option) && ((_this$getOptionLabel = this.getOptionLabel(option)) === null || _this$getOptionLabel === void 0 ? void 0 : _this$getOptionLabel.toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale)));
         },
         isValidOption: function isValidOption(option) {
           return utils.ObjectUtils.isNotEmpty(option) && !(this.isOptionDisabled(option) || this.isOptionGroup(option));
@@ -13387,26 +13644,28 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
           this.searchValue = (this.searchValue || '') + _char;
           var optionIndex = -1;
           var matched = false;
-          if (this.focusedOptionIndex !== -1) {
-            optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex(function (option) {
-              return _this12.isOptionMatched(option);
-            });
-            optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex(function (option) {
-              return _this12.isOptionMatched(option);
-            }) : optionIndex + this.focusedOptionIndex;
-          } else {
-            optionIndex = this.visibleOptions.findIndex(function (option) {
-              return _this12.isOptionMatched(option);
-            });
-          }
-          if (optionIndex !== -1) {
-            matched = true;
-          }
-          if (optionIndex === -1 && this.focusedOptionIndex === -1) {
-            optionIndex = this.findFirstFocusedOptionIndex();
-          }
-          if (optionIndex !== -1) {
-            this.changeFocusedOptionIndex(event, optionIndex);
+          if (utils.ObjectUtils.isNotEmpty(this.searchValue)) {
+            if (this.focusedOptionIndex !== -1) {
+              optionIndex = this.visibleOptions.slice(this.focusedOptionIndex).findIndex(function (option) {
+                return _this12.isOptionMatched(option);
+              });
+              optionIndex = optionIndex === -1 ? this.visibleOptions.slice(0, this.focusedOptionIndex).findIndex(function (option) {
+                return _this12.isOptionMatched(option);
+              }) : optionIndex + this.focusedOptionIndex;
+            } else {
+              optionIndex = this.visibleOptions.findIndex(function (option) {
+                return _this12.isOptionMatched(option);
+              });
+            }
+            if (optionIndex !== -1) {
+              matched = true;
+            }
+            if (optionIndex === -1 && this.focusedOptionIndex === -1) {
+              optionIndex = this.findFirstFocusedOptionIndex();
+            }
+            if (optionIndex !== -1) {
+              this.changeFocusedOptionIndex(event, optionIndex);
+            }
           }
           if (this.searchTimeout) {
             clearTimeout(this.searchTimeout);
@@ -13429,18 +13688,18 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
         scrollInView: function scrollInView() {
           var _this13 = this;
           var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-          var id = index !== -1 ? "".concat(this.id, "_").concat(index) : this.focusedOptionId;
-          var element = utils.DomHandler.findSingle(this.list, "li[id=\"".concat(id, "\"]"));
-          if (element) {
-            element.scrollIntoView && element.scrollIntoView({
-              block: 'nearest',
-              inline: 'start'
-            });
-          } else if (!this.virtualScrollerDisabled) {
-            setTimeout(function () {
+          this.$nextTick(function () {
+            var id = index !== -1 ? "".concat(_this13.id, "_").concat(index) : _this13.focusedOptionId;
+            var element = utils.DomHandler.findSingle(_this13.list, "li[id=\"".concat(id, "\"]"));
+            if (element) {
+              element.scrollIntoView && element.scrollIntoView({
+                block: 'nearest',
+                inline: 'start'
+              });
+            } else if (!_this13.virtualScrollerDisabled) {
               _this13.virtualScroller && _this13.virtualScroller.scrollToIndex(index !== -1 ? index : _this13.focusedOptionIndex);
-            }, 0);
-          }
+            }
+          });
         },
         autoUpdateModel: function autoUpdateModel() {
           if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption) {
@@ -13563,7 +13822,9 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
         TimesIcon: TimesIcon__default["default"],
         ChevronDownIcon: ChevronDownIcon__default["default"],
         SpinnerIcon: SpinnerIcon__default["default"],
-        FilterIcon: FilterIcon__default["default"]
+        FilterIcon: FilterIcon__default["default"],
+        CheckIcon: CheckIcon__default["default"],
+        BlankIcon: BlankIcon__default["default"]
       }
     };
 
@@ -13582,6 +13843,8 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
     var _hoisted_7 = ["id", "aria-label", "aria-selected", "aria-disabled", "aria-setsize", "aria-posinset", "onClick", "onMousemove", "data-p-highlight", "data-p-focused", "data-p-disabled"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       var _component_SpinnerIcon = vue.resolveComponent("SpinnerIcon");
+      var _component_CheckIcon = vue.resolveComponent("CheckIcon");
+      var _component_BlankIcon = vue.resolveComponent("BlankIcon");
       var _component_VirtualScroller = vue.resolveComponent("VirtualScroller");
       var _component_Portal = vue.resolveComponent("Portal");
       var _directive_ripple = vue.resolveDirective("ripple");
@@ -13814,7 +14077,9 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
                       option: option.optionGroup,
                       index: $options.getOptionIndex(i, getItemOptions)
                     }, function () {
-                      return [vue.createTextVNode(vue.toDisplayString($options.getOptionGroupLabel(option.optionGroup)), 1)];
+                      return [vue.createElementVNode("span", vue.mergeProps({
+                        "class": _ctx.cx('itemGroupLabel')
+                      }, _ctx.ptm('itemGroupLabel')), vue.toDisplayString($options.getOptionGroupLabel(option.optionGroup)), 17)];
                     })], 16, _hoisted_6)) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
                       key: 1,
                       id: $data.id + '_' + $options.getOptionIndex(i, getItemOptions),
@@ -13840,11 +14105,21 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
                       "data-p-highlight": $options.isSelected(option),
                       "data-p-focused": $data.focusedOptionIndex === $options.getOptionIndex(i, getItemOptions),
                       "data-p-disabled": $options.isOptionDisabled(option)
-                    }, $options.getPTItemOptions(option, getItemOptions, i, 'item')), [vue.renderSlot(_ctx.$slots, "option", {
+                    }, $options.getPTItemOptions(option, getItemOptions, i, 'item')), [_ctx.checkmark ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                      key: 0
+                    }, [$options.isSelected(option) ? (vue.openBlock(), vue.createBlock(_component_CheckIcon, vue.mergeProps({
+                      key: 0,
+                      "class": _ctx.cx('checkIcon')
+                    }, _ctx.ptm('checkIcon')), null, 16, ["class"])) : (vue.openBlock(), vue.createBlock(_component_BlankIcon, vue.mergeProps({
+                      key: 1,
+                      "class": _ctx.cx('blankIcon')
+                    }, _ctx.ptm('blankIcon')), null, 16, ["class"]))], 64)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "option", {
                       option: option,
                       index: $options.getOptionIndex(i, getItemOptions)
                     }, function () {
-                      return [vue.createTextVNode(vue.toDisplayString($options.getOptionLabel(option)), 1)];
+                      return [vue.createElementVNode("span", vue.mergeProps({
+                        "class": _ctx.cx('itemLabel')
+                      }, _ctx.ptm('itemLabel')), vue.toDisplayString($options.getOptionLabel(option)), 17)];
                     })], 16, _hoisted_7)), [[_directive_ripple]])], 64);
                   }), 128)), $data.filterValue && (!items || items && items.length === 0) ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
                     key: 0,
@@ -13915,7 +14190,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
 
     return script;
 
-})(primevue.api, primevue.icons.chevrondown, primevue.icons.filter, primevue.icons.spinner, primevue.icons.times, primevue.overlayeventbus, primevue.portal, primevue.ripple, primevue.utils, primevue.virtualscroller, primevue.basecomponent, primevue.dropdown.style, Vue);
+})(primevue.api, primevue.icons.blank, primevue.icons.check, primevue.icons.chevrondown, primevue.icons.filter, primevue.icons.spinner, primevue.icons.times, primevue.overlayeventbus, primevue.portal, primevue.ripple, primevue.utils, primevue.virtualscroller, primevue.basecomponent, primevue.dropdown.style, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, WindowMinimizeIcon, Portal, Ripple, utils, vue, BaseComponent, DialogStyle) {
@@ -14025,7 +14300,7 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
           "default": 0
         },
         appendTo: {
-          type: String,
+          type: [String, Object],
           "default": 'body'
         },
         closeIcon: {
@@ -15389,7 +15664,7 @@ this.primevue.paginator = (function (utils, BaseComponent, PaginatorStyle, vue,
 })(primevue.utils, primevue.basecomponent, primevue.paginator.style, Vue, primevue.icons.angledoubleleft, primevue.ripple, primevue.dropdown, primevue.inputnumber, primevue.icons.angledoubleright, primevue.icons.angleright, primevue.icons.angleleft);
 
 this.primevue = this.primevue || {};
-this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, TreeStyle, CheckIcon, ChevronDownIcon, ChevronRightIcon, MinusIcon, Ripple, vue) {
+this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, TreeStyle, Checkbox, CheckIcon, ChevronDownIcon, ChevronRightIcon, MinusIcon, Ripple, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15398,6 +15673,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
     var SpinnerIcon__default = /*#__PURE__*/_interopDefaultLegacy(SpinnerIcon);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var TreeStyle__default = /*#__PURE__*/_interopDefaultLegacy(TreeStyle);
+    var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
     var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
     var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIcon);
     var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
@@ -15460,6 +15736,10 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
           type: String,
           "default": undefined
         },
+        highlightOnSelect: {
+          type: Boolean,
+          "default": false
+        },
         scrollHeight: {
           type: String,
           "default": null
@@ -15846,6 +16126,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
         }
       },
       components: {
+        Checkbox: Checkbox__default["default"],
         ChevronDownIcon: ChevronDownIcon__default["default"],
         ChevronRightIcon: ChevronRightIcon__default["default"],
         CheckIcon: CheckIcon__default["default"],
@@ -15859,9 +16140,9 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
 
     var _hoisted_1$1 = ["aria-label", "aria-selected", "aria-expanded", "aria-setsize", "aria-posinset", "aria-level", "aria-checked", "tabindex"];
     var _hoisted_2$1 = ["data-p-highlight", "data-p-selectable"];
-    var _hoisted_3 = ["data-p-checked", "data-p-partialchecked"];
     function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       var _component_SpinnerIcon = vue.resolveComponent("SpinnerIcon");
+      var _component_Checkbox = vue.resolveComponent("Checkbox");
       var _component_TreeNode = vue.resolveComponent("TreeNode", true);
       var _directive_ripple = vue.resolveDirective("ripple");
       return vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -15921,25 +16202,30 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
       }, $options.getPTOptions('togglerIcon')), null, 16, ["class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.node.collapsedIcon ? 'span' : 'ChevronRightIcon'), vue.mergeProps({
         key: 2,
         "class": _ctx.cx('togglerIcon')
-      }, $options.getPTOptions('togglerIcon')), null, 16, ["class"]))], 64))], 16)), [[_directive_ripple]]), $options.checkboxMode ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, $options.getPTOptions('togglerIcon')), null, 16, ["class"]))], 64))], 16)), [[_directive_ripple]]), $options.checkboxMode ? (vue.openBlock(), vue.createBlock(_component_Checkbox, {
         key: 0,
-        "class": _ctx.cx('checkboxContainer'),
-        "aria-hidden": "true"
-      }, $options.getPTOptions('checkboxContainer')), [vue.createElementVNode("div", vue.mergeProps({
-        "class": _ctx.cx('checkbox'),
-        role: "checkbox"
-      }, $options.getPTOptions('checkbox'), {
+        modelValue: $options.checked,
+        binary: true,
+        "class": vue.normalizeClass(_ctx.cx('nodeCheckbox')),
+        tabindex: -1,
+        unstyled: _ctx.unstyled,
+        pt: $options.getPTOptions('nodeCheckbox'),
         "data-p-checked": $options.checked,
         "data-p-partialchecked": $options.partialChecked
-      }), [$props.templates['checkboxicon'] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['checkboxicon']), {
-        key: 0,
-        checked: $options.checked,
-        partialChecked: $options.partialChecked,
-        "class": vue.normalizeClass(_ctx.cx('checkboxIcon'))
-      }, null, 8, ["checked", "partialChecked", "class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.checked ? 'CheckIcon' : $options.partialChecked ? 'MinusIcon' : null), vue.mergeProps({
-        key: 1,
-        "class": _ctx.cx('checkboxIcon')
-      }, $options.getPTOptions('checkboxIcon')), null, 16, ["class"]))], 16, _hoisted_3)], 16)) : vue.createCommentVNode("", true), vue.createElementVNode("span", vue.mergeProps({
+      }, {
+        icon: vue.withCtx(function (slotProps) {
+          return [$props.templates['checkboxicon'] ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates['checkboxicon']), {
+            key: 0,
+            checked: slotProps.checked,
+            partialChecked: $options.partialChecked,
+            "class": vue.normalizeClass(slotProps["class"])
+          }, null, 8, ["checked", "partialChecked", "class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.checked ? 'CheckIcon' : $options.partialChecked ? 'MinusIcon' : null), vue.mergeProps({
+            key: 1,
+            "class": slotProps["class"]
+          }, $options.getPTOptions('nodeCheckbox.icon')), null, 16, ["class"]))];
+        }),
+        _: 1
+      }, 8, ["modelValue", "class", "unstyled", "pt", "data-p-checked", "data-p-partialchecked"])) : vue.createCommentVNode("", true), vue.createElementVNode("span", vue.mergeProps({
         "class": [_ctx.cx('nodeIcon'), $props.node.icon]
       }, $options.getPTOptions('nodeIcon')), null, 16), vue.createElementVNode("span", vue.mergeProps({
         "class": _ctx.cx('label')
@@ -15966,8 +16252,9 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
           selectionMode: $props.selectionMode,
           selectionKeys: $props.selectionKeys,
           onCheckboxChange: $options.propagateUp,
+          unstyled: _ctx.unstyled,
           pt: _ctx.pt
-        }, null, 8, ["node", "templates", "level", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "pt"]);
+        }, null, 8, ["node", "templates", "level", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "unstyled", "pt"]);
       }), 128))], 16)) : vue.createCommentVNode("", true)], 16, _hoisted_1$1);
     }
 
@@ -16265,9 +16552,9 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
           selectionKeys: _ctx.selectionKeys,
           onCheckboxChange: $options.onCheckboxChange,
           loadingMode: _ctx.loadingMode,
-          pt: _ctx.pt,
-          unstyled: _ctx.unstyled
-        }, null, 8, ["node", "templates", "level", "index", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "loadingMode", "pt", "unstyled"]);
+          unstyled: _ctx.unstyled,
+          pt: _ctx.pt
+        }, null, 8, ["node", "templates", "level", "index", "expandedKeys", "onNodeToggle", "onNodeClick", "selectionMode", "selectionKeys", "onCheckboxChange", "loadingMode", "unstyled", "pt"]);
       }), 128))], 16, _hoisted_2)], 16)], 16);
     }
 
@@ -16275,7 +16562,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
 
     return script;
 
-})(primevue.icons.search, primevue.icons.spinner, primevue.utils, primevue.basecomponent, primevue.tree.style, primevue.icons.check, primevue.icons.chevrondown, primevue.icons.chevronright, primevue.icons.minus, primevue.ripple, Vue);
+})(primevue.icons.search, primevue.icons.spinner, primevue.utils, primevue.basecomponent, primevue.tree.style, primevue.checkbox, primevue.icons.check, primevue.icons.chevrondown, primevue.icons.chevronright, primevue.icons.minus, primevue.ripple, Vue);
 
 this.primevue = this.primevue || {};
 this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, MenuStyle, Ripple, vue) {
@@ -16302,7 +16589,7 @@ this.primevue.menu = (function (OverlayEventBus, Portal, utils, BaseComponent, M
           "default": null
         },
         appendTo: {
-          type: String,
+          type: [String, Object],
           "default": 'body'
         },
         autoZIndex: {
@@ -16896,7 +17183,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
           "default": null
         },
         appendTo: {
-          type: String,
+          type: [String, Object],
           "default": 'body'
         },
         autoZIndex: {
@@ -16985,6 +17272,9 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
         getItemLabel: function getItemLabel(processedItem) {
           return this.getItemProp(processedItem, 'label');
         },
+        getItemLabelId: function getItemLabelId(processedItem) {
+          return "".concat(this.menuId, "_").concat(processedItem.key, "_label");
+        },
         getPTOptions: function getPTOptions(processedItem, index, key) {
           return this.ptm(key, {
             context: {
@@ -17080,6 +17370,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
     var _hoisted_3 = ["onClick", "onMouseenter"];
     var _hoisted_4 = ["href", "target"];
     var _hoisted_5 = ["id"];
+    var _hoisted_6 = ["id"];
     function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       var _component_AngleRightIcon = vue.resolveComponent("AngleRightIcon");
       var _component_TieredMenuSub = vue.resolveComponent("TieredMenuSub", true);
@@ -17139,8 +17430,9 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
               key: 1,
               "class": [_ctx.cx('icon'), $options.getItemProp(processedItem, 'icon')]
             }, $options.getPTOptions(processedItem, index, 'icon')), null, 16)) : vue.createCommentVNode("", true), vue.createElementVNode("span", vue.mergeProps({
+              id: $options.getItemLabelId(processedItem),
               "class": _ctx.cx('label')
-            }, $options.getPTOptions(processedItem, index, 'label')), vue.toDisplayString($options.getItemLabel(processedItem)), 17), $options.getItemProp(processedItem, 'items') ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            }, $options.getPTOptions(processedItem, index, 'label')), vue.toDisplayString($options.getItemLabel(processedItem)), 17, _hoisted_5), $options.getItemProp(processedItem, 'items') ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: 2
             }, [$props.templates.submenuicon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.submenuicon), vue.mergeProps({
               key: 0,
@@ -17161,6 +17453,7 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
               style: vue.normalizeStyle(_ctx.sx('submenu', true, {
                 processedItem: processedItem
               })),
+              "aria-labelledby": $options.getItemLabelId(processedItem),
               role: "menu",
               menuId: $props.menuId,
               focusedItemId: $props.focusedItemId,
@@ -17177,13 +17470,13 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
               onItemMouseenter: _cache[1] || (_cache[1] = function ($event) {
                 return _ctx.$emit('item-mouseenter', $event);
               })
-            }, null, 8, ["id", "style", "menuId", "focusedItemId", "items", "templates", "activeItemPath", "level", "visible", "pt", "unstyled"])) : vue.createCommentVNode("", true)], 16, _hoisted_2)) : vue.createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
+            }, null, 8, ["id", "style", "aria-labelledby", "menuId", "focusedItemId", "items", "templates", "activeItemPath", "level", "visible", "pt", "unstyled"])) : vue.createCommentVNode("", true)], 16, _hoisted_2)) : vue.createCommentVNode("", true), $options.isItemVisible(processedItem) && $options.getItemProp(processedItem, 'separator') ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
               key: 1,
               id: $options.getItemId(processedItem),
               style: $options.getItemProp(processedItem, 'style'),
               "class": [_ctx.cx('separator'), $options.getItemProp(processedItem, 'class')],
               role: "separator"
-            }, _ctx.ptm('separator')), null, 16, _hoisted_5)) : vue.createCommentVNode("", true)], 64);
+            }, _ctx.ptm('separator')), null, 16, _hoisted_6)) : vue.createCommentVNode("", true)], 64);
           }), 128))], 16, _hoisted_1$1)) : vue.createCommentVNode("", true)];
         }),
         _: 1
@@ -17638,7 +17931,8 @@ this.primevue.tieredmenu = (function (OverlayEventBus, Portal, utils, BaseCompon
           }
         },
         isItemMatched: function isItemMatched(processedItem) {
-          return this.isValidItem(processedItem) && this.getProccessedItemLabel(processedItem).toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase());
+          var _this$getProccessedIt;
+          return this.isValidItem(processedItem) && ((_this$getProccessedIt = this.getProccessedItemLabel(processedItem)) === null || _this$getProccessedIt === void 0 ? void 0 : _this$getProccessedIt.toLocaleLowerCase().startsWith(this.searchValue.toLocaleLowerCase()));
         },
         isValidItem: function isValidItem(processedItem) {
           return !!processedItem && !this.isItemDisabled(processedItem.item) && !this.isItemSeparator(processedItem.item);