primereact 9.1.0 → 9.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/accordion/package.json +7 -0
  2. package/api/package.json +7 -0
  3. package/autocomplete/package.json +7 -0
  4. package/avatar/package.json +7 -0
  5. package/avatargroup/package.json +7 -0
  6. package/badge/package.json +7 -0
  7. package/blockui/package.json +7 -0
  8. package/breadcrumb/package.json +7 -0
  9. package/button/package.json +7 -0
  10. package/calendar/package.json +7 -0
  11. package/card/package.json +7 -0
  12. package/carousel/package.json +7 -0
  13. package/cascadeselect/package.json +7 -0
  14. package/chart/package.json +7 -0
  15. package/checkbox/package.json +7 -0
  16. package/chip/package.json +7 -0
  17. package/chips/package.json +7 -0
  18. package/colorpicker/package.json +7 -0
  19. package/column/package.json +7 -0
  20. package/columngroup/package.json +7 -0
  21. package/confirmdialog/package.json +7 -0
  22. package/confirmpopup/package.json +7 -0
  23. package/contextmenu/package.json +7 -0
  24. package/csstransition/package.json +7 -0
  25. package/datascroller/package.json +7 -0
  26. package/datatable/package.json +7 -0
  27. package/dataview/package.json +7 -0
  28. package/deferredcontent/package.json +7 -0
  29. package/dialog/package.json +7 -0
  30. package/divider/package.json +7 -0
  31. package/dock/package.json +7 -0
  32. package/dropdown/package.json +7 -0
  33. package/editor/package.json +7 -0
  34. package/fieldset/package.json +7 -0
  35. package/fileupload/package.json +7 -0
  36. package/galleria/package.json +7 -0
  37. package/hooks/package.json +7 -0
  38. package/image/package.json +7 -0
  39. package/inplace/package.json +7 -0
  40. package/inputmask/package.json +7 -0
  41. package/inputnumber/package.json +7 -0
  42. package/inputswitch/package.json +7 -0
  43. package/inputtext/package.json +7 -0
  44. package/inputtextarea/package.json +7 -0
  45. package/keyfilter/package.json +7 -0
  46. package/knob/package.json +7 -0
  47. package/listbox/package.json +7 -0
  48. package/megamenu/package.json +7 -0
  49. package/mention/package.json +7 -0
  50. package/menu/package.json +7 -0
  51. package/menubar/package.json +7 -0
  52. package/menuitem/package.json +4 -0
  53. package/message/package.json +7 -0
  54. package/messages/package.json +7 -0
  55. package/multiselect/package.json +7 -0
  56. package/multistatecheckbox/package.json +7 -0
  57. package/orderlist/package.json +7 -0
  58. package/organizationchart/package.json +7 -0
  59. package/overlaypanel/package.json +7 -0
  60. package/overlayservice/package.json +7 -0
  61. package/package.json +1 -1
  62. package/paginator/package.json +7 -0
  63. package/panel/package.json +7 -0
  64. package/panelmenu/package.json +7 -0
  65. package/password/package.json +7 -0
  66. package/picklist/package.json +7 -0
  67. package/portal/package.json +6 -0
  68. package/progressbar/package.json +7 -0
  69. package/progressspinner/package.json +7 -0
  70. package/radiobutton/package.json +7 -0
  71. package/rating/package.json +7 -0
  72. package/resources/primereact.css +863 -863
  73. package/resources/primereact.min.css +1 -1
  74. package/ripple/package.json +7 -0
  75. package/row/package.json +7 -0
  76. package/scrollpanel/package.json +7 -0
  77. package/scrolltop/package.json +7 -0
  78. package/selectbutton/package.json +7 -0
  79. package/selectitem/package.json +4 -0
  80. package/sidebar/package.json +7 -0
  81. package/skeleton/package.json +7 -0
  82. package/slidemenu/package.json +7 -0
  83. package/slider/package.json +7 -0
  84. package/speeddial/package.json +7 -0
  85. package/splitbutton/package.json +7 -0
  86. package/splitter/package.json +7 -0
  87. package/steps/package.json +7 -0
  88. package/styleclass/package.json +7 -0
  89. package/tabmenu/package.json +7 -0
  90. package/tabview/package.json +7 -0
  91. package/tag/package.json +7 -0
  92. package/terminal/package.json +7 -0
  93. package/terminalservice/package.json +7 -0
  94. package/tieredmenu/package.json +7 -0
  95. package/timeline/package.json +7 -0
  96. package/toast/package.json +7 -0
  97. package/togglebutton/package.json +7 -0
  98. package/toolbar/package.json +7 -0
  99. package/tooltip/package.json +7 -0
  100. package/tree/package.json +7 -0
  101. package/treenode/package.json +4 -0
  102. package/treeselect/package.json +7 -0
  103. package/treetable/package.json +7 -0
  104. package/tristatecheckbox/package.json +7 -0
  105. package/utils/package.json +7 -0
  106. package/virtualscroller/package.json +7 -0
  107. package/web-types.json +1 -1
@@ -187,6 +187,40 @@
187
187
  line-height: 1;
188
188
  }
189
189
 
190
+ .p-avatar {
191
+ display: inline-flex;
192
+ align-items: center;
193
+ justify-content: center;
194
+ width: 2rem;
195
+ height: 2rem;
196
+ font-size: 1rem;
197
+ }
198
+
199
+ .p-avatar.p-avatar-image {
200
+ background-color: transparent;
201
+ }
202
+
203
+ .p-avatar-circle {
204
+ border-radius: 50%;
205
+ }
206
+
207
+ .p-avatar-circle img {
208
+ border-radius: 50%;
209
+ }
210
+
211
+ .p-avatar .p-avatar-icon {
212
+ font-size: 1rem;
213
+ }
214
+
215
+ .p-avatar img {
216
+ width: 100%;
217
+ height: 100%;
218
+ }
219
+
220
+ .p-avatar-clickable {
221
+ cursor: pointer;
222
+ }
223
+
190
224
  .p-autocomplete {
191
225
  display: inline-flex;
192
226
  position: relative;
@@ -284,40 +318,6 @@
284
318
  width: 1%;
285
319
  }
286
320
 
287
- .p-avatar {
288
- display: inline-flex;
289
- align-items: center;
290
- justify-content: center;
291
- width: 2rem;
292
- height: 2rem;
293
- font-size: 1rem;
294
- }
295
-
296
- .p-avatar.p-avatar-image {
297
- background-color: transparent;
298
- }
299
-
300
- .p-avatar-circle {
301
- border-radius: 50%;
302
- }
303
-
304
- .p-avatar-circle img {
305
- border-radius: 50%;
306
- }
307
-
308
- .p-avatar .p-avatar-icon {
309
- font-size: 1rem;
310
- }
311
-
312
- .p-avatar img {
313
- width: 100%;
314
- height: 100%;
315
- }
316
-
317
- .p-avatar-clickable {
318
- cursor: pointer;
319
- }
320
-
321
321
  .p-avatar-group .p-avatar + .p-avatar {
322
322
  margin-left: -1rem;
323
323
  }
@@ -650,6 +650,10 @@
650
650
  position: relative;
651
651
  }
652
652
 
653
+ .p-card-header img {
654
+ width: 100%;
655
+ }
656
+
653
657
  .p-carousel {
654
658
  display: flex;
655
659
  flex-direction: column;
@@ -720,10 +724,6 @@
720
724
  visibility: visible;
721
725
  }
722
726
 
723
- .p-card-header img {
724
- width: 100%;
725
- }
726
-
727
727
  .p-cascadeselect {
728
728
  display: inline-flex;
729
729
  cursor: pointer;
@@ -812,9 +812,6 @@
812
812
  top: 0;
813
813
  }
814
814
 
815
- .p-chart {
816
- position: relative
817
- }
818
815
  .p-checkbox {
819
816
  display: inline-flex;
820
817
  cursor: pointer;
@@ -833,6 +830,28 @@
833
830
  align-items: center;
834
831
  }
835
832
 
833
+ .p-chip {
834
+ display: inline-flex;
835
+ align-items: center;
836
+ }
837
+
838
+ .p-chip-text {
839
+ line-height: 1.5;
840
+ }
841
+
842
+ .p-chip-icon.pi {
843
+ line-height: 1.5;
844
+ }
845
+
846
+ .p-chip .p-chip-remove-icon {
847
+ line-height: 1.5;
848
+ cursor: pointer;
849
+ }
850
+
851
+ .p-chip img {
852
+ border-radius: 50%;
853
+ }
854
+
836
855
  .p-chips {
837
856
  display: inline-flex;
838
857
  }
@@ -879,6 +898,9 @@
879
898
  display: flex;
880
899
  }
881
900
 
901
+ .p-chart {
902
+ position: relative
903
+ }
882
904
  .p-colorpicker {
883
905
  display: inline-block;
884
906
  }
@@ -969,28 +991,6 @@
969
991
  background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACWCAIAAAC3uvTNAAAA7ElEQVRYw+2YUQqDQAxEh9GWuqV6Be9/JT88RN0VRUuv0ElBwhKY3yF5m90kLKd+mF/975r6geNyjm9Fy0kgqTJ6nqoIdGKczjmPJU5tZxA8wWPL7YOHKhZAlcmTAVVcxSCrMbfgqY/H6JEOoASPe56tgSrqLR7U2zWojwWjJ3jq47HEiZoGTwJxP1RRXw8y9RZfCMhbhTHOVTxXnUFtPJ5rGjzu35y2KfKGQxWT2K4TQL1d2zz6KAH1kRU8wfOXx+37qY3Hct+aDaqot2u7R/wMuDS3qnj0z0HqK4X/+kRNHdfUwFP2Nisqe/sFuUZiVjC9HCUAAAAASUVORK5CYII=') no-repeat left top;
970
992
  }
971
993
 
972
- .p-chip {
973
- display: inline-flex;
974
- align-items: center;
975
- }
976
-
977
- .p-chip-text {
978
- line-height: 1.5;
979
- }
980
-
981
- .p-chip-icon.pi {
982
- line-height: 1.5;
983
- }
984
-
985
- .p-chip .p-chip-remove-icon {
986
- line-height: 1.5;
987
- cursor: pointer;
988
- }
989
-
990
- .p-chip img {
991
- border-radius: 50%;
992
- }
993
-
994
994
  .p-confirm-popup {
995
995
  position: absolute;
996
996
  top: 50%;
@@ -1041,6 +1041,34 @@
1041
1041
  align-items: center;
1042
1042
  }
1043
1043
 
1044
+ .p-datascroller {
1045
+ }
1046
+
1047
+ .p-datascroller .p-datascroller-header {
1048
+ text-align: center;
1049
+ padding: .5em .75em;
1050
+ border-bottom: 0 none;
1051
+ }
1052
+
1053
+ .p-datascroller .p-datascroller-footer {
1054
+ text-align: center;
1055
+ padding: .25em .625em;
1056
+ border-top: 0px none;
1057
+ }
1058
+
1059
+ .p-datascroller .p-datascroller-content {
1060
+ padding: .25em .625em;
1061
+ }
1062
+
1063
+ .p-datascroller-inline .p-datascroller-content {
1064
+ overflow: auto;
1065
+ }
1066
+
1067
+ .p-datascroller .p-datascroller-list {
1068
+ list-style-type: none;
1069
+ margin: 0;
1070
+ padding: 0;
1071
+ }
1044
1072
  .p-contextmenu {
1045
1073
  position: absolute;
1046
1074
  }
@@ -1087,34 +1115,6 @@
1087
1115
  transition: opacity 250ms;
1088
1116
  }
1089
1117
 
1090
- .p-datascroller {
1091
- }
1092
-
1093
- .p-datascroller .p-datascroller-header {
1094
- text-align: center;
1095
- padding: .5em .75em;
1096
- border-bottom: 0 none;
1097
- }
1098
-
1099
- .p-datascroller .p-datascroller-footer {
1100
- text-align: center;
1101
- padding: .25em .625em;
1102
- border-top: 0px none;
1103
- }
1104
-
1105
- .p-datascroller .p-datascroller-content {
1106
- padding: .25em .625em;
1107
- }
1108
-
1109
- .p-datascroller-inline .p-datascroller-content {
1110
- overflow: auto;
1111
- }
1112
-
1113
- .p-datascroller .p-datascroller-list {
1114
- list-style-type: none;
1115
- margin: 0;
1116
- padding: 0;
1117
- }
1118
1118
  .p-datatable {
1119
1119
  position: relative;
1120
1120
  }
@@ -1790,213 +1790,213 @@
1790
1790
  .p-divider-dotted.p-divider-horizontal:before {
1791
1791
  border-left-style: dotted;
1792
1792
  }
1793
- .p-dropdown {
1794
- display: inline-flex;
1795
- cursor: pointer;
1796
- position: relative;
1797
- user-select: none;
1793
+ .p-dock {
1794
+ position: absolute;
1795
+ z-index: 1;
1796
+ display: flex;
1797
+ justify-content: center;
1798
+ align-items: center;
1799
+ pointer-events: none;
1798
1800
  }
1799
1801
 
1800
- .p-dropdown-clear-icon {
1801
- position: absolute;
1802
- top: 50%;
1803
- margin-top: -.5rem;
1802
+ .p-dock-container {
1803
+ display: flex;
1804
+ pointer-events: auto;
1804
1805
  }
1805
1806
 
1806
- .p-dropdown-trigger {
1807
+ .p-dock-list {
1808
+ margin: 0;
1809
+ padding: 0;
1810
+ list-style: none;
1807
1811
  display: flex;
1808
1812
  align-items: center;
1809
1813
  justify-content: center;
1810
- flex-shrink: 0;
1814
+ pointer-events: auto;
1811
1815
  }
1812
1816
 
1813
- .p-dropdown-label {
1814
- display: block;
1815
- white-space: nowrap;
1816
- overflow: hidden;
1817
- flex: 1 1 auto;
1818
- width: 1%;
1819
- text-overflow: ellipsis;
1820
- cursor: pointer;
1817
+ .p-dock-magnification .p-dock-item {
1818
+ transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
1819
+ will-change: transform;
1821
1820
  }
1822
1821
 
1823
- .p-dropdown-label-empty {
1822
+ .p-dock-action {
1823
+ display: flex;
1824
+ flex-direction: column;
1825
+ align-items: center;
1826
+ justify-content: center;
1827
+ position: relative;
1824
1828
  overflow: hidden;
1825
- visibility: hidden;
1829
+ cursor: default;
1826
1830
  }
1827
1831
 
1828
- input.p-dropdown-label {
1829
- cursor: default;
1832
+ .p-dock-magnification .p-dock-item-second-prev,
1833
+ .p-dock-magnification .p-dock-item-second-next {
1834
+ transform: scale(1.2);
1830
1835
  }
1831
1836
 
1832
- .p-dropdown .p-dropdown-panel {
1833
- min-width: 100%;
1837
+ .p-dock-magnification .p-dock-item-prev,
1838
+ .p-dock-magnification .p-dock-item-next {
1839
+ transform: scale(1.4);
1834
1840
  }
1835
1841
 
1836
- .p-dropdown-panel {
1837
- position: absolute;
1838
- top: 0;
1842
+ .p-dock-magnification .p-dock-item-current {
1843
+ transform: scale(1.6);
1844
+ z-index: 1;
1845
+ }
1846
+
1847
+ /* Position */
1848
+ /* top */
1849
+ .p-dock-top {
1839
1850
  left: 0;
1851
+ top: 0;
1852
+ width: 100%;
1840
1853
  }
1841
1854
 
1842
- .p-dropdown-items-wrapper {
1843
- overflow: auto;
1855
+ .p-dock-top.p-dock-magnification .p-dock-item {
1856
+ transform-origin: center top;
1844
1857
  }
1845
1858
 
1846
- .p-dropdown-item {
1847
- cursor: pointer;
1848
- font-weight: normal;
1849
- white-space: nowrap;
1850
- position: relative;
1851
- overflow: hidden;
1859
+ .p-dock-top .p-dock-container {
1860
+ flex-direction: column-reverse;
1852
1861
  }
1853
1862
 
1854
- .p-dropdown-items {
1855
- margin: 0;
1856
- padding: 0;
1857
- list-style-type: none;
1863
+ /* bottom */
1864
+ .p-dock-bottom {
1865
+ left: 0;
1866
+ bottom: 0;
1867
+ width: 100%;
1858
1868
  }
1859
1869
 
1860
- .p-dropdown-filter {
1861
- width: 100%;
1870
+ .p-dock-bottom.p-dock-magnification .p-dock-item {
1871
+ transform-origin: center bottom;
1862
1872
  }
1863
1873
 
1864
- .p-dropdown-filter-container {
1865
- position: relative;
1874
+ .p-dock-bottom .p-dock-container {
1875
+ flex-direction: column;
1866
1876
  }
1867
1877
 
1868
- .p-dropdown-filter-icon,
1869
- .p-dropdown-filter-clear-icon {
1870
- position: absolute;
1871
- top: 50%;
1872
- margin-top: -.5rem;
1878
+ /* right */
1879
+ .p-dock-right {
1880
+ right: 0;
1881
+ top: 0;
1882
+ height: 100%;
1873
1883
  }
1874
1884
 
1875
- .p-fluid .p-dropdown {
1876
- display: flex;
1885
+ .p-dock-right.p-dock-magnification .p-dock-item {
1886
+ transform-origin: center right;
1877
1887
  }
1878
1888
 
1879
- .p-fluid .p-dropdown .p-dropdown-label {
1880
- width: 1%;
1889
+ .p-dock-right .p-dock-list {
1890
+ flex-direction: column;
1881
1891
  }
1882
1892
 
1883
- .p-dock {
1884
- position: absolute;
1885
- z-index: 1;
1886
- display: flex;
1887
- justify-content: center;
1888
- align-items: center;
1889
- pointer-events: none;
1893
+ /* left */
1894
+ .p-dock-left {
1895
+ left: 0;
1896
+ top: 0;
1897
+ height: 100%;
1890
1898
  }
1891
1899
 
1892
- .p-dock-container {
1893
- display: flex;
1894
- pointer-events: auto;
1900
+ .p-dock-left.p-dock-magnification .p-dock-item {
1901
+ transform-origin: center left;
1895
1902
  }
1896
1903
 
1897
- .p-dock-list {
1898
- margin: 0;
1899
- padding: 0;
1900
- list-style: none;
1901
- display: flex;
1902
- align-items: center;
1903
- justify-content: center;
1904
- pointer-events: auto;
1904
+ .p-dock-left .p-dock-list {
1905
+ flex-direction: column;
1905
1906
  }
1906
1907
 
1907
- .p-dock-magnification .p-dock-item {
1908
- transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
1909
- will-change: transform;
1908
+ .p-dock-left .p-dock-container {
1909
+ flex-direction: row-reverse;
1910
1910
  }
1911
1911
 
1912
- .p-dock-action {
1913
- display: flex;
1914
- flex-direction: column;
1915
- align-items: center;
1916
- justify-content: center;
1912
+ .p-dropdown {
1913
+ display: inline-flex;
1914
+ cursor: pointer;
1917
1915
  position: relative;
1918
- overflow: hidden;
1919
- cursor: default;
1916
+ user-select: none;
1920
1917
  }
1921
1918
 
1922
- .p-dock-magnification .p-dock-item-second-prev,
1923
- .p-dock-magnification .p-dock-item-second-next {
1924
- transform: scale(1.2);
1919
+ .p-dropdown-clear-icon {
1920
+ position: absolute;
1921
+ top: 50%;
1922
+ margin-top: -.5rem;
1925
1923
  }
1926
1924
 
1927
- .p-dock-magnification .p-dock-item-prev,
1928
- .p-dock-magnification .p-dock-item-next {
1929
- transform: scale(1.4);
1925
+ .p-dropdown-trigger {
1926
+ display: flex;
1927
+ align-items: center;
1928
+ justify-content: center;
1929
+ flex-shrink: 0;
1930
1930
  }
1931
1931
 
1932
- .p-dock-magnification .p-dock-item-current {
1933
- transform: scale(1.6);
1934
- z-index: 1;
1932
+ .p-dropdown-label {
1933
+ display: block;
1934
+ white-space: nowrap;
1935
+ overflow: hidden;
1936
+ flex: 1 1 auto;
1937
+ width: 1%;
1938
+ text-overflow: ellipsis;
1939
+ cursor: pointer;
1935
1940
  }
1936
1941
 
1937
- /* Position */
1938
- /* top */
1939
- .p-dock-top {
1940
- left: 0;
1941
- top: 0;
1942
- width: 100%;
1942
+ .p-dropdown-label-empty {
1943
+ overflow: hidden;
1944
+ visibility: hidden;
1943
1945
  }
1944
1946
 
1945
- .p-dock-top.p-dock-magnification .p-dock-item {
1946
- transform-origin: center top;
1947
+ input.p-dropdown-label {
1948
+ cursor: default;
1947
1949
  }
1948
1950
 
1949
- .p-dock-top .p-dock-container {
1950
- flex-direction: column-reverse;
1951
+ .p-dropdown .p-dropdown-panel {
1952
+ min-width: 100%;
1951
1953
  }
1952
1954
 
1953
- /* bottom */
1954
- .p-dock-bottom {
1955
+ .p-dropdown-panel {
1956
+ position: absolute;
1957
+ top: 0;
1955
1958
  left: 0;
1956
- bottom: 0;
1957
- width: 100%;
1958
- }
1959
-
1960
- .p-dock-bottom.p-dock-magnification .p-dock-item {
1961
- transform-origin: center bottom;
1962
1959
  }
1963
1960
 
1964
- .p-dock-bottom .p-dock-container {
1965
- flex-direction: column;
1961
+ .p-dropdown-items-wrapper {
1962
+ overflow: auto;
1966
1963
  }
1967
1964
 
1968
- /* right */
1969
- .p-dock-right {
1970
- right: 0;
1971
- top: 0;
1972
- height: 100%;
1965
+ .p-dropdown-item {
1966
+ cursor: pointer;
1967
+ font-weight: normal;
1968
+ white-space: nowrap;
1969
+ position: relative;
1970
+ overflow: hidden;
1973
1971
  }
1974
1972
 
1975
- .p-dock-right.p-dock-magnification .p-dock-item {
1976
- transform-origin: center right;
1973
+ .p-dropdown-items {
1974
+ margin: 0;
1975
+ padding: 0;
1976
+ list-style-type: none;
1977
1977
  }
1978
1978
 
1979
- .p-dock-right .p-dock-list {
1980
- flex-direction: column;
1979
+ .p-dropdown-filter {
1980
+ width: 100%;
1981
1981
  }
1982
1982
 
1983
- /* left */
1984
- .p-dock-left {
1985
- left: 0;
1986
- top: 0;
1987
- height: 100%;
1983
+ .p-dropdown-filter-container {
1984
+ position: relative;
1988
1985
  }
1989
1986
 
1990
- .p-dock-left.p-dock-magnification .p-dock-item {
1991
- transform-origin: center left;
1987
+ .p-dropdown-filter-icon,
1988
+ .p-dropdown-filter-clear-icon {
1989
+ position: absolute;
1990
+ top: 50%;
1991
+ margin-top: -.5rem;
1992
1992
  }
1993
1993
 
1994
- .p-dock-left .p-dock-list {
1995
- flex-direction: column;
1994
+ .p-fluid .p-dropdown {
1995
+ display: flex;
1996
1996
  }
1997
1997
 
1998
- .p-dock-left .p-dock-container {
1999
- flex-direction: row-reverse;
1998
+ .p-fluid .p-dropdown .p-dropdown-label {
1999
+ width: 1%;
2000
2000
  }
2001
2001
 
2002
2002
  /*!
@@ -2945,23 +2945,63 @@ input.p-dropdown-label {
2945
2945
  border: 1px solid #ccc;
2946
2946
  }
2947
2947
 
2948
- .p-fieldset-legend > a,
2949
- .p-fieldset-legend > span {
2948
+ .p-fileupload-content {
2949
+ position: relative;
2950
+ }
2951
+
2952
+ .p-fileupload-row {
2950
2953
  display: flex;
2951
2954
  align-items: center;
2952
- justify-content: center;
2953
2955
  }
2954
2956
 
2955
- .p-fieldset-toggleable .p-fieldset-legend a {
2956
- cursor: pointer;
2957
- user-select: none;
2958
- overflow: hidden;
2957
+ .p-fileupload-row > div {
2958
+ flex: 1 1 auto;
2959
+ width: 25%;
2960
+ }
2961
+
2962
+ .p-fileupload-row > div:last-child {
2963
+ text-align: right;
2964
+ }
2965
+
2966
+ .p-fileupload-content > .p-progressbar {
2967
+ width: 100%;
2968
+ position: absolute;
2969
+ top: 0;
2970
+ left: 0;
2971
+ }
2972
+
2973
+ .p-button.p-fileupload-choose {
2959
2974
  position: relative;
2960
- text-decoration: none;
2975
+ overflow: hidden;
2961
2976
  }
2962
2977
 
2963
- .p-fieldset-legend-text {
2964
- line-height: 1;
2978
+ .p-fileupload-buttonbar {
2979
+ display: flex;
2980
+ flex-wrap: wrap;
2981
+ }
2982
+
2983
+ .p-button.p-fileupload-choose input[type=file] {
2984
+ display: none;
2985
+ }
2986
+
2987
+ .p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
2988
+ display: none;
2989
+ }
2990
+
2991
+ .p-fileupload-filename {
2992
+ word-break: break-all;
2993
+ }
2994
+
2995
+ .p-fileupload-file-thumbnail {
2996
+ flex-shrink: 0;
2997
+ }
2998
+
2999
+ .p-fileupload-file-badge {
3000
+ margin: 0.5rem;
3001
+ }
3002
+
3003
+ .p-fluid .p-fileupload .p-button {
3004
+ width: auto;
2965
3005
  }
2966
3006
 
2967
3007
  .p-galleria-content {
@@ -3263,63 +3303,23 @@ input.p-dropdown-label {
3263
3303
  visibility: visible;
3264
3304
  }
3265
3305
 
3266
- .p-fileupload-content {
3267
- position: relative;
3268
- }
3269
-
3270
- .p-fileupload-row {
3306
+ .p-fieldset-legend > a,
3307
+ .p-fieldset-legend > span {
3271
3308
  display: flex;
3272
3309
  align-items: center;
3310
+ justify-content: center;
3273
3311
  }
3274
3312
 
3275
- .p-fileupload-row > div {
3276
- flex: 1 1 auto;
3277
- width: 25%;
3278
- }
3279
-
3280
- .p-fileupload-row > div:last-child {
3281
- text-align: right;
3282
- }
3283
-
3284
- .p-fileupload-content > .p-progressbar {
3285
- width: 100%;
3286
- position: absolute;
3287
- top: 0;
3288
- left: 0;
3289
- }
3290
-
3291
- .p-button.p-fileupload-choose {
3292
- position: relative;
3313
+ .p-fieldset-toggleable .p-fieldset-legend a {
3314
+ cursor: pointer;
3315
+ user-select: none;
3293
3316
  overflow: hidden;
3317
+ position: relative;
3318
+ text-decoration: none;
3294
3319
  }
3295
3320
 
3296
- .p-fileupload-buttonbar {
3297
- display: flex;
3298
- flex-wrap: wrap;
3299
- }
3300
-
3301
- .p-button.p-fileupload-choose input[type=file] {
3302
- display: none;
3303
- }
3304
-
3305
- .p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
3306
- display: none;
3307
- }
3308
-
3309
- .p-fileupload-filename {
3310
- word-break: break-all;
3311
- }
3312
-
3313
- .p-fileupload-file-thumbnail {
3314
- flex-shrink: 0;
3315
- }
3316
-
3317
- .p-fileupload-file-badge {
3318
- margin: 0.5rem;
3319
- }
3320
-
3321
- .p-fluid .p-fileupload .p-button {
3322
- width: auto;
3321
+ .p-fieldset-legend-text {
3322
+ line-height: 1;
3323
3323
  }
3324
3324
 
3325
3325
  .p-image-mask {
@@ -3426,27 +3426,6 @@ input.p-dropdown-label {
3426
3426
  margin-left: .25rem;
3427
3427
  }
3428
3428
 
3429
- .p-inputswitch {
3430
- position: relative;
3431
- display: inline-block;
3432
- }
3433
-
3434
- .p-inputswitch-slider {
3435
- position: absolute;
3436
- cursor: pointer;
3437
- top: 0;
3438
- left: 0;
3439
- right: 0;
3440
- bottom: 0;
3441
- border: 1px solid transparent;
3442
- }
3443
-
3444
- .p-inputswitch-slider:before {
3445
- position: absolute;
3446
- content: "";
3447
- top: 50%;
3448
- }
3449
-
3450
3429
  .p-inputnumber {
3451
3430
  display: inline-flex;
3452
3431
  }
@@ -3548,13 +3527,25 @@ input.p-dropdown-label {
3548
3527
  width: 100%;
3549
3528
  }
3550
3529
 
3551
- .p-inputtextarea-resizable {
3552
- overflow: hidden;
3553
- resize: none;
3530
+ .p-inputswitch {
3531
+ position: relative;
3532
+ display: inline-block;
3554
3533
  }
3555
3534
 
3556
- .p-fluid .p-inputtextarea {
3557
- width: 100%;
3535
+ .p-inputswitch-slider {
3536
+ position: absolute;
3537
+ cursor: pointer;
3538
+ top: 0;
3539
+ left: 0;
3540
+ right: 0;
3541
+ bottom: 0;
3542
+ border: 1px solid transparent;
3543
+ }
3544
+
3545
+ .p-inputswitch-slider:before {
3546
+ position: absolute;
3547
+ content: "";
3548
+ top: 50%;
3558
3549
  }
3559
3550
 
3560
3551
  .p-inputtext {
@@ -3680,33 +3671,12 @@ input.p-dropdown-label {
3680
3671
  font-size: 1.3rem;
3681
3672
  text-align: center;
3682
3673
  }
3683
- .p-listbox-list-wrapper {
3684
- overflow: auto;
3685
- }
3686
-
3687
- .p-listbox-list {
3688
- list-style-type: none;
3689
- margin: 0;
3690
- padding: 0;
3691
- }
3692
-
3693
- .p-listbox-item {
3694
- cursor: pointer;
3695
- position: relative;
3674
+ .p-inputtextarea-resizable {
3696
3675
  overflow: hidden;
3676
+ resize: none;
3697
3677
  }
3698
3678
 
3699
- .p-listbox-filter-container {
3700
- position: relative;
3701
- }
3702
-
3703
- .p-listbox-filter-icon {
3704
- position: absolute;
3705
- top: 50%;
3706
- margin-top: -.5rem;
3707
- }
3708
-
3709
- .p-listbox-filter {
3679
+ .p-fluid .p-inputtextarea {
3710
3680
  width: 100%;
3711
3681
  }
3712
3682
 
@@ -3749,6 +3719,32 @@ input.p-dropdown-label {
3749
3719
  display: flex;
3750
3720
  }
3751
3721
 
3722
+ .p-menu-overlay {
3723
+ position: absolute;
3724
+ /* Github #3122: Prevent animation flickering */
3725
+ top: -9999px;
3726
+ left: -9999px;
3727
+ }
3728
+
3729
+ .p-menu ul {
3730
+ margin: 0;
3731
+ padding: 0;
3732
+ list-style: none;
3733
+ }
3734
+
3735
+ .p-menu .p-menuitem-link {
3736
+ cursor: pointer;
3737
+ display: flex;
3738
+ align-items: center;
3739
+ text-decoration: none;
3740
+ overflow: hidden;
3741
+ position: relative;
3742
+ }
3743
+
3744
+ .p-menu .p-menuitem-text {
3745
+ line-height: 1;
3746
+ }
3747
+
3752
3748
  .p-megamenu {
3753
3749
  display: flex;
3754
3750
  }
@@ -3862,6 +3858,36 @@ input.p-dropdown-label {
3862
3858
  width: 100%;
3863
3859
  }
3864
3860
 
3861
+ .p-listbox-list-wrapper {
3862
+ overflow: auto;
3863
+ }
3864
+
3865
+ .p-listbox-list {
3866
+ list-style-type: none;
3867
+ margin: 0;
3868
+ padding: 0;
3869
+ }
3870
+
3871
+ .p-listbox-item {
3872
+ cursor: pointer;
3873
+ position: relative;
3874
+ overflow: hidden;
3875
+ }
3876
+
3877
+ .p-listbox-filter-container {
3878
+ position: relative;
3879
+ }
3880
+
3881
+ .p-listbox-filter-icon {
3882
+ position: absolute;
3883
+ top: 50%;
3884
+ margin-top: -.5rem;
3885
+ }
3886
+
3887
+ .p-listbox-filter {
3888
+ width: 100%;
3889
+ }
3890
+
3865
3891
  .p-menubar {
3866
3892
  display: flex;
3867
3893
  align-items: center;
@@ -3994,32 +4020,6 @@ input.p-dropdown-label {
3994
4020
  display: none;
3995
4021
  }
3996
4022
 
3997
- .p-menu-overlay {
3998
- position: absolute;
3999
- /* Github #3122: Prevent animation flickering */
4000
- top: -9999px;
4001
- left: -9999px;
4002
- }
4003
-
4004
- .p-menu ul {
4005
- margin: 0;
4006
- padding: 0;
4007
- list-style: none;
4008
- }
4009
-
4010
- .p-menu .p-menuitem-link {
4011
- cursor: pointer;
4012
- display: flex;
4013
- align-items: center;
4014
- text-decoration: none;
4015
- overflow: hidden;
4016
- position: relative;
4017
- }
4018
-
4019
- .p-menu .p-menuitem-text {
4020
- line-height: 1;
4021
- }
4022
-
4023
4023
  .p-multiselect {
4024
4024
  display: inline-flex;
4025
4025
  position: relative;
@@ -4343,40 +4343,35 @@ input.p-dropdown-label {
4343
4343
  border-bottom-color: transparent
4344
4344
  }
4345
4345
 
4346
- .p-paginator {
4346
+ .p-panelmenu .p-panelmenu-header-link {
4347
4347
  display: flex;
4348
4348
  align-items: center;
4349
- justify-content: center;
4350
- flex-wrap: wrap;
4349
+ user-select: none;
4350
+ cursor: pointer;
4351
+ position: relative;
4352
+ text-decoration: none;
4351
4353
  }
4352
4354
 
4353
- .p-paginator-left-content {
4354
- margin-right: auto;
4355
+ .p-panelmenu .p-panelmenu-header-link:focus {
4356
+ z-index: 1;
4355
4357
  }
4356
4358
 
4357
- .p-paginator-right-content {
4358
- margin-left: auto;
4359
+ .p-panelmenu .p-submenu-list {
4360
+ margin: 0;
4361
+ padding: 0;
4362
+ list-style: none;
4359
4363
  }
4360
4364
 
4361
- .p-paginator-page,
4362
- .p-paginator-next,
4363
- .p-paginator-last,
4364
- .p-paginator-first,
4365
- .p-paginator-prev,
4366
- .p-paginator-current {
4367
- cursor: pointer;
4368
- display: inline-flex;
4365
+ .p-panelmenu .p-menuitem-link {
4366
+ display: flex;
4369
4367
  align-items: center;
4370
- justify-content: center;
4371
- line-height: 1;
4372
4368
  user-select: none;
4373
- overflow: hidden;
4374
- position: relative;
4369
+ cursor: pointer;
4370
+ text-decoration: none;
4375
4371
  }
4376
4372
 
4377
- .p-paginator-element:focus {
4378
- z-index: 1;
4379
- position: relative;
4373
+ .p-panelmenu .p-menuitem-text {
4374
+ line-height: 1;
4380
4375
  }
4381
4376
 
4382
4377
  .p-panel-header {
@@ -4399,18 +4394,54 @@ input.p-dropdown-label {
4399
4394
  position: relative;
4400
4395
  }
4401
4396
 
4402
- .p-password {
4403
- position: relative;
4404
- display: inline-flex;
4397
+ .p-paginator {
4398
+ display: flex;
4399
+ align-items: center;
4400
+ justify-content: center;
4401
+ flex-wrap: wrap;
4405
4402
  }
4406
4403
 
4407
- .p-password-panel {
4408
- position: absolute;
4409
- top: 0;
4410
- left: 0;
4404
+ .p-paginator-left-content {
4405
+ margin-right: auto;
4411
4406
  }
4412
4407
 
4413
- .p-password .p-password-panel {
4408
+ .p-paginator-right-content {
4409
+ margin-left: auto;
4410
+ }
4411
+
4412
+ .p-paginator-page,
4413
+ .p-paginator-next,
4414
+ .p-paginator-last,
4415
+ .p-paginator-first,
4416
+ .p-paginator-prev,
4417
+ .p-paginator-current {
4418
+ cursor: pointer;
4419
+ display: inline-flex;
4420
+ align-items: center;
4421
+ justify-content: center;
4422
+ line-height: 1;
4423
+ user-select: none;
4424
+ overflow: hidden;
4425
+ position: relative;
4426
+ }
4427
+
4428
+ .p-paginator-element:focus {
4429
+ z-index: 1;
4430
+ position: relative;
4431
+ }
4432
+
4433
+ .p-password {
4434
+ position: relative;
4435
+ display: inline-flex;
4436
+ }
4437
+
4438
+ .p-password-panel {
4439
+ position: absolute;
4440
+ top: 0;
4441
+ left: 0;
4442
+ }
4443
+
4444
+ .p-password .p-password-panel {
4414
4445
  min-width: 100%;
4415
4446
  }
4416
4447
 
@@ -4432,6 +4463,103 @@ input.p-dropdown-label {
4432
4463
  .p-password-input::-ms-clear {
4433
4464
  display: none;
4434
4465
  }
4466
+ .p-progressbar {
4467
+ position: relative;
4468
+ overflow: hidden;
4469
+ }
4470
+
4471
+ .p-progressbar-determinate .p-progressbar-value {
4472
+ height: 100%;
4473
+ width: 0%;
4474
+ position: absolute;
4475
+ display: none;
4476
+ border: 0 none;
4477
+ display: flex;
4478
+ align-items: center;
4479
+ justify-content: center;
4480
+ overflow: hidden;
4481
+ }
4482
+
4483
+ .p-progressbar-determinate .p-progressbar-label {
4484
+ display: inline-flex;
4485
+ }
4486
+
4487
+ .p-progressbar-determinate .p-progressbar-value-animate {
4488
+ transition: width 1s ease-in-out;
4489
+ }
4490
+
4491
+ .p-progressbar-indeterminate .p-progressbar-value::before {
4492
+ content: '';
4493
+ position: absolute;
4494
+ background-color: inherit;
4495
+ top: 0;
4496
+ left: 0;
4497
+ bottom: 0;
4498
+ will-change: left, right;
4499
+ -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
4500
+ animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
4501
+ }
4502
+
4503
+ .p-progressbar-indeterminate .p-progressbar-value::after {
4504
+ content: '';
4505
+ position: absolute;
4506
+ background-color: inherit;
4507
+ top: 0;
4508
+ left: 0;
4509
+ bottom: 0;
4510
+ will-change: left, right;
4511
+ -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
4512
+ animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
4513
+ -webkit-animation-delay: 1.15s;
4514
+ animation-delay: 1.15s;
4515
+ }
4516
+
4517
+ @-webkit-keyframes p-progressbar-indeterminate-anim {
4518
+ 0% {
4519
+ left: -35%;
4520
+ right: 100%; }
4521
+ 60% {
4522
+ left: 100%;
4523
+ right: -90%; }
4524
+ 100% {
4525
+ left: 100%;
4526
+ right: -90%; }
4527
+ }
4528
+ @keyframes p-progressbar-indeterminate-anim {
4529
+ 0% {
4530
+ left: -35%;
4531
+ right: 100%; }
4532
+ 60% {
4533
+ left: 100%;
4534
+ right: -90%; }
4535
+ 100% {
4536
+ left: 100%;
4537
+ right: -90%; }
4538
+ }
4539
+
4540
+ @-webkit-keyframes p-progressbar-indeterminate-anim-short {
4541
+ 0% {
4542
+ left: -200%;
4543
+ right: 100%; }
4544
+ 60% {
4545
+ left: 107%;
4546
+ right: -8%; }
4547
+ 100% {
4548
+ left: 107%;
4549
+ right: -8%; }
4550
+ }
4551
+ @keyframes p-progressbar-indeterminate-anim-short {
4552
+ 0% {
4553
+ left: -200%;
4554
+ right: 100%; }
4555
+ 60% {
4556
+ left: 107%;
4557
+ right: -8%; }
4558
+ 100% {
4559
+ left: 107%;
4560
+ right: -8%; }
4561
+ }
4562
+
4435
4563
  .p-picklist {
4436
4564
  display: flex;
4437
4565
  }
@@ -4475,63 +4603,6 @@ input.p-dropdown-label {
4475
4603
  width: 100%;
4476
4604
  }
4477
4605
 
4478
- .p-panelmenu .p-panelmenu-header-link {
4479
- display: flex;
4480
- align-items: center;
4481
- user-select: none;
4482
- cursor: pointer;
4483
- position: relative;
4484
- text-decoration: none;
4485
- }
4486
-
4487
- .p-panelmenu .p-panelmenu-header-link:focus {
4488
- z-index: 1;
4489
- }
4490
-
4491
- .p-panelmenu .p-submenu-list {
4492
- margin: 0;
4493
- padding: 0;
4494
- list-style: none;
4495
- }
4496
-
4497
- .p-panelmenu .p-menuitem-link {
4498
- display: flex;
4499
- align-items: center;
4500
- user-select: none;
4501
- cursor: pointer;
4502
- text-decoration: none;
4503
- }
4504
-
4505
- .p-panelmenu .p-menuitem-text {
4506
- line-height: 1;
4507
- }
4508
-
4509
- .p-radiobutton {
4510
- display: inline-flex;
4511
- cursor: pointer;
4512
- user-select: none;
4513
- vertical-align: bottom;
4514
- }
4515
-
4516
- .p-radiobutton-box {
4517
- display: flex;
4518
- justify-content: center;
4519
- align-items: center;
4520
- }
4521
-
4522
- .p-radiobutton-icon {
4523
- -webkit-backface-visibility: hidden;
4524
- backface-visibility: hidden;
4525
- transform: translateZ(0) scale(.1);
4526
- border-radius: 50%;
4527
- visibility: hidden;
4528
- }
4529
-
4530
- .p-radiobutton-box.p-highlight .p-radiobutton-icon {
4531
- transform: translateZ(0) scale(1.0, 1.0);
4532
- visibility: visible;
4533
- }
4534
-
4535
4606
  .p-progress-spinner {
4536
4607
  position: relative;
4537
4608
  margin: 0 auto;
@@ -4605,103 +4676,6 @@ input.p-dropdown-label {
4605
4676
  }
4606
4677
  }
4607
4678
 
4608
- .p-progressbar {
4609
- position: relative;
4610
- overflow: hidden;
4611
- }
4612
-
4613
- .p-progressbar-determinate .p-progressbar-value {
4614
- height: 100%;
4615
- width: 0%;
4616
- position: absolute;
4617
- display: none;
4618
- border: 0 none;
4619
- display: flex;
4620
- align-items: center;
4621
- justify-content: center;
4622
- overflow: hidden;
4623
- }
4624
-
4625
- .p-progressbar-determinate .p-progressbar-label {
4626
- display: inline-flex;
4627
- }
4628
-
4629
- .p-progressbar-determinate .p-progressbar-value-animate {
4630
- transition: width 1s ease-in-out;
4631
- }
4632
-
4633
- .p-progressbar-indeterminate .p-progressbar-value::before {
4634
- content: '';
4635
- position: absolute;
4636
- background-color: inherit;
4637
- top: 0;
4638
- left: 0;
4639
- bottom: 0;
4640
- will-change: left, right;
4641
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
4642
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
4643
- }
4644
-
4645
- .p-progressbar-indeterminate .p-progressbar-value::after {
4646
- content: '';
4647
- position: absolute;
4648
- background-color: inherit;
4649
- top: 0;
4650
- left: 0;
4651
- bottom: 0;
4652
- will-change: left, right;
4653
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
4654
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
4655
- -webkit-animation-delay: 1.15s;
4656
- animation-delay: 1.15s;
4657
- }
4658
-
4659
- @-webkit-keyframes p-progressbar-indeterminate-anim {
4660
- 0% {
4661
- left: -35%;
4662
- right: 100%; }
4663
- 60% {
4664
- left: 100%;
4665
- right: -90%; }
4666
- 100% {
4667
- left: 100%;
4668
- right: -90%; }
4669
- }
4670
- @keyframes p-progressbar-indeterminate-anim {
4671
- 0% {
4672
- left: -35%;
4673
- right: 100%; }
4674
- 60% {
4675
- left: 100%;
4676
- right: -90%; }
4677
- 100% {
4678
- left: 100%;
4679
- right: -90%; }
4680
- }
4681
-
4682
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
4683
- 0% {
4684
- left: -200%;
4685
- right: 100%; }
4686
- 60% {
4687
- left: 107%;
4688
- right: -8%; }
4689
- 100% {
4690
- left: 107%;
4691
- right: -8%; }
4692
- }
4693
- @keyframes p-progressbar-indeterminate-anim-short {
4694
- 0% {
4695
- left: -200%;
4696
- right: 100%; }
4697
- 60% {
4698
- left: 107%;
4699
- right: -8%; }
4700
- 100% {
4701
- left: 107%;
4702
- right: -8%; }
4703
- }
4704
-
4705
4679
  .p-rating {
4706
4680
  display: flex;
4707
4681
  align-items: center;
@@ -4745,6 +4719,71 @@ input.p-dropdown-label {
4745
4719
  }
4746
4720
  }
4747
4721
 
4722
+ .p-radiobutton {
4723
+ display: inline-flex;
4724
+ cursor: pointer;
4725
+ user-select: none;
4726
+ vertical-align: bottom;
4727
+ }
4728
+
4729
+ .p-radiobutton-box {
4730
+ display: flex;
4731
+ justify-content: center;
4732
+ align-items: center;
4733
+ }
4734
+
4735
+ .p-radiobutton-icon {
4736
+ -webkit-backface-visibility: hidden;
4737
+ backface-visibility: hidden;
4738
+ transform: translateZ(0) scale(.1);
4739
+ border-radius: 50%;
4740
+ visibility: hidden;
4741
+ }
4742
+
4743
+ .p-radiobutton-box.p-highlight .p-radiobutton-icon {
4744
+ transform: translateZ(0) scale(1.0, 1.0);
4745
+ visibility: visible;
4746
+ }
4747
+
4748
+ .p-scrolltop {
4749
+ position: fixed;
4750
+ bottom: 20px;
4751
+ right: 20px;
4752
+ display: flex;
4753
+ align-items: center;
4754
+ justify-content: center;
4755
+ }
4756
+
4757
+ .p-scrolltop-sticky {
4758
+ position: sticky;
4759
+ }
4760
+
4761
+ .p-scrolltop-sticky.p-link {
4762
+ margin-left: auto;
4763
+ }
4764
+
4765
+ .p-scrolltop-helper {
4766
+ display: none !important;
4767
+ }
4768
+
4769
+ .p-scrolltop-enter {
4770
+ opacity: 0;
4771
+ }
4772
+
4773
+ .p-scrolltop-enter-active {
4774
+ opacity: 1;
4775
+ transition: opacity .15s;
4776
+ }
4777
+
4778
+ .p-scrolltop-exit {
4779
+ opacity: 1;
4780
+ }
4781
+
4782
+ .p-scrolltop-exit-active {
4783
+ opacity: 0;
4784
+ transition: opacity .15s;
4785
+ }
4786
+
4748
4787
  .p-scrollpanel-wrapper {
4749
4788
  overflow: hidden;
4750
4789
  width: 100%;
@@ -4796,45 +4835,6 @@ input.p-dropdown-label {
4796
4835
  user-select: none;
4797
4836
  }
4798
4837
 
4799
- .p-scrolltop {
4800
- position: fixed;
4801
- bottom: 20px;
4802
- right: 20px;
4803
- display: flex;
4804
- align-items: center;
4805
- justify-content: center;
4806
- }
4807
-
4808
- .p-scrolltop-sticky {
4809
- position: sticky;
4810
- }
4811
-
4812
- .p-scrolltop-sticky.p-link {
4813
- margin-left: auto;
4814
- }
4815
-
4816
- .p-scrolltop-helper {
4817
- display: none !important;
4818
- }
4819
-
4820
- .p-scrolltop-enter {
4821
- opacity: 0;
4822
- }
4823
-
4824
- .p-scrolltop-enter-active {
4825
- opacity: 1;
4826
- transition: opacity .15s;
4827
- }
4828
-
4829
- .p-scrolltop-exit {
4830
- opacity: 1;
4831
- }
4832
-
4833
- .p-scrolltop-exit-active {
4834
- opacity: 0;
4835
- transition: opacity .15s;
4836
- }
4837
-
4838
4838
  .p-sidebar-mask {
4839
4839
  position: fixed;
4840
4840
  top: 0;
@@ -5059,39 +5059,6 @@ input.p-dropdown-label {
5059
5059
  }
5060
5060
  }
5061
5061
 
5062
- .p-skeleton {
5063
- position: relative;
5064
- overflow: hidden;
5065
- }
5066
-
5067
- .p-skeleton::after {
5068
- content: "";
5069
- animation: p-skeleton-animation 1.2s infinite;
5070
- height: 100%;
5071
- left: 0;
5072
- position: absolute;
5073
- right: 0;
5074
- top: 0;
5075
- transform: translateX(-100%);
5076
- z-index: 1;
5077
- }
5078
-
5079
- .p-skeleton-circle {
5080
- border-radius: 50%;
5081
- }
5082
-
5083
- .p-skeleton-none::after {
5084
- animation: none;
5085
- }
5086
-
5087
- @keyframes p-skeleton-animation {
5088
- from {
5089
- transform: translateX(-100%);
5090
- }
5091
- to {
5092
- transform: translateX(100%);
5093
- }
5094
- }
5095
5062
  .p-slidemenu {
5096
5063
  width: 12.5em;
5097
5064
  }
@@ -5165,22 +5132,55 @@ input.p-dropdown-label {
5165
5132
  cursor: pointer;
5166
5133
  }
5167
5134
 
5168
- .p-slidemenu-backward .p-slidemenu-backward-icon {
5169
- vertical-align: middle;
5135
+ .p-slidemenu-backward .p-slidemenu-backward-icon {
5136
+ vertical-align: middle;
5137
+ }
5138
+
5139
+ .p-slidemenu-backward span {
5140
+ vertical-align: middle;
5141
+ }
5142
+
5143
+ .p-slidemenu .p-menuitem-active {
5144
+ position: static;
5145
+ }
5146
+
5147
+ .p-slidemenu .p-menuitem-active > .p-submenu-list {
5148
+ display: block;
5149
+ }
5150
+
5151
+ .p-skeleton {
5152
+ position: relative;
5153
+ overflow: hidden;
5154
+ }
5155
+
5156
+ .p-skeleton::after {
5157
+ content: "";
5158
+ animation: p-skeleton-animation 1.2s infinite;
5159
+ height: 100%;
5160
+ left: 0;
5161
+ position: absolute;
5162
+ right: 0;
5163
+ top: 0;
5164
+ transform: translateX(-100%);
5165
+ z-index: 1;
5170
5166
  }
5171
5167
 
5172
- .p-slidemenu-backward span {
5173
- vertical-align: middle;
5168
+ .p-skeleton-circle {
5169
+ border-radius: 50%;
5174
5170
  }
5175
5171
 
5176
- .p-slidemenu .p-menuitem-active {
5177
- position: static;
5172
+ .p-skeleton-none::after {
5173
+ animation: none;
5178
5174
  }
5179
5175
 
5180
- .p-slidemenu .p-menuitem-active > .p-submenu-list {
5181
- display: block;
5176
+ @keyframes p-skeleton-animation {
5177
+ from {
5178
+ transform: translateX(-100%);
5179
+ }
5180
+ to {
5181
+ transform: translateX(100%);
5182
+ }
5182
5183
  }
5183
-
5184
5184
  .p-slider {
5185
5185
  position: relative;
5186
5186
  }
@@ -5226,38 +5226,6 @@ input.p-dropdown-label {
5226
5226
  width: 100%;
5227
5227
  }
5228
5228
 
5229
- .p-splitbutton {
5230
- display: inline-flex;
5231
- position: relative;
5232
- }
5233
-
5234
- .p-splitbutton .p-splitbutton-defaultbutton,
5235
- .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
5236
- .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
5237
- flex: 1 1 auto;
5238
- border-top-right-radius: 0;
5239
- border-bottom-right-radius: 0;
5240
- border-right: 0 none;
5241
- }
5242
-
5243
- .p-splitbutton-menubutton,
5244
- .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
5245
- .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
5246
- display: flex;
5247
- align-items: center;
5248
- justify-content: center;
5249
- border-top-left-radius: 0;
5250
- border-bottom-left-radius: 0;
5251
- }
5252
-
5253
- .p-splitbutton .p-menu {
5254
- min-width: 100%;
5255
- }
5256
-
5257
- .p-fluid .p-splitbutton {
5258
- display: flex;
5259
- }
5260
-
5261
5229
  .p-speeddial {
5262
5230
  position: absolute;
5263
5231
  display: flex;
@@ -5369,65 +5337,6 @@ input.p-dropdown-label {
5369
5337
  flex-direction: row;
5370
5338
  }
5371
5339
 
5372
- .p-splitter {
5373
- display: flex;
5374
- flex-wrap: nowrap;
5375
- }
5376
-
5377
- .p-splitter-vertical {
5378
- flex-direction: column;
5379
- }
5380
-
5381
- .p-splitter-panel {
5382
- flex-grow: 1;
5383
- }
5384
-
5385
- .p-splitter-panel-nested {
5386
- display: flex;
5387
- }
5388
-
5389
- .p-splitter-panel .p-splitter {
5390
- flex-grow: 1;
5391
- border: 0 none;
5392
- }
5393
-
5394
- .p-splitter-gutter {
5395
- flex-grow: 0;
5396
- flex-shrink: 0;
5397
- display: flex;
5398
- align-items: center;
5399
- justify-content: center;
5400
- cursor: col-resize;
5401
- }
5402
-
5403
- .p-splitter-horizontal.p-splitter-resizing {
5404
- cursor: col-resize;
5405
- user-select: none;
5406
- }
5407
-
5408
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
5409
- height: 24px;
5410
- width: 100%;
5411
- }
5412
-
5413
- .p-splitter-horizontal > .p-splitter-gutter {
5414
- cursor: col-resize;
5415
- }
5416
-
5417
- .p-splitter-vertical.p-splitter-resizing {
5418
- cursor: row-resize;
5419
- user-select: none;
5420
- }
5421
-
5422
- .p-splitter-vertical > .p-splitter-gutter {
5423
- cursor: row-resize;
5424
- }
5425
-
5426
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
5427
- width: 24px;
5428
- height: 100%;
5429
- }
5430
-
5431
5340
  .p-steps {
5432
5341
  position: relative;
5433
5342
  }
@@ -5476,44 +5385,95 @@ input.p-dropdown-label {
5476
5385
  display: block;
5477
5386
  }
5478
5387
 
5479
- .p-tabmenu {
5480
- overflow-x: auto;
5388
+ .p-splitbutton {
5389
+ display: inline-flex;
5390
+ position: relative;
5481
5391
  }
5482
5392
 
5483
- .p-tabmenu-nav {
5393
+ .p-splitbutton .p-splitbutton-defaultbutton,
5394
+ .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
5395
+ .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
5396
+ flex: 1 1 auto;
5397
+ border-top-right-radius: 0;
5398
+ border-bottom-right-radius: 0;
5399
+ border-right: 0 none;
5400
+ }
5401
+
5402
+ .p-splitbutton-menubutton,
5403
+ .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
5404
+ .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
5405
+ display: flex;
5406
+ align-items: center;
5407
+ justify-content: center;
5408
+ border-top-left-radius: 0;
5409
+ border-bottom-left-radius: 0;
5410
+ }
5411
+
5412
+ .p-splitbutton .p-menu {
5413
+ min-width: 100%;
5414
+ }
5415
+
5416
+ .p-fluid .p-splitbutton {
5417
+ display: flex;
5418
+ }
5419
+
5420
+ .p-splitter {
5484
5421
  display: flex;
5485
- margin: 0;
5486
- padding: 0;
5487
- list-style-type: none;
5488
5422
  flex-wrap: nowrap;
5489
5423
  }
5490
5424
 
5491
- .p-tabmenu-nav a {
5492
- cursor: pointer;
5493
- user-select: none;
5425
+ .p-splitter-vertical {
5426
+ flex-direction: column;
5427
+ }
5428
+
5429
+ .p-splitter-panel {
5430
+ flex-grow: 1;
5431
+ }
5432
+
5433
+ .p-splitter-panel-nested {
5434
+ display: flex;
5435
+ }
5436
+
5437
+ .p-splitter-panel .p-splitter {
5438
+ flex-grow: 1;
5439
+ border: 0 none;
5440
+ }
5441
+
5442
+ .p-splitter-gutter {
5443
+ flex-grow: 0;
5444
+ flex-shrink: 0;
5494
5445
  display: flex;
5495
5446
  align-items: center;
5496
- position: relative;
5497
- text-decoration: none;
5498
- text-decoration: none;
5499
- overflow: hidden;
5447
+ justify-content: center;
5448
+ cursor: col-resize;
5500
5449
  }
5501
5450
 
5502
- .p-tabmenu-nav a:focus {
5503
- z-index: 1;
5451
+ .p-splitter-horizontal.p-splitter-resizing {
5452
+ cursor: col-resize;
5453
+ user-select: none;
5504
5454
  }
5505
5455
 
5506
- .p-tabmenu-nav .p-menuitem-text {
5507
- line-height: 1;
5456
+ .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
5457
+ height: 24px;
5458
+ width: 100%;
5508
5459
  }
5509
5460
 
5510
- .p-tabmenu-ink-bar {
5511
- display: none;
5512
- z-index: 1;
5461
+ .p-splitter-horizontal > .p-splitter-gutter {
5462
+ cursor: col-resize;
5513
5463
  }
5514
5464
 
5515
- .p-tabmenu::-webkit-scrollbar {
5516
- display: none;
5465
+ .p-splitter-vertical.p-splitter-resizing {
5466
+ cursor: row-resize;
5467
+ user-select: none;
5468
+ }
5469
+
5470
+ .p-splitter-vertical > .p-splitter-gutter {
5471
+ cursor: row-resize;
5472
+ }
5473
+
5474
+ .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
5475
+ width: 24px;
5476
+ height: 100%;
5517
5477
  }
5518
5478
 
5519
5479
  .p-tabview-nav-container {
@@ -5587,7 +5547,47 @@ input.p-dropdown-label {
5587
5547
  right: 0;
5588
5548
  }
5589
5549
 
5590
- .p-tabview-nav-content::-webkit-scrollbar {
5550
+ .p-tabview-nav-content::-webkit-scrollbar {
5551
+ display: none;
5552
+ }
5553
+
5554
+ .p-tabmenu {
5555
+ overflow-x: auto;
5556
+ }
5557
+
5558
+ .p-tabmenu-nav {
5559
+ display: flex;
5560
+ margin: 0;
5561
+ padding: 0;
5562
+ list-style-type: none;
5563
+ flex-wrap: nowrap;
5564
+ }
5565
+
5566
+ .p-tabmenu-nav a {
5567
+ cursor: pointer;
5568
+ user-select: none;
5569
+ display: flex;
5570
+ align-items: center;
5571
+ position: relative;
5572
+ text-decoration: none;
5573
+ text-decoration: none;
5574
+ overflow: hidden;
5575
+ }
5576
+
5577
+ .p-tabmenu-nav a:focus {
5578
+ z-index: 1;
5579
+ }
5580
+
5581
+ .p-tabmenu-nav .p-menuitem-text {
5582
+ line-height: 1;
5583
+ }
5584
+
5585
+ .p-tabmenu-ink-bar {
5586
+ display: none;
5587
+ z-index: 1;
5588
+ }
5589
+
5590
+ .p-tabmenu::-webkit-scrollbar {
5591
5591
  display: none;
5592
5592
  }
5593
5593
 
@@ -5788,6 +5788,25 @@ input.p-dropdown-label {
5788
5788
  flex-direction: column-reverse;
5789
5789
  }
5790
5790
 
5791
+ .p-toolbar {
5792
+ display: flex;
5793
+ align-items: center;
5794
+ justify-content: space-between;
5795
+ flex-wrap: wrap;
5796
+ }
5797
+
5798
+ .p-toolbar-group-start,
5799
+ .p-toolbar-group-center,
5800
+ .p-toolbar-group-end {
5801
+ display: flex;
5802
+ align-items: center;
5803
+ }
5804
+
5805
+ .p-toolbar-group-left,
5806
+ .p-toolbar-group-right {
5807
+ display: flex;
5808
+ align-items: center;
5809
+ }
5791
5810
  .p-toast {
5792
5811
  position: fixed;
5793
5812
  width: calc(100% - var(--toast-indent, 0px));
@@ -5891,25 +5910,73 @@ input.p-dropdown-label {
5891
5910
  transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
5892
5911
  }
5893
5912
 
5894
- .p-toolbar {
5895
- display: flex;
5913
+ .p-tree-container {
5914
+ margin: 0;
5915
+ padding: 0;
5916
+ list-style-type: none;
5917
+ overflow: auto;
5918
+ }
5919
+
5920
+ .p-treenode-children {
5921
+ margin: 0;
5922
+ padding: 0;
5923
+ list-style-type: none;
5924
+ }
5925
+
5926
+ .p-treenode-selectable {
5927
+ cursor: pointer;
5928
+ user-select: none;
5929
+ }
5930
+
5931
+ .p-tree-toggler {
5932
+ cursor: pointer;
5933
+ user-select: none;
5934
+ display: inline-flex;
5896
5935
  align-items: center;
5897
- justify-content: space-between;
5898
- flex-wrap: wrap;
5936
+ justify-content: center;
5937
+ flex-shrink: 0;
5938
+ overflow: hidden;
5939
+ position: relative;
5899
5940
  }
5900
5941
 
5901
- .p-toolbar-group-start,
5902
- .p-toolbar-group-center,
5903
- .p-toolbar-group-end {
5942
+ .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
5943
+ visibility: hidden;
5944
+ }
5945
+
5946
+ .p-treenode-content {
5904
5947
  display: flex;
5905
5948
  align-items: center;
5906
5949
  }
5907
5950
 
5908
- .p-toolbar-group-left,
5909
- .p-toolbar-group-right {
5951
+ .p-tree-filter {
5952
+ width: 100%;
5953
+ }
5954
+
5955
+ .p-tree-filter-container {
5956
+ position: relative;
5957
+ display: block;
5958
+ width: 100%;
5959
+ }
5960
+
5961
+ .p-tree-filter-icon {
5962
+ position: absolute;
5963
+ top: 50%;
5964
+ margin-top: -.5rem;
5965
+ }
5966
+
5967
+ .p-tree-loading {
5968
+ position: relative;
5969
+ min-height: 4rem;
5970
+ }
5971
+
5972
+ .p-tree .p-tree-loading-overlay {
5973
+ position: absolute;
5974
+ z-index: 1;
5910
5975
  display: flex;
5911
5976
  align-items: center;
5977
+ justify-content: center;
5912
5978
  }
5979
+
5913
5980
  .p-tooltip {
5914
5981
  position: absolute;
5915
5982
  padding: .25em .5rem;
@@ -5973,73 +6040,6 @@ input.p-dropdown-label {
5973
6040
  border-width: 0 .25em .25rem;
5974
6041
  }
5975
6042
 
5976
- .p-tree-container {
5977
- margin: 0;
5978
- padding: 0;
5979
- list-style-type: none;
5980
- overflow: auto;
5981
- }
5982
-
5983
- .p-treenode-children {
5984
- margin: 0;
5985
- padding: 0;
5986
- list-style-type: none;
5987
- }
5988
-
5989
- .p-treenode-selectable {
5990
- cursor: pointer;
5991
- user-select: none;
5992
- }
5993
-
5994
- .p-tree-toggler {
5995
- cursor: pointer;
5996
- user-select: none;
5997
- display: inline-flex;
5998
- align-items: center;
5999
- justify-content: center;
6000
- flex-shrink: 0;
6001
- overflow: hidden;
6002
- position: relative;
6003
- }
6004
-
6005
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
6006
- visibility: hidden;
6007
- }
6008
-
6009
- .p-treenode-content {
6010
- display: flex;
6011
- align-items: center;
6012
- }
6013
-
6014
- .p-tree-filter {
6015
- width: 100%;
6016
- }
6017
-
6018
- .p-tree-filter-container {
6019
- position: relative;
6020
- display: block;
6021
- width: 100%;
6022
- }
6023
-
6024
- .p-tree-filter-icon {
6025
- position: absolute;
6026
- top: 50%;
6027
- margin-top: -.5rem;
6028
- }
6029
-
6030
- .p-tree-loading {
6031
- position: relative;
6032
- min-height: 4rem;
6033
- }
6034
-
6035
- .p-tree .p-tree-loading-overlay {
6036
- position: absolute;
6037
- z-index: 1;
6038
- display: flex;
6039
- align-items: center;
6040
- justify-content: center;
6041
- }
6042
-
6043
6043
  .p-treeselect {
6044
6044
  display: inline-flex;
6045
6045
  cursor: pointer;
@@ -6135,6 +6135,57 @@ input.p-dropdown-label {
6135
6135
  display: flex;
6136
6136
  }
6137
6137
 
6138
+ .p-virtualscroller {
6139
+ position: relative;
6140
+ overflow: auto;
6141
+ contain: strict;
6142
+ transform: translateZ(0);
6143
+ will-change: scroll-position;
6144
+ outline: 0 none;
6145
+ }
6146
+
6147
+ .p-virtualscroller-content {
6148
+ position: absolute;
6149
+ top: 0;
6150
+ left: 0;
6151
+ /*contain: content;*/
6152
+ min-height: 100%;
6153
+ min-width: 100%;
6154
+ will-change: transform;
6155
+ }
6156
+
6157
+ .p-virtualscroller-spacer {
6158
+ position: absolute;
6159
+ top: 0;
6160
+ left: 0;
6161
+ height: 1px;
6162
+ width: 1px;
6163
+ transform-origin: 0 0;
6164
+ pointer-events: none;
6165
+ }
6166
+
6167
+ .p-virtualscroller-loader {
6168
+ position: sticky;
6169
+ top: 0;
6170
+ left: 0;
6171
+ width: 100%;
6172
+ height: 100%;
6173
+ }
6174
+
6175
+ .p-virtualscroller-loader.p-component-overlay {
6176
+ display: flex;
6177
+ align-items: center;
6178
+ justify-content: center;
6179
+ }
6180
+
6181
+ .p-virtualscroller-loading-icon {
6182
+ font-size: 2rem;
6183
+ }
6184
+
6185
+ .p-horizontal-scroll > .p-virtualscroller-content {
6186
+ display: flex;
6187
+ }
6188
+
6138
6189
  .p-treetable {
6139
6190
  position: relative;
6140
6191
  }
@@ -6267,54 +6318,3 @@ input.p-dropdown-label {
6267
6318
  justify-content: center;
6268
6319
  z-index: 1;
6269
6320
  }
6270
-
6271
- .p-virtualscroller {
6272
- position: relative;
6273
- overflow: auto;
6274
- contain: strict;
6275
- transform: translateZ(0);
6276
- will-change: scroll-position;
6277
- outline: 0 none;
6278
- }
6279
-
6280
- .p-virtualscroller-content {
6281
- position: absolute;
6282
- top: 0;
6283
- left: 0;
6284
- /*contain: content;*/
6285
- min-height: 100%;
6286
- min-width: 100%;
6287
- will-change: transform;
6288
- }
6289
-
6290
- .p-virtualscroller-spacer {
6291
- position: absolute;
6292
- top: 0;
6293
- left: 0;
6294
- height: 1px;
6295
- width: 1px;
6296
- transform-origin: 0 0;
6297
- pointer-events: none;
6298
- }
6299
-
6300
- .p-virtualscroller-loader {
6301
- position: sticky;
6302
- top: 0;
6303
- left: 0;
6304
- width: 100%;
6305
- height: 100%;
6306
- }
6307
-
6308
- .p-virtualscroller-loader.p-component-overlay {
6309
- display: flex;
6310
- align-items: center;
6311
- justify-content: center;
6312
- }
6313
-
6314
- .p-virtualscroller-loading-icon {
6315
- font-size: 2rem;
6316
- }
6317
-
6318
- .p-horizontal-scroll > .p-virtualscroller-content {
6319
- display: flex;
6320
- }