@syncfusion/ej2-react-pivotview 22.2.12 → 23.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/CHANGELOG.md +20 -69
  2. package/dist/ej2-react-pivotview.min.js +2 -2
  3. package/dist/ej2-react-pivotview.umd.min.js +2 -2
  4. package/package.json +9 -9
  5. package/styles/bootstrap-dark.css +64 -27
  6. package/styles/bootstrap.css +65 -28
  7. package/styles/bootstrap4.css +66 -27
  8. package/styles/bootstrap5-dark.css +64 -29
  9. package/styles/bootstrap5.css +64 -29
  10. package/styles/fabric-dark.css +65 -29
  11. package/styles/fabric.css +65 -27
  12. package/styles/fluent-dark.css +64 -28
  13. package/styles/fluent.css +64 -28
  14. package/styles/highcontrast-light.css +64 -27
  15. package/styles/highcontrast.css +64 -27
  16. package/styles/material-dark.css +63 -27
  17. package/styles/material.css +63 -27
  18. package/styles/material3-dark.css +63 -29
  19. package/styles/material3.css +63 -28
  20. package/styles/pivotfieldlist/bootstrap-dark.css +1 -7
  21. package/styles/pivotfieldlist/bootstrap.css +1 -7
  22. package/styles/pivotfieldlist/bootstrap4.css +1 -7
  23. package/styles/pivotfieldlist/bootstrap5-dark.css +1 -7
  24. package/styles/pivotfieldlist/bootstrap5.css +1 -7
  25. package/styles/pivotfieldlist/fabric-dark.css +2 -7
  26. package/styles/pivotfieldlist/fabric.css +2 -7
  27. package/styles/pivotfieldlist/fluent-dark.css +1 -7
  28. package/styles/pivotfieldlist/fluent.css +1 -7
  29. package/styles/pivotfieldlist/highcontrast-light.css +2 -7
  30. package/styles/pivotfieldlist/highcontrast.css +2 -7
  31. package/styles/pivotfieldlist/material-dark.css +1 -8
  32. package/styles/pivotfieldlist/material.css +1 -8
  33. package/styles/pivotfieldlist/material3-dark.css +1 -8
  34. package/styles/pivotfieldlist/material3-dark.scss +1 -1
  35. package/styles/pivotfieldlist/material3.css +1 -8
  36. package/styles/pivotfieldlist/material3.scss +1 -1
  37. package/styles/pivotfieldlist/tailwind-dark.css +1 -8
  38. package/styles/pivotfieldlist/tailwind.css +1 -8
  39. package/styles/pivotview/bootstrap-dark.css +63 -20
  40. package/styles/pivotview/bootstrap.css +64 -21
  41. package/styles/pivotview/bootstrap4.css +65 -20
  42. package/styles/pivotview/bootstrap5-dark.css +63 -22
  43. package/styles/pivotview/bootstrap5.css +63 -22
  44. package/styles/pivotview/fabric-dark.css +63 -22
  45. package/styles/pivotview/fabric.css +63 -20
  46. package/styles/pivotview/fluent-dark.css +63 -21
  47. package/styles/pivotview/fluent.css +63 -21
  48. package/styles/pivotview/highcontrast-light.css +62 -20
  49. package/styles/pivotview/highcontrast.css +62 -20
  50. package/styles/pivotview/material-dark.css +62 -20
  51. package/styles/pivotview/material.css +62 -20
  52. package/styles/pivotview/material3-dark.css +62 -21
  53. package/styles/pivotview/material3-dark.scss +1 -1
  54. package/styles/pivotview/material3.css +62 -21
  55. package/styles/pivotview/material3.scss +1 -1
  56. package/styles/pivotview/tailwind-dark.css +62 -22
  57. package/styles/pivotview/tailwind.css +62 -22
  58. package/styles/tailwind-dark.css +63 -30
  59. package/styles/tailwind.css +63 -30
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -272,6 +271,8 @@
272
271
  /* stylelint-disable */
273
272
  /* stylelint-enable */
274
273
  /* stylelint-enable */
274
+ /* stylelint-disable */
275
+ /* stylelint-enable */
275
276
  }
276
277
  .e-pivotview.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
277
278
  padding: 0;
@@ -756,6 +757,9 @@
756
757
  .e-pivotview .e-frozenscrollbar {
757
758
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
758
759
  }
760
+ .e-pivotview .e-headercontent .e-columnheader .e-headercell.e-leftfreeze {
761
+ -webkit-transform: translate3d(0, 0, 0);
762
+ }
759
763
 
760
764
  .e-pivotview-disable-icon {
761
765
  visibility: hidden;
@@ -1030,7 +1034,6 @@
1030
1034
 
1031
1035
  /*! PivotView theme */
1032
1036
  .e-pivotview {
1033
- /* stylelint-enable */
1034
1037
  /* stylelint-enable */
1035
1038
  /* stylelint-disable */
1036
1039
  /* stylelint-enable */
@@ -1041,6 +1044,8 @@
1041
1044
  /* stylelint-enable */
1042
1045
  }
1043
1046
  .e-pivotview .e-pivotcell-container {
1047
+ -ms-flex-align: center;
1048
+ align-items: center;
1044
1049
  display: -ms-flexbox;
1045
1050
  display: flex;
1046
1051
  }
@@ -1048,6 +1053,7 @@
1048
1053
  .e-pivotview .e-pivotcell-container .e-headertext.e-cellvalue {
1049
1054
  overflow: hidden;
1050
1055
  text-overflow: ellipsis;
1056
+ width: 100%;
1051
1057
  }
1052
1058
  .e-pivotview .e-pivotcell-container .e-sortfilterdiv.e-value-sort-icon {
1053
1059
  -ms-flex-align: center;
@@ -1086,14 +1092,23 @@
1086
1092
  -ms-user-select: none;
1087
1093
  user-select: none;
1088
1094
  }
1095
+ .e-pivotview .e-grid .e-content-virtualtable {
1096
+ overflow-x: auto;
1097
+ scrollbar-width: none; /* firefox */
1098
+ }
1099
+ .e-pivotview .e-grid .e-content-virtualtable::-webkit-scrollbar {
1100
+ display: none; /* safari, chrome and edge */
1101
+ }
1089
1102
  .e-pivotview .e-gtot,
1090
1103
  .e-pivotview .e-gtot.e-rowsheader,
1091
1104
  .e-pivotview .e-gtot.e-columnsheader,
1092
1105
  .e-pivotview .e-grid .e-content,
1093
- .e-pivotview .e-grid .e-gridheader,
1094
- .e-pivotview .e-headercell {
1106
+ .e-pivotview .e-grid .e-gridheader {
1095
1107
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1096
1108
  }
1109
+ .e-pivotview .e-headercell:not(.e-columnsheader) {
1110
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) !important;
1111
+ }
1097
1112
  .e-pivotview .e-grid .e-gridheader {
1098
1113
  border-bottom-width: 1px;
1099
1114
  }
@@ -1187,11 +1202,7 @@
1187
1202
  .e-pivotview .e-drop-indicator {
1188
1203
  display: block;
1189
1204
  }
1190
- .e-pivotview div.e-cellvalue {
1191
- margin-top: 0;
1192
- }
1193
1205
  .e-pivotview div div span.e-value-sort-icon {
1194
- /* stylelint-disable */
1195
1206
  padding: 0 !important;
1196
1207
  }
1197
1208
  .e-pivotview .e-sortfilterdiv .e-value-sort-icon {
@@ -1203,10 +1214,17 @@
1203
1214
  .e-pivotview .e-sortfilterdiv:not(.e-value-sort-icon) {
1204
1215
  display: none;
1205
1216
  }
1217
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv {
1218
+ margin: -15px 0 !important;
1219
+ }
1220
+ .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1221
+ margin: 0 !important;
1222
+ }
1206
1223
  .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv, .e-pivotview .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-pivotview .e-headercelldiv .e-sortfilterdiv, .e-pivotview .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
1207
1224
  margin: 0 !important;
1208
1225
  margin-left: auto !important;
1209
- margin-top: 0 !important;
1226
+ padding-bottom: 0 !important;
1227
+ padding-top: 0 !important;
1210
1228
  }
1211
1229
  .e-pivotview .e-rowsheader .e-sortfilterdiv {
1212
1230
  margin: -8px 0 !important;
@@ -1241,9 +1259,26 @@
1241
1259
  }
1242
1260
  .e-pivotview.sf-pivotview .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
1243
1261
  visibility: hidden !important;
1262
+ /* stylelint-enable */
1263
+ }
1264
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader {
1265
+ position: absolute;
1266
+ z-index: 10;
1267
+ color: rgba(var(--color-sf-on-surface-variant));
1268
+ font-size: 20px;
1269
+ text-align: center;
1270
+ padding: 10%;
1271
+ pointer-events: none;
1272
+ }
1273
+ .e-pivotview.sf-pivotview .e-grid .e-pivot-content-loader.e-hide-loader {
1274
+ display: none;
1275
+ }
1276
+ .e-pivotview.sf-pivotview .e-grid .e-virtual-pivot-content {
1277
+ visibility: hidden;
1244
1278
  }
1245
1279
  .e-pivotview .e-grid .e-headercelldiv,
1246
1280
  .e-pivotview .e-grid .e-columnsheader {
1281
+ /* stylelint-disable */
1247
1282
  padding-left: 8px !important;
1248
1283
  padding-top: 0px !important;
1249
1284
  padding-bottom: 0px !important;
@@ -1266,6 +1301,14 @@
1266
1301
  border-left: 0;
1267
1302
  border-right-width: 1px;
1268
1303
  }
1304
+ .e-pivotview .e-leftfreeze.e-freezeleftborder {
1305
+ border-left-color: rgba(var(--color-sf-outline-variant)) !important;
1306
+ border-right-color: rgba(var(--color-sf-outline-variant)) !important;
1307
+ border-right-width: 1px !important;
1308
+ }
1309
+ .e-pivotview .e-leftfreeze.e-freezeleftborder:not(.e-gtot) {
1310
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1311
+ }
1269
1312
  .e-pivotview .e-stackedheadercelldiv {
1270
1313
  display: block;
1271
1314
  }
@@ -1273,7 +1316,6 @@
1273
1316
  .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
1274
1317
  display: inline-block;
1275
1318
  padding-left: 12px !important;
1276
- margin-top: 5px;
1277
1319
  }
1278
1320
  .e-pivotview .e-stackedheadercelldiv {
1279
1321
  padding: 0 0 0 1px !important;
@@ -1614,6 +1656,11 @@
1614
1656
  .e-pivotview .e-group-columns {
1615
1657
  width: 100%;
1616
1658
  }
1659
+ .e-pivotview th.e-group-row .e-axis-row {
1660
+ display: inline-block;
1661
+ height: 100%;
1662
+ vertical-align: top;
1663
+ }
1617
1664
  .e-pivotview .e-group-row {
1618
1665
  padding: 0 !important;
1619
1666
  }
@@ -1766,8 +1813,6 @@
1766
1813
  cursor: pointer;
1767
1814
  display: inline-block;
1768
1815
  height: 18px;
1769
- margin-top: 3px;
1770
- margin-bottom: 3px;
1771
1816
  text-align: center;
1772
1817
  width: 18px;
1773
1818
  vertical-align: middle;
@@ -1775,9 +1820,7 @@
1775
1820
  .e-pivotview th .e-expand,
1776
1821
  .e-pivotview th .e-collapse {
1777
1822
  font-size: 10px !important;
1778
- margin-left: 0px;
1779
- margin-top: 3px;
1780
- margin-bottom: 3px;
1823
+ margin-left: 0;
1781
1824
  }
1782
1825
  .e-pivotview .e-expand::before {
1783
1826
  font-size: 16px;
@@ -2167,6 +2210,10 @@
2167
2210
  border-left-width: 1px;
2168
2211
  border-right: 0;
2169
2212
  }
2213
+ .e-pivotview.e-rtl .e-leftfreeze.e-freezeleftborder {
2214
+ border-left-width: 1px;
2215
+ border-right: 0;
2216
+ }
2170
2217
  .e-pivotview.e-rtl .e-rowsheader .e-cellvalue {
2171
2218
  margin-left: 0;
2172
2219
  margin-right: 7px;
@@ -2399,12 +2446,6 @@
2399
2446
  .e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
2400
2447
  padding-left: 16px !important;
2401
2448
  }
2402
- .e-bigger .e-pivotview th .e-expand,
2403
- .e-bigger .e-pivotview th .e-collapse,
2404
- .e-bigger.e-pivotview th .e-expand,
2405
- .e-bigger.e-pivotview th .e-collapse {
2406
- margin-top: 4px;
2407
- }
2408
2449
  .e-bigger .e-pivotview .e-grouping-bar,
2409
2450
  .e-bigger.e-pivotview .e-grouping-bar {
2410
2451
  /* stylelint-enable */
@@ -3495,7 +3536,7 @@
3495
3536
  width: 100% !important;
3496
3537
  }
3497
3538
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
3498
- margin-left: 0;
3539
+ margin-left: 0 !important;
3499
3540
  }
3500
3541
  .e-pivot-formatting-dialog.e-device .e-format-value1,
3501
3542
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -4550,12 +4591,6 @@
4550
4591
  height: 36px;
4551
4592
  padding: 6px 12px;
4552
4593
  }
4553
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4554
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
4555
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
4556
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
4557
- line-height: 1.5em;
4558
- }
4559
4594
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4560
4595
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
4561
4596
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -448,7 +448,7 @@
448
448
  width: 100% !important;
449
449
  }
450
450
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
451
- margin-left: 0;
451
+ margin-left: 0 !important;
452
452
  }
453
453
  .e-pivot-formatting-dialog.e-device .e-format-value1,
454
454
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1485,12 +1485,6 @@
1485
1485
  height: 36px;
1486
1486
  padding: 6px 12px;
1487
1487
  }
1488
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1489
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1490
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1491
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1492
- line-height: 1.5em;
1493
- }
1494
1488
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1495
1489
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1496
1490
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -446,7 +446,7 @@
446
446
  width: 100% !important;
447
447
  }
448
448
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
449
- margin-left: 0;
449
+ margin-left: 0 !important;
450
450
  }
451
451
  .e-pivot-formatting-dialog.e-device .e-format-value1,
452
452
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1483,12 +1483,6 @@
1483
1483
  height: 36px;
1484
1484
  padding: 6px 12px;
1485
1485
  }
1486
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1487
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1488
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1489
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1490
- line-height: 1.5em;
1491
- }
1492
1486
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1493
1487
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1494
1488
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -461,7 +461,7 @@
461
461
  width: 100% !important;
462
462
  }
463
463
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
464
- margin-left: 0;
464
+ margin-left: 0 !important;
465
465
  }
466
466
  .e-pivot-formatting-dialog.e-device .e-format-value1,
467
467
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1543,12 +1543,6 @@
1543
1543
  padding: 6px 12px;
1544
1544
  padding: 9px 10px;
1545
1545
  }
1546
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1547
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1548
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1549
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1550
- line-height: 1.5em;
1551
- }
1552
1546
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1553
1547
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1554
1548
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -455,7 +455,7 @@
455
455
  width: 100% !important;
456
456
  }
457
457
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
458
- margin-left: 0;
458
+ margin-left: 0 !important;
459
459
  }
460
460
  .e-pivot-formatting-dialog.e-device .e-format-value1,
461
461
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1514,12 +1514,6 @@
1514
1514
  height: 36px;
1515
1515
  padding: 6px 12px;
1516
1516
  }
1517
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1518
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1519
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1520
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1521
- line-height: 1.5em;
1522
- }
1523
1517
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1524
1518
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1525
1519
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -455,7 +455,7 @@
455
455
  width: 100% !important;
456
456
  }
457
457
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
458
- margin-left: 0;
458
+ margin-left: 0 !important;
459
459
  }
460
460
  .e-pivot-formatting-dialog.e-device .e-format-value1,
461
461
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1514,12 +1514,6 @@
1514
1514
  height: 36px;
1515
1515
  padding: 6px 12px;
1516
1516
  }
1517
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1518
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1519
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1520
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1521
- line-height: 1.5em;
1522
- }
1523
1517
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1524
1518
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1525
1519
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -447,7 +447,7 @@
447
447
  width: 100% !important;
448
448
  }
449
449
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
450
- margin-left: 0;
450
+ margin-left: 0 !important;
451
451
  }
452
452
  .e-pivot-formatting-dialog.e-device .e-format-value1,
453
453
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1366,6 +1366,7 @@
1366
1366
  border-top-right-radius: 0;
1367
1367
  padding-top: 20px;
1368
1368
  padding-bottom: 20px;
1369
+ padding: 20px;
1369
1370
  }
1370
1371
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content,
1371
1372
  .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
@@ -1484,12 +1485,6 @@
1484
1485
  height: 36px;
1485
1486
  padding: 6px 12px;
1486
1487
  }
1487
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1488
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1489
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1490
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1491
- line-height: 1.5em;
1492
- }
1493
1488
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1494
1489
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1495
1490
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -446,7 +446,7 @@
446
446
  width: 100% !important;
447
447
  }
448
448
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
449
- margin-left: 0;
449
+ margin-left: 0 !important;
450
450
  }
451
451
  .e-pivot-formatting-dialog.e-device .e-format-value1,
452
452
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1365,6 +1365,7 @@
1365
1365
  border-top-right-radius: 0;
1366
1366
  padding-top: 20px;
1367
1367
  padding-bottom: 20px;
1368
+ padding: 20px;
1368
1369
  }
1369
1370
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content,
1370
1371
  .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
@@ -1483,12 +1484,6 @@
1483
1484
  height: 36px;
1484
1485
  padding: 6px 12px;
1485
1486
  }
1486
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1487
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1488
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1489
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1490
- line-height: 1.5em;
1491
- }
1492
1487
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1493
1488
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1494
1489
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -446,7 +446,7 @@
446
446
  width: 100% !important;
447
447
  }
448
448
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
449
- margin-left: 0;
449
+ margin-left: 0 !important;
450
450
  }
451
451
  .e-pivot-formatting-dialog.e-device .e-format-value1,
452
452
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1513,12 +1513,6 @@
1513
1513
  height: 36px;
1514
1514
  padding: 6px 12px;
1515
1515
  }
1516
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1517
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1518
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1519
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1520
- line-height: 1.5em;
1521
- }
1522
1516
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1523
1517
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1524
1518
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -446,7 +446,7 @@
446
446
  width: 100% !important;
447
447
  }
448
448
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
449
- margin-left: 0;
449
+ margin-left: 0 !important;
450
450
  }
451
451
  .e-pivot-formatting-dialog.e-device .e-format-value1,
452
452
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1513,12 +1513,6 @@
1513
1513
  height: 36px;
1514
1514
  padding: 6px 12px;
1515
1515
  }
1516
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1517
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1518
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1519
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1520
- line-height: 1.5em;
1521
- }
1522
1516
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1523
1517
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1524
1518
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -445,7 +445,7 @@
445
445
  width: 100% !important;
446
446
  }
447
447
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
448
- margin-left: 0;
448
+ margin-left: 0 !important;
449
449
  }
450
450
  .e-pivot-formatting-dialog.e-device .e-format-value1,
451
451
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1364,6 +1364,7 @@
1364
1364
  border-top-right-radius: 0;
1365
1365
  padding-top: 20px;
1366
1366
  padding-bottom: 20px;
1367
+ padding: 20px;
1367
1368
  }
1368
1369
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content,
1369
1370
  .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
@@ -1482,12 +1483,6 @@
1482
1483
  height: 36px;
1483
1484
  padding: 6px 12px;
1484
1485
  }
1485
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1486
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1487
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1488
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1489
- line-height: 1.5em;
1490
- }
1491
1486
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1492
1487
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1493
1488
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -445,7 +445,7 @@
445
445
  width: 100% !important;
446
446
  }
447
447
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
448
- margin-left: 0;
448
+ margin-left: 0 !important;
449
449
  }
450
450
  .e-pivot-formatting-dialog.e-device .e-format-value1,
451
451
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1364,6 +1364,7 @@
1364
1364
  border-top-right-radius: 0;
1365
1365
  padding-top: 20px;
1366
1366
  padding-bottom: 20px;
1367
+ padding: 20px;
1367
1368
  }
1368
1369
  .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content,
1369
1370
  .e-pivotfieldlist-container .e-member-editor-dialog .e-dlg-content,
@@ -1482,12 +1483,6 @@
1482
1483
  height: 36px;
1483
1484
  padding: 6px 12px;
1484
1485
  }
1485
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1486
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1487
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1488
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1489
- line-height: 1.5em;
1490
- }
1491
1486
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1492
1487
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1493
1488
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /*! component's theme wise override definitions and variables */
3
2
  /*! component's common definitions and variables */
4
3
  /*! field-list component icons */
@@ -448,7 +447,7 @@
448
447
  width: 100% !important;
449
448
  }
450
449
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
451
- margin-left: 0;
450
+ margin-left: 0 !important;
452
451
  }
453
452
  .e-pivot-formatting-dialog.e-device .e-format-value1,
454
453
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1485,12 +1484,6 @@
1485
1484
  height: 36px;
1486
1485
  padding: 6px 12px;
1487
1486
  }
1488
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1489
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1490
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1491
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1492
- line-height: 1.5em;
1493
- }
1494
1487
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1495
1488
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1496
1489
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /*! component's theme wise override definitions and variables */
3
2
  /*! component's common definitions and variables */
4
3
  /*! field-list component icons */
@@ -447,7 +446,7 @@
447
446
  width: 100% !important;
448
447
  }
449
448
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
450
- margin-left: 0;
449
+ margin-left: 0 !important;
451
450
  }
452
451
  .e-pivot-formatting-dialog.e-device .e-format-value1,
453
452
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1484,12 +1483,6 @@
1484
1483
  height: 36px;
1485
1484
  padding: 6px 12px;
1486
1485
  }
1487
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1488
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1489
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1490
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1491
- line-height: 1.5em;
1492
- }
1493
1486
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1494
1487
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1495
1488
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -507,7 +506,7 @@
507
506
  width: 100% !important;
508
507
  }
509
508
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
510
- margin-left: 0;
509
+ margin-left: 0 !important;
511
510
  }
512
511
  .e-pivot-formatting-dialog.e-device .e-format-value1,
513
512
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1562,12 +1561,6 @@
1562
1561
  height: 36px;
1563
1562
  padding: 6px 12px;
1564
1563
  }
1565
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1566
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1567
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1568
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1569
- line-height: 1.5em;
1570
- }
1571
1564
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1572
1565
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1573
1566
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-pivotview/styles/pivotfieldlist/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -563,7 +562,7 @@
563
562
  width: 100% !important;
564
563
  }
565
564
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
566
- margin-left: 0;
565
+ margin-left: 0 !important;
567
566
  }
568
567
  .e-pivot-formatting-dialog.e-device .e-format-value1,
569
568
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1618,12 +1617,6 @@
1618
1617
  height: 36px;
1619
1618
  padding: 6px 12px;
1620
1619
  }
1621
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1622
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1623
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1624
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1625
- line-height: 1.5em;
1626
- }
1627
1620
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1628
1621
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1629
1622
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-pivotview/styles/pivotfieldlist/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /*! component's theme wise override definitions and variables */
3
2
  /*! component's common definitions and variables */
4
3
  /*! field-list component icons */
@@ -446,7 +445,7 @@
446
445
  width: 100% !important;
447
446
  }
448
447
  .e-pivot-formatting-dialog.e-device .e-format-condition-button .e-add-icon {
449
- margin-left: 0;
448
+ margin-left: 0 !important;
450
449
  }
451
450
  .e-pivot-formatting-dialog.e-device .e-format-value1,
452
451
  .e-pivot-formatting-dialog.e-device .e-format-value2,
@@ -1519,12 +1518,6 @@
1519
1518
  height: 36px;
1520
1519
  padding: 6px 12px;
1521
1520
  }
1522
- .e-bigger .e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1523
- .e-bigger .e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text,
1524
- .e-bigger.e-field-list-tree.e-drag-item.e-treeview .e-text-content .e-list-text,
1525
- .e-bigger.e-pivot-calc.e-drag-item.e-treeview .e-text-content .e-list-text {
1526
- line-height: 1.5em;
1527
- }
1528
1521
  .e-bigger .e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1529
1522
  .e-bigger .e-pivot-calc.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,
1530
1523
  .e-bigger.e-field-list-tree.e-drag-item.e-treeview.e-drag-restrict .e-no-drop::before,