primevue 3.46.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,
@@ -2935,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
     });
 
@@ -3295,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',
@@ -3345,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)
         }];
@@ -3365,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) {
@@ -3397,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(),
@@ -3416,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')
         }];
@@ -3574,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 = {
@@ -3750,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,
@@ -3791,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({
@@ -4292,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'
@@ -4303,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({
@@ -4393,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
         }];
       },
@@ -4664,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) {
@@ -4718,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',
@@ -4741,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({
@@ -4792,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,
@@ -5243,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
     });
 
@@ -5672,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'
@@ -6167,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
@@ -6189,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
     });
 
@@ -6284,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'
@@ -6452,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')
         }];
@@ -6500,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
     });
 
@@ -6738,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 {
@@ -6747,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) {
@@ -6962,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,
@@ -7299,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_');
+        }
       }
     };
 
@@ -7596,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 }; }
@@ -7605,12 +7579,7 @@ 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 = ["clip-path"];
@@ -7636,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", {
-        "clip-path": "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);
     }
 
@@ -7646,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 }; }
@@ -7659,12 +7628,7 @@ 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 = ["clip-path"];
@@ -7690,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", {
-        "clip-path": "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);
     }
 
@@ -7700,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 }; }
@@ -7713,12 +7677,7 @@ 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 = ["clip-path"];
@@ -7742,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", {
-        "clip-path": "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);
     }
 
@@ -7752,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 || {};
@@ -7791,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) {
@@ -8003,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 }; }
@@ -8012,12 +8008,7 @@ 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 = ["clip-path"];
@@ -8049,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", {
-        "clip-path": "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);
     }
 
@@ -8059,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 || {};
@@ -8100,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 }; }
@@ -8109,12 +8100,7 @@ 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 = ["clip-path"];
@@ -8140,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", {
-        "clip-path": "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);
     }
 
@@ -8150,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 }; }
@@ -8163,12 +8149,7 @@ 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 = ["clip-path"];
@@ -8192,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", {
-        "clip-path": "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);
     }
 
@@ -8202,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 }; }
@@ -8215,12 +8196,7 @@ 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 = ["clip-path"];
@@ -8246,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", {
-        "clip-path": "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);
     }
 
@@ -8256,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 }; }
@@ -8269,12 +8245,7 @@ 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 = ["clip-path"];
@@ -8300,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", {
-        "clip-path": "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);
     }
 
@@ -8310,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 || {};
@@ -8349,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 }; }
@@ -8358,12 +8329,7 @@ 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 = ["clip-path"];
@@ -8387,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", {
-        "clip-path": "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);
     }
 
@@ -8397,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 }; }
@@ -8410,12 +8376,7 @@ 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 = ["clip-path"];
@@ -8439,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", {
-        "clip-path": "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);
     }
 
@@ -8449,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 }; }
@@ -8462,12 +8423,7 @@ 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 = ["clip-path"];
@@ -8493,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", {
-        "clip-path": "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);
     }
 
@@ -8503,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 }; }
@@ -8516,12 +8472,7 @@ 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 = ["clip-path"];
@@ -8547,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", {
-        "clip-path": "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);
     }
 
@@ -8557,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 }; }
@@ -8570,12 +8521,7 @@ 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 = ["clip-path"];
@@ -8601,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", {
-        "clip-path": "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);
     }
 
@@ -8611,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 }; }
@@ -8624,12 +8570,7 @@ 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 = ["clip-path"];
@@ -8655,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", {
-        "clip-path": "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);
     }
 
@@ -8665,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 }; }
@@ -8678,12 +8619,7 @@ 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 = ["clip-path"];
@@ -8719,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", {
-        "clip-path": "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);
     }
 
@@ -8729,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 }; }
@@ -8742,12 +8678,7 @@ 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 = ["clip-path"];
@@ -8771,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", {
-        "clip-path": "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);
     }
 
@@ -8781,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 }; }
@@ -8794,12 +8725,7 @@ 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 = ["clip-path"];
@@ -8823,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", {
-        "clip-path": "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);
     }
 
@@ -8833,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 }; }
@@ -8846,12 +8772,7 @@ 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 = ["clip-path"];
@@ -8875,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", {
-        "clip-path": "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);
     }
 
@@ -8885,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 }; }
@@ -8898,12 +8819,7 @@ 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 = ["clip-path"];
@@ -8927,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", {
-        "clip-path": "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);
     }
 
@@ -8937,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 }; }
@@ -8950,12 +8866,7 @@ 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 = ["clip-path"];
@@ -8979,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", {
-        "clip-path": "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);
     }
 
@@ -8989,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 }; }
@@ -9002,12 +8913,7 @@ 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 = ["clip-path"];
@@ -9033,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", {
-        "clip-path": "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);
     }
 
@@ -9043,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 || {};
@@ -9082,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 }; }
@@ -9091,12 +8997,7 @@ 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 = ["clip-path"];
@@ -9122,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", {
-        "clip-path": "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);
     }
 
@@ -9132,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 }; }
@@ -9145,12 +9046,7 @@ 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 = ["clip-path"];
@@ -9176,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", {
-        "clip-path": "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);
     }
 
@@ -9186,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 }; }
@@ -9199,12 +9095,7 @@ 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 = ["clip-path"];
@@ -9230,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", {
-        "clip-path": "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);
     }
 
@@ -9240,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 }; }
@@ -9253,12 +9144,7 @@ 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 = ["clip-path"];
@@ -9284,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", {
-        "clip-path": "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);
     }
 
@@ -9294,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 }; }
@@ -9307,12 +9193,7 @@ 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 = ["clip-path"];
@@ -9338,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", {
-        "clip-path": "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);
     }
 
@@ -9348,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 }; }
@@ -9361,12 +9242,7 @@ 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 = ["clip-path"];
@@ -9392,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", {
-        "clip-path": "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);
     }
 
@@ -9402,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) {
@@ -9841,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 || {},
@@ -9848,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;
@@ -9899,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,
@@ -10065,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
+        });
       }
     };
 
@@ -10211,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);
+                  }
                 }
               }
             }
@@ -11799,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;
           }
@@ -11942,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) {
@@ -12094,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);
@@ -12369,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';
@@ -12428,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 {
@@ -12456,6 +12682,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
           var _this = this;
           setTimeout(function () {
             _this.visible = false;
+            _this.$emit('life-end');
           }, this.life);
         }
       },
@@ -12610,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
@@ -12634,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);
@@ -12754,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,
@@ -12770,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
@@ -12837,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,
@@ -12925,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) {
@@ -12933,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);
@@ -12948,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) {
@@ -13016,6 +13266,7 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
               }
               break;
           }
+          this.clicked = false;
         },
         onEditableInput: function onEditableInput(event) {
           var value = event.target.value;
@@ -13034,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;
@@ -13125,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) {
@@ -13139,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();
@@ -13183,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) {
@@ -13329,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));
@@ -13385,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);
@@ -13427,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) {
@@ -13561,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"]
       }
     };
 
@@ -13580,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");
@@ -13812,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),
@@ -13838,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,
@@ -13913,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) {
@@ -15387,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 }; }
@@ -15396,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);
@@ -15458,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
@@ -15844,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"],
@@ -15857,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({
@@ -15919,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')
@@ -15964,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);
     }
 
@@ -16263,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);
     }
 
@@ -16273,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) {
@@ -17642,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);