primereact 9.2.2 → 9.3.0

package/resources/primereact.css

@@ -1041,6 +1041,34 @@
     align-items: center;
 }
 
+.p-datascroller {
+}
+
+.p-datascroller .p-datascroller-header {
+    text-align: center;
+	padding: .5em .75em;
+    border-bottom: 0 none;
+}
+
+.p-datascroller .p-datascroller-footer {
+    text-align: center;
+    padding: .25em .625em;
+    border-top: 0px none;
+}
+
+.p-datascroller .p-datascroller-content {
+    padding: .25em .625em;
+}
+
+.p-datascroller-inline .p-datascroller-content {
+    overflow: auto;
+}
+
+.p-datascroller .p-datascroller-list {
+    list-style-type: none; 
+    margin: 0;
+    padding: 0;
+}
 .p-contextmenu {
     position: absolute;
 }
@@ -1087,34 +1115,6 @@
     transition: opacity 250ms;
 }
 
-.p-datascroller {
-}
-
-.p-datascroller .p-datascroller-header {
-    text-align: center;
-	padding: .5em .75em;
-    border-bottom: 0 none;
-}
-
-.p-datascroller .p-datascroller-footer {
-    text-align: center;
-    padding: .25em .625em;
-    border-top: 0px none;
-}
-
-.p-datascroller .p-datascroller-content {
-    padding: .25em .625em;
-}
-
-.p-datascroller-inline .p-datascroller-content {
-    overflow: auto;
-}
-
-.p-datascroller .p-datascroller-list {
-    list-style-type: none; 
-    margin: 0;
-    padding: 0;
-}
 .p-dataview-loading {
     position: relative;
     min-height: 4rem;
@@ -3253,6 +3253,37 @@ input.p-dropdown-label  {
     visibility: visible;
 }
 
+.p-icon {
+    display: inline-block;
+}
+
+.p-icon-spin {
+    -webkit-animation: p-icon-spin 2s infinite linear;
+    animation: p-icon-spin 2s infinite linear;
+}
+
+@-webkit-keyframes p-icon-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
+
+@keyframes p-icon-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
+
 .p-image-mask {
     display: flex;
     align-items: center;
@@ -3458,27 +3489,6 @@ input.p-dropdown-label  {
     width: 100%;
 }
 
-.p-inputswitch {
-    position: relative;
-    display: inline-block;
-}
-
-.p-inputswitch-slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: 1px solid transparent;
-}
-
-.p-inputswitch-slider:before {
-    position: absolute;
-    content: "";
-    top: 50%;
-}
-
 .p-inputtext {
     margin: 0;
 }
@@ -3586,6 +3596,27 @@ input.p-dropdown-label  {
     width: 100%;
 }
 
+.p-inputswitch {
+    position: relative;
+    display: inline-block;
+}
+
+.p-inputswitch-slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 1px solid transparent;
+}
+
+.p-inputswitch-slider:before {
+    position: absolute;
+    content: "";
+    top: 50%;
+}
+
 .p-inputtextarea-resizable {
     overflow: hidden;
     resize: none;
@@ -3763,6 +3794,32 @@ input.p-dropdown-label  {
     text-decoration: none;
 }
 
+.p-menu-overlay {
+    position: absolute;
+    /* Github #3122: Prevent animation flickering  */
+    top: -9999px;
+    left: -9999px;
+}
+
+.p-menu ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.p-menu .p-menuitem-link {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-menu .p-menuitem-text {
+    line-height: 1;
+}
+
 .p-mention {
     display: inline-flex;
     position: relative;
@@ -3802,32 +3859,6 @@ input.p-dropdown-label  {
     display: flex;
 }
 
-.p-menu-overlay {
-    position: absolute;
-    /* Github #3122: Prevent animation flickering  */
-    top: -9999px;
-    left: -9999px;
-}
-
-.p-menu ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-.p-menu .p-menuitem-link {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-menu .p-menuitem-text {
-    line-height: 1;
-}
-
 .p-menubar {
     display: flex;
     align-items: center;
@@ -4204,6 +4235,42 @@ input.p-dropdown-label  {
     cursor: pointer;
 }
 
+.p-paginator {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+.p-paginator-left-content {
+	margin-right: auto;
+}
+
+.p-paginator-right-content {
+	margin-left: auto;
+}
+
+.p-paginator-page,
+.p-paginator-next,
+.p-paginator-last,
+.p-paginator-first,
+.p-paginator-prev,
+.p-paginator-current {
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 1;
+    user-select: none;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-paginator-element:focus {
+    z-index: 1;
+    position: relative;
+}
+
 .p-overlaypanel {
     position: absolute;
     margin-top: 10px;
@@ -4283,42 +4350,6 @@ input.p-dropdown-label  {
     border-bottom-color: transparent
 }
 
-.p-paginator {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-wrap: wrap;
-}
-
-.p-paginator-left-content {
-	margin-right: auto;
-}
-
-.p-paginator-right-content {
-	margin-left: auto;
-}
-
-.p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    line-height: 1;
-    user-select: none;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-paginator-element:focus {
-    z-index: 1;
-    position: relative;
-}
-
 .p-panel-header {
     display: flex;
     justify-content: space-between;
@@ -4403,17 +4434,90 @@ input.p-dropdown-label  {
 .p-password-input::-ms-clear {
     display: none;
 }
-.p-picklist {
-    display: flex;
+.p-progress-spinner {
+    position: relative;
+    margin: 0 auto;
+    width: 100px;
+    height: 100px;
+    display: inline-block;
 }
 
-.p-picklist-buttons {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
+.p-progress-spinner::before {
+     content: '';
+     display: block;
+     padding-top: 100%;
 }
 
-.p-picklist-list-wrapper {
+.p-progress-spinner-svg {
+    animation: p-progress-spinner-rotate 2s linear infinite;
+    height: 100%;
+    transform-origin: center center;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+}
+
+.p-progress-spinner-circle {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: 0;
+    stroke: #d62d20;
+    animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
+    stroke-linecap: round;
+}
+
+@keyframes p-progress-spinner-rotate {
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes p-progress-spinner-dash {
+    0% {
+        stroke-dasharray: 1, 200;
+        stroke-dashoffset: 0;
+    }
+    50% {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: -35px;
+    }
+    100% {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: -124px;
+    }
+}
+
+@keyframes p-progress-spinner-color {
+    100%,
+    0% {
+        stroke: #d62d20;
+    }
+    40% {
+        stroke: #0057e7;
+    }
+    66% {
+        stroke: #008744;
+    }
+    80%,
+    90% {
+        stroke: #ffa700;
+    }
+}
+
+.p-picklist {
+    display: flex;
+}
+
+.p-picklist-buttons {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.p-picklist-list-wrapper {
     flex: 1 1 50%;
 }
 
@@ -4543,79 +4647,6 @@ input.p-dropdown-label  {
     right: -8%; }
 }
 
-.p-progress-spinner {
-    position: relative;
-    margin: 0 auto;
-    width: 100px;
-    height: 100px;
-    display: inline-block;
-}
-
-.p-progress-spinner::before {
-     content: '';
-     display: block;
-     padding-top: 100%;
-}
-
-.p-progress-spinner-svg {
-    animation: p-progress-spinner-rotate 2s linear infinite;
-    height: 100%;
-    transform-origin: center center;
-    width: 100%;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-}
-
-.p-progress-spinner-circle {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: 0;
-    stroke: #d62d20;
-    animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
-    stroke-linecap: round;
-}
-
-@keyframes p-progress-spinner-rotate {
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes p-progress-spinner-dash {
-    0% {
-        stroke-dasharray: 1, 200;
-        stroke-dashoffset: 0;
-    }
-    50% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -35px;
-    }
-    100% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -124px;
-    }
-}
-
-@keyframes p-progress-spinner-color {
-    100%,
-    0% {
-        stroke: #d62d20;
-    }
-    40% {
-        stroke: #0057e7;
-    }
-    66% {
-        stroke: #008744;
-    }
-    80%,
-    90% {
-        stroke: #ffa700;
-    }
-}
-
 .p-radiobutton {
     display: inline-flex;
     cursor: pointer;
@@ -4657,34 +4688,6 @@ input.p-dropdown-label  {
     cursor: default;
 }
 
-.p-ripple {
-    overflow: hidden;
-    position: relative;
-}
-
-.p-ink {
-    display: block;
-    position: absolute;
-    background: rgba(255, 255, 255, 0.5);
-    border-radius: 100%;
-    transform: scale(0);
-}
-
-.p-ink-active {
-    animation: ripple 0.4s linear;
-}
-
-.p-ripple-disabled .p-ink {
-    display: none !important;
-}
-
-@keyframes ripple {
-    100% {
-        opacity: 0;
-        transform: scale(2.5);
-    }
-}
-
 .p-scrollpanel-wrapper {
     overflow: hidden;
     width: 100%;
@@ -4775,6 +4778,34 @@ input.p-dropdown-label  {
     transition: opacity .15s;
 }
 
+.p-ripple {
+    overflow: hidden;
+    position: relative;
+}
+
+.p-ink {
+    display: block;
+    position: absolute;
+    background: rgba(255, 255, 255, 0.5);
+    border-radius: 100%;
+    transform: scale(0);
+}
+
+.p-ink-active {
+    animation: ripple 0.4s linear;
+}
+
+.p-ripple-disabled .p-ink {
+    display: none !important;
+}
+
+@keyframes ripple {
+    100% {
+        opacity: 0;
+        transform: scale(2.5);
+    }
+}
+
 .p-sidebar-mask {
     position: fixed;
     top: 0;
@@ -4994,39 +5025,83 @@ input.p-dropdown-label  {
     }
 }
 
-.p-skeleton {
-    position: relative;
-    overflow: hidden;
+.p-slider {
+	position: relative;
 }
 
-.p-skeleton::after {
-    content: "";
-    animation: p-skeleton-animation 1.2s infinite;
-    height: 100%;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    transform: translateX(-100%);
+.p-slider .p-slider-handle {
+	position: absolute;
+	cursor: grab;
+    touch-action: none;
+    display: block;
     z-index: 1;
 }
 
-.p-skeleton-circle {
-    border-radius: 50%;
+.p-slider .p-slider-handle.p-slider-handle-active {
+    z-index: 2;
 }
 
-.p-skeleton-none::after {
-   animation: none;
+.p-slider-range {
+	position: absolute;
+    display: block;
 }
 
-@keyframes p-skeleton-animation {
-    from {
-        transform: translateX(-100%);
-    }
-    to {
-        transform: translateX(100%);
-    }
+.p-slider-horizontal .p-slider-range {
+    top: 0;
+    left: 0;
+	height: 100%;
+}
+
+.p-slider-horizontal .p-slider-handle {
+    top: 50%;
+}
+
+.p-slider-vertical {
+	height: 100px;
+}
+
+.p-slider-vertical .p-slider-handle {
+    left: 50%;
+}
+
+.p-slider-vertical .p-slider-range {
+    bottom: 0;
+    left: 0;
+    width: 100%;
+}
+
+.p-splitbutton {
+    display: inline-flex;
+    position: relative;
+}
+
+.p-splitbutton .p-splitbutton-defaultbutton,
+.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
+.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
+    flex: 1 1 auto;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-right: 0 none;
+}
+
+.p-splitbutton-menubutton,
+.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
+.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.p-splitbutton .p-menu {
+    min-width: 100%;
 }
+
+.p-fluid .p-splitbutton  {
+    display: flex;
+}
+
 .p-slidemenu {
     width: 12.5em;
 }
@@ -5116,51 +5191,39 @@ input.p-dropdown-label  {
     display: block;
 }
 
-.p-slider {
-	position: relative;
-}
-
-.p-slider .p-slider-handle {
-	position: absolute;
-	cursor: grab;
-    touch-action: none;
-    display: block;
-    z-index: 1;
-}
-
-.p-slider .p-slider-handle.p-slider-handle-active {
-    z-index: 2;
-}
-
-.p-slider-range {
-	position: absolute;
-    display: block;
+.p-skeleton {
+    position: relative;
+    overflow: hidden;
 }
 
-.p-slider-horizontal .p-slider-range {
-    top: 0;
+.p-skeleton::after {
+    content: "";
+    animation: p-skeleton-animation 1.2s infinite;
+    height: 100%;
     left: 0;
-	height: 100%;
-}
-
-.p-slider-horizontal .p-slider-handle {
-    top: 50%;
+    position: absolute;
+    right: 0;
+    top: 0;
+    transform: translateX(-100%);
+    z-index: 1;
 }
 
-.p-slider-vertical {
-	height: 100px;
+.p-skeleton-circle {
+    border-radius: 50%;
 }
 
-.p-slider-vertical .p-slider-handle {
-    left: 50%;
+.p-skeleton-none::after {
+   animation: none;
 }
 
-.p-slider-vertical .p-slider-range {
-    bottom: 0;
-    left: 0;
-    width: 100%;
+@keyframes p-skeleton-animation {
+    from {
+        transform: translateX(-100%);
+    }
+    to {
+        transform: translateX(100%);
+    }
 }
-
 .p-speeddial {
     position: absolute;
     display: flex;
@@ -5272,95 +5335,138 @@ input.p-dropdown-label  {
     flex-direction: row;
 }
 
-.p-splitbutton {
-    display: inline-flex;
-    position: relative;
+.p-splitter {
+    display: flex;
+    flex-wrap: nowrap;
 }
 
-.p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
-    flex: 1 1 auto;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right: 0 none;
+.p-splitter-vertical {
+    flex-direction: column;
 }
 
-.p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
+.p-splitter-panel {
+    flex-grow: 1;
+}
+
+.p-splitter-panel-nested {
+    display: flex;
+}
+
+.p-splitter-panel .p-splitter {
+    flex-grow: 1;
+    border: 0 none;
+}
+
+.p-splitter-gutter {
+    flex-grow: 0;
+    flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+    cursor: col-resize;
 }
 
-.p-splitbutton .p-menu {
-    min-width: 100%;
+.p-splitter-horizontal.p-splitter-resizing {
+    cursor: col-resize;
+    user-select: none;
 }
 
-.p-fluid .p-splitbutton  {
+.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
+    height: 24px;
+    width: 100%;
+}
+
+.p-splitter-horizontal > .p-splitter-gutter {
+    cursor: col-resize;
+}
+
+.p-splitter-vertical.p-splitter-resizing {
+    cursor: row-resize;
+    user-select: none;
+}
+
+.p-splitter-vertical > .p-splitter-gutter {
+    cursor: row-resize;
+}
+
+.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
+    width: 24px;
+    height: 100%;
+}
+
+.p-tabview-nav-container {
+    position: relative;
+}
+
+.p-tabview-scrollable .p-tabview-nav-container {
+    overflow: hidden;
+}
+
+.p-tabview-nav-content {
+    overflow-x: auto;
+    overflow-y: hidden;
+    scroll-behavior: smooth;
+    scrollbar-width: none;
+    overscroll-behavior: contain auto;
+    position: relative;
+}
+
+.p-tabview-nav {
     display: flex;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    flex: 1 1 auto;
 }
 
-.p-splitter {
+.p-tabview-nav-link {
+    cursor: pointer;
+    user-select: none;
     display: flex;
-    flex-wrap: nowrap;
+    align-items: center;
+    position: relative;
+    text-decoration: none;
+    overflow: hidden;
 }
 
-.p-splitter-vertical {
-    flex-direction: column;
+.p-tabview-ink-bar {
+    display: none;
+    z-index: 1;
 }
 
-.p-splitter-panel {
-    flex-grow: 1;
+.p-tabview-nav-link:focus {
+    z-index: 1;
 }
 
-.p-splitter-panel-nested {
-    display: flex;
+.p-tabview-close {
+    z-index: 1;
 }
 
-.p-splitter-panel .p-splitter {
-    flex-grow: 1;
-    border: 0 none;
+.p-tabview-title {
+    line-height: 1;
+    white-space: nowrap;
 }
 
-.p-splitter-gutter {
-    flex-grow: 0;
-    flex-shrink: 0;
+.p-tabview-nav-btn {
+    position: absolute;
+    top: 0;
+    z-index: 2;
+    height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
-    cursor: col-resize;
-}
-
-.p-splitter-horizontal.p-splitter-resizing {
-    cursor: col-resize;
-    user-select: none;
-}
-
-.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
-    height: 24px;
-    width: 100%;
-}
-
-.p-splitter-horizontal > .p-splitter-gutter {
-    cursor: col-resize;
 }
 
-.p-splitter-vertical.p-splitter-resizing {
-    cursor: row-resize;
-    user-select: none;
+.p-tabview-nav-prev {
+    left: 0;
 }
 
-.p-splitter-vertical > .p-splitter-gutter {
-    cursor: row-resize;
+.p-tabview-nav-next {
+    right: 0;
 }
 
-.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
-    width: 24px;
-    height: 100%;
+.p-tabview-nav-content::-webkit-scrollbar {
+    display: none;
 }
 
 .p-steps {
@@ -5451,81 +5557,6 @@ input.p-dropdown-label  {
     display: none;
 }
 
-.p-tabview-nav-container {
-    position: relative;
-}
-
-.p-tabview-scrollable .p-tabview-nav-container {
-    overflow: hidden;
-}
-
-.p-tabview-nav-content {
-    overflow-x: auto;
-    overflow-y: hidden;
-    scroll-behavior: smooth;
-    scrollbar-width: none;
-    overscroll-behavior: contain auto;
-    position: relative;
-}
-
-.p-tabview-nav {
-    display: flex;
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    flex: 1 1 auto;
-}
-
-.p-tabview-nav-link {
-    cursor: pointer;
-    user-select: none;
-    display: flex;
-    align-items: center;
-    position: relative;
-    text-decoration: none;
-    overflow: hidden;
-}
-
-.p-tabview-ink-bar {
-    display: none;
-    z-index: 1;
-}
-
-.p-tabview-nav-link:focus {
-    z-index: 1;
-}
-
-.p-tabview-close {
-    z-index: 1;
-}
-
-.p-tabview-title {
-    line-height: 1;
-    white-space: nowrap;
-}
-
-.p-tabview-nav-btn {
-    position: absolute;
-    top: 0;
-    z-index: 2;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.p-tabview-nav-prev {
-    left: 0;
-}
-
-.p-tabview-nav-next {
-    right: 0;
-}
-
-.p-tabview-nav-content::-webkit-scrollbar {
-    display: none;
-}
-
 .p-tag {
     display: inline-flex;
     align-items: center;
@@ -5912,73 +5943,6 @@ input.p-dropdown-label  {
     border-width: 0 .25em .25rem;
 }
 
-.p-tree-container {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    overflow: auto;
-}
-
-.p-treenode-children {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-}
-
-.p-treenode-selectable {
-    cursor: pointer;
-    user-select: none;
-}
-
-.p-tree-toggler {
-    cursor: pointer;
-    user-select: none;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-treenode-leaf > .p-treenode-content .p-tree-toggler {
-    visibility: hidden;
-}
-
-.p-treenode-content {
-    display: flex;
-    align-items: center;
-}
-
-.p-tree-filter {
-    width: 100%;
-}
-
-.p-tree-filter-container {
-    position: relative;
-    display: block;
-    width: 100%;
-}
-
-.p-tree-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
-}
-
-.p-tree-loading {
-    position: relative;
-    min-height: 4rem;
-}
-
-.p-tree .p-tree-loading-overlay {
-    position: absolute;
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
 .p-treeselect {
     display: inline-flex;
     cursor: pointer;
@@ -6203,6 +6167,73 @@ input.p-dropdown-label  {
     z-index: 2;
 }
 
+.p-tree-container {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    overflow: auto;
+}
+
+.p-treenode-children {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+
+.p-treenode-selectable {
+    cursor: pointer;
+    user-select: none;
+}
+
+.p-tree-toggler {
+    cursor: pointer;
+    user-select: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-treenode-leaf > .p-treenode-content .p-tree-toggler {
+    visibility: hidden;
+}
+
+.p-treenode-content {
+    display: flex;
+    align-items: center;
+}
+
+.p-tree-filter {
+    width: 100%;
+}
+
+.p-tree-filter-container {
+    position: relative;
+    display: block;
+    width: 100%;
+}
+
+.p-tree-filter-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-tree-loading {
+    position: relative;
+    min-height: 4rem;
+}
+
+.p-tree .p-tree-loading-overlay {
+    position: absolute;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .p-virtualscroller {
     position: relative;
     overflow: auto;