primereact 8.6.0 → 8.6.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.
@@ -187,40 +187,6 @@
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
-
224
190
  .p-autocomplete {
225
191
  display: inline-flex;
226
192
  position: relative;
@@ -318,13 +284,38 @@
318
284
  width: 1%;
319
285
  }
320
286
 
321
- .p-avatar-group .p-avatar + .p-avatar {
322
- margin-left: -1rem;
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;
323
294
  }
324
295
 
325
- .p-avatar-group {
326
- display: flex;
327
- align-items: center;
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;
328
319
  }
329
320
 
330
321
  .p-badge {
@@ -360,6 +351,15 @@
360
351
  border-radius: 50%;
361
352
  }
362
353
 
354
+ .p-avatar-group .p-avatar + .p-avatar {
355
+ margin-left: -1rem;
356
+ }
357
+
358
+ .p-avatar-group {
359
+ display: flex;
360
+ align-items: center;
361
+ }
362
+
363
363
  .p-blockui-container {
364
364
  position: relative;
365
365
  }
@@ -654,9 +654,76 @@
654
654
  width: 100%;
655
655
  }
656
656
 
657
- .p-chart {
658
- position: relative
657
+ .p-carousel {
658
+ display: flex;
659
+ flex-direction: column;
660
+ }
661
+
662
+ .p-carousel-content {
663
+ display: flex;
664
+ flex-direction: column;
665
+ overflow: auto;
666
+ }
667
+
668
+ .p-carousel-prev,
669
+ .p-carousel-next {
670
+ align-self: center;
671
+ flex-grow: 0;
672
+ flex-shrink: 0;
673
+ display: flex;
674
+ justify-content: center;
675
+ align-items: center;
676
+ overflow: hidden;
677
+ position: relative;
678
+ }
679
+
680
+ .p-carousel-container {
681
+ display: flex;
682
+ flex-direction: row;
683
+ }
684
+
685
+ .p-carousel-items-content {
686
+ overflow: hidden;
687
+ width: 100%;
688
+ }
689
+
690
+ .p-carousel-items-container {
691
+ display: flex;
692
+ flex-direction: row;
693
+ }
694
+
695
+ .p-carousel-indicators {
696
+ display: flex;
697
+ flex-direction: row;
698
+ justify-content: center;
699
+ flex-wrap: wrap;
700
+ }
701
+
702
+ .p-carousel-indicator > button {
703
+ display: flex;
704
+ align-items: center;
705
+ justify-content: center;
706
+ }
707
+
708
+ /* Vertical */
709
+ .p-carousel-vertical .p-carousel-container {
710
+ flex-direction: column;
711
+ }
712
+
713
+ .p-carousel-vertical .p-carousel-items-container {
714
+ flex-direction: column;
715
+ height: 100%;
716
+ }
717
+
718
+ /* Keyboard Support */
719
+ .p-items-hidden .p-carousel-item {
720
+ visibility: hidden;
659
721
  }
722
+
723
+ .p-items-hidden .p-carousel-item.p-carousel-item-active {
724
+ visibility: visible;
725
+ }
726
+
660
727
  .p-cascadeselect {
661
728
  display: inline-flex;
662
729
  cursor: pointer;
@@ -745,6 +812,9 @@
745
812
  top: 0;
746
813
  }
747
814
 
815
+ .p-chart {
816
+ position: relative
817
+ }
748
818
  .p-checkbox {
749
819
  display: inline-flex;
750
820
  cursor: pointer;
@@ -759,6 +829,28 @@
759
829
  align-items: center;
760
830
  }
761
831
 
832
+ .p-chip {
833
+ display: inline-flex;
834
+ align-items: center;
835
+ }
836
+
837
+ .p-chip-text {
838
+ line-height: 1.5;
839
+ }
840
+
841
+ .p-chip-icon.pi {
842
+ line-height: 1.5;
843
+ }
844
+
845
+ .p-chip .p-chip-remove-icon {
846
+ line-height: 1.5;
847
+ cursor: pointer;
848
+ }
849
+
850
+ .p-chip img {
851
+ border-radius: 50%;
852
+ }
853
+
762
854
  .p-chips {
763
855
  display: inline-flex;
764
856
  }
@@ -1375,79 +1467,93 @@
1375
1467
  justify-content: center;
1376
1468
  }
1377
1469
 
1378
- .p-carousel {
1379
- display: flex;
1380
- flex-direction: column;
1381
- }
1382
-
1383
- .p-carousel-content {
1384
- display: flex;
1385
- flex-direction: column;
1386
- overflow: auto;
1387
- }
1388
-
1389
- .p-carousel-prev,
1390
- .p-carousel-next {
1391
- align-self: center;
1392
- flex-grow: 0;
1393
- flex-shrink: 0;
1470
+ .p-divider-horizontal {
1394
1471
  display: flex;
1395
- justify-content: center;
1396
- align-items: center;
1397
- overflow: hidden;
1472
+ width: 100%;
1398
1473
  position: relative;
1474
+ align-items: center;
1399
1475
  }
1400
1476
 
1401
- .p-carousel-container {
1402
- display: flex;
1403
- flex-direction: row;
1404
- }
1405
-
1406
- .p-carousel-items-content {
1407
- overflow: hidden;
1477
+ .p-divider-horizontal:before {
1478
+ position: absolute;
1479
+ display: block;
1480
+ top: 50%;
1481
+ left: 0;
1408
1482
  width: 100%;
1483
+ content: "";
1409
1484
  }
1410
1485
 
1411
- .p-carousel-items-container {
1412
- display: flex;
1413
- flex-direction: row;
1486
+ .p-divider-horizontal.p-divider-left {
1487
+ justify-content: flex-start;
1414
1488
  }
1415
1489
 
1416
- .p-carousel-indicators {
1417
- display: flex;
1418
- flex-direction: row;
1419
- justify-content: center;
1420
- flex-wrap: wrap;
1490
+ .p-divider-horizontal.p-divider-right {
1491
+ justify-content: flex-end;
1421
1492
  }
1422
1493
 
1423
- .p-carousel-indicator > button {
1424
- display: flex;
1425
- align-items: center;
1494
+ .p-divider-horizontal.p-divider-center {
1426
1495
  justify-content: center;
1427
1496
  }
1428
1497
 
1429
- /* Vertical */
1430
- .p-carousel-vertical .p-carousel-container {
1431
- flex-direction: column;
1498
+ .p-divider-content {
1499
+ z-index: 1;
1432
1500
  }
1433
1501
 
1434
- .p-carousel-vertical .p-carousel-items-container {
1435
- flex-direction: column;
1436
- height: 100%;
1502
+ .p-divider-vertical {
1503
+ min-height: 100%;
1504
+ margin: 0 1rem;
1505
+ display: flex;
1506
+ position: relative;
1507
+ justify-content: center;
1437
1508
  }
1438
1509
 
1439
- /* Keyboard Support */
1440
- .p-items-hidden .p-carousel-item {
1441
- visibility: hidden;
1510
+ .p-divider-vertical:before {
1511
+ position: absolute;
1512
+ display: block;
1513
+ top: 0;
1514
+ left: 50%;
1515
+ height: 100%;
1516
+ content: "";
1442
1517
  }
1443
1518
 
1444
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
1445
- visibility: visible;
1519
+ .p-divider-vertical.p-divider-top {
1520
+ align-items: flex-start;
1446
1521
  }
1447
1522
 
1448
- .p-dialog-mask {
1449
- position: fixed;
1450
- top: 0;
1523
+ .p-divider-vertical.p-divider-center {
1524
+ align-items: center;
1525
+ }
1526
+
1527
+ .p-divider-vertical.p-divider-bottom {
1528
+ align-items: flex-end;
1529
+ }
1530
+
1531
+ .p-divider-solid.p-divider-horizontal:before {
1532
+ border-top-style: solid;
1533
+ }
1534
+
1535
+ .p-divider-solid.p-divider-vertical:before {
1536
+ border-left-style: solid;
1537
+ }
1538
+
1539
+ .p-divider-dashed.p-divider-horizontal:before {
1540
+ border-top-style: dashed;
1541
+ }
1542
+
1543
+ .p-divider-dashed.p-divider-vertical:before {
1544
+ border-left-style: dashed;
1545
+ }
1546
+
1547
+ .p-divider-dotted.p-divider-horizontal:before {
1548
+ border-top-style: dotted;
1549
+ }
1550
+
1551
+ .p-divider-dotted.p-divider-horizontal:before {
1552
+ border-left-style: dotted;
1553
+ }
1554
+ .p-dialog-mask {
1555
+ position: fixed;
1556
+ top: 0;
1451
1557
  left: 0;
1452
1558
  width: 100%;
1453
1559
  height: 100%;
@@ -1674,200 +1780,123 @@
1674
1780
  cursor: move;
1675
1781
  }
1676
1782
 
1677
- .p-chip {
1678
- display: inline-flex;
1783
+ .p-dock {
1784
+ position: absolute;
1785
+ z-index: 1;
1786
+ display: flex;
1787
+ justify-content: center;
1679
1788
  align-items: center;
1789
+ pointer-events: none;
1680
1790
  }
1681
1791
 
1682
- .p-chip-text {
1683
- line-height: 1.5;
1684
- }
1685
-
1686
- .p-chip-icon.pi {
1687
- line-height: 1.5;
1688
- }
1689
-
1690
- .p-chip .p-chip-remove-icon {
1691
- line-height: 1.5;
1692
- cursor: pointer;
1693
- }
1694
-
1695
- .p-chip img {
1696
- border-radius: 50%;
1792
+ .p-dock-container {
1793
+ display: flex;
1794
+ pointer-events: auto;
1697
1795
  }
1698
1796
 
1699
- .p-divider-horizontal {
1797
+ .p-dock-list {
1798
+ margin: 0;
1799
+ padding: 0;
1800
+ list-style: none;
1700
1801
  display: flex;
1701
- width: 100%;
1702
- position: relative;
1703
1802
  align-items: center;
1704
- }
1705
-
1706
- .p-divider-horizontal:before {
1707
- position: absolute;
1708
- display: block;
1709
- top: 50%;
1710
- left: 0;
1711
- width: 100%;
1712
- content: "";
1713
- }
1714
-
1715
- .p-divider-horizontal.p-divider-left {
1716
- justify-content: flex-start;
1717
- }
1718
-
1719
- .p-divider-horizontal.p-divider-right {
1720
- justify-content: flex-end;
1721
- }
1722
-
1723
- .p-divider-horizontal.p-divider-center {
1724
1803
  justify-content: center;
1804
+ pointer-events: auto;
1725
1805
  }
1726
1806
 
1727
- .p-divider-content {
1728
- z-index: 1;
1807
+ .p-dock-magnification .p-dock-item {
1808
+ transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
1809
+ will-change: transform;
1729
1810
  }
1730
1811
 
1731
- .p-divider-vertical {
1732
- min-height: 100%;
1733
- margin: 0 1rem;
1812
+ .p-dock-action {
1734
1813
  display: flex;
1735
- position: relative;
1736
- justify-content: center;
1737
- }
1738
-
1739
- .p-divider-vertical:before {
1740
- position: absolute;
1741
- display: block;
1742
- top: 0;
1743
- left: 50%;
1744
- height: 100%;
1745
- content: "";
1746
- }
1747
-
1748
- .p-divider-vertical.p-divider-top {
1749
- align-items: flex-start;
1750
- }
1751
-
1752
- .p-divider-vertical.p-divider-center {
1814
+ flex-direction: column;
1753
1815
  align-items: center;
1816
+ justify-content: center;
1817
+ position: relative;
1818
+ overflow: hidden;
1819
+ cursor: default;
1754
1820
  }
1755
1821
 
1756
- .p-divider-vertical.p-divider-bottom {
1757
- align-items: flex-end;
1758
- }
1759
-
1760
- .p-divider-solid.p-divider-horizontal:before {
1761
- border-top-style: solid;
1762
- }
1763
-
1764
- .p-divider-solid.p-divider-vertical:before {
1765
- border-left-style: solid;
1766
- }
1767
-
1768
- .p-divider-dashed.p-divider-horizontal:before {
1769
- border-top-style: dashed;
1770
- }
1771
-
1772
- .p-divider-dashed.p-divider-vertical:before {
1773
- border-left-style: dashed;
1822
+ .p-dock-magnification .p-dock-item-second-prev,
1823
+ .p-dock-magnification .p-dock-item-second-next {
1824
+ transform: scale(1.2);
1774
1825
  }
1775
1826
 
1776
- .p-divider-dotted.p-divider-horizontal:before {
1777
- border-top-style: dotted;
1827
+ .p-dock-magnification .p-dock-item-prev,
1828
+ .p-dock-magnification .p-dock-item-next {
1829
+ transform: scale(1.4);
1778
1830
  }
1779
1831
 
1780
- .p-divider-dotted.p-divider-horizontal:before {
1781
- border-left-style: dotted;
1782
- }
1783
- .p-dropdown {
1784
- display: inline-flex;
1785
- cursor: pointer;
1786
- position: relative;
1787
- user-select: none;
1832
+ .p-dock-magnification .p-dock-item-current {
1833
+ transform: scale(1.6);
1834
+ z-index: 1;
1788
1835
  }
1789
1836
 
1790
- .p-dropdown-clear-icon {
1791
- position: absolute;
1792
- top: 50%;
1793
- margin-top: -.5rem;
1837
+ /* Position */
1838
+ /* top */
1839
+ .p-dock-top {
1840
+ left: 0;
1841
+ top: 0;
1842
+ width: 100%;
1794
1843
  }
1795
1844
 
1796
- .p-dropdown-trigger {
1797
- display: flex;
1798
- align-items: center;
1799
- justify-content: center;
1800
- flex-shrink: 0;
1845
+ .p-dock-top.p-dock-magnification .p-dock-item {
1846
+ transform-origin: center top;
1801
1847
  }
1802
1848
 
1803
- .p-dropdown-label {
1804
- display: block;
1805
- white-space: nowrap;
1806
- overflow: hidden;
1807
- flex: 1 1 auto;
1808
- width: 1%;
1809
- text-overflow: ellipsis;
1810
- cursor: pointer;
1849
+ .p-dock-top .p-dock-container {
1850
+ flex-direction: column-reverse;
1811
1851
  }
1812
1852
 
1813
- .p-dropdown-label-empty {
1814
- overflow: hidden;
1815
- visibility: hidden;
1853
+ /* bottom */
1854
+ .p-dock-bottom {
1855
+ left: 0;
1856
+ bottom: 0;
1857
+ width: 100%;
1816
1858
  }
1817
1859
 
1818
- input.p-dropdown-label {
1819
- cursor: default;
1860
+ .p-dock-bottom.p-dock-magnification .p-dock-item {
1861
+ transform-origin: center bottom;
1820
1862
  }
1821
1863
 
1822
- .p-dropdown .p-dropdown-panel {
1823
- min-width: 100%;
1864
+ .p-dock-bottom .p-dock-container {
1865
+ flex-direction: column;
1824
1866
  }
1825
1867
 
1826
- .p-dropdown-panel {
1827
- position: absolute;
1868
+ /* right */
1869
+ .p-dock-right {
1870
+ right: 0;
1828
1871
  top: 0;
1829
- left: 0;
1830
- }
1831
-
1832
- .p-dropdown-items-wrapper {
1833
- overflow: auto;
1834
- }
1835
-
1836
- .p-dropdown-item {
1837
- cursor: pointer;
1838
- font-weight: normal;
1839
- white-space: nowrap;
1840
- position: relative;
1841
- overflow: hidden;
1872
+ height: 100%;
1842
1873
  }
1843
1874
 
1844
- .p-dropdown-items {
1845
- margin: 0;
1846
- padding: 0;
1847
- list-style-type: none;
1875
+ .p-dock-right.p-dock-magnification .p-dock-item {
1876
+ transform-origin: center right;
1848
1877
  }
1849
1878
 
1850
- .p-dropdown-filter {
1851
- width: 100%;
1879
+ .p-dock-right .p-dock-list {
1880
+ flex-direction: column;
1852
1881
  }
1853
1882
 
1854
- .p-dropdown-filter-container {
1855
- position: relative;
1883
+ /* left */
1884
+ .p-dock-left {
1885
+ left: 0;
1886
+ top: 0;
1887
+ height: 100%;
1856
1888
  }
1857
1889
 
1858
- .p-dropdown-filter-icon,
1859
- .p-dropdown-filter-clear-icon {
1860
- position: absolute;
1861
- top: 50%;
1862
- margin-top: -.5rem;
1890
+ .p-dock-left.p-dock-magnification .p-dock-item {
1891
+ transform-origin: center left;
1863
1892
  }
1864
1893
 
1865
- .p-fluid .p-dropdown {
1866
- display: flex;
1894
+ .p-dock-left .p-dock-list {
1895
+ flex-direction: column;
1867
1896
  }
1868
1897
 
1869
- .p-fluid .p-dropdown .p-dropdown-label {
1870
- width: 1%;
1898
+ .p-dock-left .p-dock-container {
1899
+ flex-direction: row-reverse;
1871
1900
  }
1872
1901
 
1873
1902
  /*!
@@ -2835,50 +2864,94 @@ input.p-dropdown-label {
2835
2864
  line-height: 1;
2836
2865
  }
2837
2866
 
2838
- .p-fileupload-content {
2867
+ .p-dropdown {
2868
+ display: inline-flex;
2869
+ cursor: pointer;
2839
2870
  position: relative;
2871
+ user-select: none;
2840
2872
  }
2841
2873
 
2842
- .p-fileupload-row {
2874
+ .p-dropdown-clear-icon {
2875
+ position: absolute;
2876
+ top: 50%;
2877
+ margin-top: -.5rem;
2878
+ }
2879
+
2880
+ .p-dropdown-trigger {
2843
2881
  display: flex;
2844
2882
  align-items: center;
2883
+ justify-content: center;
2884
+ flex-shrink: 0;
2845
2885
  }
2846
2886
 
2847
- .p-fileupload-row > div {
2887
+ .p-dropdown-label {
2888
+ display: block;
2889
+ white-space: nowrap;
2890
+ overflow: hidden;
2848
2891
  flex: 1 1 auto;
2849
- width: 25%;
2892
+ width: 1%;
2893
+ text-overflow: ellipsis;
2894
+ cursor: pointer;
2850
2895
  }
2851
2896
 
2852
- .p-fileupload-row > div:last-child {
2853
- text-align: right;
2897
+ .p-dropdown-label-empty {
2898
+ overflow: hidden;
2899
+ visibility: hidden;
2854
2900
  }
2855
2901
 
2856
- .p-fileupload-content > .p-progressbar {
2857
- width: 100%;
2902
+ input.p-dropdown-label {
2903
+ cursor: default;
2904
+ }
2905
+
2906
+ .p-dropdown .p-dropdown-panel {
2907
+ min-width: 100%;
2908
+ }
2909
+
2910
+ .p-dropdown-panel {
2858
2911
  position: absolute;
2859
2912
  top: 0;
2860
2913
  left: 0;
2861
2914
  }
2862
2915
 
2863
- .p-button.p-fileupload-choose {
2916
+ .p-dropdown-items-wrapper {
2917
+ overflow: auto;
2918
+ }
2919
+
2920
+ .p-dropdown-item {
2921
+ cursor: pointer;
2922
+ font-weight: normal;
2923
+ white-space: nowrap;
2864
2924
  position: relative;
2865
2925
  overflow: hidden;
2866
2926
  }
2867
2927
 
2868
- .p-button.p-fileupload-choose input[type=file] {
2869
- display: none;
2928
+ .p-dropdown-items {
2929
+ margin: 0;
2930
+ padding: 0;
2931
+ list-style-type: none;
2870
2932
  }
2871
2933
 
2872
- .p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
2873
- display: none;
2934
+ .p-dropdown-filter {
2935
+ width: 100%;
2874
2936
  }
2875
2937
 
2876
- .p-fileupload-filename {
2877
- word-break: break-all;
2938
+ .p-dropdown-filter-container {
2939
+ position: relative;
2878
2940
  }
2879
2941
 
2880
- .p-fluid .p-fileupload .p-button {
2881
- width: auto;
2942
+ .p-dropdown-filter-icon,
2943
+ .p-dropdown-filter-clear-icon {
2944
+ position: absolute;
2945
+ top: 50%;
2946
+ margin-top: -.5rem;
2947
+ }
2948
+
2949
+ .p-fluid .p-dropdown {
2950
+ display: flex;
2951
+ }
2952
+
2953
+ .p-fluid .p-dropdown .p-dropdown-label {
2954
+ width: 1%;
2882
2955
  }
2883
2956
 
2884
2957
  .p-galleria-content {
@@ -3180,145 +3253,50 @@ input.p-dropdown-label {
3180
3253
  visibility: visible;
3181
3254
  }
3182
3255
 
3183
- .p-dock {
3184
- position: absolute;
3185
- z-index: 1;
3186
- display: flex;
3187
- justify-content: center;
3188
- align-items: center;
3189
- pointer-events: none;
3190
- }
3191
-
3192
- .p-dock-container {
3193
- display: flex;
3194
- pointer-events: auto;
3195
- }
3196
-
3197
- .p-dock-list {
3198
- margin: 0;
3199
- padding: 0;
3200
- list-style: none;
3201
- display: flex;
3202
- align-items: center;
3203
- justify-content: center;
3204
- pointer-events: auto;
3205
- }
3206
-
3207
- .p-dock-magnification .p-dock-item {
3208
- transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
3209
- will-change: transform;
3256
+ .p-fileupload-content {
3257
+ position: relative;
3210
3258
  }
3211
3259
 
3212
- .p-dock-action {
3260
+ .p-fileupload-row {
3213
3261
  display: flex;
3214
- flex-direction: column;
3215
3262
  align-items: center;
3216
- justify-content: center;
3217
- position: relative;
3218
- overflow: hidden;
3219
- cursor: default;
3220
- }
3221
-
3222
- .p-dock-magnification .p-dock-item-second-prev,
3223
- .p-dock-magnification .p-dock-item-second-next {
3224
- transform: scale(1.2);
3225
- }
3226
-
3227
- .p-dock-magnification .p-dock-item-prev,
3228
- .p-dock-magnification .p-dock-item-next {
3229
- transform: scale(1.4);
3230
- }
3231
-
3232
- .p-dock-magnification .p-dock-item-current {
3233
- transform: scale(1.6);
3234
- z-index: 1;
3235
- }
3236
-
3237
- /* Position */
3238
- /* top */
3239
- .p-dock-top {
3240
- left: 0;
3241
- top: 0;
3242
- width: 100%;
3243
3263
  }
3244
3264
 
3245
- .p-dock-top.p-dock-magnification .p-dock-item {
3246
- transform-origin: center top;
3265
+ .p-fileupload-row > div {
3266
+ flex: 1 1 auto;
3267
+ width: 25%;
3247
3268
  }
3248
3269
 
3249
- .p-dock-top .p-dock-container {
3250
- flex-direction: column-reverse;
3270
+ .p-fileupload-row > div:last-child {
3271
+ text-align: right;
3251
3272
  }
3252
3273
 
3253
- /* bottom */
3254
- .p-dock-bottom {
3255
- left: 0;
3256
- bottom: 0;
3274
+ .p-fileupload-content > .p-progressbar {
3257
3275
  width: 100%;
3258
- }
3259
-
3260
- .p-dock-bottom.p-dock-magnification .p-dock-item {
3261
- transform-origin: center bottom;
3262
- }
3263
-
3264
- .p-dock-bottom .p-dock-container {
3265
- flex-direction: column;
3266
- }
3267
-
3268
- /* right */
3269
- .p-dock-right {
3270
- right: 0;
3276
+ position: absolute;
3271
3277
  top: 0;
3272
- height: 100%;
3273
- }
3274
-
3275
- .p-dock-right.p-dock-magnification .p-dock-item {
3276
- transform-origin: center right;
3277
- }
3278
-
3279
- .p-dock-right .p-dock-list {
3280
- flex-direction: column;
3281
- }
3282
-
3283
- /* left */
3284
- .p-dock-left {
3285
3278
  left: 0;
3286
- top: 0;
3287
- height: 100%;
3288
- }
3289
-
3290
- .p-dock-left.p-dock-magnification .p-dock-item {
3291
- transform-origin: center left;
3292
- }
3293
-
3294
- .p-dock-left .p-dock-list {
3295
- flex-direction: column;
3296
- }
3297
-
3298
- .p-dock-left .p-dock-container {
3299
- flex-direction: row-reverse;
3300
3279
  }
3301
3280
 
3302
- .p-inplace .p-inplace-display {
3303
- display: inline;
3304
- cursor: pointer;
3281
+ .p-button.p-fileupload-choose {
3282
+ position: relative;
3283
+ overflow: hidden;
3305
3284
  }
3306
3285
 
3307
- .p-inplace .p-inplace-content {
3308
- display: inline;
3286
+ .p-button.p-fileupload-choose input[type=file] {
3287
+ display: none;
3309
3288
  }
3310
3289
 
3311
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
3312
- display: flex;
3290
+ .p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
3291
+ display: none;
3313
3292
  }
3314
3293
 
3315
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
3316
- flex: 1 1 auto;
3317
- width: 1%;
3294
+ .p-fileupload-filename {
3295
+ word-break: break-all;
3318
3296
  }
3319
3297
 
3320
- .p-inplace-content-close {
3321
- margin-left: .25rem;
3298
+ .p-fluid .p-fileupload .p-button {
3299
+ width: auto;
3322
3300
  }
3323
3301
 
3324
3302
  .p-image-mask {
@@ -3504,6 +3482,49 @@ input.p-dropdown-label {
3504
3482
  width: 100%;
3505
3483
  }
3506
3484
 
3485
+ .p-inputswitch {
3486
+ position: relative;
3487
+ display: inline-block;
3488
+ }
3489
+
3490
+ .p-inputswitch-slider {
3491
+ position: absolute;
3492
+ cursor: pointer;
3493
+ top: 0;
3494
+ left: 0;
3495
+ right: 0;
3496
+ bottom: 0;
3497
+ border: 1px solid transparent;
3498
+ }
3499
+
3500
+ .p-inputswitch-slider:before {
3501
+ position: absolute;
3502
+ content: "";
3503
+ top: 50%;
3504
+ }
3505
+
3506
+ .p-inplace .p-inplace-display {
3507
+ display: inline;
3508
+ cursor: pointer;
3509
+ }
3510
+
3511
+ .p-inplace .p-inplace-content {
3512
+ display: inline;
3513
+ }
3514
+
3515
+ .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
3516
+ display: flex;
3517
+ }
3518
+
3519
+ .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
3520
+ flex: 1 1 auto;
3521
+ width: 1%;
3522
+ }
3523
+
3524
+ .p-inplace-content-close {
3525
+ margin-left: .25rem;
3526
+ }
3527
+
3507
3528
  .p-inputtext {
3508
3529
  margin: 0;
3509
3530
  }
@@ -3609,27 +3630,6 @@ input.p-dropdown-label {
3609
3630
  width: 100%;
3610
3631
  }
3611
3632
 
3612
- .p-inputswitch {
3613
- position: relative;
3614
- display: inline-block;
3615
- }
3616
-
3617
- .p-inputswitch-slider {
3618
- position: absolute;
3619
- cursor: pointer;
3620
- top: 0;
3621
- left: 0;
3622
- right: 0;
3623
- bottom: 0;
3624
- border: 1px solid transparent;
3625
- }
3626
-
3627
- .p-inputswitch-slider:before {
3628
- position: absolute;
3629
- content: "";
3630
- top: 50%;
3631
- }
3632
-
3633
3633
  .p-inputtextarea-resizable {
3634
3634
  overflow: hidden;
3635
3635
  resize: none;
@@ -3657,6 +3657,75 @@ input.p-dropdown-label {
3657
3657
  font-size: 1.3rem;
3658
3658
  text-align: center;
3659
3659
  }
3660
+ .p-listbox-list-wrapper {
3661
+ overflow: auto;
3662
+ }
3663
+
3664
+ .p-listbox-list {
3665
+ list-style-type: none;
3666
+ margin: 0;
3667
+ padding: 0;
3668
+ }
3669
+
3670
+ .p-listbox-item {
3671
+ cursor: pointer;
3672
+ position: relative;
3673
+ overflow: hidden;
3674
+ }
3675
+
3676
+ .p-listbox-filter-container {
3677
+ position: relative;
3678
+ }
3679
+
3680
+ .p-listbox-filter-icon {
3681
+ position: absolute;
3682
+ top: 50%;
3683
+ margin-top: -.5rem;
3684
+ }
3685
+
3686
+ .p-listbox-filter {
3687
+ width: 100%;
3688
+ }
3689
+
3690
+ .p-mention {
3691
+ display: inline-flex;
3692
+ position: relative;
3693
+ }
3694
+
3695
+ .p-autocomplete-loader {
3696
+ position: absolute;
3697
+ top: 50%;
3698
+ margin-top: -.5rem;
3699
+ }
3700
+
3701
+ .p-mention .p-mention-panel {
3702
+ min-width: 100%;
3703
+ }
3704
+
3705
+ .p-mention-panel {
3706
+ position: absolute;
3707
+ top: 0;
3708
+ left: 0;
3709
+ overflow: auto;
3710
+ }
3711
+
3712
+ .p-mention-items {
3713
+ margin: 0;
3714
+ padding: 0;
3715
+ list-style-type: none;
3716
+ }
3717
+
3718
+ .p-mention-item {
3719
+ cursor: pointer;
3720
+ white-space: nowrap;
3721
+ position: relative;
3722
+ overflow: hidden;
3723
+ }
3724
+
3725
+ .p-fluid .p-mention {
3726
+ display: flex;
3727
+ }
3728
+
3660
3729
  .p-megamenu {
3661
3730
  display: flex;
3662
3731
  }
@@ -3770,73 +3839,27 @@ input.p-dropdown-label {
3770
3839
  width: 100%;
3771
3840
  }
3772
3841
 
3773
- .p-listbox-list-wrapper {
3774
- overflow: auto;
3775
- }
3776
-
3777
- .p-listbox-list {
3778
- list-style-type: none;
3779
- margin: 0;
3780
- padding: 0;
3781
- }
3782
-
3783
- .p-listbox-item {
3784
- cursor: pointer;
3785
- position: relative;
3786
- overflow: hidden;
3787
- }
3788
-
3789
- .p-listbox-filter-container {
3790
- position: relative;
3791
- }
3792
-
3793
- .p-listbox-filter-icon {
3794
- position: absolute;
3795
- top: 50%;
3796
- margin-top: -.5rem;
3797
- }
3798
-
3799
- .p-listbox-filter {
3800
- width: 100%;
3801
- }
3802
-
3803
- .p-mention {
3804
- display: inline-flex;
3805
- position: relative;
3806
- }
3807
-
3808
- .p-autocomplete-loader {
3809
- position: absolute;
3810
- top: 50%;
3811
- margin-top: -.5rem;
3812
- }
3813
-
3814
- .p-mention .p-mention-panel {
3815
- min-width: 100%;
3816
- }
3817
-
3818
- .p-mention-panel {
3842
+ .p-menu-overlay {
3819
3843
  position: absolute;
3820
- top: 0;
3821
- left: 0;
3822
- overflow: auto;
3823
3844
  }
3824
3845
 
3825
- .p-mention-items {
3846
+ .p-menu ul {
3826
3847
  margin: 0;
3827
3848
  padding: 0;
3828
- list-style-type: none;
3849
+ list-style: none;
3829
3850
  }
3830
3851
 
3831
- .p-mention-item {
3852
+ .p-menu .p-menuitem-link {
3832
3853
  cursor: pointer;
3833
- white-space: nowrap;
3834
- position: relative;
3854
+ display: flex;
3855
+ align-items: center;
3856
+ text-decoration: none;
3835
3857
  overflow: hidden;
3858
+ position: relative;
3836
3859
  }
3837
3860
 
3838
- .p-fluid .p-mention {
3839
- display: flex;
3861
+ .p-menu .p-menuitem-text {
3862
+ line-height: 1;
3840
3863
  }
3841
3864
 
3842
3865
  .p-menubar {
@@ -3911,27 +3934,47 @@ input.p-dropdown-label {
3911
3934
  text-decoration: none;
3912
3935
  }
3913
3936
 
3914
- .p-menu-overlay {
3915
- position: absolute;
3916
- }
3917
-
3918
- .p-menu ul {
3919
- margin: 0;
3920
- padding: 0;
3921
- list-style: none;
3937
+ .p-message-wrapper {
3938
+ display: flex;
3939
+ align-items: center;
3922
3940
  }
3923
3941
 
3924
- .p-menu .p-menuitem-link {
3925
- cursor: pointer;
3942
+ .p-message-close {
3926
3943
  display: flex;
3927
3944
  align-items: center;
3928
- text-decoration: none;
3945
+ justify-content: center;
3946
+ }
3947
+
3948
+ .p-message-close.p-link {
3949
+ margin-left: auto;
3929
3950
  overflow: hidden;
3930
3951
  position: relative;
3931
3952
  }
3932
3953
 
3933
- .p-menu .p-menuitem-text {
3934
- line-height: 1;
3954
+ .p-message-enter {
3955
+ opacity: 0;
3956
+ }
3957
+
3958
+ .p-message-enter-active {
3959
+ opacity: 1;
3960
+ transition: opacity .3s;
3961
+ }
3962
+
3963
+ .p-message-exit {
3964
+ opacity: 1;
3965
+ max-height: 1000px;
3966
+ }
3967
+
3968
+ .p-message-exit-active {
3969
+ opacity: 0;
3970
+ max-height: 0;
3971
+ margin: 0;
3972
+ overflow: hidden;
3973
+ transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;
3974
+ }
3975
+
3976
+ .p-message-exit-active .p-message-close {
3977
+ display: none;
3935
3978
  }
3936
3979
 
3937
3980
  .p-inline-message {
@@ -4065,49 +4108,6 @@ input.p-dropdown-label {
4065
4108
  display: flex;
4066
4109
  }
4067
4110
 
4068
- .p-message-wrapper {
4069
- display: flex;
4070
- align-items: center;
4071
- }
4072
-
4073
- .p-message-close {
4074
- display: flex;
4075
- align-items: center;
4076
- justify-content: center;
4077
- }
4078
-
4079
- .p-message-close.p-link {
4080
- margin-left: auto;
4081
- overflow: hidden;
4082
- position: relative;
4083
- }
4084
-
4085
- .p-message-enter {
4086
- opacity: 0;
4087
- }
4088
-
4089
- .p-message-enter-active {
4090
- opacity: 1;
4091
- transition: opacity .3s;
4092
- }
4093
-
4094
- .p-message-exit {
4095
- opacity: 1;
4096
- max-height: 1000px;
4097
- }
4098
-
4099
- .p-message-exit-active {
4100
- opacity: 0;
4101
- max-height: 0;
4102
- margin: 0;
4103
- overflow: hidden;
4104
- transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;
4105
- }
4106
-
4107
- .p-message-exit-active .p-message-close {
4108
- display: none;
4109
- }
4110
-
4111
4111
  .p-orderlist {
4112
4112
  display: flex;
4113
4113
  }
@@ -4290,46 +4290,15 @@ input.p-dropdown-label {
4290
4290
  border-bottom-color: transparent
4291
4291
  }
4292
4292
 
4293
- .p-panelmenu .p-panelmenu-header-link {
4293
+ .p-paginator {
4294
4294
  display: flex;
4295
4295
  align-items: center;
4296
- user-select: none;
4297
- cursor: pointer;
4298
- position: relative;
4299
- text-decoration: none;
4296
+ justify-content: center;
4297
+ flex-wrap: wrap;
4300
4298
  }
4301
4299
 
4302
- .p-panelmenu .p-panelmenu-header-link:focus {
4303
- z-index: 1;
4304
- }
4305
-
4306
- .p-panelmenu .p-submenu-list {
4307
- margin: 0;
4308
- padding: 0;
4309
- list-style: none;
4310
- }
4311
-
4312
- .p-panelmenu .p-menuitem-link {
4313
- display: flex;
4314
- align-items: center;
4315
- user-select: none;
4316
- cursor: pointer;
4317
- text-decoration: none;
4318
- }
4319
-
4320
- .p-panelmenu .p-menuitem-text {
4321
- line-height: 1;
4322
- }
4323
-
4324
- .p-paginator {
4325
- display: flex;
4326
- align-items: center;
4327
- justify-content: center;
4328
- flex-wrap: wrap;
4329
- }
4330
-
4331
- .p-paginator-left-content {
4332
- margin-right: auto;
4300
+ .p-paginator-left-content {
4301
+ margin-right: auto;
4333
4302
  }
4334
4303
 
4335
4304
  .p-paginator-right-content {
@@ -4377,35 +4346,6 @@ input.p-dropdown-label {
4377
4346
  position: relative;
4378
4347
  }
4379
4348
 
4380
- .p-password {
4381
- position: relative;
4382
- display: inline-flex;
4383
- }
4384
-
4385
- .p-password-panel {
4386
- position: absolute;
4387
- top: 0;
4388
- left: 0;
4389
- }
4390
-
4391
- .p-password .p-password-panel {
4392
- min-width: 100%;
4393
- }
4394
-
4395
- .p-password-meter {
4396
- height: 10px;
4397
- }
4398
-
4399
- .p-password-strength {
4400
- height: 100%;
4401
- width: 0%;
4402
- transition: width 1s ease-in-out;
4403
- }
4404
-
4405
- .p-fluid .p-password {
4406
- display: flex;
4407
- }
4408
-
4409
4349
  .p-picklist {
4410
4350
  display: flex;
4411
4351
  }
@@ -4449,6 +4389,66 @@ input.p-dropdown-label {
4449
4389
  width: 100%;
4450
4390
  }
4451
4391
 
4392
+ .p-panelmenu .p-panelmenu-header-link {
4393
+ display: flex;
4394
+ align-items: center;
4395
+ user-select: none;
4396
+ cursor: pointer;
4397
+ position: relative;
4398
+ text-decoration: none;
4399
+ }
4400
+
4401
+ .p-panelmenu .p-panelmenu-header-link:focus {
4402
+ z-index: 1;
4403
+ }
4404
+
4405
+ .p-panelmenu .p-submenu-list {
4406
+ margin: 0;
4407
+ padding: 0;
4408
+ list-style: none;
4409
+ }
4410
+
4411
+ .p-panelmenu .p-menuitem-link {
4412
+ display: flex;
4413
+ align-items: center;
4414
+ user-select: none;
4415
+ cursor: pointer;
4416
+ text-decoration: none;
4417
+ }
4418
+
4419
+ .p-panelmenu .p-menuitem-text {
4420
+ line-height: 1;
4421
+ }
4422
+
4423
+ .p-password {
4424
+ position: relative;
4425
+ display: inline-flex;
4426
+ }
4427
+
4428
+ .p-password-panel {
4429
+ position: absolute;
4430
+ top: 0;
4431
+ left: 0;
4432
+ }
4433
+
4434
+ .p-password .p-password-panel {
4435
+ min-width: 100%;
4436
+ }
4437
+
4438
+ .p-password-meter {
4439
+ height: 10px;
4440
+ }
4441
+
4442
+ .p-password-strength {
4443
+ height: 100%;
4444
+ width: 0%;
4445
+ transition: width 1s ease-in-out;
4446
+ }
4447
+
4448
+ .p-fluid .p-password {
4449
+ display: flex;
4450
+ }
4451
+
4452
4452
  .p-progressbar {
4453
4453
  position: relative;
4454
4454
  overflow: hidden;
@@ -4546,47 +4546,6 @@ input.p-dropdown-label {
4546
4546
  right: -8%; }
4547
4547
  }
4548
4548
 
4549
- .p-rating {
4550
- display: flex;
4551
- align-items: center;
4552
- }
4553
-
4554
- .p-rating-item {
4555
- display: inline-flex;
4556
- align-items: center;
4557
- cursor: pointer;
4558
- }
4559
-
4560
- .p-rating.p-readonly .p-rating-item {
4561
- cursor: default;
4562
- }
4563
-
4564
- .p-radiobutton {
4565
- display: inline-flex;
4566
- cursor: pointer;
4567
- user-select: none;
4568
- vertical-align: bottom;
4569
- }
4570
-
4571
- .p-radiobutton-box {
4572
- display: flex;
4573
- justify-content: center;
4574
- align-items: center;
4575
- }
4576
-
4577
- .p-radiobutton-icon {
4578
- -webkit-backface-visibility: hidden;
4579
- backface-visibility: hidden;
4580
- transform: translateZ(0) scale(.1);
4581
- border-radius: 50%;
4582
- visibility: hidden;
4583
- }
4584
-
4585
- .p-radiobutton-box.p-highlight .p-radiobutton-icon {
4586
- transform: translateZ(0) scale(1.0, 1.0);
4587
- visibility: visible;
4588
- }
4589
-
4590
4549
  .p-progress-spinner {
4591
4550
  position: relative;
4592
4551
  margin: 0 auto;
@@ -4660,6 +4619,47 @@ input.p-dropdown-label {
4660
4619
  }
4661
4620
  }
4662
4621
 
4622
+ .p-radiobutton {
4623
+ display: inline-flex;
4624
+ cursor: pointer;
4625
+ user-select: none;
4626
+ vertical-align: bottom;
4627
+ }
4628
+
4629
+ .p-radiobutton-box {
4630
+ display: flex;
4631
+ justify-content: center;
4632
+ align-items: center;
4633
+ }
4634
+
4635
+ .p-radiobutton-icon {
4636
+ -webkit-backface-visibility: hidden;
4637
+ backface-visibility: hidden;
4638
+ transform: translateZ(0) scale(.1);
4639
+ border-radius: 50%;
4640
+ visibility: hidden;
4641
+ }
4642
+
4643
+ .p-radiobutton-box.p-highlight .p-radiobutton-icon {
4644
+ transform: translateZ(0) scale(1.0, 1.0);
4645
+ visibility: visible;
4646
+ }
4647
+
4648
+ .p-rating {
4649
+ display: flex;
4650
+ align-items: center;
4651
+ }
4652
+
4653
+ .p-rating-item {
4654
+ display: inline-flex;
4655
+ align-items: center;
4656
+ cursor: pointer;
4657
+ }
4658
+
4659
+ .p-rating.p-readonly .p-rating-item {
4660
+ cursor: default;
4661
+ }
4662
+
4663
4663
  .p-ripple {
4664
4664
  overflow: hidden;
4665
4665
  position: relative;
@@ -5030,51 +5030,6 @@ input.p-dropdown-label {
5030
5030
  transform: translateX(100%);
5031
5031
  }
5032
5032
  }
5033
- .p-slider {
5034
- position: relative;
5035
- }
5036
-
5037
- .p-slider .p-slider-handle {
5038
- position: absolute;
5039
- cursor: grab;
5040
- touch-action: none;
5041
- display: block;
5042
- z-index: 1;
5043
- }
5044
-
5045
- .p-slider .p-slider-handle.p-slider-handle-active {
5046
- z-index: 2;
5047
- }
5048
-
5049
- .p-slider-range {
5050
- position: absolute;
5051
- display: block;
5052
- }
5053
-
5054
- .p-slider-horizontal .p-slider-range {
5055
- top: 0;
5056
- left: 0;
5057
- height: 100%;
5058
- }
5059
-
5060
- .p-slider-horizontal .p-slider-handle {
5061
- top: 50%;
5062
- }
5063
-
5064
- .p-slider-vertical {
5065
- height: 100px;
5066
- }
5067
-
5068
- .p-slider-vertical .p-slider-handle {
5069
- left: 50%;
5070
- }
5071
-
5072
- .p-slider-vertical .p-slider-range {
5073
- bottom: 0;
5074
- left: 0;
5075
- width: 100%;
5076
- }
5077
-
5078
5033
  .p-slidemenu {
5079
5034
  width: 12.5em;
5080
5035
  }
@@ -5164,13 +5119,117 @@ input.p-dropdown-label {
5164
5119
  display: block;
5165
5120
  }
5166
5121
 
5167
- .p-speeddial {
5168
- position: absolute;
5169
- display: flex;
5122
+ .p-slider {
5123
+ position: relative;
5124
+ }
5125
+
5126
+ .p-slider .p-slider-handle {
5127
+ position: absolute;
5128
+ cursor: grab;
5129
+ touch-action: none;
5130
+ display: block;
5170
5131
  z-index: 1;
5171
5132
  }
5172
5133
 
5173
- .p-speeddial-list {
5134
+ .p-slider .p-slider-handle.p-slider-handle-active {
5135
+ z-index: 2;
5136
+ }
5137
+
5138
+ .p-slider-range {
5139
+ position: absolute;
5140
+ display: block;
5141
+ }
5142
+
5143
+ .p-slider-horizontal .p-slider-range {
5144
+ top: 0;
5145
+ left: 0;
5146
+ height: 100%;
5147
+ }
5148
+
5149
+ .p-slider-horizontal .p-slider-handle {
5150
+ top: 50%;
5151
+ }
5152
+
5153
+ .p-slider-vertical {
5154
+ height: 100px;
5155
+ }
5156
+
5157
+ .p-slider-vertical .p-slider-handle {
5158
+ left: 50%;
5159
+ }
5160
+
5161
+ .p-slider-vertical .p-slider-range {
5162
+ bottom: 0;
5163
+ left: 0;
5164
+ width: 100%;
5165
+ }
5166
+
5167
+ .p-splitter {
5168
+ display: flex;
5169
+ flex-wrap: nowrap;
5170
+ }
5171
+
5172
+ .p-splitter-vertical {
5173
+ flex-direction: column;
5174
+ }
5175
+
5176
+ .p-splitter-panel {
5177
+ flex-grow: 1;
5178
+ }
5179
+
5180
+ .p-splitter-panel-nested {
5181
+ display: flex;
5182
+ }
5183
+
5184
+ .p-splitter-panel .p-splitter {
5185
+ flex-grow: 1;
5186
+ border: 0 none;
5187
+ }
5188
+
5189
+ .p-splitter-gutter {
5190
+ flex-grow: 0;
5191
+ flex-shrink: 0;
5192
+ display: flex;
5193
+ align-items: center;
5194
+ justify-content: center;
5195
+ cursor: col-resize;
5196
+ }
5197
+
5198
+ .p-splitter-horizontal.p-splitter-resizing {
5199
+ cursor: col-resize;
5200
+ user-select: none;
5201
+ }
5202
+
5203
+ .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
5204
+ height: 24px;
5205
+ width: 100%;
5206
+ }
5207
+
5208
+ .p-splitter-horizontal > .p-splitter-gutter {
5209
+ cursor: col-resize;
5210
+ }
5211
+
5212
+ .p-splitter-vertical.p-splitter-resizing {
5213
+ cursor: row-resize;
5214
+ user-select: none;
5215
+ }
5216
+
5217
+ .p-splitter-vertical > .p-splitter-gutter {
5218
+ cursor: row-resize;
5219
+ }
5220
+
5221
+ .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
5222
+ width: 24px;
5223
+ height: 100%;
5224
+ }
5225
+
5226
+ .p-speeddial {
5227
+ position: absolute;
5228
+ display: flex;
5229
+ z-index: 1;
5230
+ }
5231
+
5232
+ .p-speeddial-list {
5174
5233
  margin: 0;
5175
5234
  padding: 0;
5176
5235
  list-style: none;
@@ -5275,63 +5334,36 @@ input.p-dropdown-label {
5275
5334
  flex-direction: row;
5276
5335
  }
5277
5336
 
5278
- .p-splitter {
5279
- display: flex;
5280
- flex-wrap: nowrap;
5281
- }
5282
-
5283
- .p-splitter-vertical {
5284
- flex-direction: column;
5285
- }
5286
-
5287
- .p-splitter-panel {
5288
- flex-grow: 1;
5289
- }
5290
-
5291
- .p-splitter-panel-nested {
5292
- display: flex;
5337
+ .p-splitbutton {
5338
+ display: inline-flex;
5339
+ position: relative;
5293
5340
  }
5294
5341
 
5295
- .p-splitter-panel .p-splitter {
5296
- flex-grow: 1;
5297
- border: 0 none;
5342
+ .p-splitbutton .p-splitbutton-defaultbutton,
5343
+ .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
5344
+ .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
5345
+ flex: 1 1 auto;
5346
+ border-top-right-radius: 0;
5347
+ border-bottom-right-radius: 0;
5348
+ border-right: 0 none;
5298
5349
  }
5299
5350
 
5300
- .p-splitter-gutter {
5301
- flex-grow: 0;
5302
- flex-shrink: 0;
5351
+ .p-splitbutton-menubutton,
5352
+ .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
5353
+ .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
5303
5354
  display: flex;
5304
5355
  align-items: center;
5305
5356
  justify-content: center;
5306
- cursor: col-resize;
5307
- }
5308
-
5309
- .p-splitter-horizontal.p-splitter-resizing {
5310
- cursor: col-resize;
5311
- user-select: none;
5312
- }
5313
-
5314
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
5315
- height: 24px;
5316
- width: 100%;
5317
- }
5318
-
5319
- .p-splitter-horizontal > .p-splitter-gutter {
5320
- cursor: col-resize;
5321
- }
5322
-
5323
- .p-splitter-vertical.p-splitter-resizing {
5324
- cursor: row-resize;
5325
- user-select: none;
5357
+ border-top-left-radius: 0;
5358
+ border-bottom-left-radius: 0;
5326
5359
  }
5327
5360
 
5328
- .p-splitter-vertical > .p-splitter-gutter {
5329
- cursor: row-resize;
5361
+ .p-splitbutton .p-menu {
5362
+ min-width: 100%;
5330
5363
  }
5331
5364
 
5332
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
5333
- width: 24px;
5334
- height: 100%;
5365
+ .p-fluid .p-splitbutton {
5366
+ display: flex;
5335
5367
  }
5336
5368
 
5337
5369
  .p-steps {
@@ -5382,38 +5414,6 @@ input.p-dropdown-label {
5382
5414
  display: block;
5383
5415
  }
5384
5416
 
5385
- .p-splitbutton {
5386
- display: inline-flex;
5387
- position: relative;
5388
- }
5389
-
5390
- .p-splitbutton .p-splitbutton-defaultbutton,
5391
- .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
5392
- .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
5393
- flex: 1 1 auto;
5394
- border-top-right-radius: 0;
5395
- border-bottom-right-radius: 0;
5396
- border-right: 0 none;
5397
- }
5398
-
5399
- .p-splitbutton-menubutton,
5400
- .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
5401
- .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
5402
- display: flex;
5403
- align-items: center;
5404
- justify-content: center;
5405
- border-top-left-radius: 0;
5406
- border-bottom-left-radius: 0;
5407
- }
5408
-
5409
- .p-splitbutton .p-menu {
5410
- min-width: 100%;
5411
- }
5412
-
5413
- .p-fluid .p-splitbutton {
5414
- display: flex;
5415
- }
5416
-
5417
5417
  .p-tabmenu {
5418
5418
  overflow-x: auto;
5419
5419
  }
@@ -5529,6 +5529,29 @@ input.p-dropdown-label {
5529
5529
  display: none;
5530
5530
  }
5531
5531
 
5532
+ .p-terminal {
5533
+ height: 18rem;
5534
+ overflow: auto;
5535
+ }
5536
+
5537
+ .p-terminal-prompt-container {
5538
+ display: flex;
5539
+ align-items: center;
5540
+ }
5541
+
5542
+ .p-terminal-input {
5543
+ flex: 1 1 auto;
5544
+ border: 0 none;
5545
+ background-color: transparent;
5546
+ color: inherit;
5547
+ padding: 0;
5548
+ outline: 0 none;
5549
+ }
5550
+
5551
+ .p-terminal-input::-ms-clear {
5552
+ display: none;
5553
+ }
5554
+
5532
5555
  .p-tag {
5533
5556
  display: inline-flex;
5534
5557
  align-items: center;
@@ -5544,27 +5567,115 @@ input.p-dropdown-label {
5544
5567
  .p-tag.p-tag-rounded {
5545
5568
  border-radius: 10rem;
5546
5569
  }
5547
- .p-terminal {
5548
- height: 18rem;
5549
- overflow: auto;
5570
+ .p-timeline {
5571
+ display: flex;
5572
+ flex-grow: 1;
5573
+ flex-direction: column;
5550
5574
  }
5551
5575
 
5552
- .p-terminal-prompt-container {
5576
+ .p-timeline-left .p-timeline-event-opposite {
5577
+ text-align: right;
5578
+ }
5579
+
5580
+ .p-timeline-left .p-timeline-event-content {
5581
+ text-align: left;
5582
+ }
5583
+
5584
+ .p-timeline-right .p-timeline-event {
5585
+ flex-direction: row-reverse;
5586
+ }
5587
+
5588
+ .p-timeline-right .p-timeline-event-opposite {
5589
+ text-align: left;
5590
+ }
5591
+
5592
+ .p-timeline-right .p-timeline-event-content {
5593
+ text-align: right;
5594
+ }
5595
+
5596
+ .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
5597
+ flex-direction: row-reverse;
5598
+ }
5599
+
5600
+ .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
5601
+ text-align: right;
5602
+ }
5603
+
5604
+ .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
5605
+ text-align: left;
5606
+ }
5607
+
5608
+ .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
5609
+ text-align: left;
5610
+ }
5611
+
5612
+ .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
5613
+ text-align: right;
5614
+ }
5615
+
5616
+ .p-timeline-event {
5617
+ display: flex;
5618
+ position: relative;
5619
+ min-height: 70px;
5620
+ }
5621
+
5622
+ .p-timeline-event:last-child {
5623
+ min-height: 0;
5624
+ }
5625
+
5626
+ .p-timeline-event-opposite {
5627
+ flex: 1;
5628
+ padding: 0 1rem;
5629
+ }
5630
+
5631
+ .p-timeline-event-content {
5632
+ flex: 1;
5633
+ padding: 0 1rem;
5634
+ }
5635
+
5636
+ .p-timeline-event-separator {
5637
+ flex: 0;
5553
5638
  display: flex;
5554
5639
  align-items: center;
5640
+ flex-direction: column;
5555
5641
  }
5556
5642
 
5557
- .p-terminal-input {
5558
- flex: 1 1 auto;
5559
- border: 0 none;
5560
- background-color: transparent;
5561
- color: inherit;
5562
- padding: 0;
5563
- outline: 0 none;
5643
+ .p-timeline-event-marker {
5644
+ display: flex;
5645
+ align-self: baseline;
5564
5646
  }
5565
5647
 
5566
- .p-terminal-input::-ms-clear {
5567
- display: none;
5648
+ .p-timeline-event-connector {
5649
+ flex-grow: 1;
5650
+ }
5651
+
5652
+ .p-timeline-horizontal {
5653
+ flex-direction: row;
5654
+ }
5655
+
5656
+ .p-timeline-horizontal .p-timeline-event {
5657
+ flex-direction: column;
5658
+ flex: 1;
5659
+ }
5660
+
5661
+ .p-timeline-horizontal .p-timeline-event:last-child {
5662
+ flex: 0;
5663
+ }
5664
+
5665
+ .p-timeline-horizontal .p-timeline-event-separator {
5666
+ flex-direction: row;
5667
+ }
5668
+
5669
+ .p-timeline-horizontal .p-timeline-event-connector {
5670
+ width: 100%;
5671
+ }
5672
+
5673
+ .p-timeline-bottom .p-timeline-event {
5674
+ flex-direction: column-reverse;
5675
+ }
5676
+
5677
+ .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
5678
+ flex-direction: column-reverse;
5568
5679
  }
5569
5680
 
5570
5681
  .p-tieredmenu-overlay {
@@ -5713,117 +5824,6 @@ input.p-dropdown-label {
5713
5824
  transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;
5714
5825
  }
5715
5826
 
5716
- .p-timeline {
5717
- display: flex;
5718
- flex-grow: 1;
5719
- flex-direction: column;
5720
- }
5721
-
5722
- .p-timeline-left .p-timeline-event-opposite {
5723
- text-align: right;
5724
- }
5725
-
5726
- .p-timeline-left .p-timeline-event-content {
5727
- text-align: left;
5728
- }
5729
-
5730
- .p-timeline-right .p-timeline-event {
5731
- flex-direction: row-reverse;
5732
- }
5733
-
5734
- .p-timeline-right .p-timeline-event-opposite {
5735
- text-align: left;
5736
- }
5737
-
5738
- .p-timeline-right .p-timeline-event-content {
5739
- text-align: right;
5740
- }
5741
-
5742
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
5743
- flex-direction: row-reverse;
5744
- }
5745
-
5746
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
5747
- text-align: right;
5748
- }
5749
-
5750
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
5751
- text-align: left;
5752
- }
5753
-
5754
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
5755
- text-align: left;
5756
- }
5757
-
5758
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
5759
- text-align: right;
5760
- }
5761
-
5762
- .p-timeline-event {
5763
- display: flex;
5764
- position: relative;
5765
- min-height: 70px;
5766
- }
5767
-
5768
- .p-timeline-event:last-child {
5769
- min-height: 0;
5770
- }
5771
-
5772
- .p-timeline-event-opposite {
5773
- flex: 1;
5774
- padding: 0 1rem;
5775
- }
5776
-
5777
- .p-timeline-event-content {
5778
- flex: 1;
5779
- padding: 0 1rem;
5780
- }
5781
-
5782
- .p-timeline-event-separator {
5783
- flex: 0;
5784
- display: flex;
5785
- align-items: center;
5786
- flex-direction: column;
5787
- }
5788
-
5789
- .p-timeline-event-marker {
5790
- display: flex;
5791
- align-self: baseline;
5792
- }
5793
-
5794
- .p-timeline-event-connector {
5795
- flex-grow: 1;
5796
- }
5797
-
5798
- .p-timeline-horizontal {
5799
- flex-direction: row;
5800
- }
5801
-
5802
- .p-timeline-horizontal .p-timeline-event {
5803
- flex-direction: column;
5804
- flex: 1;
5805
- }
5806
-
5807
- .p-timeline-horizontal .p-timeline-event:last-child {
5808
- flex: 0;
5809
- }
5810
-
5811
- .p-timeline-horizontal .p-timeline-event-separator {
5812
- flex-direction: row;
5813
- }
5814
-
5815
- .p-timeline-horizontal .p-timeline-event-connector {
5816
- width: 100%;
5817
- }
5818
-
5819
- .p-timeline-bottom .p-timeline-event {
5820
- flex-direction: column-reverse;
5821
- }
5822
-
5823
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
5824
- flex-direction: column-reverse;
5825
- }
5826
-
5827
5827
  .p-toolbar {
5828
5828
  display: flex;
5829
5829
  align-items: center;