primereact 8.4.0 → 8.6.0

package/resources/primereact.css

@@ -187,6 +187,40 @@
     line-height: 1;
 }
 
+.p-avatar {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    font-size: 1rem;
+}
+
+.p-avatar.p-avatar-image {
+    background-color: transparent;
+}
+
+.p-avatar-circle {
+    border-radius: 50%;
+}
+
+.p-avatar-circle img {
+    border-radius: 50%;
+}
+
+.p-avatar .p-avatar-icon {
+    font-size: 1rem;
+}
+
+.p-avatar img {
+    width: 100%;
+    height: 100%;
+}
+
+.p-avatar-clickable {
+    cursor: pointer;
+}
+
 .p-autocomplete {
     display: inline-flex;
     position: relative;
@@ -284,40 +318,6 @@
     width: 1%;
 }
 
-.p-avatar {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 2rem;
-    height: 2rem;
-    font-size: 1rem;
-}
-
-.p-avatar.p-avatar-image {
-    background-color: transparent;
-}
-
-.p-avatar-circle {
-    border-radius: 50%;
-}
-
-.p-avatar-circle img {
-    border-radius: 50%;
-}
-
-.p-avatar .p-avatar-icon {
-    font-size: 1rem;
-}
-
-.p-avatar img {
-    width: 100%;
-    height: 100%;
-}
-
-.p-avatar-clickable {
-    cursor: pointer;
-}
-
 .p-avatar-group .p-avatar + .p-avatar {
     margin-left: -1rem;
 }
@@ -654,76 +654,9 @@
     width: 100%;
 }
 
-.p-carousel {
-	display: flex;
-	flex-direction: column;
-}
-
-.p-carousel-content {
-	display: flex;
-	flex-direction: column;
-	overflow: auto;
-}
-
-.p-carousel-prev,
-.p-carousel-next {
-	align-self: center;
-	flex-grow: 0;
-    flex-shrink: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-carousel-container {
-	display: flex;
-	flex-direction: row;
-}
-
-.p-carousel-items-content {
-	overflow: hidden;
-    width: 100%;
-}
-
-.p-carousel-items-container {
-	display: flex;
-	flex-direction: row;
-}
-
-.p-carousel-indicators {
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	flex-wrap: wrap;
-}
-
-.p-carousel-indicator > button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-/* Vertical */
-.p-carousel-vertical .p-carousel-container {
-	flex-direction: column;
-}
-
-.p-carousel-vertical .p-carousel-items-container {
-	flex-direction: column;
-	height: 100%;
-}
-
-/* Keyboard Support */
-.p-items-hidden .p-carousel-item {
-	visibility: hidden;
-}
-
-.p-items-hidden .p-carousel-item.p-carousel-item-active {
-	visibility: visible;
+.p-chart {
+    position: relative
 }
-
 .p-cascadeselect {
     display: inline-flex;
     cursor: pointer;
@@ -812,9 +745,6 @@
     top: 0;
 }
 
-.p-chart {
-    position: relative
-}
 .p-checkbox {
     display: inline-flex;
     cursor: pointer;
@@ -829,28 +759,6 @@
     align-items: center;
 }
 
-.p-chip {
-    display: inline-flex;
-    align-items: center;
-}
-
-.p-chip-text {
-    line-height: 1.5;
-}
-
-.p-chip-icon.pi {
-    line-height: 1.5;
-}
-
-.p-chip .p-chip-remove-icon {
-    line-height: 1.5;
-    cursor: pointer;
-}
-
-.p-chip img {
-    border-radius: 50%;
-}
-
 .p-chips {
     display: inline-flex;
 }
@@ -1111,6 +1019,19 @@
     margin: 0;
     padding: 0;
 }
+.p-dataview-loading {
+    position: relative;
+    min-height: 4rem;
+}
+
+.p-dataview .p-dataview-loading-overlay {
+    position: absolute;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .p-datatable {
     position: relative;
 }
@@ -1454,19 +1375,76 @@
     justify-content: center;
 }
 
-.p-dataview-loading {
+.p-carousel {
+	display: flex;
+	flex-direction: column;
+}
+
+.p-carousel-content {
+	display: flex;
+	flex-direction: column;
+	overflow: auto;
+}
+
+.p-carousel-prev,
+.p-carousel-next {
+	align-self: center;
+	flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
     position: relative;
-    min-height: 4rem;
 }
 
-.p-dataview .p-dataview-loading-overlay {
-    position: absolute;
-    z-index: 1;
+.p-carousel-container {
+	display: flex;
+	flex-direction: row;
+}
+
+.p-carousel-items-content {
+	overflow: hidden;
+    width: 100%;
+}
+
+.p-carousel-items-container {
+	display: flex;
+	flex-direction: row;
+}
+
+.p-carousel-indicators {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	flex-wrap: wrap;
+}
+
+.p-carousel-indicator > button {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
+/* Vertical */
+.p-carousel-vertical .p-carousel-container {
+	flex-direction: column;
+}
+
+.p-carousel-vertical .p-carousel-items-container {
+	flex-direction: column;
+	height: 100%;
+}
+
+/* Keyboard Support */
+.p-items-hidden .p-carousel-item {
+	visibility: hidden;
+}
+
+.p-items-hidden .p-carousel-item.p-carousel-item-active {
+	visibility: visible;
+}
+
 .p-dialog-mask {
     position: fixed;
     top: 0;
@@ -1696,19 +1674,41 @@
     cursor: move;
 }
 
-.p-divider-horizontal {
-    display: flex;
-    width: 100%;
-    position: relative;
+.p-chip {
+    display: inline-flex;
     align-items: center;
 }
 
-.p-divider-horizontal:before {
-    position: absolute;
-    display: block;
-    top: 50%;
-    left: 0;
-    width: 100%;
+.p-chip-text {
+    line-height: 1.5;
+}
+
+.p-chip-icon.pi {
+    line-height: 1.5;
+}
+
+.p-chip .p-chip-remove-icon {
+    line-height: 1.5;
+    cursor: pointer;
+}
+
+.p-chip img {
+    border-radius: 50%;
+}
+
+.p-divider-horizontal {
+    display: flex;
+    width: 100%;
+    position: relative;
+    align-items: center;
+}
+
+.p-divider-horizontal:before {
+    position: absolute;
+    display: block;
+    top: 50%;
+    left: 0;
+    width: 100%;
     content: "";
 }
 
@@ -1780,125 +1780,6 @@
 .p-divider-dotted.p-divider-horizontal:before {
     border-left-style: dotted;
 }
-.p-dock {
-    position: absolute;
-    z-index: 1;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    pointer-events: none;
-}
-
-.p-dock-container {
-    display: flex;
-    pointer-events: auto;
-}
-
-.p-dock-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: auto;
-}
-
-.p-dock-magnification .p-dock-item {
-    transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
-    will-change: transform;
-}
-
-.p-dock-action {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    overflow: hidden;
-    cursor: default;
-}
-
-.p-dock-magnification .p-dock-item-second-prev,
-.p-dock-magnification .p-dock-item-second-next {
-    transform: scale(1.2);
-}
-
-.p-dock-magnification .p-dock-item-prev,
-.p-dock-magnification .p-dock-item-next {
-    transform: scale(1.4);
-}
-
-.p-dock-magnification .p-dock-item-current {
-    transform: scale(1.6);
-    z-index: 1;
-}
-
-/* Position */
-/* top */
-.p-dock-top {
-    left: 0;
-    top: 0;
-    width: 100%;
-}
-
-.p-dock-top.p-dock-magnification .p-dock-item {
-    transform-origin: center top;
-}
-
-.p-dock-top .p-dock-container {
-    flex-direction: column-reverse;
-}
-
-/* bottom */
-.p-dock-bottom {
-    left: 0;
-    bottom: 0;
-    width: 100%;
-}
-
-.p-dock-bottom.p-dock-magnification .p-dock-item {
-    transform-origin: center bottom;
-}
-
-.p-dock-bottom .p-dock-container {
-    flex-direction: column;
-}
-
-/* right */
-.p-dock-right {
-    right: 0;
-    top: 0;
-    height: 100%;
-}
-
-.p-dock-right.p-dock-magnification .p-dock-item {
-    transform-origin: center right;
-}
-
-.p-dock-right .p-dock-list {
-    flex-direction: column;
-}
-
-/* left */
-.p-dock-left {
-    left: 0;
-    top: 0;
-    height: 100%;
-}
-
-.p-dock-left.p-dock-magnification .p-dock-item {
-    transform-origin: center left;
-}
-
-.p-dock-left .p-dock-list {
-    flex-direction: column;
-}
-
-.p-dock-left .p-dock-container {
-    flex-direction: row-reverse;
-}
-
 .p-dropdown {
     display: inline-flex;
     cursor: pointer;
@@ -3299,89 +3180,126 @@ input.p-dropdown-label  {
     visibility: visible;
 }
 
-.p-image-mask {
+.p-dock {
+    position: absolute;
+    z-index: 1;
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
+    pointer-events: none;
 }
 
-.p-image-preview-container {
-    position: relative;
-    display: inline-block;
+.p-dock-container {
+    display: flex;
+    pointer-events: auto;
 }
 
-.p-image-preview-indicator {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
+.p-dock-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
     display: flex;
     align-items: center;
     justify-content: center;
-    opacity: 0;
-    transition: opacity .3s;
+    pointer-events: auto;
 }
 
-.p-image-preview-icon {
-    font-size: 1.5rem;
+.p-dock-magnification .p-dock-item {
+    transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
+    will-change: transform;
 }
 
-.p-image-preview-container:hover > .p-image-preview-indicator {
-    opacity: 1;
-    cursor: pointer;
+.p-dock-action {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+    cursor: default;
 }
 
-.p-image-preview-container > img {
-    cursor: pointer;
+.p-dock-magnification .p-dock-item-second-prev,
+.p-dock-magnification .p-dock-item-second-next {
+    transform: scale(1.2);
 }
 
-.p-image-toolbar {
-    position: absolute;
-    top: 0;
-    right: 0;
-    display: flex;
+.p-dock-magnification .p-dock-item-prev,
+.p-dock-magnification .p-dock-item-next {
+    transform: scale(1.4);
+}
+
+.p-dock-magnification .p-dock-item-current {
+    transform: scale(1.6);
     z-index: 1;
 }
 
-.p-image-action.p-link {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+/* Position */
+/* top */
+.p-dock-top {
+    left: 0;
+    top: 0;
+    width: 100%;
 }
 
-.p-image-preview {
-    transition: transform .15s;
-    max-width: 100vw;
-    max-height: 100vh;
+.p-dock-top.p-dock-magnification .p-dock-item {
+    transform-origin: center top;
 }
 
-.p-image-preview-enter {
-    opacity: 0;
-    transform: scale(0.7);
+.p-dock-top .p-dock-container {
+    flex-direction: column-reverse;
 }
 
-.p-image-preview-enter-active {
-    opacity: 1;
-    transform: scale(1);
-    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+/* bottom */
+.p-dock-bottom {
+    left: 0;
+    bottom: 0;
+    width: 100%;
 }
 
-.p-image-preview-enter-done {
-    transform: none;
+.p-dock-bottom.p-dock-magnification .p-dock-item {
+    transform-origin: center bottom;
 }
 
-.p-image-preview-exit {
-    opacity: 1;
+.p-dock-bottom .p-dock-container {
+    flex-direction: column;
 }
 
-.p-image-preview-exit-active {
-    opacity: 0;
-    transform: scale(0.7);
-    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
+/* right */
+.p-dock-right {
+    right: 0;
+    top: 0;
+    height: 100%;
 }
 
-.p-inplace .p-inplace-display {
+.p-dock-right.p-dock-magnification .p-dock-item {
+    transform-origin: center right;
+}
+
+.p-dock-right .p-dock-list {
+    flex-direction: column;
+}
+
+/* left */
+.p-dock-left {
+    left: 0;
+    top: 0;
+    height: 100%;
+}
+
+.p-dock-left.p-dock-magnification .p-dock-item {
+    transform-origin: center left;
+}
+
+.p-dock-left .p-dock-list {
+    flex-direction: column;
+}
+
+.p-dock-left .p-dock-container {
+    flex-direction: row-reverse;
+}
+
+.p-inplace .p-inplace-display {
     display: inline;
     cursor: pointer;
 }
@@ -3403,6 +3321,88 @@ input.p-dropdown-label  {
     margin-left: .25rem;
 }
 
+.p-image-mask {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.p-image-preview-container {
+    position: relative;
+    display: inline-block;
+}
+
+.p-image-preview-indicator {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: opacity .3s;
+}
+
+.p-image-preview-icon {
+    font-size: 1.5rem;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+    opacity: 1;
+    cursor: pointer;
+}
+
+.p-image-preview-container > img {
+    cursor: pointer;
+}
+
+.p-image-toolbar {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    z-index: 1;
+}
+
+.p-image-action.p-link {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.p-image-preview {
+    transition: transform .15s;
+    max-width: 100vw;
+    max-height: 100vh;
+}
+
+.p-image-preview-enter {
+    opacity: 0;
+    transform: scale(0.7);
+}
+
+.p-image-preview-enter-active {
+    opacity: 1;
+    transform: scale(1);
+    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.p-image-preview-enter-done {
+    transform: none;
+}
+
+.p-image-preview-exit {
+    opacity: 1;
+}
+
+.p-image-preview-exit-active {
+    opacity: 0;
+    transform: scale(0.7);
+    transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
+}
+
 .p-inputnumber {
     display: inline-flex;
 }
@@ -3504,27 +3504,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;
 }
@@ -3630,6 +3609,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;
@@ -3657,36 +3657,6 @@ input.p-dropdown-label  {
     font-size: 1.3rem;
     text-align: center;
 }
-.p-listbox-list-wrapper {
-    overflow: auto;
-}
-
-.p-listbox-list {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-}
-
-.p-listbox-item {
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-}
-
-.p-listbox-filter-container {
-    position: relative;
-}
-
-.p-listbox-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
-}
-
-.p-listbox-filter {
-    width: 100%;
-}
-
 .p-megamenu {
     display: flex;
 }
@@ -3800,6 +3770,36 @@ input.p-dropdown-label  {
     width: 100%;
 }
 
+.p-listbox-list-wrapper {
+    overflow: auto;
+}
+
+.p-listbox-list {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+.p-listbox-item {
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+}
+
+.p-listbox-filter-container {
+    position: relative;
+}
+
+.p-listbox-filter-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-listbox-filter {
+    width: 100%;
+}
+
 .p-mention {
     display: inline-flex;
     position: relative;
@@ -3839,29 +3839,6 @@ input.p-dropdown-label  {
     display: flex;
 }
 
-.p-menu-overlay {
-    position: absolute;
-}
-
-.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;
@@ -3934,63 +3911,43 @@ input.p-dropdown-label  {
     text-decoration: none;
 }
 
-.p-inline-message {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: top;
+.p-menu-overlay {
+    position: absolute;
 }
 
-.p-inline-message-icon-only .p-inline-message-text {
-    visibility: hidden;
-    width: 0;
+.p-menu ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
 }
 
-.p-fluid .p-inline-message {
+.p-menu .p-menuitem-link {
+    cursor: pointer;
     display: flex;
+    align-items: center;
+    text-decoration: none;
+    overflow: hidden;
+    position: relative;
 }
 
-.p-message-wrapper {
-    display: flex;
-    align-items: center;
+.p-menu .p-menuitem-text {
+    line-height: 1;
 }
 
-.p-message-close {
-    display: flex;
+.p-inline-message {
+    display: inline-flex;
     align-items: center;
     justify-content: center;
+    vertical-align: top;
 }
 
-.p-message-close.p-link {
-    margin-left: auto;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-message-enter {
-    opacity: 0;
-}
-
-.p-message-enter-active {
-    opacity: 1;
-    transition: opacity .3s;
-}
-
-.p-message-exit {
-    opacity: 1;
-    max-height: 1000px;
-}
-
-.p-message-exit-active {
-    opacity: 0;
-    max-height: 0;
-    margin: 0;
-    overflow: hidden;
-    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;
+.p-inline-message-icon-only .p-inline-message-text {
+    visibility: hidden;
+    width: 0;
 }
 
-.p-message-exit-active .p-message-close {
-    display: none;
+.p-fluid .p-inline-message {
+    display: flex;
 }
 
 .p-multiselect {
@@ -4108,6 +4065,49 @@ input.p-dropdown-label  {
     display: flex;
 }
 
+.p-message-wrapper {
+    display: flex;
+    align-items: center;
+}
+
+.p-message-close {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.p-message-close.p-link {
+    margin-left: auto;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-message-enter {
+    opacity: 0;
+}
+
+.p-message-enter-active {
+    opacity: 1;
+    transition: opacity .3s;
+}
+
+.p-message-exit {
+    opacity: 1;
+    max-height: 1000px;
+}
+
+.p-message-exit-active {
+    opacity: 0;
+    max-height: 0;
+    margin: 0;
+    overflow: hidden;
+    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;
+}
+
+.p-message-exit-active .p-message-close {
+    display: none;
+}
+
 .p-orderlist {
     display: flex;
 }
@@ -4218,6 +4218,7 @@ input.p-dropdown-label  {
     margin-top: 10px;
 }
 
+
 .p-overlaypanel-flipped {
     margin-top: 0;
     margin-bottom: 10px;
@@ -4289,6 +4290,37 @@ input.p-dropdown-label  {
     border-bottom-color: transparent
 }
 
+.p-panelmenu .p-panelmenu-header-link {
+    display: flex;
+    align-items: center;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    text-decoration: none;
+}
+
+.p-panelmenu .p-panelmenu-header-link:focus {
+    z-index: 1;
+}
+
+.p-panelmenu .p-submenu-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.p-panelmenu .p-menuitem-link {
+    display: flex;
+    align-items: center;
+    user-select: none;
+    cursor: pointer;
+    text-decoration: none;
+}
+
+.p-panelmenu .p-menuitem-text {
+    line-height: 1;
+}
+
 .p-paginator {
     display: flex;
     align-items: center;
@@ -4345,37 +4377,6 @@ input.p-dropdown-label  {
     position: relative;
 }
 
-.p-panelmenu .p-panelmenu-header-link {
-    display: flex;
-    align-items: center;
-    user-select: none;
-    cursor: pointer;
-    position: relative;
-    text-decoration: none;
-}
-
-.p-panelmenu .p-panelmenu-header-link:focus {
-    z-index: 1;
-}
-
-.p-panelmenu .p-submenu-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-.p-panelmenu .p-menuitem-link {
-    display: flex;
-    align-items: center;
-    user-select: none;
-    cursor: pointer;
-    text-decoration: none;
-}
-
-.p-panelmenu .p-menuitem-text {
-    line-height: 1;
-}
-
 .p-password {
     position: relative;
     display: inline-flex;
@@ -4545,6 +4546,47 @@ input.p-dropdown-label  {
     right: -8%; }
 }
 
+.p-rating {
+    display: flex;
+    align-items: center;
+}
+
+.p-rating-item {
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+}
+
+.p-rating.p-readonly .p-rating-item {
+    cursor: default;
+}
+
+.p-radiobutton {
+    display: inline-flex;
+    cursor: pointer;
+    user-select: none;
+    vertical-align: bottom;
+}
+
+.p-radiobutton-box {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.p-radiobutton-icon {
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transform: translateZ(0) scale(.1);
+    border-radius: 50%;
+    visibility: hidden;
+}
+
+.p-radiobutton-box.p-highlight .p-radiobutton-icon {
+    transform: translateZ(0) scale(1.0, 1.0);
+    visibility: visible;
+}
+
 .p-progress-spinner {
     position: relative;
     margin: 0 auto;
@@ -4618,40 +4660,6 @@ input.p-dropdown-label  {
     }
 }
 
-.p-radiobutton {
-    display: inline-flex;
-    cursor: pointer;
-    user-select: none;
-    vertical-align: bottom;
-}
-
-.p-radiobutton-box {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.p-radiobutton-icon {
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-    transform: translateZ(0) scale(.1);
-    border-radius: 50%;
-    visibility: hidden;
-}
-
-.p-radiobutton-box.p-highlight .p-radiobutton-icon {
-    transform: translateZ(0) scale(1.0, 1.0);
-    visibility: visible;
-}
-
-.p-rating-icon {
-    cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-icon {
-    cursor: default;
-}
-
 .p-ripple {
     overflow: hidden;
     position: relative;
@@ -5022,38 +5030,83 @@ input.p-dropdown-label  {
         transform: translateX(100%);
     }
 }
-.p-slidemenu {
-    width: 12.5em;
+.p-slider {
+	position: relative;
 }
 
-.p-slidemenu.p-slidemenu-overlay {
-    position: absolute;
+.p-slider .p-slider-handle {
+	position: absolute;
+	cursor: grab;
+    touch-action: none;
+    display: block;
+    z-index: 1;
 }
 
-.p-slidemenu .p-menu-separator {
-    border-width: 1px 0 0 0;
+.p-slider .p-slider-handle.p-slider-handle-active {
+    z-index: 2;
 }
 
-.p-slidemenu ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
+.p-slider-range {
+	position: absolute;
+    display: block;
 }
 
-.p-slidemenu .p-slidemenu-rootlist {
-    position: absolute;
+.p-slider-horizontal .p-slider-range {
     top: 0;
+    left: 0;
+	height: 100%;
 }
 
-.p-slidemenu .p-submenu-list {
-    display: none;
-    position: absolute;
-    top: 0;
-    width: 12.5em;
+.p-slider-horizontal .p-slider-handle {
+    top: 50%;
 }
 
-.p-slidemenu .p-menuitem-link {
-    cursor: pointer;
+.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-slidemenu {
+    width: 12.5em;
+}
+
+.p-slidemenu.p-slidemenu-overlay {
+    position: absolute;
+}
+
+.p-slidemenu .p-menu-separator {
+    border-width: 1px 0 0 0;
+}
+
+.p-slidemenu ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.p-slidemenu .p-slidemenu-rootlist {
+    position: absolute;
+    top: 0;
+}
+
+.p-slidemenu .p-submenu-list {
+    display: none;
+    position: absolute;
+    top: 0;
+    width: 12.5em;
+}
+
+.p-slidemenu .p-menuitem-link {
+    cursor: pointer;
     display: flex;
     align-items: center;
     text-decoration: none;
@@ -5111,51 +5164,6 @@ 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-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-speeddial {
     position: absolute;
     display: flex;
@@ -5267,38 +5275,6 @@ input.p-dropdown-label  {
     flex-direction: row;
 }
 
-.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-splitter {
     display: flex;
     flex-wrap: nowrap;
@@ -5406,6 +5382,38 @@ input.p-dropdown-label  {
     display: block;
 }
 
+.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-tabmenu {
     overflow-x: auto;
 }
@@ -5607,6 +5615,104 @@ input.p-dropdown-label  {
     left: -100%;
 }
 
+.p-toast {
+    position: fixed;
+    width: 25rem;
+}
+
+.p-toast-message-content {
+    display: flex;
+    align-items: flex-start;
+}
+
+.p-toast-message-text {
+    flex: 1 1 auto;
+}
+
+.p-toast-detail {
+    overflow-wrap: anywhere;
+}
+
+.p-toast-top-right {
+	top: 20px;
+	right: 20px;
+}
+
+.p-toast-top-left {
+	top: 20px;
+	left: 20px;
+}
+
+.p-toast-bottom-left {
+	bottom: 20px;
+	left: 20px;
+}
+
+.p-toast-bottom-right {
+	bottom: 20px;
+	right: 20px;
+}
+
+.p-toast-top-center {
+	top: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.p-toast-bottom-center {
+	bottom: 20px;
+	left: 50%;
+    transform: translateX(-50%);
+}
+
+.p-toast-center {
+	left: 50%;
+	top: 50%;
+    min-width: 20vw;
+    transform: translate(-50%, -50%);
+}
+
+.p-toast-icon-close {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-toast-icon-close.p-link {
+	cursor: pointer;
+}
+
+/* Animations */
+.p-toast-message-enter {
+    opacity: 0;
+    transform: translateY(50%);
+}
+
+.p-toast-message-enter-active {
+    opacity: 1;
+    transform: translateY(0);
+    transition: transform .3s, opacity .3s;
+}
+
+.p-toast-message-enter-done {
+    transform: none;
+}
+
+.p-toast-message-exit {
+    opacity: 1;
+    max-height: 1000px;
+}
+
+.p-toast-message-exit-active {
+    opacity: 0;
+    max-height: 0;
+    margin-bottom: 0;
+    overflow: hidden;
+    transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;
+}
+
 .p-timeline {
     display: flex;
     flex-grow: 1;
@@ -5718,104 +5824,6 @@ input.p-dropdown-label  {
     flex-direction: column-reverse;
 }
 
-.p-toast {
-    position: fixed;
-    width: 25rem;
-}
-
-.p-toast-message-content {
-    display: flex;
-    align-items: flex-start;
-}
-
-.p-toast-message-text {
-    flex: 1 1 auto;
-}
-
-.p-toast-detail {
-    overflow-wrap: anywhere;
-}
-
-.p-toast-top-right {
-	top: 20px;
-	right: 20px;
-}
-
-.p-toast-top-left {
-	top: 20px;
-	left: 20px;
-}
-
-.p-toast-bottom-left {
-	bottom: 20px;
-	left: 20px;
-}
-
-.p-toast-bottom-right {
-	bottom: 20px;
-	right: 20px;
-}
-
-.p-toast-top-center {
-	top: 20px;
-    left: 50%;
-    transform: translateX(-50%);
-}
-
-.p-toast-bottom-center {
-	bottom: 20px;
-	left: 50%;
-    transform: translateX(-50%);
-}
-
-.p-toast-center {
-	left: 50%;
-	top: 50%;
-    min-width: 20vw;
-    transform: translate(-50%, -50%);
-}
-
-.p-toast-icon-close {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-toast-icon-close.p-link {
-	cursor: pointer;
-}
-
-/* Animations */
-.p-toast-message-enter {
-    opacity: 0;
-    transform: translateY(50%);
-}
-
-.p-toast-message-enter-active {
-    opacity: 1;
-    transform: translateY(0);
-    transition: transform .3s, opacity .3s;
-}
-
-.p-toast-message-enter-done {
-    transform: none;
-}
-
-.p-toast-message-exit {
-    opacity: 1;
-    max-height: 1000px;
-}
-
-.p-toast-message-exit-active {
-    opacity: 0;
-    max-height: 0;
-    margin-bottom: 0;
-    overflow: hidden;
-    transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;
-}
-
 .p-toolbar {
     display: flex;
     align-items: center;