primevue 3.40.1 → 3.41.0

package/core/core.js

@@ -2505,6 +2505,7 @@ this.primevue.calendar.style = (function (BaseStyle) {
           props = _ref3.props,
           state = _ref3.state;
         return ['p-datepicker p-component', {
+          'p-datepicker-mobile': instance.queryMatches,
           'p-datepicker-inline': props.inline,
           'p-disabled': props.disabled,
           'p-datepicker-timeonly': props.timeOnly,
@@ -3381,8 +3382,6 @@ this.primevue.dataview.style = (function (BaseStyle) {
         return instance.paginatorTop ? 'p-paginator-top' : instance.paginatorBottom ? 'p-paginator-bottom' : '';
       },
       content: 'p-dataview-content',
-      grid: 'p-grid p-nogutter grid grid-nogutter',
-      column: 'p-col col',
       emptyMessage: 'p-dataview-emptymessage',
       footer: 'p-dataview-footer'
     };
@@ -3495,8 +3494,8 @@ this.primevue.dialog.style = (function (BaseStyle) {
         }];
       },
       header: 'p-dialog-header',
-      headerTitle: 'p-dialog-title',
-      headerIcons: 'p-dialog-header-icons',
+      title: 'p-dialog-title',
+      icons: 'p-dialog-header-icons',
       maximizableButton: 'p-dialog-header-icon p-dialog-header-maximize p-link',
       maximizableIcon: 'p-dialog-header-maximize-icon',
       closeButton: 'p-dialog-header-icon p-dialog-header-close p-link',
@@ -3578,8 +3577,11 @@ this.primevue.dock.style = (function (BaseStyle) {
     var css = "\n@layer primevue {\n    .p-dock {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n    }\n\n    .p-dock-list-container {\n        display: flex;\n        pointer-events: auto;\n    }\n\n    .p-dock-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-dock-item {\n        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n    }\n\n    .p-dock-link {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        cursor: default;\n    }\n\n    .p-dock-item-second-prev,\n    .p-dock-item-second-next {\n        transform: scale(1.2);\n    }\n\n    .p-dock-item-prev,\n    .p-dock-item-next {\n        transform: scale(1.4);\n    }\n\n    .p-dock-item-current {\n        transform: scale(1.6);\n        z-index: 1;\n    }\n\n    /* Position */\n    /* top */\n    .p-dock-top {\n        left: 0;\n        top: 0;\n        width: 100%;\n    }\n\n    .p-dock-top .p-dock-item {\n        transform-origin: center top;\n    }\n\n    /* bottom */\n    .p-dock-bottom {\n        left: 0;\n        bottom: 0;\n        width: 100%;\n    }\n\n    .p-dock-bottom .p-dock-item {\n        transform-origin: center bottom;\n    }\n\n    /* right */\n    .p-dock-right {\n        right: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-right .p-dock-item {\n        transform-origin: center right;\n    }\n\n    .p-dock-right .p-dock-list {\n        flex-direction: column;\n    }\n\n    /* left */\n    .p-dock-left {\n        left: 0;\n        top: 0;\n        height: 100%;\n    }\n\n    .p-dock-left .p-dock-item {\n        transform-origin: center left;\n    }\n\n    .p-dock-left .p-dock-list {\n        flex-direction: column;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
-        var props = _ref.props;
-        return ['p-dock p-component', "p-dock-".concat(props.position)];
+        var instance = _ref.instance,
+          props = _ref.props;
+        return ['p-dock p-component', "p-dock-".concat(props.position), {
+          'p-dock-mobile': instance.queryMatches
+        }];
       },
       container: 'p-dock-list-container',
       menu: 'p-dock-list',
@@ -4120,7 +4122,7 @@ this.primevue.inputnumber.style = (function (BaseStyle) {
         var instance = _ref.instance,
           props = _ref.props;
         return ['p-inputnumber p-component p-inputwrapper', {
-          'p-inputwrapper-filled': instance.filled,
+          'p-inputwrapper-filled': instance.filled || props.allowEmpty === false,
           'p-inputwrapper-focus': instance.focused,
           'p-inputnumber-buttons-stacked': props.showButtons && props.buttonLayout === 'stacked',
           'p-inputnumber-buttons-horizontal': props.showButtons && props.buttonLayout === 'horizontal',
@@ -4310,7 +4312,7 @@ this.primevue.megamenu.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-megamenu {\n        display: flex;\n        position: relative;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        position: absolute;\n        width: auto;\n        z-index: 1;\n        left: 0;\n        min-width: 100%;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-megamenu {\n        display: flex;\n        position: relative;\n    }\n\n    .p-megamenu-root-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-megamenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-megamenu-panel {\n        display: none;\n        width: auto;\n        z-index: 1;\n        left: 0;\n        min-width: 100%;\n    }\n\n    .p-megamenu-panel:not(.p-megamenu-mobile) {\n        position: absolute;\n    }\n\n    .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        display: block;\n    }\n\n    .p-megamenu-submenu {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-megamenu-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n\n    /* Horizontal */\n    .p-megamenu-horizontal {\n        align-items: center;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-megamenu-horizontal .p-megamenu-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    /* Vertical */\n    .p-megamenu-vertical {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list {\n        flex-direction: column;\n    }\n\n    .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n        left: 100%;\n        top: 0;\n    }\n\n    .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-megamenu-grid {\n        display: flex;\n    }\n\n    .p-megamenu-col-2,\n    .p-megamenu-col-3,\n    .p-megamenu-col-4,\n    .p-megamenu-col-6,\n    .p-megamenu-col-12 {\n        flex: 0 0 auto;\n        padding: 0.5rem;\n    }\n\n    .p-megamenu-col-2 {\n        width: 16.6667%;\n    }\n\n    .p-megamenu-col-3 {\n        width: 25%;\n    }\n\n    .p-megamenu-col-4 {\n        width: 33.3333%;\n    }\n\n    .p-megamenu-col-6 {\n        width: 50%;\n    }\n\n    .p-megamenu-col-12 {\n        width: 100%;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-button {\n        display: flex;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {\n        position: absolute;\n        display: none;\n        width: 100%;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-submenu-list {\n        width: 100%;\n        position: static;\n        box-shadow: none;\n        border: 0 none;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {\n        width: 100%;\n        position: static;\n    }\n\n    .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {\n        display: flex;\n        flex-direction: column;\n        top: 100%;\n        left: 0;\n        z-index: 1;\n    }\n\n    .p-megamenu.p-megamenu-mobile .p-megamenu-grid {\n        flex-wrap: wrap;\n        overflow: auto;\n        max-height: 90%;\n    }\n}\n";
     var inlineStyles = {
       submenu: function submenu(_ref) {
         var instance = _ref.instance,
@@ -4324,11 +4326,14 @@ this.primevue.megamenu.style = (function (BaseStyle) {
       root: function root(_ref2) {
         var instance = _ref2.instance;
         return ['p-megamenu p-component', {
+          'p-megamenu-mobile': instance.queryMatches,
+          'p-megamenu-mobile-active': instance.mobileActive,
           'p-megamenu-horizontal': instance.horizontal,
           'p-megamenu-vertical': instance.vertical
         }];
       },
       start: 'p-megamenu-start',
+      menubutton: 'p-megamenu-button',
       menu: 'p-megamenu-root-list',
       submenuHeader: function submenuHeader(_ref3) {
         var instance = _ref3.instance,
@@ -4358,22 +4363,24 @@ this.primevue.megamenu.style = (function (BaseStyle) {
           processedItem = _ref5.processedItem;
         var length = instance.isItemGroup(processedItem) ? processedItem.items.length : 0;
         var columnClass;
-        switch (length) {
-          case 2:
-            columnClass = 'p-megamenu-col-6';
-            break;
-          case 3:
-            columnClass = 'p-megamenu-col-4';
-            break;
-          case 4:
-            columnClass = 'p-megamenu-col-3';
-            break;
-          case 6:
-            columnClass = 'p-megamenu-col-2';
-            break;
-          default:
-            columnClass = 'p-megamenu-col-12';
-            break;
+        if (instance.$parentInstance.queryMatches) columnClass = 'p-megamenu-col-12';else {
+          switch (length) {
+            case 2:
+              columnClass = 'p-megamenu-col-6';
+              break;
+            case 3:
+              columnClass = 'p-megamenu-col-4';
+              break;
+            case 4:
+              columnClass = 'p-megamenu-col-3';
+              break;
+            case 6:
+              columnClass = 'p-megamenu-col-2';
+              break;
+            default:
+              columnClass = 'p-megamenu-col-12';
+              break;
+          }
         }
         return columnClass;
       },
@@ -4449,7 +4456,7 @@ this.primevue.menubar.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-menubar {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-menubar ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menubar .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menubar .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-menubar .p-menuitem {\n        position: relative;\n    }\n\n    .p-menubar-root-list {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n\n    .p-menubar-root-list > li ul {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n    }\n\n    .p-menubar .p-submenu-list {\n        display: none;\n        position: absolute;\n        z-index: 1;\n    }\n\n    .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-menubar .p-menubar-end {\n        margin-left: auto;\n        align-self: center;\n    }\n\n    .p-menubar-button {\n        display: none;\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n    }\n\n    .p-menubar.p-menubar-mobile {\n        position: relative; \n    }\n\n    .p-menubar.p-menubar-mobile .p-menubar-button {\n        display: flex;\n    }\n\n    .p-menubar.p-menubar-mobile .p-menubar-root-list {\n        position: absolute;\n        display: none;\n        width: 100%;\n    }\n\n    .p-menubar.p-menubar-mobile .p-submenu-list {\n        width: 100%;\n        position: static;\n        box-shadow: none;\n        border: 0 none;\n    }\n\n    .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {\n        width: 100%;\n        position: static;\n    }\n\n    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {\n        display: flex;\n        flex-direction: column;\n        top: 100%;\n        left: 0;\n        z-index: 1;\n    }\n}\n";
     var inlineStyles = {
       submenu: function submenu(_ref) {
         var instance = _ref.instance,
@@ -4463,6 +4470,7 @@ this.primevue.menubar.style = (function (BaseStyle) {
       root: function root(_ref2) {
         var instance = _ref2.instance;
         return ['p-menubar p-component', {
+          'p-menubar-mobile': instance.queryMatches,
           'p-menubar-mobile-active': instance.mobileActive
         }];
       },
@@ -5319,7 +5327,7 @@ this.primevue.sidebar.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-sidebar-mask {\n        display: none;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n\n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n\n    .p-sidebar-visible {\n        display: flex;\n    }\n\n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n        transition: transform 0.3s;\n    }\n\n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n\n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        flex-shrink: 0;\n    }\n\n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n\n    /* Animation */\n    /* Center */\n    .p-sidebar-left .p-sidebar-enter-from,\n    .p-sidebar-left .p-sidebar-leave-to {\n        transform: translateX(-100%);\n    }\n    .p-sidebar-right .p-sidebar-enter-from,\n    .p-sidebar-right .p-sidebar-leave-to {\n        transform: translateX(100%);\n    }\n    .p-sidebar-top .p-sidebar-enter-from,\n    .p-sidebar-top .p-sidebar-leave-to {\n        transform: translateY(-100%);\n    }\n    .p-sidebar-bottom .p-sidebar-enter-from,\n    .p-sidebar-bottom .p-sidebar-leave-to {\n        transform: translateY(100%);\n    }\n    .p-sidebar-full .p-sidebar-enter-from,\n    .p-sidebar-full .p-sidebar-leave-to {\n        opacity: 0;\n    }\n    .p-sidebar-full .p-sidebar-enter-active,\n    .p-sidebar-full .p-sidebar-leave-active {\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n\n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n\n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n\n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n\n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n\n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n\n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n\n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n\n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n\n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n\n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n\n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-sidebar-mask {\n        display: none;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n\n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n\n    .p-sidebar-visible {\n        display: flex;\n    }\n\n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n        transition: transform 0.3s;\n    }\n\n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n\n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-shrink: 0;\n    }\n\n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw !important;\n        height: 100vh !important;\n        max-height: 100%;\n        top: 0px !important;\n        left: 0px !important;\n    }\n\n    /* Animation */\n    /* Center */\n    .p-sidebar-left .p-sidebar-enter-from,\n    .p-sidebar-left .p-sidebar-leave-to {\n        transform: translateX(-100%);\n    }\n    .p-sidebar-right .p-sidebar-enter-from,\n    .p-sidebar-right .p-sidebar-leave-to {\n        transform: translateX(100%);\n    }\n    .p-sidebar-top .p-sidebar-enter-from,\n    .p-sidebar-top .p-sidebar-leave-to {\n        transform: translateY(-100%);\n    }\n    .p-sidebar-bottom .p-sidebar-enter-from,\n    .p-sidebar-bottom .p-sidebar-leave-to {\n        transform: translateY(100%);\n    }\n    .p-sidebar-full .p-sidebar-enter-from,\n    .p-sidebar-full .p-sidebar-leave-to {\n        opacity: 0;\n    }\n    .p-sidebar-full .p-sidebar-enter-active,\n    .p-sidebar-full .p-sidebar-leave-active {\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n\n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n\n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n\n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n\n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n\n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n\n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n\n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n\n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n\n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n\n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n\n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }\n}\n";
     var inlineStyles = {
       mask: function mask(_ref) {
         var position = _ref.position;
@@ -5359,7 +5367,7 @@ this.primevue.sidebar.style = (function (BaseStyle) {
         }];
       },
       header: 'p-sidebar-header',
-      headerContent: 'p-sidebar-header-content',
+      title: 'p-sidebar-header-content',
       closeButton: 'p-sidebar-close p-sidebar-icon p-link',
       closeIcon: 'p-sidebar-close-icon',
       content: 'p-sidebar-content'
@@ -5471,8 +5479,8 @@ this.primevue.speeddial.style = (function (BaseStyle) {
       root: function root(_ref) {
         var props = _ref.props;
         return {
-          alignItems: props.direction === 'up' || props.direction === 'down' ? 'center' : '',
-          justifyContent: props.direction === 'left' || props.direction === 'right' ? 'center' : '',
+          alignItems: (props.direction === 'up' || props.direction === 'down') && 'center',
+          justifyContent: (props.direction === 'left' || props.direction === 'right') && 'center',
           flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null
         };
       },
@@ -5609,7 +5617,7 @@ this.primevue.splitterpanel.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n\n    .p-splitter-panel-nested {\n        display: flex;\n    }\n\n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-splitter-panel {\n        flex-grow: 1;\n        overflow: hidden;\n    }\n\n    .p-splitter-panel-nested {\n        display: flex;\n    }\n\n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance;
@@ -6163,10 +6171,7 @@ this.primevue.tree.style = (function (BaseStyle) {
         }];
       },
       checkboxIcon: 'p-checkbox-icon',
-      nodeIcon: function nodeIcon(_ref5) {
-        var instance = _ref5.instance;
-        return ['p-treenode-icon', instance.node.icon];
-      },
+      nodeIcon: 'p-treenode-icon',
       label: 'p-treenode-label',
       subgroup: 'p-treenode-children'
     };
@@ -7117,15 +7122,17 @@ this.primevue.basecomponent = (function (BaseStyle, utils, vue, usestyle) {
 })(primevue.base.style, primevue.utils, Vue, primevue.usestyle);
 
 this.primevue = this.primevue || {};
-this.primevue.baseicon = (function (BaseIconStyle, utils) {
+this.primevue.baseicon = (function (BaseComponent, BaseIconStyle, utils) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var BaseIconStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseIconStyle);
 
     var script = {
       name: 'BaseIcon',
+      "extends": BaseComponent__default["default"],
       props: {
         label: {
           type: String,
@@ -7136,6 +7143,7 @@ this.primevue.baseicon = (function (BaseIconStyle, utils) {
           "default": false
         }
       },
+      style: BaseIconStyle__default["default"],
       beforeMount: function beforeMount() {
         var _this$$config;
         BaseIconStyle__default["default"].loadStyle({
@@ -7165,7 +7173,7 @@ this.primevue.baseicon = (function (BaseIconStyle, utils) {
 
     return script;
 
-})(primevue.baseicon.style, primevue.utils);
+})(primevue.basecomponent, primevue.baseicon.style, primevue.utils);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
@@ -9730,7 +9738,7 @@ this.primevue.focustrap = (function (utils, BaseDirective, FocusTrapStyle) {
               if (mutation.type === 'childList' && !el.contains(document.activeElement)) {
                 var findNextFocusableElement = function findNextFocusableElement(_el) {
                   var focusableElement = utils.DomHandler.isFocusableElement(_el) ? utils.DomHandler.isFocusableElement(_el, _this.getComputedSelector(el.$_pfocustrap_focusableselector)) ? _el : utils.DomHandler.getFirstFocusableElement(el, _this.getComputedSelector(el.$_pfocustrap_focusableselector)) : utils.DomHandler.getFirstFocusableElement(_el);
-                  return utils.ObjectUtils.isNotEmpty(focusableElement) ? focusableElement : findNextFocusableElement(_el.nextSibling);
+                  return utils.ObjectUtils.isNotEmpty(focusableElement) ? focusableElement : _el.nextSibling && findNextFocusableElement(_el.nextSibling);
                 };
                 utils.DomHandler.focus(findNextFocusableElement(mutation.nextSibling));
               }
@@ -14068,7 +14076,7 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
           }
         },
         initDrag: function initDrag(event) {
-          if (event.target.closest('div').getAttribute('data-pc-section') === 'headericons') {
+          if (event.target.closest('div').getAttribute('data-pc-section') === 'icons') {
             return;
           }
           if (this.draggable) {
@@ -14248,16 +14256,16 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
                   return $options.initDrag && $options.initDrag.apply($options, arguments);
                 })
               }, _ctx.ptm('header')), [vue.renderSlot(_ctx.$slots, "header", {
-                "class": vue.normalizeClass(_ctx.cx('headerTitle'))
+                "class": vue.normalizeClass(_ctx.cx('title'))
               }, function () {
                 return [_ctx.header ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
                   key: 0,
                   id: $options.ariaLabelledById,
-                  "class": _ctx.cx('headerTitle')
-                }, _ctx.ptm('headerTitle')), vue.toDisplayString(_ctx.header), 17, _hoisted_2)) : vue.createCommentVNode("", true)];
+                  "class": _ctx.cx('title')
+                }, _ctx.ptm('title')), vue.toDisplayString(_ctx.header), 17, _hoisted_2)) : vue.createCommentVNode("", true)];
               }), vue.createElementVNode("div", vue.mergeProps({
-                "class": _ctx.cx('headerIcons')
-              }, _ctx.ptm('headerIcons')), [_ctx.maximizable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
+                "class": _ctx.cx('icons')
+              }, _ctx.ptm('icons')), [_ctx.maximizable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
                 key: 0,
                 ref: $options.maximizableRef,
                 autofocus: $data.focusableMax,
@@ -14943,11 +14951,18 @@ this.primevue.paginator = (function (utils, BaseComponent, PaginatorStyle, vue,
                 index = _Object$entries$_i[0],
                 _Object$entries$_i$ = _slicedToArray(_Object$entries$_i[1], 1),
                 key = _Object$entries$_i$[0];
-              var minValue = Object.entries(sortedBreakpoints)[index - 1] ? "and (min-width:".concat(Object.keys(sortedBreakpoints)[index - 1], ")") : '';
+              var minValue = void 0,
+                calculatedMinValue = void 0;
+              if (key !== 'default' && typeof Object.keys(sortedBreakpoints)[index - 1] === 'string') {
+                calculatedMinValue = Number(Object.keys(sortedBreakpoints)[index - 1].slice(0, -2)) + 1 + 'px';
+              } else {
+                calculatedMinValue = Object.keys(sortedBreakpoints)[index - 1];
+              }
+              minValue = Object.entries(sortedBreakpoints)[index - 1] ? "and (min-width:".concat(calculatedMinValue, ")") : '';
               if (key === 'default') {
                 innerHTML += "\n                            @media screen ".concat(minValue, " {\n                                .paginator[").concat(this.attributeSelector, "],\n                                .p-paginator-default{\n                                    display: flex !important;\n                                }\n                            }\n                        ");
               } else {
-                innerHTML += "\n                        .paginator[".concat(this.attributeSelector, "], .p-paginator-").concat(key, " {\n                                display: none !important;\n                            }\n                        @media screen ").concat(minValue, " and (max-width: ").concat(key, ") {\n                            .paginator[").concat(this.attributeSelector, "], .p-paginator-").concat(key, " {\n                                display: flex !important;\n                            }\n                            .paginator[").concat(this.attributeSelector, "],\n                            .p-paginator-default{\n                                display: none !important;\n                            }\n                        }\n                    ");
+                innerHTML += "\n.paginator[".concat(this.attributeSelector, "], .p-paginator-").concat(key, " {\n    display: none !important;\n}\n@media screen ").concat(minValue, " and (max-width: ").concat(key, ") {\n    .paginator[").concat(this.attributeSelector, "], .p-paginator-").concat(key, " {\n        display: flex !important;\n    }\n    .paginator[").concat(this.attributeSelector, "],\n    .p-paginator-default{\n        display: none !important;\n    }\n}\n                    ");
               }
             }
             this.styleElement.innerHTML = innerHTML;
@@ -15726,7 +15741,7 @@ this.primevue.tree = (function (SearchIcon, SpinnerIcon, utils, BaseComponent, T
         key: 1,
         "class": _ctx.cx('checkboxIcon')
       }, $options.getPTOptions('checkboxIcon')), null, 16, ["class"]))], 16, _hoisted_3)], 16)) : vue.createCommentVNode("", true), vue.createElementVNode("span", vue.mergeProps({
-        "class": _ctx.cx('nodeIcon')
+        "class": [_ctx.cx('nodeIcon'), $props.node.icon]
       }, $options.getPTOptions('nodeIcon')), null, 16), vue.createElementVNode("span", vue.mergeProps({
         "class": _ctx.cx('label')
       }, $options.getPTOptions('label'), {
@@ -18131,7 +18146,7 @@ this.primevue.passthrough.tailwind = (function (exports) {
         root: function root(_ref16) {
           var state = _ref16.state;
           return {
-            "class": ['rounded-lg shadow-lg border-0', 'max-h-90 transform scale-100', 'm-0 w-[50vw]', 'dark:border dark:border-blue-900/40', {
+            "class": ['rounded-lg shadow-lg border-0', 'max-h-[90%] transform scale-100', 'm-0 w-[50vw]', 'dark:border dark:border-blue-900/40', {
               'transition-none transform-none !w-screen !h-screen !max-h-full !top-0 !left-0': state.maximized
             }]
           };
@@ -18157,7 +18172,7 @@ this.primevue.passthrough.tailwind = (function (exports) {
           var state = _ref17.state,
             instance = _ref17.instance;
           return {
-            "class": ['overflow-y-auto', 'bg-white text-gray-700 px-6 pb-8 pt-0',, 'dark:bg-gray-900  dark:text-white/80', {
+            "class": ['overflow-y-auto', 'bg-white text-gray-700 px-6 pb-8 pt-0', 'dark:bg-gray-900  dark:text-white/80', {
               grow: state.maximized
             }, {
               'rounded-bl-lg rounded-br-lg': !instance.$slots.footer
@@ -19400,7 +19415,7 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         panel: {
-          "class": ['bg-white text-gray-700 border-0 rounded-md shadow-lg', 'max-h-[200px] overflow-auto', 'bg-white text-gray-700 border-0 rounded-md shadow-lg', 'dark:bg-gray-900 dark:text-white/80']
+          "class": ['bg-white text-gray-700 border-0 rounded-md shadow-lg', 'max-h-[200px] overflow-auto', 'dark:bg-gray-900 dark:text-white/80']
         },
         list: {
           "class": 'py-3 list-none m-0'
@@ -20094,7 +20109,7 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "class": ['fixed top-0 left-0 w-full h-full', 'flex items-center justify-center', 'bg-black bg-opacity-90']
         },
         toolbar: {
-          "class": ['absolute top-0 right-0 flex', 'p-4']
+          "class": ['absolute top-0 right-0 z-10 flex', 'p-4']
         },
         rotaterightbutton: {
           "class": ['flex justify-center items-center', 'text-white bg-transparent w-12 h-12 rounded-full transition duration-200 ease-in-out mr-2', 'hover:text-white hover:bg-white/10', 'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]']