primereact 9.6.3 → 9.6.5

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.
@@ -287,40 +287,6 @@
287
287
  overflow: auto;
288
288
  }
289
289
 
290
- .p-avatar {
291
- display: inline-flex;
292
- align-items: center;
293
- justify-content: center;
294
- width: 2rem;
295
- height: 2rem;
296
- font-size: 1rem;
297
- }
298
-
299
- .p-avatar.p-avatar-image {
300
- background-color: transparent;
301
- }
302
-
303
- .p-avatar-circle {
304
- border-radius: 50%;
305
- }
306
-
307
- .p-avatar-circle img {
308
- border-radius: 50%;
309
- }
310
-
311
- .p-avatar .p-avatar-icon {
312
- font-size: 1rem;
313
- }
314
-
315
- .p-avatar img {
316
- width: 100%;
317
- height: 100%;
318
- }
319
-
320
- .p-avatar-clickable {
321
- cursor: pointer;
322
- }
323
-
324
290
  .p-avatar-group .p-avatar + .p-avatar {
325
291
  margin-left: -1rem;
326
292
  }
@@ -363,6 +329,40 @@
363
329
  border-radius: 50%;
364
330
  }
365
331
 
332
+ .p-avatar {
333
+ display: inline-flex;
334
+ align-items: center;
335
+ justify-content: center;
336
+ width: 2rem;
337
+ height: 2rem;
338
+ font-size: 1rem;
339
+ }
340
+
341
+ .p-avatar.p-avatar-image {
342
+ background-color: transparent;
343
+ }
344
+
345
+ .p-avatar-circle {
346
+ border-radius: 50%;
347
+ }
348
+
349
+ .p-avatar-circle img {
350
+ border-radius: 50%;
351
+ }
352
+
353
+ .p-avatar .p-avatar-icon {
354
+ font-size: 1rem;
355
+ }
356
+
357
+ .p-avatar img {
358
+ width: 100%;
359
+ height: 100%;
360
+ }
361
+
362
+ .p-avatar-clickable {
363
+ cursor: pointer;
364
+ }
365
+
366
366
  .p-blockui-container {
367
367
  position: relative;
368
368
  }
@@ -658,76 +658,6 @@
658
658
  position: relative;
659
659
  }
660
660
 
661
- .p-carousel {
662
- display: flex;
663
- flex-direction: column;
664
- }
665
-
666
- .p-carousel-content {
667
- display: flex;
668
- flex-direction: column;
669
- overflow: auto;
670
- }
671
-
672
- .p-carousel-prev,
673
- .p-carousel-next {
674
- align-self: center;
675
- flex-grow: 0;
676
- flex-shrink: 0;
677
- display: flex;
678
- justify-content: center;
679
- align-items: center;
680
- overflow: hidden;
681
- position: relative;
682
- }
683
-
684
- .p-carousel-container {
685
- display: flex;
686
- flex-direction: row;
687
- }
688
-
689
- .p-carousel-items-content {
690
- overflow: hidden;
691
- width: 100%;
692
- }
693
-
694
- .p-carousel-items-container {
695
- display: flex;
696
- flex-direction: row;
697
- }
698
-
699
- .p-carousel-indicators {
700
- display: flex;
701
- flex-direction: row;
702
- justify-content: center;
703
- flex-wrap: wrap;
704
- }
705
-
706
- .p-carousel-indicator > button {
707
- display: flex;
708
- align-items: center;
709
- justify-content: center;
710
- }
711
-
712
- /* Vertical */
713
- .p-carousel-vertical .p-carousel-container {
714
- flex-direction: column;
715
- }
716
-
717
- .p-carousel-vertical .p-carousel-items-container {
718
- flex-direction: column;
719
- height: 100%;
720
- }
721
-
722
- /* Keyboard Support */
723
- .p-items-hidden .p-carousel-item {
724
- visibility: hidden;
725
- }
726
-
727
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
728
- visibility: visible;
729
- }
730
-
731
661
  .p-card-header img {
732
662
  width: 100%;
733
663
  }
@@ -820,6 +750,76 @@
820
750
  top: 0;
821
751
  }
822
752
 
753
+ .p-carousel {
754
+ display: flex;
755
+ flex-direction: column;
756
+ }
757
+
758
+ .p-carousel-content {
759
+ display: flex;
760
+ flex-direction: column;
761
+ overflow: auto;
762
+ }
763
+
764
+ .p-carousel-prev,
765
+ .p-carousel-next {
766
+ align-self: center;
767
+ flex-grow: 0;
768
+ flex-shrink: 0;
769
+ display: flex;
770
+ justify-content: center;
771
+ align-items: center;
772
+ overflow: hidden;
773
+ position: relative;
774
+ }
775
+
776
+ .p-carousel-container {
777
+ display: flex;
778
+ flex-direction: row;
779
+ }
780
+
781
+ .p-carousel-items-content {
782
+ overflow: hidden;
783
+ width: 100%;
784
+ }
785
+
786
+ .p-carousel-items-container {
787
+ display: flex;
788
+ flex-direction: row;
789
+ }
790
+
791
+ .p-carousel-indicators {
792
+ display: flex;
793
+ flex-direction: row;
794
+ justify-content: center;
795
+ flex-wrap: wrap;
796
+ }
797
+
798
+ .p-carousel-indicator > button {
799
+ display: flex;
800
+ align-items: center;
801
+ justify-content: center;
802
+ }
803
+
804
+ /* Vertical */
805
+ .p-carousel-vertical .p-carousel-container {
806
+ flex-direction: column;
807
+ }
808
+
809
+ .p-carousel-vertical .p-carousel-items-container {
810
+ flex-direction: column;
811
+ height: 100%;
812
+ }
813
+
814
+ /* Keyboard Support */
815
+ .p-items-hidden .p-carousel-item {
816
+ visibility: hidden;
817
+ }
818
+
819
+ .p-items-hidden .p-carousel-item.p-carousel-item-active {
820
+ visibility: visible;
821
+ }
822
+
823
823
  .p-chart {
824
824
  position: relative
825
825
  }
@@ -999,6 +999,52 @@
999
999
  background: transparent url("./images/hue.png") no-repeat left top;
1000
1000
  }
1001
1001
 
1002
+ .p-contextmenu {
1003
+ position: absolute;
1004
+ }
1005
+
1006
+ .p-contextmenu ul {
1007
+ margin: 0;
1008
+ padding: 0;
1009
+ list-style: none;
1010
+ }
1011
+
1012
+ .p-contextmenu .p-submenu-list {
1013
+ position: absolute;
1014
+ min-width: 100%;
1015
+ z-index: 1;
1016
+ }
1017
+
1018
+ .p-contextmenu .p-menuitem-link {
1019
+ cursor: pointer;
1020
+ display: flex;
1021
+ align-items: center;
1022
+ text-decoration: none;
1023
+ overflow: hidden;
1024
+ position: relative;
1025
+ }
1026
+
1027
+ .p-contextmenu .p-menuitem-text {
1028
+ line-height: 1;
1029
+ }
1030
+
1031
+ .p-contextmenu .p-menuitem {
1032
+ position: relative;
1033
+ }
1034
+
1035
+ .p-contextmenu .p-menuitem-link .p-submenu-icon {
1036
+ margin-left: auto;
1037
+ }
1038
+
1039
+ .p-contextmenu-enter {
1040
+ opacity: 0;
1041
+ }
1042
+
1043
+ .p-contextmenu-enter-active {
1044
+ opacity: 1;
1045
+ transition: opacity 250ms;
1046
+ }
1047
+
1002
1048
  .p-confirm-popup {
1003
1049
  position: absolute;
1004
1050
  top: 50%;
@@ -1049,52 +1095,6 @@
1049
1095
  align-items: center;
1050
1096
  }
1051
1097
 
1052
- .p-contextmenu {
1053
- position: absolute;
1054
- }
1055
-
1056
- .p-contextmenu ul {
1057
- margin: 0;
1058
- padding: 0;
1059
- list-style: none;
1060
- }
1061
-
1062
- .p-contextmenu .p-submenu-list {
1063
- position: absolute;
1064
- min-width: 100%;
1065
- z-index: 1;
1066
- }
1067
-
1068
- .p-contextmenu .p-menuitem-link {
1069
- cursor: pointer;
1070
- display: flex;
1071
- align-items: center;
1072
- text-decoration: none;
1073
- overflow: hidden;
1074
- position: relative;
1075
- }
1076
-
1077
- .p-contextmenu .p-menuitem-text {
1078
- line-height: 1;
1079
- }
1080
-
1081
- .p-contextmenu .p-menuitem {
1082
- position: relative;
1083
- }
1084
-
1085
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
1086
- margin-left: auto;
1087
- }
1088
-
1089
- .p-contextmenu-enter {
1090
- opacity: 0;
1091
- }
1092
-
1093
- .p-contextmenu-enter-active {
1094
- opacity: 1;
1095
- transition: opacity 250ms;
1096
- }
1097
-
1098
1098
  .p-datascroller {
1099
1099
  }
1100
1100
 
@@ -1123,612 +1123,612 @@
1123
1123
  margin: 0;
1124
1124
  padding: 0;
1125
1125
  }
1126
- .p-datatable {
1126
+ .p-dataview-loading {
1127
1127
  position: relative;
1128
+ min-height: 4rem;
1128
1129
  }
1129
1130
 
1130
- .p-datatable > .p-datatable-wrapper {
1131
- overflow: auto;
1131
+ .p-dataview .p-dataview-loading-overlay {
1132
+ position: absolute;
1133
+ z-index: 1;
1134
+ display: flex;
1135
+ align-items: center;
1136
+ justify-content: center;
1132
1137
  }
1133
1138
 
1134
- .p-datatable-table {
1135
- border-spacing: 0px;
1139
+ .p-dialog-mask {
1140
+ position: fixed;
1141
+ top: 0;
1142
+ left: 0;
1136
1143
  width: 100%;
1144
+ height: 100%;
1145
+ display: none;
1146
+ justify-content: center;
1147
+ align-items: center;
1148
+ pointer-events: none;
1149
+ background-color: transparent;
1150
+ transition-property: background-color;
1137
1151
  }
1138
1152
 
1139
- .p-datatable .p-sortable-disabled {
1140
- cursor: auto;
1153
+ .p-dialog-visible {
1154
+ display: flex;
1141
1155
  }
1142
1156
 
1143
- .p-datatable .p-sortable-column {
1144
- cursor: pointer;
1145
- user-select: none;
1157
+ .p-dialog-mask.p-component-overlay {
1158
+ pointer-events: auto;
1146
1159
  }
1147
1160
 
1148
- .p-datatable .p-sortable-column .p-column-title,
1149
- .p-datatable .p-sortable-column .p-sortable-column-icon,
1150
- .p-datatable .p-sortable-column .p-sortable-column-badge {
1151
- vertical-align: middle;
1161
+ .p-dialog {
1162
+ display: flex;
1163
+ flex-direction: column;
1164
+ pointer-events: auto;
1165
+ max-height: 90%;
1166
+ transform: scale(1);
1167
+ position: relative;
1152
1168
  }
1153
1169
 
1154
- .p-datatable .p-sortable-column .p-sortable-column-badge {
1155
- display: inline-flex;
1170
+ .p-dialog-content {
1171
+ overflow-y: auto;
1172
+ flex-grow: 1;
1173
+ }
1174
+
1175
+ .p-dialog-header {
1176
+ display: flex;
1156
1177
  align-items: center;
1157
- justify-content: center;
1178
+ flex-shrink: 0;
1158
1179
  }
1159
1180
 
1160
- .p-datatable-selectable .p-selectable-row,
1161
- .p-datatable-selectable-cell .p-selectable-cell {
1162
- cursor: pointer;
1181
+ .p-dialog-footer {
1182
+ flex-shrink: 0;
1163
1183
  }
1164
1184
 
1165
- .p-datatable-drag-selection-helper {
1166
- position: absolute;
1167
- z-index: 99999999;
1185
+ .p-dialog .p-dialog-header-icons {
1186
+ display: flex;
1187
+ align-items: center;
1188
+ align-self: flex-start;
1189
+ flex-shrink: 0;
1168
1190
  }
1169
1191
 
1170
- /* Scrollable */
1171
- .p-datatable-scrollable > .p-datatable-wrapper {
1192
+ .p-dialog .p-dialog-header-icon {
1193
+ display: flex;
1194
+ align-items: center;
1195
+ justify-content: center;
1196
+ overflow: hidden;
1172
1197
  position: relative;
1173
1198
  }
1174
1199
 
1175
- .p-datatable-scrollable-table > .p-datatable-thead {
1176
- position: sticky;
1177
- top: 0;
1178
- z-index: 1;
1200
+ .p-dialog .p-dialog-title {
1201
+ flex-grow: 1;
1179
1202
  }
1180
1203
 
1181
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
1182
- position: sticky;
1183
- z-index: 1;
1204
+ /* Fluid */
1205
+ .p-fluid .p-dialog-footer .p-button {
1206
+ width: auto;
1184
1207
  }
1185
1208
 
1186
- .p-datatable-scrollable-table > .p-datatable-tfoot {
1187
- position: sticky;
1188
- bottom: 0;
1189
- z-index: 1;
1209
+ /* Animation */
1210
+ /* Center */
1211
+ .p-dialog-enter {
1212
+ opacity: 0;
1213
+ transform: scale(0.7);
1190
1214
  }
1191
1215
 
1192
- .p-datatable-scrollable .p-frozen-column {
1193
- position: sticky;
1194
- background: inherit;
1216
+ .p-dialog-enter-active {
1217
+ opacity: 1;
1218
+ transform: scale(1);
1219
+ transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
1195
1220
  }
1196
1221
 
1197
- .p-datatable-scrollable th.p-frozen-column {
1198
- z-index: 1;
1222
+ .p-dialog-enter-done {
1223
+ transform: none;
1199
1224
  }
1200
1225
 
1201
- .p-datatable-flex-scrollable {
1202
- display: flex;
1203
- flex-direction: column;
1204
- height: 100%;
1226
+ .p-dialog-exit-active {
1227
+ opacity: 0;
1228
+ transform: scale(0.7);
1229
+ transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
1205
1230
  }
1206
1231
 
1207
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
1208
- display: flex;
1209
- flex-direction: column;
1210
- flex: 1;
1211
- height: 100%;
1232
+ /* Top, Bottom, Left, Right, Top* and Bottom* */
1233
+ .p-dialog-top .p-dialog,
1234
+ .p-dialog-bottom .p-dialog,
1235
+ .p-dialog-left .p-dialog,
1236
+ .p-dialog-right .p-dialog,
1237
+ .p-dialog-top-left .p-dialog,
1238
+ .p-dialog-top-right .p-dialog,
1239
+ .p-dialog-bottom-left .p-dialog,
1240
+ .p-dialog-bottom-right .p-dialog {
1241
+ margin: 0.75em;
1212
1242
  }
1213
1243
 
1214
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
1215
- position: sticky;
1216
- z-index: 1;
1244
+ .p-dialog-top .p-dialog-enter,
1245
+ .p-dialog-top .p-dialog-exit-active {
1246
+ transform: translate3d(0px, -100%, 0px);
1217
1247
  }
1218
1248
 
1219
- /* Resizable */
1220
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
1221
- .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
1222
- .p-datatable-resizable-table > .p-datatable-tbody > tr > td {
1223
- overflow: hidden;
1224
- white-space: nowrap;
1249
+ .p-dialog-bottom .p-dialog-enter,
1250
+ .p-dialog-bottom .p-dialog-exit-active {
1251
+ transform: translate3d(0px, 100%, 0px);
1225
1252
  }
1226
1253
 
1227
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
1228
- background-clip: padding-box;
1229
- position: relative;
1254
+ .p-dialog-left .p-dialog-enter,
1255
+ .p-dialog-left .p-dialog-exit-active,
1256
+ .p-dialog-top-left .p-dialog-enter,
1257
+ .p-dialog-top-left .p-dialog-exit-active,
1258
+ .p-dialog-bottom-left .p-dialog-enter,
1259
+ .p-dialog-bottom-left .p-dialog-exit-active {
1260
+ transform: translate3d(-100%, 0px, 0px);
1230
1261
  }
1231
1262
 
1232
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
1233
- display: none;
1263
+ .p-dialog-right .p-dialog-enter,
1264
+ .p-dialog-right .p-dialog-exit-active,
1265
+ .p-dialog-top-right .p-dialog-enter,
1266
+ .p-dialog-top-right .p-dialog-exit-active,
1267
+ .p-dialog-bottom-right .p-dialog-enter,
1268
+ .p-dialog-bottom-right .p-dialog-exit-active {
1269
+ transform: translate3d(100%, 0px, 0px);
1234
1270
  }
1235
1271
 
1236
- .p-datatable .p-column-resizer {
1237
- display: block;
1238
- position: absolute !important;
1239
- top: 0;
1240
- right: 0;
1241
- margin: 0;
1242
- width: 0.5rem;
1243
- height: 100%;
1244
- padding: 0px;
1245
- cursor: col-resize;
1246
- border: 1px solid transparent;
1272
+ .p-dialog-top .p-dialog-enter-active,
1273
+ .p-dialog-bottom .p-dialog-enter-active,
1274
+ .p-dialog-left .p-dialog-enter-active,
1275
+ .p-dialog-top-left .p-dialog-enter-active,
1276
+ .p-dialog-bottom-left .p-dialog-enter-active,
1277
+ .p-dialog-right .p-dialog-enter-active,
1278
+ .p-dialog-top-right .p-dialog-enter-active,
1279
+ .p-dialog-bottom-right .p-dialog-enter-active {
1280
+ transform: translate3d(0px, 0px, 0px);
1281
+ transition: all 0.3s ease-out;
1247
1282
  }
1248
1283
 
1249
- .p-datatable .p-column-header-content {
1250
- display: flex;
1251
- align-items: center;
1284
+ .p-dialog-top .p-dialog-exit-active,
1285
+ .p-dialog-bottom .p-dialog-exit-active,
1286
+ .p-dialog-left .p-dialog-exit-active,
1287
+ .p-dialog-top-left .p-dialog-exit-active,
1288
+ .p-dialog-bottom-left .p-dialog-exit-active,
1289
+ .p-dialog-right .p-dialog-exit-active,
1290
+ .p-dialog-top-right .p-dialog-exit-active,
1291
+ .p-dialog-bottom-right .p-dialog-exit-active {
1292
+ transition: all 0.3s ease-out;
1252
1293
  }
1253
1294
 
1254
- .p-datatable .p-column-resizer-helper {
1255
- width: 1px;
1256
- position: absolute;
1257
- z-index: 10;
1258
- display: none;
1295
+ /* Maximize */
1296
+ .p-dialog-maximized {
1297
+ transition: none;
1298
+ transform: none;
1299
+ margin: 0 !important;
1300
+ width: 100vw !important;
1301
+ height: 100vh !important;
1302
+ max-height: 100%;
1303
+ top: 0px !important;
1304
+ left: 0px !important;
1259
1305
  }
1260
1306
 
1261
- .p-datatable .p-row-editor-init,
1262
- .p-datatable .p-row-editor-save,
1263
- .p-datatable .p-row-editor-cancel {
1264
- display: inline-flex;
1265
- align-items: center;
1266
- justify-content: center;
1267
- overflow: hidden;
1268
- position: relative;
1269
- }
1270
-
1271
- /* Expand */
1272
- .p-datatable .p-row-toggler {
1273
- display: inline-flex;
1274
- align-items: center;
1275
- justify-content: center;
1276
- overflow: hidden;
1277
- position: relative;
1278
- }
1279
-
1280
- /* Reorder */
1281
- .p-datatable-reorder-indicator-up,
1282
- .p-datatable-reorder-indicator-down {
1283
- position: absolute;
1284
- display: none;
1285
- }
1286
-
1287
- .p-reorderable-column,
1288
- .p-datatable-reorderablerow-handle {
1289
- cursor: move;
1290
- }
1291
-
1292
- /* Loader */
1293
- .p-datatable .p-datatable-loading-overlay {
1294
- position: absolute;
1295
- display: flex;
1296
- align-items: center;
1297
- justify-content: center;
1298
- z-index: 2;
1299
- }
1300
-
1301
- /* Filter */
1302
- .p-column-filter-row {
1303
- display: flex;
1304
- align-items: center;
1305
- width: 100%;
1307
+ .p-dialog-maximized .p-dialog-content {
1308
+ flex-grow: 1;
1306
1309
  }
1307
1310
 
1308
- .p-column-filter-menu {
1309
- display: inline-flex;
1310
- margin-left: auto;
1311
+ /* Position */
1312
+ .p-dialog-left {
1313
+ justify-content: flex-start;
1311
1314
  }
1312
1315
 
1313
- .p-column-filter-row .p-column-filter-element {
1314
- flex: 1 1 auto;
1315
- width: 1%;
1316
+ .p-dialog-right {
1317
+ justify-content: flex-end;
1316
1318
  }
1317
1319
 
1318
- .p-column-filter-menu-button,
1319
- .p-column-filter-clear-button {
1320
- display: inline-flex;
1321
- justify-content: center;
1322
- align-items: center;
1323
- cursor: pointer;
1324
- text-decoration: none;
1325
- overflow: hidden;
1326
- position: relative;
1320
+ .p-dialog-top {
1321
+ align-items: flex-start;
1327
1322
  }
1328
1323
 
1329
- .p-column-filter-overlay {
1330
- position: absolute;
1331
- top: 0;
1332
- left: 0;
1324
+ .p-dialog-top-left {
1325
+ justify-content: flex-start;
1326
+ align-items: flex-start;
1333
1327
  }
1334
1328
 
1335
- .p-column-filter-row-items {
1336
- margin: 0;
1337
- padding: 0;
1338
- list-style: none;
1329
+ .p-dialog-top-right {
1330
+ justify-content: flex-end;
1331
+ align-items: flex-start;
1339
1332
  }
1340
1333
 
1341
- .p-column-filter-row-item {
1342
- cursor: pointer;
1334
+ .p-dialog-bottom {
1335
+ align-items: flex-end;
1343
1336
  }
1344
1337
 
1345
- .p-column-filter-add-button,
1346
- .p-column-filter-remove-button {
1347
- justify-content: center;
1338
+ .p-dialog-bottom-left {
1339
+ justify-content: flex-start;
1340
+ align-items: flex-end;
1348
1341
  }
1349
1342
 
1350
- .p-column-filter-add-button .p-button-label,
1351
- .p-column-filter-remove-button .p-button-label {
1352
- flex-grow: 0;
1343
+ .p-dialog-bottom-right {
1344
+ justify-content: flex-end;
1345
+ align-items: flex-end;
1353
1346
  }
1354
1347
 
1355
- .p-column-filter-buttonbar {
1348
+ .p-confirm-dialog .p-dialog-content {
1356
1349
  display: flex;
1357
1350
  align-items: center;
1358
- justify-content: space-between;
1359
1351
  }
1360
1352
 
1361
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
1362
- width: auto;
1353
+ /* Resizable */
1354
+ .p-dialog .p-resizable-handle {
1355
+ position: absolute;
1356
+ font-size: 0.1px;
1357
+ display: block;
1358
+ cursor: se-resize;
1359
+ width: 12px;
1360
+ height: 12px;
1361
+ right: 1px;
1362
+ bottom: 1px;
1363
1363
  }
1364
1364
 
1365
- /* Responsive */
1366
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
1367
- display: none;
1365
+ .p-dialog-draggable .p-dialog-header {
1366
+ cursor: move;
1368
1367
  }
1369
1368
 
1370
- /* VirtualScroller */
1371
- .p-datatable-virtualscroller-spacer {
1369
+ .p-divider-horizontal {
1372
1370
  display: flex;
1371
+ width: 100%;
1372
+ position: relative;
1373
+ align-items: center;
1373
1374
  }
1374
1375
 
1375
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
1376
- transform: none !important;
1377
- min-height: 0;
1378
- position: sticky;
1379
- top: 0;
1376
+ .p-divider-horizontal:before {
1377
+ position: absolute;
1378
+ display: block;
1379
+ top: 50%;
1380
1380
  left: 0;
1381
+ width: 100%;
1382
+ content: "";
1381
1383
  }
1382
1384
 
1383
- /* Alignment */
1384
- .p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,
1385
- .p-datatable .p-datatable-tbody > tr > td.p-align-left,
1386
- .p-datatable .p-datatable-tfoot > tr > td.p-align-left {
1387
- text-align: left;
1385
+ .p-divider-horizontal.p-divider-left {
1388
1386
  justify-content: flex-start;
1389
1387
  }
1390
1388
 
1391
- .p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,
1392
- .p-datatable .p-datatable-tbody > tr > td.p-align-right,
1393
- .p-datatable .p-datatable-tfoot > tr > td.p-align-right {
1394
- text-align: right;
1389
+ .p-divider-horizontal.p-divider-right {
1395
1390
  justify-content: flex-end;
1396
1391
  }
1397
1392
 
1398
- .p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,
1399
- .p-datatable .p-datatable-tbody > tr > td.p-align-center,
1400
- .p-datatable .p-datatable-tfoot > tr > td.p-align-center {
1401
- text-align: center;
1393
+ .p-divider-horizontal.p-divider-center {
1402
1394
  justify-content: center;
1403
1395
  }
1404
1396
 
1405
- .p-dataview-loading {
1406
- position: relative;
1407
- min-height: 4rem;
1397
+ .p-divider-content {
1398
+ z-index: 1;
1408
1399
  }
1409
1400
 
1410
- .p-dataview .p-dataview-loading-overlay {
1411
- position: absolute;
1412
- z-index: 1;
1401
+ .p-divider-vertical {
1402
+ min-height: 100%;
1403
+ margin: 0 1rem;
1413
1404
  display: flex;
1414
- align-items: center;
1405
+ position: relative;
1415
1406
  justify-content: center;
1416
1407
  }
1417
1408
 
1418
- .p-dialog-mask {
1419
- position: fixed;
1409
+ .p-divider-vertical:before {
1410
+ position: absolute;
1411
+ display: block;
1420
1412
  top: 0;
1421
- left: 0;
1422
- width: 100%;
1413
+ left: 50%;
1423
1414
  height: 100%;
1424
- display: none;
1425
- justify-content: center;
1426
- align-items: center;
1427
- pointer-events: none;
1428
- background-color: transparent;
1429
- transition-property: background-color;
1415
+ content: "";
1430
1416
  }
1431
1417
 
1432
- .p-dialog-visible {
1433
- display: flex;
1418
+ .p-divider-vertical.p-divider-top {
1419
+ align-items: flex-start;
1434
1420
  }
1435
1421
 
1436
- .p-dialog-mask.p-component-overlay {
1437
- pointer-events: auto;
1422
+ .p-divider-vertical.p-divider-center {
1423
+ align-items: center;
1438
1424
  }
1439
1425
 
1440
- .p-dialog {
1441
- display: flex;
1442
- flex-direction: column;
1443
- pointer-events: auto;
1444
- max-height: 90%;
1445
- transform: scale(1);
1446
- position: relative;
1426
+ .p-divider-vertical.p-divider-bottom {
1427
+ align-items: flex-end;
1447
1428
  }
1448
1429
 
1449
- .p-dialog-content {
1450
- overflow-y: auto;
1451
- flex-grow: 1;
1430
+ .p-divider-solid.p-divider-horizontal:before {
1431
+ border-top-style: solid;
1452
1432
  }
1453
1433
 
1454
- .p-dialog-header {
1455
- display: flex;
1456
- align-items: center;
1457
- flex-shrink: 0;
1434
+ .p-divider-solid.p-divider-vertical:before {
1435
+ border-left-style: solid;
1458
1436
  }
1459
1437
 
1460
- .p-dialog-footer {
1461
- flex-shrink: 0;
1438
+ .p-divider-dashed.p-divider-horizontal:before {
1439
+ border-top-style: dashed;
1462
1440
  }
1463
1441
 
1464
- .p-dialog .p-dialog-header-icons {
1465
- display: flex;
1466
- align-items: center;
1467
- align-self: flex-start;
1468
- flex-shrink: 0;
1442
+ .p-divider-dashed.p-divider-vertical:before {
1443
+ border-left-style: dashed;
1469
1444
  }
1470
1445
 
1471
- .p-dialog .p-dialog-header-icon {
1472
- display: flex;
1473
- align-items: center;
1474
- justify-content: center;
1475
- overflow: hidden;
1476
- position: relative;
1446
+ .p-divider-dotted.p-divider-horizontal:before {
1447
+ border-top-style: dotted;
1477
1448
  }
1478
1449
 
1479
- .p-dialog .p-dialog-title {
1480
- flex-grow: 1;
1450
+ .p-divider-dotted.p-divider-horizontal:before {
1451
+ border-left-style: dotted;
1481
1452
  }
1482
-
1483
- /* Fluid */
1484
- .p-fluid .p-dialog-footer .p-button {
1485
- width: auto;
1453
+ .p-datatable {
1454
+ position: relative;
1486
1455
  }
1487
1456
 
1488
- /* Animation */
1489
- /* Center */
1490
- .p-dialog-enter {
1491
- opacity: 0;
1492
- transform: scale(0.7);
1457
+ .p-datatable > .p-datatable-wrapper {
1458
+ overflow: auto;
1493
1459
  }
1494
1460
 
1495
- .p-dialog-enter-active {
1496
- opacity: 1;
1497
- transform: scale(1);
1498
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
1461
+ .p-datatable-table {
1462
+ border-spacing: 0px;
1463
+ width: 100%;
1499
1464
  }
1500
1465
 
1501
- .p-dialog-enter-done {
1502
- transform: none;
1466
+ .p-datatable .p-sortable-disabled {
1467
+ cursor: auto;
1503
1468
  }
1504
1469
 
1505
- .p-dialog-exit-active {
1506
- opacity: 0;
1507
- transform: scale(0.7);
1508
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
1470
+ .p-datatable .p-sortable-column {
1471
+ cursor: pointer;
1472
+ user-select: none;
1509
1473
  }
1510
1474
 
1511
- /* Top, Bottom, Left, Right, Top* and Bottom* */
1512
- .p-dialog-top .p-dialog,
1513
- .p-dialog-bottom .p-dialog,
1514
- .p-dialog-left .p-dialog,
1515
- .p-dialog-right .p-dialog,
1516
- .p-dialog-top-left .p-dialog,
1517
- .p-dialog-top-right .p-dialog,
1518
- .p-dialog-bottom-left .p-dialog,
1519
- .p-dialog-bottom-right .p-dialog {
1520
- margin: 0.75em;
1475
+ .p-datatable .p-sortable-column .p-column-title,
1476
+ .p-datatable .p-sortable-column .p-sortable-column-icon,
1477
+ .p-datatable .p-sortable-column .p-sortable-column-badge {
1478
+ vertical-align: middle;
1521
1479
  }
1522
1480
 
1523
- .p-dialog-top .p-dialog-enter,
1524
- .p-dialog-top .p-dialog-exit-active {
1525
- transform: translate3d(0px, -100%, 0px);
1481
+ .p-datatable .p-sortable-column .p-sortable-column-badge {
1482
+ display: inline-flex;
1483
+ align-items: center;
1484
+ justify-content: center;
1526
1485
  }
1527
1486
 
1528
- .p-dialog-bottom .p-dialog-enter,
1529
- .p-dialog-bottom .p-dialog-exit-active {
1530
- transform: translate3d(0px, 100%, 0px);
1487
+ .p-datatable-selectable .p-selectable-row,
1488
+ .p-datatable-selectable-cell .p-selectable-cell {
1489
+ cursor: pointer;
1531
1490
  }
1532
1491
 
1533
- .p-dialog-left .p-dialog-enter,
1534
- .p-dialog-left .p-dialog-exit-active,
1535
- .p-dialog-top-left .p-dialog-enter,
1536
- .p-dialog-top-left .p-dialog-exit-active,
1537
- .p-dialog-bottom-left .p-dialog-enter,
1538
- .p-dialog-bottom-left .p-dialog-exit-active {
1539
- transform: translate3d(-100%, 0px, 0px);
1492
+ .p-datatable-drag-selection-helper {
1493
+ position: absolute;
1494
+ z-index: 99999999;
1540
1495
  }
1541
1496
 
1542
- .p-dialog-right .p-dialog-enter,
1543
- .p-dialog-right .p-dialog-exit-active,
1544
- .p-dialog-top-right .p-dialog-enter,
1545
- .p-dialog-top-right .p-dialog-exit-active,
1546
- .p-dialog-bottom-right .p-dialog-enter,
1547
- .p-dialog-bottom-right .p-dialog-exit-active {
1548
- transform: translate3d(100%, 0px, 0px);
1497
+ /* Scrollable */
1498
+ .p-datatable-scrollable > .p-datatable-wrapper {
1499
+ position: relative;
1549
1500
  }
1550
1501
 
1551
- .p-dialog-top .p-dialog-enter-active,
1552
- .p-dialog-bottom .p-dialog-enter-active,
1553
- .p-dialog-left .p-dialog-enter-active,
1554
- .p-dialog-top-left .p-dialog-enter-active,
1555
- .p-dialog-bottom-left .p-dialog-enter-active,
1556
- .p-dialog-right .p-dialog-enter-active,
1557
- .p-dialog-top-right .p-dialog-enter-active,
1558
- .p-dialog-bottom-right .p-dialog-enter-active {
1559
- transform: translate3d(0px, 0px, 0px);
1560
- transition: all 0.3s ease-out;
1502
+ .p-datatable-scrollable-table > .p-datatable-thead {
1503
+ position: sticky;
1504
+ top: 0;
1505
+ z-index: 1;
1561
1506
  }
1562
1507
 
1563
- .p-dialog-top .p-dialog-exit-active,
1564
- .p-dialog-bottom .p-dialog-exit-active,
1565
- .p-dialog-left .p-dialog-exit-active,
1566
- .p-dialog-top-left .p-dialog-exit-active,
1567
- .p-dialog-bottom-left .p-dialog-exit-active,
1568
- .p-dialog-right .p-dialog-exit-active,
1569
- .p-dialog-top-right .p-dialog-exit-active,
1570
- .p-dialog-bottom-right .p-dialog-exit-active {
1571
- transition: all 0.3s ease-out;
1508
+ .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
1509
+ position: sticky;
1510
+ z-index: 1;
1572
1511
  }
1573
1512
 
1574
- /* Maximize */
1575
- .p-dialog-maximized {
1576
- transition: none;
1577
- transform: none;
1578
- margin: 0 !important;
1579
- width: 100vw !important;
1580
- height: 100vh !important;
1581
- max-height: 100%;
1582
- top: 0px !important;
1583
- left: 0px !important;
1513
+ .p-datatable-scrollable-table > .p-datatable-tfoot {
1514
+ position: sticky;
1515
+ bottom: 0;
1516
+ z-index: 1;
1584
1517
  }
1585
1518
 
1586
- .p-dialog-maximized .p-dialog-content {
1587
- flex-grow: 1;
1519
+ .p-datatable-scrollable .p-frozen-column {
1520
+ position: sticky;
1521
+ background: inherit;
1588
1522
  }
1589
1523
 
1590
- /* Position */
1591
- .p-dialog-left {
1592
- justify-content: flex-start;
1524
+ .p-datatable-scrollable th.p-frozen-column {
1525
+ z-index: 1;
1593
1526
  }
1594
1527
 
1595
- .p-dialog-right {
1596
- justify-content: flex-end;
1528
+ .p-datatable-flex-scrollable {
1529
+ display: flex;
1530
+ flex-direction: column;
1531
+ height: 100%;
1597
1532
  }
1598
1533
 
1599
- .p-dialog-top {
1600
- align-items: flex-start;
1534
+ .p-datatable-flex-scrollable > .p-datatable-wrapper {
1535
+ display: flex;
1536
+ flex-direction: column;
1537
+ flex: 1;
1538
+ height: 100%;
1601
1539
  }
1602
1540
 
1603
- .p-dialog-top-left {
1604
- justify-content: flex-start;
1605
- align-items: flex-start;
1541
+ .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
1542
+ position: sticky;
1543
+ z-index: 1;
1606
1544
  }
1607
1545
 
1608
- .p-dialog-top-right {
1609
- justify-content: flex-end;
1610
- align-items: flex-start;
1546
+ /* Resizable */
1547
+ .p-datatable-resizable-table > .p-datatable-thead > tr > th,
1548
+ .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
1549
+ .p-datatable-resizable-table > .p-datatable-tbody > tr > td {
1550
+ overflow: hidden;
1551
+ white-space: nowrap;
1611
1552
  }
1612
1553
 
1613
- .p-dialog-bottom {
1614
- align-items: flex-end;
1554
+ .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
1555
+ background-clip: padding-box;
1556
+ position: relative;
1615
1557
  }
1616
1558
 
1617
- .p-dialog-bottom-left {
1618
- justify-content: flex-start;
1619
- align-items: flex-end;
1559
+ .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
1560
+ display: none;
1620
1561
  }
1621
1562
 
1622
- .p-dialog-bottom-right {
1623
- justify-content: flex-end;
1624
- align-items: flex-end;
1563
+ .p-datatable .p-column-resizer {
1564
+ display: block;
1565
+ position: absolute !important;
1566
+ top: 0;
1567
+ right: 0;
1568
+ margin: 0;
1569
+ width: 0.5rem;
1570
+ height: 100%;
1571
+ padding: 0px;
1572
+ cursor: col-resize;
1573
+ border: 1px solid transparent;
1625
1574
  }
1626
1575
 
1627
- .p-confirm-dialog .p-dialog-content {
1576
+ .p-datatable .p-column-header-content {
1628
1577
  display: flex;
1629
1578
  align-items: center;
1630
1579
  }
1631
1580
 
1632
- /* Resizable */
1633
- .p-dialog .p-resizable-handle {
1581
+ .p-datatable .p-column-resizer-helper {
1582
+ width: 1px;
1634
1583
  position: absolute;
1635
- font-size: 0.1px;
1636
- display: block;
1637
- cursor: se-resize;
1638
- width: 12px;
1639
- height: 12px;
1640
- right: 1px;
1641
- bottom: 1px;
1584
+ z-index: 10;
1585
+ display: none;
1642
1586
  }
1643
1587
 
1644
- .p-dialog-draggable .p-dialog-header {
1645
- cursor: move;
1588
+ .p-datatable .p-row-editor-init,
1589
+ .p-datatable .p-row-editor-save,
1590
+ .p-datatable .p-row-editor-cancel {
1591
+ display: inline-flex;
1592
+ align-items: center;
1593
+ justify-content: center;
1594
+ overflow: hidden;
1595
+ position: relative;
1646
1596
  }
1647
1597
 
1648
- .p-divider-horizontal {
1649
- display: flex;
1650
- width: 100%;
1651
- position: relative;
1598
+ /* Expand */
1599
+ .p-datatable .p-row-toggler {
1600
+ display: inline-flex;
1652
1601
  align-items: center;
1602
+ justify-content: center;
1603
+ overflow: hidden;
1604
+ position: relative;
1653
1605
  }
1654
1606
 
1655
- .p-divider-horizontal:before {
1607
+ /* Reorder */
1608
+ .p-datatable-reorder-indicator-up,
1609
+ .p-datatable-reorder-indicator-down {
1656
1610
  position: absolute;
1657
- display: block;
1658
- top: 50%;
1659
- left: 0;
1660
- width: 100%;
1661
- content: "";
1611
+ display: none;
1662
1612
  }
1663
1613
 
1664
- .p-divider-horizontal.p-divider-left {
1665
- justify-content: flex-start;
1614
+ .p-reorderable-column,
1615
+ .p-datatable-reorderablerow-handle {
1616
+ cursor: move;
1666
1617
  }
1667
1618
 
1668
- .p-divider-horizontal.p-divider-right {
1669
- justify-content: flex-end;
1619
+ /* Loader */
1620
+ .p-datatable .p-datatable-loading-overlay {
1621
+ position: absolute;
1622
+ display: flex;
1623
+ align-items: center;
1624
+ justify-content: center;
1625
+ z-index: 2;
1670
1626
  }
1671
1627
 
1672
- .p-divider-horizontal.p-divider-center {
1673
- justify-content: center;
1628
+ /* Filter */
1629
+ .p-column-filter-row {
1630
+ display: flex;
1631
+ align-items: center;
1632
+ width: 100%;
1674
1633
  }
1675
1634
 
1676
- .p-divider-content {
1677
- z-index: 1;
1635
+ .p-column-filter-menu {
1636
+ display: inline-flex;
1637
+ margin-left: auto;
1678
1638
  }
1679
1639
 
1680
- .p-divider-vertical {
1681
- min-height: 100%;
1682
- margin: 0 1rem;
1683
- display: flex;
1684
- position: relative;
1640
+ .p-column-filter-row .p-column-filter-element {
1641
+ flex: 1 1 auto;
1642
+ width: 1%;
1643
+ }
1644
+
1645
+ .p-column-filter-menu-button,
1646
+ .p-column-filter-clear-button {
1647
+ display: inline-flex;
1685
1648
  justify-content: center;
1649
+ align-items: center;
1650
+ cursor: pointer;
1651
+ text-decoration: none;
1652
+ overflow: hidden;
1653
+ position: relative;
1686
1654
  }
1687
1655
 
1688
- .p-divider-vertical:before {
1656
+ .p-column-filter-overlay {
1689
1657
  position: absolute;
1690
- display: block;
1691
1658
  top: 0;
1692
- left: 50%;
1693
- height: 100%;
1694
- content: "";
1659
+ left: 0;
1695
1660
  }
1696
1661
 
1697
- .p-divider-vertical.p-divider-top {
1698
- align-items: flex-start;
1662
+ .p-column-filter-row-items {
1663
+ margin: 0;
1664
+ padding: 0;
1665
+ list-style: none;
1666
+ }
1667
+
1668
+ .p-column-filter-row-item {
1669
+ cursor: pointer;
1670
+ }
1671
+
1672
+ .p-column-filter-add-button,
1673
+ .p-column-filter-remove-button {
1674
+ justify-content: center;
1675
+ }
1676
+
1677
+ .p-column-filter-add-button .p-button-label,
1678
+ .p-column-filter-remove-button .p-button-label {
1679
+ flex-grow: 0;
1699
1680
  }
1700
1681
 
1701
- .p-divider-vertical.p-divider-center {
1682
+ .p-column-filter-buttonbar {
1683
+ display: flex;
1702
1684
  align-items: center;
1685
+ justify-content: space-between;
1703
1686
  }
1704
1687
 
1705
- .p-divider-vertical.p-divider-bottom {
1706
- align-items: flex-end;
1688
+ .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
1689
+ width: auto;
1707
1690
  }
1708
1691
 
1709
- .p-divider-solid.p-divider-horizontal:before {
1710
- border-top-style: solid;
1692
+ /* Responsive */
1693
+ .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
1694
+ display: none;
1711
1695
  }
1712
1696
 
1713
- .p-divider-solid.p-divider-vertical:before {
1714
- border-left-style: solid;
1697
+ /* VirtualScroller */
1698
+ .p-datatable-virtualscroller-spacer {
1699
+ display: flex;
1715
1700
  }
1716
1701
 
1717
- .p-divider-dashed.p-divider-horizontal:before {
1718
- border-top-style: dashed;
1702
+ .p-datatable .p-virtualscroller .p-virtualscroller-loading {
1703
+ transform: none !important;
1704
+ min-height: 0;
1705
+ position: sticky;
1706
+ top: 0;
1707
+ left: 0;
1719
1708
  }
1720
1709
 
1721
- .p-divider-dashed.p-divider-vertical:before {
1722
- border-left-style: dashed;
1710
+ /* Alignment */
1711
+ .p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,
1712
+ .p-datatable .p-datatable-tbody > tr > td.p-align-left,
1713
+ .p-datatable .p-datatable-tfoot > tr > td.p-align-left {
1714
+ text-align: left;
1715
+ justify-content: flex-start;
1723
1716
  }
1724
1717
 
1725
- .p-divider-dotted.p-divider-horizontal:before {
1726
- border-top-style: dotted;
1718
+ .p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,
1719
+ .p-datatable .p-datatable-tbody > tr > td.p-align-right,
1720
+ .p-datatable .p-datatable-tfoot > tr > td.p-align-right {
1721
+ text-align: right;
1722
+ justify-content: flex-end;
1727
1723
  }
1728
1724
 
1729
- .p-divider-dotted.p-divider-horizontal:before {
1730
- border-left-style: dotted;
1725
+ .p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,
1726
+ .p-datatable .p-datatable-tbody > tr > td.p-align-center,
1727
+ .p-datatable .p-datatable-tfoot > tr > td.p-align-center {
1728
+ text-align: center;
1729
+ justify-content: center;
1731
1730
  }
1731
+
1732
1732
  .p-dock {
1733
1733
  position: absolute;
1734
1734
  z-index: 1;
@@ -1938,6 +1938,65 @@ input.p-dropdown-label {
1938
1938
  width: 1%;
1939
1939
  }
1940
1940
 
1941
+ .p-fileupload-content {
1942
+ position: relative;
1943
+ }
1944
+
1945
+ .p-fileupload-row {
1946
+ display: flex;
1947
+ align-items: center;
1948
+ }
1949
+
1950
+ .p-fileupload-row > div {
1951
+ flex: 1 1 auto;
1952
+ width: 25%;
1953
+ }
1954
+
1955
+ .p-fileupload-row > div:last-child {
1956
+ text-align: right;
1957
+ }
1958
+
1959
+ .p-fileupload-content > .p-progressbar {
1960
+ width: 100%;
1961
+ position: absolute;
1962
+ top: 0;
1963
+ left: 0;
1964
+ }
1965
+
1966
+ .p-button.p-fileupload-choose {
1967
+ position: relative;
1968
+ overflow: hidden;
1969
+ }
1970
+
1971
+ .p-fileupload-buttonbar {
1972
+ display: flex;
1973
+ flex-wrap: wrap;
1974
+ }
1975
+
1976
+ .p-button.p-fileupload-choose input[type=file] {
1977
+ display: none;
1978
+ }
1979
+
1980
+ .p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
1981
+ display: none;
1982
+ }
1983
+
1984
+ .p-fileupload-filename {
1985
+ word-break: break-all;
1986
+ }
1987
+
1988
+ .p-fileupload-file-thumbnail {
1989
+ flex-shrink: 0;
1990
+ }
1991
+
1992
+ .p-fileupload-file-badge {
1993
+ margin: 0.5rem;
1994
+ }
1995
+
1996
+ .p-fluid .p-fileupload .p-button {
1997
+ width: auto;
1998
+ }
1999
+
1941
2000
  /*!
1942
2001
  * Quill Editor v1.3.7
1943
2002
  * https://quilljs.com/
@@ -2884,84 +2943,6 @@ input.p-dropdown-label {
2884
2943
  border: 1px solid #ccc;
2885
2944
  }
2886
2945
 
2887
- .p-fieldset-legend > a,
2888
- .p-fieldset-legend > span {
2889
- display: flex;
2890
- align-items: center;
2891
- justify-content: center;
2892
- }
2893
-
2894
- .p-fieldset-toggleable .p-fieldset-legend a {
2895
- cursor: pointer;
2896
- user-select: none;
2897
- overflow: hidden;
2898
- position: relative;
2899
- text-decoration: none;
2900
- }
2901
-
2902
- .p-fieldset-legend-text {
2903
- line-height: 1;
2904
- }
2905
-
2906
- .p-fileupload-content {
2907
- position: relative;
2908
- }
2909
-
2910
- .p-fileupload-row {
2911
- display: flex;
2912
- align-items: center;
2913
- }
2914
-
2915
- .p-fileupload-row > div {
2916
- flex: 1 1 auto;
2917
- width: 25%;
2918
- }
2919
-
2920
- .p-fileupload-row > div:last-child {
2921
- text-align: right;
2922
- }
2923
-
2924
- .p-fileupload-content > .p-progressbar {
2925
- width: 100%;
2926
- position: absolute;
2927
- top: 0;
2928
- left: 0;
2929
- }
2930
-
2931
- .p-button.p-fileupload-choose {
2932
- position: relative;
2933
- overflow: hidden;
2934
- }
2935
-
2936
- .p-fileupload-buttonbar {
2937
- display: flex;
2938
- flex-wrap: wrap;
2939
- }
2940
-
2941
- .p-button.p-fileupload-choose input[type=file] {
2942
- display: none;
2943
- }
2944
-
2945
- .p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
2946
- display: none;
2947
- }
2948
-
2949
- .p-fileupload-filename {
2950
- word-break: break-all;
2951
- }
2952
-
2953
- .p-fileupload-file-thumbnail {
2954
- flex-shrink: 0;
2955
- }
2956
-
2957
- .p-fileupload-file-badge {
2958
- margin: 0.5rem;
2959
- }
2960
-
2961
- .p-fluid .p-fileupload .p-button {
2962
- width: auto;
2963
- }
2964
-
2965
2946
  .p-galleria-content {
2966
2947
  display: flex;
2967
2948
  flex-direction: column;
@@ -3261,6 +3242,25 @@ input.p-dropdown-label {
3261
3242
  visibility: visible;
3262
3243
  }
3263
3244
 
3245
+ .p-fieldset-legend > a,
3246
+ .p-fieldset-legend > span {
3247
+ display: flex;
3248
+ align-items: center;
3249
+ justify-content: center;
3250
+ }
3251
+
3252
+ .p-fieldset-toggleable .p-fieldset-legend a {
3253
+ cursor: pointer;
3254
+ user-select: none;
3255
+ overflow: hidden;
3256
+ position: relative;
3257
+ text-decoration: none;
3258
+ }
3259
+
3260
+ .p-fieldset-legend-text {
3261
+ line-height: 1;
3262
+ }
3263
+
3264
3264
  .p-icon {
3265
3265
  display: inline-block;
3266
3266
  }
@@ -3604,65 +3604,35 @@ input.p-dropdown-label {
3604
3604
  transition-timing-function: ease;
3605
3605
  }
3606
3606
 
3607
- .p-input-icon-left,
3608
- .p-input-icon-right {
3609
- position: relative;
3610
- display: inline-block;
3611
- }
3612
-
3613
- .p-input-icon-left > i,
3614
- .p-input-icon-right > i,
3615
- .p-input-icon-left > svg,
3616
- .p-input-icon-right > svg,
3617
- .p-input-icon-left > .p-input-prefix,
3618
- .p-input-icon-right > .p-input-suffix {
3619
- position: absolute;
3620
- top: 50%;
3621
- margin-top: -0.5rem;
3622
- }
3623
-
3624
- .p-fluid .p-input-icon-left,
3625
- .p-fluid .p-input-icon-right {
3626
- display: block;
3627
- width: 100%;
3628
- }
3629
-
3630
- .p-inputtextarea-resizable {
3631
- overflow: hidden;
3632
- resize: none;
3633
- }
3634
-
3635
- .p-fluid .p-inputtextarea {
3636
- width: 100%;
3637
- }
3638
-
3639
- .p-listbox-list-wrapper {
3640
- overflow: auto;
3641
- }
3642
-
3643
- .p-listbox-list {
3644
- list-style-type: none;
3645
- margin: 0;
3646
- padding: 0;
3647
- }
3648
-
3649
- .p-listbox-item {
3650
- cursor: pointer;
3651
- position: relative;
3652
- overflow: hidden;
3653
- }
3654
-
3655
- .p-listbox-filter-container {
3607
+ .p-input-icon-left,
3608
+ .p-input-icon-right {
3656
3609
  position: relative;
3610
+ display: inline-block;
3657
3611
  }
3658
3612
 
3659
- .p-listbox-filter-icon {
3613
+ .p-input-icon-left > i,
3614
+ .p-input-icon-right > i,
3615
+ .p-input-icon-left > svg,
3616
+ .p-input-icon-right > svg,
3617
+ .p-input-icon-left > .p-input-prefix,
3618
+ .p-input-icon-right > .p-input-suffix {
3660
3619
  position: absolute;
3661
3620
  top: 50%;
3662
- margin-top: -.5rem;
3621
+ margin-top: -0.5rem;
3663
3622
  }
3664
3623
 
3665
- .p-listbox-filter {
3624
+ .p-fluid .p-input-icon-left,
3625
+ .p-fluid .p-input-icon-right {
3626
+ display: block;
3627
+ width: 100%;
3628
+ }
3629
+
3630
+ .p-inputtextarea-resizable {
3631
+ overflow: hidden;
3632
+ resize: none;
3633
+ }
3634
+
3635
+ .p-fluid .p-inputtextarea {
3666
3636
  width: 100%;
3667
3637
  }
3668
3638
 
@@ -3804,43 +3774,34 @@ input.p-dropdown-label {
3804
3774
  text-decoration: none;
3805
3775
  }
3806
3776
 
3807
- .p-mention {
3808
- display: inline-flex;
3809
- position: relative;
3810
- }
3811
-
3812
- .p-autocomplete-loader {
3813
- position: absolute;
3814
- top: 50%;
3815
- margin-top: -.5rem;
3816
- }
3817
-
3818
- .p-mention .p-mention-panel {
3819
- min-width: 100%;
3820
- }
3821
-
3822
- .p-mention-panel {
3823
- position: absolute;
3824
- top: 0;
3825
- left: 0;
3777
+ .p-listbox-list-wrapper {
3826
3778
  overflow: auto;
3827
3779
  }
3828
3780
 
3829
- .p-mention-items {
3781
+ .p-listbox-list {
3782
+ list-style-type: none;
3830
3783
  margin: 0;
3831
3784
  padding: 0;
3832
- list-style-type: none;
3833
3785
  }
3834
3786
 
3835
- .p-mention-item {
3787
+ .p-listbox-item {
3836
3788
  cursor: pointer;
3837
- white-space: nowrap;
3838
3789
  position: relative;
3839
3790
  overflow: hidden;
3840
3791
  }
3841
3792
 
3842
- .p-fluid .p-mention {
3843
- display: flex;
3793
+ .p-listbox-filter-container {
3794
+ position: relative;
3795
+ }
3796
+
3797
+ .p-listbox-filter-icon {
3798
+ position: absolute;
3799
+ top: 50%;
3800
+ margin-top: -.5rem;
3801
+ }
3802
+
3803
+ .p-listbox-filter {
3804
+ width: 100%;
3844
3805
  }
3845
3806
 
3846
3807
  .p-menu-overlay {
@@ -3869,6 +3830,45 @@ input.p-dropdown-label {
3869
3830
  line-height: 1;
3870
3831
  }
3871
3832
 
3833
+ .p-mention {
3834
+ display: inline-flex;
3835
+ position: relative;
3836
+ }
3837
+
3838
+ .p-autocomplete-loader {
3839
+ position: absolute;
3840
+ top: 50%;
3841
+ margin-top: -.5rem;
3842
+ }
3843
+
3844
+ .p-mention .p-mention-panel {
3845
+ min-width: 100%;
3846
+ }
3847
+
3848
+ .p-mention-panel {
3849
+ position: absolute;
3850
+ top: 0;
3851
+ left: 0;
3852
+ overflow: auto;
3853
+ }
3854
+
3855
+ .p-mention-items {
3856
+ margin: 0;
3857
+ padding: 0;
3858
+ list-style-type: none;
3859
+ }
3860
+
3861
+ .p-mention-item {
3862
+ cursor: pointer;
3863
+ white-space: nowrap;
3864
+ position: relative;
3865
+ overflow: hidden;
3866
+ }
3867
+
3868
+ .p-fluid .p-mention {
3869
+ display: flex;
3870
+ }
3871
+
3872
3872
  .p-menubar {
3873
3873
  display: flex;
3874
3874
  align-items: center;
@@ -3942,22 +3942,6 @@ input.p-dropdown-label {
3942
3942
  text-decoration: none;
3943
3943
  }
3944
3944
 
3945
- .p-inline-message {
3946
- display: inline-flex;
3947
- align-items: center;
3948
- justify-content: center;
3949
- vertical-align: top;
3950
- }
3951
-
3952
- .p-inline-message-icon-only .p-inline-message-text {
3953
- visibility: hidden;
3954
- width: 0;
3955
- }
3956
-
3957
- .p-fluid .p-inline-message {
3958
- display: flex;
3959
- }
3960
-
3961
3945
  .p-message-wrapper {
3962
3946
  display: flex;
3963
3947
  align-items: center;
@@ -4001,6 +3985,22 @@ input.p-dropdown-label {
4001
3985
  display: none;
4002
3986
  }
4003
3987
 
3988
+ .p-inline-message {
3989
+ display: inline-flex;
3990
+ align-items: center;
3991
+ justify-content: center;
3992
+ vertical-align: top;
3993
+ }
3994
+
3995
+ .p-inline-message-icon-only .p-inline-message-text {
3996
+ visibility: hidden;
3997
+ width: 0;
3998
+ }
3999
+
4000
+ .p-fluid .p-inline-message {
4001
+ display: flex;
4002
+ }
4003
+
4004
4004
  .p-multiselect {
4005
4005
  display: inline-flex;
4006
4006
  position: relative;
@@ -4324,6 +4324,26 @@ input.p-dropdown-label {
4324
4324
  border-bottom-color: transparent
4325
4325
  }
4326
4326
 
4327
+ .p-panel-header {
4328
+ display: flex;
4329
+ justify-content: space-between;
4330
+ align-items: center;
4331
+ }
4332
+
4333
+ .p-panel-title {
4334
+ line-height: 1;
4335
+ }
4336
+
4337
+ .p-panel-header-icon {
4338
+ display: inline-flex;
4339
+ justify-content: center;
4340
+ align-items: center;
4341
+ cursor: pointer;
4342
+ text-decoration: none;
4343
+ overflow: hidden;
4344
+ position: relative;
4345
+ }
4346
+
4327
4347
  .p-paginator {
4328
4348
  display: flex;
4329
4349
  align-items: center;
@@ -4391,26 +4411,6 @@ input.p-dropdown-label {
4391
4411
  line-height: 1;
4392
4412
  }
4393
4413
 
4394
- .p-panel-header {
4395
- display: flex;
4396
- justify-content: space-between;
4397
- align-items: center;
4398
- }
4399
-
4400
- .p-panel-title {
4401
- line-height: 1;
4402
- }
4403
-
4404
- .p-panel-header-icon {
4405
- display: inline-flex;
4406
- justify-content: center;
4407
- align-items: center;
4408
- cursor: pointer;
4409
- text-decoration: none;
4410
- overflow: hidden;
4411
- position: relative;
4412
- }
4413
-
4414
4414
  .p-password {
4415
4415
  position: relative;
4416
4416
  display: inline-flex;
@@ -4577,84 +4577,11 @@ input.p-dropdown-label {
4577
4577
  left: -200%;
4578
4578
  right: 100%; }
4579
4579
  60% {
4580
- left: 107%;
4581
- right: -8%; }
4582
- 100% {
4583
- left: 107%;
4584
- right: -8%; }
4585
- }
4586
-
4587
- .p-progress-spinner {
4588
- position: relative;
4589
- margin: 0 auto;
4590
- width: 100px;
4591
- height: 100px;
4592
- display: inline-block;
4593
- }
4594
-
4595
- .p-progress-spinner::before {
4596
- content: '';
4597
- display: block;
4598
- padding-top: 100%;
4599
- }
4600
-
4601
- .p-progress-spinner-svg {
4602
- animation: p-progress-spinner-rotate 2s linear infinite;
4603
- height: 100%;
4604
- transform-origin: center center;
4605
- width: 100%;
4606
- position: absolute;
4607
- top: 0;
4608
- bottom: 0;
4609
- left: 0;
4610
- right: 0;
4611
- margin: auto;
4612
- }
4613
-
4614
- .p-progress-spinner-circle {
4615
- stroke-dasharray: 89, 200;
4616
- stroke-dashoffset: 0;
4617
- stroke: #d62d20;
4618
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
4619
- stroke-linecap: round;
4620
- }
4621
-
4622
- @keyframes p-progress-spinner-rotate {
4623
- 100% {
4624
- transform: rotate(360deg);
4625
- }
4626
- }
4627
-
4628
- @keyframes p-progress-spinner-dash {
4629
- 0% {
4630
- stroke-dasharray: 1, 200;
4631
- stroke-dashoffset: 0;
4632
- }
4633
- 50% {
4634
- stroke-dasharray: 89, 200;
4635
- stroke-dashoffset: -35px;
4636
- }
4637
- 100% {
4638
- stroke-dasharray: 89, 200;
4639
- stroke-dashoffset: -124px;
4640
- }
4641
- }
4642
-
4643
- @keyframes p-progress-spinner-color {
4644
- 100%,
4645
- 0% {
4646
- stroke: #d62d20;
4647
- }
4648
- 40% {
4649
- stroke: #0057e7;
4650
- }
4651
- 66% {
4652
- stroke: #008744;
4653
- }
4654
- 80%,
4655
- 90% {
4656
- stroke: #ffa700;
4657
- }
4580
+ left: 107%;
4581
+ right: -8%; }
4582
+ 100% {
4583
+ left: 107%;
4584
+ right: -8%; }
4658
4585
  }
4659
4586
 
4660
4587
  .p-radiobutton {
@@ -4816,6 +4743,79 @@ input.p-dropdown-label {
4816
4743
  transition: opacity .15s;
4817
4744
  }
4818
4745
 
4746
+ .p-progress-spinner {
4747
+ position: relative;
4748
+ margin: 0 auto;
4749
+ width: 100px;
4750
+ height: 100px;
4751
+ display: inline-block;
4752
+ }
4753
+
4754
+ .p-progress-spinner::before {
4755
+ content: '';
4756
+ display: block;
4757
+ padding-top: 100%;
4758
+ }
4759
+
4760
+ .p-progress-spinner-svg {
4761
+ animation: p-progress-spinner-rotate 2s linear infinite;
4762
+ height: 100%;
4763
+ transform-origin: center center;
4764
+ width: 100%;
4765
+ position: absolute;
4766
+ top: 0;
4767
+ bottom: 0;
4768
+ left: 0;
4769
+ right: 0;
4770
+ margin: auto;
4771
+ }
4772
+
4773
+ .p-progress-spinner-circle {
4774
+ stroke-dasharray: 89, 200;
4775
+ stroke-dashoffset: 0;
4776
+ stroke: #d62d20;
4777
+ animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
4778
+ stroke-linecap: round;
4779
+ }
4780
+
4781
+ @keyframes p-progress-spinner-rotate {
4782
+ 100% {
4783
+ transform: rotate(360deg);
4784
+ }
4785
+ }
4786
+
4787
+ @keyframes p-progress-spinner-dash {
4788
+ 0% {
4789
+ stroke-dasharray: 1, 200;
4790
+ stroke-dashoffset: 0;
4791
+ }
4792
+ 50% {
4793
+ stroke-dasharray: 89, 200;
4794
+ stroke-dashoffset: -35px;
4795
+ }
4796
+ 100% {
4797
+ stroke-dasharray: 89, 200;
4798
+ stroke-dashoffset: -124px;
4799
+ }
4800
+ }
4801
+
4802
+ @keyframes p-progress-spinner-color {
4803
+ 100%,
4804
+ 0% {
4805
+ stroke: #d62d20;
4806
+ }
4807
+ 40% {
4808
+ stroke: #0057e7;
4809
+ }
4810
+ 66% {
4811
+ stroke: #008744;
4812
+ }
4813
+ 80%,
4814
+ 90% {
4815
+ stroke: #ffa700;
4816
+ }
4817
+ }
4818
+
4819
4819
  .p-sidebar-mask {
4820
4820
  position: fixed;
4821
4821
  top: 0;
@@ -5068,95 +5068,6 @@ input.p-dropdown-label {
5068
5068
  transform: translateX(100%);
5069
5069
  }
5070
5070
  }
5071
- .p-slidemenu {
5072
- width: 12.5em;
5073
- }
5074
-
5075
- .p-slidemenu.p-slidemenu-overlay {
5076
- position: absolute;
5077
- }
5078
-
5079
- .p-slidemenu .p-menu-separator {
5080
- border-width: 1px 0 0 0;
5081
- }
5082
-
5083
- .p-slidemenu ul {
5084
- list-style: none;
5085
- margin: 0;
5086
- padding: 0;
5087
- }
5088
-
5089
- .p-slidemenu .p-slidemenu-rootlist {
5090
- position: absolute;
5091
- top: 0;
5092
- }
5093
-
5094
- .p-slidemenu .p-submenu-list {
5095
- display: none;
5096
- position: absolute;
5097
- top: 0;
5098
- width: 12.5em;
5099
- }
5100
-
5101
- .p-slidemenu .p-menuitem-link {
5102
- cursor: pointer;
5103
- display: flex;
5104
- align-items: center;
5105
- text-decoration: none;
5106
- overflow: hidden;
5107
- }
5108
-
5109
- .p-slidemenu .p-menuitem-icon {
5110
- vertical-align: middle;
5111
- }
5112
-
5113
- .p-slidemenu .p-menuitem-text {
5114
- vertical-align: middle;
5115
- }
5116
-
5117
- .p-slidemenu .p-menuitem {
5118
- position: relative;
5119
- }
5120
-
5121
- .p-slidemenu .p-menuitem-link .p-submenu-icon {
5122
- margin-left: auto;
5123
- }
5124
-
5125
- .p-slidemenu .p-slidemenu-wrapper {
5126
- position: relative;
5127
- }
5128
-
5129
- .p-slidemenu .p-slidemenu-content {
5130
- overflow-x: hidden;
5131
- overflow-y: auto;
5132
- position: relative;
5133
- height: 100%;
5134
- }
5135
-
5136
- .p-slidemenu-backward {
5137
- position: absolute;
5138
- bottom: 0;
5139
- width: 100%;
5140
- padding: 0.25em;
5141
- cursor: pointer;
5142
- }
5143
-
5144
- .p-slidemenu-backward .p-slidemenu-backward-icon {
5145
- vertical-align: middle;
5146
- }
5147
-
5148
- .p-slidemenu-backward span {
5149
- vertical-align: middle;
5150
- }
5151
-
5152
- .p-slidemenu .p-menuitem-active {
5153
- position: static;
5154
- }
5155
-
5156
- .p-slidemenu .p-menuitem-active > .p-submenu-list {
5157
- display: block;
5158
- }
5159
-
5160
5071
  .p-slider {
5161
5072
  position: relative;
5162
5073
  }
@@ -5345,6 +5256,95 @@ input.p-dropdown-label {
5345
5256
  display: flex;
5346
5257
  }
5347
5258
 
5259
+ .p-slidemenu {
5260
+ width: 12.5em;
5261
+ }
5262
+
5263
+ .p-slidemenu.p-slidemenu-overlay {
5264
+ position: absolute;
5265
+ }
5266
+
5267
+ .p-slidemenu .p-menu-separator {
5268
+ border-width: 1px 0 0 0;
5269
+ }
5270
+
5271
+ .p-slidemenu ul {
5272
+ list-style: none;
5273
+ margin: 0;
5274
+ padding: 0;
5275
+ }
5276
+
5277
+ .p-slidemenu .p-slidemenu-rootlist {
5278
+ position: absolute;
5279
+ top: 0;
5280
+ }
5281
+
5282
+ .p-slidemenu .p-submenu-list {
5283
+ display: none;
5284
+ position: absolute;
5285
+ top: 0;
5286
+ width: 12.5em;
5287
+ }
5288
+
5289
+ .p-slidemenu .p-menuitem-link {
5290
+ cursor: pointer;
5291
+ display: flex;
5292
+ align-items: center;
5293
+ text-decoration: none;
5294
+ overflow: hidden;
5295
+ }
5296
+
5297
+ .p-slidemenu .p-menuitem-icon {
5298
+ vertical-align: middle;
5299
+ }
5300
+
5301
+ .p-slidemenu .p-menuitem-text {
5302
+ vertical-align: middle;
5303
+ }
5304
+
5305
+ .p-slidemenu .p-menuitem {
5306
+ position: relative;
5307
+ }
5308
+
5309
+ .p-slidemenu .p-menuitem-link .p-submenu-icon {
5310
+ margin-left: auto;
5311
+ }
5312
+
5313
+ .p-slidemenu .p-slidemenu-wrapper {
5314
+ position: relative;
5315
+ }
5316
+
5317
+ .p-slidemenu .p-slidemenu-content {
5318
+ overflow-x: hidden;
5319
+ overflow-y: auto;
5320
+ position: relative;
5321
+ height: 100%;
5322
+ }
5323
+
5324
+ .p-slidemenu-backward {
5325
+ position: absolute;
5326
+ bottom: 0;
5327
+ width: 100%;
5328
+ padding: 0.25em;
5329
+ cursor: pointer;
5330
+ }
5331
+
5332
+ .p-slidemenu-backward .p-slidemenu-backward-icon {
5333
+ vertical-align: middle;
5334
+ }
5335
+
5336
+ .p-slidemenu-backward span {
5337
+ vertical-align: middle;
5338
+ }
5339
+
5340
+ .p-slidemenu .p-menuitem-active {
5341
+ position: static;
5342
+ }
5343
+
5344
+ .p-slidemenu .p-menuitem-active > .p-submenu-list {
5345
+ display: block;
5346
+ }
5347
+
5348
5348
  .p-splitter {
5349
5349
  display: flex;
5350
5350
  flex-wrap: nowrap;